@charset "UTF-8";
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on June 25, 2015 */
/* @import url("//hello.myfonts.net/count/307204"); */
@import url("https://use.typekit.net/nom6mpy.css");
@font-face {
  font-family: "Glyphicons Regular";
  src: url("/typo3conf/ext/chili_sitephooe/Resources/Public/Fonts/Webfonts/glyphiconsregular.eot");
  src: url("/typo3conf/ext/chili_sitephooe/Resources/Public/Fonts/Webfonts/glyphiconsregular.eot?#iefix") format("embedded-opentype"), url("/typo3conf/ext/chili_sitephooe/Resources/Public/Fonts/Webfonts/glyphiconsregular.woff2") format("woff2"), url("/typo3conf/ext/chili_sitephooe/Resources/Public/Fonts/Webfonts/glyphiconsregular.woff") format("woff"), url("/typo3conf/ext/chili_sitephooe/Resources/Public/Fonts/Webfonts/glyphiconsregular.ttf") format("truetype"), url("/typo3conf/ext/chili_sitephooe/Resources/Public/Fonts/Webfonts/glyphiconsregular.svg#glyphiconsregular") format("svg");
}
.glyphicons {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Regular";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicons.x05 {
  font-size: 12px;
}
.glyphicons.x2 {
  font-size: 48px;
}
.glyphicons.x3 {
  font-size: 72px;
}
.glyphicons.x4 {
  font-size: 96px;
}
.glyphicons.x5 {
  font-size: 120px;
}
.glyphicons.light:before {
  color: #f2f2f2;
}
.glyphicons.drop:before {
  text-shadow: -1px 1px 3px rgba(0, 0, 0, 0.3);
}
.glyphicons.flip {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
.glyphicons.flipv {
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
}
.glyphicons.rotate90 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.glyphicons.rotate180 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.glyphicons.rotate270 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.glyphicons-glass:before {
  content: "";
}
.glyphicons-leaf:before {
  content: "";
}
.glyphicons-dog:before {
  content: "";
}
.glyphicons-user:before {
  content: "";
}
.glyphicons-girl:before {
  content: "";
}
.glyphicons-car:before {
  content: "";
}
.glyphicons-user-add:before {
  content: "";
}
.glyphicons-user-remove:before {
  content: "";
}
.glyphicons-film:before {
  content: "";
}
.glyphicons-magic:before {
  content: "";
}
.glyphicons-envelope:before {
  content: "✉";
}
.glyphicons-camera:before {
  content: "";
}
.glyphicons-heart:before {
  content: "";
}
.glyphicons-beach-umbrella:before {
  content: "";
}
.glyphicons-train:before {
  content: "";
}
.glyphicons-print:before {
  content: "";
}
.glyphicons-bin:before {
  content: "";
}
.glyphicons-music:before {
  content: "";
}
.glyphicons-note:before {
  content: "";
}
.glyphicons-heart-empty:before {
  content: "";
}
.glyphicons-home:before {
  content: "";
}
.glyphicons-snowflake:before {
  content: "❄";
}
.glyphicons-fire:before {
  content: "";
}
.glyphicons-magnet:before {
  content: "";
}
.glyphicons-parents:before {
  content: "";
}
.glyphicons-binoculars:before {
  content: "";
}
.glyphicons-road:before {
  content: "";
}
.glyphicons-search:before {
  content: "";
}
.glyphicons-cars:before {
  content: "";
}
.glyphicons-notes-2:before {
  content: "";
}
.glyphicons-pencil:before {
  content: "✏";
}
.glyphicons-bus:before {
  content: "";
}
.glyphicons-wifi-alt:before {
  content: "";
}
.glyphicons-luggage:before {
  content: "";
}
.glyphicons-old-man:before {
  content: "";
}
.glyphicons-woman:before {
  content: "";
}
.glyphicons-file:before {
  content: "";
}
.glyphicons-coins:before {
  content: "";
}
.glyphicons-airplane:before {
  content: "✈";
}
.glyphicons-notes:before {
  content: "";
}
.glyphicons-stats:before {
  content: "";
}
.glyphicons-charts:before {
  content: "";
}
.glyphicons-pie-chart:before {
  content: "";
}
.glyphicons-group:before {
  content: "";
}
.glyphicons-keys:before {
  content: "";
}
.glyphicons-calendar:before {
  content: "";
}
.glyphicons-router:before {
  content: "";
}
.glyphicons-camera-small:before {
  content: "";
}
.glyphicons-star-empty:before {
  content: "";
}
.glyphicons-star:before {
  content: "";
}
.glyphicons-link:before {
  content: "";
}
.glyphicons-eye-open:before {
  content: "";
}
.glyphicons-eye-close:before {
  content: "";
}
.glyphicons-alarm:before {
  content: "";
}
.glyphicons-clock:before {
  content: "";
}
.glyphicons-stopwatch:before {
  content: "";
}
.glyphicons-projector:before {
  content: "";
}
.glyphicons-history:before {
  content: "";
}
.glyphicons-truck:before {
  content: "";
}
.glyphicons-cargo:before {
  content: "";
}
.glyphicons-compass:before {
  content: "";
}
.glyphicons-keynote:before {
  content: "";
}
.glyphicons-paperclip:before {
  content: "";
}
.glyphicons-power:before {
  content: "";
}
.glyphicons-lightbulb:before {
  content: "";
}
.glyphicons-tag:before {
  content: "";
}
.glyphicons-tags:before {
  content: "";
}
.glyphicons-cleaning:before {
  content: "";
}
.glyphicons-ruler:before {
  content: "";
}
.glyphicons-gift:before {
  content: "";
}
.glyphicons-umbrella:before {
  content: "☂";
}
.glyphicons-book:before {
  content: "";
}
.glyphicons-bookmark:before {
  content: "";
}
.glyphicons-wifi:before {
  content: "";
}
.glyphicons-cup:before {
  content: "";
}
.glyphicons-stroller:before {
  content: "";
}
.glyphicons-headphones:before {
  content: "";
}
.glyphicons-headset:before {
  content: "";
}
.glyphicons-warning-sign:before {
  content: "";
}
.glyphicons-signal:before {
  content: "";
}
.glyphicons-retweet:before {
  content: "";
}
.glyphicons-refresh:before {
  content: "";
}
.glyphicons-roundabout:before {
  content: "";
}
.glyphicons-random:before {
  content: "";
}
.glyphicons-heat:before {
  content: "";
}
.glyphicons-repeat:before {
  content: "";
}
.glyphicons-display:before {
  content: "";
}
.glyphicons-log-book:before {
  content: "";
}
.glyphicons-address-book:before {
  content: "";
}
.glyphicons-building:before {
  content: "";
}
.glyphicons-eyedropper:before {
  content: "";
}
.glyphicons-adjust:before {
  content: "";
}
.glyphicons-tint:before {
  content: "";
}
.glyphicons-crop:before {
  content: "";
}
.glyphicons-vector-path-square:before {
  content: "";
}
.glyphicons-vector-path-circle:before {
  content: "";
}
.glyphicons-vector-path-polygon:before {
  content: "";
}
.glyphicons-vector-path-line:before {
  content: "";
}
.glyphicons-vector-path-curve:before {
  content: "";
}
.glyphicons-vector-path-all:before {
  content: "";
}
.glyphicons-font:before {
  content: "";
}
.glyphicons-italic:before {
  content: "";
}
.glyphicons-bold:before {
  content: "";
}
.glyphicons-text-underline:before {
  content: "";
}
.glyphicons-text-strike:before {
  content: "";
}
.glyphicons-text-height:before {
  content: "";
}
.glyphicons-text-width:before {
  content: "";
}
.glyphicons-text-resize:before {
  content: "";
}
.glyphicons-left-indent:before {
  content: "";
}
.glyphicons-right-indent:before {
  content: "";
}
.glyphicons-align-left:before {
  content: "";
}
.glyphicons-align-center:before {
  content: "";
}
.glyphicons-align-right:before {
  content: "";
}
.glyphicons-justify:before {
  content: "";
}
.glyphicons-list:before {
  content: "";
}
.glyphicons-text-smaller:before {
  content: "";
}
.glyphicons-text-bigger:before {
  content: "";
}
.glyphicons-embed:before {
  content: "";
}
.glyphicons-embed-close:before {
  content: "";
}
.glyphicons-table:before {
  content: "";
}
.glyphicons-message-full:before {
  content: "";
}
.glyphicons-message-empty:before {
  content: "";
}
.glyphicons-message-in:before {
  content: "";
}
.glyphicons-message-out:before {
  content: "";
}
.glyphicons-message-plus:before {
  content: "";
}
.glyphicons-message-minus:before {
  content: "";
}
.glyphicons-message-ban:before {
  content: "";
}
.glyphicons-message-flag:before {
  content: "";
}
.glyphicons-message-lock:before {
  content: "";
}
.glyphicons-message-new:before {
  content: "";
}
.glyphicons-inbox:before {
  content: "";
}
.glyphicons-inbox-plus:before {
  content: "";
}
.glyphicons-inbox-minus:before {
  content: "";
}
.glyphicons-inbox-lock:before {
  content: "";
}
.glyphicons-inbox-in:before {
  content: "";
}
.glyphicons-inbox-out:before {
  content: "";
}
.glyphicons-cogwheel:before {
  content: "";
}
.glyphicons-cogwheels:before {
  content: "";
}
.glyphicons-picture:before {
  content: "";
}
.glyphicons-adjust-alt:before {
  content: "";
}
.glyphicons-database-lock:before {
  content: "";
}
.glyphicons-database-plus:before {
  content: "";
}
.glyphicons-database-minus:before {
  content: "";
}
.glyphicons-database-ban:before {
  content: "";
}
.glyphicons-folder-open:before {
  content: "";
}
.glyphicons-folder-plus:before {
  content: "";
}
.glyphicons-folder-minus:before {
  content: "";
}
.glyphicons-folder-lock:before {
  content: "";
}
.glyphicons-folder-flag:before {
  content: "";
}
.glyphicons-folder-new:before {
  content: "";
}
.glyphicons-edit:before {
  content: "";
}
.glyphicons-new-window:before {
  content: "";
}
.glyphicons-check:before {
  content: "";
}
.glyphicons-unchecked:before {
  content: "";
}
.glyphicons-more-windows:before {
  content: "";
}
.glyphicons-show-big-thumbnails:before {
  content: "";
}
.glyphicons-show-thumbnails:before {
  content: "";
}
.glyphicons-show-thumbnails-with-lines:before {
  content: "";
}
.glyphicons-show-lines:before {
  content: "";
}
.glyphicons-playlist:before {
  content: "";
}
.glyphicons-imac:before {
  content: "";
}
.glyphicons-macbook:before {
  content: "";
}
.glyphicons-ipad:before {
  content: "";
}
.glyphicons-iphone:before {
  content: "";
}
.glyphicons-iphone-transfer:before {
  content: "";
}
.glyphicons-iphone-exchange:before {
  content: "";
}
.glyphicons-ipod:before {
  content: "";
}
.glyphicons-ipod-shuffle:before {
  content: "";
}
.glyphicons-ear-plugs:before {
  content: "";
}
.glyphicons-record:before {
  content: "";
}
.glyphicons-step-backward:before {
  content: "";
}
.glyphicons-fast-backward:before {
  content: "";
}
.glyphicons-rewind:before {
  content: "";
}
.glyphicons-play:before {
  content: "";
}
.glyphicons-pause:before {
  content: "";
}
.glyphicons-stop:before {
  content: "";
}
.glyphicons-forward:before {
  content: "";
}
.glyphicons-fast-forward:before {
  content: "";
}
.glyphicons-step-forward:before {
  content: "";
}
.glyphicons-eject:before {
  content: "";
}
.glyphicons-facetime-video:before {
  content: "";
}
.glyphicons-download-alt:before {
  content: "";
}
.glyphicons-mute:before {
  content: "";
}
.glyphicons-volume-down:before {
  content: "";
}
.glyphicons-volume-up:before {
  content: "";
}
.glyphicons-screenshot:before {
  content: "";
}
.glyphicons-move:before {
  content: "";
}
.glyphicons-more:before {
  content: "";
}
.glyphicons-brightness-reduce:before {
  content: "";
}
.glyphicons-brightness-increase:before {
  content: "";
}
.glyphicons-circle-plus:before {
  content: "";
}
.glyphicons-circle-minus:before {
  content: "";
}
.glyphicons-circle-remove:before {
  content: "";
}
.glyphicons-circle-ok:before {
  content: "";
}
.glyphicons-circle-question-mark:before {
  content: "";
}
.glyphicons-circle-info:before {
  content: "";
}
.glyphicons-circle-exclamation-mark:before {
  content: "";
}
.glyphicons-remove:before {
  content: "";
}
.glyphicons-ok:before {
  content: "";
}
.glyphicons-ban:before {
  content: "";
}
.glyphicons-download:before {
  content: "";
}
.glyphicons-upload:before {
  content: "";
}
.glyphicons-shopping-cart:before {
  content: "";
}
.glyphicons-lock:before {
  content: "";
}
.glyphicons-unlock:before {
  content: "";
}
.glyphicons-electricity:before {
  content: "";
}
.glyphicons-ok-2:before {
  content: "";
}
.glyphicons-remove-2:before {
  content: "";
}
.glyphicons-cart-out:before {
  content: "";
}
.glyphicons-cart-in:before {
  content: "";
}
.glyphicons-left-arrow:before {
  content: "";
}
.glyphicons-right-arrow:before {
  content: "";
}
.glyphicons-down-arrow:before {
  content: "";
}
.glyphicons-up-arrow:before {
  content: "";
}
.glyphicons-resize-small:before {
  content: "";
}
.glyphicons-resize-full:before {
  content: "";
}
.glyphicons-circle-arrow-left:before {
  content: "";
}
.glyphicons-circle-arrow-right:before {
  content: "";
}
.glyphicons-circle-arrow-top:before {
  content: "";
}
.glyphicons-circle-arrow-down:before {
  content: "";
}
.glyphicons-play-button:before {
  content: "";
}
.glyphicons-unshare:before {
  content: "";
}
.glyphicons-share:before {
  content: "";
}
.glyphicons-chevron-right:before {
  content: "";
}
.glyphicons-chevron-left:before {
  content: "";
}
.glyphicons-bluetooth:before {
  content: "";
}
.glyphicons-euro:before {
  content: "€";
}
.glyphicons-usd:before {
  content: "";
}
.glyphicons-gbp:before {
  content: "";
}
.glyphicons-retweet-2:before {
  content: "";
}
.glyphicons-moon:before {
  content: "";
}
.glyphicons-sun:before {
  content: "☉";
}
.glyphicons-cloud:before {
  content: "☁";
}
.glyphicons-direction:before {
  content: "";
}
.glyphicons-brush:before {
  content: "";
}
.glyphicons-pen:before {
  content: "";
}
.glyphicons-zoom-in:before {
  content: "";
}
.glyphicons-zoom-out:before {
  content: "";
}
.glyphicons-pin:before {
  content: "";
}
.glyphicons-albums:before {
  content: "";
}
.glyphicons-rotation-lock:before {
  content: "";
}
.glyphicons-flash:before {
  content: "";
}
.glyphicons-google-maps:before {
  content: "";
}
.glyphicons-anchor:before {
  content: "⚓";
}
.glyphicons-conversation:before {
  content: "";
}
.glyphicons-chat:before {
  content: "";
}
.glyphicons-male:before {
  content: "";
}
.glyphicons-female:before {
  content: "";
}
.glyphicons-asterisk:before {
  content: "*";
}
.glyphicons-divide:before {
  content: "÷";
}
.glyphicons-snorkel-diving:before {
  content: "";
}
.glyphicons-scuba-diving:before {
  content: "";
}
.glyphicons-oxygen-bottle:before {
  content: "";
}
.glyphicons-fins:before {
  content: "";
}
.glyphicons-fishes:before {
  content: "";
}
.glyphicons-boat:before {
  content: "";
}
.glyphicons-delete:before {
  content: "";
}
.glyphicons-sheriffs-star:before {
  content: "";
}
.glyphicons-qrcode:before {
  content: "";
}
.glyphicons-barcode:before {
  content: "";
}
.glyphicons-pool:before {
  content: "";
}
.glyphicons-buoy:before {
  content: "";
}
.glyphicons-spade:before {
  content: "";
}
.glyphicons-bank:before {
  content: "";
}
.glyphicons-vcard:before {
  content: "";
}
.glyphicons-electrical-plug:before {
  content: "";
}
.glyphicons-flag:before {
  content: "";
}
.glyphicons-credit-card:before {
  content: "";
}
.glyphicons-keyboard-wireless:before {
  content: "";
}
.glyphicons-keyboard-wired:before {
  content: "";
}
.glyphicons-shield:before {
  content: "";
}
.glyphicons-ring:before {
  content: "˚";
}
.glyphicons-cake:before {
  content: "";
}
.glyphicons-drink:before {
  content: "";
}
.glyphicons-beer:before {
  content: "";
}
.glyphicons-fast-food:before {
  content: "";
}
.glyphicons-cutlery:before {
  content: "";
}
.glyphicons-pizza:before {
  content: "";
}
.glyphicons-birthday-cake:before {
  content: "";
}
.glyphicons-tablet:before {
  content: "";
}
.glyphicons-settings:before {
  content: "";
}
.glyphicons-bullets:before {
  content: "";
}
.glyphicons-cardio:before {
  content: "";
}
.glyphicons-t-shirt:before {
  content: "";
}
.glyphicons-pants:before {
  content: "";
}
.glyphicons-sweater:before {
  content: "";
}
.glyphicons-fabric:before {
  content: "";
}
.glyphicons-leather:before {
  content: "";
}
.glyphicons-scissors:before {
  content: "";
}
.glyphicons-bomb:before {
  content: "";
}
.glyphicons-skull:before {
  content: "";
}
.glyphicons-celebration:before {
  content: "";
}
.glyphicons-tea-kettle:before {
  content: "";
}
.glyphicons-french-press:before {
  content: "";
}
.glyphicons-coffee-cup:before {
  content: "";
}
.glyphicons-pot:before {
  content: "";
}
.glyphicons-grater:before {
  content: "";
}
.glyphicons-kettle:before {
  content: "";
}
.glyphicons-hospital:before {
  content: "";
}
.glyphicons-hospital-h:before {
  content: "";
}
.glyphicons-microphone:before {
  content: "";
}
.glyphicons-webcam:before {
  content: "";
}
.glyphicons-temple-christianity-church:before {
  content: "";
}
.glyphicons-temple-islam:before {
  content: "";
}
.glyphicons-temple-hindu:before {
  content: "";
}
.glyphicons-temple-buddhist:before {
  content: "";
}
.glyphicons-bicycle:before {
  content: "";
}
.glyphicons-life-preserver:before {
  content: "";
}
.glyphicons-share-alt:before {
  content: "";
}
.glyphicons-comments:before {
  content: "";
}
.glyphicons-flower:before {
  content: "⚘";
}
.glyphicons-baseball:before {
  content: "⚾";
}
.glyphicons-rugby:before {
  content: "";
}
.glyphicons-ax:before {
  content: "";
}
.glyphicons-table-tennis:before {
  content: "";
}
.glyphicons-bowling:before {
  content: "";
}
.glyphicons-tree-conifer:before {
  content: "";
}
.glyphicons-tree-deciduous:before {
  content: "";
}
.glyphicons-more-items:before {
  content: "";
}
.glyphicons-sort:before {
  content: "";
}
.glyphicons-filter:before {
  content: "";
}
.glyphicons-gamepad:before {
  content: "";
}
.glyphicons-playing-dices:before {
  content: "";
}
.glyphicons-calculator:before {
  content: "";
}
.glyphicons-tie:before {
  content: "";
}
.glyphicons-wallet:before {
  content: "";
}
.glyphicons-piano:before {
  content: "";
}
.glyphicons-sampler:before {
  content: "";
}
.glyphicons-podium:before {
  content: "";
}
.glyphicons-soccer-ball:before {
  content: "";
}
.glyphicons-blog:before {
  content: "";
}
.glyphicons-dashboard:before {
  content: "";
}
.glyphicons-certificate:before {
  content: "";
}
.glyphicons-bell:before {
  content: "";
}
.glyphicons-candle:before {
  content: "";
}
.glyphicons-pushpin:before {
  content: "";
}
.glyphicons-iphone-shake:before {
  content: "";
}
.glyphicons-pin-flag:before {
  content: "";
}
.glyphicons-turtle:before {
  content: "";
}
.glyphicons-rabbit:before {
  content: "";
}
.glyphicons-globe:before {
  content: "";
}
.glyphicons-briefcase:before {
  content: "";
}
.glyphicons-hdd:before {
  content: "";
}
.glyphicons-thumbs-up:before {
  content: "";
}
.glyphicons-thumbs-down:before {
  content: "";
}
.glyphicons-hand-right:before {
  content: "";
}
.glyphicons-hand-left:before {
  content: "";
}
.glyphicons-hand-up:before {
  content: "";
}
.glyphicons-hand-down:before {
  content: "";
}
.glyphicons-fullscreen:before {
  content: "";
}
.glyphicons-shopping-bag:before {
  content: "";
}
.glyphicons-book-open:before {
  content: "";
}
.glyphicons-nameplate:before {
  content: "";
}
.glyphicons-nameplate-alt:before {
  content: "";
}
.glyphicons-vases:before {
  content: "";
}
.glyphicons-bullhorn:before {
  content: "";
}
.glyphicons-dumbbell:before {
  content: "";
}
.glyphicons-suitcase:before {
  content: "";
}
.glyphicons-file-import:before {
  content: "";
}
.glyphicons-file-export:before {
  content: "";
}
.glyphicons-bug:before {
  content: "";
}
.glyphicons-crown:before {
  content: "";
}
.glyphicons-smoking:before {
  content: "";
}
.glyphicons-cloud-download:before {
  content: "";
}
.glyphicons-cloud-upload:before {
  content: "";
}
.glyphicons-restart:before {
  content: "";
}
.glyphicons-security-camera:before {
  content: "";
}
.glyphicons-expand:before {
  content: "";
}
.glyphicons-collapse:before {
  content: "";
}
.glyphicons-collapse-top:before {
  content: "";
}
.glyphicons-globe-af:before {
  content: "";
}
.glyphicons-global:before {
  content: "";
}
.glyphicons-spray:before {
  content: "";
}
.glyphicons-nails:before {
  content: "";
}
.glyphicons-claw-hammer:before {
  content: "";
}
.glyphicons-classic-hammer:before {
  content: "";
}
.glyphicons-hand-saw:before {
  content: "";
}
.glyphicons-riflescope:before {
  content: "";
}
.glyphicons-electrical-socket-eu:before {
  content: "";
}
.glyphicons-electrical-socket-us:before {
  content: "";
}
.glyphicons-message-forward:before {
  content: "";
}
.glyphicons-coat-hanger:before {
  content: "";
}
.glyphicons-dress:before {
  content: "";
}
.glyphicons-bathrobe:before {
  content: "";
}
.glyphicons-shirt:before {
  content: "";
}
.glyphicons-underwear:before {
  content: "";
}
.glyphicons-log-in:before {
  content: "";
}
.glyphicons-log-out:before {
  content: "";
}
.glyphicons-exit:before {
  content: "";
}
.glyphicons-new-window-alt:before {
  content: "";
}
.glyphicons-video-sd:before {
  content: "";
}
.glyphicons-video-hd:before {
  content: "";
}
.glyphicons-subtitles:before {
  content: "";
}
.glyphicons-sound-stereo:before {
  content: "";
}
.glyphicons-sound-dolby:before {
  content: "";
}
.glyphicons-sound-5-1:before {
  content: "";
}
.glyphicons-sound-6-1:before {
  content: "";
}
.glyphicons-sound-7-1:before {
  content: "";
}
.glyphicons-copyright-mark:before {
  content: "";
}
.glyphicons-registration-mark:before {
  content: "";
}
.glyphicons-radar:before {
  content: "";
}
.glyphicons-skateboard:before {
  content: "";
}
.glyphicons-golf-course:before {
  content: "";
}
.glyphicons-sorting:before {
  content: "";
}
.glyphicons-sort-by-alphabet:before {
  content: "";
}
.glyphicons-sort-by-alphabet-alt:before {
  content: "";
}
.glyphicons-sort-by-order:before {
  content: "";
}
.glyphicons-sort-by-order-alt:before {
  content: "";
}
.glyphicons-sort-by-attributes:before {
  content: "";
}
.glyphicons-sort-by-attributes-alt:before {
  content: "";
}
.glyphicons-compressed:before {
  content: "";
}
.glyphicons-package:before {
  content: "";
}
.glyphicons-cloud-plus:before {
  content: "";
}
.glyphicons-cloud-minus:before {
  content: "";
}
.glyphicons-disk-save:before {
  content: "";
}
.glyphicons-disk-open:before {
  content: "";
}
.glyphicons-disk-saved:before {
  content: "";
}
.glyphicons-disk-remove:before {
  content: "";
}
.glyphicons-disk-import:before {
  content: "";
}
.glyphicons-disk-export:before {
  content: "";
}
.glyphicons-tower:before {
  content: "";
}
.glyphicons-send:before {
  content: "";
}
.glyphicons-git-branch:before {
  content: "";
}
.glyphicons-git-create:before {
  content: "";
}
.glyphicons-git-private:before {
  content: "";
}
.glyphicons-git-delete:before {
  content: "";
}
.glyphicons-git-merge:before {
  content: "";
}
.glyphicons-git-pull-request:before {
  content: "";
}
.glyphicons-git-compare:before {
  content: "";
}
.glyphicons-git-commit:before {
  content: "";
}
.glyphicons-construction-cone:before {
  content: "";
}
.glyphicons-shoe-steps:before {
  content: "";
}
.glyphicons-plus:before {
  content: "+";
}
.glyphicons-minus:before {
  content: "−";
}
.glyphicons-redo:before {
  content: "";
}
.glyphicons-undo:before {
  content: "";
}
.glyphicons-golf:before {
  content: "";
}
.glyphicons-hockey:before {
  content: "";
}
.glyphicons-pipe:before {
  content: "";
}
.glyphicons-wrench:before {
  content: "";
}
.glyphicons-folder-closed:before {
  content: "";
}
.glyphicons-phone-alt:before {
  content: "";
}
.glyphicons-earphone:before {
  content: "";
}
.glyphicons-floppy-disk:before {
  content: "";
}
.glyphicons-floppy-saved:before {
  content: "";
}
.glyphicons-floppy-remove:before {
  content: "";
}
.glyphicons-floppy-save:before {
  content: "";
}
.glyphicons-floppy-open:before {
  content: "";
}
.glyphicons-translate:before {
  content: "";
}
.glyphicons-fax:before {
  content: "";
}
.glyphicons-factory:before {
  content: "";
}
.glyphicons-shop-window:before {
  content: "";
}
.glyphicons-shop:before {
  content: "";
}
.glyphicons-kiosk:before {
  content: "";
}
.glyphicons-kiosk-wheels:before {
  content: "";
}
.glyphicons-kiosk-light:before {
  content: "";
}
.glyphicons-kiosk-food:before {
  content: "";
}
.glyphicons-transfer:before {
  content: "";
}
.glyphicons-money:before {
  content: "";
}
.glyphicons-header:before {
  content: "";
}
.glyphicons-blacksmith:before {
  content: "";
}
.glyphicons-saw-blade:before {
  content: "";
}
.glyphicons-basketball:before {
  content: "";
}
.glyphicons-server:before {
  content: "";
}
.glyphicons-server-plus:before {
  content: "";
}
.glyphicons-server-minus:before {
  content: "";
}
.glyphicons-server-ban:before {
  content: "";
}
.glyphicons-server-flag:before {
  content: "";
}
.glyphicons-server-lock:before {
  content: "";
}
.glyphicons-server-new:before {
  content: "";
}
.glyphicons-charging-station:before {
  content: "";
}
.glyphicons-gas-station:before {
  content: "";
}
.glyphicons-target:before {
  content: "";
}
.glyphicons-bed-alt:before {
  content: "";
}
.glyphicons-mosquito-net:before {
  content: "";
}
.glyphicons-dining-set:before {
  content: "";
}
.glyphicons-plate-of-food:before {
  content: "";
}
.glyphicons-hygiene-kit:before {
  content: "";
}
.glyphicons-blackboard:before {
  content: "";
}
.glyphicons-marriage:before {
  content: "";
}
.glyphicons-bucket:before {
  content: "";
}
.glyphicons-none-color-swatch:before {
  content: "";
}
.glyphicons-bring-forward:before {
  content: "";
}
.glyphicons-bring-to-front:before {
  content: "";
}
.glyphicons-send-backward:before {
  content: "";
}
.glyphicons-send-to-back:before {
  content: "";
}
.glyphicons-fit-frame-to-image:before {
  content: "";
}
.glyphicons-fit-image-to-frame:before {
  content: "";
}
.glyphicons-multiple-displays:before {
  content: "";
}
.glyphicons-handshake:before {
  content: "";
}
.glyphicons-child:before {
  content: "";
}
.glyphicons-baby-formula:before {
  content: "";
}
.glyphicons-medicine:before {
  content: "";
}
.glyphicons-atv-vehicle:before {
  content: "";
}
.glyphicons-motorcycle:before {
  content: "";
}
.glyphicons-bed:before {
  content: "";
}
.glyphicons-tent:before {
  content: "⛺";
}
.glyphicons-glasses:before {
  content: "";
}
.glyphicons-sunglasses:before {
  content: "";
}
.glyphicons-family:before {
  content: "";
}
.glyphicons-education:before {
  content: "";
}
.glyphicons-shoes:before {
  content: "";
}
.glyphicons-map:before {
  content: "";
}
.glyphicons-cd:before {
  content: "";
}
.glyphicons-alert:before {
  content: "";
}
.glyphicons-piggy-bank:before {
  content: "";
}
.glyphicons-star-half:before {
  content: "";
}
.glyphicons-cluster:before {
  content: "";
}
.glyphicons-flowchart:before {
  content: "";
}
.glyphicons-commodities:before {
  content: "";
}
.glyphicons-duplicate:before {
  content: "";
}
.glyphicons-copy:before {
  content: "";
}
.glyphicons-paste:before {
  content: "";
}
.glyphicons-bath-bathtub:before {
  content: "";
}
.glyphicons-bath-shower:before {
  content: "";
}
.glyphicons-shower:before {
  content: "🚿";
}
.glyphicons-menu-hamburger:before {
  content: "";
}
.glyphicons-option-vertical:before {
  content: "";
}
.glyphicons-option-horizontal:before {
  content: "";
}
.glyphicons-currency-conversion:before {
  content: "";
}
.glyphicons-user-ban:before {
  content: "";
}
.glyphicons-user-lock:before {
  content: "";
}
.glyphicons-user-flag:before {
  content: "";
}
.glyphicons-user-asterisk:before {
  content: "";
}
.glyphicons-user-alert:before {
  content: "";
}
.glyphicons-user-key:before {
  content: "";
}
.glyphicons-user-conversation:before {
  content: "";
}
.glyphicons-database:before {
  content: "";
}
.glyphicons-database-search:before {
  content: "";
}
.glyphicons-list-alt:before {
  content: "";
}
.glyphicons-hazard-sign:before {
  content: "";
}
.glyphicons-hazard:before {
  content: "";
}
.glyphicons-stop-sign:before {
  content: "";
}
.glyphicons-lab:before {
  content: "";
}
.glyphicons-lab-alt:before {
  content: "";
}
.glyphicons-ice-cream:before {
  content: "";
}
.glyphicons-ice-lolly:before {
  content: "";
}
.glyphicons-ice-lolly-tasted:before {
  content: "";
}
.glyphicons-invoice:before {
  content: "";
}
.glyphicons-cart-tick:before {
  content: "";
}
.glyphicons-hourglass:before {
  content: "⌛";
}
.glyphicons-cat:before {
  content: "🐈";
}
.glyphicons-lamp:before {
  content: "";
}
.glyphicons-scale-classic:before {
  content: "";
}
.glyphicons-eye-plus:before {
  content: "";
}
.glyphicons-eye-minus:before {
  content: "";
}
.glyphicons-quote:before {
  content: "";
}
.glyphicons-bitcoin:before {
  content: "";
}
.glyphicons-yen:before {
  content: "¥";
}
.glyphicons-ruble:before {
  content: "₽";
}
.glyphicons-erase:before {
  content: "";
}
.glyphicons-podcast:before {
  content: "";
}
.glyphicons-firework:before {
  content: "";
}
.glyphicons-scale:before {
  content: "";
}
.glyphicons-king:before {
  content: "";
}
.glyphicons-queen:before {
  content: "";
}
.glyphicons-pawn:before {
  content: "";
}
.glyphicons-bishop:before {
  content: "";
}
.glyphicons-knight:before {
  content: "";
}
.glyphicons-mic-mute:before {
  content: "";
}
.glyphicons-voicemail:before {
  content: "";
}
.glyphicons-paragraph:before {
  content: "¶";
}
.glyphicons-person-walking:before {
  content: "";
}
.glyphicons-person-wheelchair:before {
  content: "";
}
.glyphicons-underground:before {
  content: "";
}
.glyphicons-car-hov:before {
  content: "";
}
.glyphicons-car-rental:before {
  content: "";
}
.glyphicons-transport:before {
  content: "";
}
.glyphicons-taxi:before {
  content: "🚕";
}
.glyphicons-ice-cream-no:before {
  content: "";
}
.glyphicons-uk-rat-u:before {
  content: "";
}
.glyphicons-uk-rat-pg:before {
  content: "";
}
.glyphicons-uk-rat-12a:before {
  content: "";
}
.glyphicons-uk-rat-12:before {
  content: "";
}
.glyphicons-uk-rat-15:before {
  content: "";
}
.glyphicons-uk-rat-18:before {
  content: "";
}
.glyphicons-uk-rat-r18:before {
  content: "";
}
.glyphicons-tv:before {
  content: "";
}
.glyphicons-sms:before {
  content: "";
}
.glyphicons-mms:before {
  content: "";
}
.glyphicons-us-rat-g:before {
  content: "";
}
.glyphicons-us-rat-pg:before {
  content: "";
}
.glyphicons-us-rat-pg-13:before {
  content: "";
}
.glyphicons-us-rat-restricted:before {
  content: "";
}
.glyphicons-us-rat-no-one-17:before {
  content: "";
}
.glyphicons-equalizer:before {
  content: "";
}
.glyphicons-speakers:before {
  content: "";
}
.glyphicons-remote-control:before {
  content: "";
}
.glyphicons-remote-control-tv:before {
  content: "";
}
.glyphicons-shredder:before {
  content: "";
}
.glyphicons-folder-heart:before {
  content: "";
}
.glyphicons-person-running:before {
  content: "";
}
.glyphicons-person:before {
  content: "";
}
.glyphicons-voice:before {
  content: "";
}
.glyphicons-stethoscope:before {
  content: "";
}
.glyphicons-hotspot:before {
  content: "";
}
.glyphicons-activity:before {
  content: "";
}
.glyphicons-watch:before {
  content: "⌚";
}
.glyphicons-scissors-alt:before {
  content: "";
}
.glyphicons-car-wheel:before {
  content: "";
}
.glyphicons-chevron-up:before {
  content: "";
}
.glyphicons-chevron-down:before {
  content: "";
}
.glyphicons-superscript:before {
  content: "";
}
.glyphicons-subscript:before {
  content: "";
}
.glyphicons-text-size:before {
  content: "";
}
.glyphicons-text-color:before {
  content: "";
}
.glyphicons-text-background:before {
  content: "";
}
.glyphicons-modal-window:before {
  content: "";
}
.glyphicons-newspaper:before {
  content: "📰";
}
.glyphicons-tractor:before {
  content: "🚜";
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}
@-webkit-keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -webkit-transform-origin: top center;
  }
  20% {
    -webkit-transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}
