@charset "utf-8";
.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}@font-face{font-family:'FontAwesome';src:url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/fonts/fontawesome-webfont.woff2) format('woff2'),url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/fonts/fontawesome-webfont.woff) format('woff');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}dl,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
pre,
ul {
margin-top: 0;
}
address,
dl,
ol,
p,
pre,
ul {
margin-bottom: 1rem;
}
body,
caption {
text-align: left;
}
button,
hr,
input {
overflow: visible;
}
pre,
textarea {
overflow: auto;
}
article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
legend,
main,
nav,
section {
display: block;
}
dd,
h1,
h2,
h3,
h4,
h5,
h6,
label,
legend {
margin-bottom: 0.5rem;
}
address,
legend {
line-height: inherit;
}
progress,
sub,
sup {
vertical-align: baseline;
}
label,
output {
display: inline-block;
}
.text-truncate,
svg:not(:root) {
overflow: hidden;
}
*,
::after,
::before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-tap-highlight-color: transparent;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-overflow-style: scrollbar;
}
@-ms-viewport {
width: device-width;
}
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #ffffff;
}
[tabindex="-1"]:focus {
outline: 0 !important;
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
abbr[data-original-title],
abbr[title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
}
address {
font-style: normal;
}
ol ol,
ol ul,
ul ol,
ul ul {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin-left: 0;
}
blockquote,
figure {
margin: 0 0 1rem;
}
dfn {
font-style: italic;
}
b,
strong {
font-weight: bolder;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a {
color: #007bff;
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
a:hover {
color: #0056b3;
text-decoration: underline;
}
a:not([href]):not([tabindex]),
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
outline: 0;
}
code,
kbd,
pre,
samp {
font-family: monospace,monospace;
font-size: 1em;
}
pre {
-ms-overflow-style: scrollbar;
}
img {
vertical-align: middle;
border-style: none;
}
table {
border-collapse: collapse;
}
caption {
padding-top: .75rem;
padding-bottom: .75rem;
color: #6c757d;
caption-side: bottom;
}
th {
text-align: inherit;
}
button {
border-radius: 0;
}
button:focus {
outline: dotted 1px;
outline: -webkit-focus-ring-color auto 5px;
}
button,
input,
optgroup,
select,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
select {
text-transform: none;
}
[type=reset],
[type=submit],
button,
html [type=button] {
-webkit-appearance: button;
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
padding: 0;
border-style: none;
}
input[type=checkbox],
input[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
input[type=date],
input[type=datetime-local],
input[type=month],
input[type=time] {
-webkit-appearance: listbox;
}
textarea {
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
width: 100%;
max-width: 100%;
padding: 0;
font-size: 1.5rem;
color: inherit;
white-space: normal;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: none;
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
summary {
display: list-item;
cursor: pointer;
}
template {
display: none;
}
.d-none,
[hidden] {
display: none !important;
}
.container,
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
padding-right: 0;
padding-left: 0;
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-1 {
-ms-flex: 0 0 8.333333%;
-webkit-box-flex: 0;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-2 {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-3 {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-ms-flex: 0 0 33.333333%;
-webkit-box-flex: 0;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-5 {
-ms-flex: 0 0 41.666667%;
-webkit-box-flex: 0;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-6 {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-ms-flex: 0 0 58.333333%;
-webkit-box-flex: 0;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-8 {
-ms-flex: 0 0 66.666667%;
-webkit-box-flex: 0;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-9 {
-ms-flex: 0 0 75%;
-webkit-box-flex: 0;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-ms-flex: 0 0 83.333333%;
-webkit-box-flex: 0;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-11 {
-ms-flex: 0 0 91.666667%;
-webkit-box-flex: 0;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-12 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.order-last {
-ms-flex-order: 13;
-webkit-box-ordinal-group: 14;
order: 13;
}
.order-0 {
-ms-flex-order: 0;
-webkit-box-ordinal-group: 1;
order: 0;
}
.order-1 {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
.order-2 {
-ms-flex-order: 2;
-webkit-box-ordinal-group: 3;
order: 2;
}
.order-3 {
-ms-flex-order: 3;
-webkit-box-ordinal-group: 4;
order: 3;
}
.order-4 {
-ms-flex-order: 4;
-webkit-box-ordinal-group: 5;
order: 4;
}
.order-5 {
-ms-flex-order: 5;
-webkit-box-ordinal-group: 6;
order: 5;
}
.order-6 {
-ms-flex-order: 6;
-webkit-box-ordinal-group: 7;
order: 6;
}
.order-7 {
-ms-flex-order: 7;
-webkit-box-ordinal-group: 8;
order: 7;
}
.order-8 {
-ms-flex-order: 8;
-webkit-box-ordinal-group: 9;
order: 8;
}
.order-9 {
-ms-flex-order: 9;
-webkit-box-ordinal-group: 10;
order: 9;
}
.order-10 {
-ms-flex-order: 10;
-webkit-box-ordinal-group: 11;
order: 10;
}
.order-11 {
-ms-flex-order: 11;
-webkit-box-ordinal-group: 12;
order: 11;
}
.order-12 {
-ms-flex-order: 12;
-webkit-box-ordinal-group: 13;
order: 12;
}
.offset-1 {
margin-left: 8.333333%;
}
.offset-2 {
margin-left: 16.666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.333333%;
}
.offset-5 {
margin-left: 41.666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.333333%;
}
.offset-8 {
margin-left: 66.666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.333333%;
}
.offset-11 {
margin-left: 91.666667%;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: -ms-flexbox !important;
display: -webkit-box !important;
display: flex !important;
}
.d-inline-flex {
display: -ms-inline-flexbox !important;
display: -webkit-inline-box !important;
display: inline-flex !important;
}
.justify-content-start {
-ms-flex-pack: start!important;
-webkit-box-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-end {
-ms-flex-pack: end!important;
-webkit-box-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-center {
-ms-flex-pack: center!important;
-webkit-box-pack: center !important;
justify-content: center !important;
}
.justify-content-between {
-ms-flex-pack: justify!important;
-webkit-box-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-around {
-ms-flex-pack: distribute!important;
justify-content: space-around !important;
}
.align-items-start {
-ms-flex-align: start!important;
-webkit-box-align: start !important;
align-items: flex-start !important;
}
.align-items-end {
-ms-flex-align: end!important;
-webkit-box-align: end !important;
align-items: flex-end !important;
}
.align-items-center {
-ms-flex-align: center!important;
-webkit-box-align: center !important;
align-items: center !important;
}
.align-items-baseline {
-ms-flex-align: baseline!important;
-webkit-box-align: baseline !important;
align-items: baseline !important;
}
.align-items-stretch {
-ms-flex-align: stretch!important;
-webkit-box-align: stretch !important;
align-items: stretch !important;
}
.align-content-start {
-ms-flex-line-pack: start!important;
align-content: flex-start !important;
}
.align-content-end {
-ms-flex-line-pack: end!important;
align-content: flex-end !important;
}
.align-content-center {
-ms-flex-line-pack: center!important;
align-content: center !important;
}
.align-content-between {
-ms-flex-line-pack: justify!important;
align-content: space-between !important;
}
.align-content-around {
-ms-flex-line-pack: distribute!important;
align-content: space-around !important;
}
.align-content-stretch {
-ms-flex-line-pack: stretch!important;
align-content: stretch !important;
}
.align-self-auto {
-ms-flex-item-align: auto!important;
align-self: auto !important;
}
.align-self-start {
-ms-flex-item-align: start!important;
align-self: flex-start !important;
}
.align-self-end {
-ms-flex-item-align: end!important;
align-self: flex-end !important;
}
.align-self-center {
-ms-flex-item-align: center!important;
align-self: center !important;
}
.align-self-baseline {
-ms-flex-item-align: baseline!important;
align-self: baseline !important;
}
.align-self-stretch {
-ms-flex-item-align: stretch!important;
align-self: stretch !important;
}
.m-0 {
margin: 0 !important;
}
.mt-0,
.my-0 {
margin-top: 0 !important;
}
.mr-0,
.mx-0 {
margin-right: 0 !important;
}
.mb-0,
.my-0 {
margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
margin-left: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.mt-1,
.my-1 {
margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
margin-left: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.mt-2,
.my-2 {
margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
margin-left: 0.5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.mt-3,
.my-3 {
margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
margin-right: 1rem !important;
}
.mb-3,
.my-3 {
margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
margin-left: 1rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.mt-4,
.my-4 {
margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
margin-left: 1.5rem !important;
}
.m-5 {
margin: 3rem !important;
}
.mt-5,
.my-5 {
margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
margin-right: 3rem !important;
}
.mb-5,
.my-5 {
margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
margin-left: 3rem !important;
}
.p-0 {
padding: 0 !important;
}
.pt-0,
.py-0 {
padding-top: 0 !important;
}
.pr-0,
.px-0 {
padding-right: 0 !important;
}
.pb-0,
.py-0 {
padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
padding-left: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.pt-1,
.py-1 {
padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
padding-left: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.pt-2,
.py-2 {
padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
padding-left: 0.5rem !important;
}
.p-3 {
padding: 1rem !important;
}
.pt-3,
.py-3 {
padding-top: 1rem !important;
}
.pr-3,
.px-3 {
padding-right: 1rem !important;
}
.pb-3,
.py-3 {
padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
padding-left: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.pt-4,
.py-4 {
padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
padding-left: 1.5rem !important;
}
.p-5 {
padding: 3rem !important;
}
.pt-5,
.py-5 {
padding-top: 3rem !important;
}
.pr-5,
.px-5 {
padding-right: 3rem !important;
}
.pb-5,
.py-5 {
padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
padding-left: 3rem !important;
}
.text-justify {
text-align: justify !important;
}
.text-wrap {
white-space: normal !important;
}
.text-nowrap {
white-space: nowrap !important;
}
.text-truncate {
text-overflow: ellipsis;
white-space: nowrap;
}
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
@media (min-width: 576px) {
.container {
max-width: 540px;
}
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-sm-1 {
-ms-flex: 0 0 8.333333%;
-webkit-box-flex: 0;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-sm-2 {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-sm-3 {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
-ms-flex: 0 0 33.333333%;
-webkit-box-flex: 0;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-sm-5 {
-ms-flex: 0 0 41.666667%;
-webkit-box-flex: 0;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-sm-6 {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
-ms-flex: 0 0 58.333333%;
-webkit-box-flex: 0;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-sm-8 {
-ms-flex: 0 0 66.666667%;
-webkit-box-flex: 0;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-sm-9 {
-ms-flex: 0 0 75%;
-webkit-box-flex: 0;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
-ms-flex: 0 0 83.333333%;
-webkit-box-flex: 0;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-sm-11 {
-ms-flex: 0 0 91.666667%;
-webkit-box-flex: 0;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-sm-12 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.order-sm-last {
-ms-flex-order: 13;
-webkit-box-ordinal-group: 14;
order: 13;
}
.order-sm-0 {
-ms-flex-order: 0;
-webkit-box-ordinal-group: 1;
order: 0;
}
.order-sm-1 {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
.order-sm-2 {
-ms-flex-order: 2;
-webkit-box-ordinal-group: 3;
order: 2;
}
.order-sm-3 {
-ms-flex-order: 3;
-webkit-box-ordinal-group: 4;
order: 3;
}
.order-sm-4 {
-ms-flex-order: 4;
-webkit-box-ordinal-group: 5;
order: 4;
}
.order-sm-5 {
-ms-flex-order: 5;
-webkit-box-ordinal-group: 6;
order: 5;
}
.order-sm-6 {
-ms-flex-order: 6;
-webkit-box-ordinal-group: 7;
order: 6;
}
.order-sm-7 {
-ms-flex-order: 7;
-webkit-box-ordinal-group: 8;
order: 7;
}
.order-sm-8 {
-ms-flex-order: 8;
-webkit-box-ordinal-group: 9;
order: 8;
}
.order-sm-9 {
-ms-flex-order: 9;
-webkit-box-ordinal-group: 10;
order: 9;
}
.order-sm-10 {
-ms-flex-order: 10;
-webkit-box-ordinal-group: 11;
order: 10;
}
.order-sm-11 {
-ms-flex-order: 11;
-webkit-box-ordinal-group: 12;
order: 11;
}
.order-sm-12 {
-ms-flex-order: 12;
-webkit-box-ordinal-group: 13;
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.333333%;
}
.offset-sm-2 {
margin-left: 16.666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.333333%;
}
.offset-sm-5 {
margin-left: 41.666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.333333%;
}
.offset-sm-8 {
margin-left: 66.666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.333333%;
}
.offset-sm-11 {
margin-left: 91.666667%;
}
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.justify-content-sm-start {
-ms-flex-pack: start!important;
-webkit-box-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-sm-end {
-ms-flex-pack: end!important;
-webkit-box-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-sm-center {
-ms-flex-pack: center!important;
-webkit-box-pack: center !important;
justify-content: center !important;
}
.justify-content-sm-between {
-ms-flex-pack: justify!important;
-webkit-box-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-sm-around {
-ms-flex-pack: distribute!important;
justify-content: space-around !important;
}
.align-items-sm-start {
-ms-flex-align: start!important;
-webkit-box-align: start !important;
align-items: flex-start !important;
}
.align-items-sm-end {
-ms-flex-align: end!important;
-webkit-box-align: end !important;
align-items: flex-end !important;
}
.align-items-sm-center {
-ms-flex-align: center!important;
-webkit-box-align: center !important;
align-items: center !important;
}
.align-items-sm-baseline {
-ms-flex-align: baseline!important;
-webkit-box-align: baseline !important;
align-items: baseline !important;
}
.align-items-sm-stretch {
-ms-flex-align: stretch!important;
-webkit-box-align: stretch !important;
align-items: stretch !important;
}
.align-content-sm-start {
-ms-flex-line-pack: start!important;
align-content: flex-start !important;
}
.align-content-sm-end {
-ms-flex-line-pack: end!important;
align-content: flex-end !important;
}
.align-content-sm-center {
-ms-flex-line-pack: center!important;
align-content: center !important;
}
.align-content-sm-between {
-ms-flex-line-pack: justify!important;
align-content: space-between !important;
}
.align-content-sm-around {
-ms-flex-line-pack: distribute!important;
align-content: space-around !important;
}
.align-content-sm-stretch {
-ms-flex-line-pack: stretch!important;
align-content: stretch !important;
}
.align-self-sm-auto {
-ms-flex-item-align: auto!important;
align-self: auto !important;
}
.align-self-sm-start {
-ms-flex-item-align: start!important;
align-self: flex-start !important;
}
.align-self-sm-end {
-ms-flex-item-align: end!important;
align-self: flex-end !important;
}
.align-self-sm-center {
-ms-flex-item-align: center!important;
align-self: center !important;
}
.align-self-sm-baseline {
-ms-flex-item-align: baseline!important;
align-self: baseline !important;
}
.align-self-sm-stretch {
-ms-flex-item-align: stretch!important;
align-self: stretch !important;
}
.m-sm-0 {
margin: 0 !important;
}
.mt-sm-0,
.my-sm-0 {
margin-top: 0 !important;
}
.mr-sm-0,
.mx-sm-0 {
margin-right: 0 !important;
}
.mb-sm-0,
.my-sm-0 {
margin-bottom: 0 !important;
}
.ml-sm-0,
.mx-sm-0 {
margin-left: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.mt-sm-1,
.my-sm-1 {
margin-top: 0.25rem !important;
}
.mr-sm-1,
.mx-sm-1 {
margin-right: 0.25rem !important;
}
.mb-sm-1,
.my-sm-1 {
margin-bottom: 0.25rem !important;
}
.ml-sm-1,
.mx-sm-1 {
margin-left: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.mt-sm-2,
.my-sm-2 {
margin-top: 0.5rem !important;
}
.mr-sm-2,
.mx-sm-2 {
margin-right: 0.5rem !important;
}
.mb-sm-2,
.my-sm-2 {
margin-bottom: 0.5rem !important;
}
.ml-sm-2,
.mx-sm-2 {
margin-left: 0.5rem !important;
}
.m-sm-3 {
margin: 1rem !important;
}
.mt-sm-3,
.my-sm-3 {
margin-top: 1rem !important;
}
.mr-sm-3,
.mx-sm-3 {
margin-right: 1rem !important;
}
.mb-sm-3,
.my-sm-3 {
margin-bottom: 1rem !important;
}
.ml-sm-3,
.mx-sm-3 {
margin-left: 1rem !important;
}
.m-sm-4 {
margin: 1.5rem !important;
}
.mt-sm-4,
.my-sm-4 {
margin-top: 1.5rem !important;
}
.mr-sm-4,
.mx-sm-4 {
margin-right: 1.5rem !important;
}
.mb-sm-4,
.my-sm-4 {
margin-bottom: 1.5rem !important;
}
.ml-sm-4,
.mx-sm-4 {
margin-left: 1.5rem !important;
}
.m-sm-5 {
margin: 3rem !important;
}
.mt-sm-5,
.my-sm-5 {
margin-top: 3rem !important;
}
.mr-sm-5,
.mx-sm-5 {
margin-right: 3rem !important;
}
.mb-sm-5,
.my-sm-5 {
margin-bottom: 3rem !important;
}
.ml-sm-5,
.mx-sm-5 {
margin-left: 3rem !important;
}
.p-sm-0 {
padding: 0 !important;
}
.pt-sm-0,
.py-sm-0 {
padding-top: 0 !important;
}
.pr-sm-0,
.px-sm-0 {
padding-right: 0 !important;
}
.pb-sm-0,
.py-sm-0 {
padding-bottom: 0 !important;
}
.pl-sm-0,
.px-sm-0 {
padding-left: 0 !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.pt-sm-1,
.py-sm-1 {
padding-top: 0.25rem !important;
}
.pr-sm-1,
.px-sm-1 {
padding-right: 0.25rem !important;
}
.pb-sm-1,
.py-sm-1 {
padding-bottom: 0.25rem !important;
}
.pl-sm-1,
.px-sm-1 {
padding-left: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.pt-sm-2,
.py-sm-2 {
padding-top: 0.5rem !important;
}
.pr-sm-2,
.px-sm-2 {
padding-right: 0.5rem !important;
}
.pb-sm-2,
.py-sm-2 {
padding-bottom: 0.5rem !important;
}
.pl-sm-2,
.px-sm-2 {
padding-left: 0.5rem !important;
}
.p-sm-3 {
padding: 1rem !important;
}
.pt-sm-3,
.py-sm-3 {
padding-top: 1rem !important;
}
.pr-sm-3,
.px-sm-3 {
padding-right: 1rem !important;
}
.pb-sm-3,
.py-sm-3 {
padding-bottom: 1rem !important;
}
.pl-sm-3,
.px-sm-3 {
padding-left: 1rem !important;
}
.p-sm-4 {
padding: 1.5rem !important;
}
.pt-sm-4,
.py-sm-4 {
padding-top: 1.5rem !important;
}
.pr-sm-4,
.px-sm-4 {
padding-right: 1.5rem !important;
}
.pb-sm-4,
.py-sm-4 {
padding-bottom: 1.5rem !important;
}
.pl-sm-4,
.px-sm-4 {
padding-left: 1.5rem !important;
}
.p-sm-5 {
padding: 3rem !important;
}
.pt-sm-5,
.py-sm-5 {
padding-top: 3rem !important;
}
.pr-sm-5,
.px-sm-5 {
padding-right: 3rem !important;
}
.pb-sm-5,
.py-sm-5 {
padding-bottom: 3rem !important;
}
.pl-sm-5,
.px-sm-5 {
padding-left: 3rem !important;
}
.text-sm-left {
text-align: left !important;
}
.text-sm-right {
text-align: right !important;
}
.text-sm-center {
text-align: center !important;
}
}
@media (min-width: 768px) {
.container {
max-width: 720px;
}
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-md-1 {
-ms-flex: 0 0 8.333333%;
-webkit-box-flex: 0;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-md-2 {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-md-3 {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-ms-flex: 0 0 33.333333%;
-webkit-box-flex: 0;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-md-5 {
-ms-flex: 0 0 41.666667%;
-webkit-box-flex: 0;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-md-6 {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-ms-flex: 0 0 58.333333%;
-webkit-box-flex: 0;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-md-8 {
-ms-flex: 0 0 66.666667%;
-webkit-box-flex: 0;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-md-9 {
-ms-flex: 0 0 75%;
-webkit-box-flex: 0;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-ms-flex: 0 0 83.333333%;
-webkit-box-flex: 0;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-md-11 {
-ms-flex: 0 0 91.666667%;
-webkit-box-flex: 0;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-md-12 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.order-md-last {
-ms-flex-order: 13;
-webkit-box-ordinal-group: 14;
order: 13;
}
.order-md-0 {
-ms-flex-order: 0;
-webkit-box-ordinal-group: 1;
order: 0;
}
.order-md-1 {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
.order-md-2 {
-ms-flex-order: 2;
-webkit-box-ordinal-group: 3;
order: 2;
}
.order-md-3 {
-ms-flex-order: 3;
-webkit-box-ordinal-group: 4;
order: 3;
}
.order-md-4 {
-ms-flex-order: 4;
-webkit-box-ordinal-group: 5;
order: 4;
}
.order-md-5 {
-ms-flex-order: 5;
-webkit-box-ordinal-group: 6;
order: 5;
}
.order-md-6 {
-ms-flex-order: 6;
-webkit-box-ordinal-group: 7;
order: 6;
}
.order-md-7 {
-ms-flex-order: 7;
-webkit-box-ordinal-group: 8;
order: 7;
}
.order-md-8 {
-ms-flex-order: 8;
-webkit-box-ordinal-group: 9;
order: 8;
}
.order-md-9 {
-ms-flex-order: 9;
-webkit-box-ordinal-group: 10;
order: 9;
}
.order-md-10 {
-ms-flex-order: 10;
-webkit-box-ordinal-group: 11;
order: 10;
}
.order-md-11 {
-ms-flex-order: 11;
-webkit-box-ordinal-group: 12;
order: 11;
}
.order-md-12 {
-ms-flex-order: 12;
-webkit-box-ordinal-group: 13;
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.333333%;
}
.offset-md-2 {
margin-left: 16.666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.333333%;
}
.offset-md-5 {
margin-left: 41.666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.333333%;
}
.offset-md-8 {
margin-left: 66.666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.333333%;
}
.offset-md-11 {
margin-left: 91.666667%;
}
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.justify-content-md-start {
-ms-flex-pack: start!important;
-webkit-box-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-md-end {
-ms-flex-pack: end!important;
-webkit-box-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-md-center {
-ms-flex-pack: center!important;
-webkit-box-pack: center !important;
justify-content: center !important;
}
.justify-content-md-between {
-ms-flex-pack: justify!important;
-webkit-box-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-md-around {
-ms-flex-pack: distribute!important;
justify-content: space-around !important;
}
.align-items-md-start {
-ms-flex-align: start!important;
-webkit-box-align: start !important;
align-items: flex-start !important;
}
.align-items-md-end {
-ms-flex-align: end!important;
-webkit-box-align: end !important;
align-items: flex-end !important;
}
.align-items-md-center {
-ms-flex-align: center!important;
-webkit-box-align: center !important;
align-items: center !important;
}
.align-items-md-baseline {
-ms-flex-align: baseline!important;
-webkit-box-align: baseline !important;
align-items: baseline !important;
}
.align-items-md-stretch {
-ms-flex-align: stretch!important;
-webkit-box-align: stretch !important;
align-items: stretch !important;
}
.align-content-md-start {
-ms-flex-line-pack: start!important;
align-content: flex-start !important;
}
.align-content-md-end {
-ms-flex-line-pack: end!important;
align-content: flex-end !important;
}
.align-content-md-center {
-ms-flex-line-pack: center!important;
align-content: center !important;
}
.align-content-md-between {
-ms-flex-line-pack: justify!important;
align-content: space-between !important;
}
.align-content-md-around {
-ms-flex-line-pack: distribute!important;
align-content: space-around !important;
}
.align-content-md-stretch {
-ms-flex-line-pack: stretch!important;
align-content: stretch !important;
}
.align-self-md-auto {
-ms-flex-item-align: auto!important;
align-self: auto !important;
}
.align-self-md-start {
-ms-flex-item-align: start!important;
align-self: flex-start !important;
}
.align-self-md-end {
-ms-flex-item-align: end!important;
align-self: flex-end !important;
}
.align-self-md-center {
-ms-flex-item-align: center!important;
align-self: center !important;
}
.align-self-md-baseline {
-ms-flex-item-align: baseline!important;
align-self: baseline !important;
}
.align-self-md-stretch {
-ms-flex-item-align: stretch!important;
align-self: stretch !important;
}
.m-md-0 {
margin: 0 !important;
}
.mt-md-0,
.my-md-0 {
margin-top: 0 !important;
}
.mr-md-0,
.mx-md-0 {
margin-right: 0 !important;
}
.mb-md-0,
.my-md-0 {
margin-bottom: 0 !important;
}
.ml-md-0,
.mx-md-0 {
margin-left: 0 !important;
}
.m-md-1 {
margin: 0.25rem !important;
}
.mt-md-1,
.my-md-1 {
margin-top: 0.25rem !important;
}
.mr-md-1,
.mx-md-1 {
margin-right: 0.25rem !important;
}
.mb-md-1,
.my-md-1 {
margin-bottom: 0.25rem !important;
}
.ml-md-1,
.mx-md-1 {
margin-left: 0.25rem !important;
}
.m-md-2 {
margin: 0.5rem !important;
}
.mt-md-2,
.my-md-2 {
margin-top: 0.5rem !important;
}
.mr-md-2,
.mx-md-2 {
margin-right: 0.5rem !important;
}
.mb-md-2,
.my-md-2 {
margin-bottom: 0.5rem !important;
}
.ml-md-2,
.mx-md-2 {
margin-left: 0.5rem !important;
}
.m-md-3 {
margin: 1rem !important;
}
.mt-md-3,
.my-md-3 {
margin-top: 1rem !important;
}
.mr-md-3,
.mx-md-3 {
margin-right: 1rem !important;
}
.mb-md-3,
.my-md-3 {
margin-bottom: 1rem !important;
}
.ml-md-3,
.mx-md-3 {
margin-left: 1rem !important;
}
.m-md-4 {
margin: 1.5rem !important;
}
.mt-md-4,
.my-md-4 {
margin-top: 1.5rem !important;
}
.mr-md-4,
.mx-md-4 {
margin-right: 1.5rem !important;
}
.mb-md-4,
.my-md-4 {
margin-bottom: 1.5rem !important;
}
.ml-md-4,
.mx-md-4 {
margin-left: 1.5rem !important;
}
.m-md-5 {
margin: 3rem !important;
}
.mt-md-5,
.my-md-5 {
margin-top: 3rem !important;
}
.mr-md-5,
.mx-md-5 {
margin-right: 3rem !important;
}
.mb-md-5,
.my-md-5 {
margin-bottom: 3rem !important;
}
.ml-md-5,
.mx-md-5 {
margin-left: 3rem !important;
}
.p-md-0 {
padding: 0 !important;
}
.pt-md-0,
.py-md-0 {
padding-top: 0 !important;
}
.pr-md-0,
.px-md-0 {
padding-right: 0 !important;
}
.pb-md-0,
.py-md-0 {
padding-bottom: 0 !important;
}
.pl-md-0,
.px-md-0 {
padding-left: 0 !important;
}
.p-md-1 {
padding: 0.25rem !important;
}
.pt-md-1,
.py-md-1 {
padding-top: 0.25rem !important;
}
.pr-md-1,
.px-md-1 {
padding-right: 0.25rem !important;
}
.pb-md-1,
.py-md-1 {
padding-bottom: 0.25rem !important;
}
.pl-md-1,
.px-md-1 {
padding-left: 0.25rem !important;
}
.p-md-2 {
padding: 0.5rem !important;
}
.pt-md-2,
.py-md-2 {
padding-top: 0.5rem !important;
}
.pr-md-2,
.px-md-2 {
padding-right: 0.5rem !important;
}
.pb-md-2,
.py-md-2 {
padding-bottom: 0.5rem !important;
}
.pl-md-2,
.px-md-2 {
padding-left: 0.5rem !important;
}
.p-md-3 {
padding: 1rem !important;
}
.pt-md-3,
.py-md-3 {
padding-top: 1rem !important;
}
.pr-md-3,
.px-md-3 {
padding-right: 1rem !important;
}
.pb-md-3,
.py-md-3 {
padding-bottom: 1rem !important;
}
.pl-md-3,
.px-md-3 {
padding-left: 1rem !important;
}
.p-md-4 {
padding: 1.5rem !important;
}
.pt-md-4,
.py-md-4 {
padding-top: 1.5rem !important;
}
.pr-md-4,
.px-md-4 {
padding-right: 1.5rem !important;
}
.pb-md-4,
.py-md-4 {
padding-bottom: 1.5rem !important;
}
.pl-md-4,
.px-md-4 {
padding-left: 1.5rem !important;
}
.p-md-5 {
padding: 3rem !important;
}
.pt-md-5,
.py-md-5 {
padding-top: 3rem !important;
}
.pr-md-5,
.px-md-5 {
padding-right: 3rem !important;
}
.pb-md-5,
.py-md-5 {
padding-bottom: 3rem !important;
}
.pl-md-5,
.px-md-5 {
padding-left: 3rem !important;
}
.text-md-left {
text-align: left !important;
}
.text-md-right {
text-align: right !important;
}
.text-md-center {
text-align: center !important;
}
}
@media (min-width: 992px) {
.container {
max-width: 960px;
}
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-lg-1 {
-ms-flex: 0 0 8.333333%;
-webkit-box-flex: 0;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-lg-2 {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-lg-3 {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-ms-flex: 0 0 33.333333%;
-webkit-box-flex: 0;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-lg-5 {
-ms-flex: 0 0 41.666667%;
-webkit-box-flex: 0;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-lg-6 {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-ms-flex: 0 0 58.333333%;
-webkit-box-flex: 0;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-lg-8 {
-ms-flex: 0 0 66.666667%;
-webkit-box-flex: 0;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-lg-9 {
-ms-flex: 0 0 75%;
-webkit-box-flex: 0;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-ms-flex: 0 0 83.333333%;
-webkit-box-flex: 0;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-lg-11 {
-ms-flex: 0 0 91.666667%;
-webkit-box-flex: 0;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-lg-12 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.order-lg-last {
-ms-flex-order: 13;
-webkit-box-ordinal-group: 14;
order: 13;
}
.order-lg-0 {
-ms-flex-order: 0;
-webkit-box-ordinal-group: 1;
order: 0;
}
.order-lg-1 {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
.order-lg-2 {
-ms-flex-order: 2;
-webkit-box-ordinal-group: 3;
order: 2;
}
.order-lg-3 {
-ms-flex-order: 3;
-webkit-box-ordinal-group: 4;
order: 3;
}
.order-lg-4 {
-ms-flex-order: 4;
-webkit-box-ordinal-group: 5;
order: 4;
}
.order-lg-5 {
-ms-flex-order: 5;
-webkit-box-ordinal-group: 6;
order: 5;
}
.order-lg-6 {
-ms-flex-order: 6;
-webkit-box-ordinal-group: 7;
order: 6;
}
.order-lg-7 {
-ms-flex-order: 7;
-webkit-box-ordinal-group: 8;
order: 7;
}
.order-lg-8 {
-ms-flex-order: 8;
-webkit-box-ordinal-group: 9;
order: 8;
}
.order-lg-9 {
-ms-flex-order: 9;
-webkit-box-ordinal-group: 10;
order: 9;
}
.order-lg-10 {
-ms-flex-order: 10;
-webkit-box-ordinal-group: 11;
order: 10;
}
.order-lg-11 {
-ms-flex-order: 11;
-webkit-box-ordinal-group: 12;
order: 11;
}
.order-lg-12 {
-ms-flex-order: 12;
-webkit-box-ordinal-group: 13;
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.333333%;
}
.offset-lg-2 {
margin-left: 16.666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.333333%;
}
.offset-lg-5 {
margin-left: 41.666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.333333%;
}
.offset-lg-8 {
margin-left: 66.666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.333333%;
}
.offset-lg-11 {
margin-left: 91.666667%;
}
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.justify-content-lg-start {
-ms-flex-pack: start!important;
-webkit-box-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-lg-end {
-ms-flex-pack: end!important;
-webkit-box-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-lg-center {
-ms-flex-pack: center!important;
-webkit-box-pack: center !important;
justify-content: center !important;
}
.justify-content-lg-between {
-ms-flex-pack: justify!important;
-webkit-box-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-lg-around {
-ms-flex-pack: distribute!important;
justify-content: space-around !important;
}
.align-items-lg-start {
-ms-flex-align: start!important;
-webkit-box-align: start !important;
align-items: flex-start !important;
}
.align-items-lg-end {
-ms-flex-align: end!important;
-webkit-box-align: end !important;
align-items: flex-end !important;
}
.align-items-lg-center {
-ms-flex-align: center!important;
-webkit-box-align: center !important;
align-items: center !important;
}
.align-items-lg-baseline {
-ms-flex-align: baseline!important;
-webkit-box-align: baseline !important;
align-items: baseline !important;
}
.align-items-lg-stretch {
-ms-flex-align: stretch!important;
-webkit-box-align: stretch !important;
align-items: stretch !important;
}
.align-content-lg-start {
-ms-flex-line-pack: start!important;
align-content: flex-start !important;
}
.align-content-lg-end {
-ms-flex-line-pack: end!important;
align-content: flex-end !important;
}
.align-content-lg-center {
-ms-flex-line-pack: center!important;
align-content: center !important;
}
.align-content-lg-between {
-ms-flex-line-pack: justify!important;
align-content: space-between !important;
}
.align-content-lg-around {
-ms-flex-line-pack: distribute!important;
align-content: space-around !important;
}
.align-content-lg-stretch {
-ms-flex-line-pack: stretch!important;
align-content: stretch !important;
}
.align-self-lg-auto {
-ms-flex-item-align: auto!important;
align-self: auto !important;
}
.align-self-lg-start {
-ms-flex-item-align: start!important;
align-self: flex-start !important;
}
.align-self-lg-end {
-ms-flex-item-align: end!important;
align-self: flex-end !important;
}
.align-self-lg-center {
-ms-flex-item-align: center!important;
align-self: center !important;
}
.align-self-lg-baseline {
-ms-flex-item-align: baseline!important;
align-self: baseline !important;
}
.align-self-lg-stretch {
-ms-flex-item-align: stretch!important;
align-self: stretch !important;
}
.m-lg-0 {
margin: 0 !important;
}
.mt-lg-0,
.my-lg-0 {
margin-top: 0 !important;
}
.mr-lg-0,
.mx-lg-0 {
margin-right: 0 !important;
}
.mb-lg-0,
.my-lg-0 {
margin-bottom: 0 !important;
}
.ml-lg-0,
.mx-lg-0 {
margin-left: 0 !important;
}
.m-lg-1 {
margin: 0.25rem !important;
}
.mt-lg-1,
.my-lg-1 {
margin-top: 0.25rem !important;
}
.mr-lg-1,
.mx-lg-1 {
margin-right: 0.25rem !important;
}
.mb-lg-1,
.my-lg-1 {
margin-bottom: 0.25rem !important;
}
.ml-lg-1,
.mx-lg-1 {
margin-left: 0.25rem !important;
}
.m-lg-2 {
margin: 0.5rem !important;
}
.mt-lg-2,
.my-lg-2 {
margin-top: 0.5rem !important;
}
.mr-lg-2,
.mx-lg-2 {
margin-right: 0.5rem !important;
}
.mb-lg-2,
.my-lg-2 {
margin-bottom: 0.5rem !important;
}
.ml-lg-2,
.mx-lg-2 {
margin-left: 0.5rem !important;
}
.m-lg-3 {
margin: 1rem !important;
}
.mt-lg-3,
.my-lg-3 {
margin-top: 1rem !important;
}
.mr-lg-3,
.mx-lg-3 {
margin-right: 1rem !important;
}
.mb-lg-3,
.my-lg-3 {
margin-bottom: 1rem !important;
}
.ml-lg-3,
.mx-lg-3 {
margin-left: 1rem !important;
}
.m-lg-4 {
margin: 1.5rem !important;
}
.mt-lg-4,
.my-lg-4 {
margin-top: 1.5rem !important;
}
.mr-lg-4,
.mx-lg-4 {
margin-right: 1.5rem !important;
}
.mb-lg-4,
.my-lg-4 {
margin-bottom: 1.5rem !important;
}
.ml-lg-4,
.mx-lg-4 {
margin-left: 1.5rem !important;
}
.m-lg-5 {
margin: 3rem !important;
}
.mt-lg-5,
.my-lg-5 {
margin-top: 3rem !important;
}
.mr-lg-5,
.mx-lg-5 {
margin-right: 3rem !important;
}
.mb-lg-5,
.my-lg-5 {
margin-bottom: 3rem !important;
}
.ml-lg-5,
.mx-lg-5 {
margin-left: 3rem !important;
}
.p-lg-0 {
padding: 0 !important;
}
.pt-lg-0,
.py-lg-0 {
padding-top: 0 !important;
}
.pr-lg-0,
.px-lg-0 {
padding-right: 0 !important;
}
.pb-lg-0,
.py-lg-0 {
padding-bottom: 0 !important;
}
.pl-lg-0,
.px-lg-0 {
padding-left: 0 !important;
}
.p-lg-1 {
padding: 0.25rem !important;
}
.pt-lg-1,
.py-lg-1 {
padding-top: 0.25rem !important;
}
.pr-lg-1,
.px-lg-1 {
padding-right: 0.25rem !important;
}
.pb-lg-1,
.py-lg-1 {
padding-bottom: 0.25rem !important;
}
.pl-lg-1,
.px-lg-1 {
padding-left: 0.25rem !important;
}
.p-lg-2 {
padding: 0.5rem !important;
}
.pt-lg-2,
.py-lg-2 {
padding-top: 0.5rem !important;
}
.pr-lg-2,
.px-lg-2 {
padding-right: 0.5rem !important;
}
.pb-lg-2,
.py-lg-2 {
padding-bottom: 0.5rem !important;
}
.pl-lg-2,
.px-lg-2 {
padding-left: 0.5rem !important;
}
.p-lg-3 {
padding: 1rem !important;
}
.pt-lg-3,
.py-lg-3 {
padding-top: 1rem !important;
}
.pr-lg-3,
.px-lg-3 {
padding-right: 1rem !important;
}
.pb-lg-3,
.py-lg-3 {
padding-bottom: 1rem !important;
}
.pl-lg-3,
.px-lg-3 {
padding-left: 1rem !important;
}
.p-lg-4 {
padding: 1.5rem !important;
}
.pt-lg-4,
.py-lg-4 {
padding-top: 1.5rem !important;
}
.pr-lg-4,
.px-lg-4 {
padding-right: 1.5rem !important;
}
.pb-lg-4,
.py-lg-4 {
padding-bottom: 1.5rem !important;
}
.pl-lg-4,
.px-lg-4 {
padding-left: 1.5rem !important;
}
.p-lg-5 {
padding: 3rem !important;
}
.pt-lg-5,
.py-lg-5 {
padding-top: 3rem !important;
}
.pr-lg-5,
.px-lg-5 {
padding-right: 3rem !important;
}
.pb-lg-5,
.py-lg-5 {
padding-bottom: 3rem !important;
}
.pl-lg-5,
.px-lg-5 {
padding-left: 3rem !important;
}
.text-lg-left {
text-align: left !important;
}
.text-lg-right {
text-align: right !important;
}
.text-lg-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1140px;
}
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-xl-1 {
-ms-flex: 0 0 8.333333%;
-webkit-box-flex: 0;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-xl-2 {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xl-3 {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-ms-flex: 0 0 33.333333%;
-webkit-box-flex: 0;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-xl-5 {
-ms-flex: 0 0 41.666667%;
-webkit-box-flex: 0;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-xl-6 {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
-ms-flex: 0 0 58.333333%;
-webkit-box-flex: 0;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-xl-8 {
-ms-flex: 0 0 66.666667%;
-webkit-box-flex: 0;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-xl-9 {
-ms-flex: 0 0 75%;
-webkit-box-flex: 0;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-ms-flex: 0 0 83.333333%;
-webkit-box-flex: 0;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-xl-11 {
-ms-flex: 0 0 91.666667%;
-webkit-box-flex: 0;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-xl-12 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.order-xl-last {
-ms-flex-order: 13;
-webkit-box-ordinal-group: 14;
order: 13;
}
.order-xl-0 {
-ms-flex-order: 0;
-webkit-box-ordinal-group: 1;
order: 0;
}
.order-xl-1 {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
.order-xl-2 {
-ms-flex-order: 2;
-webkit-box-ordinal-group: 3;
order: 2;
}
.order-xl-3 {
-ms-flex-order: 3;
-webkit-box-ordinal-group: 4;
order: 3;
}
.order-xl-4 {
-ms-flex-order: 4;
-webkit-box-ordinal-group: 5;
order: 4;
}
.order-xl-5 {
-ms-flex-order: 5;
-webkit-box-ordinal-group: 6;
order: 5;
}
.order-xl-6 {
-ms-flex-order: 6;
-webkit-box-ordinal-group: 7;
order: 6;
}
.order-xl-7 {
-ms-flex-order: 7;
-webkit-box-ordinal-group: 8;
order: 7;
}
.order-xl-8 {
-ms-flex-order: 8;
-webkit-box-ordinal-group: 9;
order: 8;
}
.order-xl-9 {
-ms-flex-order: 9;
-webkit-box-ordinal-group: 10;
order: 9;
}
.order-xl-10 {
-ms-flex-order: 10;
-webkit-box-ordinal-group: 11;
order: 10;
}
.order-xl-11 {
-ms-flex-order: 11;
-webkit-box-ordinal-group: 12;
order: 11;
}
.order-xl-12 {
-ms-flex-order: 12;
-webkit-box-ordinal-group: 13;
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.333333%;
}
.offset-xl-2 {
margin-left: 16.666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.333333%;
}
.offset-xl-5 {
margin-left: 41.666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.333333%;
}
.offset-xl-8 {
margin-left: 66.666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.333333%;
}
.offset-xl-11 {
margin-left: 91.666667%;
}
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.justify-content-xl-start {
-ms-flex-pack: start!important;
-webkit-box-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xl-end {
-ms-flex-pack: end!important;
-webkit-box-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xl-center {
-ms-flex-pack: center!important;
-webkit-box-pack: center !important;
justify-content: center !important;
}
.justify-content-xl-between {
-ms-flex-pack: justify!important;
-webkit-box-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-xl-around {
-ms-flex-pack: distribute!important;
justify-content: space-around !important;
}
.align-items-xl-start {
-ms-flex-align: start!important;
-webkit-box-align: start !important;
align-items: flex-start !important;
}
.align-items-xl-end {
-ms-flex-align: end!important;
-webkit-box-align: end !important;
align-items: flex-end !important;
}
.align-items-xl-center {
-ms-flex-align: center!important;
-webkit-box-align: center !important;
align-items: center !important;
}
.align-items-xl-baseline {
-ms-flex-align: baseline!important;
-webkit-box-align: baseline !important;
align-items: baseline !important;
}
.align-items-xl-stretch {
-ms-flex-align: stretch!important;
-webkit-box-align: stretch !important;
align-items: stretch !important;
}
.align-content-xl-start {
-ms-flex-line-pack: start!important;
align-content: flex-start !important;
}
.align-content-xl-end {
-ms-flex-line-pack: end!important;
align-content: flex-end !important;
}
.align-content-xl-center {
-ms-flex-line-pack: center!important;
align-content: center !important;
}
.align-content-xl-between {
-ms-flex-line-pack: justify!important;
align-content: space-between !important;
}
.align-content-xl-around {
-ms-flex-line-pack: distribute!important;
align-content: space-around !important;
}
.align-content-xl-stretch {
-ms-flex-line-pack: stretch!important;
align-content: stretch !important;
}
.align-self-xl-auto {
-ms-flex-item-align: auto!important;
align-self: auto !important;
}
.align-self-xl-start {
-ms-flex-item-align: start!important;
align-self: flex-start !important;
}
.align-self-xl-end {
-ms-flex-item-align: end!important;
align-self: flex-end !important;
}
.align-self-xl-center {
-ms-flex-item-align: center!important;
align-self: center !important;
}
.align-self-xl-baseline {
-ms-flex-item-align: baseline!important;
align-self: baseline !important;
}
.align-self-xl-stretch {
-ms-flex-item-align: stretch!important;
align-self: stretch !important;
}
.m-xl-0 {
margin: 0 !important;
}
.mt-xl-0,
.my-xl-0 {
margin-top: 0 !important;
}
.mr-xl-0,
.mx-xl-0 {
margin-right: 0 !important;
}
.mb-xl-0,
.my-xl-0 {
margin-bottom: 0 !important;
}
.ml-xl-0,
.mx-xl-0 {
margin-left: 0 !important;
}
.m-xl-1 {
margin: 0.25rem !important;
}
.mt-xl-1,
.my-xl-1 {
margin-top: 0.25rem !important;
}
.mr-xl-1,
.mx-xl-1 {
margin-right: 0.25rem !important;
}
.mb-xl-1,
.my-xl-1 {
margin-bottom: 0.25rem !important;
}
.ml-xl-1,
.mx-xl-1 {
margin-left: 0.25rem !important;
}
.m-xl-2 {
margin: 0.5rem !important;
}
.mt-xl-2,
.my-xl-2 {
margin-top: 0.5rem !important;
}
.mr-xl-2,
.mx-xl-2 {
margin-right: 0.5rem !important;
}
.mb-xl-2,
.my-xl-2 {
margin-bottom: 0.5rem !important;
}
.ml-xl-2,
.mx-xl-2 {
margin-left: 0.5rem !important;
}
.m-xl-3 {
margin: 1rem !important;
}
.mt-xl-3,
.my-xl-3 {
margin-top: 1rem !important;
}
.mr-xl-3,
.mx-xl-3 {
margin-right: 1rem !important;
}
.mb-xl-3,
.my-xl-3 {
margin-bottom: 1rem !important;
}
.ml-xl-3,
.mx-xl-3 {
margin-left: 1rem !important;
}
.m-xl-4 {
margin: 1.5rem !important;
}
.mt-xl-4,
.my-xl-4 {
margin-top: 1.5rem !important;
}
.mr-xl-4,
.mx-xl-4 {
margin-right: 1.5rem !important;
}
.mb-xl-4,
.my-xl-4 {
margin-bottom: 1.5rem !important;
}
.ml-xl-4,
.mx-xl-4 {
margin-left: 1.5rem !important;
}
.m-xl-5 {
margin: 3rem !important;
}
.mt-xl-5,
.my-xl-5 {
margin-top: 3rem !important;
}
.mr-xl-5,
.mx-xl-5 {
margin-right: 3rem !important;
}
.mb-xl-5,
.my-xl-5 {
margin-bottom: 3rem !important;
}
.ml-xl-5,
.mx-xl-5 {
margin-left: 3rem !important;
}
.p-xl-0 {
padding: 0 !important;
}
.pt-xl-0,
.py-xl-0 {
padding-top: 0 !important;
}
.pr-xl-0,
.px-xl-0 {
padding-right: 0 !important;
}
.pb-xl-0,
.py-xl-0 {
padding-bottom: 0 !important;
}
.pl-xl-0,
.px-xl-0 {
padding-left: 0 !important;
}
.p-xl-1 {
padding: 0.25rem !important;
}
.pt-xl-1,
.py-xl-1 {
padding-top: 0.25rem !important;
}
.pr-xl-1,
.px-xl-1 {
padding-right: 0.25rem !important;
}
.pb-xl-1,
.py-xl-1 {
padding-bottom: 0.25rem !important;
}
.pl-xl-1,
.px-xl-1 {
padding-left: 0.25rem !important;
}
.p-xl-2 {
padding: 0.5rem !important;
}
.pt-xl-2,
.py-xl-2 {
padding-top: 0.5rem !important;
}
.pr-xl-2,
.px-xl-2 {
padding-right: 0.5rem !important;
}
.pb-xl-2,
.py-xl-2 {
padding-bottom: 0.5rem !important;
}
.pl-xl-2,
.px-xl-2 {
padding-left: 0.5rem !important;
}
.p-xl-3 {
padding: 1rem !important;
}
.pt-xl-3,
.py-xl-3 {
padding-top: 1rem !important;
}
.pr-xl-3,
.px-xl-3 {
padding-right: 1rem !important;
}
.pb-xl-3,
.py-xl-3 {
padding-bottom: 1rem !important;
}
.pl-xl-3,
.px-xl-3 {
padding-left: 1rem !important;
}
.p-xl-4 {
padding: 1.5rem !important;
}
.pt-xl-4,
.py-xl-4 {
padding-top: 1.5rem !important;
}
.pr-xl-4,
.px-xl-4 {
padding-right: 1.5rem !important;
}
.pb-xl-4,
.py-xl-4 {
padding-bottom: 1.5rem !important;
}
.pl-xl-4,
.px-xl-4 {
padding-left: 1.5rem !important;
}
.p-xl-5 {
padding: 3rem !important;
}
.pt-xl-5,
.py-xl-5 {
padding-top: 3rem !important;
}
.pr-xl-5,
.px-xl-5 {
padding-right: 3rem !important;
}
.pb-xl-5,
.py-xl-5 {
padding-bottom: 3rem !important;
}
.pl-xl-5,
.px-xl-5 {
padding-left: 3rem !important;
}
.text-xl-left {
text-align: left !important;
}
.text-xl-right {
text-align: right !important;
}
.text-xl-center {
text-align: center !important;
}
}
.visible {
visibility: visible !important;
}
.invisible {
visibility: hidden !important;
}   @font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/fonts/source-sans-pro-v14-latin-300.woff2) format('woff2'), url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/fonts/source-sans-pro-v14-latin-300.woff) format('woff'); } @font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/fonts/source-sans-pro-v14-latin-regular.woff2) format('woff2'), url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/fonts/source-sans-pro-v14-latin-regular.woff) format('woff'); } @font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 600;
font-display: swap;
src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/fonts/source-sans-pro-v14-latin-600.woff2) format('woff2'), url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/fonts/source-sans-pro-v14-latin-600.woff) format('woff'); }
html {
overflow-x: hidden;
overflow-y: auto;
font-size: 62.5%!important;
height: 100%;
}
body {
font-size: 1.6em; font-family: 'Source Sans Pro', sans-serif;
line-height: 1.5;
font-weight: 400;
color: #303030;
width: 100%;
height: auto;
min-height: 100vh;
margin: 0;
-webkit-overflow-scrolling: touch;
}
main {
overflow: hidden;
}
body.s-lightbox-hidden-scroll {
height: auto;
min-height: 100vh;
}
.debug {
display: none;
}
.msg404 {
font-size: 15rem;
opacity: .3;
color: #002a43;
font-weight: 600;
}  .col-one5th {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
@media (min-width: 768px) {
.col-one5th {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
}
@media (min-width: 992px) {
.col-one5th {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
}
@media (min-width: 1200px) {
.col-one5th {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
}
@media (min-width: 1400px) {
.d-1400-block {
display: block!important;
}
.d-1400-inline-block {
display: inline-block !important;
}
.col-xl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
}
@media (min-width: 1600px) {
.d-1600-block {
display: block!important;
}
.d-1600-inline-block {
display: inline-block !important;
}
.col-xxxl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
} p {
margin-top: 0;
font-size: 1.6rem;
}
a {
color: #ff5c00;
-webkit-transition: 0.3s color ease;
transition: 0.3s color ease;
text-decoration: none;
outline: 0;
}
a:hover,
a:active,
a:focus {
color: #c64700;
text-decoration: none;
}
.lightFontLinks a {
color: #777777;
}
.lightFontLinks a:hover,
.lightFontLinks a:active,
.lightFontLinks a:focus {
color: #c64700;
}
.underline {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(70%, rgba(255, 255, 255, 0)), color-stop(0, #c38f00), to(#c38f00));
background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 70%, #c38f00 0, #c38f00);
}
.positiveGreen {
color: #00aa71;
}
.errorRed {
color: red;
}
.bigger {
font-size: 125%;
}
.brandcolor,
.brandColor {
color: #002a43;
}
.brandcolorakzent,
.brandColorAkzent {
color: #c38f00;
}
.colorwhite {
color: #fff;
}
.smaller {
font-size: 85%;
}
.bigger {
font-size: 125%;
}
.smallinfo {
display: none;
}
.bold {
font-weight: bold;
}
.fontweightlight {
font-weight: 300!important;
}
.fontweightlight b {
font-weight: 400!important;
}
.fontweightlight strong {
font-weight: 600!important;
}
.fontweightnormal {
font-weight: 400!important;
}
.initiallyHidden {
display: none;
}
.textalignright {
text-align: right;
}
.textaligncenter {
text-align: center;
}
.noPaddingFormRow .col:first-child {
padding-right: 0;
}
.noPaddingFormRow .col:last-child {
padding-left: 0;
}
.textBgBranded {
display: inline-block;
padding: 3px 6px;
background: #002a43;
color: #fff;
border-radius: 6px;
}
.textBgBrandedContrast {
border-radius: 6px;
color: #fff;
display: inline-block;
padding: 3px 10px;
background: #c38f00;
}
.baseFontColor p,
.baseFontColor h1,
.baseFontColor h2,
.baseFontColor h3,
.baseFontColor ul li,
.baseFontColor h4,
.baseFontColor h5,
.baseFontColor h6 {
color: #303030 !important;
}
h1,
.headline1,
h2,
.headline2,
h3,
.headline3,
h4,
.headline4,
h5,
.headline5,
h6 .headline6 {
margin-top: 0;
display: block;
line-height: 1.25;
margin-bottom: 1.25rem;
}
h1,
.headline1 {
font-size: 3rem;
font-weight: 300;
color: #002a43;
margin-bottom: 2rem;
}
h2,
.headline2 {
font-size: 2.4rem;
font-weight: 400;
color: #002a43;
margin-bottom: 3rem;
}
h3,
.headline3 {
font-size: 2.0rem;
font-weight: 400;
color: #002a43;
}
h4,
.headline4 {
font-size: 1.8rem;
font-weight: 600;
}
h5,
.headline5 {
font-size: 1.6rem;
font-weight: 600;
}
h6,
.headline6 {
font-size: 1.5rem;
font-weight: 600;
}
p + h1,
ul + h1,
ol + h1,
table + h1,
p + h2,
ul + h2,
ol + h2,
table + h2,
p + .headline1,
ul + .headline1,
ol + .headline1,
table + .headline1,
p + .headline2,
ul + .headline2,
ol + .headline2,
table + .headline2 {
margin-top: 4rem;
}
p + h3,
ul + h3,
ol + h3,
table + h3,
p + h4,
ul + h4,
ol + h4,
table + h4,
p + h5,
ul + h5,
ol + h5,
table + h5,
p + h6,
ul + h6,
ol + h6,
table + h6,
p + .headline3,
ul + .headline3,
ol + .headline3,
table + .headline3,
p + .headline4,
ul + .headline4,
ol + .headline4,
table + .headline4,
p + .headline5,
ul + .headline5,
ol + .headline5,
table + .headline5,
p + .headline6,
ul + .headline6,
ol + .headline6,
table + .headline6 {
margin-top: 2.4rem;
}
@media (min-width: 768px) {
h1,
.headline1 {
font-size: 4.2rem;
}
h2,
.headline2 {
font-size: 3.6rem;
}
h3,
.headline3 {
font-size: 2.8rem;
}
h4,
.headline4 {
font-size: 2.2rem;
}
h5,
.headline5 {
font-size: 1.8rem;
}
h6,
.headline6 {
font-size: 1.6rem;
}
p + h1,
ul + h1,
ol + h1,
table + h1,
p + h2,
ul + h2,
ol + h2,
table + h2,
p + .headline1,
ul + .headline1,
ol + .headline1,
table + .headline1,
p + .headline2,
ul + .headline2,
ol + .headline2,
table + .headline2 {
margin-top: 6rem;
}
p + h3,
ul + h3,
ol + h3,
table + h3,
p + h4,
ul + h4,
ol + h4,
table + h4,
p + .headline3,
ul + .headline3,
ol + .headline3,
table + .headline3,
p + .headline4,
ul + .headline4,
ol + .headline4,
table + .headline4 {
margin-top: 4rem;
}
p + h5,
ul + h5,
ol + h5,
table + h5,
p + h6,
ul + h6,
ol + h6,
table + h6,
p + .headline5,
ul + .headline5,
ol + .headline5,
table + .headline5,
p + .headline6,
ul + .headline6,
ol + .headline6,
table + .headline6 {
margin-top: 3.2rem;
}
} .woocommerce-checkout .col-1,
.woocommerce-checkout .col-2 {
display: block;
max-width: none;
padding: 0;
}
img {
max-width: 100%;
height: auto;
}
.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.imageDimension {
width: 100%;
position: relative;
}
.imageDimension img {
display: block !important;
}
.heroSection .imageDimension {
background: transparent!important;
}
.heroSection .imageDimension img.loading {
visibility: hidden;
}
.teamsektion .imageDimension {
background: none;
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
} .screen-reader-text {
position: absolute !important;
white-space: nowrap;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } ul {
list-style: disc;
}
ol {
list-style: decimal;
}
ol,
ul {
list-style-position: inside;
padding-left: 15px;
padding-right: 10%;
margin-top: 0;
}
ul.noStyling {
padding: 0;
}
ul.noStyling li {
list-style-type: none;
}
ul ul,
ul ol,
ol ol,
ol ul {
margin: 1.5rem 0 1.5rem 3rem;
font-size: 90%;
}
li {
margin-bottom: 1rem;
}
.menu ul,
ul.menu,
ul.menu li {
margin: 0;
list-style-type: none;
padding: 0;
}
.inline ul.menu > li {
display: inline-block;
}
ul.inline {
padding: 0;
margin-bottom: 0;
}
ul.inline li {
display: inline-block;
margin: 0;
}
ul.menu li a {
margin: 0;
display: inline-block;
color: #ff5c00;
}
ul.menu li a:hover {
color: #c64700;
} th,
td {
padding: 12px 15px;
text-align: left;
border-bottom: 1px solid #E1E1E1;
}
th:first-child,
td:first-child {
padding-left: 0;
}
th:last-child,
td:last-child {
padding-right: 0;
} .clearfix::before,
.clearfix::after {
content: " ";
display: table;
}
.clearfix::after {
clear: both;
}
.clearfix {
*zoom: 1; }
.limittooneline {
white-space: nowrap;
overflow: hidden;
display: block;
text-overflow: ellipsis;
}
.limittooneline br {
display: none;
}
.brandColor {
color: #002a43;
}
.lightFontColor {
color: #777777;
}
.brandColorAkzent {
color: #c38f00;
}
.brandColorAkzentLabel {
background-color: #c38f00;
color: #fff;
display: inline-block;
padding: 0px 6px;
}
.zustellung {
background-color: #f8f5eb;
color: #303030;
display: inline-block;
padding: 0px 6px;
font-size: 1.4rem;
}
.shippingButton.active .zustellung {
background-color: #c38f00;
color: #fff;
display: inline-block;
padding: 0px 6px;
}
.bgLight {
background: #f8f5eb;
}
.bgWhite {
background: #fff;
}
.bgLight + .bgLight {
border-top: 1px solid #ccc;
}
.bgLight + .bgLight.noBorderTop {
border: none;
}
.noBorder,
.noBorder img {
border: none!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
}
.bgBlue,
.blueBg {
background: #002a43;
color: #fff;
}
.bgBlue h1,
.blueBg h1,
.bgBlue h2,
.blueBg h2,
.bgBlue h3,
.blueBg h3,
.bgBlue h4,
.blueBg h4,
.bgBlue h5,
.blueBg h5,
.bgBlue h6,
.blueBg h6,
.bgBlue .singleInfopunkt h4,
.blueBg .singleInfopunkt h4 {
color: #fff;
}
.whiteBg {
background: #fff;
}
.lightBg {
background: #f8f5eb;
color: #303030;
}
.lightBg h1,
.lightBg h2,
.lightBg h3,
.lightBg h4,
.lightBg h5,
.lightBg h6,
.lightBg p,
.lightBg ul,
.lightBg ol {
color: #002a43;
}
.bglightGradientToBottom {
background: -webkit-gradient(linear, left bottom, left top, color-stop(1%, #f8f5eb), to(rgba(248, 245, 235, 0)));
background: linear-gradient(0deg, #f8f5eb 1%, rgba(248, 245, 235, 0) 100%);
}
.bglightGradientToTop {
background: -webkit-gradient(linear, left bottom, left top, color-stop(1%, rgba(248, 245, 235, 0)), to(#f8f5eb));
background: linear-gradient(0deg, rgba(248, 245, 235, 0) 1%, #f8f5eb 100%);
}
.bgBrandColor {
background-color: #002a43;
color: #fff;
}
.bgBrandColor h1,
.bgBrandColor h2,
.bgBrandColor h3,
.bgBrandColor h4,
.bgBrandColor h5,
.bgBrandColor h6,
.bgBrandColor .headline1,
.bgBrandColor .headline2,
.bgBrandColor .headline3,
.bgBrandColor .headline4,
.bgBrandColor .headline5 {
color: #fff;
}
.bgBrandColorAkzent {
background-color: #c38f00;
color: #000;
}
.bgBrandColorAkzent h1,
.bgBrandColorAkzent h2,
.bgBrandColorAkzent h3,
.bgBrandColorAkzent h4,
.bgBrandColorAkzent h5,
.bgBrandColorAkzent h6,
.bgBrandColorAkzent .headline1,
.bgBrandColorAkzent .headline2,
.bgBrandColorAkzent .headline3,
.bgBrandColorAkzent .headline4,
.bgBrandColorAkzent .headline5 {
color: #000;
}
.goldgradient {
background: radial-gradient(ellipse farthest-corner at right bottom, #fedb37 0%, #fdb931 8%, #9f7928 30%, #8a6e2f 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #ffffff 0%, #ffffac 8%, #d1b464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
}
.herosectionimage .bekanntaus {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.bekanntaus {
padding-bottom: 8px;
}
.bekanntausLabel {
padding-top: 0;
line-height: 1;
font-size: 13px;
padding-bottom: 6px;
line-height: auto;
text-align: left;
opacity: 0.7;
}
.singleLogoImage,
.singleBekanntaus {
opacity: 0.7;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
height: 44px;
-webkit-transition: .3s all ease;
transition: .3s all ease;
}
.singleLogoImage:hover {
opacity: 1;
}
.logoSliderSlideshowCol {
display: none;
}
.logoSliderSlideshowCol:nth-child(1),
.logoSliderSlideshowCol:nth-child(2),
.logoSliderSlideshowCol:nth-child(3),
.logoSliderSlideshowCol.slick-slide,
.logoSliderSlideshowCol.slick-slide {
display: block;
}
.cityOverviewLink {
color: #002a43;
display: block;
background: #fafafa;
padding: 6px 3px;
margin-bottom: 4px;
text-align: center;
-webkit-transition: .3s all ease;
transition: .3s all ease;
font-size: 1.8rem;
line-height: 1.2;
}
.cityOverviewLink span {
line-height: .9;
opacity: 0.6;
font-size: 12px;
}
.cityOverviewLink:hover {
background: #ddd;
}
.sofunktionierts h3 {
font-weight: 600;
font-size: 2.4rem;
color: #002a43;
}
.whiteBg {
background: #c38f00;
}
.home section.sofunktionierts {
background: #eee;
color: #303030;
}
.sofunktionierts .iconsInCol i {
color: #c38f00;
}
.bgLightBranded {
background: #f6f6f6;
}
.page-id-35 .bgLight,
.page-template-page-mitmachen .bgLight {
background: #c38f00;
}
.bgBranded,
.home section.bgBranded {
background: #002a43;
color: #fff;
}
.mitmachSection {
padding: 48px;
}
.bgBrandedContrast {
background: #c38f00;
color: #fff;
}
.bgBrandedContrast a,
.page-id-35 .bgLight a,
.bgBranded a {
color: #fff;
border-bottom: 1px dotted #fff;
}
.bgBrandedContrast a:hover,
.page-id-35 .bgLight a:hover,
.bgBranded a:hover {
border-bottom: 1px solid #fff;
}
hr {
margin-top: 3rem;
margin-bottom: 3.5rem;
border-width: 0;
border-top: 1px solid #E1E1E1;
}
.opacFont {
opacity: 0.7;
}
.biggerFont p,
.biggerFont ul li {
font-size: 2rem;
}
.biggerFont input,
.biggerFont textarea {
font-size: 1.6rem;
}
.uppercase {
text-transform: uppercase;
}
.nouppercase {
text-transform: none!important;
}
.textBox {
-webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.2);
box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.2);
display: inline-block;
padding: 8px 20px;
color: #303030;
background: #fff;
margin-bottom: 12px;
}
.whiteBox {
-webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1);
display: inline-block;
padding: 20px 20px;
color: #303030;
background: #fff;
margin-bottom: 12px;
}
.blueBox {
color: #fff;
background: #002a43;
}
section.noPadding,
.noPadding {
padding: 0!important;
}
.paddingBottom0,
.noPaddingBottom {
padding-bottom: 0!important;
}
.paddingTop0,
.noPaddingTop {
padding-top: 0!important;
}
.colNoPadding {
padding-left: 0;
padding-right: 0;
}
.displayTable {
width: 100%;
height: 100%;
display: table;
}
.displayTableCell {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.height100 {
height: 100%;
}
.nowrap {
white-space: nowrap;
}
.contentSection video,
video {
width: 100%;
height: auto;
}
.videoContainer {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.videoContainer iframe,
.videoContainer object,
.videoContainer embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.entry-content img,
.entry-content iframe,
.entry-content object,
.entry-content embed {
max-width: 100%;
}
.wp-video {
margin-bottom: 16px;
}
.addtoany_shortcode {
text-align: center;
padding: 25px 0 6px 0;
}
.a2a_button_email span {
background: #666!important;
}
.inlinelabel {
text-transform: uppercase;
font-weight: 600;
margin-left: 10px;
display: inline-block;
color: #fff;
padding: 3px 8px 2px 8px;
position: relative;
background: #f8f5eb;
font-size: 1.4rem;
letter-spacing: 0.5px;
margin-bottom: 8px;
}
.inlinelabel:before {
position: absolute;
left: -8px;
width: 10px;
top: 0;
height: 100%;
content: " ";
-webkit-transform: skew(-7deg);
transform: skew(-7deg);
background: #f8f5eb;
}
.inlinelabel:after {
position: absolute;
right: -8px;
width: 10px;
top: 0;
height: 100%;
content: " ";
-webkit-transform: skew(-7deg);
transform: skew(-7deg);
background: #f8f5eb;
}
.floating.inlinelabel {
position: absolute;
z-index: 11;
top: -13px;
left: 50%;
margin-left: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.infoBox {
padding: 25px;
background: #d6fdf2;
position: relative;
}
.infoBox.warning,
.infoBoxSmaller.warning {
background: #ee7c5d;
}
.infoBoxSmaller {
padding: 10px;
background: #d6fdf2;
position: relative;
font-size: 14px;
}
.shadowBox {
border-radius: 0.8rem;
-webkit-box-shadow: 0 2rem 5rem rgba(56, 62, 102, 0.25);
box-shadow: 0 2rem 5rem rgba(56, 62, 102, 0.25);
margin: 0 0 3.2rem;
padding: 4rem 4rem;
text-align: left;
}
.shadowBox input[type="email"],
.shadowBox input[type="number"],
.shadowBox input[type="search"],
.shadowBox input[type="text"],
.shadowBox input[type="tel"],
.shadowBox input[type="url"],
.shadowBox input[type="password"],
.shadowBox textarea {
border: none;
background: #f6f6f6;
border-radius: 2px;
}
.shadowBox .letItFloat .floatingLabel {
top: 0;
left: 12px;
}
.shadowBox .floatWrap {
margin-bottom: 12px;
}
@media (min-width: 768px) {
.nowrap-md {
white-space: nowrap;
}
.biggerFontDesktop p,
.biggerFontDesktop ul li {
font-size: 2rem;
}
}
@media (min-width: 992px) {
.infoBox .greenlabel {
white-space: nowrap;
}
.nowrap-lg {
white-space: nowrap;
}
}
@media (min-width: 1200px) {
.nowrap-xl {
white-space: nowrap;
}
}
.greenlabel,
.greenlabel:before,
.greenlabel:after {
background: #c38f00;
color: #fff;
}
.bluelabel,
.bluelabel:before,
.bluelabel:after {
color: #fff;
background: #002a43;
} .admin-bar header {
top: 32px;
}
.admin-bar header {
top: 32px;
}
header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 99999;
color: #303030;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.65)), color-stop(47%, rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0)));
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.4) 47%, rgba(0, 0, 0, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
background: #f8f5eb;
-webkit-transition: .3s all ease;
transition: .3s all ease;
}
body.showMenu:after {
position: fixed;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
content: " ";
z-index: 997;
background: rgba(0, 0, 0, 0.8);
}
.transparentHeader header {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.65)), color-stop(47%, rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0)));
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.4) 47%, rgba(0, 0, 0, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
}
.transparentHeader header .brand svg {
fill: #fff;
}
.scrolled header,
.showMenu header {
background: #f8f5eb;
-webkit-box-shadow: 0px 0px 13px 0px rgba(102, 102, 102, 0.13);
box-shadow: 0px 0px 13px 0px rgba(102, 102, 102, 0.13);
}
.scrolled header .brand svg,
.showMenu header .brand svg {
fill: #002a43;
}
.woocommerce-checkout header {
position: absolute;
-webkit-box-shadow: none;
box-shadow: none;
}
.woocommerce-checkout header .brand svg {
fill: #fff;
}
.checkoutProgress {
line-height: 1.1;
font-size: 1.3rem;
}
.checkoutProgress hr {
height: 4px;
background: -webkit-gradient(linear, left top, right top, from(#00aa71), color-stop(51%, #00aa71), color-stop(51%, #bbbbbb), to(#bbbbbb));
background: linear-gradient(90deg, #00aa71 0%, #00aa71 51%, #bbbbbb 51%, #bbbbbb 100%);
}
header > .container > .row,
header > .container-fluid > .row {
position: relative;
height: 90px;
-webkit-transition: 0.4s height ease;
transition: 0.4s height ease;
}
header .brand {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 15px;
-webkit-transition: 0.4s height ease;
transition: 0.4s height ease;
}
header .brand a {
display: block;
height: 58px;
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
}
header .brand img,
header .brand svg {
height: 100%;
width: auto;
}
.scrolled header > .container > .row,
.scrolled header > .container-fluid > .row {
height: 70px;
}
.scrolled header .brand a {
height: 48px;
}
.openNav {
position: absolute;
right: 0;
line-height: 100%;
top: 45%;
-webkit-transform: translateY(-50%) scale(0.85);
transform: translateY(-50%) scale(0.85);
display: table;
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
padding: 0 15px;
line-height: 42px;
font-size: 2rem;
text-transform: uppercase;
z-index: 999;
}
.openNav > button {
display: inline-block;
vertical-align: middle;
}
.openNav .openNavText {
display: none;
color: #333333;
letter-spacing: 1px;
padding: 0;
font-size: 1.5rem;
line-height: 1;
display: block;
margin-top: -5px;
background: none!important;
}
.openNav:hover {
cursor: pointer;
}
.transparentHeader .openNavText {
color: #fff;
}
.scrolled .openNavText,
.showMenu.transparentHeader header .openNavText {
color: #333333;
} .woocommerce-checkout .openNav {
display: none;
}
ul.shoppingCartMenu {
display: inline-block;
margin-left: 15px;
}
ul.shoppingCartMenu li a {
position: relative;
-webkit-transition: .3s all ease;
transition: .3s all ease;
}
ul.shoppingCartMenu li a .badge {
background: #c38f00;
}
ul.shoppingCartMenu li a i {
-webkit-transform: scale(2);
transform: scale(2);
}
ul.shoppingCartMenu li a .badge {
position: absolute;
right: -22px;
top: -4px;
border-radius: 50%;
background: #002a43;
color: #fff;
width: 24px;
height: 24px;
text-align: center;
font-size: 1.5rem;
line-height: 24px;
}
ul.shoppingCartMenu li a:hover {
-webkit-transform: scale(1.05);
transform: scale(1.05);
color: #303030;
}
ul.shoppingCartMenu li a:hover .badge {
background: #c38f00;
}
.mainNav {
position: absolute;
right: 100px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-transform: uppercase;
}
.mainNav .menu-hauptmenue-container {
display: none;
}
.mainNav ul.menu > li {
margin-bottom: 0;
padding: 8px 0;
}
.mainNav ul.menu > li a {
-webkit-transition: .3s all ease;
transition: .3s all ease;
font-size: 1.6rem;
padding: 9px 15px;
color: #303030;
text-transform: none;
}
.mainNav ul.menu > li a:hover {
color: #c38f00;
}
.mainNav ul.menu > li i {
-webkit-transform: scale(1.4);
transform: scale(1.4);
}
.mainNav li.menu-item-has-children {
position: relative;
}
.mainNav li.buttonStyle {
position: relative;
}
.mainNav li.buttonStyle > a {
border: 1px solid #303030;
border-radius: 5px;
margin-left: 15px;
}
.mainNav li.buttonStyle > a:hover {
border-color: #c38f00;
background-color: #c38f00;
color: #fff;
}
.mainNav ul.shoppingCartMenu li a {
position: relative;
-webkit-transition: .3s all ease;
transition: .3s all ease;
}
.mainNav ul.shoppingCartMenu li a .badge {
background: #c38f00;
}
.mainNav ul.shoppingCartMenu li a i {
-webkit-transform: scale(2);
transform: scale(2);
}
.mainNav ul.shoppingCartMenu li a:hover {
-webkit-transform: scale(1.05);
transform: scale(1.05);
color: #303030;
}
.mainNav ul.shoppingCartMenu li a:hover .badge {
background: #c38f00;
}
.transparentHeader:not(.scrolled) .mainNav ul.menu > li a {
color: #fff;
}
.transparentHeader:not(.scrolled) .mainNav ul.menu > li a:hover {
color: #eee;
}
.transparentHeader:not(.scrolled) .mainNav ul.menu li.buttonStyle > a {
border-color: #fff;
}
.transparentHeader:not(.scrolled) .mainNav ul.menu ul.submenuInner a {
color: #303030;
} .mainNav li.menu-item-has-children > a:before {
content: "\f0da ";
font-family: "FontAwesome";
display: inline-block;
margin-right: 5px;
margin-left: 2px;
width: 12px;
}
.mainNav li.menu-item-has-children:hover > a:before {
content: "\f0d7 ";
margin-left: 0;
width: 14px;
}
.mainNav ul.sub-menu {
position: absolute;
-webkit-transition: .3s all ease;
transition: .3s all ease;
opacity: 0;
pointer-events: none;
top: 30px;
left: 0;
background: #ffffff;
border-radius: 5px;
color: #303030;
z-index: 99;
padding: 12px 0;
}
.mainNav li.menu-item-has-children:hover ul.sub-menu,
.mainNav ul.sub-menu:hover {
opacity: 1;
top: 40px;
pointer-events: all;
-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
}
.mainNav ul.menu li ul.sub-menu li a,
.mainNav ul.menu li ul.sub-menu li:last-child a {
padding: 9px 18px;
-webkit-transition: .3s all ease;
transition: .3s all ease;
display: inline-block;
width: 100%;
color: #303030;
}
.mainNav ul.sub-menu li a:hover {
background: #002a43;
color: #fff!important;
}
.mainNav ul li a:hover {
color: #c38f00;
}
.mainNav ul li.buttonStyle > a:hover {
color: #fff;
}
.scrolled .mainNav ul li.buttonStyle > a {
color: #303030;
border-color: #303030;
}
.scrolled .mainNav ul li.buttonStyle > a:hover {
background: #e75700;
color: #fff;
border-color: #e75700;
}
.scrolled .mainNav ul li a,
.scrolled.transparentHeader header .mainNav ul li a {
color: #303030;
}
.scrolled .mainNav ul li a:hover,
.scrolled header.productCategory .mainNav ul li a:hover {
color: #c38f00;
}
.transparentHeader ul.shoppingCartMenu li a:hover {
color: #eee;
}
.scrolled ul.shoppingCartMenu li a:hover {
color: #303030;
}
.mainNav ul li:last-child a {
padding-right: 0;
}
.mainNav ul li.buttonStyle:last-child > a {
padding-right: 15px;
}
header .backButton {
position: absolute;
right: 0;
top: 0;
font-family: "Source Sans Pro";
letter-spacing: 0;
font-weight: 300;
height: 100%;
border-radius: 0;
line-height: 1.2;
border: none;
background: #002a43;
font-size: 1.4rem;
color: #fff;
}
header .backButton:hover {
background: #002134;
color: #fff;
}
header .backButton i {
font-size: 2.4rem;
}
.woocommerce-checkout header .backButton {
display: block;
} .showHeaderCitySearch header {
z-index: 100001;
} .menu-item-15062,
.triggerHeaderCitySearch {
position: relative;
}
.headerCitySearchWrap {
text-align: left;
z-index: 100002;
display: none;
position: absolute;
top: 154px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 320px;
height: 370px;
padding: 20px 15px;
background: #fff;
-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.28);
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.28);
}
.headerCitySearchWrap:after {
content: " ";
position: absolute;
top: -10px;
left: 149px;
width: 25px;
height: 25px;
display: block;
background: #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
z-index: 49;
}
.headerCitySearchWrap .loadingSpinner {
top: 40%;
width: 40px;
left: 50%;
position: absolute;
opacity: 0;
margin-left: -20px;
}
.headerCitySearchWrap.loading .loadingSpinner {
opacity: 1;
}
.headerCitySearchWrap.loading #headerCitySearch {
display: none;
}
input#headerCitySearch {
background-color: #f8f5eb;
border: none;
background-size: 24px;
background-position: left 8px center;
padding-left: 40px;
background-repeat: no-repeat;
background-image: url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/images/theme/icnCitySearch.png);
}
input#headerCitySearch:hover {
background-color: #f8f5eb;
}
.pageOverlay {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
top: 0;
left: 0;
position: fixed;
z-index: 11;
-webkit-transition: .3s all ease;
transition: .3s all ease;
pointer-events: none;
opacity: 0;
}
.showHeaderCitySearch .pageOverlay,
.pageOverlay.showMe {
opacity: 1;
pointer-events: all;
}
.showNav .pageOverlay,
.pageOverlay.darker {
opacity: 1;
pointer-events: all;
background: rgba(0, 0, 0, 0.8);
}
.showBookingBox .pageOverlay {
opacity: 1;
background: rgba(0, 0, 0, 0.8);
z-index: 11;
}
.menuOverlay {
position: fixed;
left: 0;
right: 0;
height: 0%;
width: 0%;
z-index: 990;
background: #000;
opacity: 0.1;
-webkit-transition: 1.13s opacity ease;
transition: 1.13s opacity ease;
}
#menu {
opacity: 0;
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
pointer-events: none;
position: fixed; top: 90px;
height: 100%;
overflow-Y: scroll;
width: 100%;
-webkit-transition: .3s all ease;
transition: .3s all ease;
right: 0;
background-color: #fff;
z-index: 1113;
text-align: center;
padding: 10px;
}
#menu .loadingSpinner {
top: 40%;
width: 40px;
left: 50%;
position: absolute;
opacity: 0;
margin-left: -20px;
}
#menu .menu-hauptmenue-container {
background: #fff;
}
#menu #headerCitySearchMobile {
border: none;
background: #eee;
margin-bottom: 12px;
}
#menu .XXmobileMenuGeschenkgutschein a {
background-color: transparent!important;
color: #303030 !important;
padding-bottom: 184px!important;
width: 100%;
}
#menu .XXmobileMenuGeschenkgutschein a:hover,
#menu .XXmobileMenuGeschenkgutschein a:active {
background-color: #ddd!important;
}
#menu .XXmobileMenuGeschenkgutschein a:after {
border-radius: 4px;
white-space: nowrap;
content: '\2192 \00a0 \00a0 \00a0 Zur Bestellung';
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
padding: 7px 28px;
background: #f98000;
display: block;
color: #fff;
width: auto;
text-transform: none;
bottom: 10px;
}
#menu .XXmobileMenuGeschenkgutschein i {
display: none;
}
.showMenu #menu {
display: block;
opacity: 1;
pointer-events: all;
-webkit-transform: none;
transform: none;
-webkit-box-shadow: -32px 0px 32px 0px rgba(0, 0, 0, 0.68);
box-shadow: -32px 0px 32px 0px rgba(0, 0, 0, 0.68);
}
.showMenu #menu .XXmobileMenuGeschenkgutschein a {
background-image: url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/images/menu/mobileMenuGeschenkgutschein.png) !important;
background-size: 200px!important;
background-repeat: no-repeat !important;
background-position: bottom 54px center!important;
}
.showMenu #menu:before {
position: absolute;
display: block;
width: 0;
height: 0;
right: 10px;
top: -12px;
z-index: 2000000;
content: " ";
border-style: solid;
border-width: 0 12px 12px 12px;
border-color: transparent transparent #fff transparent;
}
.showMenu ul.shoppingCartMenu li a {
color: #303030 !important;
}
.showMenu header {
background: #fff;
}
#menu.loading {
height: calc(100vh - 155px);
}
#menu.loading div {
display: none;
}
#menu.loading .loadingSpinner {
opacity: 1;
}
#menu ul.menu.mainmenumobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: left;
}
#menu ul.menu.mainmenumobile > li {
position: relative;
width: 100%;
border-bottom: 1px solid #eee;
margin-bottom: 1px;
}
#menu ul.menu.mainmenumobile > li > a {
padding: 15px 0;
text-transform: uppercase;
display: block;
color: #303030;
font-weight: 600;
font-size: 17px;
}
#menu ul.menu.mainmenumobile > li > a > i,
#menu ul.menu.mainmenumobile > li > a > small > i {
display: none;
}
#menu ul.menu.mainmenumobile > li ul.sub-menu {
display: none;
}
#menu ul.menu.mainmenumobile > li ul.sub-menu li {
position: relative;
}
#menu ul.menu.mainmenumobile > li ul.sub-menu li a {
color: #303030;
padding: 8px 0;
font-size: 15px;
text-transform: uppercase;
font-weight: 400;
display: block;
margin-bottom: 2px;
padding-left: 23px;
padding-right: 5px;
position: relative;
}
#menu ul.menu.mainmenumobile > li ul.sub-menu li a i {
display: none;
}
#menu ul.menu.mainmenumobile > li ul.sub-menu li a:before {
position: absolute;
left: 7px;
top: 14px;
width: 10px;
height: 10px;
border: 1px solid #777777;
border-radius: 50%;
content: " ";
}
#menu ul.menu.mainmenumobile > li ul.sub-menu li a:hover:before {
border: 2px solid #777777;
}
#menu ul.menu.mainmenumobile > li ul.sub-menu li a:active,
#menu ul.menu.mainmenumobile > li ul.sub-menu li a:focus,
#menu ul.menu.mainmenumobile > li ul.sub-menu li a:hover {
background: rgba(222, 222, 222, 0.21);
color: #002a43;
font-weight: bold;
}
#menu ul.menu.mainmenumobile > li ul.sub-menu li.divider,
#menu ul.menu.mainmenumobile > li ul.sub-menu li.twoInARow {
padding-left: 7px;
}
#menu ul.menu.mainmenumobile > li ul.sub-menu li.twoInARow {
display: inline-block;
width: 49%;
}
#menu ul.menu.mainmenumobile > li ul.sub-menu li.twoInARow a {
padding-left: 7px;
}
#menu ul.menu.mainmenumobile > li ul.sub-menu li.twoInARow a:before {
content: "";
display: none;
}
#menu ul.menu.mainmenumobile > li ul.sub-menu li.current-menu-item a:before {
border-radius: 2px solid #777777 !important;
}
#menu ul.menu.mainmenumobile > li ul.sub-menu li.current-menu-item a {
background: rgba(222, 222, 222, 0.21);
font-weight: bold;
}
#menu ul.menu.mainmenumobile > li .toggleSubMenu {
position: absolute;
right: 0;
top: 2px;
font-size: 27px;
line-height: 50px;
height: ;
font-weight: 300;
width: 47px;
height: 49px;
padding-top: 0;
padding-bottom: 0;
background: #eee;
text-align: center;
cursor: pointer;
z-index: 10;
}
#menu ul.menu.mainmenumobile > li .toggleSubMenu .minus {
display: none;
-webkit-transform: scale(2, 1);
transform: scale(2, 1);
}
#menu ul.menu.mainmenumobile li.opened > a {
font-weight: bold;
}
#menu ul.menu.mainmenumobile li.opened .toggleSubMenu {
font-weight: 300;
}
#menu ul.menu.mainmenumobile li.opened .toggleSubMenu .minus {
display: block;
-webkit-transform: translateY(-2px) scale(2, 1);
transform: translateY(-2px) scale(2, 1);
}
#menu ul.menu.mainmenumobile li.opened .toggleSubMenu .plus {
display: none;
}
#menu ul.menu.mainmenumobile > li:first-child {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
#menu ul.menu.mainmenumobile > li:nth-child(2) {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
#menu ul.menu.mainmenumobile > li:nth-child(3) {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
#menu ul.menu.mainmenumobile > li:nth-child(4) {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
#menu ul.menu.mainmenumobile > li:last-child {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
#menu ul.menu.mainmenumobile span.desc {
font-size: 12px;
display: block;
color: #777777;
padding-right: 60px;
}
#menu ul.menu.mainmenumobile .megaMenuB2C:after {
content: " ";
position: absolute;
right: 0;
bottom: 0;
width: 120px;
height: 100px;
z-index: 2;
background-image: url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/images/menu/bgGiftBottomRight1.png);
background-size: 120px auto;
background-repeat: no-repeat;
background-position: bottom right;
opacity: 0;
-webkit-transition: .3s all ease;
transition: .3s all ease;
}
#menu ul.menu.mainmenumobile li.opened.megaMenuB2C:after {
opacity: 1;
}
#menu ul.menu.mainmenumobile li.b2cXmasXXXX:before {
content: " ";
position: absolute;
right: 2%;
z-index: 1;
-webkit-transform: rotate(10deg);
transform: rotate(10deg);
top: -10px;
width: 80px;
height: 54px;
-webkit-transition: .3s all ease;
transition: .3s all ease;
background-image: url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/images/menu/bg-xmas.png);
background-size: cover;
display: block;
background-repeat: no-repeat;
pointer-events: none;
}
.scrolled #menu {
top: 70px;
}
#menu .legalRow {
text-align: center;
margin-top: 20px;
padding-top: 12px;
padding-bottom: 5px;
background: #fff;
}
#menu .legalRow ul.menu li {
background: transparent;
font-size: 1.3rem;
border: none;
}
#menu .legalRow ul.menu li .aElement {
padding: 4px 8px;
display: inline-block;
cursor: pointer;
}  @media (max-width: 767px) {
span.cityName {
font-size: 12px;
}
.singlePartnerTeaser .col:last-child {
padding-left: 20px;
}
}
@media (min-width: 768px) {
.mainNav {
right: 120px;
}
header .brand a {
height: 72px;
}
header > .container > .row,
header > .container-fluid > .row {
height: 120px;
}
.scrolled header > .container > .row,
.scrolled header > .container-fluid > .row {
height: 84px;
}
.scrolled header .brand a {
height: 62px;
}
.checkoutProgress {
line-height: 1.1;
font-size: 1.5rem;
}
#menu {
top: 110px;
}
.scrolled #menu {
top: 84px;
}
.showMenu #menu:before {
right: 32px;
}
.pageOverlay,
.showBookingBox .pageOverlay {
z-index: 100000;
}
}
@media (min-width: 992px) {
.mainNav {
right: 0;
}
.mainNav .menu-hauptmenue-container {
display: inline-block;
}
.openNav {
display: none;
}
.contactHeader {
right: 15px;
}
.headerCitySearchWrap {
top: 84px;
-webkit-transform: none;
transform: none;
left: auto;
right: 489px;
}
h1.b2b {
font-weight: bold;
text-transform: uppercase;
white-space: nowrap;
}
h1.b2b + h2 {
font-weight: normal;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.mainNav ul.menu li.menu-item-30 {
display: none;
}
.mainNav ul.menu li.menu-item-29 a {
padding-right: 0;
}
.mainNav ul li a {
padding: 9px 10px;
}
}
@media (min-width: 1200px) {
.mainNav {
right: -40px;
}
header .brand {
left: -40px;
}
}
@media (min-width: 1400px) {
.mainNav {
right: -90px;
}
header .brand {
left: -90px;
}
} main {
margin-top: 0!important;
-webkit-transition: 0.4s margin ease;
transition: 0.4s margin ease;
}
.singlePage {
padding-top: 90px;
}
@media (min-width: 768px) {
.singlePage {
padding-top: 120px;
}
}
a.scrollMe {
display: none;
width: 72px;
z-index: 12;
position: absolute;
bottom: 8px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: .3s all ease;
transition: .3s all ease;
}
a.scrollMe svg {
width: 100%;
height: auto;
}
a.scrollMe svg rect,
a.scrollMe svg polyline,
a.scrollMe svg line {
stroke: #fff;
}
a.scrollMe:hover {
bottom: 5px;
-webkit-transform: translateX(-50%) scale(1.05);
transform: translateX(-50%) scale(1.05);
}
.scrolled .scrollMe {
opacity: 0;
-webkit-transform: translateX(-50%) translateY(20px);
transform: translateX(-50%) translateY(20px);
}
.lg-outer .lg-thumb {
margin: 0 auto;
}
.lg-outer .lg-thumb-item {
border-radius: 0;
}
.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
border-color: #002a43;
}
.mainNav ul.megamenu li {
position: static;
}
.mainNav ul.megamenu .megaMenuB2B li.b2cXmas a {
background: none!important;
}
.mainNav ul.megamenu .megaMenuB2B .leftCol a.button {
margin-top: 8px;
}
.mainNav ul.megamenu ul.liHasCheckIcon li {
position: relative;
padding-left: 18px;
margin-bottom: 4px;
}
.mainNav ul.megamenu ul.liHasCheckIcon li > i {
position: absolute;
left: 0;
top: 4px;
font-size: 12px;
}
.mainNav ul.megamenu .submenuWrap {
text-transform: none;
position: fixed;
-webkit-transition: .3s all ease;
transition: .3s all ease;
opacity: 0;
pointer-events: none;
top: 40px;
left: calc((100vw  - 80px - 100%) * -1);
width: 96vw;
background: #ffffff;
border-radius: 0;
color: #303030;
z-index: 99;
padding: 27px 20px 12px 20px;
}
.mainNav ul.megamenu .submenuWrap .headline {
font-size: 18px;
font-weight: bold;
margin-bottom: 16px;
}
.mainNav ul.megamenu .submenuWrap p,
.mainNav ul.megamenu .submenuWrap ul li {
font-size: 14px;
color: #777777;
}
.mainNav ul.megamenu .submenuWrap a.button {
line-height: 36px;
padding: 0 20px;
height: 36px;
font-size: 14px;
color: #002a43;
border: none;
background: #c38f00;
}
.mainNav ul.megamenu .submenuWrap img {
width: 100%;
}
.mainNav ul.megamenu .submenuWrap .leftCol {
padding-right: 30px;
}
.mainNav ul.megamenu .submenuWrap .rightCol {
padding-left: 30px;
}
.mainNav ul.megamenu .submenuWrap .middleCol {
padding: 0 30px;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
}
.mainNav ul.megamenu .submenuWrap li a {
color: #303030;
}
.mainNav ul.megamenu .submenuWrap li.bgXmas {
padding-right: 48px;
background: #fafafa;
position: relative;
}
.mainNav ul.megamenu .submenuWrap li.bgXmas:before {
content: " ";
position: absolute;
right: 0px;
z-index: 1;
-webkit-transform: rotate(10deg);
transform: rotate(10deg);
top: -10px;
width: 100px;
height: 68px;
-webkit-transition: .3s all ease;
transition: .3s all ease;
background-image: url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/images/menu/bg-xmas.png);
background-size: cover;
display: block;
background-repeat: no-repeat;
}
.mainNav ul.megamenu .submenuWrap li.bgXmas:hover:before {
-webkit-transform: scale(1.1) rotate(9deg);
transform: scale(1.1) rotate(9deg);
}
.mainNav ul.megamenu .submenuWrap a.learnMore {
color: #000!important;
display: inline-block;
padding: 0 0 3px 0;
position: relative;
font-size: 14px;
}
.mainNav ul.megamenu .submenuWrap a.learnMore:hover {
color: #000!important;
}
.mainNav ul.megamenu .submenuWrap a.learnMore:after {
-webkit-transition: .3s all ease;
transition: .3s all ease;
bottom: 0;
left: 0;
content: " ";
width: 100%;
height: 1px;
background: #303030;
position: absolute;
}
.mainNav ul.megamenu .submenuWrap a.learnMore:hover:after {
background: #c64700;
bottom: 2px;
}
.mainNav ul.megamenu .submenuWrap .submenuInner li {
margin-bottom: 12px;
vertical-align: top;
position: relative;
}
.mainNav ul.megamenu .submenuWrap .submenuInner li a {
padding: 8px 8px 8px 8px;
-webkit-transition: .3s all ease;
transition: .3s all ease;
font-weight: bold;
position: relative;
display: block;
cursor: pointer;
}
.mainNav ul.megamenu .submenuWrap .submenuInner li a i {
opacity: 0.7;
-webkit-transition: .3s all ease;
transition: .3s all ease;
position: absolute;
top: 10px;
left: 2px;
font-size: 18px;
}
.mainNav ul.megamenu .submenuWrap .submenuInner li a .desc {
font-weight: normal;
margin-top: 9px;
display: block;
font-size: 13px;
}
.mainNav ul.megamenu .submenuWrap .submenuInner li.b2cAllgemein a {
background: url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/images/menu/bgDigital.png) top 30px right no-repeat;
background-size: auto 80%;
display: block;
}
.mainNav ul.megamenu .submenuWrap .submenuInner li.b2cAllgemein a span.desc {
padding-right: 90px;
}
.mainNav ul.megamenu .submenuWrap .submenuInner li.b2cAllgemein + li.b2cXmas:before {
content: " ";
width: 100%;
position: absolute;
background: transparent;
height: 1px;
}
.mainNav ul.megamenu .submenuWrap .submenuInner li.b2cAllgemein + li.b2cXmas {
margin-top: 24px;
}
.mainNav ul.megamenu .submenuWrap .submenuInner li.b2cXmas a {
background: url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/images/menu/bgXmasMenu.png) bottom center no-repeat;
background-size: 100% auto;
padding-bottom: 45%;
display: block;
}
.mainNav ul.megamenu .submenuWrap .submenuInner li.hasIcon a {
padding: 8px 8px 8px 36px;
}
.mainNav ul.megamenu .submenuWrap .submenuInner li a:hover {
color: #c64700;
background-color: #fafafa;
}
.mainNav ul.megamenu .submenuWrap .submenuInner li a:hover i {
opacity: 1;
left: 3px;
}
.mainNav ul.megamenu .submenuWrap .rightCol .submenuInner li {
margin-bottom: 0px;
}
.mainNav ul.megamenu .submenuWrap .rightCol .submenuInner li a {
font-weight: normal;
padding-left: 27px;
}
.mainNav ul.megamenu .submenuWrap .rightCol .submenuInner li a i {
top: 14px;
left: 6px;
font-size: 12px;
}
.mainNav ul.megamenu .submenuWrap .submenuInner.twoInARow li {
width: 49%;
display: inline-block;
}
.mainNav ul.megamenu .submenuWrap .submenuInner.twoInARow li a {
padding: 4px 4px 4px 0;
}
.mainNav ul.megamenu .submenuWrap.megaMenuB2C {
background-color: #fff;
background-image: url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/images/menu/bgGiftTopLeft.png), url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/images/menu/bgGiftBottomRight1.png);
background-position: top left, bottom right;
background-size: 125px, 200px;
background-repeat: no-repeat;
}
.mainNav ul.megamenu li.menu-item-has-children:hover .submenuWrap {
opacity: 1!important;
top: 54px;
pointer-events: all;
-webkit-box-shadow: 0px 30px 36px 0px rgba(0, 0, 0, 0.51);
box-shadow: 0px 30px 36px 0px rgba(0, 0, 0, 0.51);
}
@media (min-width: 1200px) {
.mainNav ul.megamenu .submenuWrap {
left: calc((100vw - 3vw - 100%) * -1);
width: 96vw;
}
}
@media (min-width: 1300px) {
.mainNav ul.megamenu .submenuWrap {
left: calc((100vw - 5vw - 100%) * -1);
width: 96vw;
}
}
@media (min-width: 1400px) {
.mainNav ul.megamenu .submenuWrap {
width: 120%;
left: -20%;
}
}
.miniBanner {
padding: 12px 0;
background: #002a43;
color: #f8f5eb;
border-bottom: 1px solid #f8f5eb;
-webkit-transition: .3s all ease;
transition: .3s all ease;
}
.miniBanner a {
color: #f8f5eb;
font-weight: bold;
}
.miniBanner p {
font-size: 1.4rem;
margin: 0;
}
.scrolled .miniBanner {
display: none;
}
.transparentHeaderXXX .miniBanner {
padding: 12px 0;
background: #f8f5eb;
color: #002a43;
-webkit-transition: .3s all ease;
transition: .3s all ease;
}
.transparentHeaderXXX .miniBanner a {
color: #002a43;
font-weight: bold;
}
.transparentHeaderXXX .miniBanner p {
margin: 0;
}
.showMiniBanner main {
padding-top: 46px;
}
.showMiniBanner #menu {
padding-top: 60px;
}
@media (min-width: 768px) {
showMiniBanner main {
padding-top: 46px;
}
.miniBanner p {
font-size: 1.6rem;
}
}
.single-product header .brand,
.showMenu header .brand,
.scrolled header .brand,
.classicBrandPosition header .brand {
margin-top: 0!important;
left: 15px!important;
-webkit-transform: translateY(-50%) !important;
transform: translateY(-50%) !important;
}
.cmn-toggle-switch__htx.active span {
background: none!important;
}
.cmn-toggle-switch__htx.active span::before {
top: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.cmn-toggle-switch__htx.active span::after {
bottom: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.cmn-toggle-switch__htx.active span::before,
.cmn-toggle-switch__htx.active span::after {
-webkit-transition-delay: 0, 0.3s;
transition-delay: 0, 0.3s;
}
.home .cmn-toggle-switch,
.single-product .cmn-toggle-switch,
header.productCategory .cmn-toggle-switch,
.page-template-landingpage .cmn-toggle-switch,
.page-template-landingpage_reduziert .cmn-toggle-switch {
color: #fff;
}
.home .cmn-toggle-switch span,
.single-foodguidelp .cmn-toggle-switch span,
.transparentHeader .cmn-toggle-switch span,
.lpDiagonal .cmn-toggle-switch span,
.single-product .cmn-toggle-switch span,
header.productCategory .cmn-toggle-switch span,
.page-template-landingpage .cmn-toggle-switch span,
.page-template-landingpage_reduziert .cmn-toggle-switch span {
background: #fff;
}
.home .cmn-toggle-switch span::before,
.home .cmn-toggle-switch span::after,
.transparentHeader .cmn-toggle-switch span::before,
.transparentHeader .cmn-toggle-switch span::after,
.single-foodguidelp .cmn-toggle-switch span::before,
.single-foodguidelp .cmn-toggle-switch span::after,
.lpDiagonal .cmn-toggle-switch span::before,
.lpDiagonal .cmn-toggle-switch span::after,
.single-product .cmn-toggle-switch span::before,
.single-product .cmn-toggle-switch span::after,
header.productCategory .cmn-toggle-switch span::before,
header.productCategory .cmn-toggle-switch span::after,
.page-template-landingpage_reduziert .cmn-toggle-switch span::before,
.page-template-landingpage_reduziert .cmn-toggle-switch span::after,
.page-template-landingpage .cmn-toggle-switch span::before,
.page-template-landingpage .cmn-toggle-switch span::after {
background-color: #fff;
}
.page-template-landingpage_reduziert .cmn-toggle-switch span::before,
.page-template-landingpage_reduziert .cmn-toggle-switch span::after {
background-color: #fff!important;
}
.scrolled .cmn-toggle-switch,
.showMenu .cmn-toggle-switch {
color: #333333;
}
.scrolled header.productCategory .cmn-toggle-switch,
.showMenu header.productCategory .cmn-toggle-switch {
color: #333333 !important;
}
.scrolled .cmn-toggle-switch span,
.showMenu .scrolled .cmn-toggle-switch span,
.showMenu .scrolled .cmn-toggle-switch span,
.scrolled header.productCategory .cmn-toggle-switch span,
.showMenu .scrolled header.productCategory .cmn-toggle-switch span {
background: #333333;
}
.showMenu header.productCategory .cmn-toggle-switch span::before,
.showMenu header.productCategory .cmn-toggle-switch span::after,
.showMenu.lpDiagonal header .cmn-toggle-switch span::before,
.showMenu.lpDiagonal header .cmn-toggle-switch span::after,
.showMenu.single-product header .cmn-toggle-switch span::before,
.showMenu.single-product header .cmn-toggle-switch span::after,
.showMenu.single-foodguidelp header .cmn-toggle-switch span::before,
.showMenu.single-foodguidelp header .cmn-toggle-switch span::after,
.showMenu header .cmn-toggle-switch span::before,
.showMenu header .cmn-toggle-switch span::after,
.scrolled header.productCategory .cmn-toggle-switch span::before,
.scrolled header.productCategory .cmn-toggle-switch span::after,
.scrolled .cmn-toggle-switch span::before,
.scrolled .cmn-toggle-switch span::after {
background-color: #333333;
} :not(.scrolled).showMenu.home .cmn-toggle-switch span::before,
:not(.scrolled).showMenu.home .cmn-toggle-switch span::after {
background: #333333;
}
.cmn-toggle-switch {
display: block;
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
width: 42px;
height: 42px;
font-size: 0;
text-indent: -9999px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
border: none;
cursor: pointer;
-webkit-transition: background 0.3s;
transition: background 0.3s;
top: -4px;
background: none;
color: #303030;
}
.cmn-toggle-switch:hover,
.cmn-toggle-switch:focus,
.cmn-toggle-switch:active {
background: transparent!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
}
.cmn-toggle-switch:focus {
outline: none;
}
.cmn-toggle-switch span {
display: block;
position: absolute;
top: 22px;
left: 0px;
right: 0px;
height: 2px;
border-radius: 0px;
background: #303030;
}
.cmn-toggle-switch span::before,
.cmn-toggle-switch span::after {
position: absolute;
display: block;
left: 0;
width: 100%;
height: 2px;
border-radius: 0px;
background-color: #303030;
content: "";
}
.cmn-toggle-switch span::before {
top: -10px;
}
.cmn-toggle-switch span::after {
bottom: -10px;
}
.cmn-toggle-switch__htx span {
-webkit-transition: background 0 0.3s;
transition: background 0 0.3s;
}
.cmn-toggle-switch__htx span::before,
.cmn-toggle-switch__htx span::after {
-webkit-transition-duration: 0.3s, 0.3s;
transition-duration: 0.3s, 0.3s;
-webkit-transition-delay: 0.3s, 0;
transition-delay: 0.3s, 0;
}
.cmn-toggle-switch__htx span::before {
-webkit-transition-property: top, -webkit-transform;
transition-property: top, -webkit-transform;
transition-property: top, transform;
transition-property: top, transform, -webkit-transform;
}
.cmn-toggle-switch__htx span::after {
-webkit-transition-property: bottom, -webkit-transform;
transition-property: bottom, -webkit-transform;
transition-property: bottom, transform;
transition-property: bottom, transform, -webkit-transform;
}
.cmn-toggle-switch__htx.active span {
background: none;
}
.cmn-toggle-switch__htx.active span::before {
top: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.cmn-toggle-switch__htx.active span::after {
bottom: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.cmn-toggle-switch__htx.active span::before,
.cmn-toggle-switch__htx.active span::after {
-webkit-transition-delay: 0, 0.3s;
transition-delay: 0, 0.3s;
} .button,
input[type="submit"],
.backButton,
input[type="reset"],
input[type="button"],
.woocommerce .button.button-primary,
.pagination a.next {
display: inline-block;
height: 38px;
padding: 0 30px;
color: #fff;
font-size: 1.6rem;
text-align: center;
font-weight: 400;
line-height: 38px;
text-decoration: none;
white-space: nowrap;
background-color: #002a43;
border-radius: 5px;
border: 1px solid #002a43;
cursor: pointer;
-webkit-transition: .3s all ease;
transition: .3s all ease;
margin-bottom: 8px;
-webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 12px rgba(0, 0, 0, 0.1);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus,
.pagination a.next:hover {
color: ##333;
border-color: #002134;
background-color: #002134;
-webkit-box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
outline: 0;
}
.button.button-primary,
input.wpcf7-submit,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary,
.woocommerce .button.button-primary,
.woocommerce div.product form.cart .button {
color: #fff;
background-color: #f98000;
border-color: #f98000;
}
.button.button-primary:hover,
input.wpcf7-submit:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce div.product form.cart .button:hover,
a.button:hover,
a.button:focus,
a.button:active {
color: #FFF;
background-color: #e75700;
border-color: #e75700;
}
.button.outlineButton {
border: 1px solid #002a43;
background: #fff;
color: #002a43;
}
.button.outlineButton:hover {
background: #eee;
}
.button.redOutlineButton {
border: 2px solid #f98000;
background: #fff;
color: #f98000;
line-height: 34px;
}
.button-full-width {
width: 100%;
}
.button.redOutlineButton:hover {
background: #eee;
color: #e75700;
}
.button.button-secondary {
background: #eee;
border-color: #eee;
-webkit-box-shadow: none;
box-shadow: none;
color: #002a43;
}
.button.button-secondary:hover {
background: #ddd;
border-color: #ddd;
-webkit-box-shadow: none;
box-shadow: none;
color: #002a43;
}
.wpcf7-submit {
height: 54px!important;
line-height: 54px!important;
}
.wpcf7-submit:disabled {
opacity: 0.4;
}
a.button.bigger-button {
margin-bottom: 0;
font-size: 2rem;
padding: 8px 2em;
border-color: #f98000;
background: #f98000;
color: #fff;
font-weight: normal;
line-height: 38px;
height: auto;
}
a.button.bigger-button.outlineButtonAkzent {
color: #303030;
border-color: #fff;
background: #fff;
-webkit-box-shadow: 0px 7px 10px -10px #000000, 0px 0px 6px 2px rgba(255, 255, 255, 0) !important;
box-shadow: 0px 7px 10px -10px #000000, 0px 0px 6px 2px rgba(255, 255, 255, 0) !important;
}
a.button.bigger-button.outlineButtonAkzent:hover,
a.button.bigger-button.outlineButtonAkzent:active,
a.button.bigger-button.outlineButtonAkzent:focus {
color: #303030;
border-color: #fff;
background: #fff;
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
-webkit-box-shadow: 2px 12px 12px -6px rgba(0, 0, 0, 0.5), 0px 0px 6px 2px rgba(255, 255, 255, 0) !important;
box-shadow: 2px 12px 12px -6px rgba(0, 0, 0, 0.5), 0px 0px 6px 2px rgba(255, 255, 255, 0) !important;
}
a.button.bigger-button:hover {
border-color: #e75700;
background: #e75700;
}
.woocommerce a.button.checkout-button,
a.button.checkout-button,
.button.checkout-button,
.woocommerce #place_order {
border-radius: 5px;
margin-bottom: 1em;
font-size: 1.25em;
padding: 1.1em 2em 1em 2em;
background: #f98000;
color: #fff;
height: auto;
}
.woocommerce a.button.checkout-button:hover,
.woocommerce #place_order:hover {
background: #e75700;
}
.woocommerce #place_order {
width: 100%;
}
.swal2-styled {
height: auto;
font-size: 14px!important;
}
.blueHero #searchbutton {
background: #f98000;
border-color: #f98000;
}
.blueHero:hover #searchbutton {
background: #e75700;
border-color: #e75700;
}
.button.twilineButton,
.button.twilineButton.button-primary,
.button.twilineButton.buttonCta {
height: auto;
padding-top: 12px;
padding-bottom: 12px;
line-height: 1.1;
font-size: 1.2rem!important;
padding-left: 20px;
padding-right: 20px;
}
.twilineButton span {
font-size: 1.6rem;
display: block;
letter-spacing: 1px;
text-transform: uppercase;
}
.buttonCta,
buttonMainCta {
background-color: #f98000;
border-color: #f98000;
}
.buttonCta:hover,
.buttonCta:active,
.buttonCta:focus,
.buttonMainCta:hover,
.buttonMainCta:active,
.buttonMainCta:focus {
background-color: #e75700;
border-color: #e75700;
}
.button-green {
background-color: #c38f00 !important;
color: #002a43 !important;
border-color: #c38f00 !important;
}
.button-green:hover {
background-color: #906c1b !important;
color: #002a43 !important;
border-color: #906c1b !important;
}
.button-fullwidth {
width: 100%!important;
font-weight: bold;
}
.buttonMainCta {
padding: 18px 36px;
height: 54px;
font-size: 1.8rem;
line-height: 1;
}
@media (min-width: 768px) {
.button.twilineButton,
.button.twilineButton.button-primary,
.button.twilineButton.buttonCta {
padding-left: 30px;
padding-right: 30px;
}
}
.heroStage .button,
.heroStage .button.button-primary {
height: 58px;
line-height: 58px;
font-size: 1.8rem;
}
.button.disabled,
.button.disabled:hover,
.button:disabled {
background-color: #f98000 !important;
border-color: #f98000 !important;
opacity: .6!important;
}
.button-cta {
height: 58px;
line-height: 58px;
font-size: 1.8rem;
padding: 0 30px 0 30px;
}
.button-cta:after {
font-family: "FontAwesome";
content: "\f178";
display: inline-block;
padding-left: 15px;
padding-right: 5px;
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
}
.button.button-cta:hover {
padding: 0 26px 0 34px;
-webkit-transform: translateX(3px);
transform: translateX(3px);
}
.button-cta:hover:after {
padding-right: 1px;
padding-left: 19px;
} input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
} input[type=number] {
-moz-appearance: textfield;
}
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
height: 42px;
padding: 6px 12px; background-color: #fff;
border: 1px solid #bbb;
border-radius: 5px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-box-shadow: none;
box-shadow: none;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
textarea {
height: 100px;
}
.textBlockSection.bgLight input[type="email"],
.textBlockSection.bgLight input[type="number"],
.textBlockSection.bgLight input[type="search"],
.textBlockSection.bgLight input[type="text"],
.textBlockSection.bgLight input[type="tel"],
.textBlockSection.bgLight input[type="url"],
.textBlockSection.bgLight input[type="password"],
.textBlockSection.bgLight textarea,
.textBlockSection.bgLight select {
border: 1px solid #fff;
}
textarea {
height: 100px;
} input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.height115 textarea {
min-height: 115px;
}
textarea {
min-height: 90px;
padding-top: 6px;
padding-bottom: 6px;
}
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
border: 1px solid #002a43;
outline: 0;
}
label,
legend {
display: block;
margin-bottom: .5rem;
font-weight: 400;
}
fieldset {
padding: 0;
border-width: 0;
}
input[type="checkbox"],
input[type="radio"] {
display: inline;
}
label > .label-body {
display: inline-block;
margin-left: .5rem;
font-weight: normal;
}
.wpcf7 .row {
margin-left: -6px;
margin-right: -6px;
}
.wpcf7 .col-12 {
padding-left: 6px;
padding-right: 6px;
}
form.wpcf7-form h4 {
font-size: 2rem;
}
form.wpcf7-form img {
width: auto;
}
form.wpcf7-form p {
margin: 0;
}
.codedropz-upload-wrapper h3,
.page-id-35 .codedropz-upload-wrapper h3 {
font-size: 1.6rem!important;
font-weight: normal;
color: #303030;
}
.deliveryHidden {
display: none;
}
.wpcf7-acceptance label {
font-weight: bold;
}
.codedropz-upload-wrapper a {
border-bottom: 1px solid #303030 !important;
color: #303030 !important;
}
form.wpcf7-form .row {
margin: 0 -8px;
}
form.wpcf7-form .col {
padding: 0 8px;
}
form.wpcf7-form input,
form.wpcf7-form textarea {
margin: 8px 0;
}
form.wpcf7-form .row input,
form.wpcf7-form .row textarea {
margin: 4px 0;
}
span.wpcf7-not-valid-tip {
font-size: 12px;
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
input.wpcf7-not-valid,
textarea.wpcf7-not-valid {
border: 1px solid #f00!important;
background: #fff1f1!important;
}
span.wpcf7-not-valid-tip {
font-size: 12px;
}
.wpcf7-response-output.wpcf7-validation-errors {
border: 1px solid #f00;
margin: 8px 0 0 0;
padding: 15px 25px;
background: #fff1f1;
font-size: 1.4rem;
color: #323232;
}
div.wpcf7-mail-sent-ok {
background-color: #f1fff0;
border: 1px solid #a8d144;
font-size: 1.4rem;
margin-left: 0;
margin-right: 0;
padding: 15px 25px;
color: #303030;
}
.wpcf7 .textRow {
padding: 18px 0 8px;
}
.formlabel {
font-size: 14px;
}
.formlabel + .wpcf7-form-control-wrap input,
.formlabel + .wpcf7-form-control-wrap textarea,
.smallinfo + .wpcf7-form-control-wrap input,
.smallinfo + .wpcf7-form-control-wrap textarea {
margin-top: 2px;
}
.agbunddatenschutz span.wpcf7-list-item,
span.wpcf7-list-item.first {
margin-left: 0;
}
.codedropz-upload-container {
color: #333;
background: rgba(255, 255, 255, 0.6);
}
.codedropz-upload-handler {
border: 1px solid #ccc!important;
}
.wpcf7 {
font-size: 14px;
}
.codedropz-upload-container a {
color: #fff;
}
span.wpcf7-not-valid-tip {
font-size: 12px;
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
input.wpcf7-not-valid,
textarea.wpcf7-not-valid {
border: 1px solid #f00!important;
background: #fff1f1!important;
}
span.wpcf7-not-valid-tip {
font-size: 12px;
}
.wpcf7-response-output.wpcf7-validation-errors,
.error-message-checkout {
border: 1px solid #f00;
margin: 8px 0 0 0;
padding: 15px 25px;
background: #fff1f1;
font-size: 1.4rem;
color: #323232;
}
.sent div.wpcf7-response-output {
background-color: #f1fff0;
border: 1px solid #a8d144;
font-size: 1.5rem;
margin-left: 0;
margin-right: 0;
text-align: center;
padding: 15px 25px;
color: #303030;
}
.sent div.wpcf7-response-output:before {
content: "\f058";
font-family: "FontAwesome";
display: block;
text-align: center;
font-size: 54px;
color: #a8d144;
}
@media (max-width: 767px) {
.button.smallerButtonMobile {
line-height: 28px!important;
height: 30px!important;
padding-left: 14px;
padding-right: 14px;
font-size: 1.4rem !important;
}
}
section {
position: relative;
padding: 42px 0;
}
section.smallPadding {
padding: 32px 0;
}
@media (min-width: 768px) {
section {
padding: 54px 0;
}
section.smallPadding {
padding: 42px 0;
}
main {
margin-top: 120px;
}
.scrolled main {
margin-top: 84px;
}
}
@media (min-width: 992px) {
section {
padding: 84px 0;
}
section.smallPadding {
padding: 54px 0;
}
} .testimonialSliderRow {
text-align: center;
padding-top: 35px;
padding-bottom: 35px;
font-size: 2rem;
}
.testimonialSliderRow h4,
.testimonialSliderRow .h4like {
margin-top: 25px;
}
.testimonialSliderRow .testimonialName {
font-weight: bold;
}
.slick-prev::before,
.slick-next::before {
color: #303030 !important;
}
.singleReferenzTestimonial i.fa { color: #002a43;
} .logoSliderSlideshowCol {
display: none;
}
.logoSlider {
padding: 15px 0;
}
.logoSlider .bekanntausLabel {
padding-top: 0;
line-height: 1;
font-size: 11px;
padding-bottom: 0;
line-height: auto;
text-align: left;
opacity: 1;
}
.logoSlider .singleLogoImage {
opacity: 1;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
height: 54px;
-webkit-transition: .3s all ease;
transition: .3s all ease;
}
.logoSlider .singleLogoImage:hover {
opacity: 1;
}
.logoSlider .logoSliderSlideshowCol:nth-child(1),
.logoSlider .logoSliderSlideshowCol:nth-child(2),
.logoSlider .logoSliderSlideshowCol:nth-child(3),
.logoSlider .logoSliderSlideshowCol.slick-slide {
display: block!important;
}
@media (min-width: 768px) {
.logoSliderSlideshowCol:nth-child(4) {
display: block;
}
}
@media (min-width: 992px) {
.logoSliderSlideshowCol:nth-child(5),
.logoSliderSlideshowCol:nth-child(6) {
display: block;
}
.logoSlider .singleLogoImage {
height: 64px;
}
.logoSlider .singleBekanntaus {
height: 48px;
}
.logoSlider .bekanntausLabel {
font-size: 14px;
padding-top: 0;
}
}
@media (max-width: 768px) {
.heroStageCities + .bekanntAusSlider .row > .col-3 {
padding-right: 0;
}
.heroStageCities + .bekanntAusSlider .row > .col-3 .bekanntausLabel {
font-size: 10px;
}
}
@media (max-width: 992px) {
.heroStageCities + .bekanntAusSlider .row > .col-3 {
padding-right: 0;
}
.heroStageCities + .bekanntAusSlider .row > .col-3 .bekanntausLabel {
font-size: 11px;
}
}
.heroSection .imageDimension {
background: transparent!important;
}
.heroSection .imageDimension img.loading {
visibility: hidden;
} .blueHero {
position: relative;
background: #002a43;
padding-bottom: 32px;
color: #fff;
}
.blueHero h1,
.blueHero p {
color: #fff;
}
.heroSection {
width: 100%;
padding: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
min-height: 320px;
background-color: #002a43;
}
.heroSection.baseFontColor {
background-color: #ddd;
}
.hasOverlay:after {
content: " ";
height: 100%;
width: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.4);
z-index: 11;
display: block;
position: absolute;
}
.heroVideoWrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
background-image: url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/images/xmas/bgVideo.jpg);
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
}
.hasOneSidedVideoOverlay.hasVideo:after {
background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 42, 67, 0)), color-stop(50%, rgba(0, 42, 67, 0.8)), color-stop(75%, #002a43), to(#00233b));
background: linear-gradient(0deg, rgba(0, 42, 67, 0) 0%, rgba(0, 42, 67, 0.8) 50%, #002a43 75%, #00233b 100%);
background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 42, 67, 0.2)), color-stop(80%, rgba(0, 42, 67, 0.8)), to(#00233b));
background: linear-gradient(0deg, rgba(0, 42, 67, 0.2) 0%, rgba(0, 42, 67, 0.8) 80%, #00233b 100%);
background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 42, 67, 0)), color-stop(50%, rgba(0, 42, 67, 0.4)), color-stop(70%, #002740), to(#00233b));
background: linear-gradient(0deg, rgba(0, 42, 67, 0) 0%, rgba(0, 42, 67, 0.4) 50%, #002740 70%, #00233b 100%);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 42, 67, 0)), color-stop(49%, rgba(0, 42, 67, 0.4)), color-stop(75%, #002740), to(#00233b));
background: linear-gradient(180deg, rgba(0, 42, 67, 0) 0%, rgba(0, 42, 67, 0.4) 49%, #002740 75%, #00233b 100%);
}
.transparentHeader .heroSection.verkaufsbox {
padding-top: 100px;
}
.home .herosection,
.homeHeroSection {
padding: 0;
position: relative;
background: #002a43;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
color: #fff;
}
.home .herosection:before {
content: " ";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 20px;
display: block;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(1%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=0);
}
.heroContent.herosectionintro {
position: relative;
-webkit-transform: none;
transform: none;
padding-top: 100px;
padding-bottom: 25px;
}
.heroContent.cityCategoryHero {
position: relative;
-webkit-transform: none;
transform: none;
padding-bottom: 25px;
}
.heroContent.cityCategoryHero .imageLink {
display: block;
border: none;
}
.heroContent.cityCategoryHero .imageLink img {
height: auto;
width: 100%;
max-width: 100%;
}
.heroContent.cityCategoryHero a.button {
margin-top: 8px;
min-width: 300px;
}
.heroSection video,
.landingPageHero video {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
width: auto;
height: 100%;
z-index: 2;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background-repeat: no-repeat;
background-size: cover;
}
.heroSection.hasVideo.hasOneSidedVideoOverlay video {
height: 80%;
width: auto;
top: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.hasSteuerfreiBadge:before {
content: " ";
position: absolute;
z-index: 11;
width: 140px;
height: 140px;
background: url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/images/theme/badge-steuerfrei.png) center no-repeat;
background-size: cover;
top: 20%;
left: -5px;
}
.heroContents {
position: relative;
z-index: 12;
color: #fff;
text-align: center;
padding: 42px 0 42px 0;
}
.heroContents h1,
.heroContents h2,
.heroContents .h1,
.heroContents .h2 {
color: #fff;
}
.heroContents h1 {
font-size: 2.6rem;
font-weight: 600;
margin: 18px 0 12px 0;
}
.heroContents h1.bigH1 {
font-size: 3rem;
}
.heroContents h2 {
font-size: 2.2rem;
margin: 0 0 12px 0;
}
.heroContents ul {
margin-left: 0;
list-style-type: none;
font-size: 1.6rem;
padding: 0;
}
.hasVideo .heroContents {
padding: 240px 0 24px 0;
}
.xmasStyling .hasVideo:before {
content: " ";
width: 100%;
height: 50vh;
display: block;
z-index: 11;
position: absolute;
background-image: url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/images/xmas/mobilesnow_bg_reversed.png);
background-position: top center;
background-size: contain;
background-repeat: no-repeat;
}
.heroSection.bgImageRight {
padding-bottom: 54vw;
background-position: bottom -50px center;
background-size: 100% auto !important;
}
@media (min-width: 576px) and (orientation: landscape) {
.heroSection {
height: calc(100vh - 90px);
}
.heroSection.heroSmall {
height: 60vh;
}
}
@media (max-width: 767px) {
.heroSection.diagonalMitGutscheinbild {
background-image: none!important;
padding-top: 48px;
}
#pnelgastrohero .heroContents {
padding: 102px 0 42px 0!important;
}
#pnelgastrohero .heroContents img {
-webkit-transform: scale(1.25) translate(5% 36px);
transform: scale(1.25) translate(5% 36px);
}
}
@media (min-width: 768px) {
.heroSection {
min-height: 480px;
}
#pnelgastrohero.heroSection {
min-height: 660px;
}
.transparentHeader .heroSection.verkaufsbox {
min-height: 800px;
}
.heroSection.bgImageRight {
padding-bottom: 0;
background-position: right center;
background-size: 50% auto !important;
}
.heroSection.diagonalMitGutscheinbild {
background-position: left 50vw center;
background-size: auto 100%;
}
.heroSection.hasOneSidedVideoOverlay.hasVideo {
height: 100vh;
min-height: 540px;
}
.heroSection.hasOneSidedVideoOverlay.hasVideo .heroContents {
top: 55%;
bottom: auto;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
padding-top: 0;
}
.heroSection.hasOneSidedVideoOverlay.hasVideo video {
width: 100%;
height: auto;
top: 0;
bottom: auto;
left: 0;
-webkit-transform: none;
transform: none;
}
.xmasStyling .hasVideo:before {
content: " ";
width: 100%;
height: 50vh;
display: block;
z-index: 15;
position: absolute;
background-image: url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/images/xmas/mobilesnow_bg_reversed.png);
background-position: top left;
background-size: 50% auto;
background-repeat: repeat-x;
opacity: 0.1;
}
.xmasStyling .heroContents p.bigger {
font-size: 2.4rem;
}
.heroSection.heroSmall {
min-height: 420px;
}
.heroContents {
padding: 0 0 32px 0;
position: absolute;
left: 0;
top: 60%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
z-index: 12;
color: #fff;
text-align: center;
}
.heroContents .verkaufsBoxContent {
margin-top: 60px;
}
.heroContents h1 {
font-size: 3.0rem;
margin: 0 0 18px 0;
}
.heroContents h2 {
margin: 0 0 12px 0;
}
.hasSteuerfreiBadge:before {
width: 180px;
height: 180px;
top: 10%;
left: 60%;
}
.heroSection video,
.landingPageHero video {
max-height: none;
height: auto;
width: 100%;
max-width: 120%;
}
.heroSection.diagonalMitGutscheinbild {
background-position: left 40vw center;
background-size: auto 100%;
}
.heroSection.diagonalMitGutscheinbild .gutscheinBild {
position: absolute;
bottom: -50px;
width: 270px;
left: 60vw;
z-index: -1;
}
.xmasStyling .hasVideo .heroContents {
background: none;
}
.heroVideoWrap {
background-image: url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/images/xmas/bgVideo.jpg);
background-size: cover;
background-position: top right;
background-repeat: no-repeat;
}
}
@media (min-width: 992px) {
.hasOneSidedVideoOverlay.hasVideo:after {
background: #002a43;
background: -webkit-gradient(linear, right top, left top, from(rgba(0, 42, 67, 0)), color-stop(40%, rgba(0, 42, 67, 0.5)), color-stop(55%, rgba(0, 42, 67, 0.95)), color-stop(60%, #002a43), to(#00233b));
background: linear-gradient(-90deg, rgba(0, 42, 67, 0) 0%, rgba(0, 42, 67, 0.5) 40%, rgba(0, 42, 67, 0.95) 55%, #002a43 60%, #00233b 100%);
}
.heroSection.hasOneSidedVideoOverlay.hasVideo video {
left: 20%;
height: 100%;
width: auto;
}
.heroSection.diagonalMitGutscheinbild {
background-position: left 40vw center;
background-size: auto 100%;
}
.heroSection.diagonalMitGutscheinbild .gutscheinBild {
position: absolute;
bottom: -60px;
width: 420px;
left: 50vw;
z-index: -1;
}
.heroSection {
height: calc(75vh - 120px);
min-height: 540px;
}
#pnelgastrohero.heroSection {
min-height: 640px;
}
.heroSection.heroSmall {
height: 60vh;
min-height: 420px;
}
.cityCategoryHero a.button {
line-height: 60px;
height: auto;
}
.hasSteuerfreiBadge:before {
width: 180px;
height: 180px;
top: 10%;
left: 54%;
}
.heroContents {
position: absolute;
left: 0;
top: 57%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
z-index: 12;
color: #fff;
text-align: center;
}
.heroContents h1 {
font-size: 3.4rem;
}
.heroContents h1.bigH1 {
font-size: 3.8rem;
}
.heroContents h2 {
font-size: 2.4rem;
}
.heroContents ul {
font-size: 2rem;
}
.heroContents .verkaufsBoxContent {
margin-top: 60px;
}
.heroContents .verkaufsBoxContent img {
max-height: 290px;
width: auto;
}
.heroContents .cityCategoryHero .verkaufsBoxContent {
margin-top: 20px;
}
.heroContents .cityCategoryHero .verkaufsBoxContent img {
margin-bottom: -100px;
max-height: auto;
width: 80%;
height: auto;
}
}
@media (min-width: 1200px) {
.heroSection {
height: calc(80vh - 120px);
min-height: 570px;
}
.transparentHeader .heroSection.verkaufsbox {
min-height: 670px;
}
#pnelgastrohero.heroSection {
min-height: 670px;
}
.heroSection.bgImageRight {
background-size: contain;
}
.heroSection.diagonalMitGutscheinbild {
background-position: left 43vw center;
background-size: auto 100%;
}
.heroSection.diagonalMitGutscheinbild .gutscheinBild {
position: absolute;
bottom: -50px;
width: 420px;
left: 47vw;
z-index: -1;
}
.heroSection.attachmentFixed {
background-attachment: fixed;
}
.heroSection.heroSmall {
height: 60vh;
min-height: 450px;
}
.heroSection.hasVideo.hasOneSidedVideoOverlay {
min-height: 610px;
}
.heroSection video,
.landingPageHero video {
max-height: none;
max-width: 100%;
}
.heroContents h1 {
font-size: 4.2rem;
margin: 0 0 24px 0;
}
.heroContents h1.bigH1 {
font-size: 4.1rem;
}
.heroContents h2 {
font-size: 2.6rem;
}
.heroContents ul {
font-size: 2.2rem;
}
.heroContents .verkaufsBoxContent {
margin-top: 80px;
}
.heroContents .verkaufsBoxContent img {
max-height: 320px;
width: auto;
}
.heroImageCol img {
-webkit-transform: scale(1.3);
transform: scale(1.3);
-webkit-transform-origin: -20px bottom;
transform-origin: -20px bottom;
}
.cityCategoryHero .verkaufsBoxContent {
margin-top: 0px;
}
.cityCategoryHero .verkaufsBoxContent img {
margin-bottom: 0px;
}
}
@media (min-width: 1800px) {
.heroSection.diagonalMitGutscheinbild {
background-position: left 45vw center;
background-size: auto 100%;
}
}
.newhome .heroContents h1 .smaller {
font-size: 70%;
}
.newhome .heroContents ul {
font-weight: 300;
}
.newhome .heroContents a.scrollTo {
color: #fff;
border-bottom: 1px dotted #fff;
}
@media (min-width: 768px) {
.newhome .diagonalMitGutscheinbild .heroContents {
top: 55%;
}
.newhome .diagonalMitGutscheinbild .gutscheinBild {
left: 50vw;
width: 360px;
bottom: -69px;
}
}
@media (min-width: 992px) {
.newhome .diagonalMitGutscheinbild .gutscheinBild {
left: 43vw;
width: 440px;
bottom: -69px;
}
.newhome .diagonalMitGutscheinbild ul.bigger {
font-size: 2rem;
}
.newhome .diagonalMitGutscheinbild ul.bigger li {
margin-bottom: 0.6rem;
}
}
@media (min-width: 1200px) {
.newhome .diagonalMitGutscheinbild {
background-position: left 46vw center;
}
.newhome .diagonalMitGutscheinbild .gutscheinBild {
left: 38vw;
width: 540px;
bottom: -90px;
}
}
@media (min-width: 1600px) {
.newhome .diagonalMitGutscheinbild .gutscheinBild {
left: 42vw;
}
} .lpDiagonal .suchergebnisMeta {
display: none;
}
.lpDiagonal .heroContents h1 .smaller {
font-size: 70%;
}
.lpDiagonal .heroSection.diagonalMitGutscheinbild .gutscheinBild {
bottom: auto;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 270px;
}
@media (min-width: 992px) {
.lpDiagonal .heroSection.diagonalMitGutscheinbild .gutscheinBild {
bottom: auto;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 310px;
}
}
@media (min-width: 1200px) {
.lpDiagonal .heroSection.diagonalMitGutscheinbild .gutscheinBild {
bottom: auto;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 330px;
}
}
@media (min-width: 1500px) {
.lpDiagonal .heroSection.diagonalMitGutscheinbild .gutscheinBild {
bottom: auto;
top: 50%;
-webkit-transform: translateY(-50%) translateX(80px);
transform: translateY(-50%) translateX(80px);
width: 380px;
}
}
.heroContent form .button-primary {
line-height: 1.2;
height: auto;
padding: 15px 24px;
margin-top: 0;
}
.heroContent h1 .sublineH1 {
line-height: 1.25;
font-size: 2.2rem;
font-weight: normal;
display: inline-block;
}
.heroSubline {
font-size: 2rem;
font-weight: 400;
}
.heroContent .button,
.heroContents .button,
.gutscheinteaser .button {
margin-top: 18px;
height: 48px;
line-height: 48px;
font-size: 1.8rem;
background-color: #f98000;
border-color: #f98000;
}
.heroContent .button:hover,
.heroContents .button:hover,
.gutscheinteaser .button:hover {
background-color: #e75700;
border-color: #e75700;
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
}
.heroContent .outlineButton,
.heroContents .outlineButton {
background: transparent;
border-color: #fff;
color: #fff;
}
.heroContent .redOutlineButton,
.heroContents .redOutlineButton {
background: transparent;
border-color: #f98000;
color: #f98000;
}
.heroContent .redOutlineButton:hover,
.heroContents .redOutlineButton:hover {
color: #fff;
}
.heroContent .outlineButton:hover,
.heroContents .outlineButton:hover {
background-color: #ddd!important;
border-color: #ddd!important;
color: #002a43 !important;
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
}
.hero h1,
.heroContent h1 {
margin: 0;
text-transform: none;
display: block;
padding: 8px 0;
font-size: 2.6rem;
width: auto;
color: #fff;
font-family: "Source Sans Pro";
font-weight: 600;
}
.heroContent h3,
.heroContent .headline3 {
color: #fff;
font-size: 1.8rem;
font-weight: 300;
line-height: 1.5;
}
.home .hero h1 {
font-size: 3.6rem;
}
.hero h2 {
font-size: 32px;
display: inline-block;
padding: 12px 30px;
margin-top: -14px;
width: auto;
}
.textSubline {
font-weight: normal;
font-family: 'Source Sans Pro';
font-size: 1.6rem;
line-height: 1.5;
}
.heroContent .bigH1,
.heroContents .bigH1 {
font-size: 3rem;
margin-bottom: 18px;
}
.page-template-landingpage_reduziert .heroContent .bigH1 {
font-size: 4.2rem;
}
.page-template-landingpage_reduziert .rightCol {
text-align: left;
padding-left: 0;
}
.heroContent form .button-primary {
line-height: 1.2;
height: auto;
padding: 15px 24px;
margin-top: 0;
}
.heroContent img {
max-width: 300px;
}
.heroContent h1 .sublineH1 {
line-height: 1.25;
font-size: 2.2rem;
font-weight: normal;
display: inline-block;
}
.heroSubline {
font-size: 2rem;
font-weight: 400;
}
.geschenkgutscheinTeaser {
position: relative;
overflow: visible;
}
.geschenkgutscheinTeaser:before {
position: absolute;
content: " ";
left: -18px;
top: -18px;
width: 112px;
height: 112px;
background: url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/images/theme/last-minute-badge.png) center no-repeat;
background-size: cover;
z-index: 1;
}
@media (max-width: 767px) {
span.cityName {
font-size: 12px;
}
.singlePartnerTeaser .col:last-child {
padding-left: 20px;
}
.singleTourBoxContent {
min-height: 54px;
padding: 8px;
}
.singleTourBoxContent div {
width: 100%;
}
}
@media (min-width: 768px) {
.geschenkgutscheinTeaser:before {
left: -24px;
top: -24px;
width: 140px;
height: 140px;
}
.heroMain > .container.heroBottomContainer {
display: block;
position: absolute;
bottom: 15px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 100%;
height: auto;
}
.page-id-57670 .heroMain {
min-height: 510px;
}
.heroContent {
position: absolute;
left: 0;
top: 54%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
z-index: 12;
color: #fff;
text-align: center;
}
}
.hero h1,
.heroContent h1 {
margin: 0;
text-transform: none;
display: block;
padding: 8px 0;
font-size: 2.6rem;
width: auto;
color: #fff;
font-family: "Source Sans Pro";
font-weight: 600;
}
.heroContent h3,
.heroContent .headline3 {
color: #fff;
font-size: 1.8rem;
font-weight: 300;
line-height: 1.5;
}
.home .hero h1 {
font-size: 3.6rem;
}
.hero h2 {
font-size: 32px;
display: inline-block;
padding: 12px 30px;
margin-top: -14px;
width: auto;
}
.textSubline {
font-weight: normal;
font-family: 'Source Sans Pro';
font-size: 1.6rem;
line-height: 1.5;
}
.heroContent .bigH1,
.heroContents .bigH1 {
font-size: 3rem;
margin-bottom: 18px;
}
.page-template-landingpage_reduziert .heroContent .bigH1 {
font-size: 4.2rem;
}
.page-template-landingpage_reduziert .rightCol {
text-align: left;
padding-left: 0;
}
.heroContent form .button-primary {
line-height: 1.2;
height: auto;
padding: 15px 24px;
margin-top: 0;
}
.heroContent img {
max-width: 300px;
}
.heroContent h1 .sublineH1 {
line-height: 1.25;
font-size: 2.2rem;
font-weight: normal;
display: inline-block;
}
.heroSubline {
font-size: 2rem;
font-weight: 400;
}
.geschenkgutscheinTeaser {
position: relative;
overflow: visible;
}
.geschenkgutscheinTeaser:before {
position: absolute;
content: " ";
left: -18px;
top: -18px;
width: 112px;
height: 112px;
background: url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/images/theme/last-minute-badge.png) center no-repeat;
background-size: cover;
z-index: 1;
}
@media (max-width: 767px) {
span.cityName {
font-size: 12px;
}
.singlePartnerTeaser .col:last-child {
padding-left: 20px;
}
.singleTourBoxContent {
min-height: 54px;
padding: 8px;
}
.singleTourBoxContent div {
width: 100%;
}
}
@media (min-width: 768px) {
.geschenkgutscheinTeaser:before {
left: -24px;
top: -24px;
width: 140px;
height: 140px;
}
.heroMain > .container.heroBottomContainer {
display: block;
position: absolute;
bottom: 15px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 100%;
height: auto;
}
.page-id-57670 .heroMain {
min-height: 510px;
}
.heroContent {
position: absolute;
left: 0;
top: 54%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
z-index: 12;
color: #fff;
text-align: center;
}
.soldInfo {
font-size: 16px;
}
#searchbutton {
background-position: center right 24px;
}
#searchbutton.searching {
background-color: #e75700;
}
.gutscheinesold {
min-width: 240px;
font-size: 54px;
}
.herosectionimage { }
.heroContent ul {
padding-left: 0;
}
.heroContent.herosectionintro {
padding-bottom: 30px;
}
.heroContent.herosectionintro h1 {
font-weight: 600;
}
.heroContent.herosectionintro h3,
.searchAboveMap .headline3 {
color: #fff;
font-weight: 300;
}
.partnerContact {
padding-left: 0;
padding-right: 0;
}
#autocomplete {
font-size: 20px;
font-weight: bold;
}
.cities {
font-size: 15px;
}
.cities a {
padding: 5px 14px;
}
.heroHeader {
padding-top: 100px;
padding-bottom: 60px;
}
.heroHeaderText {
font-size: 32px;
}
.heroHeaderName,
h1.heroHeaderName {
font-size: 64px; }
.heroContent img {
max-width: 360px;
}
.heroMain > .singleSlide > .container.heroBottomContainer > .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.heroContent h1 {
font-size: 4.2rem;
}
.heroContent .bigH1 {
font-size: 4.8rem;
}
.page-template-landingpage_reduziert .heroContent .bigH1 {
font-size: 4.8rem;
}
.priceDiv {
max-width: 233px;
}
.heroContent h1 .sublineH1 {
line-height: 1.35;
font-size: 3.0rem;
font-weight: normal;
display: inline-block;
margin-top: 18px;
}
.infoIconWrap h5 {
margin-bottom: 12px;
margin-top: 9px;
}
.heroSubline {
font-size: 2rem;
}
}
.heroContent .noPaddingFormRow .button,
.searchAboveMap .button {
margin: 0!important;
height: 54px;
padding-top: 0;
padding-bottom: 0;
line-height: 54px;
text-align: center;
padding: 0;
width: 100%;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.heroContent .noPaddingFormRow input[type="text"] {
line-height: 54px;
height: 54px;
padding-left: 24px;
border: none;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.home .hero {
height: 40vh;
min-height: 450px;
}
.heroSmall {
position: relative;
height: 40vh;
background-size: cover;
}
#typewriter {
white-space: nowrap;
}
.landingPageHero {
position: relative;
padding: 0;
}
.landingPageHero .heroMain {
height: 65vh;
min-height: 360px;
}
.page-id-57670 .landingPageHero .heroMain {
height: auto;
}
.page-id-57670 .hasOverlay:before {
content: "";
display: none;
}
.subline,
.beforeSubline {
font-size: 1.8rem;
color: #fff;
display: inline;
}
.beforeSubline {
color: #c38f00;
}
.page-id-57670 .singlePage,
.pageWithContentSections {
padding-top: 70px;
}
.page-template-landingpage_reduziert .pageWithContentSections,
.lpDiagonal .pageWithContentSections,
.transparentHeader .pageWithContentSections,
.transparentHeader .singlePage {
padding-top: 0!important;
}
.landingPageReducedHeader + main .pageWithContentSections {
padding-top: 0!important;
}
.landingPageReducedHeader + main .pageWithContentSections section:first-child {
padding-top: 32px;
}
header.landingPageReducedHeader {
background: transparent!important;
}
header.landingPageReducedHeader .brandColorLogo {
display: none;
}
header.landingPageReducedHeader .brandWhite {
display: block;
}
header.landingPageReducedHeader .contactHeader {
-webkit-transition: .3s all ease;
transition: .3s all ease;
opacity: 0;
pointer-events: none;
}
.scrolled header.landingPageReducedHeader {
background: #fff!important;
}
.scrolled header.landingPageReducedHeader .brandColorLogo {
display: block;
}
.scrolled header.landingPageReducedHeader .brandWhite {
display: none;
}
.scrolled header.landingPageReducedHeader .contactHeader {
opacity: 1;
pointer-events: all;
}
.heroBottomContainer {
padding-top: 24px;
padding-bottom: 18px;
background: #e72c6e;
background: -webkit-gradient(linear, left top, left bottom, from(#e72c6e), to(#aa1580));
background: linear-gradient(to bottom, #e72c6e 0%, #aa1580 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e72c6e', endColorstr='#aa1580', GradientType=0);
}
.infoIconWrap {
position: relative;
padding: 8px 0 8px 50px;
color: #fff;
}
h1.b2b {
font-weight: bold;
text-transform: uppercase!important;
}
.heroBottomContainer h4 {
color: #fff;
}
.infoIconWrap .infoIcon {
position: absolute;
left: 0;
top: 8px;
width: 75px;
height: auto;
}
.infoIconWrap .infoIcon img {
width: auto;
height: auto;
max-height: 36px;
max-width: 100%;
}
@media (min-width: 992px) {
.page-id-57670 .singlePage,
.pageWithContentSections {
padding-top: 90px;
}
.partnerContact {
padding-top: 0;
}
.partnerContact .col-6:first-child {
margin-bottom: 15px;
}
.singleBekanntaus:nth-child(4),
.singleBekanntaus:nth-child(5),
.singleBekanntaus:nth-child(6) {
display: block;
}
.singleBekanntaus {
height: 54px;
}
.bekanntausLabel {
font-size: 14px;
padding-top: 0;
}
.heroHeaderName,
h1.heroHeaderName {
font-size: 54px;
}
.heroContent img {
max-width: 500px;
}
}
@media (min-width: 1200px) {
.backgroundAttachmentFixed {
background-attachment: fixed;
}
.heroContents .bigH1 {
font-size: 4.2rem;
}
.herosectionimage {
background-position: top;
background-attachment: fixed;
}
.landingPageHero .heroMain {
background-attachment: fixed;
}
#section_1.landingPageHero .heroMain {
background-attachment: scroll;
}
.page-template-landingpage_reduziert .leftCol {
text-align: right;
padding-right: 30px;
}
.page-template-landingpage_reduziert .rightCol {
text-align: left;
padding-left: 30px;
}
.heroHeaderName,
h1.heroHeaderName {
font-size: 54px;
}
}
.heroStage {
padding-top: 90px;
text-align: center;
}
.heroStage h1,
.heroStage h2,
.heroStage h3,
.heroStage h4,
.heroStage h5,
.heroStage h6,
.heroStage .headline1,
.heroStage .headline2,
.heroStage .headline3,
.heroStage .headline4,
.heroStage .headline5,
.heroStage .headline6,
.heroStage p,
.heroStage ul,
.heroStage ol {
color: #fff;
}
.heroStage .contentContainer {
z-index: 2;
color: black;
}
.heroStage .aboveLine {
font-size: 2rem;
line-height: 1.25;
}
.heroStage .bgBrush {
font-size: 1.6rem;
padding: 8px 38px 18px 38px;
background-size: contain;
background-repeat: no-repeat;
display: inline-block;
color: #fff;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 6px;
}
.heroStage .headline1 {
margin-top: 24px;
font-size: 3.rem;
font-weight: normal;
text-transform: none;
}
.heroStage .subline,
.heroStage .beforeSubline {
font-size: 1.8rem;
color: #fff;
display: inline;
font-weight: 300;
}
.heroStage .beforeSubline {
color: #c38f00;
}
.heroStage .mobileCollage {
margin: 32px 0;
position: relative;
}
.heroStage .mobileCollage .voucherImageMockup {
height: auto;
width: 55vw;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 3;
}
.heroStage .mobileCollage .moodImage {
height: 45vw;
width: 100%;
background-size: cover;
background-position: center;
}
.heroStage .mobileCollage .moodImageMobileWrap {
position: relative;
}
.heroStage .mobileCollage .moodImageMobileWrapWithOverlay:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: -webkit-gradient(linear, left top, right top, color-stop(40%, rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.1)));
background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 40%, rgba(0, 0, 0, 0.1) 100%);
z-index: 1;
}
.heroStage.previewIsPrintGutschein .mobileCollage .voucherImageMockup {
width: 75vw;
left: -15px;
}
.heroStage.previewIsPrintGutschein .moodImage #mobileTriangle {
background-image: -webkit-gradient(linear, left top, right bottom, from(#002a43), color-stop(50%, #002a43), color-stop(50%, transparent));
background-image: linear-gradient(to right bottom, #002a43 0%, #002a43 50%, transparent 50%);
position: absolute;
width: 40%;
height: 100%;
top: 0;
left: 0;
}
.heroStage.bgContainerHasBlueGradient .moodImage:before {
background: linear-gradient(45deg, #002a43 0%, rgba(0, 42, 67, 0.2) 100%);
content: " ";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media (min-width: 768px) {
.heroStage {
height: 50vh;
min-height: 540px;
text-align: left;
}
.heroStage .leftContentCol {
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
.heroStage .aboveLine {
font-size: 2rem;
}
.heroStage .bgBrush {
font-size: 1.6rem;
padding: 8px 32px 20px 32px;
min-width: 300px;
}
.heroStage .headline1 {
font-size: 3rem;
}
.heroStage .subline,
.heroStage .beforeSubline {
font-size: 1.8rem;
}
.heroStage .backgroundContainer {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 60%;
background-size: cover;
background-position: center;
}
.heroStage .backgroundContainer #triangle {
background-image: -webkit-gradient(linear, left top, right bottom, from(#002a43), color-stop(50%, #002a43), color-stop(50%, transparent));
background-image: linear-gradient(to right bottom, #002a43 0%, #002a43 50%, transparent 50%);
position: absolute;
width: 40%;
height: 100%;
top: 0;
left: 0;
}
.heroStage .voucherImageMockup {
width: 150%;
position: absolute;
top: 0;
left: -140px;
}
.heroStage .voucherImageMockup img {
width: 100%;
height: auto;
}
.heroStage.previewIsPrintGutschein .voucherImageMockup {
top: auto;
bottom: -60px;
}
.heroStage.bgContainerHasBlueGradient .backgroundContainer:before {
background: linear-gradient(45deg, #000000 0%, rgba(0, 0, 0, 0.2) 100%);
content: " ";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.heroStageRestaurant .backgroundContainer {
right: -50px;
}
.heroStageRestaurant .backgroundContainer.withOverlay:before {
content: " ";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
}
}
@media (min-width: 992px) {
.heroStage {
height: 70vh;
min-height: 620px;
}
.heroStage .leftContentCol {
-webkit-transform: translateY(50px);
transform: translateY(50px);
}
.heroStage .aboveLine {
font-size: 1.8rem;
}
.heroStage .bgBrush {
font-size: 1.8rem;
padding: 10px 48px 20px 34px;
display: inline-block;
min-width: 340px;
}
.heroStage .headline1 {
font-size: 3.6rem;
font-weight: 400;
}
.heroStage .subline,
.heroStage .beforeSubline {
font-size: 2rem;
}
.heroStage .voucherImageMockup {
width: 130%;
left: -160px;
}
.heroStage.previewIsPrintGutschein .voucherImageMockup {
width: 130%;
left: -230px;
bottom: -120px;
}
}
@media (min-width: 1200px) {
.heroStage {
height: 70vh;
min-height: 640px;
}
.heroStage .aboveLine {
font-size: 1.8rem;
}
.heroStage .headline1 {
font-size: 4.2rem;
}
.heroStage .subline,
.heroStage .beforeSubline {
font-size: 2.0rem;
}
.heroStage .voucherImageMockup {
width: 110%;
left: -175px;
}
}
@media (min-width: 1200px) {
.heroStage {
min-height: 660px;
}
.heroStage .voucherImageMockup {
width: 110%;
top: 36px;
left: -196px;
}
}
@media (min-width: 1600px) {
.heroStage {
height: 72vh;
min-height: 720px;
}
.heroStage .aboveLine {
font-size: 2rem;
}
.heroStage .bgBrush {
min-width: 360px;
}
.heroStage .headline1 {
font-size: 4.6rem;
}
.heroStage .subline,
.heroStage .beforeSubline {
font-size: 2.2rem;
}
.heroStage .voucherImageMockup {
top: 15px;
width: 120%;
left: -180px;
}
}
.home .inlinelabel {
white-space: nowrap!important;
}
.home .heroStage h1 {
font-size: 24px;
font-weight: normal;
}
.home .heroStage .headline1 {
font-weight: light!important;
}
.home .previewIsPrintGutschein .voucherImageMockup {
left: -190px;
width: 205%;
}
@media (max-width: 767px) {
.home.scrolled header .brand,
.home.showMenu header .brand {
margin-top: 0!important;
}
.home header .brand {
left: 50%;
margin-top: 42px!important;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
-webkit-transition: .3s all ease;
transition: .3s all ease;
}
.home .heroStage {
padding-top: 90px!important;
}
.home .heroStage .contentContainer {
margin-top: 0!important;
}
.home .heroStage .backgroundContainer {
display: none;
}
.home .heroStage h1 {
font-size: 20px;
margin-top: 40px;
font-weight: light;
margin-bottom: 0px;
}
.home .heroStage .headline1 {
font-weight: 300;
display: none;
}
.home .heroStage .mobileCollage {
margin-top: 32px!important;
margin-bottom: 32px;
}
.home .heroStage .mobileCollage .col-9 {
-webkit-box-flex: 100%;
-ms-flex: 100%;
flex: 100%;
max-width: 100%;
margin-left: 0%;
}
.home .heroStage .mobileCollage #mobileTriangle {
display: none;
}
.home .heroStage .mobileCollage .moodImage {
-webkit-transform: scale(1.15) rotate(-4deg);
transform: scale(1.15) rotate(-4deg);
display: block;
}
.home .heroStage .mobileCollage .moodImage:before {
background: linear-gradient(5deg, #012a44 0%, rgba(0, 0, 0, 0.1) 80%);
}
.home .heroStage .mobileCollage .voucherImageMockup {
width: 110vw;
left: -25px;
top: 50px;
-webkit-transform: rotate(4deg);
transform: rotate(4deg);
position: absolute!important;
}
.home .heroStage .col-12.order-4 {
margin-top: 120px;
}
.home.scrolled header .brand,
.home.showMenu header .brand {
margin-top: 0;
left: 15px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
@media (min-width: 768px) {
.home .heroStage h1 {
font-size: 20px;
font-weight: 300!important;
margin-bottom: 0;
}
.home .backgroundContainer #triangle {
width: 100%;
background: -webkit-gradient(linear, left top, right top, color-stop(4%, #032b44), color-stop(99%, rgba(3, 43, 68, 0)));
background: linear-gradient(90deg, #032b44 4%, rgba(3, 43, 68, 0) 99%);
}
}
@media (min-width: 992px) {
.home .heroStage h1 {
font-size: 24px;
}
.home .previewIsPrintGutschein .voucherImageMockup {
left: -250px;
width: 175%;
}
}
@media (min-width: 1200px) {
.home .previewIsPrintGutschein .voucherImageMockup {
left: -350px;
width: 145%;
}
} @media (max-width: 767px) {
.transparentHeader header .brand {
left: 50%;
margin-top: 125px;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
-webkit-transition: .3s all ease;
transition: .3s all ease;
}
.transparentHeader .heroStageCities {
padding-top: 0;
}
.transparentHeader .heroStageCities h1 {
margin-bottom: 0;
}
.transparentHeader .heroStageCities .backgroundContainer {
height: 300px;
background-size: cover;
background-position: center;
position: relative;
z-index: 0;
}
.transparentHeader .heroStageCities .backgroundContainer:before {
content: " ";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(3, 43, 68, 0.05)), color-stop(99%, #032b44));
background: linear-gradient(180deg, rgba(3, 43, 68, 0.05) 0%, #032b44 99%);
z-index: 1;
}
.transparentHeader .heroStageCities .contentContainer {
margin-top: -90px;
}
.transparentHeader .heroStageCities .contentContainer h1 {
font-size: 2.0rem;
}
.transparentHeader .heroStageCities .mobileCollage {
margin-top: 8px;
margin-bottom: 0;
}
.transparentHeader .heroStageCities .mobileCollage .voucherImageMockup {
position: relative;
width: 100%!important;
left: 0!important;
-webkit-transform: scale(1);
transform: scale(1);
}
.transparentHeader .heroStageCities .moodImage {
display: none;
}
.transparentHeader .heroStageCities .beforeSubline {
display: block;
margin-top: -10px;
margin-bottom: 8px;
}
.productCategory.scrolled header .brand,
.productCategory.showMenu header .brand {
margin-top: 0;
left: 15px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
@media (min-width: 768px) {
.transparentHeader .subline {
font-size: 2.0rem;
}
.transparentHeader .staticMd {
position: static;
}
.transparentHeader .heroButtonWrap {
position: absolute;
bottom: 0;
left: 40px;
-webkit-transform: translateY(50%);
transform: translateY(50%);
border: 20px solid #002a43;
}
.transparentHeader .heroButtonWrap .button {
margin-bottom: 0;
}
.transparentHeader .heroStageCities .backgroundContainer #triangle {
width: 100%;
background: -webkit-gradient(linear, left top, right top, color-stop(4%, #032b44), color-stop(99%, rgba(3, 43, 68, 0)));
background: linear-gradient(90deg, #032b44 4%, rgba(3, 43, 68, 0) 99%);
}
.transparentHeader .heroStageCities h1 {
margin-bottom: 0;
font-size: 2.4rem;
}
}
.heroStageCities .heroContentsLegacy {
color: #fff;
}
.heroStageCities .heroContentsLegacy h1,
.heroStageCities .heroContentsLegacy h2,
.heroStageCities .heroContentsLegacy .h1,
.heroStageCities .heroContentsLegacy .h2 {
color: #fff;
}
.heroStageCities .heroContentsLegacy h1 {
font-size: 2.6rem;
font-weight: 600;
margin: 18px 0 12px 0;
}
.heroStageCities .heroContentsLegacy h1.bigH1 {
font-size: 3rem;
}
.heroStageCities .heroContentsLegacy h2 {
font-size: 2.2rem;
margin: 0 0 12px 0;
}
.heroStageCities .heroContentsLegacy ul {
color: #fff;
margin-left: 0;
list-style-type: none;
font-size: 1.6rem;
padding: 24px 0;
}
@media (min-width: 768px) {
.heroStageCities .heroContentsLegacy h1 {
font-size: 4.2rem;
margin: 0 0 24px 0;
}
.heroStageCities .heroContentsLegacy h1.bigH1 {
font-size: 4.1rem;
}
.heroStageCities .heroContentsLegacy h2 {
font-size: 2.6rem;
}
.heroStageCities .heroContentsLegacy ul {
font-size: 2.2rem;
}
}
@media (min-width: 1200px) {
.heroStageCities .heroContentsLegacy h1 {
font-size: 3.4rem;
}
.heroStageCities .heroContentsLegacy h1.bigH1 {
font-size: 3.8rem;
}
.heroStageCities .heroContentsLegacy h2 {
font-size: 2.4rem;
}
.heroStageCities .heroContentsLegacy ul {
font-size: 2rem;
}
}
.heroStage.bgGourmet,
.heroStage.bgGenuss,
.heroStage.bgFoodies {
padding-bottom: 20px;
}
.heroStage.bgGourmet h1,
.heroStage.bgGenuss h1,
.heroStage.bgFoodies h1,
.heroStage.bgGourmet .headline1,
.heroStage.bgGenuss .headline1,
.heroStage.bgFoodies .headline1,
.heroStage.bgGourmet .subline,
.heroStage.bgGenuss .subline,
.heroStage.bgFoodies .subline {
color: #000;
}
.heroStage.bgGourmet .headline1,
.heroStage.bgGenuss .headline1,
.heroStage.bgFoodies .headline1 {
font-size: 3.6rem;
}
.heroStage.bgGenuss {
background: #fd883b;
}
.heroStage.bgGenuss .backgroundContainer:before {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(253, 136, 59, 0.05)), color-stop(79%, #fd883b));
background: linear-gradient(180deg, rgba(253, 136, 59, 0.05) 0%, #fd883b 79%);
}
.heroStage.bgGenuss .backgroundContainer #triangle {
background: -webkit-gradient(linear, left top, right top, color-stop(4%, #fd883b), color-stop(99%, rgba(253, 136, 59, 0)));
background: linear-gradient(90deg, #fd883b 4%, rgba(253, 136, 59, 0) 99%);
}
.heroStage.bgGourmet {
background: #b89fff;
}
.heroStage.bgGourmet .backgroundContainer:before {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(184, 159, 255, 0.05)), color-stop(79%, #b89fff));
background: linear-gradient(180deg, rgba(184, 159, 255, 0.05) 0%, #b89fff 79%);
}
.heroStage.bgGourmet .backgroundContainer #triangle {
background: -webkit-gradient(linear, left top, right top, color-stop(4%, #b89fff), color-stop(99%, rgba(184, 159, 255, 0)));
background: linear-gradient(90deg, #b89fff 4%, rgba(184, 159, 255, 0) 99%);
}
.heroStage.bgFoodies {
background: #75b85b;
}
.heroStage.bgFoodies .backgroundContainer:before {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(117, 184, 91, 0.05)), color-stop(79%, #75b85b));
background: linear-gradient(180deg, rgba(117, 184, 91, 0.05) 0%, #75b85b 79%);
}
.heroStage.bgFoodies .backgroundContainer #triangle {
background: -webkit-gradient(linear, left top, right top, color-stop(4%, #75b85b), color-stop(99%, rgba(117, 184, 91, 0)));
background: linear-gradient(90deg, #75b85b 4%, rgba(117, 184, 91, 0) 99%);
}
@media (max-width: 767px) {
.heroStage.bgGourmet,
.heroStage.bgGenuss,
.heroStage.bgFoodies {
height: 240px;
}
.heroStage.bgGourmet .backgroundContainer,
.heroStage.bgGenuss .backgroundContainer,
.heroStage.bgFoodies .backgroundContainer {
height: 240px;
}
.heroStage.bgGourmet .contentContainer,
.heroStage.bgGenuss .contentContainer,
.heroStage.bgFoodies .contentContainer {
margin-top: -105px;
}
.heroStage.bgGourmet h1,
.heroStage.bgGenuss h1,
.heroStage.bgFoodies h1 {
font-size: 1.8rem;
}
.heroStage.bgGourmet .headline1,
.heroStage.bgGenuss .headline1,
.heroStage.bgFoodies .headline1 {
margin-top: -12px;
font-size: 2.4rem;
}
.heroStage.bgGourmet .subline,
.heroStage.bgGenuss .subline,
.heroStage.bgFoodies .subline {
font-weight: normal;
font-size: 1.6rem;
}
}
.partnerGutscheinPreviewWrap {
width: 1000px;
height: auto;
-webkit-box-shadow: 0px 0px 14px 4px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 14px 4px rgba(0, 0, 0, 0.4);
position: relative;
}
.partnerGutscheinPreviewWrap .partnerGutscheinPreviewInner {
width: 100%;
padding-top: 141.45%;
}
.partnerGutscheinPreviewWrap img {
border-radius: 0!important;
width: 100%;
height: auto;
}
.partnerGutscheinPreviewWrap .partnerGutscheinImgBg {
position: absolute;
top: 0;
left: 0;
}
.partnerGutscheinPreviewWrap .partnerGutscheinImgWrap {
position: absolute;
left: 0;
top: 0;
z-index: 2;
}
.partnerGutscheinPreviewWrap .partnerGutscheinName {
width: 100%;
padding: 0 5px;
position: absolute;
z-index: 3;
top: 46%;
text-align: center;
font-size: 64px;
line-height: 1.2;
color: #002a43;
text-transform: uppercase;
}
.partnerGutscheinPreviewWrap .partnerGutscheinName.nameS {
font-size: 48px;
line-height: 1.6;
}
.partnerGutscheinPreviewWrap .partnerGutscheinName.nameXs {
font-size: 40px;
line-height: 1;
}
.partnerGutscheinPreviewWrap.has3dLeft,
.dinA4Previewimage.has3dLeft img { -webkit-transform: perspective(1000px) rotateX(4deg) rotateY(-16deg) rotateZ(4deg);
transform: perspective(1000px) rotateX(4deg) rotateY(-16deg) rotateZ(4deg);
-webkit-box-shadow: 24px 16px 64px 0 rgba(0, 0, 0, 0.18);
box-shadow: 24px 16px 64px 0 rgba(0, 0, 0, 0.18);
border-radius: 2px; }
.partnerGutscheinPreviewWrap.has3dRight,
.dinA4Previewimage.has3dRight img { -webkit-transform: perspective(1000px) rotateX(-4deg) rotateY(15deg) rotateZ(-4deg);
transform: perspective(1000px) rotateX(-4deg) rotateY(15deg) rotateZ(-4deg);
-webkit-box-shadow: -24px 16px 64px 0 rgba(0, 0, 0, 0.18);
box-shadow: -24px 16px 64px 0 rgba(0, 0, 0, 0.18);
border-radius: 2px; }
.partnerGutscheinPreviewWrap.no3dNeutral,
.dinA4Previewimage.no3dNeutral img { -webkit-transform: perspective(-1000px) rotateX(0deg) rotateY(4deg) rotateZ(-4deg);
transform: perspective(-1000px) rotateX(0deg) rotateY(4deg) rotateZ(-4deg);
-webkit-box-shadow: -24px 16px 64px 0 rgba(0, 0, 0, 0.18);
box-shadow: -24px 16px 64px 0 rgba(0, 0, 0, 0.18);
border-radius: 2px; }
@media (max-width: 767px) {
.partnerGutscheinPreviewWrap.no3dNeutralMobile,
.dinA4Previewimage.no3dNeutralMobile img { -webkit-transform: none;
transform: none;
-webkit-box-shadow: -24px 16px 64px 0 rgba(0, 0, 0, 0.18);
box-shadow: -24px 16px 64px 0 rgba(0, 0, 0, 0.18);
border-radius: 2px; }
.partnerGutscheinPreviewWrap.has3dRightMobile,
.dinA4Previewimage.has3dRightMobile img { -webkit-transform: perspective(1000px) rotateX(-4deg) rotateY(15deg) rotateZ(-4deg);
transform: perspective(1000px) rotateX(-4deg) rotateY(15deg) rotateZ(-4deg);
-webkit-box-shadow: -24px 16px 64px 0 rgba(0, 0, 0, 0.18);
box-shadow: -24px 16px 64px 0 rgba(0, 0, 0, 0.18);
border-radius: 2px; }
.heroStageRestaurant {
padding-top: 0;
}
.heroStageRestaurant .backgroundContainer {
height: 300px;
background-size: cover;
background-position: center;
position: relative;
z-index: 0;
}
.heroStageRestaurant .backgroundContainer:before {
content: " ";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(3, 43, 68, 0.05)), color-stop(99%, #032b44));
background: linear-gradient(180deg, rgba(3, 43, 68, 0.05) 0%, #032b44 99%);
z-index: 1;
}
.heroStageRestaurant .contentContainer {
margin-top: -120px;
}
.heroStageRestaurant .mobileCollage {
margin-top: 8px;
}
.heroStageRestaurant .dinA4Previewimage {
width: 100%!important;
text-align: center;
}
.heroStageRestaurant .dinA4Previewimage img {
width: 60%;
height: auto;
}
.heroStageRestaurant .voucherImageMockupRestaurant {
width: 100%!important;
text-align: center;
}
.heroStageRestaurant .voucherImageMockupRestaurant img {
width: 90%;
height: auto;
}
.heroStageRestaurant .partnerGutscheinPreview {
left: 50%;
-webkit-transform: scale(0.18) translateX(-50%);
transform: scale(0.18) translateX(-50%);
}
.heroStageRestaurant .partnerGutscheinPreviewWrap,
.heroStageRestaurant .dinA4Previewimage.no3dNeutralMobile img {
-webkit-box-shadow: -24px 16px 64px 0 rgba(0, 0, 0, 0.88);
box-shadow: -24px 16px 64px 0 rgba(0, 0, 0, 0.88);
}
}
.heroStageRestaurant .headline1 {
line-height: 1.15;
text-transform: none;
font-weight: normal;
margin-bottom: 8px;
text-transform: uppercase;
}
.heroStageRestaurant .bgBrush {
display: none!important;
}
.heroStageRestaurant .subline {
font-size: 1.6rem;
font-weight: 300;
display: block;
margin-bottom: 16px;
}
.heroStageRestaurant .aboveHeadline {
text-transform: none;
margin-bottom: 8px;
font-size: 2rem;
font-weight: 300;
display: block;
}
.heroStageRestaurant .partnerGutscheinPreviewContainer {
height: 240px;
}
.heroStageRestaurant .partnerGutscheinPreview {
-webkit-transform-origin: top left;
transform-origin: top left;
z-index: 11;
position: absolute;
top: 0;
}
.heroStageRestaurant .dinA4Previewimage {
width: 180%;
position: relative;
z-index: 3;
}
.heroStageRestaurant .voucherImageMockupRestaurant {
width: 200%;
position: relative;
z-index: 3;
}
@media (min-width: 768px) {
.heroStageRestaurant .borderBox {
border-radius: 5px;
position: relative;
padding: 0 45px 55px 60px;
border: 1px solid #c38f00;
}
.heroStageRestaurant .borderBox .headline1 {
margin-bottom: 25px;
}
.heroStageRestaurant .borderBox .headline1 span {
-webkit-transform: translateY(-20px) translateX(-24px);
transform: translateY(-20px) translateX(-24px);
background: #002a43;
display: block;
width: 180px;
font-size: 2.4rem;
padding-left: 24px;
}
.heroStageRestaurant .borderBox .subline {
font-size: 2.0rem;
}
.heroStageRestaurant .borderBox .staticMd {
position: static;
}
.heroStageRestaurant .borderBox .heroButtonWrap {
position: absolute;
bottom: 0;
left: 40px;
-webkit-transform: translateY(50%);
transform: translateY(50%);
border: 20px solid #002a43;
}
.heroStageRestaurant .borderBox .heroButtonWrap .button {
margin-bottom: 0;
}
.single-product .heroStageRestaurant {
min-height: 590px;
}
.single-product .heroStageRestaurant .backgroundContainer #triangle {
width: 100%;
background: -webkit-gradient(linear, left top, right top, color-stop(4%, #032b44), color-stop(99%, rgba(3, 43, 68, 0)));
background: linear-gradient(90deg, #032b44 4%, rgba(3, 43, 68, 0) 99%);
}
.single-product .heroStageRestaurant .partnerGutscheinPreviewContainer {
height: 380px;
pointer-events: none;
position: absolute;
top: 0;
left: -65px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.single-product .heroStageRestaurant .partnerGutscheinPreview {
-webkit-transform: scale(0.28);
transform: scale(0.28);
}
.single-product .heroStageRestaurant .dinA4Previewimage {
width: 100%;
-webkit-transform: translateX(-60px);
transform: translateX(-60px);
}
.single-product .heroStageRestaurant .voucherImageMockupRestaurant {
width: 120%;
-webkit-transform: translateX(-80px);
transform: translateX(-80px);
}
}
@media (min-width: 992px) {
.single-product .heroStageRestaurant {
min-height: 570px;
}
.single-product .heroStageRestaurant .partnerGutscheinPreviewContainer {
left: -70px;
}
.single-product .heroStageRestaurant .partnerGutscheinPreview {
-webkit-transform: scale(0.33);
transform: scale(0.33);
}
.single-product .heroStageRestaurant .dinA4Previewimage {
width: 90%;
-webkit-transform: translateX(-60px) translateY(30px);
transform: translateX(-60px) translateY(30px);
}
.single-product .heroStageRestaurant .voucherImageMockupRestaurant {
width: 120%;
-webkit-transform: translateX(-80px) translateY(50px);
transform: translateX(-80px) translateY(50px);
}
.single-product .heroStageRestaurant .voucherImageMockupRestaurant.previewWeiterLinks {
-webkit-transform: translateX(-210px) translateY(50px);
transform: translateX(-210px) translateY(50px);
}
}
@media (min-width: 1200px) {
.single-product .heroStageRestaurant {
min-height: 650px;
}
.single-product .heroStageRestaurant .partnerGutscheinPreviewContainer {
left: -120px;
}
.single-product .heroStageRestaurant .dinA4Previewimage {
width: 90%;
-webkit-transform: translateX(-180px) translateY(30px);
transform: translateX(-180px) translateY(30px);
}
.single-product .heroStageRestaurant .voucherImageMockupRestaurant {
width: 120%;
-webkit-transform: translateX(-80px) translateY(50px);
transform: translateX(-80px) translateY(50px);
}
.single-product .heroStageRestaurant .voucherImageMockupRestaurant img {
width: 100%;
height: auto;
max-width: 100%;
max-height: 570px;
}
.single-product .heroStageRestaurant .voucherImageMockupRestaurant.previewWeiterLinks {
-webkit-transform: translateX(-210px) translateY(50px);
transform: translateX(-210px) translateY(50px);
}
}
@media (min-width: 1400px) {
.single-product .heroStageRestaurant .headline1 {
font-size: 4.5rem;
}
.single-product .heroStageRestaurant .dinA4Previewimage {
width: 80%;
}
}
@media (min-width: 1600px) {
.single-product .heroStageRestaurant .headline1 {
font-size: 5rem;
}
.single-product .heroStageRestaurant .dinA4Previewimage {
width: 85%;
-webkit-transform: translateX(-160px) translateY(50px);
transform: translateX(-160px) translateY(50px);
}
.single-product .heroStageRestaurant .voucherImageMockupRestaurant {
width: 120%;
-webkit-transform: translateX(-120px) translateY(50px);
transform: translateX(-120px) translateY(50px);
}
.single-product .heroStageRestaurant .voucherImageMockupRestaurant.previewWeiterLinks {
-webkit-transform: translateX(-280px) translateY(50px);
transform: translateX(-280px) translateY(50px);
}
}.xmasStylingTopLeft {
background: url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/images/xmas/xmas_bg_top_left.jpg) top left no-repeat;
background-size: 150px;
}
.xmasStylingTopRight {
background: url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/images/xmas/xmas_bg_top_right.jpg) top right no-repeat;
background-size: 120px;
}
.xmasStylingTopRight2 {
background: url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/images/xmas/xmas_bg_top_right_2.jpg) top right no-repeat;
background-size: 150px;
}
.xmasStylingBottomRight {
background: url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/images/xmas/xmas_bg_bottom_right.jpg) bottom right no-repeat;
background-size: 170px;
}
.xmasStylingBottomLeft {
background: url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/images/xmas/xmas_bg_bottom_left.jpg) bottom left no-repeat;
background-size: 170px;
}
.xmasAfterRight3:after,
.generalXmasStyling .heroStage + .bekanntAusSlider:after {
content: "";
position: absolute;
right: 0;
top: 0;
height: 200px;
width: 60px;
display: block;
background: url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/images/xmas/xmas_bg_top_right_3.jpg) top right no-repeat;
background-size: contain;
z-index: -1;
}
.xmasBeforeLeft:before,
.generalXmasStyling .heroStage + .bekanntAusSlider:before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100px;
width: 150px;
display: block;
opacity: 0;
background: url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/images/xmas/xmas_bg_top_left.jpg) top left no-repeat;
background-size: contain;
z-index: -1;
}
@media (max-width: 767px) {
.bildTextKombiFullWidth {
background: none!important;
}
.bildTextKombiFullWidth.xmasStylingTopLeft .textCol {
background: url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/images/xmas/xmas_bg_top_left.jpg) top left no-repeat;
background-size: 150px;
}
.bildTextKombiFullWidth.xmasStylingTopRight .textCol {
background: url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/images/xmas/xmas_bg_top_right.jpg) top right no-repeat;
background-size: 120px;
}
.bildTextKombiFullWidth.xmasStylingTopRight2 .textCol {
background: url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/images/xmas/xmas_bg_top_right_2.jpg) top right no-repeat;
background-size: 150px;
}
.bildTextKombiFullWidth.xmasStylingBottomRight .textCol {
background: url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/images/xmas/xmas_bg_bottom_right.jpg) bottom right no-repeat;
background-size: 170px;
}
.bildTextKombiFullWidth.xmasStylingBottomLeft .textCol {
background: url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/images/xmas/xmas_bg_bottom_left.jpg) bottom left no-repeat;
background-size: 170px;
}
}
@media (min-width: 992px) {
.xmasStylingTopLeft,
.xmasStylingBottomLeft,
.xmasStylingBottomRight,
.xmasStylingTopRight2 {
background-size: 270px;
}
.xmasStylingTopRight {
background-size: 200px;
}
.xmasBeforeLeft:before,
.generalXmasStyling .heroStage + .bekanntAusSlider:before {
opacity: 1;
}
.xmasAfterRight3:after,
.generalXmasStyling .heroStage + .bekanntAusSlider:after {
width: 100px;
}
}
@media (min-width: 1200px) {
.xmasBeforeLeft:before,
.generalXmasStyling .heroStage + .bekanntAusSlider:before {
width: 270px;
height: 180px;
}
.xmasAfterRight3:after,
.generalXmasStyling .heroStage + .bekanntAusSlider:after {
width: 130px;
}
}
.xmasStyling .bgLight {
background-color: #f5eedf !important;
}
.xmasStyling .kundenSlider > .container > .row:after {
content: '';
margin-top: 12px;
width: 100%;
height: 1px;
bottom: 0px;
background: none; }
.xmasStyling .singleInfopunktIcon.roundIcon {
background-image: url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/images/xmas/icon-check-round-catering.png);
}
.xmasStyling .greenlabel,
.xmasStyling .greenlabel:before,
.xmasStyling .greenlabel:after {
background: #be8d19;
color: #fff;
}
.xmasStyling .zitatText {
background-image: url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/images/xmas/quotationmark.png);
}
.xmasStyling .brandColorAkzent,
.xmasStyling .grundIcon i,
.xmasStyling span.faktIcon {
color: #be8d19;
}
.xmasStyling .zahlenUndFakten.bgLight path {
fill: #be8d19 !important;
}
.xmasStyling .zahlenUndFakten.bgLight i {
color: #be8d19 !important;
}
.xmasStyling .gruende.bgLight {
background-color: #002a43 !important;
}
.XXXgeneralXmasStyling .mobileCollage {
margin-left: -15px;
margin-right: -15px;
}
.XXXgeneralXmasStyling .mobileCollage .voucherImageMockup {
top: 30%;
}
.XXXgeneralXmasStyling .mobileCollage:after {
content: " ";
width: 100%;
height: 200px;
pointer-events: none;
position: absolute;
bottom: -30px;
left: 0;
z-index: 3;
background-image: url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/images/xmas/xmasCitiesMobile4.png);
background-size: contain;
background-position: bottom center;
background-repeat: no-repeat;
}
.snowflake {
position: absolute;
width: 10px;
height: 10px;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
background: linear-gradient(#ffffff, #ffffff); border-radius: 50%;
-webkit-filter: drop-shadow(0 0 10px #ffffff);
filter: drop-shadow(0 0 10px #ffffff);
} .stickyBookingBarWrap {
min-height: 72px;
}
.bookingBarStickyCta {
position: fixed;
bottom: -120px;
left: 0;
display: block;
width: 100%;
z-index: 1002;
background: #f8f5eb;
-webkit-transition: 0.3s all ease-in;
transition: 0.3s all ease-in;
padding: 8px 0;
color: #303030;
}
.bookingBarStickyCta .button {
margin-bottom: 0;
font-size: 18px;
}
.bookingBarStickyCta .priceSubline {
font-size: 1.4rem;
font-weight: light;
color: #777777;
}
select#gift_amounts {
width: 100px;
background: #f8f5eb url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/images/theme/caret.svg) right 14px center no-repeat;
background-size: 10px;
}
@media (max-width: 767px) {
.stickyBookingBoxPrice {
font-size: 1.8rem;
line-height: 1.2;
padding-left: 0;
position: relative;
}
.stickyBookingBoxPrice img {
width: 72px;
float: left;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.showBookingBox .bookingBarStickyCta {
display: none;
}
.bookingBarStickyCta {
display: block;
}
}
.gutscheinPreviewCol {
min-height: 56px;
}
.gutscheinPreviewCol .partnerGutscheinPreview {
position: absolute;
top: -27px;
left: 5px;
height: 80px;
-webkit-transform: scale(0.07);
transform: scale(0.07);
-webkit-transform-origin: top left;
transform-origin: top left;
}
.gutscheinPreviewCol .dinA4Previewimage,
.gutscheinPreviewCol .voucherImageMockupRestaurant,
.gutscheinPreviewCol .voucherImageMockup {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 5px;
width: 80px;
}
.gutscheinPreviewCol .voucherImageMockup {
left: -8px;
}
@media (min-width: 768px) {
.bookingBoxHeader {
display: none;
}
.bookingBox form {
margin-top: 18px;
}
.bookingBox form #gift_amounts {
width: 104px;
}
.single-product .bookingBox .bookingBoxContent {
padding: 25px 25px 8px 25px;
}
.stickyBookingBoxInfo,
.stickyAnfrageBoxInfo {
position: relative;
line-height: 1.2;
}
.stickyBookingBoxInfo:before {
content: " ";
background-image: url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/images/gutscheine/geschenkteaser_sm.png);
font-size: 44px;
background-size: cover;
color: #777777;
opacity: 1;
position: absolute;
left: -154px;
top: -10px;
display: block;
width: 140px;
height: 84px;
}
.stickyBookingBarWrapStaedtegutschein .stickyBookingBoxInfo:before,
.stickyBookingBarWrapCustomized .stickyBookingBoxInfo:before,
.stickyBookingBarWrapRestaurant .stickyBookingBoxInfo:before {
display: none;
}
.bookingBarStickyCta {
display: block;
}
.stickyAnfrageBoxInfo:before {
content: " ";
background-image: url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/images/mix/b2b_kontaktperson.png);
background-size: cover;
color: #777777;
opacity: 1;
position: absolute;
left: -154px;
top: -50px;
display: block;
width: 120px;
height: 120px;
}
.stickyBookingBarWrapRestaurant .partnerGutscheinPreviewContainer {
position: absolute;
top: -10px;
left: -104px;
height: 100px;
}
.stickyBookingBarWrapRestaurant .partnerGutscheinPreview {
-webkit-transform: scale(0.09) translateX(80%) translateY(-40%);
transform: scale(0.09) translateX(80%) translateY(-40%);
-webkit-transform-origin: top left;
transform-origin: top left;
}
.stickyBookingBarWrapRestaurant .dinA4Previewimage,
.stickyBookingBarWrapRestaurant .voucherImageMockupRestaurant {
left: -20px;
}
.stickyBookingBarWrapStaedtegutschein .voucherImageMockup {
left: -20px;
-webkit-transform: scale(1.25) translateY(-40%);
transform: scale(1.25) translateY(-40%);
}
}
@media (min-width: 992px) {
.stickyBookingBoxInfo:before {
top: -16px;
}
.stickyBookingBarWrapRestaurant .partnerGutscheinPreviewContainer {
left: -10px;
}
.stickyBookingBarWrapRestaurant .dinA4Previewimage,
.stickyBookingBarWrapRestaurant .voucherImageMockupRestaurant {
left: 60px;
}
}
@media (min-width: 1200px) {
.stickyAnfrageBoxInfo:before {
top: -60px;
}
.stickyBookingBarWrapRestaurant .partnerGutscheinPreviewContainer {
left: 0px;
}
.stickyBookingBarWrapRestaurant .dinA4Previewimage,
.stickyBookingBarWrapRestaurant .voucherImageMockupRestaurant {
left: 80px;
}
.stickyBookingBarWrapStaedtegutschein .stickyBookingBoxInfo {
font-size: 1.8rem;
padding-bottom: 5px;
}
} .scrolledHero .bookingBarStickyCta { bottom: 0;
-webkit-box-shadow: 0 -5px 15px -2px rgba(0, 0, 0, 0.25);
box-shadow: 0 -5px 15px -2px rgba(0, 0, 0, 0.25);
}
.scrolledHero.nonStickyCta .bookingBarStickyCta {
position: static;
-webkit-box-shadow: none;
box-shadow: none;
background: #f8f5eb;
} .wpcf7-form.sent .probegutschein {
display: none;
}
.stickyBookingBarWrap .sent div.wpcf7-response-output:before {
content: "" !important;
}
.bookingBarStickyCta .sent .wpcf7-response-output {
padding: 8px 8px;
margin: 0;
}
img.probegutscheinPreview {
position: absolute;
left: -20px;
top: -32px;
max-width: 120px;
}
.probegutscheinForm input,
.probegutscheinForm wpcf7-form-control-wrap {
display: inline-block;
vertical-align: middle;
}
.probegutscheinForm input[type=email] {
width: 156px;
}
.probegutscheinForm .wpcf7-submit {
height: 42px!important;
margin: 0;
padding: 0 24px!important;
line-height: 42px!important;
}
@media (min-width: 992px) {
.probegutscheinForm input,
.probegutscheinForm wpcf7-form-control-wrap {
display: inline-block;
vertical-align: middle;
}
img.probegutscheinPreview {
position: absolute;
left: -20px;
top: -32px;
max-width: 160px;
}
} .bookingBox {
-webkit-transition: .4s all ease;
transition: .4s all ease;
font-size: 1.7rem;
color: #303030;
background: #fff;
margin-bottom: 8px;
text-align: left;
-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
}
.bookingBox .bookingBoxContent {
padding: 25px 25px 8px 25px;
}
.bookingBox .zahlungsLine {
line-height: 20px;
}
.bookingBox .zahlungsLine img.zahlungsIcon {
height: 20px;
width: auto;
margin-top: 0;
margin-right: 3px;
}
.bookingBox form #gift_amounts,
.bookingBox form .free.gift_amounts {
width: 104px;
}
.bookingBox form .button {
width: 100%;
max-width: 245px;
font-size: 1.6rem;
margin: 0;
padding-left: 0;
padding-right: 0;
text-align: center;
height: 48px;
line-height: 48px;
}
.bookingBox form .labelCol {
font-size: 15px;
}
.bookingBox h2 {
font-size: 2.4 rem;
margin-bottom: 18px;
}
.bookingBox h1,
.bookingBox h2,
.bookingBox h3,
.bookingBox h4,
.bookingBox h5,
.bookingBox h6,
.bookingBox .headline1,
.bookingBox .headline2,
.bookingBox .headline3,
.bookingBox .headline4,
.bookingBox .headline5,
.bookingBox .headline6 {
color: #303030;
}
.bookingBox hr {
margin: 2rem 0;
}
.bookingBox .button.buttonCta {
margin-top: 0;
}
.bookingBox .bookingBoxRow {
padding-bottom: 15px;
}
.bookingBox .bookingBoxRow:last-child {
padding: 0;
}
.bookingBox .labelCol {
padding-right: 0;
max-width: 140px;
}
.bookingBox .logoCol {
padding-right: 0;
margin-left: 0;
color: #c38f00;
font-size: 2.4rem;
line-height: 1;
}
.bookingBox .factRow {
margin-bottom: 8px;
}
.bookingBox .emittentInfo {
font-size: 12px;
color: #aaa;
padding-top: 4px;
}
.bookingBox .previewImageCol .partnerGutscheinPreview {
height: 180px;
-webkit-transform: scale(0.125);
transform: scale(0.125);
-webkit-transform-origin: top left;
transform-origin: top left;
}
.bookingBox .previewImageCol.limitPreviewImageSize {
text-align: center;
}
.bookingBox .previewImageCol.limitPreviewImageSize img {
width: 100%;
max-width: 165px;
}
.postInfoBox {
position: relative;
font-size: 1.2rem;
line-height: 1.25;
text-align: right;
color: #777777;
}
.postInfoBox i {
-webkit-transform: scale(1.25);
transform: scale(1.25);
}
.voucherPreviewTabs .voucherImageMockup {
display: none;
}
.voucherPreviewTabs .voucherImageMockup.active {
display: table;
width: 100%;
min-height: 185px;
text-align: center;
}
.voucherPreviewTabs .voucherImageMockup.active > div {
display: table-cell;
vertical-align: middle;
}
.voucherPreviewTabs .voucherPreviewTab {
background: #fafafa;
padding: 8px 5px;
display: inline-block;
width: 50%;
text-align: center;
font-size: 1.4rem;
position: relative;
cursor: pointer;
z-index: 1;
}
.voucherPreviewTabs .voucherPreviewTab.active {
background: #002a43;
color: #fff;
}
.voucherPreviewTabs .voucherPreviewTab.active:after {
content: '\25B2';
display: block;
position: absolute;
left: 50%;
top: -12px;
color: #002a43;
-webkit-transform: translateX(-50%) scale(2, 1);
transform: translateX(-50%) scale(2, 1);
z-index: 0;
}
@media (max-width: 767px) {
.showBookingBox header {
visibility: hidden;
pointer-events: none;
}
.showBookingBox .alwaysStickyBookingBox {
top: 0!important;
bottom: auto!important;
-webkit-transform: none!important;
transform: none!important;
}
.showBookingBox .alwaysStickyBookingBox .heroStage .previewImageCol .voucherImageMockup {
-webkit-transform: scale(1.4) translateY(10px) !important;
transform: scale(1.4) translateY(10px) !important;
}
.bookingBox {
-webkit-transition: .45s all ease;
transition: .45s all ease;
position: fixed;
top: 100%;
left: 0;
min-height: 100%;
width: 100%;
z-index: 111003;
}
.bookingBox logoCol {
margin-left: 0;
}
.bookingBox .inputCol,
.bookingBox .inputsCol {
padding: 0;
}
.bookingBoxHeader {
background: #f8f5eb;
line-height: 24px;
}
.bookingBoxHeader i {
font-size: 2.4rem;
}
.bookingBoxHeader .col:first-child {
padding-left: 25px;
}
a.closeBookingBox {
-webkit-transition: .3s all ease;
transition: .3s all ease;
background: #002a43;
color: #fff!important;
line-height: 48px;
width: 100%;
display: block;
font-size: 2.4rem;
}
a.closeBookingBox:hover {
background: #002134;
}
}
@media (min-width: 768px) {
.voucherPreviewTabs .voucherImageMockupPrint img {
-webkit-transform: scale(1.4);
transform: scale(1.4);
}
.bookingBoxHeader {
display: none;
}
.bookingBox form {
margin-top: 18px;
}
.bookingBox form #gift_amounts {
width: 104px;
}
.single-product .bookingBox .bookingBoxContent {
padding: 25px 25px 8px 25px;
}
.showBookingBox .bookingBox.alwaysStickyBookingBox {
-webkit-transform: translateY(0) !important;
transform: translateY(0) !important;
top: auto!important;
bottom: 0!important;
}
.bookingBox.alwaysStickyBookingBox {
-webkit-transition: .3s all ease;
transition: .3s all ease;
margin-bottom: 0;
position: fixed;
top: auto;
bottom: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
left: 0;
height: auto;
min-height: none;
width: 100%;
z-index: 111003;
}
.bookingBox.alwaysStickyBookingBox logoCol {
margin-left: 0;
}
.bookingBox.alwaysStickyBookingBox .bookingBoxHeader {
display: block;
}
.bookingBox.alwaysStickyBookingBox .inputCol,
.bookingBox.alwaysStickyBookingBox .inputsCol {
padding: 0;
}
.bookingBox.alwaysStickyBookingBox .buttonCta {
padding-top: 6px;
padding-bottom: 6px;
height: auto;
}
.bookingBoxHeader {
background: #fff;
}
.bookingBoxHeader a.closeBookingBox {
-webkit-transition: .3s all ease;
transition: .3s all ease;
background: #002a43;
color: #fff!important;
line-height: 48px;
width: 100%;
display: block;
font-size: 2.4rem;
cursor: pointer;
}
.bookingBoxHeader a.closeBookingBox:hover {
background: #002134;
}
.bookingBoxHeader i {
font-size: 2.4rem;
}
.bookingBoxContent {
background: #f8f5eb;
}
.bookingBoxContent .bookingBoxInner {
padding: 25px;
background: #fff;
margin: 0px auto;
max-width: 800px;
}
.previewImageCol .partnerGutscheinPreview {
height: 230px;
-webkit-transform: scale(0.16);
transform: scale(0.16);
}
.single-product .bookingBox ul.checkIconList li {
display: inline-block;
width: 49%;
padding-right: 27px;
vertical-align: top;
}
ul.sublineInfos {
padding-top: 8px;
font-size: 1.6rem;
}
}
@media (min-width: 992px) {
.single-product .bookingBox ul.checkIconList li {
display: inline-block;
width: 22%;
padding-right: 10px;
}
}  #partnersektion {
background: #f8f5eb;
}
#partnersektion span {
text-transform: uppercase;
font-weight: bold;
font-size: 2rem;
color: #bbb;
padding-bottom: 12px;
display: inline-block;
}
footer {
background: #fff;
position: relative;
margin-top: 0;
text-align: left;
line-height: 1.5;
padding: 24px 0 20px 0;
font-size: 1.5rem;
border-top: 1px solid #cccccc;
}
footer hr {
margin: 24px 0;
}
footer.lpFooter {
border-top: none;
}
.page-template-landingpage_reduziert .footerTwoNavCol,
.page-template-landingpage_reduziert .socialMediaCol > * {
display: none;
}
.socialMediaCol {
text-align: right;
}
.socialMediaCol a {
color: #999;
-webkit-transform: translateY(5px);
transform: translateY(5px);
margin-right: 8px;
display: inline-block;
}
.footerLogo,
img.footerLogo {
width: 100%;
max-width: 72px;
}
footer h5,
footer .headline5 {
margin-bottom: 8px;
}
footer ul.menu li {
display: block;
}
footer ul.menu li a,
.footerSecondRow .aElement {
display: inline-block;
color: #303030;
margin-bottom: 6px;
}
footer ul.menu li.buttonStyle a,
footer ul.menu li.buttonStyle .aElement {
border: 1px solid #303030;
border-radius: 5px;
padding: 8px 20px;
}
.copyrightNav ul.menu li a,
.copyrightNav ul.menu li span {
padding: 0 10px 0 0;
color: #303030;
margin-right: 10px;
margin-bottom: 0;
}
footer a {
color: #303030;
}
footer ul.menu li:last-child a,
footer ul.menu li:last-child span {
padding-right: 0;
margin-right: 0;
}
.footerCol + .footerCol {
margin-top: 32px;
}
.checkoutFooter {
font-size: 1.6rem;
background: #fff;
}
.checkoutFooter.aufladeFooter {
background: #fff;
}
.checkoutFooter h5 {
font-size: 1.8rem;
margin-bottom: 10px;
color: #777777;
}
.socialMediaCol {
text-align: left;
}
.socialMediaCol img {
height: auto;
width: 40%;
}
.and {
color: #aaa;
display: inline-block;
width: 10%;
text-align: center;
font-size: 24px;
}
footer img.ssl {
float: left;
height: 36px;
margin-bottom: 24px;
}
footer .copyrightCol {
font-size: 85%;
}
footer .aElement:hover {
-webkit-transition: .3s all ease;
transition: .3s all ease;
}
.copyrightNav ul.menu li span:hover,
footer .aElement:hover {
cursor: pointer;
color: #c64700;
}
.copyright {
margin-right: 20px;
}
.copyrightNav {
font-size: 1.4rem;
display: inline-block;
}
.copyrightNav li {
font-size: 85%;
}
.paymentCol img,
img.zahlungsIcon {
height: 24px;
margin-right: 10px;
margin-top: 10px;
}
.singleSocialMedia {
line-height: 40px;
margin-right: 5px;
vertical-align: center;
width: 40px;
height: 40px;
border-radius: 50%;
background: #002a43;
display: inline-block;
color: #fff;
text-align: center;
font-size: 2.4rem;
-webkit-transition: .3s all ease;
transition: .3s all ease;
}
.singleSocialMedia:hover {
color: #fff;
background-color: #002134;
}
@media (max-width: 767px) {
.mobileToggleMenu {
display: none;
}
.footerNavCol .headline5,
.footerNavCol h5 {
cursor: pointer;
}
.footerNavCol .headline5:after,
.footerNavCol h5:after {
font-family: "FontAwesome";
content: " \f0da";
-webkit-transition: .3s all ease;
transition: .3s all ease;
}
.footerNavCol.expanded .headline5:after,
.footerNavCol.expanded h5:after {
font-family: "FontAwesome";
content: " \f0d7";
}
}
@media (min-width: 768px) {
.copyrightNav {
text-align: right;
}
#partnersektion {
padding: 48px 0;
}
footer {
padding-top: 36px;
}
footer h5,
footer .headline5 {
margin-bottom: 12px;
}
}
@media (min-width: 992px) {
footer .footerCol.contactCol,
footer .footerCol.paymentCol {
margin-top: 0;
}
.aboutFooterNavCol {
margin-top: 0;
}
.footerInfo {
margin-top: -124px;
}
} .slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
} .slick-loading .slick-list {
background: #ffffff url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/images/theme/ajax-loader.gif) center center no-repeat;
} .slick-prev,
.slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1;
color: #fff;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: .25;
}
.slick-prev:before,
.slick-next:before {
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-slider button {
-webkit-box-shadow: none;
box-shadow: none;
}
.slick-prev {
left: -25px;
}
[dir='rtl'] .slick-prev {
right: -25px;
left: auto;
}
.slick-prev:before {
content: '←';
}
[dir='rtl'] .slick-prev:before {
content: '→';
}
.slick-next {
right: -25px;
}
[dir='rtl'] .slick-next {
right: auto;
left: -25px;
}
.slick-next:before {
content: '→';
}
[dir='rtl'] .slick-next:before {
content: '←';
} .slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
font-size: 15px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
opacity: .75;
color: black;
}
.slideShow.slick-slider {
margin-bottom: 0;
}
ul.slick-dots {
bottom: -30px;
}
ul.slick-dots button {
-webkit-transform: scale(2);
transform: scale(2);
margin-bottom: 0;
}
ul.slick-dots li button::before {
color: #002a43;
}
.slick-arrow,
.slick-arrow:active,
.slick-arrow:focus {
width: 40px;
height: 40px;
border-radius: 50%;
background: #fff;
text-align: center;
-webkit-box-shadow: 0px 0 8px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0px 0 8px 0 rgba(0, 0, 0, 0.25);
}
.slick-arrow:hover {
background: #002a43;
}
.slick-arrow:hover:before {
color: #fff!important;
}
.slick-prev {
left: -15px;
z-index: 11;
opacity: 1!important;
}
.slick-prev:before {
font-family: "FontAwesome";
font-size: 32px;
content: " \f104";
color: #303030;
}
.slick-next {
right: -15px;
z-index: 11;
opacity: 1!important;
}
.slick-next:before {
color: #303030;
font-family: "FontAwesome";
font-size: 32px;
content: "\f105";
padding-left: 7px;
opacity: 1!important;
}
.slideShow + a.scrollMe {
display: none;
}
.slideShow[data-slidesnumber="1"] ul.slick-dots {
display: none;
}
.slideShow .singleSlide {
display: none;
}
.slideShow .singleSlide:first-child,
.slideShow .singleSlide.slick-slide {
display: block;
}
.singleRestaurantTeaserSlider .slick-next {
-webkit-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.32);
box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.32);
right: 5px;
}
.singleRestaurantTeaserSlider .slick-prev {
left: 5px;
-webkit-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.32);
box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.32);
}
@media (max-width: 768px) {
.slideShow.noSingleSlideShow .singleSlide:nth-child(2) {
display: block;
}
.slideShow[data-slidesnumber="1"] ul.slick-dots {
display: none;
}
.categoryRestaurantteaser .singleRestaurantTeaserCol {
display: none;
}
.categoryRestaurantteaser .singleRestaurantTeaserCol.slick-slide,
.categoryRestaurantteaser .singleRestaurantTeaserCol:first-child {
display: block;
}
}
@media (min-width: 992px) {
.slideShow.noSingleSlideShow .singleSlide:nth-child(3) {
display: block;
}
.slideShow[data-slidesnumber="3"] ul.slick-dots {
display: none;
}
.singleRestaurantTeaserSlider {
position: relative;
}
.singleRestaurantTeaserSlider .slick-next {
right: 5px;
}
.singleRestaurantTeaserSlider .slick-prev {
left: 5px;
}
.singleRestaurantTeaserSlider:after,
.singleRestaurantTeaserSlider:before {
display: block;
content: " ";
position: absolute;
left: 0;
top: 0;
width: 90px;
height: 100%;
background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
background: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
z-index: 10;
}
.singleRestaurantTeaserSlider:before {
left: auto;
right: 0;
background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.5)));
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%);
}
} #mainSearchBar,
.mainSearchBar {
margin: 14px 0 36px 0;
}
#mainSearchBar #autocomplete,
.mainSearchBar #autocomplete {
-webkit-box-shadow: 0px 0px 12px 5px rgba(0, 0, 0, 0.05);
box-shadow: 0px 0px 12px 5px rgba(0, 0, 0, 0.05);
}
#mainSearchBar.noPaddingFormRow input[type="text"],
#autocomplete {
line-height: 54px;
height: 54px;
padding-left: 24px;
border: none;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
#mainSearchBar,
.mainSearchBar {
margin: 14px 0 36px 0;
}
#mainSearchBar #autocomplete,
.mainSearchBar #autocomplete {
-webkit-box-shadow: 0px 0px 12px 5px rgba(0, 0, 0, 0.05);
box-shadow: 0px 0px 12px 5px rgba(0, 0, 0, 0.05);
}
#mainSearchBar .button,
.mainSearchBar .button,
#searchbutton {
margin: 0!important;
height: 54px;
padding-top: 0;
padding-bottom: 0;
line-height: 54px;
text-align: center;
padding: 0;
width: 100%;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
color: #fff;
font-size: 1.8rem;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.heroContent .noPaddingFormRow input[type="text"],
#mainSearchBar.noPaddingFormRow input[type="text"],
#autocomplete {
line-height: 54px;
height: 54px;
padding-left: 24px;
border: none;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
#mainSearchBar,
.mainSearchBar {
margin: 14px 0 36px 0;
}
#mainSearchBar #autocomplete,
.mainSearchBar #autocomplete {
-webkit-box-shadow: 0px 0px 12px 5px rgba(0, 0, 0, 0.05);
box-shadow: 0px 0px 12px 5px rgba(0, 0, 0, 0.05);
}
#searchbutton {
background-size: 20px;
background-position: center right 8px;
background-repeat: no-repeat;
min-width: 0!important;
}
#autocomplete:focus {
border-bottom-left-radius: 0;
}
.autocomplete-suggestions {
margin-top: 0;
border: 1px solid #fff;
border-top: 1px solid #eee;
background: #f6f6f6;
overflow: auto;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.autocomplete-suggestion {
padding: 10px 15px;
white-space: nowrap;
overflow: hidden;
}
.autocomplete-selected {
background: #002a43;
color: #fff;
font-weight: bold;
cursor: pointer;
}
.autocomplete-suggestions strong {
font-weight: 600;
color: #002a43;
}
.autocomplete-no-suggestion {
text-align: center;
padding: 10px 15px;
}
.citysugg {
display: inline-block;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.autocomplete-suggestions .smaller,
.autocomplete-suggestions .smaller i {
color: #aaa;
}
.autocomplete-suggestions i {
color: #999;
}
.autocomplete-suggestions .autocomplete-selected .smaller,
.autocomplete-suggestions .autocomplete-selected .smaller i {
color: #fff;
font-weight: normal;
}
.autocomplete-no-suggestion .a2a_button_twitter:before {
content: "\f099";
}
.autocomplete-no-suggestion .a2a_button_email:before {
content: "\f003";
}
.autocomplete-no-suggestion .a2a_button_linkedin:before {
content: "\f0e1";
}
.autocomplete-no-suggestion .a2a_button_telegram:before {
content: "\f2c6";
}
.autocomplete-no-suggestion .a2a_button_whatsapp:before {
content: "\f232";
}
.autocomplete-suggestions .autocomplete-selected strong {
color: #fff;
}
#autocomplete {
font-size: 16px;
font-weight: bold;
}
#searchbutton {
background-size: 20px;
background-position: center right 8px;
background-repeat: no-repeat;
min-width: 0!important;
}
.autocomplete-group {
padding: 2px 5px;
}
.autocomplete-group strong {
display: block;
border-bottom: 1px solid #000;
}
.heroContent .noPaddingFormRow .button,
.searchAboveMap .button {
margin: 0!important;
height: 54px;
padding-top: 0;
padding-bottom: 0;
line-height: 54px;
text-align: center;
padding: 0;
width: 100%;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.filterTag {
padding: 3px 6px;
border-radius: 4px;
border: 1px solid #cccccc;
display: inline-block;
line-height: 1;
text-transform: capitalize;
}
.radioButtons input[type="radio"] {
opacity: 0;
position: fixed;
width: 0;
}
.radioButtons label {
display: inline-block;
background-color: #fff;
padding: 8px 10px 6px 10px;
font-size: 1.4rem;
font-family: sans-serif, Arial;
border-radius: 3px;
cursor: pointer;
text-transform: none;
}
.radioButtons input[type="radio"]:checked + label {
background-color: #c38f00;
color: #002a43;
}
.filterCheckboxesColumn {
padding: 15px;
background: #fff;
}
.filterCheckboxes .filterCheckboxWrap {
position: relative;
margin-bottom: 4px;
}
.filterCheckboxes input[type="checkbox"] {
position: absolute;
left: 0;
top: 5px;
}
.filterCheckboxes label {
padding-left: 27px;
}
@media (min-width: 768px) {
.radioButtons input[type="radio"] {
opacity: 0;
position: fixed;
width: 0;
}
.radioButtons label {
display: inline-block;
background-color: #fff;
padding: 12px 20px 9px 20px;
font-size: 1.6rem;
letter-spacing: 0px;
margin-right: 10px;
}
}
@media (min-width: 1600px) {
.radioButtons input[type="radio"] {
opacity: 0;
position: fixed;
width: 0;
}
.radioButtons label {
display: inline-block;
background-color: #fff;
padding: 12px 27px 9px 27px;
font-size: 1.6rem;
text-transform: uppercase;
letter-spacing: 0px;
margin-right: 10px;
}
}
#restaurantscontent {
min-height: 80vh;
}
#restaurantscontent .smaller {
font-size: 13px;
}
#filterrestaurantsform #autocomplete.smallversion {
height: 45px;
font-size: 18px;
border-radius: 4px!important;
font-weight: normal;
}
#suggestionsanchor .autocomplete-suggestions {
-webkit-box-shadow: 0px 15px 15px 4px rgba(0, 0, 0, 0.52);
box-shadow: 0px 15px 15px 4px rgba(0, 0, 0, 0.52);
sborder: 1px solid #c38f00;
border-top: none;
margin-top: 2px;
}
.restaurantFilterRow {
margin-left: -5px;
margin-right: -5px;
}
#restaurantscontent {
position: relative;
}
#restaurantscontent.loading:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/images/theme/loading.svg) rgba(55, 55, 55, 0.8) no-repeat top 100px center;
background-size: 60px;
z-index: 1111;
}
#restaurantscontent.loading {
opacity: 0.51;
}
.pagination.loading {
height: 100px;
position: relative;
}
.pagination.loading * {
opacity: 0;
}
.pagination.loading:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/images/theme/loading.svg) rgba(55, 55, 55, 0.8) no-repeat center;
background-size: 60px;
z-index: 1111;
}
.pagination .page-numbers:not(.next) {
display: none;
}
@media (min-width: 768px) {
#autocomplete {
font-size: 20px;
font-weight: bold;
}
} .showInPopWindowOnly {
display: none;
}
.popWindow.small {
width: 90%;
max-width: 640px;
height: auto;
max-height: 95%;
top: 50%;
left: 50%;
-webkit-transform: scale(0) translateX(-50%) translateY(-50%);
transform: scale(0) translateX(-50%) translateY(-50%);
}
.popWindow.popped {
-webkit-transform: scale(1);
transform: scale(1);
}
.popWindow.popped.small {
-webkit-transform: scale(1) translateX(-50%) translateY(-50%);
transform: scale(1) translateX(-50%) translateY(-50%);
}
.popWindow {
overflow: none;
-webkit-box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.2);
-webkit-transition: .5s all ease;
transition: .5s all ease;
-webkit-transform: scale(0);
transform: scale(0); position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-height: 100%;
background: #eee;
background-size: 50px;
background-position: center;
background-repeat: no-repeat;
z-index: 999990; }
.popWindow .showInPopWindowOnly {
display: block;
}
.popWindow .hideInPopWindow {
display: none;
}
.popWindow .popWindowHeader {
-webkit-box-shadow: 0px 0px 3px 0px rgba(102, 102, 102, 0.63);
box-shadow: 0px 0px 3px 0px rgba(102, 102, 102, 0.63);
position: fixed;
z-index: 999991;
min-height: 20px;
top: 0;
left: 0;
width: 100%;
padding: 14px 8px;
text-align: center;
background: #002a43;
color: #fff;
}
.popWindow .popWindowHeader .close {
position: absolute;
right: 0;
top: 0;
background: rgba(0, 0, 0, 0.3);
-webkit-transition: .3s all ease;
transition: .3s all ease;
padding: 13px 15px;
height: 100%;
}
.popWindow .popWindowHeader .close:hover {
cursor: pointer;
background: rgba(0, 0, 0, 0.6);
}
.popWindow .popWindowContent {
height: 100vh;
overflow-y: scroll;
padding: 60px 0 20px 0;
min-height: 200px;
}
.popWindow .popWindowFooter {
display: none;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 8px;
text-align: center;
background: #ddd;
}
.popWindow.loading {
background-image: url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/images/theme/loadingspinner.svg);
}
.xdsoft_datetimepicker {
z-index: 99999999999!important;
}
#popWindowSpeisekarte .popWindowContent {
padding: 32px 0 0;
background-color: #002B3B;
}
#popWindowSpeisekarte .popWindowContent iframe {
width: 100%;
height: 100%;
border: none;
}
#popWindowSpeisekarte .popWindowHeader {
height: 57px;
background: #002B3B;
-webkit-box-shadow: none;
box-shadow: none;
}
#popWindowSpeisekarte a.triggerClose {
width: 56px;
}
@media (min-width: 768px) {
.popWindow.small {
width: 50%;
}
.popWindow {
width: 100%;
height: 100%;
}
.popWindow .restaurantTeaserIntroText {
display: block;
}
}
@media (min-width: 992px) {
.popWindow .popWindowContent {
padding: 90px 20px 20px 20px;
}
.popWindow .popWindowHeader b {
font-size: 2.0rem;
}
.popWindow .popWindowHeader .close {
padding: 14px 32px;
font-size: 24px;
}
} .genericPopupOverlay {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 999999;
background: rgba(33, 33, 33, 0.88);
-webkit-transform: translateY(60%) scale(0);
transform: translateY(60%) scale(0);
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
background-position: center;
background-repeat: no-repeat;
}
.genericPopupOverlay.loading {
background-image: url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/images/theme/loadingspinner_white.svg);
}
.genericPopupOverlay.visible {
-webkit-transform: translateY(0) scale(1);
transform: translateY(0) scale(1);
display: block!important;
}
.genericPopup {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 90%;
max-width: 760px;
background: #fff;
padding: 0;
border-radius: 3px;
}
.genericPopup .contentRightCol {
background: #f3f3f3;
padding: 25px;
}
.genericPopup .contentRightCol input[type="email"],
.genericPopup .contentRightCol input[type=text] {
border: #fff;
}
.genericPopup .contentRightCol input[type=submit],
.genericPopup .contentRightCol .submitButton {
width: 100%;
background: #c38f00;
border: 1px #c38f00;
color: #002a43;
-webkit-transition: .3s all ease;
transition: .3s all ease;
font-weight: bold;
}
.genericPopup .contentRightCol input[type=submit]:hover,
.genericPopup .contentRightCol .submitButton:hover {
width: 100%;
background: #906c1b;
border: 1px #906c1b;
-webkit-transform: scale(0.96);
transform: scale(0.96);
}
.genericPopup .contentRightCol .wpcf7-form.sent .row {
display: none;
}
.genericPopup .contentRightCol .wpcf7-response-output {
margin-top: 1em;
margin-bottom: 0.5em;
}
.genericPopup .contentRightCol .checkboxRow {
background: #eee;
padding: 6px 6px 4px 10px;
margin-bottom: 4px;
position: relative;
padding-left: 24px;
border-radius: 5px;
-webkit-transition: .3s all ease;
transition: .3s all ease;
}
.genericPopup .contentRightCol .checkboxRow input {
position: absolute;
left: 5px;
top: 11px;
z-index: 1;
}
.genericPopup .contentRightCol .checkboxRow:hover {
background: #ddd;
}
.genericPopup .contentRightCol .details {
display: none;
}
.genericPopup .contentRightCol textarea {
margin-bottom: 8px;
}
.genericPopup .close {
position: absolute;
top: -18px;
right: -18px;
border-radius: 50%;
cursor: pointer;
width: 40px;
height: 40px;
background: #002a43;
color: #fff;
font-size: 32px;
line-height: 32px;
text-align: center;
-webkit-transition: .3s all ease;
transition: .3s all ease;
}
.genericPopup .close:hover {
background: #002134;
color: #fff;
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
body.preventScrolling {
overflow-y: hidden;
position: fixed;
}
#partnerInfosForRedemptionOverlay.genericPopupOverlay {
-webkit-transform: none;
transform: none;
overflow: hidden;
height: 100vh;
overscroll-behavior: contain;
z-index: 999998;
}
#partnerInfosForRedemption.genericPopup {
height: 90vh;
display: none;
-webkit-transform: scale(0) translate(-50%, -50%);
transform: scale(0) translate(-50%, -50%);
-webkit-transition: .3s all ease;
transition: .3s all ease;
max-width: 1080px;
overscroll-behavior: contain;
z-index: 999999;
}
#partnerInfosForRedemption.genericPopup #redemptionBox {
margin-bottom: 24px;
padding: 15px;
}
#partnerInfosForRedemption.genericPopup #redemptionBox h5 {
font-size: 2.0rem;
margin: 12px 0 27px 0;
}
#partnerInfosForRedemption.genericPopup #redemptionBox .guthabenInfos {
text-align: center;
font-size: 1.2rem;
color: #777777;
margin-bottom: 18px;
}
#partnerInfosForRedemption.genericPopup #redemptionBox .button-cta {
margin-top: 12px;
}
#partnerInfosForRedemption.genericPopup #partnerInfosForRedemptionContent {
overflow-Y: scroll;
overflow-x: hidden;
height: 90vh;
}
#partnerInfosForRedemption.genericPopup select#gift_amounts {
width: 100%;
background-color: #fafafa;
border-radius: 3px;
}
#partnerInfosForRedemption.genericPopup .customBetragChoiceWrap,
#partnerInfosForRedemption.genericPopup .gift_amounts_wrap {
position: relative;
margin-bottom: 12px;
}
#partnerInfosForRedemption.genericPopup .customBetragChoiceWrap:after,
#partnerInfosForRedemption.genericPopup .gift_amounts_wrap:after {
content: "\f153";
font-family: "FontAwesome";
position: absolute;
right: 15px;
top: 50%;
color: #999;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
#partnerInfosForRedemption.genericPopup input.customBetragChoice,
#partnerInfosForRedemption.genericPopup input.gift_amounts.free {
line-height: 48px;
height: 48px;
border-radius: 3px;
-webkit-appearance: textfield!important;
-moz-appearance: textfield!important;
appearance: textfield!important;
}
#partnerInfosForRedemption.genericPopup .redemptionGastroImage {
background-size: cover;
background-position: center;
height: 180px;
}
#partnerInfosForRedemption.genericPopup .redemptionGastroProfile {
padding: 25px 15px;
}
#partnerInfosForRedemption.genericPopup .redemptionGastroProfile .restaurantMainHeadline {
font-size: 23px;
margin-bottom: 8px;
font-weight: 600;
text-transform: uppercase;
}
#partnerInfosForRedemption.genericPopup .redemptionGastroProfile .restaurantMainSubline {
font-size: 16px;
margin-bottom: 12px;
}
#partnerInfosForRedemption.genericPopup .redemptionGastroProfile img.restaurantMainLogo {
max-height: 110px;
max-width: 160px;
width: 100%;
height: auto;
-webkit-transform: translateX(-15px);
transform: translateX(-15px);
}
#partnerInfosForRedemption.genericPopup .redemptionGastroProfile .reviews i.fa-star,
#partnerInfosForRedemption.genericPopup .redemptionGastroProfile .reviews i.fa-star-half-o,
#partnerInfosForRedemption.genericPopup .redemptionGastroProfile .reviews i.fa-star-o {
color: #c38f00;
}
#partnerInfosForRedemption.genericPopup .redemptionGastroProfile ul.cuisineTags {
padding: 12px 0 0 0;
margin: 0;
}
#partnerInfosForRedemption.genericPopup .redemptionGastroProfile ul.cuisineTags li {
display: inline-block;
padding: 2px 4px;
border: 1px solid #cccccc;
border-radius: 4px;
font-size: 12px;
color: #777777;
margin-bottom: 2px;
}
#partnerInfosForRedemption.genericPopup .redemptionGastroProfile .cuisineTagsSizeM li {
padding: 3px 6px;
font-size: 12px;
}
#partnerInfosForRedemption.genericPopup.visible {
display: block;
-webkit-transform: scale(1) translate(-50%, -50%);
transform: scale(1) translate(-50%, -50%);
}
.redemptionInfoBox {
padding: 25px;
margin-top: 24px;
}
.page-template-page-einloesen h1 {
font-size: 2.4rem;
}
@media (min-width: 768px) {
#partnerInfosForRedemption.genericPopup #redemptionBox {
padding: 25px;
-webkit-box-shadow: 0px 5px 50px 2px rgba(0, 0, 0, 0.34);
box-shadow: 0px 5px 50px 2px rgba(0, 0, 0, 0.34);
}
.redemptionGastroImage {
height: 240px;
}
.redemptionGastroProfile ul.cuisineTags {
padding: 0;
}
.redemptionInfoBox {
padding: 25px 125px;
}
.page-template-page-einloesen h1 {
font-size: 4.2rem;
}
}
#formSection #applyMessage {
margin-bottom: 15px;
}
#formSection #applyMessage div {
padding: 15px;
background: #fff;
border-radius: 5px;
border: 1px solid #ff9900;
}
#formSection .noPaddingFormRow input,
#formSection .noPaddingFormRow button {
height: 48px;
line-height: 48px;
width: 100%;
}
#formSection .noPaddingFormRow input {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
#formSection .noPaddingFormRow button {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
} section.location.maps {
padding: 0;
position: relative;
}
#map-canvas,
#paynoweatlater-map {
height: 50vh!important;
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
min-height: 480px;
background: url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/images/theme/map.jpg) center no-repeat;
background-size: cover;
background-color: #fafafa;
}
.searchAboveMap {
padding: 0;
color: #fff;
background: #002a43;
}
.searchAboveMap h1,
.searchAboveMap h2,
.searchAboveMap h3,
.searchAboveMap h4,
.searchAboveMap h5,
.searchAboveMap h6,
.searchAboveMap p {
color: #fff;
}
.gm-style-iw.gm-style-iw-c {
max-height: 380px!important;
}
.gm-style-iw-d {
max-height: 360px!important;
}
#pnel-info-window-short-info {
color: #303030;
margin-bottom: 20px!important;
}
#pnel-info-window-image {
background-position: center!important;
background-size: cover!important;
margin-top: 0!important;
padding-top: 0!important;
height: 130px!important;
}
#pnel-info-window-headline {
font-size: 20px!important;
margin-bottom: 18px;
}
button.gm-ui-hover-effect {
top: 0!important;
right: 0!important;
}
button.gm-ui-hover-effect img {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
#pnel-info-window-short-info {
font-size: 12px!important;
margin-bottom: 12px!important;
overflow: hidden;
}
.mapMarkerLabel {
color: #303030;
text-align: center;
font-size: 13px;
max-width: 160px;
line-height: 1.1;
-webkit-transform: translateX(-50%) translateY(4px);
transform: translateX(-50%) translateY(4px);
opacity: 1;
padding: 3px 6px;
background: rgba(255, 255, 255, 0.7);
-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
}
.customInfoWindow {
color: #303030;
}
.customInfoWindow h5 {
margin-bottom: 6px;
color: #303030;
}
.customInfoWindowContent {
padding: 8px 12px;
}
.customInfoWindowImageWrap {
position: relative;
}
.customInfoWindowImageWrap img {
width: 100%;
}
.customInfoWindowContentOnImage {
position: absolute;
color: #fff;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.66)));
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.66) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a8000000', GradientType=0);
padding: 8px 30px 8px 15px;
width: 100%;
bottom: 0;
left: 0;
}
.customInfoWindowContentOnImage h5 {
color: #fff;
}
@media (max-width: 768px) {
#pnel-info-window-headline {
font-size: 18px!important;
margin-bottom: 15px;
}
#pnel-info-window-short-info {
font-size: 12px!important;
margin-bottom: 20px!important;
max-height: 34px;
overflow: hidden;
}
#pnel-info-window-image {
background-position: center!important;
background-size: cover!important;
}
#pnel-info-window-link {
margin-top: 10px!important;
padding: 7px 15px!important;
}
} .soFunktioniertSteps .headlineRow {
text-align: center;
}
.soFunktioniertSteps .headline {
font-weight: 300;
padding-bottom: 24px;
}
.stepImage img {
margin-left: 60px;
max-width: 100px;
}
.stepText h5 {
position: relative;
color: #002a43;
font-size: 1.8rem;
margin-bottom: 1rem;
padding-left: 48px;
}
.stepText .stepZahl {
width: 36px;
height: 36px;
line-height: 36px;
background-size: cover;
display: inline-block;
position: absolute;
z-index: 1;
font-size: 24px;
opacity: 1;
font-weight: bold;
left: 0;
border-radius: 50%;
background: #c38f00;
color: #fff;
text-align: center;
top: -6px;
}
.stepText > p {
padding-left: 48px;
}
.singleSoFunktioniertStep {
margin-top: 32px;
}
.singleSoFunktioniertStep:first-child {
margin-top: 0;
}
@media (min-width: 768px) {
.singleSoFunktioniertStep {
margin-top: 0;
padding-right: 0;
}
.stepText h5 {
font-size: 2.2rem;
}
}
@media (min-width: 992px) {
.singleSoFunktioniertStep {
padding-right: 15px;
}
.stepText p {
padding-left: 48px;
}
} .singleRestaurantTeaser {
display: block;
position: relative;
}
.singleRestaurantTeaser .singleRestaurantTeaserContent {
position: absolute;
bottom: 0;
left: 0;
z-index: 9;
width: 100%;
z-index: 11;
padding: 40px 14px 16px 14px;
text-align: left;
color: #fff;
line-height: 1.25;
font-size: 1.4rem;
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, transparent), to(#000000));
background: linear-gradient(to bottom, transparent 20%, #000000 100%);
}
.singleRestaurantTeaser .singleRestaurantTeaserContent h3,
.singleRestaurantTeaser .singleRestaurantTeaserContent .headline4 {
color: #fff;
margin-bottom: 6px;
font-size: 2rem;
}
.singleRestaurantTeaser .singleRestaurantTeaserCity {
position: absolute;
top: 5px;
right: 5px;
z-index: 10;
background: #002a43;
color: #fff;
line-height: 1;
padding: 5px 9px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
font-size: 1.3rem;
}
.singleRestaurantTeaser .singleRestaurantTeaserReview {
position: absolute;
top: 8px;
left: 6px;
z-index: 11;
color: #f7dc28;
line-height: 1;
padding: 3px 8px;
border-bottom-left-radius: 5px;
font-size: 1.4rem;
}
.singleRestaurantTeaser .singleRestaurantTeaserReview i,
.singleRestaurantTeaser .singleRestaurantTeaserReview span {
color: #f7dc28;
}
.singleRestaurantTeaser .singleRestaurantTeaserReview .reviewLabel {
opacity: 0.9;
}
.hideCityOnTeaser .singleRestaurantTeaserCity {
display: none;
}
.singleRestaurantTeaserSlider > .slick-list {
padding: 0 15% 0 0 !important;
}
.singleRestaurantTeaserSlider .singleRestaurantTeaserCol {
display: none;
}
.singleRestaurantTeaserSlider .singleRestaurantTeaserCol:first-child,
.singleRestaurantTeaserSlider .singleRestaurantTeaserCol.slick-slide {
display: block;
}
.row.singleRestaurantTeaserSlider {
margin-left: -15px;
margin-right: -15px;
}
.singleRestaurantTeaserCol {
padding-left: 5px;
padding-right: 5px;
}
@media (min-width: 768px) {
.singleRestaurantTeaserSlider > .slick-list {
padding: 0 10% 0 0 !important;
}
.singleRestaurantTeaserSlider .singleRestaurantTeaserCol:nth-child(2),
.singleRestaurantTeaserSlider .singleRestaurantTeaserCol:nth-child(3) {
display: block;
}
}
@media (min-width: 1200px) {
.singleRestaurantTeaserCol.col-lg-20p {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.restaurantTeaser .headline {
white-space: nowrap;
}
.singleRestaurantTeaserSlider .singleRestaurantTeaserCol:nth-child(4) {
display: block;
}
}
@media (min-width: 1600px) {
.singleRestaurantTeaserCol.col-lg-20p {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66666%;
flex: 0 0 16.66666%;
max-width: 16.66666%;
}
} .singleGrund {
margin-bottom: 48px;
}
.singleGrund:last-child {
margin-bottom: 0;
}
.grundImage,
.grundIcon {
margin-bottom: 24px;
text-align: center;
}
.grundImage img {
max-width: 100px;
}
.imgFullWidth img,
img.imgFullWidth {
max-width: none!important;
width: 100%;
height: auto;
}
.grundText {
text-align: center;
}
.grundIcon i {
color: #c38f00;
}
.grundText h4 {
font-weight: 600;
text-align: center;
color: #002a43;
font-size: 2.2rem;
margin-bottom: 18px;
}
.grundText p:last-child {
margin-bottom: 0;
}
section.darkModeSmallerImages {
background: #002a43;
color: #fff;
}
section.darkModeSmallerImages h1,
section.darkModeSmallerImages h2,
section.darkModeSmallerImages h3,
section.darkModeSmallerImages h4,
section.darkModeSmallerImages h5,
section.darkModeSmallerImages h6 {
color: #fff;
}
.infoIconWrap {
position: relative;
padding: 8px 0 8px 50px;
color: #fff;
}
.heroBottomContainer h4 {
color: #fff;
}
.infoIconWrap .infoIcon {
position: absolute;
left: 0;
top: 8px;
width: 75px;
height: auto;
}
.infoIconWrap .infoIcon img {
width: auto;
height: auto;
max-height: 36px;
max-width: 100%;
}
@media (min-width: 992px) {
.grundText h4 {
font-size: 2.5rem;
}
section.darkModeSmallerImages {
padding: 42px 0;
}
} .fullWidthTeaser {
padding-top: 75vw;
position: relative;
background-size: auto 82vw!important;
background-position: top left!important;
background-repeat: no-repeat !important;
}
.fullWidthTeaser .h2,
.fullWidthTeaser .headline2 {
font-size: 2.6rem;
}
.fullWidthTeaser .biggerFont p {
font-size: 1.8rem;
}
.fullWidthTeaser .button-outline {
color: #fff;
border: 1px solid #fff;
background: transparent;
}
.fullWidthTeaser.bgLight {
color: #303030;
}
.fullWidthTeaser.bgLight h1,
.fullWidthTeaser.bgLight h2,
.fullWidthTeaser.bgLight h3,
.fullWidthTeaser.bgLight h4,
.fullWidthTeaser.bgLight h5,
.fullWidthTeaser.bgLight h6,
.fullWidthTeaser.bgLight .headline1,
.fullWidthTeaser.bgLight .headline2,
.fullWidthTeaser.bgLight .headline3,
.fullWidthTeaser.bgLight .headline4 {
color: #303030;
}
.fullWidthTeaser.bgLight {
color: #303030;
}
.fullWidthTeaser.bgLight h1,
.fullWidthTeaser.bgLight h2,
.fullWidthTeaser.bgLight h3,
.fullWidthTeaser.bgLight h4,
.fullWidthTeaser.bgLight h5,
.fullWidthTeaser.bgLight h6,
.fullWidthTeaser.bgLight .headline1,
.fullWidthTeaser.bgLight .headline2,
.fullWidthTeaser.bgLight .headline3,
.fullWidthTeaser.bgLight .headline4 {
color: #303030;
}
.fullWidthTeaser:before {
content: " ";
position: absolute;
width: 100%;
left: 0;
top: 60vw;
height: 22vw;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 42, 67, 0)), color-stop(50%, rgba(0, 42, 67, 0.4)), color-stop(70%, #002740), to(#00233b));
background: linear-gradient(180deg, rgba(0, 42, 67, 0) 0%, rgba(0, 42, 67, 0.4) 50%, #002740 70%, #00233b 100%);
}
@media (min-width: 992px) {
.fullWidthTeaser {
padding: 48px 0;
background-position: top left!important;
background-size: 50% auto!important;
}
.fullWidthTeaser:before {
display: none;
}
}
@media (min-width: 1200px) {
.fullWidthTeaser {
padding: 72px 0;
background-position: top left!important;
background-size: 52% auto!important;
}
.fullWidthTeaser .h2,
.fullWidthTeaser .headline2 {
font-size: 3.2rem;
}
.fullWidthTeaser .biggerFont p {
font-size: 2rem;
}
.fullWidthTeaser p {
max-width: 540px;
}
.teaserEngagement {
padding: 120px 0;
}
}
@media (min-width: 1600px) {
.fullWidthTeaser p {
max-width: 600px;
}
}  .infopunkteImage {
margin-bottom: 36px; }
.infopunkteImage img {
max-width: 100%;
height: auto;
}
.bildTextKombi .col {
float: right;
}
.bildTextKombi h2,
.bildTextKombi .headline2 {
line-height: 1.2;
margin-bottom: 18px;
font-size: 2.6rem;
text-transform: none;
}
.bildTextKombi .infopunkteRow .headlineRow .text-center {
text-align: left!important;
padding-top: 24px;
margin-left: 0!important;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.singleInfopunkt {
position: relative;
padding-left: 24px;
padding-bottom: 16px;
}
.singleInfopunkt h4 {
font-family: "Source Sans Pro";
color: #002a43;
margin-bottom: 0;
line-height: 1.5;
font-size: 1.8rem;
font-weight: bold;
}
.singleInfopunkt h4 i {
-webkit-transform: scale(1.5);
transform: scale(1.5);
-webkit-transform-origin: 0;
transform-origin: 0;
width: 24px;
margin-right: 8px;
}
.singleInfopunkt p {
padding-top: 3px;
font-weight: 300;
margin-bottom: 0;
}
.infopunkteListe {
margin-top: 24px;
}
.singleInfopunktIcon {
position: absolute;
left: 0;
top: 5px;
color: #002a43;
background-image: url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/images/theme/icon-check-catering.png);
background-position: center;
background-size: cover;
width: 18px;
height: 18px;
}
.singleInfopunktIcon.roundIcon {
background-image: url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/images/theme/icon-check-round-catering.png);
}
@media (min-width: 768px) {
.bildTextKombiImage {
padding: 0;
margin-bottom: 0;
}
.bildTextKombi .infopunkteRow .headlineRow .text-center {
padding-top: 0;
}
.bildTextKombi h2,
.bildTextKombi .headline2 {
font-size: 3rem;
}
.lastBildTextKombiMitStickyBar h2,
.lastBildTextKombiMitStickyBar .headline2 {
font-size: 3.6rem;
margin-bottom: 3rem;
}
}
@media (min-width: 992px) {
.singleInfopunkt {
margin-left: 30px;
padding-left: 32px;
padding-right: 36px;
}
.singleInfopunkt .singleInfopunkt p {
font-size: 1.6rem;
}
.singleInfopunkt .singleInfopunkt h4 {
font-size: 1.8rem;
}
.singleInfopunkt .singleInfopunktIcon {
top: 3px;
width: 24px;
height: 24px;
}
}
@media (min-width: 1200px) {
.bildTextKombi .textCol {
padding: 0 60px ;
}
} .bildTextKombiFullWidth {
overflow: hidden;
}
.bildTextKombiFullWidth .col {
float: right;
}
.bildTextKombiFullWidth .bildTextKombiImage {
margin-top: 16px; }
.bildTextKombiFullWidth .bildTextKombiImage img {
max-width: 100%;
height: auto;
width: 100%;
}
.bildTextKombiFullWidth .bildTextKombiImage.collage img {
border-radius: 5px;
position: relative;
display: inline-block;
-webkit-box-shadow: 0 20px 30px rgba(38, 42, 76, 0.2);
box-shadow: 0 20px 30px rgba(38, 42, 76, 0.2);
}
.bildTextKombiFullWidth .bildTextKombiImage.collage img:first-child {
margin: 20px 15px;
width: 80%;
z-index: 2;
}
.bildTextKombiFullWidth .bildTextKombiImage.collage img:last-child {
width: 70%;
float: right;
margin-top: -60px;
margin-right: 15px;
z-index: 3;
}
.bildTextKombiFullWidth .order-md-2 .bildTextKombiImage.collage img:first-child {
margin: 20px 15px;
width: 80%;
float: right;
z-index: 2;
}
.bildTextKombiFullWidth .order-md-2 .bildTextKombiImage.collage img:last-child {
float: left;
margin-right: 0;
margin-left: 15px;
}
.bildTextKombiFullWidth h2,
.bildTextKombiFullWidth .headline2 {
line-height: 1.2;
margin-bottom: 18px;
font-size: 2.6rem;
text-transform: none;
font-weight: bold;
}
.bildTextKombiFullWidth h4 {
color: #002a43;
margin-bottom: 0;
line-height: 1.5;
font-size: 1.8rem;
font-weight: bold;
}
.bildTextKombiFullWidth h4 i {
-webkit-transform: scale(1.5);
transform: scale(1.5);
-webkit-transform-origin: 0;
transform-origin: 0;
width: 24px;
margin-right: 8px;
}
.bildTextKombiFullWidth .textContent .headlineRow .text-center {
padding-top: 24px;
margin-left: 0!important;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.bildTextKombiFullWidth .textContent {
padding: 20px 25px;
}
.bildTextKombiFullWidth .container-fluid .col {
padding: 0;
}
.bildTextKombiFullWidth .bildTextKombiImage:before {
content: " ";
position: absolute;
bottom: -10px;
width: 20px;
height: 20px;
background: #fff;
z-index: 1;
display: block;
left: 50%;
-webkit-transform: translateX(-50%) rotate(45deg);
transform: translateX(-50%) rotate(45deg);
}
.bildTextKombiFullWidth .bildTextKombiImage.collage:before {
content: "";
display: none;
}
@media (min-width: 768px) {
.bildTextKombiFullWidth .bildTextKombiImage {
padding: 0;
margin-top: 0;
}
.bildTextKombiFullWidth .bildTextKombi .infopunkteRow .headlineRow .text-center {
padding-top: 0;
}
.bildTextKombiFullWidth .bildTextKombi h2,
.bildTextKombiFullWidth .bildTextKombi .headline2 {
font-size: 3rem;
}
.bildTextKombiFullWidth .bildTextKombiImage.collage img:first-child {
margin: 70px 15px 20px 35px;
width: 70%;
z-index: 2;
}
.bildTextKombiFullWidth .bildTextKombiImage.collage img:last-child {
width: 60%;
float: right;
margin-top: -120px;
margin-right: 15px;
margin-bottom: 50px;
z-index: 3;
}
.bildTextKombiFullWidth .bildTextKombiImage:before {
top: 50%;
left: auto;
right: -15px;
bottom: auto;
width: 30px;
height: 30px;
background: #fff;
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
}
.bildTextKombiFullWidth .order-md-2 .bildTextKombiImage:before {
top: 50%;
left: -15px;
bottom: auto;
width: 30px;
height: 30px;
background: #fff;
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
}
}
@media (min-width: 992px) {
.bildTextKombiFullWidth .textContent {
padding: 25px 75px;
}
}
@media (min-width: 1200px) {
.bildTextKombiFullWidth .textCol {
padding: 0 60px ;
}
.bildTextKombiFullWidth .textContent {
padding: 25px 125px;
}
}
@media (min-width: 1600px) {
.bildTextKombiFullWidth .textContent {
padding: 25px 205px;
}
}
@media (min-width: 1800px) {
.bildTextKombiFullWidth .textContent {
padding: 25px 255px;
}
.bildTextKombiFullWidth .bildTextKombiImage {
margin-bottom: -70px;
margin-top: -70px;
}
}  .imageTextBoxes {
padding: 0;
}
.imageBoxCol {
height: 180px;
border: 5px solid #fff;
background-color: #002a43;
background-size: cover;
background-position: center;
}
.textBoxCol {
position: relative;
color: #303030;
border: 5px solid #fff;
background: #f8f5eb;
}
.textBoxCol h3 {
color: #fff;
}
.textBoxColContent {
text-align: center;
padding: 25px;
}
@media (min-width: 768px) {
.imageBoxCol {
height: 380px;
}
.textBoxColContent {
padding: 0;
position: absolute;
top: 50%;
left: 10%;
width: 80%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.textBoxColContent h3 {
font-size: 2.2rem;
}
}
@media (min-width: 992px) {
.textBoxColContent h3 {
font-size: 2.6rem;
}
} .single-product .bildTextKombiFullWidth {
overflow: visible;
}
.bildTextKombiBgImage {
height: 30vh;
position: relative;
background-size: cover;
background-position: center;
}
.bildTextKombiBgImage img {
position: absolute;
height: 120%;
width: auto;
top: 0;
left: 0;
-webkit-transform: translateY(-10%);
transform: translateY(-10%);
}
.bildTextKombiBgImage #triangle {
background-image: -webkit-gradient(linear, left top, right bottom, from(#ffffff), color-stop(50%, #ffffff), color-stop(50%, transparent));
background-image: linear-gradient(to right bottom, #ffffff 0%, #ffffff 50%, transparent 50%);
position: absolute;
width: 40%;
height: 100%;
top: 0;
left: 0;
}
@media (min-width: 768px) {
.bildTextKombiBgImage {
height: 40vh;
position: relative;
}
.bildTextKombiBgImage img {
height: 120%;
-webkit-transform: translateY(-10%);
transform: translateY(-10%);
}
.bildTextKombiBgImage #triangle {
width: 40%;
}
}
@media (min-width: 992px) {
.single-product .bildTextKombiFullWidth .imageCol {
height: 570px;
}
.bildTextKombiBgImage {
height: 100%;
position: relative;
}
.bildTextKombiBgImage img {
height: 90%;
width: auto;
-webkit-transform: translateY(5%) translateX(-50px);
transform: translateY(5%) translateX(-50px);
}
.bildTextKombiBgImage #triangle {
width: 40%;
}
}
@media (min-width: 1200px) {
.single-product .bildTextKombiFullWidth .imageCol {
height: 520px;
}
.bildTextKombiBgImage img {
height: 110%;
-webkit-transform: translateY(-5%) translateX(-100px);
transform: translateY(-5%) translateX(-100px);
}
.bildTextKombiBgImage #triangle {
width: 30%;
}
}
@media (min-width: 1600px) {
.single-product .bildTextKombiFullWidth .imageCol {
height: 640px;
}
.bildTextKombiBgImage img {
height: 110%;
-webkit-transform: translateY(-5%) translateX(-100px);
transform: translateY(-5%) translateX(-100px);
}
.bildTextKombiBgImage #triangle {
width: 30%;
}
} .zitatText {
font-size: 2rem;
padding: 50px 40px 20px 40px;
background-image: url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/images/theme/quotationmark.png);
background-position: top center;
background-size: 45px;
background-repeat: no-repeat;
text-align: center;
}
.zitatText p {
margin-bottom: 0;
}
.zitatImage {
width: 50%;
margin: 0px auto;
display: block;
height: auto;
border-radius: 50%;
max-width: 150px;
border: 3px solid #002a43;
}
.zitatGeber {
padding: 12px 0 0 0;
text-align: center;
font-weight: 400;
}
.zitatGeberPosition {
color: #777777;
text-align: center;
padding: 0 0 12px 0;
}
@media (min-width: 768px) {
.zitatText {
font-size: 2.6rem;
background-size: 40px;
padding: 60px 0 24px 0;
}
.zitatImage {
max-width: 180px;
}
} .fotoSlideShow .slick-prev {
left: 15px;
}
.fotoSlideShow .slick-next {
right: 15px;
}
.row.fotoSlideShow {
margin-left: -20px;
margin-right: -20px;
}
.singleFotoCol {
padding: 0 5px;
}
@media (min-width: 992px) {
.singleFotoCol {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
} .accordionRow {
margin-top: 24px;
}
.singleAccordion {
border-top: 1px solid #cccccc;
position: relative;
}
.accordionHeadline {
padding: 15px 15px 15px 0;
}
.accordionHeadline h5 {
margin-bottom: 0;
}
.accordionHeadline:hover {
cursor: pointer;
}
.accordionHeadline:after {
content: "\f0d7";
font-family: "FontAwesome";
position: absolute;
top: 17px;
right: 0;
-webkit-transition: .2s all ease;
transition: .2s all ease;
}
.singleAccordion.opened .accordionHeadline:after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.accordionContent {
display: none;
}
.accordions .singleAccordion:first-child .accordionContent,
.singleAccordion.opened {
display: block;
}
.singleAccordion.opened {
padding-bottom: 15px;
}
.singleAccordion:last-child {
border-bottom: 1px solid #cccccc;
}
@media (min-width: 768px) {
.infosMitIcons.bgLight,
.infosMitIcons.bgLightBranded {
padding: 72px;
}
.accordionHeadline {
padding: 25px 15px 25px 0;
}
.accordionHeadline i {
font-size: 2rem;
color: #999;
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
.singleAccordion.opened {
padding-bottom: 15px;
}
.accordionHeadline:after {
top: 17px;
}
} .zahlenUndFakten {
text-align: center;
color: #002a43;
position: relative;
}
.zahlenUndFakten .inlinelabel {
position: absolute;
top: -13px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.singleZahlUndFakt {
margin-bottom: 24px;
}
span.zahl,
span.fakt {
display: block;
}
span.zahl {
font-weight: 400;
font-size: 4.8rem;
line-height: 1;
}
span.fakt {
margin-top: 12px;
font-size: 1.8rem; font-weight: 300;
line-height: 1.25;
}
span.faktIcon {
display: block;
min-height: 60px;
line-height: 60px;
color: #c38f00;
}
span.faktIcon svg {
height: 60px;
display: block;
margin: 0px auto 10px auto;
}
@media (min-width: 768px) {
.singleZahlUndFakt {
margin-bottom: 0;
}
} .textBildBild {
position: relative;
}
.singleTextBildRow {
border-radius: 5px;
margin-right: 15px;
}
.textBildTextWrap h5 {
letter-spacing: 1px;
margin-bottom: 8px;
text-transform: uppercase;
}
.textBildElementeWrap .slick-list {
padding: 0 15% 0 0;
}
.textBildTextWrap {
padding: 18px 12px;
background: #f8f5eb;
}
@media (min-width: 768px) {
.singleTourBoxContent {
min-height: 100px;
padding: 15px 20px;
}
.textBildTextWrap h5 {
font-size: 2rem;
}
.textBildTextWrap {
padding: 24px 32px;
background: #f8f5eb;
font-size: 1.6rem;
min-height: 130px;
}
}
@media (min-width: 992px) {
.textBildTextWrap {
position: absolute;
width: 300px;
right: 15px;
top: 50%;
background: #ffffff;
text-align: left;
border-radius: 0;
padding: 32px 18px;
-webkit-transform: translateY(-50%) translateX(100px);
transform: translateY(-50%) translateX(100px);
sbox-shadow: 0px 0 8px 0 rgba(0, 0, 0, 0.25);
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
opacity: 0;
-webkit-transition-delay: .3s;
transition-delay: .3s;
}
.textBildElementeWrap .slick-slide.slick-current .textBildTextWrap {
opacity: 1;
-webkit-transform: translateY(-50%) translateX(0);
transform: translateY(-50%) translateX(0);
}
.textBildBild {
padding-right: 240px;
}
.textBildElementeWrap .slick-slide {
-webkit-transition: .3s all ease;
transition: .3s all ease;
opacity: 0.5;
}
.textBildElementeWrap .slick-slide.slick-current {
opacity: 1;
}
.singleTextBildRow {
position: relative;
}
:not(.slick-current).singleTextBildRow:before {
position: absolute;
-webkit-transition: .3s all ease;
transition: .3s all ease;
content: " ";
width: 112px;
height: 100%;
display: block;
top: 0;
left: 15px;
background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(rgba(255, 255, 255, 0)));
background: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);
z-index: 11;
}
.bgLight :not(.slick-current).singleTextBildRow:before {
background: -webkit-gradient(linear, left top, right top, from(#f5f5f5), to(rgba(245, 245, 245, 0)));
background: linear-gradient(to right, #f5f5f5 0%, rgba(245, 245, 245, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);
z-index: 11;
}
}
@media (min-width: 1200px) {
.textBildTextWrap {
padding: 48px 36px;
}
.textBildElementeWrap .slick-list {
padding: 0 10% 0 0;
}
}  .textMitHintergrund {
background-repeat: no-repeat;
background-size: contain;
background-position: left bottom;
padding: 50px 0 120px 0;
}
.textMitHintergrund.cover {
background-size: cover!important;
background-position: center!important;
padding: 75px 0;
min-height: auto;
}
@media (min-width: 768px) {
.textMitHintergrund {
padding: 50px 0 240px 0;
}
}
@media (min-width: 992px) {
.textMitHintergrund {
padding: 50px 0 31vw 0;
}
} .textMitHintergrundVollflaechig {
background-size: cover;
background-position: center;
padding: 75px 0;
}
.textMitHintergrundVollflaechig h2,
.textMitHintergrundVollflaechig .h2like {
margin-bottom: 24px;
}
.textMitHintergrundVideo p {
font-size: 1.8rem;
margin-bottom: 24px;
} .textMitHintergrundVideo {
position: relative;
color: #fff;
}
.textMitHintergrundVideo h2 {
color: #fff;
}
.textMitHintergrundVideo .textCol {
min-height: 120px;
}
#video-background {
overflow: hidden; position: absolute;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
top: 50%;
width: 100%;
height: 100%;
min-width: 100%;
min-height: 100%;
z-index: -100;
background-color: #eee;
background-size: cover;
}
#video-background video,
.isMobile #video-background video,
.isMobile #video-background img {
width: auto;
height: 105%;
-webkit-transform: translateX(-15px);
transform: translateX(-15px);
}
@media (min-width: 768px) {
#video-background video,
.isMobile #video-background video {
width: 100%;
height: auto;
-webkit-transform: none;
transform: none;
}
.textMitHintergrundVideo .textCol {
min-height: 240px;
}
}
@media (min-width: 1340px) {
#video-background video,
.isMobile #video-background video,
.isMobile #video-background img { }
}
@media (min-width: 1600px) {
.videoAufHintergrundbild.noText {
padding: 275px 0;
}
.textMitHintergrundVideo {
min-height: 600px;
}
} .zitatText {
font-size: 2rem;
padding: 50px 40px 20px 40px;
background-image: url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/images/quotationmark.png);
background-position: top center;
background-size: 45px;
background-repeat: no-repeat;
text-align: center;
}
.zitatText p {
margin-bottom: 0;
}
.zitatImage {
width: 50%;
margin: 0px auto;
display: block;
height: auto;
border-radius: 50%;
max-width: 150px;
border: 3px solid #002a43;
}
.zitatGeber {
padding: 12px 0 0 0;
text-align: center;
font-weight: 400;
}
.zitatGeberPosition {
color: #777777;
text-align: center;
padding: 0 0 12px 0;
}
@media (min-width: 768px) {
.zitatText {
font-size: 2.6rem;
background-size: 40px;
padding: 60px 0 24px 0;
}
.zitatImage {
max-width: 180px;
}
}
.restaurantMainContent {
padding-top: 30px;
padding-bottom: 0;
}
.restaurantMainContent .restaurantMainHeadline {
font-size: 28px;
margin-bottom: 8px;
font-weight: 600;
}
.restaurantMainContent .restaurantMainSubline {
font-size: 16px;
margin-bottom: 12px;
}
.restaurantMainContent img.restaurantMainLogo {
max-height: 110px;
max-width: 160px;
width: 100%;
height: auto;
-webkit-transform: translateX(-15px);
transform: translateX(-15px);
}
.restaurantMainContent .reviews i.fa-star,
.restaurantMainContent .reviews i.fa-star-half-o,
.restaurantMainContent .reviews i.fa-star-o {
color: #c38f00;
}
.restaurantMainContent ul.cuisineTags {
padding: 12px 0 0 0;
margin: 0;
}
.restaurantMainContent ul.cuisineTags li {
display: inline-block;
padding: 2px 4px;
border: 1px solid #cccccc;
border-radius: 4px;
font-size: 12px;
color: #777777;
margin-bottom: 2px;
}
.restaurantMainContent .cuisineTagsSizeM li {
padding: 3px 6px;
font-size: 12px;
}
.restaurantMainContent .flyingBookingBox {
padding: 25px;
}
.restaurantMainContent .flyingBookingBox .flyingBookingBoxHeadline {
text-transform: none;
font-weight: normal;
font-size: 1.8rem;
}
.restaurantMainContent .flyingBookingBox .rightColPreview .dinA4Previewimage {
padding: 0 35px 35px 35px;
}
.restaurantMainContent .partnerGutscheinPreviewContainer {
position: relative;
height: 240px;
}
.restaurantMainContent .partnerGutscheinPreviewContainer .partnerGutscheinPreview {
position: absolute;
left: 50%;
top: 0;
-webkit-transform: scale(0.15) translateX(-50%);
transform: scale(0.15) translateX(-50%);
-webkit-transform-origin: top left;
transform-origin: top left;
}
.speisekarteWrap {
position: relative;
}
.speisekarteWrap .closeSpeisekarte {
position: absolute;
right: 0;
top: 0;
padding: 8px;
background: rgba(255, 255, 255, 0.5);
color: #000;
}
.speisekarteWrap iframe {
width: 100%;
height: 50vh;
}
@media (min-width: 768px) {
.restaurantMainContent {
padding-top: 40px;
padding-bottom: 40px;
}
.restaurantMainContent .restaurantMainHeadline {
text-transform: uppercase;
margin-bottom: 6px;
font-weight: 600;
}
.restaurantMainContent .restaurantMainSubline {
font-size: 20px;
margin-bottom: 12px;
}
.restaurantMainContent img.restaurantMainLogo {
max-height: 90px;
max-width: 210px;
width: auto;
height: auto;
-webkit-transform: none;
transform: none;
}
.restaurantMainContent .reviews i.fa-star,
.restaurantMainContent .reviews i.fa-star-half-o,
.restaurantMainContent .reviews i.fa-star-o {
color: #c38f00;
}
.restaurantMainContent ul.cuisineTags {
padding: 0;
margin: 0;
}
.restaurantMainContent ul.cuisineTags li {
padding: 4px 8px;
border-radius: 6px;
margin-bottom: 4px;
font-size: 1.4rem;
}
.restaurantMainContent .cuisineTagsSizeM li {
padding: 3px 6px;
font-size: 12px;
margin-bottom: 4px;
}
.restaurantMainContent .flyingBookingBox {
padding: 25px;
}
.restaurantMainContent .flyingBookingBox .flyingBookingBoxHeadline {
text-transform: none;
font-weight: normal;
font-size: 1.8rem;
}
.restaurantMainContent .flyingBookingBox .rightColPreview .dinA4Previewimage {
padding: 0 35px 35px 35px;
}
.restaurantMainContent .rightColLg {
max-width: 33.3%;
}
.restaurantMainContent .partnerGutscheinPreviewContainer {
position: relative;
height: 240px;
}
.restaurantMainContent .partnerGutscheinPreviewContainer .partnerGutscheinPreview {
position: absolute;
left: 50%;
top: 0;
-webkit-transform: scale(0.15) translateX(-50%);
transform: scale(0.15) translateX(-50%);
-webkit-transform-origin: top left;
transform-origin: top left;
}
}
.productFeaturesBookingCol {
font-size: 1.2rem;
opacity: 0.75;
}
.productFeaturesBookingCol h3 {
font-size: 1.5rem;
margin-bottom: 4px;
}
.productFeaturesBookingCol ul.checkIconList {
padding-right: 0;
list-style-type: none;
}
.productFeaturesBookingCol ul.checkIconList li {
position: relative;
list-style-type: none;
padding-left: 4px;
}
.productFeaturesBookingCol ul.checkIconList li:before {
position: absolute;
left: -15px;
color: #c38f00;
top: 0;
content: "\f00c";
font-family: "FontAwesome";
}
@media (max-width: 500px) and (min-height: 800px) {
.productFeaturesBookingCol {
padding-top: 5vh;
}
}
@media (min-width: 768px) {
.productFeaturesBookingCol {
font-size: 1.4rem;
opacity: 1;
}
.productFeaturesBookingCol h3 {
font-size: 1.6rem;
margin-bottom: 84px;
}
}
.restaurantGallery .imageDimension {
position: relative;
}
.restaurantGallery .moreImages {
position: absolute;
left: 0;
top: 50%;
width: 100%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
padding: 0 18px;
text-align: center;
z-index: 22;
display: block;
line-height: 1.2;
color: #fff;
pointer-events: none;
}
.restaurantGallery .hasMoreImages:before {
position: absolute;
left: 0;
top: 0;
content: " ";
width: 100%;
height: 100%;
z-index: 1;
background: rgba(0, 0, 0, 0.4);
pointer-events: none;
} @media (max-width: 767px) {
.restaurantGallery .row1And2 .col:nth-child(2) .imageDimension {
margin-top: 6px;
width: 50%;
float: left;
}
.restaurantGallery .row1And2 .col:nth-child(2) .imageDimension:first-child {
padding-right: 3px;
}
.restaurantGallery .row1And2 .col:nth-child(2) .imageDimension:last-child {
padding-left: 3px;
}
}
@media (min-width: 768px) {
.restaurantGallery .row1And2 .col:first-child {
padding-right: 5px;
-webkit-box-flex: 0;
-ms-flex: 0 0 67.9%;
flex: 0 0 67.9%;
}
.restaurantGallery .row1And2 .col:nth-child(2) {
padding: 0;
}
.restaurantGallery .row1And2 .col:nth-child(2) .imageDimension:nth-child(2) {
margin-top: 5px;
margin-bottom: 5px;
}
} @media (max-width: 767px) {
.restaurantGallery .row1And3 .col:nth-child(2) .imageDimension {
margin-top: 6px;
width: 33.33%;
float: left;
}
.restaurantGallery .row1And3 .col:nth-child(2) .imageDimension:first-child {
padding-right: 4px;
}
.restaurantGallery .row1And3 .col:nth-child(2) .imageDimension:nth-child(2) {
padding-left: 2px;
padding-right: 2px;
}
.restaurantGallery .row1And3 .col:nth-child(2) .imageDimension:last-child {
padding-left: 4px;
}
}
@media (min-width: 768px) {
.restaurantGallery .row1And3 .col:first-child {
padding-right: 5px;
-webkit-box-flex: 0;
-ms-flex: 0 0 76.12%;
flex: 0 0 76.12%;
}
.restaurantGallery .row1And3 .col:nth-child(2) {
padding: 0;
}
.restaurantGallery .row1And3 .col:nth-child(2) .imageDimension:nth-child(2) {
margin-top: 5px;
margin-bottom: 5px;
}
}  .blogposts {
background: #fafafa  ;
}
.singlePostTeaser {
-webkit-transition: .3s all ease;
transition: .3s all ease;
margin-bottom: 30px;
position: relative;
}
.singlePostTeaser .imageDimension {
-webkit-transition: .3s all ease;
transition: .3s all ease;
}
.singlePostTeaser .singlePostContent {
width: 90%;
margin-left: 5%;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
padding: 12px 18px;
background: #fff;
}
.singlePostTeaser .singlePostContent .postHeadline {
font-size: 2.2rem;
margin: 4px 0;
margin-bottom: 18px;
}
.singlePostTeaser .singlePostContent .metaDate {
font-size: 1.4rem;
display: inline-block;
margin-right: 8px;
}
.singlePostTeaser .singlePostContent .singleCat {
color: #c38f00;
font-size: 1.3rem;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: bold;
display: inline-block;
margin-right: 6px;
}
.inhaltsverzeichnis {
padding: 36px 24px;
background: #eeeeee;
background: -webkit-gradient(linear, left bottom, left top, from(#eeeeee), to(#ffffff));
background: linear-gradient(0deg, #eeeeee 0%, #ffffff 100%);
text-align: left;
}
.inhaltsverzeichnis ul,
.inhaltsverzeichnis ol {
list-style-type: none;
padding-left: 0;
}
.inhaltsverzeichnis ul a,
.inhaltsverzeichnis ol a {
-webkit-transition: .3s all ease;
transition: .3s all ease;
position: relative;
color: #303030;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(70%, rgba(255, 255, 255, 0)), color-stop(0, #c38f00), to(#c38f00));
background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 70%, #c38f00 0, #c38f00);
}
.inhaltsverzeichnis ul a:hover,
.inhaltsverzeichnis ol a:hover {
position: relative;
color: #303030;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(70%, rgba(255, 255, 255, 0)), color-stop(0, #906c1b), to(#906c1b));
background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 70%, #906c1b 0, #906c1b);
}
@media (min-width: 768px) {
.singlePostTeaser {
margin-bottom: 90px;
position: relative;
}
.singlePostTeaser .singlePostContent {
-webkit-transform: none;
transform: none;
width: 100%;
margin: 0;
background: transparent;
padding: 15px 0;
}
.singlePostTeaser .singlePostContent .postHeadline {
font-size: 2.6rem;
margin: 12px 0;
}
.singlePostTeaser .singlePostContent .metaDate {
font-size: 1.6rem;
}
.singlePostTeaser .singlePostContent .singleCat {
display: inline-block;
margin-right: 6px;
}
.singlePostTeaser:hover {
-webkit-transform: scale(1.01);
transform: scale(1.01);
}
.teaserContentFlyingBelow .singlePostTeaser {
margin-bottom: 0px;
}
.teaserContentFlyingBelow .singlePostTeaser .imageDimension {
width: 100%;
}
.teaserContentFlyingBelow .singlePostTeaser .singlePostContent {
background: #fff;
position: relative;
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
width: 90%;
margin-left: 5%;
padding: 25px 30px;
}
.heroBlogTeaser .imageDimension {
width: 80%;
}
.heroBlogTeaser .singlePostContent {
width: 60%;
max-width: 500px;
background: #fff;
padding: 25px 35px;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.inhaltsverzeichnis {
padding: 48px 36px;
}
}
@media (min-width: 1200px) {
.singlePostTeaser {
margin-bottom: 90px;
}
.singlePostTeaser .singlePostContent .singleCat {
font-size: 1.6rem;
}
.singlePostTeaser .singlePostContent .postHeadline {
font-size: 2rem;
}
}
@media (min-width: 1400px) {
.blogposts .container {
width: 1340px;
}
.singlePostTeaser .singlePostContent .postHeadline {
font-size: 2.4rem;
font-weight: bold;
}
}
.categories {
margin-left: 12px;
display: inline-block;
margin-bottom: 16px;
}
.categories .singleCat {
display: inline-block;
background: #eee;
-webkit-transition: .3s all ease;
transition: .3s all ease;
padding: 5px 8px;
margin-bottom: 3px;
margin-right: 12px;
position: relative;
color: #002a43;
line-height: 1;
border-radius: 4px;
}
.categories .singleCat:hover {
background: #c38f00;
}
.categories .active.singleCat {
background: #c38f00;
color: #002a43;
}
.categories .active.singleCat:hover {
background: #906c1b;
}
.categories .singleCat:last-child:after {
content: "";
}
.singleBlogPost h1 {
margin-top: 0;
}
.single-post .singlePage {
padding-top: 90px;
}
.single-post .hero {
height: 45vh;
background-size: cover;
padding: 0;
background-position: center;
}
.single-post .blogIntroBox {
padding: 24px 12px 12px 12px;
background: #fff;
}
.single-post .blogBreadcrumb {
padding-bottom: 8px;
color: #fff;
}
.single-post .blogIntro {
padding-top: 0;
margin-top: -20vh;
}
.single-post .blogMeta {
font-size: 1.3rem;
}
.single-post section {
padding: 36px 0;
}
.single-post h2 + h1 {
margin-top: 12px;
margin-bottom: 12px;
}
.single-post h4 {
letter-spacing: 2px;
}
.single-post p:last-child {
margin-bottom: 0;
}
.single-post .restaurantTeaser .textaligncenter {
text-align: left;
}
.single-post .leftImageCol img {
margin-bottom: 15px;
}
.single-post .mediaPaddingSection + .mediaPaddingSection {
margin-top: 15px;
}
.single-post video {
width: 100%;
height: auto;
}
.single-post .shareButton {
display: inline-block;
font-size: 2rem;
margin: 8px 5px;
}
.single-post .autor h4 {
text-transform: uppercase;
margin-bottom: 8px;
}
.single-post .autor .autorImageDimension {
width: 160px;
background: none;
margin: 0px auto;
}
.single-post .autor .autorImage {
background: none;
border-radius: 50%;
margin-bottom: 24px;
}
.single-post .relatedPosts h4 {
margin-bottom: 32px;
}
.single-post .relatedPosts .singlePostTeaser {
margin-bottom: 0;
display: block;
position: relative;
}
.single-post .relatedPosts .singlePostTeaser .imageDimension {
width: 100%;
margin: 0;
}
.single-post .relatedPosts .singlePostTeaser .imageDimension img {
width: 100%;
height: auto;
}
.single-post .relatedPosts .singlePostTeaser .postTeaserContent {
text-shadow: 0px 0px 7px rgba(55, 55, 55, 0.75);
z-index: 11;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
width: 100%;
max-width: 80%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
color: #fff;
display: block;
}
.single-post .relatedPosts .singlePostTeaser .postTeaserContent h2 {
text-transform: uppercase;
}
.single-post .zitatBox {
padding: 25px;
background: #f8f5eb;
}
@media (min-width: 768px) {
.single-post .blogIntro {
padding-top: 48px;
margin-top: -30vh;
}
.single-post .blogIntroBox {
padding: 36px 40px 0px 40px;
background: #fff;
}
.single-post .hero {
height: 50vh;
}
.single-blog .hero {
margin-bottom: 32px;
}
.single-blog .categories {
margin-bottom: 32px;
}
.single-blog h1 {
font-size: 3.2rem;
}
.single-blog section {
padding: 48px 0;
}
.single-blog p {
font-size: 1.6rem;
}
.single-blog .leftImageCol img {
margin-bottom: 0;
}
.single-blog .mediaPaddingSection + .mediaPaddingSection {
margin-top: 30px;
}
.single-blog .relatedPosts .singlePostTeaser .postTeaserContent {
width: 75%;
max-width: 480px;
}
.single-blog .relatedPosts .singlePostTeaser .postTeaserContent h2 {
text-transform: uppercase;
font-size: 2.4rem;
}
}
@media (min-width: 992px) {
.single-blog .categories .singleCat {
font-size: 1.8rem;
padding: 7px 12px ;
}
.single-blog .relatedPosts .singlePostTeaser .postTeaserContent h2 {
font-size: 3rem;
}
}
@media (min-width: 1200px) {
.single-post .singlePage {
padding-top: 120px;
}
.single-post .hero {
height: 55vh;
background-attachment: fixed;
}
.single-blog .relatedPosts .singlePostTeaser .postTeaserContent h2 {
font-size: 3.6rem;
}
}  .b2bBookingBox {
background: #f8f5eb;
padding: 25px;
font-size: 1.7rem;
color: #303030;
margin-bottom: 8px;
text-align: left;
-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
}
.b2bBookingBox .button {
width: 350px;
}
.b2bBookingBox .outlineButton {
border: 1px solid #002a43;
background: #fff;
color: #002a43;
}
.b2bBookingBox .outlineButton:hover {
background: #eee;
}
.b2bBookingBox .redOutlineButton {
border: 1px solid #ffc0cb;
background: #fff;
color: #ffc0cb;
}
.b2bBookingBox select.gift_amounts {
background: #ffffff url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/images/theme/caret.svg) right 14px center no-repeat;
background-size: 10px;
}
.b2bBookingBox .extraOrderRow {
position: relative;
}
.b2bBookingBox span.deleteOrderRow {
position: absolute;
right: -16px;
top: 9px;
background: #ddd;
border: 1px solid #bbb;
color: #666;
border-radius: 50%;
width: 24px;
height: 24px;
text-align: center;
line-height: 16px;
font-size: 30px;
-webkit-transition: .3s all ease;
transition: .3s all ease;
}
.b2bBookingBox span.deleteOrderRow:hover {
background: #f2c0c0;
cursor: pointer;
border-color: #e21111;
}
.b2bBookingBox .firmenShippingButton {
position: relative;
line-height: 1.2;
padding: 70px 10px 10px 10px;
border: 1px solid #cccccc;
text-align: center;
margin-bottom: 10px;
background: #fafafa;
background-size: auto 64px;
background-repeat: no-repeat;
background-position: top 5px center;
background-image: url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/images/cart/cartpreview_geschenkgutschein_pdf.jpg);
}
.b2bBookingBox .postshippingButton {
background-image: url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/images/cart/cartpreview_geschenkgutschein_print.jpg);
}
.b2bBookingBox div.firmenShippingButton.active,
.b2bBookingBox div.firmenShippingButton:hover {
border: 1px solid #c38f00;
}
.b2bBookingBox div.firmenShippingButton.active:before {
content: " \f14a";
font-family: "FontAwesome";
position: absolute;
z-index: 11;
background: #fff;
left: -12px;
line-height: 1;
padding: 0;
font-size: 24px;
top: -12px;
width: 24px;
height: 24px;
display: block;
sbackground: #c38f00;
color: #c38f00;
text-align: center;
} .orderRow {
margin: 10px 0;
}
.addOrderRow {
display: inline-block;
padding: 4px 12px;
border: 1px dotted #999;
-webkit-transition: .3s all ease;
transition: .3s all ease;
background: #fafafa;
border-radius: 2px;
margin-bottom: 12px;
}
.addOrderRow:hover {
cursor: pointer;
background: #ddd;
border: 1px dotted #999;
}
#bestelluebersicht {
background: #fff;
border-radius: 5px;
padding: 25px;
max-width: 400px;
margin: 0px auto 12px auto;
}
#bestelluebersicht hr {
margin: 18px 0;
} .b2bTeaser {
background: #002a43;
background-size: auto 260px;
background-position: top left;
background-repeat: no-repeat;
color: #fff;
}
.b2bTeaser h1,
.b2bTeaser h2,
.b2bTeaser h3,
.b2bTeaser h4,
.b2bTeaser h5,
.b2bTeaser h6,
.b2bTeaser .headline1,
.b2bTeaser .headline2,
.b2bTeaser .headline3,
.b2bTeaser .headline4 {
color: #fff;
}
.b2bTeaser .h2,
.b2bTeaser .headline2 {
font-size: 2.6rem;
}
.b2bTeaser .biggerFont p {
font-size: 1.8rem;
}
.b2bTeaser .button-outline {
color: #fff;
border: 1px solid #fff;
background: transparent;
}
.b2bTeaserImageCol {
height: 270px;
}
@media (min-width: 768px) {
.b2bTeaser {
background-position: top left;
background-size: 50% auto;
}
}
@media (min-width: 1200px) {
.b2bTeaser {
background-position: top left;
background-size: 50% auto;
}
.b2bTeaser .h2,
.b2bTeaser .headline2 {
font-size: 3.2rem;
}
.b2bTeaser .biggerFont p {
font-size: 2rem;
}
.b2bTeaser p {
max-width: 540px;
}
}
@media (min-width: 1600px) {
.b2bTeaser p {
max-width: 600px;
}
} .page-template-page-danke main {
padding-top: 70px;
}
.page-template-page-danke .mainNav {
display: none;
}
body.showMainNav.page-template-page-danke .mainNav {
display: block;
}
.thankyouHero {
padding: 0;
height: 45vh;
min-height: 420px;
}
.thankyouHero .lazyloadBg {
height: 100%;
background-size: cover;
background-position: center;
}
.thankyouHero .heroContent {
padding-top: 64px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 111111;
left: 0;
width: 100%;
}
.orderSuccessfulbox {
padding: 24px 40px;
background: #c38f00;
border-radius: 5px;
color: #000;
}
.orderSuccessfulbox .button.bigger-button {
background: #fff;
border-color: #fff;
color: #000;
}
.orderSuccessfulbox .button.bigger-button:hover {
background: #eee;
border-color: #eee;
-webkit-transform: scale(0.99) translateY(3px);
transform: scale(0.99) translateY(3px);
-webkit-box-shadow: none;
box-shadow: none;
}
.orderSuccessfulbox::before {
position: absolute;
top: -30px;
left: 50%;
color: #fff;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
content: "\f00c";
text-align: center;
width: 60px;
height: 60px;
line-height: 52px;
border-radius: 50%;
background: #c38f00;
border: 4px solid #fff;
font-size: 32px;
font-family: "FontAwesome";
}
.orderSuccessfulbox.downloadConfirmation::before {
content: "\f019";
}
.movingArrowsWrap {
height: 80px;
position: relative;
}
.movingArrows {
position: absolute;
top: 20%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transform: rotate(0);
transform: rotate(0);
cursor: pointer;
}
.movingArrows span {
display: block;
width: 20px;
height: 20px;
border-bottom: 5px solid white;
border-right: 5px solid white;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
margin: -10px;
-webkit-animation: animate 2s infinite;
animation: animate 2s infinite;
}
.movingArrows span:nth-child(2) {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s;
}
.movingArrows span:nth-child(3) {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
}
.dark .movingArrows span {
border-bottom: 5px solid #666;
border-right: 5px solid #666;
}
@-webkit-keyframes animate {
0% {
opacity: 0;
-webkit-transform: rotate(45deg) translate(-20px, -20px);
transform: rotate(45deg) translate(-20px, -20px);
}
50% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: rotate(45deg) translate(20px, 20px);
transform: rotate(45deg) translate(20px, 20px);
}
}
@keyframes animate {
0% {
opacity: 0;
-webkit-transform: rotate(45deg) translate(-20px, -20px);
transform: rotate(45deg) translate(-20px, -20px);
}
50% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: rotate(45deg) translate(20px, 20px);
transform: rotate(45deg) translate(20px, 20px);
}
} .container-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.page-template-page-danke .mt-2 {
color: white;
}
.download-buttons .button {
font-size: 15px;
line-height: 38px;
height: 38px;
}
.hasOverlay:after {
background-color: unset!important;
}
.gift-card {
height: auto;
width: 100%;
border-radius: 15px;
border-color: #002A43;
border-width: 1px;
border-style: solid;
margin-bottom: 50px;
}
@media only screen and (max-device-width: 480px) {
.gift-card-image {
min-height: 200px;
border-radius: 15px 15px 0px 0px;
}
.gift-card-block {
border-radius: 0px 0px 15px 15px;
min-height: 200px;
}
.text-besuch {
padding: 10px 0px 10px 0px;
}
.text-wert {
font-size: 18px;
padding: 10px 0px 10px 0px;
}
.text-info {
font-size: 7px;
}
}
@media only screen and (min-device-width: 481px) {
.gift-card-image {
min-height: 350px;
border-radius: 15px 0px 0px 15px;
}
.gift-card-block {
border-radius: 0px 15px 15px 0px;
}
.text-besuch {
padding: 25px 0px 25px 0px;
}
.text-wert {
font-size: 25px;
padding: 25px 0px 25px 0px;
}
.text-code-geschenk {
font-size: 25px;
}
.text-info {
font-size: 10px;
}
}
.gift-card-image {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.gift-card-block {
color: white;
background-color: #002A43;
}
.text-besuch {
color: white;
font-size: 20px;
font-weight: 400;
}
.text-wert {
color: white;
font-weight: 600;
}
.text-code {
min-height: 100px;
}
.text-info {
color: white!important;
position: absolute;
bottom: 0;
margin-right: 10px;
} .sectionAufladung {
margin-top: 70px;
background: #f8f5eb;
}
.page-template-page-aufladung header {
background: #fff;
}
.card {
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
margin-bottom: 1rem;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 0 solid rgba(0, 0, 0, 0.125);
border-radius: .25rem;
padding: 25px;
}
.aufladeInputWrap {
font-size: 20px;
border: none;
position: relative;
display: inline-block;
border-radius: 5px;
padding: 10px 18px 10px 10px;
background: #fff;
margin-bottom: 12px;
margin-top: 18px;
-webkit-box-shadow: 0px 0px 20px 4px rgba(0, 0, 0, 0.21);
box-shadow: 0px 0px 20px 4px rgba(0, 0, 0, 0.21);
}
.aufladeInputWrap input {
width: 110px;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
text-align: center;
-moz-appearance: textfield;
}
#aufladecode {
width: 240px;
text-align: center;
font-size: 20px;
border: none;
position: relative;
display: inline-block;
border-radius: 5px;
height: auto;
padding: 10px 18px 10px 10px;
background: #fff;
margin-bottom: 12px;
margin-top: 18px;
-webkit-transition: .3s all ease;
transition: .3s all ease;
-webkit-box-shadow: 0px 0px 20px 4px rgba(0, 0, 0, 0.21);
box-shadow: 0px 0px 20px 4px rgba(0, 0, 0, 0.21);
}
#aufladecode:focus {
background: #eee;
-webkit-box-shadow: none;
box-shadow: none;
}
#aufladeslider {
-webkit-appearance: none; -moz-appearance: none;
appearance: none;
width: 100%; height: 12px; background: #d3d3d3; outline: none; opacity: 1  ; -webkit-transition: opacity .2s;
transition: opacity .2s;
border-radius: 5px;
} #aufladeslider:hover {
opacity: 0.8; } #aufladeslider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 36px; height: 36px; background: #002a43;
border-color: #002a43; cursor: pointer; }
#aufladeslider::-moz-range-thumb {
width: 36px; height: 36px; background: #002a43;
border-color: #002a43; cursor: pointer; border-radius: 50%;
} .woocommerce-checkout .col-1,
.woocommerce-checkout .col-2,
.woocommerce-checkout .col-3,
.woocommerce-checkout .col-4,
.woocommerce-checkout .col-5,
.woocommerce-checkout .col-6,
.woocommerce-checkout .col-7,
.woocommerce-checkout .col-8,
.woocommerce-checkout .col-9,
.woocommerce-checkout .col-10,
.woocommerce-checkout .col-11,
.woocommerce-checkout .col-12 {
-webkit-box-flex: unset;
-ms-flex: unset;
flex: unset;
}
.form-row.invisible {
height: 0;
margin: 0;
}
.checkoutHeaderHeadline {
padding-top: 4px;
position: absolute;
top: 50%;
left: 15px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 1.4rem;
color: #777777;
}
.checkoutHeaderHeadline i {
font-size: 2.4rem;
}
@media (min-width: 992px) {
.checkoutHeaderHeadline {
padding-top: 4px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
font-size: 1.6rem;
color: #777777;
}
}
p.shippingInfoText {
font-size: 1.6rem;
padding: 12px 15px;
margin-top: 24px;
text-align: center;
}
p.shippingInfoText i {
-webkit-transform: scale(1.3) translateX(-3px);
transform: scale(1.3) translateX(-3px);
}
div.shippingButton {
border: 1px solid #cccccc;
padding: 15px;
display: block;
background: #fff;
font-weight: normal;
position: relative;
-webkit-transition: .3s all ease;
transition: .3s all ease;
border-radius: 5px;
}
.cartContainsGeschenkgutschein .gutscheinShippingPreview {
background: url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/images/cart/cartpreview_geschenkgutschein_print.jpg) center no-repeat;
background-size: contain;
height: 110px;
}
.cartContainsGeschenkgutschein .freeshippingButton .gutscheinShippingPreview {
background-image: url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/images/cart/cartpreview_geschenkgutschein_pdf.jpg);
}
.pidincart_104047 .gutscheinShippingPreview {
background: url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/images/cart/cartpreview_specialgutschein_print.jpg) center no-repeat;
background-size: contain;
height: 110px;
}
.pidincart_104047 .freeshippingButton .gutscheinShippingPreview {
background-image: url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/images/cart/cartpreview_specialgutschein_pdf.jpg);
}
.payment_method_stripe {
background: url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/images/zahlung/kk_checkout.png) right 0 top 9px;
background-repeat: no-repeat;
background-size: 68px;
}
#add_payment_method #payment .payment_method_paypal .about_paypal,
.woocommerce-cart #payment .payment_method_paypal .about_paypal,
.woocommerce-checkout #payment .payment_method_paypal .about_paypal {
line-height: 32px;
display: none;
} .woocommerce-error,
.woocommerce-info,
.woocommerce-message {
border-radius: 5px;
background-color: #fafafa;
border: 1px solid #c38f00;
font-size: 1.6rem;
margin-left: 0;
margin-right: 0;
padding: 15px 25px 15px inherit;
color: #303030;
}
.woocommerce-error li,
.woocommerce-info li,
.woocommerce-message li {
margin-bottom: 0;
}
.woocommerce-error a,
.woocommerce-info a,
.woocommerce-message a {
text-decoration: underline;
color: #002a43;
}
.woocommerce-error a:hover,
.woocommerce-info a:hover,
.woocommerce-message a:hover {
color: #c64700;
}
.woocommerce-error .restore-item,
.woocommerce-info .restore-item,
.woocommerce-message .restore-item {
display: none;
}
.woocommerce-info:before {
color: #c38f00;
}
.woocommerce-message {
background-color: #f1fff0;
border: 1px solid #a8d144;
}
.woocommerce-message:before {
color: #00aa71;
}
.woocommerce-error {
background-color: #fff1f1;
border: 1px solid #f00;
}
.woocommerce-error:before {
color: #f00;
}
.shippingButton.postShipping.disabled {
pointer-events: none;
position: relative;
opacity: 1;
border-color: #eee;
}
.shippingButton.postShipping.disabled:before {
width: 100%;
position: absolute;
z-index: 11;
content: "  ";
display: block;
height: 100%;
top: 0;
left: 0;
background: rgba(255, 255, 255, 0.85);
}
.shippingButton.postShipping.disabled:after {
width: 100%;
text-align: center;
padding: 15px;
position: absolute;
z-index: 12;
content: "Der postalische Versand ist momentan nur bei Einzelbestellungen möglich";
display: block;
background: #002a43;
font-size: 1.3rem;
color: #fff;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
}
div.shippingButton.active,
div.shippingButton:hover {
border: 1px solid #c38f00;
}
div.shippingButton:hover {
cursor: pointer;
Xbox-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.11);
background: #fff;
}
div.shippingButton.active:before {
content: " \f14a";
font-family: "FontAwesome";
position: absolute;
z-index: 11;
background: #fff;
left: -12px;
font-size: 24px;
top: -12px;
width: 24px;
height: 24px;
display: block;
sbackground: #c38f00;
color: #c38f00;
text-align: center;
}
.shippingPrice {
font-weight: bold;
} .woocommerce-cart-form.customCartForm {
width: 100%;
}
.customCart {
margin-bottom: 10px;
}
.customCart .customCartContents {
sbox-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
border: 1px solid #cccccc;
}
.customCart .vertragspartner {
padding-top: 18px;
font-size: 13px;
font-style: italic;
color: #777;
}
.customCart .singleCartItem {
padding: 24px 15px;
position: relative;
}
.customCart .singleCartItem {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-radius: 5px;
}
.customCart .singleCartItem + .singleCartItem {
border-top: 1px solid #cccccc;
}
.customCart .singleCartItem + .singleCartItem + .summarySection {
border-top: 1px solid #cccccc;
}
.customCart .singleCartItem a {
color: #303030;
font-weight: bold;
}
.customCart .product-remove {
position: absolute;
top: 0;
z-index: 11;
right: 0;
}
.customCart .product-remove a.remove {
line-height: 32px;
width: 32px;
height: 32px;
}
.customCart .product-name {
font-size: 1.6rem;
color: #303030;
font-weight: 500;
line-height: 1.2;
}
.customCart .product-meta {
font-size: 15px;
margin-top: 5px;
line-height: 1.4;
}
.customCart .product-meta i {
width: 18px;
}
.customCart .product-subtotal {
text-align: right;
padding-top: 8px;
}
.customCart .cartStorno {
margin-bottom: -10px;
margin-top: 12px;
line-height: 1.2;
background: #ebffee;
padding: 6px 12px;
font-size: 14px;
border-radius: 5px;
text-align: center;
display: none;
}
.customCart .product-price {
padding-left: 8px;
font-size: 14px;
line-height: 1.2;
}
.customCart .quantityCol {
padding-right: 0;
}
.customCart ul.checkIconList {
padding-left: ^5px;
padding-right: 0;
list-style-type: none;
opacity: 0.8;
font-size: 1.4rem;
}
.customCart ul.checkIconList li {
padding-left: 20px;
position: relative;
}
.customCart ul.checkIconList li:before {
content: "\f00c";
position: absolute;
left: 0;
top: 1px;
color: #00aa71;
font-family: "FontAwesome";
}
.customCart ul.checkIconList img.noShadow {
-webkit-box-shadow: none;
box-shadow: none;
}
.customCart ul.checkIconList .product-name .col-8 {
padding-left: 0;
}
.customCart .singleCartItem {
background: #fff;
margin-bottom: 2px;
}
.customCart .product-name img {
width: 100%;
-webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.25);
box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.25);
}
.customCart .checkoutbild .partnerGutscheinPreview {
-webkit-transform: scale(0.09);
transform: scale(0.09);
height: 160px;
-webkit-transform-origin: top left;
transform-origin: top left;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
float: none;
}
.woocommerce .cart-collaterals .customCartSummary.cart_totals,
.checkout .summarySection {
border-radius: 5px;
width: 100%;
background: #fafafa;
padding: 25px 25px 0 25px;
}
.woocommerce .cart-collaterals .customCartSummary.cart_totals .cartRow,
.checkout .summarySection .cartRow {
padding-top: 12px;
padding-bottom: 12px;
border-bottom: 1px solid #eee;
}
.woocommerce .cart-collaterals .customCartSummary.cart_totals .cartRow .col:last-child,
.checkout .summarySection .cartRow .col:last-child {
text-align: right;
}
.woocommerce .cart-collaterals .customCartSummary.cart_totals .wc-proceed-to-checkout,
.checkout .summarySection .wc-proceed-to-checkout {
margin-top: 18px;
}
.customApplyCoupon {
border-radius: 5px;
margin-top: 18px;
background: #f8f5eb;
padding: 12px 8px;
}
.customApplyCoupon .couponCodeInput {
border: 1px solid #ddd;
text-align: center;
width: 50%;
}
.customApplyCoupon .applyCouponButton.button {
width: 49%;
height: 42px;
padding-top: 0;
padding-bottom: 0;
line-height: 42px;
position: relative;
background: #333;
color: #fff;
}
.customApplyCoupon .applyCouponButton.button i {
-webkit-transform: translateX(-4px);
transform: translateX(-4px);
-webkit-transition: .2s all ease;
transition: .2s all ease;
}
.customApplyCoupon .applyCouponButton.button:hover {
width: 49%;
background: #000;
color: #fff;
}
.customApplyCoupon .applyCouponButton.button:hover i {
-webkit-transform: translateX(-1px);
transform: translateX(-1px);
}
@media (min-width: 768px) {
.customCart .checkoutbild .partnerGutscheinPreview {
-webkit-transform: scale(0.14);
transform: scale(0.14);
height: 200px;
}
} .quantityCol {
padding-right: 0;
}
.customCart .quantity input.qty,
.bookingCol .quantity input.qty,
.bookingBox .quantity input.qty {
-webkit-appearance: none;
appearance: none;
-moz-appearance: textfield;
margin: 0;
width: 32px;
text-align: center;
float: left;
padding: 0;
border-radius: 0;
height: 38px;
}
.customCart .quantity {
float: left;
}
.bookingCol .bookingTotals + .quantity,
.bookingBox .bookingTotals + .quantity {
display: none!important;
}
#redemptionBox input.qty {
width: calc(100% - 84px);
}
#redemptionBox .changeQuantity {
width: 42px;
}
.customCart .changeQuantity,
.bookingCol .changeQuantity,
.bookingBox .changeQuantity {
float: left;
display: inline-block;
vertical-align: middle;
width: 36px;
background: #f8f5eb;
height: 38px;
line-height: 38px;
text-align: center;
border: 1px solid #cccccc;
-webkit-transition: .3s all ease;
transition: .3s all ease;
}
.customCart .changeQuantity i,
.bookingCol .changeQuantity i,
.bookingBox .changeQuantity i {
line-height: 38px;
}
@media (min-width: 992px) {
.customCart .quantity input.qty {
width: 42px;
}
.customCart .changeQuantity {
width: 42px;
}
}
.product-quantity,
.customCart .product-price,
.bookingCol .product-quantity {
display: inline-block;
vertical-align: middle;
}
.quantitySpan {
display: inline-block;
float: left;
line-height: 38px;
padding-right: 12px;
}
.customCart .changeQuantity:hover,
.bookingCol .changeQuantity:hover,
.bookingBox .changeQuantity:hover {
background: #ccc;
cursor: pointer;
}
select#gift_amounts {
width: 100px;
background: #f8f5eb url(//peterpane.bon-bon.de/wp-content/themes/restaurant-geschenk-gutscheine/assets/images/theme/caret.svg) right 14px center no-repeat;
background-size: 10px;
}
.bookingMainBox #gift_amounts {
width: 104px;
}
.addQuantity {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.removeQuantity {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.changeQuantity + .quantity {
margin-right: 0!important;
} #order_review_heading {
display: none;
}
#customer_details #billing_first_name_field label,
#customer_details #billing_email_field label,
#customer_details #billing_address_1_field label,
#customer_details #billing_postcode_field label,
#customer_details #billing_city_field label,
#customer_details #billing_company_field label,
#customer_details #billing_phone_field label,
#customer_details #shipping_company_field label,
#customer_details #shipping_first_name_field label,
#customer_details #shipping_last_name_field label,
#customer_details #shipping_address_1_field label,
#customer_details #shipping_postcode_field label,
#customer_details #shipping_city_field label {
display: none;
}
#customer_details .form-row {
position: relative;
margin: 12px 0;
}
#customer_details .form-row input[type="email"],
#customer_details .form-row input[type="text"] {
border-radius: 3px;
line-height: 48px;
height: 48px;
}
#customer_details .form-row-first,
#customer_details .form-row-last {
width: calc(50% - 7px);
}
#customer_details .one_third_field {
width: calc(34% - 7px);
}
#customer_details .two_third_field {
width: calc(66% - 7px);
}
#customer_details .form-row#billing_rechnungsempfanger_ist_eine_firma_field {
margin-bottom: 2px;
margin-top: 0;
}
#customer_details .form-row#billing_postcode_field,
#customer_details .form-row#billing_city_field,
#customer_details .form-row#shipping_postcode_field,
#customer_details .form-row#shipping_city_field,
#customer_details .form-row#shipping_first_name_field,
#customer_details .form-row#shipping_last_name_field {
margin-top: 0;
}
#customer_details #billing_first_name_field:after,
#customer_details #billing_email_field:after {
position: absolute;
right: 18px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-family: "FontAwesome";
color: #999;
}
#customer_details #billing_first_name_field:after {
content: '\f2c0';
}
#customer_details #billing_email_field:after {
content: '\f003';
}
#customer_details .floatingLabel {
position: absolute;
left: 15px;
top: 50%;
z-index: 12;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: 0.15s all ease;
transition: 0.15s all ease;
opacity: 0;
pointer-events: none;
color: #777;
}
#customer_details .letItFloat .floatingLabel {
top: 4px;
left: 5px;
font-size: 12px;
background: #fff;
padding: 0 5px;
opacity: 1;
}
#customer_details .hasFloatingLabel input {
height: 48px;
}
#customer_details .woocommerce-validated .floatingLabel {
color: green;
}
#customer_details .woocommerce-validated .floatingLabel:after { }
#customer_details .woocommerce-invalid .floatingLabel {
color: red;
}
#customer_details .woocommerce-invalid .floatingLabel:after {
content: " \f071";
font-family: "FontAwesome";
}
#customer_details .cartMeta,
#customer_details .cartMeta p {
font-size: 13px;
color: #777777;
}
#customer_details .cartMeta table td,
#customer_details .cartMeta p table td {
border: none;
padding: 0 8px 8px 8px;
}
#customer_details .form-row {
position: relative;
margin: 12px 0;
}
.woocommerce-checkout #payment {
background: #fff;
}
.woocommerce-remove-coupon {
font-size: 1.3rem;
color: #999;
}
.woocommerce-checkout .woocommerce-remove-coupon {
display: none;
}
.wc_payment_methods label {
display: inline;
width: 100%;
}
.wc_payment_methods label img {
float: right;
}
#add_payment_method #payment div.form-row,
.woocommerce-cart #payment div.form-row,
.woocommerce-checkout #payment div.form-row {
padding: 0;
}
.woocommerce-checkout #payment div.payment_box label {
margin-bottom: -5px !important;
}
#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
padding: 1em 0;
}
#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
border-bottom-color: #f8f5eb;
}
#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
background: #f8f5eb;
}
.woocommerce-checkout #payment ul li.wc_payment_method {
padding: 12px 0;
border-bottom: 1px solid #cccccc;
}
.woocommerce-checkout #payment ul li.wc_payment_method:first-child {
border-top: 1px solid #cccccc;
}
.woocommerce-checkout #payment ul li.wc_payment_method:last-child {
border: none;
}
.woocommerce-privacy-policy-text {
text-align: right;
}
.wc-stripe-sepa-mandate {
display: none;
}
.woocommerce-terms-and-conditions-wrapper {
padding-top: 24px;
}
.woocommerce-terms-and-conditions-wrapper label.woocommerce-form__label-for-checkbox {
line-height: 1.25!important;
display: inline-block !important;
font-size: 1.4rem;
position: relative;
}
.woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions-checkbox-text {
padding-left: 24px;
display: inline-block !important;
}
.woocommerce-terms-and-conditions-wrapper .input-checkbox {
position: absolute;
left: 0;
top: 4px;
}
.woocommerce-terms-and-conditions-wrapper abbr {
display: none;
}
@media (min-width: 768px) {
#customer_details {
float: left;
width: 48%;
}
#customer_details .col-1,
#customer_details .col-2 {
clear: both;
width: 100%;
}
#order_review {
float: right;
width: 48%;
}
}
.wc-forward.loading:after,
#place_order.loading:after,
.applyCouponButton.loading:after {
font-family: "FontAwesome" !important;
content: "\f110" !important;
top: 22px!important;
}
.applyCouponButton.loading:after {
top: 1px!important;
}
.pid_681 .quantityAndPriceRow {
position: relative;
}
.pid_681 .quantityAndPriceRow .col {
opacity: 0.5;
}
.pid_681 .quantityAndPriceRow:before {
content: " Dein Magenta Moments Geschenk";
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%) rotate(-8deg);
transform: translateX(-50%) rotate(-8deg);
background: #ea0a8e;
display: block;
width: 90%;
text-align: center;
padding: 4px 0;
color: #fff;
opacity: 0.9;
z-index: 2;
}
.pid_681 .priceCol b {
position: relative;
}
.pid_681 .priceCol b:before {
background: red;
content: " ";
height: 2px;
width: 100%;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: rotate(-2deg) scale(1.2);
transform: rotate(-2deg) scale(1.2);
display: block;
}
#progressbar {
padding: 6px 0 12px 0;
text-align: center;
font-size: 1.3rem;
}
#progressbar a {
color: #bbb;
position: relative;
padding-top: 28px;
display: block;
}
#progressbar a:before {
content: "1";
position: absolute;
left: 50%;
top: 0;
font-size: 1.4rem;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
border-radius: 50%;
width: 28px;
line-height: 26px;
height: 28px;
border: 1px solid #bbb;
background: #fff;
z-index: 4;
}
#progressbar .col:first-child:after,
#progressbar .col:nth-child(2):after {
width: 100%;
height: 2px;
position: absolute;
display: block;
content: " ";
background: #bbb;
top: 14px;
left: 50%;
}
#progressbar .col.active a {
color: #666;
font-weight: bold;
}
#progressbar .col.active a:before {
border-color: #666;
}
#progressbar .col-checkout a:before {
content: "2";
}
#progressbar .col-confirmation a:before {
content: "3";
}
.woocommerce-checkout #progressbar .col-cart:after {
background: #00aa71;
background: -webkit-gradient(linear, left top, right top, color-stop(50%, #00aa71), color-stop(50%, #bbbbbb));
background: linear-gradient(90deg, #00aa71 50%, #bbbbbb 50%);
}
.woocommerce-checkout #progressbar .col-cart a {
color: #bbb;
font-weight: normal;
}
.woocommerce-checkout #progressbar .col-cart a:before {
color: #fff;
font-weight: 300;
background-color: #00aa71;
border-color: #00aa71;
content: "\f00c";
font-family: "FontAwesome";
}.brandcolor,
.brandColor {
color: #000000;
}
.brandcolorakzent,
.brandColorAkzent {
color: #efcf74;
}
.textBgBranded {
background: #000000;
}
.textBgBrandedContrast {
background: #efcf74;
}
h1,
.headline1 {
color: #000000;
margin-bottom: 2rem;
}
h2,
.headline2 {
color: #000000;
margin-bottom: 3rem;
} .mainNav ul.shoppingCartMenu li a .badge {
background-color: #f9d439;
}
.gray {
color: gray;
}
a.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"],
.woocommerce .button.button-primary,
.pagination a.next {
background-color: #eee;
border-radius: 0;
border: 1px solid #eee;
color: #000;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
a.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus,
.pagination a.next:hover {
color: #000;
border-color: #ddd;
background-color: #ddd;
-webkit-box-shadow: none;
box-shadow: none;
outline: 0;
}
a.button.button-primary,
input.wpcf7-submit,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary,
.woocommerce .button.button-primary,
.woocommerce div.product form.cart .button,
.pagination a.next {
color: #0000;
border-radius: 0;
background-color: #f9d439;
border-color: #f9d439;
}
a.button.button-primary:hover,
input.wpcf7-submit:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce div.product form.cart .button:hover,
.pagination a.next:hover {
color: #000;
background-color: #fbdf6a;
border-color: #fbdf6a;
}
a.button.outlineButton {
border: 1px solid #000000;
background: #fff;
color: #000000;
}
a.button.outlineButton:hover {
background: #eee;
}
a.button.redOutlineButton {
border: 2px solid #f9d439;
background: #fff;
color: #f9d439;
line-height: 34px;
}
a.button.redOutlineButton:hover {
background: #eee;
}
a.button.bigger-button {
margin-bottom: 0;
font-size: 2rem;
padding: 8px 2em;
border-color: #f9d439;
background: #f9d439;
color: #000;
font-weight: normal;
line-height: 38px;
height: auto;
}
a.button.bigger-button.outlineButtonAkzent {
border-color: #fff;
background: #fff;
-webkit-box-shadow: 0px 7px 10px -10px #000000, 0px 0px 6px 2px rgba(255, 255, 255, 0) !important;
box-shadow: 0px 7px 10px -10px #000000, 0px 0px 6px 2px rgba(255, 255, 255, 0) !important;
}
a.button.bigger-button.outlineButtonAkzent:hover,
a.button.bigger-button.outlineButtonAkzent:active,
a.button.bigger-button.outlineButtonAkzent:focus {
border-color: #fff;
background: #fff;
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
-webkit-box-shadow: 2px 12px 12px -6px rgba(0, 0, 0, 0.5), 0px 0px 6px 2px rgba(255, 255, 255, 0) !important;
box-shadow: 2px 12px 12px -6px rgba(0, 0, 0, 0.5), 0px 0px 6px 2px rgba(255, 255, 255, 0) !important;
}
a.button.bigger-button:hover {
border-color: #fbdf6a;
background: #fbdf6a;
color: #000;
}
.woocommerce a.button.checkout-button,
a.button.checkout-button,
.button.checkout-button,
.woocommerce-page #payment #place_order {
margin-bottom: 1em;
font-size: 1.25em;
padding: 1.1em 2em 1em 2em;
background: #f9d439;
color: #000;
height: auto;
}
.woocommerce a.button.checkout-button:hover,
.woocommerce-page #payment #place_order:hover {
background: #222222;
color: #fff;
}
.buttonCta,
.buttonMainCta {
background-color: #f9d439;
border-color: #f9d439;
color: #000;
font-weight: bold;
}
.buttonCta:hover,
.buttonCta:active,
.buttonCta:focus,
.buttonMainCta:hover,
.buttonMainCta:active,
.buttonMainCta:focus {
background-color: #fbdf6a;
border-color: #fbdf6a;
}
.button-green {
background-color: #efcf74 !important;
border-color: #efcf74 !important;
}
.button-green:hover {
background-color: #ceaa42 !important;
border-color: #ceaa42 !important;
} textarea {
min-height: 90px;
padding-top: 6px;
padding-bottom: 6px;
}
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
border: 1px solid #000000;
outline: 0;
}
.msg404 {
font-size: 15rem;
opacity: .3;
color: #000000;
font-weight: 600;
}
.brandColor {
color: #000000;
}
.brandColorAkzent {
color: #efcf74;
}
.brandColorAkzentLabel {
background-color: #efcf74;
color: #fff;
display: inline-block;
padding: 0px 6px;
}
.shippingButton.active .zustellung {
background-color: #efcf74;
color: #fff;
display: inline-block;
padding: 0px 6px;
}
.shippingButton.postShipping.disabled::after {
background: #000;
content: "Der postalische Versand ist derzeit nur bis max. 4 Gutscheine pro Bestellvorgang möglich";
}
.bgBlue,
.blueBg {
background: #000000;
color: #fff;
}
.bgBlue h1,
.blueBg h1,
.bgBlue h2,
.blueBg h2,
.bgBlue h3,
.blueBg h3,
.bgBlue h4,
.blueBg h4,
.bgBlue h5,
.blueBg h5,
.bgBlue h6,
.blueBg h6,
.bgBlue .singleInfopunkt h4,
.blueBg .singleInfopunkt h4 {
color: #fff;
}
.cityOverviewLink {
color: #000000;
display: block;
background: #f6f6f6;
padding: 6px 3px;
margin-bottom: 4px;
text-align: center;
-webkit-transition: .3s all ease;
transition: .3s all ease;
font-size: 1.8rem;
line-height: 1.2;
}
.cityOverviewLink span {
line-height: .9;
opacity: 0.6;
font-size: 12px;
}
.sofunktionierts h3 {
font-weight: 600;
font-size: 2.4rem;
color: #000000;
}
.whiteBg {
background: #efcf74;
}
.sofunktionierts .iconsInCol i {
color: #efcf74;
}
.page-id-35 .bgLight,
.page-template-page-mitmachen .bgLight {
background: #efcf74;
}
.bgBranded,
.home section.bgBranded {
background: #000000 !important;
color: #fff;
}
.bgBrandedContrast {
background: #efcf74;
color: #fff;
}
.textBox {
-webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.2);
box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.2);
display: inline-block;
padding: 8px 20px;
background: #fff;
margin-bottom: 12px;
}
.whiteBox {
-webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1);
display: inline-block;
padding: 20px 20px;
background: #fff;
margin-bottom: 12px;
}
.blueBox {
color: #fff;
background: #000000;
}
.inlinelabel {
color: #000000;
}
.greenlabel,
.greenlabel:before,
.greenlabel:after {
background: #efcf74;
color: #fff;
}
.bluelabel,
.bluelabel:before,
.bluelabel:after {
color: #fff;
background: #000000;
}
.woocommerce-message {
border-top-color: #00af36;
}
.woocommerce-message a {
text-decoration: underline;
color: #000000;
}
.woocommerce-message:before {
color: #00af36;
}
.mainNav ul li.buttonStyle a:hover {
border-color: #efcf74 !important;
background-color: #efcf74 !important;
color: #fff;
}
.scrolled .mainNav ul li.buttonStyle a {
border-color: #efcf74 !important;
background-color: #efcf74 !important;
color: #000!important;
}
.mainNav ul.sub-menu li a:hover {
background: #000000;
color: #fff;
}
.mainNav ul li a:hover,
header.productCategory .mainNav ul li a:hover {
color: #efcf74;
}
.scrolled .mainNav ul li a:hover,
.scrolled header.productCategory .mainNav ul li a:hover {
color: #efcf74;
}
.importantHint,
.importantHint a {
color: #f2a900!important;
}
ul li.buttonStyle {
position: relative;
}
header,
.woocommerce-checkout header,
.woocommerce-cart header,
.scrolled header {
background: #fafafa;
position: initial;
}
.woocommerce-checkout .singlePage,
.woocommerce-cart .singlePage {
padding-top: 0;
}
.transparentHeader header .brandWhite {
display: block;
}
.transparentHeader header .brandColorLogo {
display: none;
}
.scrolled.transparentHeader header .brandWhite {
display: none;
}
.scrolled.transparentHeader header .brandColorLogo {
display: block;
}
.teamMemberImage img {
-webkit-box-shadow: 0px 0px 0px 1px #efcf74;
box-shadow: 0px 0px 0px 1px #efcf74;
}
.mainNav ul li.buttonStyle a:hover {
border-color: #efcf74;
background-color: #efcf74;
color: #fff;
}
.scrolled .mainNav ul li.buttonStyle a {
background: #000000;
color: #fff;
border-color: #000000;
}
.scrolled .mainNav ul li.buttonStyle a:hover {
background: #000000;
color: #fff;
border-color: #efcf74;
}
ul.shoppingCartMenu li a .badge {
background: #efcf74;
}
.home.showMenu ul.shoppingCartMenu li a i {
color: #000000;
}
ul.shoppingCartMenu li a:hover .badge {
background: #ceaa42;
}
.shoppingCartMenu li a .badge {
position: absolute;
right: -22px;
top: -4px;
border-radius: 50%;
background: #000000;
color: #fff;
width: 24px;
height: 24px;
text-align: center;
font-size: 1.5rem;
line-height: 24px;
}
.mainNav ul li.buttonStyle a:hover {
border-color: #000000;
color: #000000;
}
header .backButton {
background: #000000;
}
header .backButton:hover {
background: #222222;
color: #fff;
}
#menu ul.menu > li.current-menu-item:not(.current-menu-ancestor) > a,
#menu ul.menu li a:hover,
#menu ul.sub-menu > li.current-menu-item > a {
color: #fff;
background: #000000;
}
.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
border-color: #000000;
}
.footerLogo,
img.footerLogo {
width: auto;
max-width: 400px;
height: 36px;
}
footer p {
font-size: 1.5rem;
}
@media (min-width: 768px) {
footer p {
font-size: 1.6rem;
}
}
@media (min-width: 992px) {
.footerInfo {
margin-top: -138px;
}
} .blueHero {
position: relative;
background: #000000;
padding-bottom: 32px;
color: #fff;
}
.blueHero h1,
.blueHero p {
color: #fff;
}
.heroSection {
background-color: #000000;
}
.heroStage.previewIsPrintGutschein .moodImage #mobileTriangle {
background-image: -webkit-gradient(linear, left top, right bottom, from(#000000), color-stop(50%, #000000), color-stop(50%, transparent));
background-image: linear-gradient(to right bottom, #000000 0%, #000000 50%, transparent 50%);
}
.heroStage.bgContainerHasBlueGradient .moodImage::before {
background: linear-gradient(45deg, #000000 0%, rgba(0, 42, 67, 0.2) 100%);
}
@media (min-width: 768px) {
.heroStage .backgroundContainer #triangle {
background-image: -webkit-gradient(linear, left top, right bottom, from(#000000), color-stop(50%, #000000), color-stop(50%, transparent));
background-image: linear-gradient(to right bottom, #000000 0%, #000000 50%, transparent 50%);
}
} .radioButtons input[type="radio"]:checked + label {
background-color: #efcf74;
color: #000000;
}
.filterCheckboxesColumn {
padding: 15px;
background: #fff;
}
#restaurantscontent {
min-height: 80vh;
}
#restaurantscontent .smaller {
font-size: 13px;
}
.popWindow .popWindowHeader {
background: #000000;
} .b2bBookingBox .outlineButton {
color: #000000;
}
.b2bBookingBox .outlineButton:hover {
background: #eee;
}
.b2bBookingBox .redOutlineButton {
color: #f9d439;
}
.b2bBookingBox .firmenShippingButton {
background-image: url(//peterpane.bon-bon.de/wp-content/themes/peterpane_child/assets/images/cart/cartpreview_geschenkgutschein_pdf.jpg);
}
.b2bBookingBox .postshippingButton {
background-image: url(//peterpane.bon-bon.de/wp-content/themes/peterpane_child/assets/images/cart/cartpreview_geschenkgutschein_print.jpg);
}
.b2bBookingBox div.firmenShippingButton.active,
.b2bBookingBox div.firmenShippingButton:hover {
border: 1px solid #efcf74;
}
.b2bBookingBox div.firmenShippingButton.active:before {
sbackground: #efcf74;
color: #efcf74;
}
.voucherPreviewTabs .voucherPreviewTab.active {
background: #000;
}
.voucherPreviewTabs .voucherPreviewTab.active::after {
color: #000;
}
@media only screen and (max-width: 767px) {
.home header .brand,
.scrolled.home header .brand {
margin-top: 0!important;
left: 15px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
header .brand a,
.scrolled header .brand a {
height: 56px;
}
.scrolled header {
-webkit-box-shadow: none;
box-shadow: none;
}
.scrolled header > .container > .row,
.scrolled header > .container-fluid > .row {
height: 90px;
}
.home .headline3 {
font-size: 2.4rem;
}
.bookingBox {
position: initial;
-webkit-box-shadow: none;
box-shadow: none;
}
.bookingBox .buttonCta {
width: 100%!important;
max-width: 100%!important;
}
.bookingBox .bookingBoxRowMenge,
.bookingBox .bookingBoxRowBetrag {
-webkit-box-pack: center!important;
-ms-flex-pack: center!important;
justify-content: center!important;
}
.bookingBox .logoCol {
color: #f9d439;
}
.bookingBoxStickyCta.ready2FlyIn {
bottom: 20%;
opacity: 0;
pointer-events: none;
background: transparent;
-webkit-box-shadow: 0px -5px 15px -2px rgba(0, 0, 0, 0.05);
box-shadow: 0px -5px 15px -2px rgba(0, 0, 0, 0.05);
}
.bookingBoxStickyCta {
position: fixed;
padding-right: 0;
bottom: 0;
opacity: 1;
background: #fff;
pointer-events: all;
-webkit-box-shadow: 0px -5px 15px -2px rgba(0, 0, 0, 0.25);
box-shadow: 0px -5px 15px -2px rgba(0, 0, 0, 0.25);
}
.nonStickyCta .bookingBoxStickyCta {
position: static;
}
.stickyBookingBoxPrice {
font-size: 1.8rem;
line-height: 1.2;
padding-left: 0;
position: relative;
}
.stickyBookingBoxPrice img {
width: 72px;
float: left;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.showBookingBox header {
visibility: hidden;
pointer-events: none;
}
.showBookingBox .bookingBox {
top: 0;
}
.showBookingBox .bookingBoxStickyCta {
display: none;
}
.bookingBox .bookingBoxHeader .col:first-child {
padding-left: 25px;
}
.bookingBox a.closeBookingBox {
background: #000000;
}
.bookingBox a.closeBookingBox:hover {
background: #222222;
}
}
@media only screen and (min-width: 768px) {
header {
background: #fff;
}
.bookingBoxHeader {
display: none;
}
.bookingBox {
-webkit-box-shadow: none;
box-shadow: none;
}
.bookingBox form {
margin-top: 18px;
}
.bookingBox form #gift_amounts {
width: 104px;
}
.bookingBox .bookingBoxRowMenge,
.bookingBox .bookingBoxRowBetrag {
-webkit-box-pack: normal!important;
-ms-flex-pack: normal!important;
justify-content: normal!important;
}
.bookingBox .voucherImageMockup img {
max-width: 80%!important;
-webkit-transform: none;
transform: none;
}
.bookingBox .logoCol {
color: #efcf74;
}
.bookingBoxHeader a.closeBookingBox {
background: #000000;
}
.bookingBoxHeader a.closeBookingBox:hover {
background: #222222;
}
} .heroStage .bgBrush {
display: none;
}
.restaurantMainContent .reviews i.fa-star,
.restaurantMainContent .reviews i.fa-star-half-o,
.restaurantMainContent .reviews i.fa-star-o {
color: #efcf74;
} .grundIcon i {
color: #efcf74;
}
.grundText h4 {
font-weight: 300;
text-align: center;
color: #000000;
font-size: 2.2rem;
margin-bottom: 18px;
}
.darkModeSmallerImages {
background: #000000;
color: #fff;
}
.darkModeSmallerImages h1,
.darkModeSmallerImages h2,
.darkModeSmallerImages h3,
.darkModeSmallerImages h4,
.darkModeSmallerImages h5,
.darkModeSmallerImages h6 {
color: #fff;
}
.singleInfopunktIcon.roundIcon {
background-image: url(//peterpane.bon-bon.de/wp-content/themes/peterpane_child/assets/images/icon-check-round-catering.png);
} .b2bTeaser {
background: #000000;
}
.singleInfopunkt {
position: relative;
padding-left: 24px;
padding-bottom: 16px;
}
.singleInfopunkt h4 {
font-family: "Source Sans Pro";
color: #000000;
}
.singleInfopunktIcon {
position: absolute;
left: 0;
top: 5px;
color: #000000;
background-image: url(//peterpane.bon-bon.de/wp-content/themes/peterpane_child/assets/images/icon-check-catering.png);
background-position: center;
background-size: cover;
width: 18px;
height: 18px;
}
.singleInfopunktIcon.roundIcon {
background-image: url(//peterpane.bon-bon.de/wp-content/themes/peterpane_child/assets/images/icon-check-round-catering.png);
}
.imageBoxCol {
background-color: #000000;
}
@media only screen and (min-width: 768px) {
.stickyBookingBarWrap .stickyBookingBoxInfo:before {
background-image: url(//peterpane.bon-bon.de/wp-content/themes/peterpane_child/assets/images/stickypreview.png);
}
}
.heroHeader {
position: relative;
background: #000000;
color: #999;
text-align: center;
padding-top: 70px;
padding-bottom: 60px;
line-height: 1.4;
}
.partnerFilter a.tag:hover,
.partnerFilter a.tag.active {
background-color: #222222;
}
.singlePartnerTeaser .tag {
background-color: #000000;
color: #fff;
}
.heroContent .button,
.heroContents .button,
.gutscheinteaser .button {
margin-top: 18px;
height: 48px;
line-height: 48px;
font-size: 1.8rem;
background-color: #f9d439;
border-color: #f9d439;
}
.heroContent .button:hover,
.heroContents .button:hover,
.gutscheinteaser .button:hover {
background-color: #fbdf6a;
border-color: #fbdf6a;
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
}
.heroContent .redOutlineButton,
.heroContents .redOutlineButton {
background: transparent;
border-color: #f9d439;
color: #f9d439;
}
.heroContent .outlineButton,
.heroContents .outlineButton {
background-color: transparent!important;
border-color: #fff!important;
color: #fff!important;
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
}
.heroContent .outlineButton:hover,
.heroContents .outlineButton:hover {
background-color: #ddd!important;
border-color: #ddd!important;
color: #000000 !important;
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
}
#mainSearchBar {
display: none;
}
#mainSearchBar .button,
.mainSearchBar .button,
#searchbutton {
color: #000;
}
@media (min-width: 768px) {
#searchbutton.searching {
background-color: #fbdf6a;
}
} .singleReferenzTestimonial i.fa { color: #000000;
} .zitatText {
background-image: url(//peterpane.bon-bon.de/wp-content/themes/peterpane_child/assets/images/quotationmark.png);
}
.zitatText p {
margin-bottom: 0;
}
.zitatImage {
border: 3px solid #000000;
}
.searchAboveMap {
padding: 0;
color: #fff;
background: #000000;
}
.searchAboveMap h1,
.searchAboveMap h2,
.searchAboveMap h3,
.searchAboveMap h4,
.searchAboveMap h5,
.searchAboveMap h6,
.searchAboveMap p {
color: #fff;
}
.singleImage .imageText {
background: #000000;
} .singleRestaurant .singleRestaurantTeaserCity {
background: #000000;
} .thankyouHero {
min-height: 450px;
} div.shippingButton.active,
div.shippingButton:hover {
border-color: #efcf74;
}
div.shippingButton.active::before {
color: #efcf74;
}
img.noShadow {
-webkit-box-shadow: none!important;
box-shadow: none!important;
}
.customApplyCoupon {
display: none;
}
.pid_630540 .quantityAndPriceRow,
.pid_630539 .quantityAndPriceRow {
pointer-events: none;
position: relative;
}
.pid_630540 .quantityAndPriceRow .col,
.pid_630539 .quantityAndPriceRow .col {
opacity: 0.5;
}
.pid_630540 .quantityAndPriceRow:before,
.pid_630539 .quantityAndPriceRow:before {
content: " Deine Gratis-Gutscheine";
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%) rotate(-8deg);
transform: translateX(-50%) rotate(-8deg);
background: #f9d439;
font-weight: bold;
text-transform: uppercase;
color: #000;
display: block;
width: 90%;
text-align: center;
padding: 4px 0;
opacity: 0.9;
z-index: 2;
}
.pid_630540[data-count="1"] .quantityAndPriceRow:before,
.pid_630539[data-count="1"] .quantityAndPriceRow:before {
content: " Dein Gratis-Gutschein";
}
.pid_630540[data-count="2"] .quantityAndPriceRow:before,
.pid_630539[data-count="2"] .quantityAndPriceRow:before {
content: " Deine 2 Gratis-Gutscheine";
}
.pid_630540[data-count="3"] .quantityAndPriceRow:before,
.pid_630539[data-count="3"] .quantityAndPriceRow:before {
content: " Deine 3 Gratis-Gutscheine";
}
.pid_630540[data-count="4"] .quantityAndPriceRow:before,
.pid_630539[data-count="4"] .quantityAndPriceRow:before {
content: " Deine 4 Gratis-Gutscheine";
}
.pid_630540[data-count="5"] .quantityAndPriceRow:before,
.pid_630539[data-count="5"] .quantityAndPriceRow:before {
content: " Deine 5 Gratis-Gutscheine";
}
.pid_630540[data-count="6"] .quantityAndPriceRow:before,
.pid_630539[data-count="6"] .quantityAndPriceRow:before {
content: " Deine 6 Gratis-Gutscheine";
}
.pid_630540[data-count="7"] .quantityAndPriceRow:before,
.pid_630539[data-count="7"] .quantityAndPriceRow:before {
content: " Deine 7 Gratis-Gutscheine";
}
.pid_630540[data-count="8"] .quantityAndPriceRow:before,
.pid_630539[data-count="8"] .quantityAndPriceRow:before {
content: " Deine 8 Gratis-Gutscheine";
}
.pid_630540[data-count="9"] .quantityAndPriceRow:before,
.pid_630539[data-count="9"] .quantityAndPriceRow:before {
content: " Deine 9 Gratis-Gutscheine";
}
.pid_630540[data-count="10"] .quantityAndPriceRow:before,
.pid_630539[data-count="10"] .quantityAndPriceRow:before {
content: " Deine 10 Gratis-Gutscheine";
}
.pid_630540[data-count="11"] .quantityAndPriceRow:before,
.pid_630539[data-count="11"] .quantityAndPriceRow:before {
content: " Deine 11 Gratis-Gutscheine";
}
.pid_630540[data-count="12"] .quantityAndPriceRow:before,
.pid_630539[data-count="12"] .quantityAndPriceRow:before {
content: " Deine 12 Gratis-Gutscheine";
}
.pid_630540 .priceCol b,
.pid_630539 .priceCol b {
position: relative;
}
.pid_630540 .priceCol b:before,
.pid_630539 .priceCol b:before {
background: red;
content: " ";
height: 2px;
width: 100%;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: rotate(-2deg) scale(1.2);
transform: rotate(-2deg) scale(1.2);
display: block;
} .stepText h5 {
color: #000000;
}
.stepText .stepZahl {
color: #fff;
background: #efcf74;
}
.zahlenUndFakten {
color: #000000;
}
span.faktIcon {
color: #efcf74;
}
.soFunktioniertSteps.bgLight {
background-color: #f6f1e3;
}
.singleSocialMedia {
background: #000000;
}
.singleSocialMedia:hover {
background-color: #222222;
}
.reviewStars,
.reviews {
white-space: nowrap;
color: #000000;
}
.bglightGradientToBottom {
background: -webkit-gradient(linear, left bottom, left top, color-stop(1%, #f3f3f3), to(rgba(243, 243, 243, 0)));
background: linear-gradient(0deg, #f3f3f3 1%, rgba(243, 243, 243, 0) 100%);
}
.bglightGradientToTop {
background: -webkit-gradient(linear, left bottom, left top, color-stop(1%, rgba(243, 243, 243, 0)), to(#f3f3f3));
background: linear-gradient(0deg, rgba(243, 243, 243, 0) 1%, #f3f3f3 100%);
}
.couponOverlay .couponWrap .closeCouponwrap:hover {
background: #222222;
}
.couponOverlay .couponWrap .applyCoupon {
background: #000000;
}
.cartCoupon {
padding: 12px 0;
color: #000000;
}
.cartContainsGeschenkgutschein .gutscheinShippingPreview {
background-image: url(//peterpane.bon-bon.de/wp-content/themes/peterpane_child/assets/images/cart/cartpreview_geschenkgutschein_print.jpg);
}
.cartContainsGeschenkgutschein .freeshippingButton .gutscheinShippingPreview {
background-image: url(//peterpane.bon-bon.de/wp-content/themes/peterpane_child/assets/images/cart/cartpreview_geschenkgutschein_pdf.jpg);
}
.customCart .product-name .checkoutbild.print img {
-webkit-box-shadow: none;
box-shadow: none;
}
.customCart .product-name .checkoutbild.pdf {
padding: 5px 15px 15px 15px;
}
.customCart .product-name .checkoutbild.pdf img {
-webkit-box-shadow: 0px 0px 14px 5px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 14px 5px rgba(0, 0, 0, 0.15);
}
.woocommerce-remove-coupon {
display: none;
}
.woocommerce .couponWrap .button.activeButton {
background: #000000;
}
#menu {
opacity: 0;
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
pointer-events: none;
position: fixed;
width: calc(100% - 30px);
height: auto;
top: 86px;
overflow-y: visible;
-webkit-transition: .3s all ease;
transition: .3s all ease;
right: 15px;
background-color: #fff;
z-index: 1113;
text-align: center;
padding: 10px;
}
#menu .menu-hauptmenue-container {
background: #fff;
}
#menu .mobileMenuGeschenkgutschein a {
background-color: transparent!important;
color: #000!important;
background-image: url(//peterpane.bon-bon.de/wp-content/themes/peterpane_child/assets/images/mobileMenuGeschenkgutschein.png) !important;
background-size: 200px!important;
background-repeat: no-repeat !important;
background-position: bottom 54px center!important;
padding-bottom: 184px!important;
width: 100%;
}
#menu .mobileMenuGeschenkgutschein a:hover,
#menu .mobileMenuGeschenkgutschein a:active {
background-color: #ddd!important;
}
#menu .mobileMenuGeschenkgutschein a:after {
border-radius: 4px;
white-space: nowrap;
content: '\2192 \00a0 \00a0 \00a0 Zur Bestellung';
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
padding: 7px 28px;
background: #f9d439;
display: block;
color: #fff;
width: auto;
text-transform: none;
bottom: 10px;
}
#menu .mobileMenuGeschenkgutschein i {
display: none;
}
.showMenu #menu {
display: block;
opacity: 1;
pointer-events: all;
-webkit-transform: none;
transform: none;
-webkit-box-shadow: -32px 0px 32px 0px rgba(0, 0, 0, 0.68);
box-shadow: -32px 0px 32px 0px rgba(0, 0, 0, 0.68);
}
.showMenu #menu:before {
position: absolute;
display: block;
width: 0;
height: 0;
right: 10px;
top: -12px;
content: " ";
border-style: solid;
border-width: 0 12px 12px 12px;
border-color: transparent transparent #fff transparent;
z-index: 99999;
}
.scrolled.showMenu .brandColorLogo {
display: inline-block;
}
.showMenu header {
background: #fff;
}
.showMenu ul.shoppingCartMenu li a {
color: #333;
}
#menu ul.menu li:hover {
text-indent: 1px;
}
.showMenu #menu ul.menu li {
-webkit-transform: none;
transform: none;
}
.legalRow {
padding-top: 12px;
padding-bottom: 5px;
background: #fafafa!important;
margin-left: -15px;
margin-right: -15px;
padding-bottom: 15px!important;
-webkit-transform: translateY(15px);
transform: translateY(15px);
}
#menu .legalRow ul.menu li {
background: transparent;
font-size: 1.3rem;
border: none;
}
#menu .legalRow ul.menu li .aElement {
padding: 4px 8px;
display: inline-block;
} #menu ul.menu > li > a {
font-size: 1.6rem;
color: #333;
padding: 12px 24px;
display: block;
height: 100%;
}
#menu ul.menu > li {
border-bottom: 1px #ccc solid;
}
#menu ul.sub-menu li a {
padding: 9px 24px;
-webkit-transition: .3s all ease;
transition: .3s all ease;
font-size: 1.5rem;
color: #333;
width: 100%;
display: inline-block;
}
#menu ul.menu > li.current-menu-item:not(.current-menu-ancestor) > a,
#menu ul.menu li a:hover,
#menu ul.sub-menu > li.current-menu-item > a {
color: #fff;
background: #000000;
}
.bookingBox .bookingBoxRow {
margin-bottom: 15px;
}
.bookingBox .previewImageCol.limitPreviewImageSize .voucherImageMockupPdf {
padding: 25px 0;
}
.bookingBox .previewImageCol.limitPreviewImageSize .voucherImageMockupPdf img {
max-width: 150px;
-webkit-box-shadow: -24px 16px 64px 0 rgba(0, 0, 0, 0.18);
box-shadow: -24px 16px 64px 0 rgba(0, 0, 0, 0.18);
}
.bookingBox .previewImageCol.limitPreviewImageSize .voucherImageMockupPrint img {
max-width: 255px;
}
.custom-checkboxes {
line-height: 1.25;
margin-bottom: 3rem !important;
}
.custom-checkboxes .woocommerce-terms-and-conditions-checkbox-text,
.custom-checkboxes label.custom-checkbox {
line-height: 1.25!important;
font-size: 1.4rem;
}
.custom-checkboxes label.custom-checkbox {
position: relative;
display: inline-block !important;
}
.custom-checkboxes span.woocommerce-terms-and-conditions-checkbox-text {
padding-left: 24px;
display: inline-block !important;
}
.custom-checkboxes input.input-checkbox {
position: absolute;
left: 0;
top: 4px;
}
@media (min-width: 768px) {
.bookingBoxContent .bookingBoxInner {
max-width: 1000px;
}
.bookingBox .previewImageCol.limitPreviewImageSize .voucherImageMockupPdf {
padding: 55px 0;
}
.bookingBox .previewImageCol.limitPreviewImageSize .voucherImageMockupPdf img {
max-width: 200px!important;
}
.bookingBox .previewImageCol.limitPreviewImageSize .voucherImageMockupPrint {
padding: 14px 0;
}
.bookingBox .previewImageCol.limitPreviewImageSize .voucherImageMockupPrint img {
max-width: 355px!important;
}
.mainNav {
right: 120px;
}
header .brand a,
.scrolled header .brand a {
height: 54px;
}
header > .container > .row,
header > .container-fluid > .row {
height: 80px;
}
.scrolled header > .container > .row,
.scrolled header > .container-fluid > .row {
height: 80px;
}
#menu {
top: 110px;
}
.scrolled #menu {
top: 90px;
}
.showMenu #menu:before {
right: 32px;
}
.pageOverlay,
.showBookingBox .pageOverlay {
z-index: 100000;
}
}
@media (min-width: 1200px) {
header .brand {
left: 0;
}
}
@media (min-width: 1200px) {
header .brand {
left: 15px;
}
}
.bookingBarStickyCta {
bottom: unset;
}
.s-lightbox-container{position:fixed;z-index:99999;top:0;left:0;width:100%;height:100%}.s-lightbox-container,.s-lightbox-container *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.s-lightbox-hidden-scroll{overflow:hidden}.s-lightbox-overlay,.s-lightbox-wrapper{position:absolute;top:0;right:0;bottom:0;left:0}.s-lightbox-overlay{background-color:rgba(30,30,30,.8)}.s-lightbox-navigation-prev{left:0;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.s-lightbox-navigation-next{right:0}.s-lightbox-navigation-prev,.s-lightbox-navigation-next{position:absolute;width:56px;height:100px;top:50%;background-color:transparent;margin-top:-50px;border:0;cursor:pointer;outline:none}.s-lightbox-navigation-prev:after{content:"";position:absolute;top:27px;width:46px;height:46px;left:0;background-color:rgba(30,30,30,.6);background-image:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);background-repeat:no-repeat;background-position:50%;background-size:24px 24px}.s-lightbox-navigation-next:after{content:"";position:absolute;top:27px;width:46px;height:46px;left:0;background-color:rgba(30,30,30,.6);background-image:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);background-repeat:no-repeat;background-position:50%;background-size:24px 24px}.s-lightbox-viewer{position:absolute;left:0;right:0;bottom:0;top:0}.s-lightbox-items{position:absolute;top:0;left:0;width:100%;height:100%}.s-lightbox-item{left:0;top:0;right:0;bottom:0;position:absolute;transition-duration:0;transition-property:transform;transition-timing-function:cubic-bezier(0.645,0.045,0.355,1.000)}.s-lightbox-item-first{transform:translate(-100%,0)}.s-lightbox-item-active{transform:translate(0,0)}.s-lightbox-item-last{transform:translate(100%,0)}.s-lightbox-close-overlay .s-lightbox-item-active{cursor:pointer}.s-lightbox-item-container{left:60px;top:60px;right:60px;bottom:60px;position:absolute;display:block;overflow:hidden}.s-lightbox-item-box{position:absolute;cursor:default;opacity:0;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;transform:scale(0.8);transition-duration:.2s;transition-property:transform opacity;transition-timing-function:ease-in-out}.s-lightbox-draggable-content{cursor:grab;-khtml-user-drag:element;-webkit-user-drag:element;-khtml-user-select:none;-webkit-user-select:none}.s-lightbox-content-box{opacity:0;position:absolute;cursor:default;overflow-y:auto;text-align:left}.s-lightbox-view-html{padding:30px;background-color:#FFF;text-align:left}.s-lightbox-item-image{position:absolute;width:100%;height:100%;padding:0;margin:0;border:0;left:0;top:0;max-width:none;max-height:none}.s-lightbox-viewer-border .s-lightbox-item-box{border:solid 7px #FFF;border-radius:2px}.s-lightbox-youtube-iframe,.s-lightbox-vimeo-iframe,.s-lightbox-content-iframe,.s-lightbox-dailymotion-iframe,.s-lightbox-googlemap-iframe{position:absolute;width:100%;height:100%;background-color:#000}.s-lightbox-content-iframe{background-color:#FFF}.s-lightbox-caption{position:absolute;z-index:10;left:0;right:0;bottom:0;height:auto;padding:30px 20px 20px;color:#FFF;background:rgba(0,0,0,.5);background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 100%);background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.8)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#000000',GradientType=0)}.s-lightbox-closer{position:absolute;width:46px;height:46px;border:0;background-color:rgba(30,30,30,.6);right:10px;top:10px;cursor:pointer;outline:none}.s-lightbox-closer:before,.s-lightbox-closer:after{position:absolute;left:22px;top:10px;content:'';height:26px;width:2px;background-color:#FFF}.s-lightbox-closer:before{transform:rotate(45deg)}.s-lightbox-closer:after{transform:rotate(-45deg)}.s-lightbox-closer:hover,.s-lightbox-navigation-prev:hover:after,.s-lightbox-navigation-next:hover:after,.s-lightbox-fullscreen:hover{background-color:rgba(0,0,0,.6)}.s-lightbox-fullscreen{position:absolute;width:46px;height:46px;border:0;background-color:rgba(30,30,30,.4);right:10px;top:66px;cursor:pointer;outline:none}.s-lightbox-fullscreen .s-lightbox-fullscreen-container{position:absolute;width:24px;height:20px;top:13px;left:11px}.s-lightbox-fullscreen .s-lightbox-fullscreen-container span{position:absolute}.s-lightbox-fullscreen .s-lightbox-fullscreen-container span:before,.s-lightbox-fullscreen .s-lightbox-fullscreen-container span:after{position:absolute;background-color:rgba(255,255,255,.4);content:''}.s-lightbox-fullscreen .s-lightbox-fullscreen-container span:nth-child(1){left:0;top:0;width:6px;height:6px}.s-lightbox-fullscreen .s-lightbox-fullscreen-container span:nth-child(1):before{width:6px;height:2px;left:0;top:0}.s-lightbox-fullscreen .s-lightbox-fullscreen-container span:nth-child(1):after{width:2px;height:4px;left:0;top:2px}.s-lightbox-fullscreen .s-lightbox-fullscreen-container span:nth-child(2){top:0;right:0;width:6px;height:6px}.s-lightbox-fullscreen .s-lightbox-fullscreen-container span:nth-child(2):before{width:6px;height:2px;right:0;top:0}.s-lightbox-fullscreen .s-lightbox-fullscreen-container span:nth-child(2):after{width:2px;height:4px;right:0;top:2px}.s-lightbox-fullscreen .s-lightbox-fullscreen-container span:nth-child(3){bottom:0;left:0;width:6px;height:6px}.s-lightbox-fullscreen .s-lightbox-fullscreen-container span:nth-child(3):before{width:6px;height:2px;bottom:0;left:0}.s-lightbox-fullscreen .s-lightbox-fullscreen-container span:nth-child(3):after{width:2px;height:4px;bottom:2px;left:0}.s-lightbox-fullscreen .s-lightbox-fullscreen-container span:nth-child(4){bottom:0;right:0;width:6px;height:6px}.s-lightbox-fullscreen .s-lightbox-fullscreen-container span:nth-child(4):before{width:6px;height:2px;bottom:0;right:0}.s-lightbox-fullscreen .s-lightbox-fullscreen-container span:nth-child(4):after{width:2px;height:4px;bottom:2px;right:0}.s-lightbox-fullscreen .s-lightbox-fullscreen-container span:nth-child(5){left:6px;top:6px;width:12px;height:8px;background-color:rgba(255,255,255,.4)}.s-lightbox-page-info{position:absolute;width:70px;height:30px;border:0;background-color:rgba(0,0,0,.8);cursor:default;outline:none;left:50%;margin-left:-35px;bottom:0;color:rgba(255,255,255,.6);line-height:30px;text-align:center;font-size:12px}.s-lightbox-page-info > span{font-weight:700;color:rgba(255,255,255,.8)}@media only screen and (max-width: 768px){.s-lightbox-item-container{left:10px;top:10px;right:10px;bottom:10px}.s-lightbox-closer,.s-lightbox-navigation-prev:after,.s-lightbox-navigation-next:after{background-color:rgba(30,30,30,.8)}.s-lightbox-fullscreen{right:66px;top:10px}}.s-lightbox-loader-type1{width:40px;height:40px;background-color:rgba(255,255,255,.9);position:absolute;left:50%;margin-left:-20px;top:50%;margin-top:-20px;-webkit-animation:loader-type1 1.2s infinite ease-in-out;animation:loader-type1 1.2s infinite ease-in-out}@-webkit-keyframes loader-type1{0%{-webkit-transform:perspective(120px)}50%{-webkit-transform:perspective(120px) rotateY(180deg)}100%{-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg)}}@keyframes loader-type1{0%{transform:perspective(120px) rotateX(0deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.s-lightbox-loader-type2,.s-lightbox-loader-type2:after{border-radius:50%;width:40px;height:40px}.s-lightbox-loader-type2{left:50%;margin-left:-20px;top:50%;margin-top:-20px;position:absolute;text-indent:-9999em;border-top:5px solid rgba(255,255,255,0.4);border-right:5px solid rgba(255,255,255,0.4);border-bottom:5px solid rgba(255,255,255,0.4);border-left:5px solid rgba(255,255,255,0.9);-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:loader-type2 1.1s infinite linear;animation:loader-type2 1.1s infinite linear}@-webkit-keyframes loader-type2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loader-type2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes lb-closeDownEffect{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,400px,0);transform:translate3d(0,400px,0)}}@keyframes lb-closeDownEffect{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,400px,0);transform:translate3d(0,400px,0)}}@-webkit-keyframes lb-fadeOutEffect{from{opacity:1}to{opacity:0}}@keyframes lb-fadeOutEffect{from{opacity:1}to{opacity:0}}.s-lightbox-closeEffect .s-lightbox-item-active .s-lightbox-item-container{-webkit-animation-duration:200ms;animation-duration:200ms;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:lb-closeDownEffect;animation-name:lb-closeDownEffect}.s-lightbox-closeEffect .s-lightbox-overlay{-webkit-animation-duration:200ms;animation-duration:200ms;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:lb-fadeOutEffect;animation-name:lb-fadeOutEffect}.s-lightbox-closeEffect .s-lightbox-navigation,.s-lightbox-closeEffect .s-lightbox-closer,.s-lightbox-closeEffect .s-lightbox-fullscreen,.s-lightbox-closeEffect .s-lightbox-page-info{display:none}.rotating {
display: inline-block;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: rotateX(0) rotateY(0) rotateZ(0);
-moz-transform: rotateX(0) rotateY(0) rotateZ(0);
-ms-transform: rotateX(0) rotateY(0) rotateZ(0);
-o-transform: rotateX(0) rotateY(0) rotateZ(0);
transform: rotateX(0) rotateY(0) rotateZ(0);
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
-webkit-transform-origin-x: 50%;
}
.rotating.flip {
position: relative;
}
.rotating .front, .rotating .back {
left: 0;
top: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
}
.rotating .front {
position: absolute;
display: inline-block;
-webkit-transform: translate3d(0,0,1px);
-moz-transform: translate3d(0,0,1px);
-ms-transform: translate3d(0,0,1px);
-o-transform: translate3d(0,0,1px);
transform: translate3d(0,0,1px);
}
.rotating.flip .front {
z-index: 1;
}
.rotating .back {
display: block;
opacity: 0;
}
.rotating.spin {
-webkit-transform: rotate(360deg) scale(0);
-moz-transform: rotate(360deg) scale(0);
-ms-transform: rotate(360deg) scale(0);
-o-transform: rotate(360deg) scale(0);
transform: rotate(360deg) scale(0);
}
.rotating.flip .back {
z-index: 2;
display: block;
opacity: 1;
-webkit-transform: rotateY(180deg) translate3d(0,0,0);
-moz-transform: rotateY(180deg) translate3d(0,0,0);
-ms-transform: rotateY(180deg) translate3d(0,0,0);
-o-transform: rotateY(180deg) translate3d(0,0,0);
transform: rotateY(180deg) translate3d(0,0,0);
}
.rotating.flip.up .back {
-webkit-transform: rotateX(180deg) translate3d(0,0,0);
-moz-transform: rotateX(180deg) translate3d(0,0,0);
-ms-transform: rotateX(180deg) translate3d(0,0,0);
-o-transform: rotateX(180deg) translate3d(0,0,0);
transform: rotateX(180deg) translate3d(0,0,0);
}
.rotating.flip.cube .front {
-webkit-transform: translate3d(0,0,100px) scale(0.9,0.9);
-moz-transform: translate3d(0,0,100px) scale(0.85,0.85);
-ms-transform: translate3d(0,0,100px) scale(0.85,0.85);
-o-transform: translate3d(0,0,100px) scale(0.85,0.85);
transform: translate3d(0,0,100px) scale(0.85,0.85);
}
.rotating.flip.cube .back {
-webkit-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.9,0.9);
-moz-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
-ms-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
-o-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
}
.rotating.flip.cube.up .back {
-webkit-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.9,0.9);
-moz-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
-ms-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
-o-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
}