@keyframes swing {
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    transform: scale(1);
  }
  10%, 20% {
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
/* source-sans-pro-300 - latin */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 300;
  src: url("/typo3conf/ext/chili_sitephooe/Resources/Public/Fonts/Webfonts/source-sans-pro-v14-latin-300.eot");
  /* IE9 Compat Modes */
  src: local(""), url("/typo3conf/ext/chili_sitephooe/Resources/Public/Fonts/Webfonts/source-sans-pro-v14-latin-300.eot?#iefix") format("embedded-opentype"), url("/typo3conf/ext/chili_sitephooe/Resources/Public/Fonts/Webfonts/source-sans-pro-v14-latin-300.woff2") format("woff2"), url("/typo3conf/ext/chili_sitephooe/Resources/Public/Fonts/Webfonts/source-sans-pro-v14-latin-300.woff") format("woff"), url("/typo3conf/ext/chili_sitephooe/Resources/Public/Fonts/Webfonts/source-sans-pro-v14-latin-300.ttf") format("truetype"), url("/typo3conf/ext/chili_sitephooe/Resources/Public/Fonts/Webfonts/source-sans-pro-v14-latin-300.svg#SourceSansPro") format("svg");
  /* Legacy iOS */
}
/* source-sans-pro-regular - latin */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  src: url("/typo3conf/ext/chili_sitephooe/Resources/Public/Fonts/Webfonts/source-sans-pro-v14-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("/typo3conf/ext/chili_sitephooe/Resources/Public/Fonts/Webfonts/source-sans-pro-v14-latin-regular.eot?#iefix") format("embedded-opentype"), url("/typo3conf/ext/chili_sitephooe/Resources/Public/Fonts/Webfonts/source-sans-pro-v14-latin-regular.woff2") format("woff2"), url("/typo3conf/ext/chili_sitephooe/Resources/Public/Fonts/Webfonts/source-sans-pro-v14-latin-regular.woff") format("woff"), url("/typo3conf/ext/chili_sitephooe/Resources/Public/Fonts/Webfonts/source-sans-pro-v14-latin-regular.ttf") format("truetype"), url("/typo3conf/ext/chili_sitephooe/Resources/Public/Fonts/Webfonts/source-sans-pro-v14-latin-regular.svg#SourceSansPro") format("svg");
  /* Legacy iOS */
}
/* source-sans-pro-700 - latin */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 700;
  src: url("/typo3conf/ext/chili_sitephooe/Resources/Public/Fonts/Webfonts/source-sans-pro-v14-latin-700.eot");
  /* IE9 Compat Modes */
  src: local(""), url("/typo3conf/ext/chili_sitephooe/Resources/Public/Fonts/Webfonts/source-sans-pro-v14-latin-700.eot?#iefix") format("embedded-opentype"), url("/typo3conf/ext/chili_sitephooe/Resources/Public/Fonts/Webfonts/source-sans-pro-v14-latin-700.woff2") format("woff2"), url("/typo3conf/ext/chili_sitephooe/Resources/Public/Fonts/Webfonts/source-sans-pro-v14-latin-700.woff") format("woff"), url("/typo3conf/ext/chili_sitephooe/Resources/Public/Fonts/Webfonts/source-sans-pro-v14-latin-700.ttf") format("truetype"), url("/typo3conf/ext/chili_sitephooe/Resources/Public/Fonts/Webfonts/source-sans-pro-v14-latin-700.svg#SourceSansPro") format("svg");
  /* Legacy iOS */
}
/* source-sans-pro-900 - latin */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 900;
  src: url("/typo3conf/ext/chili_sitephooe/Resources/Public/Fonts/Webfonts/source-sans-pro-v14-latin-900.eot");
  /* IE9 Compat Modes */
  src: local(""), url("/typo3conf/ext/chili_sitephooe/Resources/Public/Fonts/Webfonts/source-sans-pro-v14-latin-900.eot?#iefix") format("embedded-opentype"), url("/typo3conf/ext/chili_sitephooe/Resources/Public/Fonts/Webfonts/source-sans-pro-v14-latin-900.woff2") format("woff2"), url("/typo3conf/ext/chili_sitephooe/Resources/Public/Fonts/Webfonts/source-sans-pro-v14-latin-900.woff") format("woff"), url("/typo3conf/ext/chili_sitephooe/Resources/Public/Fonts/Webfonts/source-sans-pro-v14-latin-900.ttf") format("truetype"), url("/typo3conf/ext/chili_sitephooe/Resources/Public/Fonts/Webfonts/source-sans-pro-v14-latin-900.svg#SourceSansPro") format("svg");
  /* Legacy iOS */
}
/* josefin-sans-regular - latin */
@font-face {
  font-family: "Josefin Sans";
  font-style: normal;
  font-weight: 400;
  src: url("/typo3conf/ext/chili_sitephooe/Resources/Public/Fonts/Webfonts/josefin-sans-v17-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("/typo3conf/ext/chili_sitephooe/Resources/Public/Fonts/Webfonts/josefin-sans-v17-latin-regular.eot?#iefix") format("embedded-opentype"), url("/typo3conf/ext/chili_sitephooe/Resources/Public/Fonts/Webfonts/josefin-sans-v17-latin-regular.woff2") format("woff2"), url("/typo3conf/ext/chili_sitephooe/Resources/Public/Fonts/Webfonts/josefin-sans-v17-latin-regular.woff") format("woff"), url("/typo3conf/ext/chili_sitephooe/Resources/Public/Fonts/Webfonts/josefin-sans-v17-latin-regular.ttf") format("truetype"), url("/typo3conf/ext/chili_sitephooe/Resources/Public/Fonts/Webfonts/josefin-sans-v17-latin-regular.svg#JosefinSans") format("svg");
  /* Legacy iOS */
}
/* josefin-sans-700 - latin */
@font-face {
  font-family: "Josefin Sans";
  font-style: normal;
  font-weight: 700;
  src: url("/typo3conf/ext/chili_sitephooe/Resources/Public/Fonts/Webfonts/josefin-sans-v17-latin-700.eot");
  /* IE9 Compat Modes */
  src: local(""), url("/typo3conf/ext/chili_sitephooe/Resources/Public/Fonts/Webfonts/josefin-sans-v17-latin-700.eot?#iefix") format("embedded-opentype"), url("/typo3conf/ext/chili_sitephooe/Resources/Public/Fonts/Webfonts/josefin-sans-v17-latin-700.woff2") format("woff2"), url("/typo3conf/ext/chili_sitephooe/Resources/Public/Fonts/Webfonts/josefin-sans-v17-latin-700.woff") format("woff"), url("/typo3conf/ext/chili_sitephooe/Resources/Public/Fonts/Webfonts/josefin-sans-v17-latin-700.ttf") format("truetype"), url("/typo3conf/ext/chili_sitephooe/Resources/Public/Fonts/Webfonts/josefin-sans-v17-latin-700.svg#JosefinSans") format("svg");
  /* Legacy iOS */
}
/* Glyphicons*/
@font-face {
  font-family: "Glyphicons Regular";
  font-style: normal;
  font-weight: normal;
  src: url("/typo3conf/ext/chili_sitephooe/Resources/Public/Fonts/Webfonts/glyphiconsregular.eot");
  src: url("/typo3conf/ext/chili_sitephooe/Resources/Public/Fonts/Webfonts/glyphiconsregular.eot?#iefix") format("embedded-opentype"), url("/typo3conf/ext/chili_sitephooe/Resources/Public/Fonts/Webfonts/glyphiconsregular.woff2") format("woff2"), url("/typo3conf/ext/chili_sitephooe/Resources/Public/Fonts/Webfonts/glyphiconsregular.woff") format("woff"), url("/typo3conf/ext/chili_sitephooe/Resources/Public/Fonts/Webfonts/glyphiconsregular.ttf") format("truetype"), url("/typo3conf/ext/chili_sitephooe/Resources/Public/Fonts/Webfonts/glyphiconsregular.svg") format("svg");
}
.box .container {
  padding: 40px 20px 20px 20px;
}
.container {
  max-width: 1200px;
  min-width: 320px;
  margin: 0 auto;
  padding: 0 20px;
  overflow: hidden;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.container:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.row {
  position: relative;
  clear: both;
}
.row:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.row .col {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 0;
  float: left;
  margin-left: 2%;
  position: relative;
}
.row .col:first-child {
  margin-left: 0;
}
.c1 {
  width: 8.5% !important;
  float: left;
  margin-left: 0 !important;
}
.c2 {
  width: 16% !important;
  float: left;
  margin-left: 0 !important;
}
.c3 {
  width: 24.5% !important;
  float: left;
  margin-left: 0 !important;
}
.c4 {
  width: 33% !important;
  float: left;
  margin-left: 0 !important;
}
.c5 {
  width: 41.5% !important;
  float: left;
  margin-left: 0 !important;
}
.c6 {
  width: 50% !important;
  float: left;
  margin-left: 0 !important;
}
.c7 {
  width: 58.5% !important;
  float: left;
  margin-left: 0 !important;
}
.c8 {
  width: 67% !important;
  float: left;
  margin-left: 0 !important;
}
.c9 {
  width: 75.5% !important;
  float: left;
  margin-left: 0 !important;
}
.c10 {
  width: 84% !important;
  float: left;
  margin-left: 0 !important;
}
.c11 {
  width: 92.5% !important;
  float: left;
  margin-left: 0 !important;
}
.c12 {
  float: none;
  width: auto;
  display: block;
}
.row.col1 .col {
  float: none;
}
.row.col2:not(.slick-slider):not(.slick-slide) {
  margin-bottom: 20px;
}
.row.col2:not(.slick-slider):not(.slick-slide).col2-5050 > .col {
  width: 49%;
}
.row.col2:not(.slick-slider):not(.slick-slide).col2-5050.r-l .col:first-child {
  float: right;
  margin-left: 2%;
}
.row.col2:not(.slick-slider):not(.slick-slide).col2-5050.r-l .col:last-child {
  margin: 0;
}
.row.col2:not(.slick-slider):not(.slick-slide).col2-3366 .col-1 {
  width: 32%;
}
.row.col2:not(.slick-slider):not(.slick-slide).col2-3366 .col-2 {
  width: 66%;
}
.row.col2:not(.slick-slider):not(.slick-slide).col2-6633 .col-1 {
  width: 66%;
}
.row.col2:not(.slick-slider):not(.slick-slide).col2-6633 .col-2 {
  width: 32%;
}
.row.col3.col3-33 .col {
  width: 32%;
}
.row.col3.col3-252550 .col-1, .row.col3.col3-252550 .col-2 {
  width: 23.5%;
}
.row.col3.col3-252550 .col-3 {
  width: 49%;
}
.row.col3.col3-502525 .col-3, .row.col3.col3-502525 .col-2 {
  width: 23.5%;
}
.row.col3.col3-502525 .col-1 {
  width: 49%;
}
.row.col3.col3-255025 .col-1, .row.col3.col3-255025 .col-3 {
  width: 23.5%;
}
.row.col3.col3-255025 .col-2 {
  width: 49%;
}
.row.col4 {
  width: 100%;
}
.row.col4.col4-25 .col {
  width: 23.5%;
}
@media screen and (min-width: 769px) and (max-width: 979px) {
  .row.col2:not(.slick-slider):not(.slick-slide) .row.col3.col3-2-1 .col-1, .row.col2:not(.slick-slider):not(.slick-slide) .row.col3.col3-2-1 .col-2 {
    width: 49% !important;
  }
  .row.col2:not(.slick-slider):not(.slick-slide) .row.col3.col3-2-1 .col-3 {
    width: 100% !important;
    margin-left: 0;
    margin-top: 20px;
  }
  .row.col2:not(.slick-slider):not(.slick-slide) .row.col3.col3-1-2 .col-1 {
    width: 100% !important;
    margin-bottom: 20px;
  }
  .row.col2:not(.slick-slider):not(.slick-slide) .row.col3.col3-1-2 .col-2 {
    width: 49% !important;
    margin-left: 0;
  }
  .row.col2:not(.slick-slider):not(.slick-slide) .row.col3.col3-1-2 .col-3 {
    width: 49% !important;
  }
  .row.col2:not(.slick-slider):not(.slick-slide) .row.col3.col3-1-1-1 .col {
    width: 100% !important;
    margin-left: 0;
    margin-bottom: 20px;
  }
  .row.col2:not(.slick-slider):not(.slick-slide) .row.col2:not(.slick-slider):not(.slick-slide) .row.col2:not(.slick-slider):not(.slick-slide).col2-5050 .col, .row.col2:not(.slick-slider):not(.slick-slide) .row.col2:not(.slick-slider):not(.slick-slide) .row.col2:not(.slick-slider):not(.slick-slide).col2-3366 .col, .row.col2:not(.slick-slider):not(.slick-slide) .row.col2:not(.slick-slider):not(.slick-slide) .row.col2:not(.slick-slider):not(.slick-slide).col2-6633 .col {
    width: 100% !important;
    margin-left: 0 !important;
    margin-bottom: 20px;
    margin-top: 0;
  }
  .row.col2:not(.slick-slider):not(.slick-slide) .row.col2:not(.slick-slider):not(.slick-slide) .row.col2:not(.slick-slider):not(.slick-slide).col2-5050 .col:last-child, .row.col2:not(.slick-slider):not(.slick-slide) .row.col2:not(.slick-slider):not(.slick-slide) .row.col2:not(.slick-slider):not(.slick-slide).col2-3366 .col:last-child, .row.col2:not(.slick-slider):not(.slick-slide) .row.col2:not(.slick-slider):not(.slick-slide) .row.col2:not(.slick-slider):not(.slick-slide).col2-6633 .col:last-child {
    margin-bottom: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  .row.col3.col3-2-1 .col-1, .row.col3.col3-2-1 .col-2 {
    width: 49% !important;
  }
  .row.col3.col3-2-1 .col-3 {
    width: 100% !important;
    margin-left: 0;
    margin-top: 20px;
  }
  .row.col3.col3-1-2 .col-1 {
    width: 100% !important;
    margin-bottom: 20px;
  }
  .row.col3.col3-1-2 .col-2 {
    width: 49% !important;
    margin-left: 0;
  }
  .row.col3.col3-1-2 .col-3 {
    width: 49% !important;
  }
  .row.col3.col3-1-1-1 .col {
    width: 100% !important;
    margin-left: 0;
    margin-bottom: 20px;
  }
  .row.col4.col4-2-2 .col-1, .row.col4.col4-2-2 .col-2 {
    width: 49% !important;
  }
  .row.col4.col4-2-2 .col-3 {
    width: 49% !important;
    margin-left: 0;
    margin-top: 20px;
  }
  .row.col4.col4-2-2 .col-4 {
    width: 49% !important;
    margin-top: 20px;
  }
  .row.col4.col4-1-3 .col-1 {
    width: 100% !important;
  }
  .row.col4.col4-1-3 .col-2 {
    width: 32% !important;
    margin-left: 0;
    margin-top: 20px;
  }
  .row.col4.col4-1-3 .col-3, .row.col4.col4-1-3 .col-4 {
    width: 32% !important;
    margin-top: 20px;
  }
  .row.col4.col4-3-1 .col-1, .row.col4.col4-3-1 .col-2, .row.col4.col4-3-1 .col-3 {
    width: 32% !important;
  }
  .row.col4.col4-3-1 .col-4 {
    width: 100% !important;
    margin-left: 0;
    margin-top: 20px;
  }
  .row.col4.col4-3-1 .col-1, .row.col4.col4-3-1 .col-2, .row.col4.col4-3-1 .col-3 {
    width: 32% !important;
  }
  .row.col4.col4-3-1 .col-4 {
    width: 100% !important;
    margin-left: 0;
    margin-top: 20px;
  }
  .row.col4.col4-1-2-1 .col-1 {
    width: 100% !important;
  }
  .row.col4.col4-1-2-1 .col-2 {
    width: 49% !important;
    margin-left: 0;
    margin-top: 20px;
  }
  .row.col4.col4-1-2-1 .col-3 {
    width: 49% !important;
    margin-top: 20px;
  }
  .row.col4.col4-1-2-1 .col-4 {
    width: 100% !important;
    margin-left: 0;
    margin-top: 20px;
  }
  .row.col4.col4-1-1-2 .col-1 {
    width: 100% !important;
  }
  .row.col4.col4-1-1-2 .col-2 {
    width: 100% !important;
    margin-left: 0;
    margin-top: 20px;
  }
  .row.col4.col4-1-1-2 .col-3 {
    width: 49% !important;
    margin-left: 0;
    margin-top: 20px;
  }
  .row.col4.col4-1-1-2 .col-4 {
    width: 49% !important;
    margin-top: 20px;
  }
  .row.col4.col4-2-1-1 .col-1, .row.col4.col4-2-1-1 .col-2 {
    width: 49% !important;
  }
  .row.col4.col4-2-1-1 .col-3, .row.col4.col4-2-1-1 .col-4 {
    width: 100% !important;
    margin-left: 0;
    margin-top: 20px;
  }
  .row.col4.col4-1-1-1-1 .col-1 {
    width: 100% !important;
  }
  .row.col4.col4-1-1-1-1 .col-2, .row.col4.col4-1-1-1-1 .col-3, .row.col4.col4-1-1-1-1 .col-4 {
    width: 100% !important;
    margin-left: 0;
    margin-top: 20px;
  }
  .row.col2:not(.slick-slider):not(.slick-slide) .row.col3.col3-2-1 .col, .row.col2:not(.slick-slider):not(.slick-slide) .row.col3.col3-1-2 .col, .row.col2:not(.slick-slider):not(.slick-slide) .row.col3.col3-1-1-1 .col {
    width: 100% !important;
    margin-left: 0;
    margin-bottom: 20px;
    margin-top: 0;
  }
  .row.col2:not(.slick-slider):not(.slick-slide) .row.col2:not(.slick-slider):not(.slick-slide).col2-5050 .col, .row.col2:not(.slick-slider):not(.slick-slide) .row.col2:not(.slick-slider):not(.slick-slide).col2-3366 .col, .row.col2:not(.slick-slider):not(.slick-slide) .row.col2:not(.slick-slider):not(.slick-slide).col2-6633 .col {
    width: 100% !important;
    margin-left: 0 !important;
    margin-bottom: 20px;
    margin-top: 0;
  }
  .row.col2:not(.slick-slider):not(.slick-slide) .row.col2:not(.slick-slider):not(.slick-slide).col2-5050 .col:last-child, .row.col2:not(.slick-slider):not(.slick-slide) .row.col2:not(.slick-slider):not(.slick-slide).col2-3366 .col:last-child, .row.col2:not(.slick-slider):not(.slick-slide) .row.col2:not(.slick-slider):not(.slick-slide).col2-6633 .col:last-child {
    margin-bottom: 0 !important;
  }
  .row.col2:not(.slick-slider):not(.slick-slide) .row.col2:not(.slick-slider):not(.slick-slide) .row.col2:not(.slick-slider):not(.slick-slide).col2-5050 > .col, .row.col2:not(.slick-slider):not(.slick-slide) .row.col2:not(.slick-slider):not(.slick-slide) .row.col2:not(.slick-slider):not(.slick-slide).col2-3366 > .col, .row.col2:not(.slick-slider):not(.slick-slide) .row.col2:not(.slick-slider):not(.slick-slide) .row.col2:not(.slick-slider):not(.slick-slide).col2-6633 > .col {
    width: 49% !important;
  }
}
@media screen and (max-width: 580px) {
  .row.col2:not(.slick-slider):not(.slick-slide) .col {
    width: 100% !important;
    margin-left: 0 !important;
    margin-bottom: 20px;
    margin-top: 0;
  }
  .row.col2:not(.slick-slider):not(.slick-slide) .col:last-child {
    margin-bottom: 0 !important;
  }
  .row.col2:not(.slick-slider):not(.slick-slide) .row.col3.col3-2-1 .col, .row.col2:not(.slick-slider):not(.slick-slide) .row.col3.col3-1-2 .col, .row.col2:not(.slick-slider):not(.slick-slide) .row.col3.col3-1-1-1 .col {
    width: 49% !important;
    margin-left: 0;
    margin-bottom: 20px;
    margin-top: 0;
  }
  .col .c1 {
    width: 100% !important;
    float: none;
  }
  .col .c2 {
    width: 100% !important;
    float: none;
  }
  .col .c3 {
    width: 100% !important;
    float: none;
  }
  .col .c4 {
    width: 100% !important;
    float: none;
  }
  .col .c5 {
    width: 100% !important;
    float: none;
  }
  .col .c6 {
    width: 100% !important;
    float: none;
  }
  .col .c7 {
    width: 100% !important;
    float: none;
  }
  .col .c8 {
    width: 100% !important;
    float: none;
  }
  .col .c9 {
    width: 100% !important;
    float: none;
  }
  .col .c10 {
    width: 100% !important;
    float: none;
  }
  .col .c11 {
    width: 100% !important;
    float: none;
  }
  .col .c12 {
    width: 100% !important;
    float: none;
  }
}
@media screen and (max-width: 580px) {
  .container {
    margin: 0;
  }
  .col:not(.slick-slide):not(.slick-slider) {
    width: 100% !important;
    margin-left: 0 !important;
    margin-bottom: 20px;
    margin-top: 0;
  }
  .col:not(.slick-slide):not(.slick-slider):last-child {
    margin-bottom: 0 !important;
  }
  .row.col3.col3-2-1 .col, .row.col3.col3-1-2 .col, .row.col3.col3-1-1-1 .col {
    width: 100% !important;
    margin-left: 0 !important;
    margin-bottom: 20px;
    margin-top: 0;
  }
  .row.col3.col3-2-1 .col:last-child, .row.col3.col3-1-2 .col:last-child, .row.col3.col3-1-1-1 .col:last-child {
    margin-bottom: 0 !important;
  }
  .row.col4.col4-2-2 .col, .row.col4.col4-1-3 .col, .row.col4.col4-3-1 .col, .row.col4.col4-1-2-1 .col, .row.col4.col4-1-1-2 .col, .row.col4.col4-2-1-1 .col, .row.col4.col4-1-1-1-1 .col {
    width: 100% !important;
    margin-left: 0 !important;
    margin-bottom: 20px;
    margin-top: 0;
  }
  .row.col4.col4-2-2 .col:last-child, .row.col4.col4-1-3 .col:last-child, .row.col4.col4-3-1 .col:last-child, .row.col4.col4-1-2-1 .col:last-child, .row.col4.col4-1-1-2 .col:last-child, .row.col4.col4-2-1-1 .col:last-child, .row.col4.col4-1-1-1-1 .col:last-child {
    margin-bottom: 0 !important;
  }
  .row.col2:not(.slick-slider):not(.slick-slide) .row.col3.col3-2-1 .col, .row.col2:not(.slick-slider):not(.slick-slide) .row.col3.col3-1-2 .col, .row.col2:not(.slick-slider):not(.slick-slide) .row.col3.col3-1-1-1 .col {
    width: 100% !important;
    margin-left: 0 !important;
    margin-bottom: 20px;
    margin-top: 0;
  }
  .row.col2:not(.slick-slider):not(.slick-slide) .row.col3.col3-2-1 .col:last-child, .row.col2:not(.slick-slider):not(.slick-slide) .row.col3.col3-1-2 .col:last-child, .row.col2:not(.slick-slider):not(.slick-slide) .row.col3.col3-1-1-1 .col:last-child {
    margin-bottom: 0 !important;
  }
}
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}
#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}
#cboxContent {
  position: relative;
}
#cboxLoadedContent {
  overflow: auto;
}
#cboxTitle {
  margin: 0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer;
}
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
}
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  margin: 0;
  padding: 0;
}
#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
}
/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: url(/typo3conf/ext/chili_sitephooe/Resources/Public/Images/overlay.png) repeat 0 0;
}
#cboxTopLeft {
  width: 21px;
  height: 21px;
  background: url(/typo3conf/ext/chili_sitephooe/Resources/Public/Images/controls.png) no-repeat -101px 0;
}
#cboxTopRight {
  width: 21px;
  height: 21px;
  background: url(/typo3conf/ext/chili_sitephooe/Resources/Public/Images/controls.png) no-repeat -130px 0;
}
#cboxBottomLeft {
  width: 21px;
  height: 21px;
  background: url(/typo3conf/ext/chili_sitephooe/Resources/Public/Images/controls.png) no-repeat -101px -29px;
}
#cboxBottomRight {
  width: 21px;
  height: 21px;
  background: url(/typo3conf/ext/chili_sitephooe/Resources/Public/Images/controls.png) no-repeat -130px -29px;
}
#cboxMiddleLeft {
  width: 21px;
  background: url(/typo3conf/ext/chili_sitephooe/Resources/Public/Images/controls.png) left top repeat-y;
}
#cboxMiddleRight {
  width: 21px;
  background: url(/typo3conf/ext/chili_sitephooe/Resources/Public/Images/controls.png) right top repeat-y;
}
#cboxTopCenter {
  height: 21px;
  background: url(/typo3conf/ext/chili_sitephooe/Resources/Public/Images/border.png) 0 0 repeat-x;
}
#cboxBottomCenter {
  height: 21px;
  background: url(/typo3conf/ext/chili_sitephooe/Resources/Public/Images/border.png) 0 -29px repeat-x;
}
#cboxContent {
  background: #fff;
  overflow: hidden;
}
.cboxIframe {
  background: #fff;
}
#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}
#cboxLoadedContent {
  margin-bottom: 28px;
}
#cboxTitle {
  position: absolute;
  bottom: 4px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #949494;
}
#cboxCurrent {
  position: absolute;
  bottom: 4px;
  left: 58px;
  color: #949494;
}
#cboxSlideshow {
  position: absolute;
  bottom: 4px;
  right: 30px;
  color: #0092ef;
}
#cboxPrevious {
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(/typo3conf/ext/chili_sitephooe/Resources/Public/Images/controls.png) no-repeat -75px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}
#cboxPrevious:hover {
  background-position: -75px -25px;
}
#cboxNext {
  position: absolute;
  bottom: 0;
  left: 27px;
  background: url(/typo3conf/ext/chili_sitephooe/Resources/Public/Images/controls.png) no-repeat -50px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}
#cboxNext:hover {
  background-position: -50px -25px;
}
#cboxLoadingOverlay {
  background: url(/typo3conf/ext/chili_sitephooe/Resources/Public/Images/loading_background.png) no-repeat center center;
}
#cboxLoadingGraphic {
  background: url(/typo3conf/ext/chili_sitephooe/Resources/Public/Images/loading.gif) no-repeat center center;
}
#cboxClose {
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(/typo3conf/ext/chili_sitephooe/Resources/Public/Images/controls.png) no-repeat -25px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}
#cboxClose:hover {
  background-position: -25px -25px;
}
/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
/*.cboxIE6 #cboxTopLeft{background:url(/typo3conf/ext/chili_sitephooe/Resources/Public/Images/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(/typo3conf/ext/chili_sitephooe/Resources/Public/Images/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(/typo3conf/ext/chili_sitephooe/Resources/Public/Images/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(/typo3conf/ext/chili_sitephooe/Resources/Public/Images/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(/typo3conf/ext/chili_sitephooe/Resources/Public/Images/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(/typo3conf/ext/chili_sitephooe/Resources/Public/Images/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(/typo3conf/ext/chili_sitephooe/Resources/Public/Images/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(/typo3conf/ext/chili_sitephooe/Resources/Public/Images/ie6/borderMiddleRight.png);}*/
.cboxIE6 #cboxTopLeft, .cboxIE6 #cboxTopCenter, .cboxIE6 #cboxTopRight, .cboxIE6 #cboxBottomLeft, .cboxIE6 #cboxBottomCenter, .cboxIE6 #cboxBottomRight, .cboxIE6 #cboxMiddleLeft, .cboxIE6 #cboxMiddleRight {
  _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}
#topbar #search-wrapper {
  margin-left: -1rem;
  width: 350px;
}
#topbar #search-wrapper .tx-kesearch-pi1 {
  width: 100%;
  position: relative;
}
#topbar #search-wrapper .tx-kesearch-pi1 form {
  margin-bottom: 0;
}
#topbar #search-wrapper .tx-kesearch-pi1 .resetbutt {
  display: none;
}
#topbar #search-wrapper .tx-kesearch-pi1 .submitbutt {
  position: absolute;
  right: 0;
  top: 0;
  left: auto;
  background-color: #496377;
}
#topbar #search-wrapper .tx-kesearch-pi1 .submitbutt input {
  width: 55px;
  height: 55px;
  background: none;
  border: none;
  border-radius: 0;
  min-width: 55px;
  max-width: 55px;
  margin: 0;
  padding: 0;
  font-size: 0;
}
#topbar #search-wrapper .tx-kesearch-pi1 .submitbutt:before {
  content: " ";
  background-image: url("/typo3conf/ext/chili_sitephooe/Resources/Public/Images/Icons/search-regular.svg");
  display: inline-block;
  z-index: 5;
  position: absolute;
  background-size: cover;
  pointer-events: none;
  transform: rotate(90deg);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  opacity: 0.8;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#topbar #search-wrapper .tx-kesearch-pi1 .submitbutt:hover:before {
  width: 25px;
  height: 25px;
}
#topbar #search-wrapper .tx-kesearch-pi1 .kesearch_searchbox {
  display: flex;
}
#topbar #search-wrapper .tx-kesearch-pi1 .kesearch_searchbox .kesearchbox {
  height: 55px;
  margin-bottom: 0;
  width: 100%;
}
#topbar #search-wrapper .tx-kesearch-pi1 .kesearch_searchbox .kesearchbox #ke_search_sword {
  width: 100%;
  top: 0;
  height: 55px;
  background-color: #496377;
  color: #fff;
  border: none;
  padding: 0.5rem 3.5rem 0.5rem 1rem;
}
#topbar #search-wrapper .tx-kesearch-pi1 .kesearch_searchbox .kesearchbox #ke_search_sword::placeholder {
  color: rgba(255, 255, 255, 0.56);
  font-family: futura-pt-condensed, "Josefin Sans", sans-serif;
}
#topbar #search-wrapper .tx-kesearch-pi1 .kesearch_searchbox .kesearchbox #ke_search_sword:focus {
  outline: none;
}
@media (max-width: 1100px) {
  #topbar #search-wrapper {
    width: 200px;
  }
}
@media (max-width: 900px) {
  #topbar #search-wrapper {
    width: 55px;
  }
  #topbar #search-wrapper .tx-kesearch-pi1 .kesearch_searchbox .kesearchbox #ke_search_sword {
    padding: 0;
  }
}
.content-wrapper .tx-kesearch-pi1 .kesearch_num_results {
  margin-bottom: 1rem;
  font-style: italic;
}
.content-wrapper .tx-kesearch-pi1 #kesearch_results {
  display: inline-block;
  width: 100%;
}
.content-wrapper .tx-kesearch-pi1 #kesearch_results .result-list-item {
  padding: 1rem;
  background: #fff;
  margin-bottom: 1rem;
  position: relative;
}
.content-wrapper .tx-kesearch-pi1 #kesearch_results .result-list-item:nth-child(odd) {
  background: #E3EAED;
}
.content-wrapper .tx-kesearch-pi1 #kesearch_results .result-list-item .result-title a {
  font-size: 1.4rem;
  margin-bottom: 0.5rem;
  display: block;
}
.content-wrapper .tx-kesearch-pi1 #kesearch_results .result-list-item .result-title a .hit {
  text-decoration: underline;
  color: #70a3d4;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.content-wrapper .tx-kesearch-pi1 #kesearch_results .result-list-item .result-teaser {
  font-size: 1rem;
  line-height: 20px;
}
.content-wrapper .tx-kesearch-pi1 #kesearch_results .result-list-item .result-teaser .hit {
  font-size: 1rem;
  line-height: 20px;
  text-decoration: underline;
  font-weight: normal;
  color: #70a3d4;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.content-wrapper .tx-kesearch-pi1 #kesearch_results .result-list-item .teaser_icon, .content-wrapper .tx-kesearch-pi1 #kesearch_results .result-list-item .result-number {
  display: none;
}
.content-wrapper .tx-kesearch-pi1 #kesearch_results .result-list-item .result-link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.content-wrapper .tx-kesearch-pi1 #kesearch_results .result-list-item .result-link > a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  font-size: 0;
}
.content-wrapper .tx-kesearch-pi1 #kesearch_results .result-list-item:hover .result-teaser .hit, .content-wrapper .tx-kesearch-pi1 #kesearch_results .result-list-item:hover .result-title .hit {
  color: #345063;
}
.content-wrapper .tx-kesearch-pi1 .kesearch_searchbox {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
}
.content-wrapper .tx-kesearch-pi1 .kesearch_searchbox .kesearchbox {
  height: auto;
  margin: 0;
  width: 100%;
}
.content-wrapper .tx-kesearch-pi1 .kesearch_searchbox input::placeholder {
  color: #666;
  font-style: italic;
}
.content-wrapper .tx-kesearch-pi1 .kesearch_searchbox #ke_search_sword {
  position: relative;
  padding: 0.5rem;
  height: 50px;
  width: 100%;
  display: inline-block;
  border-radius: 0;
  margin-bottom: 1rem;
  float: none;
  top: auto;
  background-color: #e0e0e0;
  border: none;
}
.content-wrapper .tx-kesearch-pi1 .kesearch_searchbox .resetbutt, .content-wrapper .tx-kesearch-pi1 .kesearch_searchbox .submitbutt {
  float: none;
  width: 50%;
}
.content-wrapper .tx-kesearch-pi1 .kesearch_searchbox .resetbutt a, .content-wrapper .tx-kesearch-pi1 .kesearch_searchbox .resetbutt input, .content-wrapper .tx-kesearch-pi1 .kesearch_searchbox .submitbutt a, .content-wrapper .tx-kesearch-pi1 .kesearch_searchbox .submitbutt input {
  padding: 1rem;
  margin: 0;
  font-weight: bold;
  max-width: 100%;
  background-color: #70a3d4;
  color: #fff;
  border: none;
  border-radius: 0;
  min-width: 100%;
}
.content-wrapper .tx-kesearch-pi1 .kesearch_searchbox .resetbutt a:hover, .content-wrapper .tx-kesearch-pi1 .kesearch_searchbox .resetbutt input:hover, .content-wrapper .tx-kesearch-pi1 .kesearch_searchbox .submitbutt a:hover, .content-wrapper .tx-kesearch-pi1 .kesearch_searchbox .submitbutt input:hover {
  background-color: #345063;
}
.content-wrapper .tx-kesearch-pi1 .kesearch_searchbox .resetbutt a {
  background-color: #70a3d4;
}
.content-wrapper .tx-kesearch-pi1 .kesearch_searchbox .submitbutt {
  padding-left: 1rem;
}
.content-wrapper .tx-kesearch-pi1 #kesearch_pagebrowser_bottom .pages_total {
  padding-top: 1rem;
}
.content-wrapper .tx-kesearch-pi1 #kesearch_pagebrowser_bottom .kesearch_pagebrowser ul li:before {
  display: none;
}
#tmpl-phooe .news-wrapper .container, #tmpl-phooe .events-wrapper .container {
  position: relative;
  z-index: 1;
}
#tmpl-phooe .news-wrapper .news-list-view, #tmpl-phooe .events-wrapper .news-list-view {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-around;
  align-content: center;
  align-items: flex-start;
}
#tmpl-phooe .news-wrapper .news-list-view .article, #tmpl-phooe .events-wrapper .news-list-view .article {
  width: 30%;
  padding: 0.5rem;
  border: 1px solid #DFDFDF;
  background-color: #fff;
}
#tmpl-phooe .news-wrapper .news-list-view .article .news-text-wrapper, #tmpl-phooe .events-wrapper .news-list-view .article .news-text-wrapper {
  display: inline-block;
  width: 100%;
  padding: 1.5rem 1rem;
}
#tmpl-phooe .news-wrapper .news-list-view .article .news-img-wrap, #tmpl-phooe .events-wrapper .news-list-view .article .news-img-wrap {
  width: 100%;
  margin: 0;
  padding: 0;
}
#tmpl-phooe .news-wrapper .news-list-view .article .news-img-wrap a, #tmpl-phooe .events-wrapper .news-list-view .article .news-img-wrap a {
  border: none;
  width: 100%;
  padding: 0;
  float: none;
}
#tmpl-phooe .news-wrapper .news-list-view .article .news-img-wrap img, #tmpl-phooe .events-wrapper .news-list-view .article .news-img-wrap img {
  width: 100%;
  border: 1px solid #DFDFDF;
}
#tmpl-phooe .news-wrapper .news-list-view .article .teaser-text, #tmpl-phooe .events-wrapper .news-list-view .article .teaser-text {
  padding: 0;
  margin: 0;
}
#tmpl-phooe .news-wrapper .news-list-view .article .teaser-text .description, #tmpl-phooe .events-wrapper .news-list-view .article .teaser-text .description {
  color: #586B79;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 24px;
}
#tmpl-phooe .news-wrapper .news-list-view .article .teaser-text .description p, #tmpl-phooe .events-wrapper .news-list-view .article .teaser-text .description p {
  color: #586B79;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: 0;
}
#tmpl-phooe .news-wrapper .news-list-view .article .teaser-text .more, #tmpl-phooe .events-wrapper .news-list-view .article .teaser-text .more {
  margin-top: 1rem;
}
#tmpl-phooe .news-wrapper .news-list-view .article .news_titledate, #tmpl-phooe .events-wrapper .news-list-view .article .news_titledate {
  padding-bottom: 1rem;
  display: inline-block;
  width: 100%;
}
#tmpl-phooe .news-wrapper .news-list-view .article .news_titledate a, #tmpl-phooe .events-wrapper .news-list-view .article .news_titledate a {
  color: #586B79;
  font-family: futura-pt-condensed, "Josefin Sans", sans-serif;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 24px;
}
#tmpl-phooe .news-wrapper .news-list-view .article .more a, #tmpl-phooe .events-wrapper .news-list-view .article .more a {
  color: #345063;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 19px;
  border-bottom: 2px solid #345063;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#tmpl-phooe .news-wrapper .news-list-view .article .more a:hover, #tmpl-phooe .events-wrapper .news-list-view .article .more a:hover {
  text-decoration: none;
  color: #70a3d4;
  border-bottom: 2px solid #70a3d4;
}
#tmpl-phooe .news-wrapper.start, #tmpl-phooe .events-wrapper.start {
  overflow: hidden;
  position: relative;
  padding: 3rem 0;
}
#tmpl-phooe .news-wrapper.start:before, #tmpl-phooe .events-wrapper.start:before {
  background-image: url(/fileadmin/user_upload/Neulogo_blau_final-umgekehrt.svg);
  background-repeat: no-repeat;
  background-size: cover;
}
#tmpl-phooe .news-wrapper.start:after, #tmpl-phooe .events-wrapper.start:after {
  background-image: url(/fileadmin/user_upload/Neulogo_blau_final-umgekehrt.svg);
  background-repeat: no-repeat;
  background-size: cover;
}
#tmpl-phooe .news-wrapper.start h2, #tmpl-phooe .events-wrapper.start h2 {
  color: #345063;
}
#tmpl-phooe .news-wrapper.start .article, #tmpl-phooe .events-wrapper.start .article {
  width: 30%;
}
#tmpl-phooe .news-wrapper.folge .article:first-child {
  width: 49%;
  margin-right: 1%;
}
#tmpl-phooe .news-wrapper.folge .article:last-child {
  width: 49%;
  margin-left: 1%;
}
#tmpl-phooe .events-wrapper.start {
  margin-bottom: 1.5rem;
  background-color: #E3EAED;
}
@media (max-width: 580px) {
  #tmpl-phooe .news-wrapper.folge .article, #tmpl-phooe .events-wrapper.folge .article {
    width: 100% !important;
  }
  #tmpl-phooe .news-wrapper.start, #tmpl-phooe .events-wrapper.start {
    text-align: center;
  }
  #tmpl-phooe .news-wrapper.start p, #tmpl-phooe .events-wrapper.start p {
    text-align: center;
  }
  #tmpl-phooe .news-wrapper.start .news-info, #tmpl-phooe .events-wrapper.start .news-info {
    justify-content: center;
  }
  #tmpl-phooe .news-wrapper.start .news-list-view, #tmpl-phooe .events-wrapper.start .news-list-view {
    display: block;
  }
  #tmpl-phooe .news-wrapper.start .news-list-view .article, #tmpl-phooe .events-wrapper.start .news-list-view .article {
    width: 100%;
  }
  #tmpl-phooe .news-wrapper.start h2, #tmpl-phooe .events-wrapper.start h2 {
    margin-bottom: -1rem;
  }
  #tmpl-phooe .news-wrapper.start .btn, #tmpl-phooe .events-wrapper.start .btn {
    margin-bottom: 1rem;
  }
  #tmpl-phooe .news-wrapper.start {
    padding-top: 0;
    margin-top: -3rem;
  }
  #tmpl-phooe .events-wrapper.start {
    padding-top: 1rem;
  }
}
#tmpl-phooe .social-share {
  margin-top: 2rem;
}
#tmpl-phooe .social-share ul {
  margin-left: 0;
}
#tmpl-phooe .social-share ul li {
  padding-left: 0;
}
#tmpl-phooe .social-share ul li:before {
  display: none;
}
#tmpl-phooe .col-2 .events-wrapper {
  padding: 0;
  background: none;
}
#tmpl-phooe .col-2 .events-wrapper .article {
  width: 100%;
}
#tmpl-phooe .news-single h1 {
  font-size: 2rem;
  line-height: normal;
  color: #70a3d4;
}
#tmpl-phooe .news-single .news-img-wrap img {
  width: 100%;
}
#tmpl-phooe .news-events-wrapper {
  margin-bottom: 3rem;
  background-color: #E3EAED;
  padding: 3rem 0;
  position: relative;
  overflow: hidden;
}
#tmpl-phooe .news-events-wrapper:before {
  content: " ";
  background-image: url(/typo3conf/ext/chili_sitephooe/Resources/Public/Images/Icons/logo-grau.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: auto;
  top: auto;
  left: -30%;
  bottom: -10%;
  width: 100%;
  height: 120%;
  z-index: 0;
  opacity: 0.1;
  pointer-events: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#tmpl-phooe .news-events-wrapper h2 {
  margin-bottom: 2rem;
}
#tmpl-phooe .news-events-wrapper .col2-6633 > .col-2 {
  margin-left: 1%;
  width: 33%;
}
#tmpl-phooe .news-events-wrapper .frame-type-image img, #tmpl-phooe .news-events-wrapper .frame-type-textpic img {
  width: 100%;
}
#tmpl-phooe .news-list {
  padding: 1rem;
}
#tmpl-phooe .news-list:nth-child(odd) {
  background-color: #E3EAED;
}
#tmpl-phooe .news-list h2 {
  font-size: 2rem;
  line-height: 1;
  margin-bottom: 1rem;
  margin-top: 0;
}
#tmpl-phooe .news-info {
  padding: 1rem 0;
  display: flex;
  margin-bottom: 0.5rem;
  align-items: center;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
}
#tmpl-phooe .news-info:before {
  content: " ";
  background-image: url(/typo3conf/ext/chili_sitephooe/Resources/Public/Images/Icons/calendar-alt-regular.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  height: 20px;
  display: inline-block;
  margin-right: 0.5rem;
  opacity: 0.8;
  top: -2px;
  position: relative;
}
#tmpl-phooe .news-list-date {
  color: #586B79;
  display: block;
}
#tmpl-phooe .medTh_filterbar h3.medTh_filterHead {
  color: #586B79;
  text-transform: uppercase;
  font-size: 1.2rem;
  hyphens: none;
  margin-bottom: 1rem;
  margin-top: 1rem;
  font-family: "Source Sans Pro", sans-serif;
}
#tmpl-phooe .medTh_filterbar h3.medTh_filterHead:before {
  content: "";
  color: #70a3d4;
  font-size: 1rem;
  font-family: "Glyphicons Regular";
  padding-right: 5px;
}
#tmpl-phooe .medThFilterGroup {
  padding-left: 1.5rem;
}
#tmpl-phooe #medThFilterGroup-3 .tagSetter {
  margin-right: 0.2rem;
  background-color: #fff;
  padding: 0.5rem;
  color: #586B79;
  margin-bottom: 0.5rem;
  display: inline-block;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#tmpl-phooe #medThFilterGroup-3 .tagSetter:hover {
  color: #fff;
  background-color: #586B79;
  text-decoration: none;
}
#tmpl-phooe .medTh_filterbar h3.medTh_filterHead.collapsed:before {
  content: "";
}
/* ############# Seminars ################## */
.tx-seminars-pi1-listrow .listrow-odd, .tx-seminars-pi1-listrow th {
  background-color: transparent;
}
.tx-seminars-pi1-listrow tr {
  background-color: transparent;
}
.tx-seminars-pi1 tx-seminars-pi1-listrow table {
  max-width: 100%;
  width: 100%;
  background-color: transparent;
  color: #000;
}
.tx-seminars-pi1-listrow th, .tx-seminars-pi1-listrow td {
  border-collapse: collapse;
  border-spacing: 0;
  padding: 8px 15px;
  vertical-align: top;
}
.tx-seminars-pi1-listrow th {
  font-family: "source_sans_prosemibold", sans-serif;
  font-weight: normal;
}
.tx-seminars-pi1-listrow td, .tx-seminars-pi1-listrow th {
  border-bottom: 1px solid #dadada !important;
}
.tx-seminars-pi1 tx-seminars-pi1-listrow table tr:nth-of-type(2n+1) {
  background-color: #f1f1f1 !important;
}
.tx-seminars-pi1-listrow .listrow-even {
  background-color: #f1f1f1 !important;
}
.tx-seminars-pi1-listrow th a {
  display: block;
  padding: 0;
}
.tx-seminars-pi1-browsebox {
  text-align: left;
  margin-top: 30px;
  font-size: 0.9rem;
}
.tx-seminars-pi1 dt {
  font-family: "source_sans_proregular", sans-serif;
}
.tx-seminars-pi1 dt label {
  text-align: left;
}
#tx-seminars-pi1-registration-form dt {
  width: 20%;
}
.tx-seminars-pi1 dd textarea {
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #555;
  display: block;
  font-size: 14px;
  height: 34px;
  line-height: 1.42857;
  padding: 6px 12px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 37.5em !important;
}
.tx-seminars-pi1 legend {
  border-bottom: 1px solid #d9d9d9;
  font-family: "source_sans_prosemibold", sans-serif;
  font-size: 1rem;
  margin-top: 20px;
  padding-bottom: 5px;
}
#tx-seminars-pi1-registration-form dd select, #tx-seminars-pi1-registration-form .tx-seminars-pi1-registration-zip {
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #555;
  display: block;
  font-size: 14px;
  height: 34px;
  line-height: 1.42857;
  padding: 6px 12px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 100%;
}
.tx-seminars-pi1-browsebox table td {
  padding-left: 0px !important;
  padding-right: 10px !important;
}
.tx-seminars-pi1-browsebox table a {
  background-color: #4aa4dc;
  border: medium none;
  border-radius: 0;
  color: #fff;
  font-family: "FuturaBT-MediumCondensed", sans-serif;
  font-size: 1rem;
  padding: 7px 15px 5px;
  text-transform: uppercase;
}
.tx-seminars-pi1-browsebox table a:hover, .tx-seminars-pi1-browsebox table a:focus, .tx-seminars-pi1-browsebox table a:active {
  background-color: #4b7795;
  color: #fff;
  text-decoration: none;
}
#tx-seminars-pi1-registration-payment {
  height: auto;
}
/* ############# / Seminars ############## */
/* ############# Events ############## */
#tmpl-phooe h1.ph-events {
  color: #586B79;
  margin-bottom: 2rem;
  font-size: 3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#tmpl-phooe h1.ph-events:after {
  font-family: "Glyphicons Regular";
  content: "";
  font-size: 2.5rem;
}
@media (max-width: 767px) {
  #tmpl-phooe h1.ph-events {
    font-size: 2rem;
    line-height: 1.2;
  }
  #tmpl-phooe h1.ph-events:after {
    font-size: 1.5rem;
  }
}
#tmpl-phooe .well.ph-events-filter {
  background-color: #E3EAED;
  margin-bottom: 25px;
  border-radius: 0;
  box-shadow: none;
  border: none;
}
#tmpl-phooe .well.ph-events-filter .checkbox-inline {
  padding-top: 0;
  margin-left: 10px;
}
#tmpl-phooe .well.ph-events-filter .checkbox-inline input {
  margin: 3px 0 0 -15px;
}
#tmpl-phooe .well.ph-events-filter .row {
  margin: 0;
}
#tmpl-phooe .well.ph-events-filter .form-control {
  height: 45px;
  box-shadow: none;
}
#tmpl-phooe .well.ph-events-filter .form-group {
  display: flex;
  align-items: center;
  margin-bottom: 1.5rem;
}
#tmpl-phooe .well.ph-events-filter .group-schooltyp {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(88, 107, 121, 0.27);
}
#tmpl-phooe .well.ph-events-filter .group-schooltyp .form-group {
  margin-bottom: 0;
}
#tmpl-phooe .well.ph-events-filter .group-schooltyp .col-sm-2 {
  width: 12.6%;
}
#tmpl-phooe .well.ph-events-filter .group-schooltyp .col-sm-10 {
  width: 87.4%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  flex-direction: row;
}
#tmpl-phooe .well.ph-events-filter .group-searchinput .col-sm-2 {
  width: 12.6%;
}
#tmpl-phooe .well.ph-events-filter .group-searchinput .col-sm-10 {
  width: 87.4%;
}
@media (max-width: 767px) {
  #tmpl-phooe .well.ph-events-filter .col-sm-2, #tmpl-phooe .well.ph-events-filter .col-sm-10 {
    width: 100% !important;
  }
  #tmpl-phooe .well.ph-events-filter .form-group {
    display: block !important;
  }
}
#tmpl-phooe .ph-events-list {
  border-bottom: 1px solid #DFDFDF;
  margin-bottom: 50px;
}
#tmpl-phooe .ph-events-list .countEvents {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.2rem;
  margin: 2rem 0;
  color: #586B79;
}
#tmpl-phooe .ph-events-list .phe-date {
  color: #345063;
}
#tmpl-phooe .ph-events-list .phe-date span {
  background-color: #E3EAED;
  padding: 3px 8px;
  font-family: futura-pt-condensed, "Josefin Sans", sans-serif;
}
#tmpl-phooe .ph-events-list .ph-events-list-day .phe-dateday {
  background-color: #70a3d4;
  padding: 1rem;
  font-family: "Source Sans Pro", sans-serif;
  color: #fff;
  font-size: 1.3rem;
}
#tmpl-phooe .ph-events-list .ph-events-list-day .phe-item {
  padding: 2rem 1rem;
  margin-bottom: 1rem;
  background-color: #E3EAED;
}
#tmpl-phooe .ph-events-list .ph-events-list-day .phe-item .row {
  margin: 0;
  display: flex;
  align-items: center;
}
#tmpl-phooe .ph-events-list .ph-events-list-day .phe-item a {
  text-decoration: none !important;
}
#tmpl-phooe .ph-events-list .ph-events-list-day .phe-item a h2 {
  margin-top: 0;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 1rem;
  color: #345063;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#tmpl-phooe .ph-events-list .ph-events-list-day .phe-item a:hover h2 {
  text-decoration: none;
  color: #70a3d4;
}
#tmpl-phooe .ph-events-list .ph-events-list-day .phe-item .label-phe {
  font-size: 0.8rem;
  font-family: "Source Sans Pro", sans-serif;
  text-transform: uppercase;
  bottom: 3px;
  background-color: #70a3d4;
  margin-left: 10px;
  display: inline-block;
  padding: 0.2rem 0.5rem;
  position: relative;
}
#tmpl-phooe .ph-events-list .ph-events-list-day .phe-item .phe-speaker {
  color: #4f4f4f;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.1rem;
  font-style: italic;
}
#tmpl-phooe .ph-events-list .ph-events-list-day .phe-item .phe-speaker .phe-org {
  color: #345063;
  font-family: "Source Sans Pro", sans-serif;
}
#tmpl-phooe .ph-events-list .ph-events-list-day .phe-item .phe-location {
  margin-top: 1rem;
  font-size: 0.95rem;
  display: flex;
  align-items: flex-start;
}
#tmpl-phooe .ph-events-list .ph-events-list-day .phe-item .phe-location .glyphicon {
  color: #70a3d4;
  top: 2px;
}
#tmpl-phooe .ph-events-list .ph-events-list-day .phe-item .phe-smnr {
  color: #345063;
  margin-top: 1rem;
}
#tmpl-phooe .ph-events-list .ph-events-list-day .phe-item .phe-typ {
  font-size: 0.95rem;
}
#tmpl-phooe .ph-events-list .ph-events-list-day .phe-item .phe-pdf {
  text-align: right;
  margin-bottom: 25px;
}
#tmpl-phooe .ph-events-list .ph-events-list-day .phe-item .phe-pdf .btn .glyphicon {
  padding-right: 8px;
}
#tmpl-phooe .ph-events-list .ph-events-list-day .phe-item .phe-info {
  border-left: 1px solid #70a3d4;
}
@media (max-width: 580px) {
  #tmpl-phooe .ph-events-list .ph-events-list-day .phe-item {
    padding: 1rem;
  }
  #tmpl-phooe .ph-events-list .ph-events-list-day .phe-item a h2 {
    font-size: 1.5rem;
    margin: 1rem 0;
    border-left: 3px solid;
    padding-left: 0.5rem;
  }
  #tmpl-phooe .ph-events-list .ph-events-list-day .phe-item .row {
    display: block;
  }
  #tmpl-phooe .ph-events-list .ph-events-list-day .phe-item .row > div {
    padding: 0;
  }
  #tmpl-phooe .ph-events-list .ph-events-list-day .phe-item .phe-info {
    border: none;
  }
  #tmpl-phooe .ph-events-list .ph-events-list-day .phe-item .phe-speaker {
    font-size: 0.9rem;
  }
}
#tmpl-phooe .listnewspagination .listnewspaginationinner {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
#tmpl-phooe .listnewspagination .listnewspaginationinner span.listdislink {
  color: #586B79;
}
#tmpl-phooe .listnewspagination .listnewspaginationinner span.listdislinka {
  background-color: #70a3d4;
  color: #fff;
  border: 1px solid #70a3d4;
}
#tmpl-phooe .listnewspagination .listnewspaginationinner a:hover {
  background-color: #70a3d4;
  color: #fff;
  text-decoration: none;
}
#tmpl-phooe .listnewspagination .listnewspaginationinner span, #tmpl-phooe .listnewspagination .listnewspaginationinner a {
  border: 1px solid #DFDFDF;
  padding: 3px 8px;
  display: inline-block;
  margin: 0;
  min-width: 40px;
  font-size: 13px;
}
#tmpl-phooe .kal-list-container table {
  border: 0 !important;
  background-color: rgba(227, 234, 237, 0.3);
}
#tmpl-phooe .kal-list-container table p {
  margin-bottom: 0;
}
#tmpl-phooe .kal-list-container table tr {
  border: 0 !important;
}
#tmpl-phooe .kal-list-container table tr th {
  padding: 8px 15px;
  background-color: #70a3d4;
  color: #fff;
}
#tmpl-phooe .kal-list-container table tr th p {
  color: #fff;
}
#tmpl-phooe .kal-list-container table tr td {
  border: 0 !important;
}
#tmpl-phooe .kal-list-container table tr .btn {
  margin: 0;
}
#tmpl-phooe .kal-list-container table tr .icon-download {
  padding: 0.5rem 2rem 0.5rem 3rem;
}
#tmpl-phooe .kal-list-container table tr .icon-download:before {
  left: 1rem;
}
#tmpl-phooe .kal-list-container table tr:nth-child(odd) {
  background-color: #E3EAED;
}
#tmpl-phooe {
  /* ## Table PHOE ## */
}
#tmpl-phooe .more-link, #tmpl-phooe .infobox .more {
  font-size: 1.3rem;
  letter-spacing: 1px;
  border: none;
  color: #fff;
  background-color: #70a3d4;
  padding: 0.5rem 2rem;
  border-radius: 0;
  font-family: futura-pt-condensed, "Josefin Sans", sans-serif;
  margin-top: 10px;
  display: inline-block;
  text-decoration: none !important;
  border-radius: 7px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#tmpl-phooe .more-link:hover, #tmpl-phooe .infobox .more:hover {
  color: #fff;
  background-color: #345063;
}
#tmpl-phooe .link-hidden {
  font-size: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
#tmpl-phooe .icon-clock, #tmpl-phooe .icon-download, #tmpl-phooe .download {
  position: relative;
  display: inline-block;
  padding-left: 30px;
}
#tmpl-phooe .icon-clock:before, #tmpl-phooe .icon-download:before, #tmpl-phooe .download:before {
  content: " ";
  width: 20px;
  height: 20px;
  display: inline-block;
  opacity: 0.5;
  position: absolute;
  left: 0;
  background-repeat: no-repeat;
  transform: translateY(-50%);
  top: 50%;
}
#tmpl-phooe .icon-clock:before {
  background-image: url("/typo3conf/ext/chili_sitephooe/Resources/Public/Images/Icons/clock-regular.svg");
}
#tmpl-phooe .icon-download:before, #tmpl-phooe .download:before {
  background-image: url("/typo3conf/ext/chili_sitephooe/Resources/Public/Images/Icons/arrow-circle-down-light.svg");
}
#tmpl-phooe table.phooe-table, #tmpl-phooe table.infoscreen_web {
  max-width: 100%;
  width: 100%;
}
#tmpl-phooe table.phooe-table-no-border {
  border: none;
}
#tmpl-phooe table.phooe-table-no-border tr {
  border: none;
}
#tmpl-phooe table.phooe-table-no-border td {
  border: none;
}
#tmpl-phooe table.phooe-table > thead th, #tmpl-phooe table.infoscreen_web > thead th {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: normal;
}
#tmpl-phooe table.phooe-table > tbody > tr:nth-of-type(2n+1), #tmpl-phooe table.infoscreen_web > tbody > tr:nth-of-type(2n+1) {
  background-color: #E3EAED;
}
#tmpl-phooe table.phooe-table th, #tmpl-phooe table.phooe-table td, #tmpl-phooe table.infoscreen_web th, #tmpl-phooe table.infoscreen_web td {
  border-collapse: collapse;
  border-spacing: 0;
  padding: 8px 15px;
  vertical-align: top;
}
#tmpl-phooe table.phooe-table > tbody > tr > td, #tmpl-phooe table.phooe-table > tbody > tr > th, #tmpl-phooe table.phooe-table > tfoot > tr > td, #tmpl-phooe table.phooe-table > tfoot > tr > th, #tmpl-phooe table.phooe-table > thead > tr > td, #tmpl-phooe table.phooe-table > thead > tr > th, #tmpl-phooe table.infoscreen_web > tbody > tr > td, #tmpl-phooe table.infoscreen_web > tbody > tr > th, #tmpl-phooe table.infoscreen_web > tfoot > tr > td, #tmpl-phooe table.infoscreen_web > tfoot > tr > th, #tmpl-phooe table.infoscreen_web > thead > tr > td, #tmpl-phooe table.infoscreen_web > thead > tr > th {
  border-bottom: 1px solid #dadada;
}
#tmpl-phooe table.infoscreen_web {
  font-size: 90%;
}
#tmpl-phooe table, #tmpl-phooe tr, #tmpl-phooe td {
  border: 1px dotted #DFDFDF;
}
#tmpl-phooe ul.list-zebrastyle {
  padding-left: 0;
  margin-left: 0 !important;
}
#tmpl-phooe ul.list-zebrastyle li {
  background-image: none !important;
  margin: 0;
  margin-left: 0 !important;
  padding: 8px 15px !important;
  border-bottom: 1px solid #DFDFDF;
}
#tmpl-phooe ul.list-zebrastyle li:before {
  content: "" !important;
  margin-left: 0 !important;
}
#tmpl-phooe ul.list-zebrastyle li:nth-of-type(2n+1) {
  background-color: #E3EAED;
}
#tmpl-phooe .maincontent .ce-textpic ul.list-zebrastyle li:nth-of-type(2n+1) {
  background-color: #f1f1f1;
}
#tmpl-phooe .btn-phooe, #tmpl-phooe .btn-lg, #tmpl-phooe .btn-small, #tmpl-phooe .news-backlink-wrap a {
  font-size: 1rem;
  border: none;
  color: #fff;
  background-color: #70a3d4;
  padding: 0.5rem 2rem;
  font-family: "Source Sans Pro", sans-serif;
  margin-top: 10px;
  display: inline-block;
  text-decoration: none !important;
  border-radius: 7px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#tmpl-phooe .btn-phooe:hover, #tmpl-phooe .btn-lg:hover, #tmpl-phooe .btn-small:hover, #tmpl-phooe .news-backlink-wrap a:hover {
  color: #fff !important;
  background-color: #345063;
}
#tmpl-phooe .btn-phooe .glyphicon, #tmpl-phooe .btn-lg .glyphicon, #tmpl-phooe .btn-small .glyphicon, #tmpl-phooe .news-backlink-wrap a .glyphicon {
  top: 3px;
}
#tmpl-phooe .btn-lg {
  font-size: 1.3rem;
}
#tmpl-phooe .btn-small {
  font-size: 1rem;
}
#tmpl-phooe p.important {
  border-radius: 7px;
  margin-bottom: 1rem;
  padding: 1rem 4rem 1rem 1rem;
  border: 1px solid #e09e9e;
  color: #ad1212;
  font-weight: bold;
  background: #f5d3d3 url(../Images/important.png) no-repeat 98% 50%;
}
#tmpl-phooe p.hints {
  border-radius: 7px;
  margin-bottom: 1rem;
  padding: 1rem;
  border: 1px solid #a1d278;
  color: #3c763d;
  background-color: #dff0d8;
  font-weight: normal;
}
#tmpl-phooe p.zentriert, #tmpl-phooe .align-center {
  text-align: center;
}
#tmpl-phooe p.rechtsbuendig, #tmpl-phooe .align-right {
  text-align: right;
}
#tmpl-phooe p.phooe-blockquote, #tmpl-phooe blockquote {
  margin-top: 15px;
  margin-bottom: 15px;
  font-style: italic;
  margin-left: 30px;
  padding-left: 15px;
  border-left: 3px solid #878b94;
  background-color: #ecf2f4;
  padding: 10px 10px 10px 15px;
  font-size: 0.9rem;
  font-weight: 100;
}
#tmpl-phooe p.smalltext, #tmpl-phooe .smalltext, #tmpl-phooe .smalltext p {
  font-size: 0.85rem;
  color: #3e3e3e;
}
#tmpl-phooe p.infobox_intext_inline {
  display: inline-block;
  background-color: #ecf2f4;
  border-radius: 4px;
  margin-bottom: 20px;
  padding: 15px;
  border: 1px solid #b2bcc2;
}
#tmpl-phooe p.infobox_intext_block {
  background-color: #ecf2f4;
  border-radius: 4px;
  margin-bottom: 20px;
  padding: 15px;
  border: 1px solid #b2bcc2;
}
footer#footer-wrapper {
  position: relative;
  font-size: 15px;
}
footer#footer-wrapper > .container {
  width: 100%;
  max-width: 100%;
}
footer#footer-wrapper > .container .row {
  margin: 0;
}
@media (min-width: 768px) {
  footer#footer-wrapper > .container > div {
    display: flex;
    align-items: center;
  }
}
footer#footer-wrapper > .container > .row:first-child p, footer#footer-wrapper > .container > .row:first-child a {
  font-size: 15px;
  letter-spacing: 0;
  line-height: 25px;
  color: #345063;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
footer#footer-wrapper > .container > .row:first-child a {
  text-decoration: underline;
}
footer#footer-wrapper > .container > .row:first-child a:hover {
  color: #70a3d4;
}
footer#footer-wrapper > .container > .row:first-child .frame-type-text {
  padding-left: 2rem;
}
@media (max-width: 1200px) {
  footer#footer-wrapper > .container > .row:first-child .frame-type-text {
    padding-left: 0;
  }
  footer#footer-wrapper > .container > .row:first-child > .col-1 .col {
    width: 100%;
  }
  footer#footer-wrapper > .container > .row:first-child > .col-1 .col .frame-type-image {
    max-width: 200px;
    margin: 0 auto 0 0;
    padding-bottom: 2rem;
  }
}
footer#footer-wrapper > .container > .col2-5050.row:last-child {
  padding: 2rem 0;
}
footer#footer-wrapper > .container > .col2-5050.row:last-child p, footer#footer-wrapper > .container > .col2-5050.row:last-child a {
  opacity: 0.35;
  color: #345063;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 19px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
footer#footer-wrapper .ce-column {
  display: block;
  width: 100%;
}
footer#footer-wrapper .ce-column .image {
  display: block;
  width: 100%;
}
footer#footer-wrapper .ce-column .image img {
  width: 100%;
}
footer#footer-wrapper a {
  color: #345063;
}
footer#footer-wrapper .frame-type-menu_subpages ul {
  padding: 0;
  list-style: none;
}
footer#footer-wrapper .frame-type-menu_subpages ul li {
  margin-left: 0.5rem;
}
@media (min-width: 581px) {
  footer#footer-wrapper .frame-type-menu_subpages ul {
    display: flex;
    justify-content: flex-end;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    align-content: center;
  }
}
footer#footer-wrapper iframe.google-map {
  border: none;
  margin-top: -55px;
}
@media (max-width: 580px) {
  footer#footer-wrapper {
    text-align: center;
  }
  footer#footer-wrapper iframe.google-map {
    margin-top: 2rem;
  }
  footer#footer-wrapper > .container > .row:first-child > .col-1 .col .frame-type-image {
    margin: 0 auto;
  }
}
#tmpl-phooe .info-wrapper, #tmpl-phooe .kachel-wrapper {
  padding: 3rem 1rem;
}
@media (min-width: 768px) {
  #tmpl-phooe .info-wrapper .row, #tmpl-phooe .kachel-wrapper .row {
    display: flex;
    justify-content: center;
    align-content: stretch;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: stretch;
  }
}
#tmpl-phooe .info-wrapper .ce-column, #tmpl-phooe .kachel-wrapper .ce-column {
  display: block;
  width: 100%;
}
#tmpl-phooe .info-wrapper .ce-column .image, #tmpl-phooe .kachel-wrapper .ce-column .image {
  display: block;
  width: 100%;
}
#tmpl-phooe .info-wrapper .ce-column .image img, #tmpl-phooe .kachel-wrapper .ce-column .image img {
  width: 100%;
}
#tmpl-phooe .info-wrapper .frame-type-textmedi, #tmpl-phooe .kachel-wrapper .frame-type-textmedi {
  position: relative;
}
#tmpl-phooe .info-wrapper .ce-textpic, #tmpl-phooe .kachel-wrapper .ce-textpic {
  width: 100%;
  padding: 0;
  box-shadow: none;
  margin-bottom: 0;
  height: 100%;
}
#tmpl-phooe .info-wrapper .ce-textpic .ce-bodytext, #tmpl-phooe .kachel-wrapper .ce-textpic .ce-bodytext {
  padding: 2rem 8rem 2rem 2rem;
  position: relative;
  width: 100%;
}
#tmpl-phooe .info-wrapper .ce-textpic .ce-bodytext h3, #tmpl-phooe .kachel-wrapper .ce-textpic .ce-bodytext h3 {
  margin: 0;
}
#tmpl-phooe .info-wrapper .ce-textpic .ce-bodytext p, #tmpl-phooe .kachel-wrapper .ce-textpic .ce-bodytext p {
  font-family: futura-pt-condensed, "Josefin Sans", sans-serif;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 29px;
  margin-bottom: 0;
}
#tmpl-phooe .info-wrapper .ce-textpic .ce-bodytext p.smalltext, #tmpl-phooe .kachel-wrapper .ce-textpic .ce-bodytext p.smalltext {
  opacity: 0.7;
  font-family: futura-pt-condensed, "Josefin Sans", sans-serif;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 23px;
}
#tmpl-phooe .info-wrapper .ce-textpic .ce-bodytext:before, #tmpl-phooe .kachel-wrapper .ce-textpic .ce-bodytext:before {
  content: " ";
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 1rem;
  top: auto;
  bottom: 1rem;
  width: 1.8rem;
  height: 1rem;
  z-index: 3;
  pointer-events: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#tmpl-phooe .info-wrapper .ce-textpic .ce-bodytext:after, #tmpl-phooe .kachel-wrapper .ce-textpic .ce-bodytext:after {
  content: " ";
  position: absolute;
  right: 0;
  top: auto;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 120px solid transparent;
  border-right: 0 solid transparent;
  z-index: 2;
  pointer-events: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#tmpl-phooe .info-wrapper .ce-textpic .ce-bodytext:hover:after, #tmpl-phooe .kachel-wrapper .ce-textpic .ce-bodytext:hover:after {
  border-left: 130px solid transparent;
  border-bottom: 70px solid #345063;
}
#tmpl-phooe .info-wrapper .ce-textpic .ce-gallery, #tmpl-phooe .kachel-wrapper .ce-textpic .ce-gallery {
  width: 100%;
  margin-bottom: 0;
}
@media (max-width: 1200px) {
  #tmpl-phooe .info-wrapper .ce-textpic .ce-bodytext, #tmpl-phooe .kachel-wrapper .ce-textpic .ce-bodytext {
    padding: 1rem 4rem 1rem 1rem;
  }
}
#tmpl-phooe .info-wrapper > .container {
  width: 100%;
  max-width: 100%;
}
#tmpl-phooe .info-wrapper .ce-textpic {
  background-color: #70a3d4;
}
#tmpl-phooe .info-wrapper .ce-textpic .ce-bodytext {
  display: inline-block;
}
#tmpl-phooe .info-wrapper .ce-textpic .ce-bodytext p {
  color: #fff;
}
#tmpl-phooe .info-wrapper .ce-textpic .ce-bodytext:before {
  background-image: url(/typo3conf/ext/chili_sitephooe/Resources/Public/Images/Icons/long-arrow-right-light.svg);
}
#tmpl-phooe .info-wrapper .ce-textpic .ce-bodytext:after {
  border-bottom: 60px solid rgba(255, 255, 255, 0.3);
}
@media (max-width: 580px) {
  #tmpl-phooe .info-wrapper {
    padding-top: 0;
  }
}
#tmpl-phooe .kachel-wrapper .col2-6633, #tmpl-phooe .kachel-wrapper .col2-3366 {
  margin-bottom: 1.5rem;
}
#tmpl-phooe .kachel-wrapper .ce-textpic {
  border: 1px solid #DFDFDF;
  background-color: #fff;
}
#tmpl-phooe .kachel-wrapper .ce-textpic .ce-bodytext {
  border-top: 1px solid #DFDFDF;
}
#tmpl-phooe .kachel-wrapper .ce-textpic .ce-bodytext p {
  color: #345063;
}
#tmpl-phooe .kachel-wrapper .ce-textpic .ce-bodytext:before {
  background-image: url(/typo3conf/ext/chili_sitephooe/Resources/Public/Images/Icons/long-arrow-right-dark.svg);
}
#tmpl-phooe .kachel-wrapper .ce-textpic .ce-bodytext:after {
  border-bottom: 60px solid #E3EAED;
}
#tmpl-phooe #nav-wrapper {
  margin: 0;
  border: none;
  box-shadow: none;
  background: none;
  position: initial;
}
#tmpl-phooe #nav-wrapper .navbar-nav {
  float: none;
  margin: 0;
  padding: 0;
}
#tmpl-phooe #nav-wrapper .navbar-nav > li {
  position: initial;
}
#tmpl-phooe #nav-wrapper .navbar-nav > li > a {
  font-family: futura-pt-condensed, "Josefin Sans", sans-serif;
  color: #345063;
  font-size: 35px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 35px;
  background: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#tmpl-phooe #nav-wrapper .navbar-nav > li > a:before {
  display: none;
}
#tmpl-phooe #nav-wrapper .navbar-nav > li > a:hover {
  color: #70a3d4;
}
@media (max-width: 1200px) {
  #tmpl-phooe #nav-wrapper .navbar-nav > li > a {
    font-size: 25px;
    padding: 10px;
  }
}
#tmpl-phooe #nav-wrapper .navbar-nav > li.open > a {
  color: #70a3d4;
}
#tmpl-phooe #nav-wrapper .navbar-nav > li.open > a:before {
  display: block;
  border-bottom: 7px solid #70a3d4;
  border-left: 7px solid rgba(0, 0, 0, 0);
  border-right: 7px solid rgba(0, 0, 0, 0);
  content: " ";
  height: 0;
  left: 0;
  right: 0;
  position: absolute;
  top: auto;
  bottom: -47px;
  width: 0;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  #tmpl-phooe #nav-wrapper .navbar-nav > li.open > a:before {
    bottom: -52px;
  }
}
#tmpl-phooe #nav-wrapper .navbar-nav > li:last-child > a {
  padding-right: 0;
}
@media (max-width: 767px) {
  #tmpl-phooe #nav-wrapper {
    position: absolute;
    top: 4.8rem;
    right: 1rem;
    min-height: auto;
    width: auto;
  }
  #tmpl-phooe #nav-wrapper .navbar-header button {
    padding: 0.5rem;
    display: inline-block;
    width: 100%;
    margin: 0;
  }
  #tmpl-phooe #nav-wrapper .navbar-mainnav {
    position: fixed;
    right: 0;
    top: 135px;
    left: 0;
    width: 100%;
    background-color: #345063;
    padding: 0;
    z-index: 500000;
    overflow: scroll;
    height: 72vh;
  }
  #tmpl-phooe #nav-wrapper .navbar-mainnav .navbar-nav > li > a {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.28);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  #tmpl-phooe #nav-wrapper .navbar-mainnav .navbar-nav > li > a:before {
    display: block;
    content: " ";
    height: 0;
    position: absolute;
    width: 0;
    bottom: 20px;
    right: 1rem;
    left: auto;
    border-bottom: 10px solid #fff;
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    transform: rotate(90deg);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  #tmpl-phooe #nav-wrapper .navbar-mainnav .navbar-nav > li.open > a {
    background-color: #70a3d4;
  }
  #tmpl-phooe #nav-wrapper .navbar-mainnav .navbar-nav > li.open > a:before {
    transform: rotate(180deg);
  }
  #tmpl-phooe #nav-wrapper .navbar-mainnav:after {
    content: " ";
    background-color: rgba(52, 81, 99, 0.7);
    top: 100%;
    bottom: auto;
    left: 0;
    height: 100vh;
    width: 100%;
    right: 0;
    position: absolute;
  }
}
#tmpl-phooe #nav-wrapper .phooetoggle.navbar-toggle {
  background-color: #70a3d4;
  border-radius: 0;
  color: #fff;
  font-family: futura-pt-condensed, "Josefin Sans", sans-serif;
  font-size: 1.125rem;
  padding: 5px 30px 5px 20px;
  text-transform: uppercase;
}
#tmpl-phooe .navbar-mainnav {
  /*    @media(min-height: 1235px){
      $mainnavheight: 950px;
      .dropdown#menuitem1971, .dropdown#menuitem3709{
        .dropdown-menu-wrapper{
          height: $mainnavheight;
          overflow: hidden;
          .nav-main-image{
            height: $mainnavheight - 2px;
            background-color: $lightblue;
            img{
              left: -7%;
            }
          }
          .scroll{
            display: none;
          }
        }
      }
    }*/
}
#tmpl-phooe .navbar-mainnav .dropdown .dropdown-menu-wrapper {
  display: none;
}
#tmpl-phooe .navbar-mainnav .dropdown.open .dropdown-menu-wrapper {
  display: flex;
}
#tmpl-phooe .navbar-mainnav .dropdown .dropdown-menu-wrapper {
  background-color: #E3EAED;
  border-top: solid 2px #70a3d4;
  border-bottom: solid 2px #70a3d4;
  width: 100%;
  position: absolute;
  top: 215px;
  left: 0;
  right: 0;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: flex-start;
  justify-content: center;
  height: 520px;
  overflow: hidden;
}
#tmpl-phooe .navbar-mainnav .dropdown .dropdown-menu-wrapper .scroll {
  display: none;
}
#tmpl-phooe .navbar-mainnav .dropdown .dropdown-menu-wrapper .scroll:before {
  content: " ";
  background-image: url("/typo3conf/ext/chili_sitephooe/Resources/Public/Images/Icons/mouse-alt-light.svg");
  width: 50px;
  height: 90px;
  display: inline-block;
  background-repeat: no-repeat;
  z-index: 5000000;
  animation: pulse 0.8s ease-in-out infinite alternate;
}
@keyframes pulse {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0.8);
  }
}
#tmpl-phooe .navbar-mainnav .dropdown .dropdown-menu-wrapper li a {
  padding: 0;
  white-space: normal;
}
#tmpl-phooe .navbar-mainnav .dropdown .dropdown-menu-wrapper .nav-main-image {
  width: 100%;
  height: 518px;
  position: fixed;
  left: 0;
  right: auto;
}
#tmpl-phooe .navbar-mainnav .dropdown .dropdown-menu-wrapper .nav-main-image img {
  height: 100%;
  width: auto;
  position: absolute;
  left: 0;
  right: auto;
  margin: 0 auto;
  bottom: 0;
}
#tmpl-phooe .navbar-mainnav .dropdown .dropdown-menu-wrapper .nav-main-image:after {
  content: " ";
  width: 100%;
  height: 2px;
  background-color: #70a3d4;
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 50;
}
#tmpl-phooe .navbar-mainnav .dropdown .dropdown-menu-wrapper .nav-main-level2 {
  background-color: #E3EAED;
  width: 100%;
  margin-left: 35%;
  height: 100%;
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  z-index: 1;
}
#tmpl-phooe .navbar-mainnav .dropdown .dropdown-menu-wrapper ul.dropdown-menu {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: flex-start;
  align-items: flex-start;
  position: inherit;
  border: none;
  margin: 0;
  text-align: left;
  list-style: none;
  background-color: #E3EAED;
  border-radius: 0;
  box-shadow: none;
  width: 100%;
  padding: 0.8rem;
}
@media (max-width: 1200px) {
  #tmpl-phooe .navbar-mainnav .dropdown .dropdown-menu-wrapper ul.dropdown-menu {
    padding: 1%;
  }
}
#tmpl-phooe .navbar-mainnav .dropdown .dropdown-menu-wrapper ul.dropdown-menu li a {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#tmpl-phooe .navbar-mainnav .dropdown .dropdown-menu-wrapper ul.dropdown-menu li a:hover {
  background: none;
}
#tmpl-phooe .navbar-mainnav .dropdown .dropdown-menu-wrapper ul.dropdown-menu.level2 > li {
  width: 33.333%;
  padding: 1rem 1rem 0 1rem;
}
#tmpl-phooe .navbar-mainnav .dropdown .dropdown-menu-wrapper ul.dropdown-menu.level2 > li > a {
  font-family: futura-pt-condensed, "Josefin Sans", sans-serif;
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1;
  color: #345063;
  padding-bottom: 0.8rem;
}
#tmpl-phooe .navbar-mainnav .dropdown .dropdown-menu-wrapper ul.dropdown-menu.level2 li.active > a, #tmpl-phooe .navbar-mainnav .dropdown .dropdown-menu-wrapper ul.dropdown-menu.level2 li:hover > a {
  background: none;
  color: #70a3d4;
}
#tmpl-phooe .navbar-mainnav .dropdown .dropdown-menu-wrapper ul.dropdown-menu.level3 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
}
#tmpl-phooe .navbar-mainnav .dropdown .dropdown-menu-wrapper ul.dropdown-menu.level3 > li {
  width: 100%;
  padding-bottom: 0.5rem;
}
#tmpl-phooe .navbar-mainnav .dropdown .dropdown-menu-wrapper ul.dropdown-menu.level3 > li > a {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 17px;
  color: #345063;
}
@media (max-width: 1024px) {
  #tmpl-phooe .navbar-mainnav .dropdown .dropdown-menu-wrapper ul.dropdown-menu.level2 > li > a {
    font-size: 23px;
  }
  #tmpl-phooe .navbar-mainnav .dropdown .dropdown-menu-wrapper ul.dropdown-menu.level3 > li > a {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  #tmpl-phooe .navbar-mainnav .dropdown .dropdown-menu-wrapper {
    height: auto;
    z-index: 500000;
  }
  #tmpl-phooe .navbar-mainnav .dropdown .dropdown-menu-wrapper ul.dropdown-menu {
    padding: 0;
  }
  #tmpl-phooe .navbar-mainnav .dropdown .dropdown-menu-wrapper ul.dropdown-menu.level2 > li > a {
    font-size: 25px;
    line-height: 25px;
  }
  #tmpl-phooe .navbar-mainnav .dropdown .dropdown-menu-wrapper ul.dropdown-menu.level3 {
    padding: 0;
  }
  #tmpl-phooe .navbar-mainnav .dropdown .dropdown-menu-wrapper ul.dropdown-menu.level3 > li > a {
    font-size: 14px;
  }
  #tmpl-phooe .navbar-mainnav .dropdown .dropdown-menu-wrapper .nav-main-image {
    display: none;
  }
  #tmpl-phooe .navbar-mainnav .dropdown .dropdown-menu-wrapper .nav-main-level2 {
    display: block;
    margin-left: auto;
    padding-bottom: 3rem;
  }
  #tmpl-phooe .navbar-mainnav .dropdown .dropdown-menu-wrapper ul.dropdown-menu.level2 > li {
    width: 50%;
  }
  #tmpl-phooe .navbar-mainnav .dropdown .dropdown-menu-wrapper ul.dropdown-menu.level2 > li:last-child {
    border-bottom: 0;
  }
}
@media (max-width: 580px) {
  #tmpl-phooe .navbar-mainnav .dropdown .dropdown-menu-wrapper {
    top: 223px;
  }
  #tmpl-phooe .navbar-mainnav .dropdown .dropdown-menu-wrapper ul.dropdown-menu.level2 > li {
    width: 100%;
    border-bottom: 1px solid #DFDFDF;
  }
}
#tmpl-phooe .navbar-mainnav .dropdown#menuitem1971 .dropdown-menu-wrapper, #tmpl-phooe .navbar-mainnav .dropdown#menuitem3709 .dropdown-menu-wrapper {
  overflow-y: scroll;
  /*        .scroll{
          position: absolute;
          bottom: 10%;
          left: auto;
          right: 5%;
          z-index: 5;
          display: inline-block;
          opacity: 0.5;
          cursor: ns-resize;
        }*/
}
@media (min-width: 768px) {
  #tmpl-phooe .navbar-mainnav .dropdown#menuitem1971 .dropdown-menu-wrapper ul.dropdown-menu.level2 > li, #tmpl-phooe .navbar-mainnav .dropdown#menuitem3709 .dropdown-menu-wrapper ul.dropdown-menu.level2 > li {
    width: 25%;
  }
  #tmpl-phooe .navbar-mainnav .dropdown#menuitem1971 .dropdown-menu-wrapper .nav-main-level2, #tmpl-phooe .navbar-mainnav .dropdown#menuitem3709 .dropdown-menu-wrapper .nav-main-level2 {
    margin-left: 20%;
  }
  #tmpl-phooe .navbar-mainnav .dropdown#menuitem1971 .dropdown-menu-wrapper .nav-main-image img, #tmpl-phooe .navbar-mainnav .dropdown#menuitem3709 .dropdown-menu-wrapper .nav-main-image img {
    left: -4rem;
  }
  #tmpl-phooe .navbar-mainnav .dropdown#menuitem1971 .dropdown-menu-wrapper .dropdown-menu.level2 > li:nth-child(1), #tmpl-phooe .navbar-mainnav .dropdown#menuitem3709 .dropdown-menu-wrapper .dropdown-menu.level2 > li:nth-child(1) {
    width: 25%;
  }
  #tmpl-phooe .navbar-mainnav .dropdown#menuitem1971 .dropdown-menu-wrapper .dropdown-menu.level2 > li:nth-child(2), #tmpl-phooe .navbar-mainnav .dropdown#menuitem3709 .dropdown-menu-wrapper .dropdown-menu.level2 > li:nth-child(2) {
    width: 25%;
  }
  #tmpl-phooe .navbar-mainnav .dropdown#menuitem1971 .dropdown-menu-wrapper .dropdown-menu.level2 > li:nth-child(3), #tmpl-phooe .navbar-mainnav .dropdown#menuitem3709 .dropdown-menu-wrapper .dropdown-menu.level2 > li:nth-child(3) {
    width: 25%;
  }
  #tmpl-phooe .navbar-mainnav .dropdown#menuitem1971 .dropdown-menu-wrapper .dropdown-menu.level2 > li:nth-child(4), #tmpl-phooe .navbar-mainnav .dropdown#menuitem3709 .dropdown-menu-wrapper .dropdown-menu.level2 > li:nth-child(4) {
    width: 25%;
  }
}
@media (max-width: 1024px) {
  #tmpl-phooe .navbar-mainnav .dropdown#menuitem1971 .dropdown-menu-wrapper ul.dropdown-menu.level2 > li, #tmpl-phooe .navbar-mainnav .dropdown#menuitem3709 .dropdown-menu-wrapper ul.dropdown-menu.level2 > li {
    width: 25%;
  }
  #tmpl-phooe .navbar-mainnav .dropdown#menuitem1971 .dropdown-menu-wrapper .nav-main-level2, #tmpl-phooe .navbar-mainnav .dropdown#menuitem3709 .dropdown-menu-wrapper .nav-main-level2 {
    margin-left: 0%;
  }
}
@media (max-width: 767px) {
  #tmpl-phooe .navbar-mainnav .dropdown .dropdown-menu-wrapper .scroll {
    display: none !important;
  }
  #tmpl-phooe .navbar-mainnav .dropdown#menuitem1971 .dropdown-menu-wrapper ul.dropdown-menu.level2 > li, #tmpl-phooe .navbar-mainnav .dropdown#menuitem3709 .dropdown-menu-wrapper ul.dropdown-menu.level2 > li {
    width: 100%;
  }
}
#tmpl-phooe .smallHeader #nav-wrapper .navbar-nav > li.open > a:before {
  bottom: -17px;
}
@media (max-width: 1200px) {
  #tmpl-phooe .smallHeader #nav-wrapper .navbar-nav > li.open > a:before {
    bottom: -22px;
  }
}
#tmpl-phooe .smallHeader .navbar-mainnav .dropdown .dropdown-menu-wrapper {
  top: 155px;
}
body.menu-open {
  position: fixed;
  height: 100vh;
  overflow: hidden;
}
body.menu-open:after {
  content: " ";
  background-color: #345063;
  left: 0;
  height: 100vh;
  width: 100%;
  right: 0;
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 4;
}
.header-klapper a {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1;
  background-color: #E3EAED;
  border: none;
  padding: 0.5em 0.5em 0.5em 2rem;
  color: #586B79;
  margin-bottom: 0;
  background-image: none;
  display: block;
  border-radius: 4px;
  color: #70a3d4;
  position: relative;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.header-klapper a:hover {
  color: #70a3d4;
}
.header-klapper a:before {
  background-image: url(/typo3conf/ext/chili_sitephooe/Resources/Public/Images/ui-icons_ef8c08_256x240new.png) !important;
  content: " ";
  width: 16px;
  height: 16px;
  display: inline-block;
  position: absolute;
  left: 0.5em;
  top: 50%;
  margin-top: -8px;
  background-position: -32px -16px;
}
/* ### Infoboxen ### */
.homeinfbx h2, .homeinfbx .ce-bodytext {
  padding: 10px 25px 10px 25px;
}
.infobox.ifwhite h3 {
  font-size: 1.8rem;
}
.homeinfbx, .infobox, .infoboxper {
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.12);
  -moz-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.12);
  box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.12);
  margin-bottom: 35px;
}
.homeinfbx .csc-textpic-text, .homeinfbx .homeinfbx-text {
  background: #fff url(../Images/infobxarr.png) no-repeat 95% center;
}
.homeinfbx a:hover .homeinfbx-text {
  background: #fff url(../Images/infobxarrhover.png) no-repeat 95% center;
}
.homeinfbx .homeinfbx-text {
  padding-bottom: 5px;
  padding-top: 10px;
}
.homeinfbx .ce-column {
  float: none;
}
.homeinfbx .ce-center .ce-inner {
  position: static;
  right: auto;
  float: none;
}
.homeinfbx .ce-gallery figure {
  display: block;
}
.homeinfbx .ce-center .ce-outer {
  position: static;
  right: auto;
  float: none;
}
.homeinfbx img {
  width: 100%;
}
.homeinfbx p {
  padding: 0 25px 10px;
  font-family: "source_sans_prosemibold", sans-serif;
  color: #345063;
}
.homeinfbx a:hover h3, .homeinfbx a:hover p, .homeinfbx a:hover {
  text-decoration: none !important;
  color: #000;
}
#tmpl-phooe .infobox {
  padding: 10px 25px 10px 25px;
}
#tmpl-phooe .infobox img {
  max-width: 100%;
}
#tmpl-phooe .infobox h2, #tmpl-phooe .infobox h3 {
  margin-top: 15px;
  margin-bottom: 1rem;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.5rem;
  line-height: 1;
}
#tmpl-phooe .infobox h3, #tmpl-phooe .infobox h4 {
  font-size: 1.4rem;
  text-transform: uppercase;
}
#tmpl-phooe .infobox.ifdark {
  background-color: #345063;
  color: #fff;
}
#tmpl-phooe .infobox.ifdark p {
  color: #fff;
}
#tmpl-phooe .infobox.ifgre {
  background-color: #586B79;
  color: #fff;
}
#tmpl-phooe .infobox.ifgre p {
  color: #fff;
}
#tmpl-phooe .infobox.ifwhite h2, #tmpl-phooe .infobox.ifwhite h3, #tmpl-phooe .infobox.ifwhite h4, #tmpl-phooe .infobox.ifwhite h5 {
  color: #586B79;
}
#tmpl-phooe .infobox.ifper {
  padding: 1rem;
}
#tmpl-phooe .infobox.ifper .homeinfbx-text {
  margin-left: 135px;
}
#tmpl-phooe .infobox.ifper h2, #tmpl-phooe .infobox.ifper h3 {
  margin-top: 15px;
  margin-bottom: 1rem;
  color: #345063;
  text-transform: uppercase;
  font-size: 1.5rem;
  line-height: 1;
  position: relative;
  display: inline-block;
  float: none;
  text-align: left;
  margin: 0 0 0.5rem 0;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #DFDFDF;
  left: auto;
  right: 0;
  top: auto;
  bottom: auto;
  width: 100%;
}
#tmpl-phooe .infobox.ifper .ce-textpic.ce-left.ce-intext .ce-gallery {
  max-width: 35%;
  margin-right: 5%;
}
#tmpl-phooe .infobox.ifper .ce-textpic.ce-left.ce-intext .ce-gallery .image {
  display: inline-block;
}
#tmpl-phooe .infobox.ifper .ce-textpic.ce-left.ce-intext .ce-gallery .image img {
  height: auto;
  width: 100%;
}
#tmpl-phooe .infobox.ifper .ce-textpic.ce-left.ce-intext .ce-bodytext p {
  margin-bottom: 0;
  font-size: 15px;
}
#tmpl-phooe .infobox ul {
  padding-left: 1rem;
}
#tmpl-phooe .infobox ul li {
  padding-bottom: 0.5rem;
  font-size: 0.9rem;
}
#tmpl-phooe .infobox ul li:before {
  content: "";
  font-family: "Glyphicons Regular";
  font-size: 11px;
  padding-right: 7px;
  color: #70a3d4;
  margin-left: -18px;
  vertical-align: top;
  top: 3px;
  position: relative;
}
#tmpl-phooe .infobox ul li:last-child {
  padding-bottom: 0;
}
#tmpl-phooe .infobox .more-link, #tmpl-phooe .infobox .more, #tmpl-phooe .infobox .btn {
  padding: 0.5rem 0.8rem;
  white-space: normal;
  text-align: left;
}
#tmpl-phooe .contentinfobox {
  background-color: #E3EAED;
  border-radius: 4px;
  margin-bottom: 20px;
  padding: 1rem;
  border: 1px solid #DFDFDF;
}
#tmpl-phooe .contentinfobox h2 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  line-height: 1;
  font-size: 27px;
  line-height: 32px;
}
/*.ifper div.csc-textpic-intext-right .csc-textpic-imagewrap, .ifper .ifper-img {
  float: left;
  margin-left: 0;
  margin-right: 15px;
}*/
.ifper div.csc-textpic-intext-right .csc-textpic-imagewrap {
  float: left;
  margin-left: 0;
  margin-right: 15px;
}
.ifper .ce-gallery {
  margin-bottom: 0 !important;
  margin-left: 0 !important;
}
.ifper a {
  cursor: none !important;
  pointer-events: none !important;
}
.ifper #c22465 a {
  cursor: pointer !important;
  pointer-events: auto !important;
}
.ifper h2 {
  position: absolute;
  left: 135px;
}
.container-fluid .ifper h2, .container-fluid .ifper h3 {
  text-transform: none;
  margin-bottom: 7px;
  margin-top: 0;
  padding-top: 15px;
}
/*.ifper p {
  padding-top: 50px;
}*/
.ifper .homeinfbx-text p {
  padding-top: 0px;
  font-size: 0.9rem;
  line-height: 1.3;
}
.ifper div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image, .ifper div.csc-textpic .csc-textpic-imagewrap img, .ifper .ifper-img img {
  margin-bottom: 0;
  max-width: 120px !important;
}
.homeinfbx h3 {
  padding: 10px 25px 0;
  margin-top: 0;
}
.homeinfbx a.more {
  margin-bottom: 10px;
}
/* ### Infoboxen ### */
/*.home h2, .homenewsheader h2  {
  margin-top: 0;
}
.home .news h2, .home .events h2, .homenewsheader h2 {
  margin-bottom: 30px;
}

.home .news h2:after, .listnewsfll h1:after {
  font-family:$font-icon;
  content: "\1F4F0";
  float: right;
}

.home .events h2:after, .homenewsheader h2:after, .listeventsfll h1:after {
  font-family:$font-icon;
  content: "\E046";
  float: right;
}*/
.listeventsfll h1, .listnewsfll h1 {
  margin-bottom: 40px;
}
.listeventsfll h1:after, .listnewsfll h1:after {
  font-size: 1.5rem;
}
/* #### News latest #### */
.home .news .col-inner, .home .events .col-inner {
  margin-bottom: 40px;
}
.home .news-latest-container > div, .subs_newshome .news-latest-container > div, .infoboxnews .news-latest-container > div {
  margin-bottom: 30px;
}
.subs_newshome .news-latest-container {
  margin-top: 45px;
}
.news-latest-container {
  padding: 0;
}
.home .news-latest-container > div a span, .subs_newshome .news-latest-container > div a, .infoboxnews .news-latest-container > div a span {
  color: #000;
  text-decoration: none;
}
.home .news-latest-container > div a:hover, .news-latest-container .news_titledate a:hover, .subs_newshome .news-latest-container .news_titledate a:hover {
  color: #000;
  text-decoration: none;
}
.home .news-latest-container .more, .subs_newshome .news-latest-container .more {
  margin-top: 5px;
}
.subs_newshome .news-latest-container .more {
  text-align: left;
  margin-top: 5px;
}
.subs_newshome .news-latest-container .more:after {
  content: " ...";
}
.home .news-latest-container .more a, .subs_newshome .news-latest-container .more a, .infoboxnews .news-latest-container .more a, .more a {
  font-family: futura-pt-condensed, "Josefin Sans", sans-serif;
  color: #345063;
  font-size: 1.2rem;
}
.infoboxnews h2 {
  margin-bottom: 30px;
}
.infoboxnews h2::after {
  content: "📰";
  float: right;
  font-family: "Glyphicons Regular";
}
.ibterm h2::after, #page-65 .infoboxnews h2::after {
  content: "";
  float: right;
  font-family: "Glyphicons Regular";
}
.rssboxhome {
  position: absolute;
  bottom: 10px;
}
/* ######### Responsiv Container ######### */
.responsiveContainer {
  position: relative;
  padding-bottom: 56%;
  height: 0;
  overflow: hidden;
}
.video-container {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  padding-top: 30px;
  position: relative;
}
.responsiveContainer iframe, .responsiveContainer object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  border: none;
}
.video-container iframe, .video-container object, .video-container embed {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
/* ######### / Responsiv Container ######### */
/* #################### IMAGES RESPONSIVE ############ */
/*
.ui-content div.csc-textpic-left .csc-textpic-imagewrap {
  !* float: left; *!
  float: none;
}

.ui-content div.csc-textpic-right .csc-textpic-imagewrap {
  !* float: right; *!
  text-align: right !important;
  float: none;
}

.ui-content div.csc-textpic-right .csc-textpic-imagewrap .csc-textpic-image img {
  text-align: right !important;
  display: inline !important;
}

.ui-content div.csc-textpic-intext-left .csc-textpic-imagewrap {
  !* float: left; *!
  max-width: 60%;
}

.ui-content div.csc-textpic-intext-right .csc-textpic-imagewrap {
  !* float: right; *!
  max-width: 60%;
}

.ui-content div.csc-textpic-intext-right .csc-textpic-imagewrap .csc-textpic-image {

}

.ui-content div.csc-textpic-center .csc-textpic-center-inner {
  float: none !important;
  position: static;
  right: 0;
}

.ui-content div.csc-textpic-center .csc-textpic-center-outer {
  float: none !important;
  position: static;
  right: 0;
  text-align: center;
}

.ui-content div.csc-textpic-center .csc-textpic-imagewrap img {
  display: inline;
}

.ui-content div.csc-textpic .csc-textpic-imagewrap img {
  height: auto;
  display: block;
  max-width: 100% !important;
}

.ui-content DIV.csc-textpic-above DIV.csc-textpic-imagewrap,
.ui-content DIV.csc-textpic-below DIV.csc-textpic-imagewrap,
.ui-content DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI,
.ui-content DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {
  float: none;
}

@media screen and (max-width: 600px) {
  .ui-content div.csc-textpic-intext-left .csc-textpic-imagewrap {
    float: none;
  }

  .ui-content div.csc-textpic-intext-right .csc-textpic-imagewrap {
    float: none;
    max-width: 100%;
  }

  .ui-content div.csc-textpic-intext-left .csc-textpic-imagewrap {
    !* float: left; *!
    max-width: 100%;
  }
}

!* Style for Imagerow right*!
.ui-content div.csc-textpic-right .csc-textpic-imagewrap .csc-textpic-imagerow {
  float: right;
}
*/
/* #################### END IMAGES RESPONSIVE ############ */
#tmpl-phooe.app {
  background-color: #E3EAED;
  /*
  .tx-felogin-pi1 h3 {
      font-size: 1.4rem;
  }

  .tx-felogin-pi1 legend {
      display: none;
  }

  .tx-felogin-pi1 form {
      margin-top: 40px;
  }*/
  /*
  // das geht im jquery mobile nicht
  input[type="submit"] {
      margin-top: 30px !important;
  }
  */
  /*
  table th, table td {
      border-collapse: collapse;
      border-spacing: 0;
      padding: 8px 15px;
      vertical-align: top;
  }
  */
  /* ########## Accordion ############ */
  /* ########## / Accordion ############ */
  /* ## Table PHOE ## */
  /* ## / Table PHOE ## */
}
#tmpl-phooe.app [data-role="header"] .ui-title {
  background: transparent url(/typo3conf/ext/chili_sitephooe/Resources/Public/Images/Icons/phicon.png) no-repeat left center;
  padding-left: 40px !important;
}
#tmpl-phooe.app .ui-bar-b, #tmpl-phooe.app .ui-page-theme-b .ui-bar-inherit, #tmpl-phooe.app html .ui-bar-b .ui-bar-inherit, #tmpl-phooe.app html .ui-body-b .ui-bar-inherit, #tmpl-phooe.app html body .ui-group-theme-b .ui-bar-inherit {
  background-color: #586B79;
  border-color: #586B79;
}
#tmpl-phooe.app .ui-page-theme-a .ui-btn, #tmpl-phooe.app html .ui-bar-a .ui-btn, #tmpl-phooe.app html .ui-body-a .ui-btn, #tmpl-phooe.app html body .ui-group-theme-a .ui-btn, #tmpl-phooe.app html head + body .ui-btn.ui-btn-a, #tmpl-phooe.app .ui-page-theme-a .ui-btn:visited, #tmpl-phooe.app html .ui-bar-a .ui-btn:visited, #tmpl-phooe.app html .ui-body-a .ui-btn:visited, #tmpl-phooe.app html body .ui-group-theme-a .ui-btn:visited, #tmpl-phooe.app html head + body .ui-btn.ui-btn-a:visited, #tmpl-phooe.app a, #tmpl-phooe.app li, #tmpl-phooe.app p {
  text-shadow: none !important;
}
#tmpl-phooe.app #navpanel a.level1:not(.ui-btn-active) {
  background-color: #586B79;
  color: #fff;
}
#tmpl-phooe.app .ui-page-theme-a .ui-btn:hover {
  background-color: #586B79;
}
#tmpl-phooe.app .ui-overlay-a, #tmpl-phooe.app .ui-page-theme-a, #tmpl-phooe.app .ui-page-theme-a .ui-panel-wrapper {
  background-color: #e3eaed;
}
#tmpl-phooe.app [data-role="header"] .ui-title {
  text-align: left;
  display: block;
  margin: 0 80px 0 15px;
}
#tmpl-phooe.app #navpanel {
  background: #586B79;
}
#tmpl-phooe.app #navpanel .ui-panel-inner {
  padding: 0;
}
#tmpl-phooe.app #navpanel .ui-controlgroup {
  margin: 0;
}
#tmpl-phooe.app #navpanel a {
  text-align: left;
}
#tmpl-phooe.app #navpanel a.level2:not(.ui-btn-active) {
  background: #ccc;
}
#tmpl-phooe.app #navpanel a.level2 {
  font-weight: normal;
}
#tmpl-phooe.app #navpanel a.ui-btn-active {
  background: #E3EAED;
  border-color: #E3EAED;
}
#tmpl-phooe.app #navpanel a.ui-btn-active::before {
  /* content: "> "; */
}
#tmpl-phooe.app #navpanel a.level2:not(.ui-btn-active) {
  background-color: #fff;
  text-shadow: none;
}
#tmpl-phooe.app .ui-page-theme-a a, #tmpl-phooe.app html .ui-bar-a a, #tmpl-phooe.app html .ui-body-a a, #tmpl-phooe.app html body .ui-group-theme-a a {
  font-weight: normal;
}
#tmpl-phooe.app .csc-header h1, #tmpl-phooe.app .csc-header h2, #tmpl-phooe.app h3, #tmpl-phooe.app .ui-content h1, #tmpl-phooe.app .ui-content h2 {
  color: #586B79;
  font-weight: normal;
}
#tmpl-phooe.app .ui-btn-icon-left::after, #tmpl-phooe.app .ui-btn-icon-right::after, #tmpl-phooe.app .ui-btn-icon-top::after, #tmpl-phooe.app .ui-btn-icon-bottom::after, #tmpl-phooe.app .ui-btn-icon-notext::after {
  background-color: transparent;
}
#tmpl-phooe.app .ui-page-theme-a .ui-btn.ui-btn-active, #tmpl-phooe.app html .ui-bar-a .ui-btn.ui-btn-active, #tmpl-phooe.app html .ui-body-a .ui-btn.ui-btn-active, #tmpl-phooe.app html body .ui-group-theme-a .ui-btn.ui-btn-active, #tmpl-phooe.app html head + body .ui-btn.ui-btn-a.ui-btn-active, #tmpl-phooe.app .ui-page-theme-a .ui-checkbox-on::after, #tmpl-phooe.app html .ui-bar-a .ui-checkbox-on::after, #tmpl-phooe.app html .ui-body-a .ui-checkbox-on::after, #tmpl-phooe.app html body .ui-group-theme-a .ui-checkbox-on::after, #tmpl-phooe.app .ui-btn.ui-checkbox-on.ui-btn-a::after, #tmpl-phooe.app .ui-page-theme-a .ui-flipswitch-active, #tmpl-phooe.app html .ui-bar-a .ui-flipswitch-active, #tmpl-phooe.app html .ui-body-a .ui-flipswitch-active, #tmpl-phooe.app html body .ui-group-theme-a .ui-flipswitch-active, #tmpl-phooe.app html body .ui-flipswitch.ui-bar-a.ui-flipswitch-active, #tmpl-phooe.app .ui-page-theme-a .ui-slider-track .ui-btn-active, #tmpl-phooe.app html .ui-bar-a .ui-slider-track .ui-btn-active, #tmpl-phooe.app html .ui-body-a .ui-slider-track .ui-btn-active, #tmpl-phooe.app html body .ui-group-theme-a .ui-slider-track .ui-btn-active, #tmpl-phooe.app html body div.ui-slider-track.ui-body-a .ui-btn-active {
  text-shadow: none;
}
#tmpl-phooe.app .ui-page-theme-a .ui-btn.ui-btn-active, #tmpl-phooe.app html .ui-bar-a .ui-btn.ui-btn-active, #tmpl-phooe.app html .ui-body-a .ui-btn.ui-btn-active, #tmpl-phooe.app html body .ui-group-theme-a .ui-btn.ui-btn-active, #tmpl-phooe.app html head + body .ui-btn.ui-btn-a.ui-btn-active, #tmpl-phooe.app .ui-page-theme-a .ui-checkbox-on::after, #tmpl-phooe.app html .ui-bar-a .ui-checkbox-on::after, #tmpl-phooe.app html .ui-body-a .ui-checkbox-on::after, #tmpl-phooe.app html body .ui-group-theme-a .ui-checkbox-on::after, #tmpl-phooe.app .ui-btn.ui-checkbox-on.ui-btn-a::after, #tmpl-phooe.app .ui-page-theme-a .ui-flipswitch-active, #tmpl-phooe.app html .ui-bar-a .ui-flipswitch-active, #tmpl-phooe.app html .ui-body-a .ui-flipswitch-active, #tmpl-phooe.app html body .ui-group-theme-a .ui-flipswitch-active, #tmpl-phooe.app html body .ui-flipswitch.ui-bar-a.ui-flipswitch-active, #tmpl-phooe.app .ui-page-theme-a .ui-slider-track .ui-btn-active, #tmpl-phooe.app html .ui-bar-a .ui-slider-track .ui-btn-active, #tmpl-phooe.app html .ui-body-a .ui-slider-track .ui-btn-active, #tmpl-phooe.app html body .ui-group-theme-a .ui-slider-track .ui-btn-active, #tmpl-phooe.app html body div.ui-slider-track.ui-body-a .ui-btn-active {
  border-color: #345063;
}
#tmpl-phooe.app .ui-page-theme-a .ui-btn:focus, #tmpl-phooe.app html .ui-bar-a .ui-btn:focus, #tmpl-phooe.app html .ui-body-a .ui-btn:focus, #tmpl-phooe.app html body .ui-group-theme-a .ui-btn:focus, #tmpl-phooe.app html head + body .ui-btn.ui-btn-a:focus, #tmpl-phooe.app .ui-page-theme-a .ui-focus, #tmpl-phooe.app html .ui-bar-a .ui-focus, #tmpl-phooe.app html .ui-body-a .ui-focus, #tmpl-phooe.app html body .ui-group-theme-a .ui-focus, #tmpl-phooe.app html head + body .ui-btn-a.ui-focus, #tmpl-phooe.app html head + body .ui-body-a.ui-focus {
  box-shadow: 0 0 12px #70a3d4;
}
#tmpl-phooe.app .ui-page-theme-a .ui-btn, #tmpl-phooe.app html .ui-bar-a .ui-btn, #tmpl-phooe.app html .ui-body-a .ui-btn, #tmpl-phooe.app html body .ui-group-theme-a .ui-btn, #tmpl-phooe.app html head + body .ui-btn.ui-btn-a, #tmpl-phooe.app .ui-page-theme-a .ui-btn:visited, #tmpl-phooe.app html .ui-bar-a .ui-btn:visited, #tmpl-phooe.app html .ui-body-a .ui-btn:visited, #tmpl-phooe.app html body .ui-group-theme-a .ui-btn:visited, #tmpl-phooe.app html head + body .ui-btn.ui-btn-a:visited {
  border-radius: 0;
  border: none;
}
#tmpl-phooe.app #navpanel a.level2:not(.ui-btn-active), #tmpl-phooe.app #navpanel a.ui-btn-active.level2 {
  padding-left: 25px;
}
#tmpl-phooe.app #navpanel a.level3 {
  padding-left: 35px;
}
#tmpl-phooe.app .ui-content .ui-btn {
  text-shadow: 0 !important;
  color: #fff !important;
  font-size: 1.125rem;
  text-transform: uppercase;
  font-weight: normal !important;
  margin-top: 30px;
}
#tmpl-phooe.app .ui-content .ui-input-btn {
  background-color: #70a3d4 !important;
  border-radius: 0;
}
#tmpl-phooe.app .ui-content .ui-input-btn:hover, #tmpl-phooe.app .ui-content .ui-input-btn:active, #tmpl-phooe.app .ui-content .ui-input-btn:focus {
  background-color: #4b7795;
}
#tmpl-phooe.app .ui-content .ui-input-btn input {
  background-color: #4aa4dc;
  border: medium none;
  border-radius: 0;
  color: #fff;
  font-size: 1.125rem;
  opacity: 0;
  padding: 8px 20px;
  text-transform: uppercase;
}
#tmpl-phooe.app .ui-input-text input, #tmpl-phooe.app .ui-input-search input {
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  line-height: 1.42857;
  padding: 10px 12px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 100%;
}
#tmpl-phooe.app .align-center {
  text-align: center;
}
#tmpl-phooe.app table {
  max-width: 100%;
  width: 100%;
}
#tmpl-phooe.app table > thead th {
  font-weight: normal;
}
#tmpl-phooe.app div.csc-textpic-text > table > tbody > tr:nth-of-type(2n+1) {
  background-color: #f1f1f1;
}
#tmpl-phooe.app div.csc-textpic-text > table > tbody > tr:nth-of-type(2n+2) {
  background-color: #fff;
}
#tmpl-phooe.app table {
  border-radius: 10px !important;
}
#tmpl-phooe.app div.csc-textpic-text > table > tbody > tr > td, #tmpl-phooe.app table > tbody > tr > th, #tmpl-phooe.app table > tfoot > tr > td, #tmpl-phooe.app div.csc-textpic-text > table > tfoot > tr > th, #tmpl-phooe.app div.csc-textpic-text > table > thead > tr > td, #tmpl-phooe.app div.csc-textpic-text > table > thead > tr > th {
  border-color: #a9a9a9 !important;
}
#tmpl-phooe.app .ui-accordion {
  margin-top: 30px !important;
}
#tmpl-phooe.app .ui-accordion .ui-accordion-header a {
  color: #586B79 !important;
}
#tmpl-phooe.app .ui-accordion .ui-accordion-header {
  border-color: #ccc !important;
}
#tmpl-phooe.app .ui-widget-content {
  background-image: none !important;
  background-color: #fff !important;
}
#tmpl-phooe.app .ui-state-active .ui-icon {
  background-image: url("../Images/ui-icons_ef8c08_256x240new.png") !important;
}
#tmpl-phooe.app .ui-state-default .ui-icon {
  background-image: url("../Images/ui-icons_ef8c08_256x240new.png") !important;
}
#tmpl-phooe.app .ui-state-hover .ui-icon {
  background-image: url("../Images/ui-icons_ef8c08_256x240new_hover.png") !important;
}
#tmpl-phooe.app .ui-accordion .ui-accordion-header {
  margin-top: 0 !important;
  border-radius: 0 !important;
  border-bottom: none !important;
  font-size: 1.5rem;
}
#tmpl-phooe.app .ui-accordion .ui-accordion-icons {
  padding-left: 1.7em !important;
}
#tmpl-phooe.app .ui-widget {
  border-bottom: 1px solid #ccc !important;
}
#tmpl-phooe.app .ui-widget, #tmpl-phooe.app .ui-widget p {
  font-size: 1rem !important;
  line-height: 1.35857 !important;
  color: #000 !important;
}
#tmpl-phooe.app .ui-accordion .ui-accordion-content {
  border-bottom: none;
}
#tmpl-phooe.app .ui-accordion h3.ui-accordion-header:first-child {
  border-top-right-radius: 4px !important;
  border-top-left-radius: 4px !important;
}
#tmpl-phooe.app .ui-accordion h3.ui-accordion-header:last-child {
  border-bottom-right-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}
#tmpl-phooe.app .ui-accordion-header-active {
  border-bottom: none !important;
}
#tmpl-phooe.app .ui-state-default, #tmpl-phooe.app .ui-widget-content .ui-state-default, #tmpl-phooe.app .ui-widget-header .ui-state-default {
  background-image: none !important;
  background-color: #E3EAED !important;
}
#tmpl-phooe.app .ui-state-hover, #tmpl-phooe.app .ui-widget-content .ui-state-hover, #tmpl-phooe.app .ui-widget-header .ui-state-hover {
  background: #70a3d4 !important;
  color: #fff !important;
}
#tmpl-phooe.app .ui-state-default:hover a, #tmpl-phooe.app .ui-state-default:hover a:link, #tmpl-phooe.app .ui-state-default:hover a:visited {
  color: #fff !important;
}
#tmpl-phooe.app .ui-widget-content a {
  color: #70a3d4 !important;
}
#tmpl-phooe.app .ui-content table {
  max-width: 100%;
  width: 100%;
}
#tmpl-phooe.app .ui-content table > thead th {
  font-weight: normal;
}
#tmpl-phooe.app .ui-content table > tbody > tr:nth-of-type(2n+1) {
  background-color: #f1f1f1;
}
#tmpl-phooe.app .ui-content table th, #tmpl-phooe.app .ui-content table td {
  border-collapse: collapse;
  border-spacing: 0;
  padding: 8px 15px;
  vertical-align: top;
}
#tmpl-phooe.app .ui-content table > tbody > tr > td, #tmpl-phooe.app .ui-content table > tbody > tr > th, #tmpl-phooe.app .ui-content table > tfoot > tr > td, #tmpl-phooe.app .ui-content table > tfoot > tr > th, #tmpl-phooe.app .ui-content table > thead > tr > td, #tmpl-phooe.app .ui-content table > thead > tr > th {
  border-bottom: 1px solid #DFDFDF;
}
#tmpl-phooe.app legend {
  font-size: 1.5rem;
  border-bottom: 1px solid #ccc;
  margin-bottom: 15px;
  margin-top: 15px;
  padding-bottom: 5px;
  width: 100%;
}
#tmpl-phooe.app .powermail_check_outer .ui-btn, #tmpl-phooe.app .powermail_radio_outer .ui-btn {
  color: #333 !important;
  text-transform: none !important;
}
#tmpl-phooe.app .powermail_check_outer .ui-btn:hover, #tmpl-phooe.app .powermail_radio_outer .ui-btn:hover {
  background-color: #586B79;
  color: #fff !important;
}
#tmpl-phooe.app .powermail_label.powermail_radio_legend, #tmpl-phooe.app .powermail_label.powermail_check_legend {
  margin-bottom: -20px;
}
#tmpl-phooe.app .powermail_fieldwrap {
  margin-top: 10px;
}
#tmpl-phooe.app .ui-checkbox-off::after, #tmpl-phooe.app .ui-btn.ui-radio-off::after {
  opacity: 1;
  border: 1px solid #DFDFDF;
}
#tmpl-phooe.app .ui-radio .ui-btn.ui-radio-off::after {
  background-color: #fff !important;
}
#tmpl-phooe.app #powermail_fieldwrap_5449 .powermail_radio_inner > label {
  display: none;
}
#tmpl-phooe.app .frame-type-login {
  padding: 2rem;
  background: #fff;
  margin: 2rem 0 4rem 0;
  border: 3px dashed #E3EAED;
}
#tmpl-phooe.app hr {
  border-top: 1px solid #70a3d4;
}
#tmpl-phooe.app .header {
  position: fixed;
  bottom: auto;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  background-color: #345063;
  padding: 1rem;
  height: 80px;
  color: #fff;
  z-index: 500;
  display: flex;
}
#tmpl-phooe.app .header h1 {
  font-size: 1.5rem;
  margin: 0;
  text-align: left;
}
#tmpl-phooe.app .header h1 a {
  position: relative;
  padding-left: 60px;
}
#tmpl-phooe.app .header h1 a:before {
  content: " ";
  width: 50px;
  height: 50px;
  display: inline-block;
  opacity: 1;
  position: absolute;
  left: 0;
  background-repeat: no-repeat;
  transform: translateY(-50%);
  top: 50%;
  background-image: url("/typo3conf/ext/chili_sitephooe/Resources/Public/Images/Icons/phicon.svg");
  background-size: contain;
}
#tmpl-phooe.app .header #bars-button {
  background-color: transparent;
  box-shadow: none;
  width: 40px;
  height: 40px;
  padding: 0;
  margin: 0;
  transform: translateY(-50%);
  top: 50%;
  right: 1rem;
  border: none;
}
#tmpl-phooe.app .header #bars-button:after {
  content: " ";
  background-image: url("/typo3conf/ext/chili_sitephooe/Resources/Public/Images/Icons/bars.svg");
  background-size: cover;
  width: 40px;
  height: 40px;
  left: 0;
  top: 0;
  margin: 0;
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  display: inline-block;
}
#tmpl-phooe.app .content-wrapper {
  margin-bottom: 80px;
  margin-top: 80px;
  padding: 20px 0;
}
#tmpl-phooe.app .footer {
  position: fixed;
  z-index: 500;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  background-color: #345063;
  padding: 1rem;
  height: 80px;
  color: #fff;
}
#tmpl-phooe.app .footer p, #tmpl-phooe.app .footer a {
  color: #fff;
  font-weight: normal;
  margin-bottom: 0.2rem;
  text-shadow: none;
}
#tmpl-phooe.app .burger-menu .nav-bar {
  position: absolute;
  background-color: #586B79;
  top: 0;
  right: 100%;
  height: 100vh;
  width: 250px;
  display: flex;
  justify-content: center;
  transition: position 2.9s;
  -webkit-transition: position 2.9s;
  -moz-transition: position 2.9s;
  -ms-transition: position 2.9s;
  -o-transition: position 2.9s;
}
#tmpl-phooe.app .burger-menu .toggle {
  right: 0;
  box-shadow: 1px 0 15px 2px rgba(0, 0, 0, 0.4);
}
#tmpl-phooe.app .burger-menu .toggle-menu {
  position: fixed;
  top: 20px;
  right: 20px;
  width: 40px;
  height: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding: 2px 2px 2px 3px;
  border-radius: 5px;
  cursor: pointer;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
#tmpl-phooe.app .burger-menu .line {
  width: 100%;
  height: 3px;
  border-radius: 5px;
  background-color: #fff;
  transition: transform 0.2s ease-out;
  -webkit-transition: transform 0.2s ease-out;
  -moz-transition: transform 0.2s ease-out;
  -ms-transition: transform 0.2s ease-out;
  -o-transition: transform 0.2s ease-out;
}
#tmpl-phooe.app .burger-menu .toggle .line1 {
  background-color: #345063;
  transform: scale(0.9) rotateZ(-45deg) translate(-6px, 4px);
}
#tmpl-phooe.app .burger-menu .toggle .line2 {
  display: none;
}
#tmpl-phooe.app .burger-menu .toggle .line3 {
  background-color: #345063;
  transform: scale(0.9) rotateZ(45deg) translate(-6px, -4px);
}
#tmpl-phooe.app .burger-menu .toggle .toggle-menu .line {
  background-color: #fff;
}
#tmpl-phooe.app .burger-menu .nav-list {
  list-style: none;
  padding: 4rem 1rem 6rem 1rem;
  width: 100%;
}
#tmpl-phooe.app .burger-menu .nav-list ul {
  width: 100%;
  display: block;
}
#tmpl-phooe.app .burger-menu .nav-list li {
  display: block;
  text-align: left;
  width: 100%;
}
#tmpl-phooe.app .burger-menu .nav-list li a {
  font-weight: bold;
  color: #fff;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#tmpl-phooe.app .burger-menu .nav-list li a:hover {
  background-color: #345063;
  color: #fff;
}
#tmpl-phooe.app .burger-menu .nav-list #menuitem2156 {
  background-color: #70a3d4;
  color: #fff;
}
#tmpl-phooe.app .burger-menu .nav-list #menuitem2156:hover {
  background-color: #345063;
}
body {
  margin-bottom: 0 !important;
  font-family: "Source Sans Pro", sans-serif;
  background-color: #fff !important;
  line-height: 1.5;
  color: #333;
}
body p {
  line-height: 1.5;
  color: #333;
}
body table, body li, body p, body div {
  font-family: "Source Sans Pro", sans-serif;
}
#brochureLink {
  margin-left: 3px;
}
/* Überschriften */
.container-fluid h1, .container-fluid h2, .container-fluid h3, .container-fluid h4, .container-fluid h5, .container-fluid h1 a, .container-fluid h2 a, .container-fluid h3 a, .container-fluid h4 a, .container-fluid h5 a {
  font-family: futura-pt-condensed, "Josefin Sans", sans-serif;
  font-weight: normal;
  color: #345063;
  margin-top: 0;
  padding-top: 15px;
  font-size: 1.4rem;
}
.container-fluid h1 a:hover, .container-fluid h2 a:hover, .container-fluid h3 a:hover, .container-fluid h4 a:hover, .container-fluid h5 a:hover, .container-fluid .sidebar a h3:hover, .container-fluid .sidebar a:hover {
  text-decoration: none;
  color: #000;
}
/*Layout-Fonts*/
.maincontent .col-inner ul li:before, .maincontent ul li:before, .menulevel2 ul li:before, main ul li:before {
  content: "";
  font-family: "Glyphicons Regular";
  font-size: 11px;
  padding-right: 7px;
  color: #70a3d4;
  margin-left: -18px;
  vertical-align: top;
  top: 3px;
  position: relative;
}
main ul li {
  list-style: none;
  padding-bottom: 0.5rem;
}
@media (max-width: 850px) {
  #tmpl-phooe .main-wrapper .ce-textpic .ce-gallery {
    width: 100%;
    float: none;
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  #tmpl-phooe .container {
    width: 100%;
  }
}
#tmpl-phooe .main-wrapper {
  margin-bottom: 2rem;
  display: inline-block;
  width: 100%;
}
#tmpl-phooe main > .container {
  overflow: visible;
}
#tmpl-phooe .row {
  margin: auto 20px;
}
@media (max-width: 767px) {
  #tmpl-phooe .row {
    margin: auto 0;
  }
}
#tmpl-phooe .col-xs-12.col-sm-8.wb .frame-layout-0 h2 {
  font-size: 2.5rem;
}
#tmpl-phooe h1, #tmpl-phooe h2, #tmpl-phooe h3, #tmpl-phooe h4, #tmpl-phooe h5, #tmpl-phooe h6 {
  font-family: futura-pt-condensed, "Josefin Sans", sans-serif;
  letter-spacing: -1px;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}
#tmpl-phooe h1 {
  font-size: 3.4rem;
  line-height: 55px;
}
#tmpl-phooe h2 {
  color: #345063;
  font-size: 44px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 56px;
}
#tmpl-phooe h3 {
  color: #70a3d4;
  font-size: 30px;
}
#tmpl-phooe h4 {
  color: #345063;
  font-size: 30px;
}
#tmpl-phooe h5 {
  color: #333;
  font-size: 25px;
}
@media (max-width: 580px) {
  #tmpl-phooe h1, #tmpl-phooe h2, #tmpl-phooe h3, #tmpl-phooe h4, #tmpl-phooe h5, #tmpl-phooe h6 {
    line-height: 1;
  }
  #tmpl-phooe h1 {
    font-size: 2.5rem;
  }
  #tmpl-phooe h2 {
    font-size: 2rem;
  }
  #tmpl-phooe h3 {
    font-size: 1.8rem;
  }
  #tmpl-phooe h4 {
    font-size: 1.5rem;
  }
  #tmpl-phooe h5 {
    font-size: 1.5rem;
  }
  #tmpl-phooe h6 {
    font-size: 1.5rem;
  }
}
#tmpl-phooe .ce-outer, #tmpl-phooe .ce-inner {
  float: none;
  right: 0;
}
#tmpl-phooe .container:before, #tmpl-phooe .container:after {
  display: none;
}
#tmpl-phooe .main-wrapper .ce-gallery .ce-column {
  margin-bottom: 10px;
}
#tmpl-phooe header {
  z-index: 5;
  margin-bottom: 0;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
#tmpl-phooe header #topbar {
  height: 55px;
  z-index: 5;
}
#tmpl-phooe header #topbar a {
  font-family: futura-pt-condensed, "Josefin Sans", sans-serif;
  color: #fff;
  opacity: 0.7;
  text-decoration: none;
  font-size: 17px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#tmpl-phooe header #topbar a:hover {
  opacity: 1;
}
#tmpl-phooe header #topbar > .container {
  overflow: visible;
  height: 55px;
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
#tmpl-phooe header #topbar #top-navi-left {
  flex: auto;
  display: flex;
  padding-left: 1rem;
}
#tmpl-phooe header #topbar #top-navi-left a:before {
  content: " ";
  height: 16px;
  width: 18px;
  background-image: url("/typo3conf/ext/chili_sitephooe/Resources/Public/Images/Icons/logo-grau.svg");
}
#tmpl-phooe header #topbar #top-navi-left a:first-child:before {
  background-image: url("/typo3conf/ext/chili_sitephooe/Resources/Public/Images/Icons/comment-light.svg");
}
#tmpl-phooe header #topbar #top-navi-left a:nth-child(2):before {
  background-image: url("/typo3conf/ext/chili_sitephooe/Resources/Public/Images/Icons/file-search-regular.svg");
}
#tmpl-phooe header #topbar #top-navi-left a:last-child:before {
  opacity: 1;
  width: 22px;
  height: 22px;
  background-image: url("/typo3conf/ext/chili_sitephooe/Resources/Public/Images/Icons/world.svg");
}
#tmpl-phooe header #topbar #top-navi-left a:last-child:hover:before {
  transform: scale(1.1);
}
#tmpl-phooe header #topbar #top-navi-right li:nth-child(1) a:before {
  content: " ";
  background-image: url("/typo3conf/ext/chili_sitephooe/Resources/Public/Images/Icons/logo-grau.svg");
}
#tmpl-phooe header #topbar #top-navi-right li:nth-child(2) a:before {
  content: " ";
  background-image: url("/typo3conf/ext/chili_sitephooe/Resources/Public/Images/Icons/logo-grau.svg");
  background-size: contain;
}
#tmpl-phooe header #topbar #top-navi-right li:nth-child(3) a:before {
  content: " ";
  background-image: url("/typo3conf/ext/chili_sitephooe/Resources/Public/Images/Icons/lock-alt-regular.svg");
}
#tmpl-phooe header #topbar #top-navi-right li:nth-child(4) a:before {
  content: " ";
  background-image: url("/typo3conf/ext/chili_sitephooe/Resources/Public/Images/Icons/th-large-solid.svg");
}
#tmpl-phooe header #topbar #top-navi-right li:nth-child(5) a:before {
  content: " ";
  background-image: url("/typo3conf/ext/chili_sitephooe/Resources/Public/Images/Icons/search-regular.svg");
}
#tmpl-phooe header #topbar #top-navi-right li a {
  background: none !important;
}
#tmpl-phooe header #topbar #top-navi-right li a:before {
  width: 15px;
  height: 15px;
}
@media (max-width: 1050px) {
  #tmpl-phooe header #topbar #top-navi-right li a {
    padding: 10px 5px;
  }
}
@media (max-width: 767px) {
  #tmpl-phooe header #topbar #top-navi-right .navbar-header {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10;
  }
  #tmpl-phooe header #topbar #top-navi-right .navbar-collapse {
    position: initial;
    z-index: 10;
    height: 100%;
    padding: 0;
    border: none;
  }
  #tmpl-phooe header #topbar #top-navi-right .navbar-collapse:before {
    display: none;
  }
  #tmpl-phooe header #topbar #top-navi-right .navbar-collapse .navbar-nav {
    position: fixed;
    top: 55px;
    right: 0px;
    background-color: #345063;
    width: 150px;
    margin: 0;
    border: 1px solid #fff;
    z-index: 20;
  }
  #tmpl-phooe header #topbar #top-navi-right .navbar-collapse .navbar-nav:before {
    display: block;
    border-bottom: 7px solid #70a3d4;
    border-left: 7px solid rgba(0, 0, 0, 0);
    border-right: 7px solid rgba(0, 0, 0, 0);
    content: " ";
    height: 0;
    left: auto;
    right: 30px;
    position: absolute;
    top: -8px;
    bottom: auto;
    width: 0;
    margin: 0 auto;
  }
  #tmpl-phooe header #topbar #top-navi-right .navbar-collapse .navbar-nav li a {
    padding: 0.5rem 0.8rem;
  }
}
#tmpl-phooe header #topbar #top-navi-right a, #tmpl-phooe header #topbar #top-navi-left a {
  padding: 10px;
  display: flex;
  align-items: center;
}
#tmpl-phooe header #topbar #top-navi-right a:before, #tmpl-phooe header #topbar #top-navi-left a:before {
  vertical-align: middle;
  display: inline-block;
  background-size: contain;
  pointer-events: none;
  background-repeat: no-repeat;
  opacity: 0.8;
  margin-right: 0.2rem;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
@media (max-width: 767px) {
  #tmpl-phooe header #topbar #top-navi-right a, #tmpl-phooe header #topbar #top-navi-left a {
    padding: 5px;
    font-size: 16px;
  }
}
#tmpl-phooe header .header {
  height: 160px;
}
#tmpl-phooe header .header > .container {
  overflow: visible;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 100%;
}
@media (max-width: 767px) {
  #tmpl-phooe header .header > .container {
    justify-content: flex-start;
  }
}
@media (max-width: 580px) {
  #tmpl-phooe header .header > .container {
    padding-left: 0;
  }
}
#tmpl-phooe header .header > .container:before, #tmpl-phooe header .header > .container:after {
  display: none;
}
#tmpl-phooe header .header .logo-wrapper {
  padding-right: 1rem;
}
#tmpl-phooe header .header .logo-wrapper .navbar-brand {
  padding: 2rem 0;
  float: none;
  height: auto;
  line-height: normal;
  display: inline-block;
  height: 160px;
}
#tmpl-phooe header .header .logo-wrapper .navbar-brand svg {
  height: 100px;
  width: 150px;
}
#tmpl-phooe header .header .social-wrapper {
  display: flex;
  flex: auto;
  margin-left: 2rem;
}
#tmpl-phooe header .header .social-wrapper .facebook {
  margin-right: 1rem;
}
#tmpl-phooe header .header .social-wrapper .facebook:before {
  background-image: url(/typo3conf/ext/chili_sitephooe/Resources/Public/Images/Icons/facebook-brands.svg);
}
#tmpl-phooe header .header .social-wrapper .instagram:before {
  background-image: url(/typo3conf/ext/chili_sitephooe/Resources/Public/Images/Icons/instagram-brands.svg);
}
#tmpl-phooe header .header .social-wrapper .facebook, #tmpl-phooe header .header .social-wrapper .instagram {
  width: 20px;
  height: 20px;
}
#tmpl-phooe header .header .social-wrapper .facebook:before, #tmpl-phooe header .header .social-wrapper .instagram:before {
  content: " ";
  width: 20px;
  height: 20px;
  display: inline-block;
  opacity: 0.7;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#tmpl-phooe header .header .social-wrapper .facebook:hover:before, #tmpl-phooe header .header .social-wrapper .instagram:hover:before {
  transform: scale(1.3);
}
#tmpl-phooe header .header.smallHeader {
  height: 100px;
  -webkit-box-shadow: 5px 5px 12px 4px rgba(0, 0, 0, 0.15);
  box-shadow: 5px 5px 12px 4px rgba(0, 0, 0, 0.15);
}
#tmpl-phooe header .header.smallHeader .logo-wrapper .navbar-brand {
  height: 100px;
  padding: 10px 0;
}
#tmpl-phooe header .header.smallHeader .logo-wrapper .navbar-brand svg {
  height: 80px;
}
@media (max-width: 767px) {
  #tmpl-phooe header .header {
    height: 80px;
  }
  #tmpl-phooe header .header .logo-wrapper .navbar-brand {
    padding: 10px 0;
    height: 80px;
  }
  #tmpl-phooe header .header .logo-wrapper .navbar-brand svg {
    height: 60px;
    width: 110px;
  }
  #tmpl-phooe header .header .social-wrapper {
    margin-left: 0;
  }
  #tmpl-phooe header .header .social-wrapper .facebook {
    margin-right: 0.2rem;
  }
  #tmpl-phooe header #top-navi-right {
    width: 50px;
    height: 50px;
    z-index: 10;
  }
}
#tmpl-phooe .header-wrapper {
  padding-top: 215px;
  position: relative;
  margin-bottom: 2rem;
}
#tmpl-phooe .header-wrapper .container {
  width: 100%;
  max-width: 100%;
  position: relative;
  padding: 0;
}
#tmpl-phooe .header-wrapper .breadcrumb-container {
  position: absolute;
  left: 0;
  right: 0;
  top: 1rem;
  z-index: 3;
}
#tmpl-phooe .header-wrapper .breadcrumb-container .breadcrumb {
  margin-bottom: 0;
}
#tmpl-phooe .header-wrapper .breadcrumb-container .breadcrumb li {
  color: #fff;
}
#tmpl-phooe .header-wrapper .breadcrumb-container .breadcrumb li:first-child a {
  position: relative;
  padding-left: 1.5rem;
}
#tmpl-phooe .header-wrapper .breadcrumb-container .breadcrumb li:first-child a:before {
  content: " ";
  background-image: url(/typo3conf/ext/chili_sitephooe/Resources/Public/Images/Icons/home-lg-regular.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: auto;
  left: 0;
  top: 1px;
  bottom: 1rem;
  width: 1rem;
  height: 1rem;
  z-index: 3;
  pointer-events: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#tmpl-phooe .header-wrapper .breadcrumb-container .breadcrumb li:before {
  color: #fff;
}
#tmpl-phooe .header-wrapper .breadcrumb-container .breadcrumb li a {
  color: #fff;
}
#tmpl-phooe .header-wrapper h1 {
  color: #fff;
  position: absolute;
  left: 0;
  bottom: 3rem;
  z-index: 3;
  width: 1170px;
  right: 0;
  margin: 0 auto;
  padding-right: 15px;
  padding-left: 15px;
}
#tmpl-phooe .header-wrapper .ce-gallery {
  position: relative;
}
#tmpl-phooe .header-wrapper .ce-gallery:after {
  /*        content: " ";
                width: 100%;
                height: 30%;
                background-color: #fff;
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                bottom: auto;
                z-index: 2;
                opacity: 0.41;
                pointer-events: none;
                background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, #000000 100%);*/
  display: none;
}
#tmpl-phooe .header-wrapper .ce-gallery:before {
  content: " ";
  width: 100%;
  height: 50%;
  background-color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  top: auto;
  bottom: 0;
  z-index: 2;
  opacity: 0.45;
  pointer-events: none;
  background: linear-gradient(0deg, #252D33 0%, rgba(26, 32, 36, 0) 100%);
}
#tmpl-phooe .header-wrapper .ce-gallery .ce-column {
  width: 100%;
}
#tmpl-phooe .header-wrapper .ce-gallery .ce-column .image {
  width: 100%;
}
#tmpl-phooe .header-wrapper .ce-gallery .ce-column .image img {
  width: 100%;
}
#tmpl-phooe .header-wrapper .no-shadow .ce-gallery:before, #tmpl-phooe .header-wrapper .no-shadow .ce-gallery:after {
  display: none !important;
}
#tmpl-phooe .header-wrapper .row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  margin: 0;
}
#tmpl-phooe .header-wrapper .col {
  margin: 0;
  width: 50%;
}
#tmpl-phooe .header-wrapper .col.col-1 {
  width: 57%;
}
#tmpl-phooe .header-wrapper .col.col-1 img {
  transform: scale(1.1);
}
#tmpl-phooe .header-wrapper .col.col-2 {
  width: 42.8%;
  border-left: 2px solid #fff;
}
#tmpl-phooe .header-wrapper .col.col-2 .frame-type-textpic:first-child {
  border-bottom: 2px solid #fff;
}
#tmpl-phooe .header-wrapper .col .frame-type-textpic {
  position: relative;
}
#tmpl-phooe .header-wrapper .col .frame-type-textpic:before {
  content: " ";
  background-image: url(/typo3conf/ext/chili_sitephooe/Resources/Public/Images/Icons/long-arrow-right-light.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 1rem;
  top: auto;
  bottom: 1rem;
  width: 2.2rem;
  height: 1.5rem;
  z-index: 3;
  pointer-events: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#tmpl-phooe .header-wrapper .col .frame-type-textpic:after {
  content: " ";
  position: absolute;
  right: 0;
  top: auto;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 155px solid transparent;
  border-right: 0 solid transparent;
  border-bottom: 86px solid #70a3d4;
  z-index: 2;
  pointer-events: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#tmpl-phooe .header-wrapper .col .frame-type-textpic:hover:after {
  border-left: 165px solid transparent;
  border-bottom: 96px solid #345063;
}
#tmpl-phooe .header-wrapper .col .frame-type-textpic h2, #tmpl-phooe .header-wrapper .col .frame-type-textpic h3, #tmpl-phooe .header-wrapper .col .frame-type-textpic p {
  color: #fff;
}
#tmpl-phooe .header-wrapper .col .frame-type-textpic h2 {
  font-weight: bold;
  font-family: futura-pt-condensed, "Josefin Sans", sans-serif;
  font-size: 54px;
  letter-spacing: 0;
  line-height: 50px;
  margin: 0;
}
#tmpl-phooe .header-wrapper .col .frame-type-textpic p {
  font-family: futura-pt-condensed, "Josefin Sans", sans-serif;
  font-size: 34px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 43px;
  margin: 0;
}
#tmpl-phooe .header-wrapper .col .frame-type-textpic .ce-gallery .ce-column {
  float: none;
  display: block;
}
#tmpl-phooe .header-wrapper .col .frame-type-textpic .ce-gallery .ce-column .image {
  float: none;
  display: block;
}
#tmpl-phooe .header-wrapper .col .frame-type-textpic .ce-gallery a {
  display: block;
  width: 100%;
  height: 100%;
}
#tmpl-phooe .header-wrapper .col .frame-type-textpic .ce-bodytext {
  padding: 0 4rem 3rem;
  pointer-events: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 4;
}
@media (max-width: 1200px) {
  #tmpl-phooe .header-wrapper .col .frame-type-textpic h2 {
    font-size: 2rem;
    line-height: 30px;
  }
  #tmpl-phooe .header-wrapper .col .frame-type-textpic p {
    font-size: 1.5rem;
    line-height: 25px;
  }
}
@media (max-width: 767px) {
  #tmpl-phooe .header-wrapper {
    padding-top: 135px;
  }
  #tmpl-phooe .header-wrapper .frame-type-image {
    display: flex;
    flex-wrap: wrap;
  }
  #tmpl-phooe .header-wrapper .frame-type-image .ce-image {
    order: 1;
    width: 100%;
  }
  #tmpl-phooe .header-wrapper .frame-type-image .ce-image .ce-gallery .ce-column .image img {
    max-width: fit-content !important;
  }
  #tmpl-phooe .header-wrapper .frame-type-image h1 {
    padding: 1rem;
    position: relative;
    background-color: #70a3d4;
    bottom: auto;
    top: auto;
    order: 2;
    width: 100%;
    border-top: 1px solid #fff;
    font-size: 2rem;
    line-height: 1;
  }
  #tmpl-phooe .header-wrapper .col .frame-type-textpic:after {
    border-left: 100px solid transparent;
    border-bottom: 50px solid #70a3d4;
  }
  #tmpl-phooe .header-wrapper .col .frame-type-textpic:before {
    bottom: 0.5rem;
    width: 1.5rem;
    height: 1rem;
  }
  #tmpl-phooe .header-wrapper .col .frame-type-textpic:hover:after {
    border-left: 115px solid transparent;
    border-bottom: 65px solid #345063;
  }
  #tmpl-phooe .header-wrapper .col .frame-type-textpic .ce-bodytext {
    padding: 0 10rem 1rem 1rem;
  }
  #tmpl-phooe .header-wrapper .col.col-1 {
    width: 100%;
  }
  #tmpl-phooe .header-wrapper .col.col-2 {
    width: 100%;
    display: flex;
    border: none;
  }
  #tmpl-phooe .header-wrapper .col.col-2 > div {
    width: 50%;
  }
  #tmpl-phooe .header-wrapper .col.col-2 .ce-gallery .image {
    background-color: #345063;
  }
  #tmpl-phooe .header-wrapper .col.col-2 .ce-gallery img {
    opacity: 0.4;
  }
  #tmpl-phooe .header-wrapper .col.col-2 .frame-type-textpic {
    border-bottom: 0 !important;
  }
}
@media (max-width: 580px) {
  #tmpl-phooe .header-wrapper .col .frame-type-textpic h2 {
    font-size: 1.6rem;
    line-height: 23px;
    font-weight: normal;
  }
  #tmpl-phooe .header-wrapper .col .frame-type-textpic .ce-bodytext {
    padding: 0 3rem 1rem 1rem;
  }
  #tmpl-phooe .header-wrapper .col .frame-type-textpic:after {
    border-left: 80px solid transparent;
    border-bottom: 40px solid #70a3d4;
  }
  #tmpl-phooe .header-wrapper .col .frame-type-textpic:before {
    width: 1rem;
    height: 0.6rem;
  }
  #tmpl-phooe .header-wrapper .breadcrumb-container {
    position: relative;
    top: 0;
  }
  #tmpl-phooe .header-wrapper .breadcrumb-container .breadcrumb {
    padding-left: 0;
    padding-right: 0;
  }
  #tmpl-phooe .header-wrapper .breadcrumb-container .breadcrumb li {
    color: #586B79;
    font-size: 14px;
  }
  #tmpl-phooe .header-wrapper .breadcrumb-container .breadcrumb li a {
    color: #586B79;
    font-size: 14px;
  }
  #tmpl-phooe .header-wrapper .breadcrumb-container .breadcrumb li:before {
    color: #586B79;
  }
  #tmpl-phooe .header-wrapper .breadcrumb-container .breadcrumb li:first-child a {
    padding-left: 0;
  }
  #tmpl-phooe .header-wrapper .breadcrumb-container .breadcrumb li:first-child a:before {
    display: none;
  }
}
#tmpl-phooe .menulevel2 {
  margin-bottom: 2rem;
  background-color: #E3EAED;
  padding: 1rem;
}
#tmpl-phooe .menulevel2 h3 {
  margin-top: 0;
  color: #345063;
  font-family: futura-pt-condensed, "Josefin Sans", sans-serif;
  font-size: 27px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 32px;
  padding-top: 0;
}
#tmpl-phooe .menulevel2 ul.nav-submenu {
  padding-left: 2rem;
  margin: 0;
}
#tmpl-phooe .menulevel2 ul.nav-submenu li {
  list-style: none;
  padding-bottom: 0;
}
#tmpl-phooe .menulevel2 ul.nav-submenu li.active > a {
  font-weight: bold;
  text-decoration: underline;
}
#tmpl-phooe .menulevel2 ul.nav-submenu li a {
  color: #345063;
  padding-bottom: 0.5rem;
  display: inline-block;
  font-size: 15px;
  word-break: break-word;
}
#tmpl-phooe .menulevel2 ul.nav-submenu > li {
  padding-bottom: 0.5rem;
}
#tmpl-phooe .menulevel2 .nslv2 {
  padding-left: 1rem;
}
#tmpl-phooe .sb, #tmpl-phooe .content-right {
  float: right;
  margin-top: -5rem;
  z-index: 2;
}
#tmpl-phooe .sb .row, #tmpl-phooe .content-right .row {
  margin: 0;
}
#tmpl-phooe .sb .row.col3, #tmpl-phooe .content-right .row.col3 {
  display: none;
}
#tmpl-phooe .sb .col, #tmpl-phooe .content-right .col {
  width: 100%;
  margin: 0;
}
#tmpl-phooe .sb .col .infobox, #tmpl-phooe .content-right .col .infobox {
  margin-bottom: 1rem;
  padding: 1rem;
}
@media (max-width: 767px) {
  #tmpl-phooe .sb, #tmpl-phooe .content-right {
    margin-top: 0;
  }
}
#tmpl-phooe .frame-type-login {
  padding: 1rem;
  background: #E3EAED;
  margin: 2rem 0 4rem 0;
}
#tmpl-phooe .frame-type-login h1 {
  margin-top: 0;
}
#tmpl-phooe .frame-type-login .logoutform .row {
  margin-top: 1rem;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
  color: #586B79;
}
#tmpl-phooe .frame-type-login .logoutform .row > div {
  padding-left: 0;
  padding-right: 0;
}
#tmpl-phooe .ui-accordion .ui-accordion-icons {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1;
  background-color: #E3EAED;
  border: none;
  padding-left: 2rem;
  color: #586B79;
  margin-bottom: 0;
  background-image: none;
}
#tmpl-phooe .ui-accordion .ui-accordion-content {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1rem;
  line-height: normal;
  padding: 1rem;
  background-color: #fff;
  background-image: none;
}
#tmpl-phooe .ui-accordion .ui-accordion-content img {
  width: 100%;
}
#tmpl-phooe .ui-accordion a {
  color: #70a3d4;
}
#tmpl-phooe .ui-state-active .ui-icon {
  background-image: url("/typo3conf/ext/chili_sitephooe/Resources/Public/Images/ui-icons_ef8c08_256x240new.png") !important;
}
#tmpl-phooe .ui-state-default .ui-icon {
  background-image: url("/typo3conf/ext/chili_sitephooe/Resources/Public/Images/ui-icons_ef8c08_256x240new.png") !important;
}
#tmpl-phooe .tx-powermail .powermail_fieldwrap_content {
  margin: 0;
}
#tmpl-phooe .tx-powermail .powermail_fieldwrap_content .col-xs-12 {
  padding: 0;
}
#tmpl-phooe .tx-powermail .powermail_fieldwrap_content #c25925 {
  padding: 1rem;
  background-color: #E3EAED;
  border: 2px dotted #fff;
  margin: 0;
}
#tmpl-phooe .tx-powermail .powermail_fieldwrap_content #c25925 p {
  position: relative;
  padding-left: 2.5rem;
  margin-bottom: 0;
}
#tmpl-phooe .tx-powermail .powermail_fieldwrap_content #c25925 p:before {
  content: " ";
  width: 30px;
  height: 30px;
  display: inline-block;
  opacity: 0.5;
  position: absolute;
  left: 0;
  background-repeat: no-repeat;
  transform: translateY(-50%);
  top: 50%;
  background-image: url("/typo3conf/ext/chili_sitephooe/Resources/Public/Images/Icons/user-check-solid.svg");
}
#tmpl-phooe .tx-powermail .powermail_fieldwrap_radio .powermail_radio_inner {
  margin: 0;
}
#tmpl-phooe .tx-powermail .powermail_fieldwrap_radio .powermail_radio_inner label {
  text-align: left;
}
.frame-type-uploads img {
  max-width: 90px;
}
.frame-type-uploads li {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: center;
  justify-content: flex-start;
  background-color: #E3EAED;
  padding: 1rem;
}
.frame-type-uploads li:before {
  display: none;
}
.frame-type-uploads li .ce-uploads-fileName a {
  font-weight: bold;
  color: #586B79;
}
.frame-type-uploads li .ce-uploads-filesize {
  display: flex;
  flex: auto;
  justify-content: flex-end;
}
.paralogo {
  position: absolute;
  width: 50%;
  opacity: 0.1;
  z-index: -1;
}
.paralogo.paralogo1 {
  left: -15rem;
}
.paralogo.paralogo2 {
  bottom: -50rem;
  right: -20rem;
}
.paralogo-events {
  position: absolute;
  left: -20%;
  width: 65%;
  opacity: 0.3;
  z-index: 0;
  bottom: auto;
  top: 10%;
}
.paralogo-events .st0, .paralogo-events .st1 {
  fill: #fff;
}
body.phooe .breadcrumb-container, body.europaschule .breadcrumb-container, body.prophooe .breadcrumb-container {
  display: none;
}
.scroll-down {
  display: none !important;
}
body#page-1.phooe .scroll-down {
  position: absolute;
  bottom: auto;
  top: 47%;
  left: 0;
  right: -14.3%;
  margin: 0 auto;
  z-index: 2;
  display: inline-block !important;
  opacity: 1;
  cursor: pointer;
  text-align: center;
  background-color: #fff;
  border-radius: 100%;
  padding: 5px;
  width: 50px;
  height: 50px;
  -webkit-box-shadow: 5px 5px 12px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 5px 5px 12px 4px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body#page-1.phooe .scroll-down:before {
  content: " ";
  background-image: url("/typo3conf/ext/chili_sitephooe/Resources/Public/Images/Icons/scroll-down.svg");
  width: 40px;
  height: 40px;
  display: inline-block;
  background-repeat: no-repeat;
  z-index: 0;
  border-radius: 100%;
  animation: pulse 0.8s ease-in-out infinite alternate;
}
@keyframes pulse {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0.9);
  }
}
@media (max-width: 767px) {
  body#page-1.phooe .scroll-down {
    display: none !important;
  }
}
body#page-1.phooe .scroll-down:hover {
  transform: scale(1.1);
}
body.europaschule .social-wrapper {
  display: none !important;
}
body.europaschule#page-683 .info-wrapper, body.europaschule#page-683 .events-wrapper.start {
  display: none;
}
body.europaschule#page-3070 main > .container .ce-gallery .ce-row {
  display: flex;
}
body.europaschule#page-3070 main > .container .ce-gallery .ce-row .ce-column {
  width: 50%;
}
body.europaschule#page-3070 main > .container .ce-gallery .ce-row .ce-column img {
  width: 100%;
}
@media (min-width: 768px) {
  body.prophooe main .frame-type-menu_subpages ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding-left: 1rem;
  }
  body.prophooe main .frame-type-menu_subpages ul li {
    width: 33.333%;
  }
}
.container-fluid .infobox h2, .container-fluid .news h2, .container-fluid .events h2, .container-fluid .ifper h3 {
  margin-bottom: 7px;
  margin-top: 0;
  padding-top: 15px;
  font-size: 1.8rem;
}
#tmpl-phooe.wrapper-landingpage {
  background-color: #fff;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.12);
  -moz-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.12);
  box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.12);
}
#tmpl-phooe.wrapper-landingpage header {
  max-width: 1200px;
  margin: 0 auto;
}
#tmpl-phooe.wrapper-landingpage header .header {
  box-shadow: none;
}
@media (max-width: 767px) {
  #tmpl-phooe.wrapper-landingpage header {
    position: relative;
    height: 130px;
    border-bottom: 1px solid #DFDFDF;
  }
  #tmpl-phooe.wrapper-landingpage header .header {
    height: 130px;
  }
  #tmpl-phooe.wrapper-landingpage header .btn {
    font-size: 14px;
    padding: 5px 10px;
  }
}
#tmpl-phooe.wrapper-landingpage .col3-33 .col {
  flex: 0 0 32%;
  max-width: 32%;
}
#tmpl-phooe.wrapper-landingpage .col2-3366 .col-1 {
  flex: 0 0 32%;
  max-width: 32%;
}
#tmpl-phooe.wrapper-landingpage .col2-3366 .col-2 {
  flex: 0 0 66%;
  max-width: 66%;
}
#tmpl-phooe.wrapper-landingpage .col2-5050 .col-1 {
  flex: 0 0 49%;
  max-width: 49%;
}
#tmpl-phooe.wrapper-landingpage .col2-5050 .col-2 {
  flex: 0 0 49%;
  max-width: 49%;
}
@media (max-width: 580px) {
  #tmpl-phooe.wrapper-landingpage .col2-5050 .col, #tmpl-phooe.wrapper-landingpage .col3-33 .col, #tmpl-phooe.wrapper-landingpage .col2-3366 .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
#tmpl-phooe.wrapper-landingpage .maincontent {
  padding-top: 9.5rem;
}
@media (max-width: 767px) {
  #tmpl-phooe.wrapper-landingpage .maincontent {
    padding-top: 0;
  }
}
#tmpl-phooe.wrapper-landingpage .maincontent .slick-slide img {
  width: auto;
  max-width: 100%;
}
#tmpl-phooe.wrapper-landingpage .maincontent ul li::marker {
  display: none;
  opacity: 0;
  content: " ";
}
#tmpl-phooe.wrapper-landingpage .maincontent .slick-dots li:before {
  display: none;
}
#tmpl-phooe.wrapper-landingpage .maincontent .card-benefits h5, #tmpl-phooe.wrapper-landingpage .maincontent .card-benefits p {
  color: #fff;
}
#tmpl-phooe.wrapper-landingpage .maincontent .card-benefits h5 {
  font-weight: bold;
}
#tmpl-phooe.wrapper-landingpage .maincontent .section-benefits {
  padding: 0 !important;
}
#tmpl-phooe.wrapper-landingpage .maincontent .section-benefits .frame-default {
  padding: 2rem;
}
#tmpl-phooe.wrapper-landingpage .maincontent .section-benefits h2 {
  color: #fff;
}
#tmpl-phooe.wrapper-landingpage .row:after {
  display: none;
}
#tmpl-phooe.wrapper-landingpage footer#footer-wrapper > .container > a {
  display: none;
}
#tmpl-phooe.wrapper-landingpage footer#footer-wrapper {
  padding-top: 1rem;
}
#tmpl-phooe.wrapper-landingpage .section-intro {
  padding: 0 !important;
}
#tmpl-phooe.wrapper-landingpage .section-intro .frame-default {
  padding: 2rem;
}
#tmpl-phooe.wrapper-landingpage .section-intro p {
  color: #fff;
}
#tmpl-phooe.wrapper-landingpage .header-img img {
  width: 100%;
}
#tmpl-phooe.wrapper-landingpage .section-videos {
  padding: 0 !important;
}
#tmpl-phooe.wrapper-landingpage .section-videos .frame-default {
  padding: 2rem;
}
.ewald-tmpl {
  margin-top: -2rem;
}
#tmpl-phooe.clean {
  padding: 3rem;
}
#tmpl-phooe.clean .frame-type-menu_subpages ul {
  justify-content: flex-start;
}
#tmpl-phooe.clean .frame-type-menu_subpages ul li {
  width: auto;
  min-width: 5rem;
}
@media (max-width: 580px) {
  #tmpl-phooe.clean {
    padding: 2rem 1rem;
  }
  #tmpl-phooe.clean table tr td {
    width: 100%;
    display: block;
  }
  #tmpl-phooe.clean .frame-type-menu_subpages ul {
    padding-left: 1rem;
  }
}