/* open-sans-300 - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('../fonts/OpenSans/open-sans-v40-latin-300.eot'); /* IE9 Compat Modes */ src: url('../fonts/OpenSans/open-sans-v40-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/OpenSans/open-sans-v40-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/OpenSans/open-sans-v40-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/OpenSans/open-sans-v40-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/OpenSans/open-sans-v40-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-300italic - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: url('../fonts/OpenSans/open-sans-v40-latin-300italic.eot'); /* IE9 Compat Modes */ src: url('../fonts/OpenSans/open-sans-v40-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/OpenSans/open-sans-v40-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/OpenSans/open-sans-v40-latin-300italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/OpenSans/open-sans-v40-latin-300italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/OpenSans/open-sans-v40-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-regular - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('../fonts/OpenSans/open-sans-v40-latin-regular.eot'); /* IE9 Compat Modes */ src: url('../fonts/OpenSans/open-sans-v40-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/OpenSans/open-sans-v40-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/OpenSans/open-sans-v40-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/OpenSans/open-sans-v40-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/OpenSans/open-sans-v40-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-italic - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: url('../fonts/OpenSans/open-sans-v40-latin-italic.eot'); /* IE9 Compat Modes */ src: url('../fonts/OpenSans/open-sans-v40-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/OpenSans/open-sans-v40-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/OpenSans/open-sans-v40-latin-italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/OpenSans/open-sans-v40-latin-italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/OpenSans/open-sans-v40-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-500 - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 500; src: url('../fonts/OpenSans/open-sans-v40-latin-500.eot'); /* IE9 Compat Modes */ src: url('../fonts/OpenSans/open-sans-v40-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/OpenSans/open-sans-v40-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/OpenSans/open-sans-v40-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/OpenSans/open-sans-v40-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/OpenSans/open-sans-v40-latin-500.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-500italic - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: italic; font-weight: 500; src: url('../fonts/OpenSans/open-sans-v40-latin-500italic.eot'); /* IE9 Compat Modes */ src: url('../fonts/OpenSans/open-sans-v40-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/OpenSans/open-sans-v40-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/OpenSans/open-sans-v40-latin-500italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/OpenSans/open-sans-v40-latin-500italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/OpenSans/open-sans-v40-latin-500italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600 - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url('../fonts/OpenSans/open-sans-v40-latin-600.eot'); /* IE9 Compat Modes */ src: url('../fonts/OpenSans/open-sans-v40-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/OpenSans/open-sans-v40-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/OpenSans/open-sans-v40-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/OpenSans/open-sans-v40-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/OpenSans/open-sans-v40-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600italic - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: italic; font-weight: 600; src: url('../fonts/OpenSans/open-sans-v40-latin-600italic.eot'); /* IE9 Compat Modes */ src: url('../fonts/OpenSans/open-sans-v40-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/OpenSans/open-sans-v40-latin-600italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/OpenSans/open-sans-v40-latin-600italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/OpenSans/open-sans-v40-latin-600italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/OpenSans/open-sans-v40-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700 - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('../fonts/OpenSans/open-sans-v40-latin-700.eot'); /* IE9 Compat Modes */ src: url('../fonts/OpenSans/open-sans-v40-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/OpenSans/open-sans-v40-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/OpenSans/open-sans-v40-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/OpenSans/open-sans-v40-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/OpenSans/open-sans-v40-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700italic - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: url('../fonts/OpenSans/open-sans-v40-latin-700italic.eot'); /* IE9 Compat Modes */ src: url('../fonts/OpenSans/open-sans-v40-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/OpenSans/open-sans-v40-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/OpenSans/open-sans-v40-latin-700italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/OpenSans/open-sans-v40-latin-700italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/OpenSans/open-sans-v40-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-800 - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: url('../fonts/OpenSans/open-sans-v40-latin-800.eot'); /* IE9 Compat Modes */ src: url('../fonts/OpenSans/open-sans-v40-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/OpenSans/open-sans-v40-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/OpenSans/open-sans-v40-latin-800.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/OpenSans/open-sans-v40-latin-800.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/OpenSans/open-sans-v40-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-800italic - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: italic; font-weight: 800; src: url('../fonts/OpenSans/open-sans-v40-latin-800italic.eot'); /* IE9 Compat Modes */ src: url('../fonts/OpenSans/open-sans-v40-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/OpenSans/open-sans-v40-latin-800italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/OpenSans/open-sans-v40-latin-800italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/OpenSans/open-sans-v40-latin-800italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/OpenSans/open-sans-v40-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* source-sans-pro-200 - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 200; src: url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-200.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-200.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-200.woff') format('woff'), /* Modern Browsers */ url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-200.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-200italic - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 200; src: url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-200italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-200italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-200italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-300 - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 300; src: url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-300italic - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 300; src: url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-300italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-300italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-regular - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; src: url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-italic - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 400; src: url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-600 - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 600; src: url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-600.woff') format('woff'), /* Modern Browsers */ url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-600italic - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 600; src: url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-600italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-600italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-600italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-700 - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 700; src: url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-700italic - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 700; src: url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-700italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-700italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-900 - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 900; src: url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-900.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-900.woff') format('woff'), /* Modern Browsers */ url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-900.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-900italic - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 900; src: url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-900italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-900italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Source-Sans-Pro/source-sans-pro-v21-latin-900italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } body,html { font-family: "Source Sans Pro", "Open Sans Condensed", "Open Sans", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 1.5em; margin: 0px 0 0 0; padding: 0 0 0 0; color: #2c2c2c; /*background: #f22804; background: -moz-linear-gradient(-45deg, #f22804 0%, #8f0222 75%, #6d0019 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f22804), color-stop(75%,#8f0222), color-stop(100%,#6d0019)); background: -webkit-linear-gradient(-45deg, #f22804 0%,#8f0222 75%,#6d0019 100%); background: -o-linear-gradient(-45deg, #f22804 0%,#8f0222 75%,#6d0019 100%); background: -ms-linear-gradient(-45deg, #f22804 0%,#8f0222 75%,#6d0019 100%); background: linear-gradient(135deg, #f22804 0%,#8f0222 75%,#6d0019 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f22804', endColorstr='#6d0019',GradientType=1 ); */ background: #FFFFFF; /*overflow: hidden;*/ } body.imprint {} body.is-iframe {} body.is-fullscreen { padding-top: 7.5vh; background: url(../images/NABU_LOGO.png) no-repeat bottom right /auto 5% #003560; height: 100vh; } .nabu-offshore .wrapper { height: 100%; width: 100%; padding: 0 0 0 0; margin: 0 0 0 0; position: absolute; top: 0px; left: 0px; } .nabu-offshore #main { /*float: left;*/ margin: auto; position: relative; margin-top: 0%; overflow: visible; overflow-x: hidden; height: 100%; width: 100%; max-width: 940px; } /* bcause IMG was to tall, we have to tricks */ body.fix--adjust-height-shallower #main { overflow: hidden !important; } body.fix--adjust-height-shallower #main #scenes { margin-bottom: -8%; } body.fix--adjust-height-shallower #main #scenes .scene-funx.scene-screen-funx { top: unset; bottom: 14%; } body.fix--adjust-height-shallower #main #imprint.fixed { padding-bottom: 3% !important; } /* bcause IMG was to steep, we have to tricks */ body.fix--adjust-height-taller #main { overflow: hidden !important; } body.fix--adjust-height-taller #main #scenes { margin-bottom: 3%; } body.fix--adjust-height-taller #main #scenes .scene-funx.scene-screen-funx { bottom: 2%; top: unset; text-align: right; padding-right: 20px; } body.fix--adjust-height-taller #main #imprint.fixed { padding-bottom: 35px !important; } /* bcause IMG was to steep, we have to tricks */ body.fix--adjust-height-taller-top #main { overflow: hidden !important; padding-top: 9%; } body.fix--adjust-height-taller-top #main #scenes { margin-top: -5%; padding-top: 5%; } body.fix--adjust-height-taller-top #main #scenes .scene { overflow: visible !important; } body.fix--adjust-height-taller-top #main #scenes #hint-mobile-version { margin-top: -5%; } body.fix--adjust-height-taller-top #main #scenes .scene-funx.scene-screen-funx { top: -6%; bottom: unset; } body.fix--adjust-height-taller-top #main #imprint.fixed { padding-bottom: 35px !important; } /* bcause its a bit to wide */ body.fix--adjust-width-scenes-less #main { overflow: hidden !important; } body.fix--adjust-width-scenes-less #main #scenes { padding-left: 2%; padding-right: 2%; } body.imprint #scenes { padding-bottom: 0px; } .nabu-offshore #funx-miscs { bottom: 12px; right: 18%; position: absolute; z-index: 899999999; opacity: 0.75; display: none; } .is-iframe .nabu-offshore #funx-miscs { display: block; } .nabu-offshore #funx-miscs a { width: 25px; height: 25px; display: inline-block; text-align: center; opacity: 0.82; } .nabu-offshore #funx-miscs a:hover { opacity: 1.00; } .nabu-offshore #funx-miscs a.trigger-fullscreen { background: url(../images/icon-fullscreen_white.png) no-repeat center center /contain transparent; } .nabu-offshore #funx-miscs a.trigger-fullscreen-exit { background: url(../images/icon-fullscreen-exit_white.png) no-repeat center center /contain transparent; } .nabu-offshore text { /*font-family: Arial, sans-serif;*/ font-size: 9px; color: #ffffff; -webkit-filter: drop-shadow( 2px 2px 2px #000 ); filter: drop-shadow( 2px 2px 2px rgba(0,0,0,1.0)); pointer-events: none; } .nabu-offshore a, .nabu-offshore a:link, .nabu-offshore a:visited { outline: none; } .nabu-offshore a:hover, .nabu-offshore a:focus {} .nabu-offshore .row a, .nabu-offshore .row-fluid a { text-shadow: 0px 0px 1px rgba(0, 105, 179,0.2); color: #0168B3; text-decoration: underline; } .nabu-offshore .row a:hover, .nabu-offshore .row-fluid a:hover { color: #6F9DD3; text-decoration: underline; } .nabu-offshore .row a[class*='btn-primary'], .nabu-offshore .row-fluid a[class*='btn-primary'] { text-shadow: none; color: #ffffff; text-decoration: none; } .nabu-offshore .row a[class*='btn-primary']:hover, .nabu-offshore .row-fluid a[class*='btn-primary']:hover { color: #ececec; text-decoration: none; } .nabu-offshore h1, .nabu-offshore h2, .nabu-offshore h3, .nabu-offshore h4, .nabu-offshore h5 { color: #0068b4; font-weight: 700; } .nabu-offshore h2 { margin-bottom: 25px; } .nabu-offshore div#title { position: relative; margin-top: 40px; left: 0px; z-index: 8999; } .nabu-offshore h1.title { font-weight: 700; font-size: 2.5em; margin-bottom: 10px; } .nabu-offshore .row h5, .nabu-offshore .row-fluid h5 { width: 100%; font-size: 1.3em; letter-spacing: 0.5px; text-transform: uppercase; color: #0068b4; } .nabu-offshore h5.title_sub { font-weight: 600; font-size: 1.35em; margin-top: 0px; } .nabu-offshore h2.title { z-index: 8999; color: #0068b4; font-size: 2.5em; margin: 0px 0px 20px 0px; text-align: left; } .nabu-offshore div#title_gfx { position: absolute; top: 20px; left: 20px; max-width: 242px; max-height: 64px; width: 20%; height: 10%; background: url(../images/EKD_title_V2.png) no-repeat top left /contain transparent; } .nabu-offshore div.title-text { max-width: 75%; font-size: 0.875em; line-height: 1.55em; } .nabu-offshore div.subtitle { float: left; display: block; width: 100%;} .nabu-offshore h4 { float: none; font-weight: 700; font-size: 1.2em; max-width: 90%; line-height: 1.2em; display: table; padding: 3px 15px 5px 15px; border-radius: 10px; -webkit-border-radius: 10px; background: #0168B3; color: #ffffff; text-align: center; margin: 20px auto 20px auto; } .nabu-offshore h4.scene-dividor-subhead { position: relative; margin-top: -20px; margin-bottom: -44px; z-index: 89999; } .nabu-offshore .headline_top { margin-top: 5px; } .nabu-offshore .dividor { display: block; width: 100%; height: 5px; background: #DD062E; margin: 20px 0px 20px 0px; } .nabu-offshore .aria-only { border: 0 !important; clip: rect(0 0 0 0) !important; clip-path: rect(0 0 0 0) !important; -webkit-clip-path: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 0 0 0 !important; margin: 0 0 0 0 !important; position: absolute !important; width: 1px !important; background: none !important; font-size: 0.1em !important; } /* some font type adjustments as easy usable class for headlines or paragraphs if needed*/ .nabu-offshore .sans-serif { font-family: "daxcondensed-mediumregular", sans-serif !important; } .nabu-offshore .serif { font-family: "PT Serif", serif !important; } .nabu-offshore .font-family_sourcesanspro { font-family: "Source Sans Pro", sans-serif !important; } .nabu-offshore .font-family_opensans { font-family: "Open Sans", sans-serif !important; } .nabu-offshore .uppercase { text-transform: uppercase; } .nabu-offshore .lowercase { text-transform: lowercase; } .nabu-offshore .font-weight_200 { font-weight: 200 !important; } .nabu-offshore .font-weight_200.sans-serif { font-family: "daxcondensed-lightregular" !important; font-weight: 200 !important; } .nabu-offshore .font-weight_300 { font-weight: 300 !important; } .nabu-offshore .font-weight_300.sans-serif { font-family: "daxcondensed-lightregular" !important; font-weight: 300 !important; } .nabu-offshore .font-weight_400 { font-weight: 400 !important; } .nabu-offshore .font-weight_500 { font-weight: 500 !important; } .nabu-offshore .font-weight_600 { font-weight: 600 !important; } .nabu-offshore .font-weight_700 { font-weight: 700 !important; } .nabu-offshore .font-weight_800 { font-weight: 800 !important; } .nabu-offshore .text-center { text-align: center !important; } .nabu-offshore .text-left { text-align: left !important; } .nabu-offshore .text-right { text-align: right !important; } .nabu-offshore .text-justify { text-align: justify !important; } .nabu-offshore .line-height_1 { line-height: 1.00 !important; } .nabu-offshore .line-height_1-11 { line-height: 1.11 !important; } .nabu-offshore .line-height_1-22 { line-height: 1.22 !important; } .nabu-offshore .line-height_1-32 { line-height: 1.32 !important; } .nabu-offshore .line-height_1-33 { line-height: 1.33 !important; } .nabu-offshore .line-height_1-35 { line-height: 1.35 !important; } .nabu-offshore .line-height_1-37 { line-height: 1.37 !important; } .nabu-offshore .line-height_1-42 { line-height: 1.42 !important; } .nabu-offshore .line-height_1-44 { line-height: 1.44 !important; } .nabu-offshore .line-height_1-50 { line-height: 1.50 !important; } .nabu-offshore .line-height_1-55 { line-height: 1.55 !important; } .nabu-offshore .opacity-0 { opacity: 0.00 !important; -webkit-opacity: 0.00 !important; } .nabu-offshore .opacity-10 { opacity: 0.10 !important; -webkit-opacity: 0.10 !important; } .nabu-offshore .opacity-20 { opacity: 0.20 !important; -webkit-opacity: 0.20 !important; } .nabu-offshore .opacity-30 { opacity: 0.30 !important; -webkit-opacity: 0.30 !important; } .nabu-offshore .opacity-40 { opacity: 0.40 !important; -webkit-opacity: 0.40 !important; } .nabu-offshore .opacity-50 { opacity: 0.50 !important; -webkit-opacity: 0.50 !important; } .nabu-offshore .opacity-60 { opacity: 0.60 !important; -webkit-opacity: 0.60 !important; } .nabu-offshore .opacity-70 { opacity: 0.70 !important; -webkit-opacity: 0.70 !important; } .nabu-offshore .opacity-80 { opacity: 0.80 !important; -webkit-opacity: 0.80 !important; } .nabu-offshore .onhover-opacity-80:hover { opacity: 0.80 !important; -webkit-opacity: 0.80 !important; } .nabu-offshore .opacity-90 { opacity: 0.90 !important; -webkit-opacity: 0.90 !important; } .nabu-offshore .onhover-opacity-90:hover { opacity: 0.90 !important; -webkit-opacity: 0.90 !important; } .nabu-offshore .opacity-100 { opacity: 1.00 !important; -webkit-opacity: 1.00 !important; } .nabu-offshore .w-00 { max-width: 0%; width: 0%; } .nabu-offshore .w-10 { max-width: 10%; width: 10%; } .nabu-offshore .w-20 { max-width: 20%; width: 20%; } @media (max-width: 575px) { .nabu-offshore .w-xs-20 { max-width: 20%; width: 20%; } } @media (min-width: 576px) and (max-width: 767px) { .nabu-offshore .w-sm-20 { max-width: 20%; width: 20%; } } @media (min-width: 768px) { .nabu-offshore .w-md-20 { max-width: 20%; width: 20%; } } .nabu-offshore .w-30 { max-width: 30%; width: 30%; } .nabu-offshore .w-33 { max-width: 33%; width: 33%; } @media (max-width: 575px) { .nabu-offshore .w-xs-33 { max-width: 33%; width: 33%; } } @media (min-width: 576px) and (max-width: 767px) { .nabu-offshore .w-sm-33 { max-width: 33%; width: 33%; } } @media (min-width: 768px) { .nabu-offshore .w-md-33 { max-width: 33%; width: 33%; } } .nabu-offshore .w-40 { max-width: 40%; width: 40%; } @media (max-width: 575px) { .nabu-offshore .w-xs-50 { max-width: 50%; width: 50%; } } @media (min-width: 576px) and (max-width: 767px) { .nabu-offshore .w-sm-50 { max-width: 50%; width: 50%; } } @media (min-width: 768px) { .nabu-offshore .w-md-50 { max-width: 50%; width: 50%; } } .nabu-offshore .w-60 { max-width: 60%; width: 60%; } .nabu-offshore .w-65 { max-width: 65%; width: 65%; } .nabu-offshore .w-70 { max-width: 70%; width: 70%; } .nabu-offshore .w-75 { max-width: 75%; width: 75%; } .nabu-offshore .w-80 { max-width: 80%; width: 80%; } .nabu-offshore .w-85 { max-width: 85%; width: 85%; } .nabu-offshore .w-90 { max-width: 90%; width: 90%; } .nabu-offshore .w-95 { max-width: 95%; width: 95%; } .border-radius-round, .border-radius-50 { border-radius: 50%; -webkit-border-radius: 50%; overflow: hidden; } /* some colour multistyles as easy usable classes for type and bgs to be used if needed*/ .nabu-offshore .colour_summerorange { color: #dd4803 !important; } .nabu-offshore .colour_summermandarin { color: #ef7c00 !important; } .nabu-offshore .colour_cleanwhite { color: #fcfcfc !important; } .nabu-offshore .colour_white { color: #ffffff !important; } .nabu-offshore .colour_darkgrey { color: #62676b !important; } .nabu-offshore .colour_deepblue { color: #003560 !important; } .nabu-offshore .colour_nabublue { color: #0068b4 !important; } .nabu-offshore .colour_grey { color: #EEEDE8 !important; } .nabu-offshore .colour_yellow { color: #ecb416 !important; } .nabu-offshore .colour_red { color: #DD062E !important; } .nabu-offshore .colour_lightgrey { color: #f5f5f2 !important; } .nabu-offshore .colour_green { color: #64AD84 !important; } .nabu-offshore .colour_grasgreen { color: #76B72A !important; } .nabu-offshore .colour_nabugreen { color: #3d6315 !important; } .nabu-offshore .colour_anthrazit { color: #333333 !important; } .nabu-offshore .colour_peach { color: #ff6666 !important; } .nabu-offshore .colour_peach-light { color: #f8ece4 !important; } .nabu-offshore .colour_cremebrown { color: #F2F2EE !important; } .nabu-offshore .colour_cremebrown_dark { color: #efe6d3 !important; } .nabu-offshore .colour_cremebrown_verydark { color: #8A7679 !important; } .nabu-offshore .colour_cremebrown_ultradark { color: #86816e !important; } .nabu-offshore .background_summerorange { background: #dd4803 !important; } .nabu-offshore .background_summermandarin { background: #ef7c00 !important; } .nabu-offshore .background_cleanwhite { background: #fcfcfc !important; } .nabu-offshore .background_white { background: #ffffff !important; } .nabu-offshore .background_red { background: #DD062E !important; } .nabu-offshore .background_deepblue { background: #003560 !important; } .nabu-offshore .background_nabublue { background: #0068b4 !important; } .nabu-offshore .background_darkgrey { background: #62676b !important; } .nabu-offshore .background_grey { background: #EEEDE8 !important; } .nabu-offshore .background_yellow { background: #ecb416 !important; } .nabu-offshore .background_green { background: #64AD84 !important; } .nabu-offshore .background_lightgrey { background: #f5f5f2 !important; } .nabu-offshore .background_grasgreen { background: #76B72A !important; } .nabu-offshore .background_nabugreen { background: #3d6315 !important; } .nabu-offshore .background_anthrazit { background: #333333 !important; } .nabu-offshore .background_peach { background: #ff6666 !important; } .nabu-offshore .background_peach-light { background: #f8ece4 !important; } .nabu-offshore .background_cremebrown { background: #F2F2EE !important; } .nabu-offshore .background_cremebrown_dark { background: #e2dfcd !important; } .nabu-offshore .background_cremebrown_verydark { background: #8A7679 !important; } .nabu-offshore .background_cremebrown_ultradark { background: #86816e !important; } .nabu-offshore .container-well-box { padding: 30px 20px; position: relative; z-index: 8999; } .nabu-offshore .container-well-box p { max-width: 62%; margin: auto; } .nabu-offshore a.container-well-box-trigger { background: url(../images/NABU-muell-ICON_00-03.png) no-repeat center center /contain transparent; width: 39px; height: 39px; max-width: 39px; max-height: 39px; position: absolute; right: 8%; top: 24%; } .nabu-offshore a.container-well-box-trigger:hover { opacity: 0.8; -webkit-opacity: 0.8; } .nabu-offshore .container-well-box-scene-02 { margin-top: 0px; } .nabu-offshore .container-well-box-scene-03 { margin-top: -40px; } .nabu-offshore .container-well-box-scene-04 { margin-top: -260px; } .nabu-offshore .container-well-box-scene-back { padding: 60px 20px; } .nabu-offshore .container-well-box-scene-info{ margin-top: 60px; margin-bottom: -40px; padding: 60px 20px; } /** bootstrap general overwrites */ .nabu-offshore .container { max-width: 940px; width: 100%; } .nabu-offshore .container-fluid .row img, .container-fluid .row-fluid img { max-width: 100%; } .nabu-offshore .btn-primary { border: none; border-radius: 2px; letter-spacing: 1px; font-size: 1em; } .nabu-offshore .btn-grasgreen { padding: 10px 40px 10px 30px; background: none !important; border: 3px solid #76B72A; border-radius: 4px; -webkit-border-radius: 4px; color: #76B72A !important; } .nabu-offshore .btn-grasgreen:hover{ background: none !important; opacity: 0.7; -webkit-opacity: 0.7; border: 3px solid #76B72A; border-radius: 4px; -webkit-border-radius: 4px; color: #76B72A !important; } .text-size-01 { font-size: 0.85em; line-height: 1.32; } .text-size-02 { font-size: 0.75em; line-height: 1.32; } .text-size-02b { font-size: 0.70em; line-height: 1.32; } .text-size-03 { font-size: 0.65em; line-height: 1.32; } .text-size-0 { font-size: 1.00em; line-height: 1.32; } .text-size-1 { font-size: 1.25em; line-height: 1.32; } .text-size-2 { font-size: 1.5em; line-height: 1.32; } .text-size-3 { font-size: 1.75em; line-height: 1.32; } .text-size-4 { font-size: 2.00em; line-height: 1.32; } .text-size-5 { font-size: 2.50em; line-height: 1.32; } .text-size-6 { font-size: 3.00em; line-height: 1.32; } .text-size-7 { font-size: 3.50em; line-height: 1.32; } .text-no-underline { text-decoration: none !important; } .text-underline { text-decoration: underline !important; } .mt-neg-1 { margin-top: -0.25rem; } .mt-neg-2 { margin-top: -0.50rem; } .mt-neg-3 { margin-top: -1.00rem; } .mt-neg-4 { margin-top: -1.50rem; } .mt-neg-5 { margin-top: -3.00rem; } .ml-neg-1 { margin-left: -0.25rem; } .ml-neg-2 { margin-left: -0.50rem; } .ml-neg-3 { margin-left: -1.00rem; } .ml-neg-4 { margin-left: -1.50rem; } .ml-neg-5 { margin-left: -3.00rem; } .mr-neg-1 { margin-right: -0.25rem; } .mr-neg-2 { margin-right: -0.50rem; } .mr-neg-3 { margin-right: -1.00rem; } .mr-neg-4 { margin-right: -1.50rem; } .mr-neg-5 { margin-right: -3.00rem; } .mb-neg-1 { margin-bottom: -0.25rem; } .mb-neg-2 { margin-bottom: -0.50rem; } .mb-neg-3 { margin-bottom: -1.00rem; } .mb-neg-4 { margin-bottom: -1.50rem; } .mb-neg-5 { margin-bottom: -3.00rem; } .hyphens-auto { hyphens: auto !important; } .hyphens-none { hyphens: none !important; } .hyphens-manual { hyphens: manual !important; } .cursor-pointer { cursor: pointer; } .position-relative { position: relative; } .position-absolute { position: absolute; } .passpartout-bordered { border: 2px solid #e2e1d9; border-radius: 10px; overflow: hidden; position: relative; } /** ANIMS ############################## */ /* The animation code */ @keyframes anim_swimAround_light_1 { from { transform: translate(0px, 0px); } to { transform: translate(-5px, 0px); } } .nabu-offshore .scene.act .anim_swimAround_light_1 { animation-name: anim_swimAround_light_1; animation-duration: 2s; animation-timing-function: ease-in-out; animation-delay: 1s; animation-direction: alternate; animation-iteration-count: infinite; } @keyframes anim_swimAround_light_2 { from { transform: translate(0px, 0px); } to { transform: translate(4px, 0px); } } .nabu-offshore .scene.act .anim_swimAround_light_2 { animation-name: anim_swimAround_light_2; animation-duration: 2s; animation-delay: 2s; animation-timing-function: ease-in-out; animation-direction: alternate; animation-iteration-count: infinite; } @keyframes anim_flyAround_light_1 { 0% { transform: translate(0px, 0px); } 25% { transform: translate(-4px, -2px); } 50% { transform: translate(2px, -4px); } 75% { transform: translate(4px, 2px); } 100% { transform: translate(0px, 0px); } } .nabu-offshore .scene.act .anim_flyAround_light_1 { animation-name: anim_flyAround_light_1; animation-duration: 4s; animation-delay: 1s; animation-timing-function: linear; animation-direction: alternate; animation-iteration-count: infinite; } @keyframes anim_flyAround_light_2 { 0% { transform: translate(0px, 0px); } 25% { transform: translate(-4px, -2px); } 50% { transform: translate(2px, -4px); } 75% { transform: translate(4px, 2px); } 100% { transform: translate(0px, 0px); } } .nabu-offshore .scene.act .anim_flyAround_light_2 { animation-name: anim_flyAround_light_2; animation-duration: 5s; animation-delay: 2s; animation-timing-function: linear; animation-direction: alternate-reverse; animation-iteration-count: infinite; } @keyframes anim_flyAround_light_4 { 0% { transform: translate(0px, 0px); } 25% { transform: translate(-2px, -4px); } 50% { transform: translate(4px, -2px); } 75% { transform: translate(2px, 4px); } 100% { transform: translate(0px, 0px); } } .nabu-offshore .scene.act .anim_flyAround_light_4 { animation-name: anim_flyAround_light_4; animation-duration: 4.5s; animation-delay: 2s; animation-timing-function: linear; animation-direction: alternate-reverse; animation-iteration-count: infinite; } @keyframes anim_flyAround_light_3 { 0% { transform: translate(0px, 0px); } 25% { transform: translate(-2px, -4px); } 50% { transform: translate(4px, -2px); } 75% { transform: translate(2px, 4px); } 100% { transform: translate(0px, 0px); } } .nabu-offshore .scene.act .anim_flyAround_light_3 { animation-name: anim_flyAround_light_3; animation-duration: 6s; animation-delay: 2s; animation-timing-function: linear; animation-direction: alternate; animation-iteration-count: infinite; } @keyframes anim_arrowFlow_1 { 0% { transform: translate(0px, 0px); opacity: 0.0; } 25% { } 50% { opacity: 1.0; } 75% { opacity: 0.5; } 100% { transform: translate(2px, -15px); opacity: 0.0; } } .nabu-offshore .scene .anim_arrowFlow_1 { opacity: 0.00; animation-name: anim_arrowFlow_1; animation-duration: 3s; animation-delay: 0s; animation-timing-function: ease-out; animation-direction: normal; animation-iteration-count: infinite; } @keyframes anim_arrowFlow_2 { 0% { transform: translate(0px, 0px); opacity: 0.0; } 25% { } 50% { opacity: 1.0; } 75% { opacity: 0.5; } 100% { transform: translate(7px, -15px); opacity: 0.0; } } .nabu-offshore .scene .anim_arrowFlow_2 { opacity: 0.00; animation-name: anim_arrowFlow_2; animation-duration: 3s; animation-delay: 0.5s; animation-timing-function: ease-out; animation-direction: normal; animation-iteration-count: infinite; } .anim-direction_normal { animation-direction: normal !important; } .anim-direction_alternate { animation-direction: alternate !important; } .anim-direction_alternate-reverse { animation-direction: alternate-reverse !important; } /** MAIN SECTIONS && ELEMENTS ############################### */ .nabu-offshore #js_debug { position: absolute; z-index: 999999; top: 0px; left: 0px; width: 200px; height: 100px; background: #5c5c5c; color: #ececec; padding: 20px; font-size: 0.8em; line-height: 0.9em; } .nabu-offshore .tooltip { font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 0.80rem; font-weight: 600; min-width: 180px; z-index: 89999; } .nabu-offshore .tooltip.width-small { min-width: 140px; } .nabu-offshore .tooltip.width-verysmall { min-width: 100px !important; } @media (min-width: 760px) { .nabu-offshore .tooltip.height-oneline { max-height: 23px !important; } .nabu-offshore .tooltip.height-oneline .tooltip-inner { max-height: 23px !important; } } .nabu-offshore .tooltip.default { } .nabu-offshore .tooltip.in { } .nabu-offshore .tooltip.top { } .nabu-offshore .tooltip.right, .nabu-offshore .tooltip.bs-tooltip-right { left: 1% !important; } .nabu-offshore .tooltip.bottom { } .nabu-offshore .tooltip.left { } .nabu-offshore .tooltip.left-01 { left: -1% !important; } .nabu-offshore .tooltip.left-02 { left: -2% !important; } .nabu-offshore .tooltip.left-03 { left: -3% !important; } .nabu-offshore .tooltip.left-04 { left: -4% !important; } .nabu-offshore .tooltip.left-05 { left: -5% !important; } .nabu-offshore .tooltip.left-06 { left: -6% !important; } .nabu-offshore .tooltip.left-07 { left: -7% !important; } .nabu-offshore .tooltip.left-08 { left: -8% !important; } .nabu-offshore .tooltip.left-09 { left: -9% !important; } .nabu-offshore .tooltip.left-10 { left: -10% !important; } .nabu-offshore .tooltip.left-11 { left: -11% !important; } .nabu-offshore .tooltip.left-12 { left: -12% !important; } .nabu-offshore .tooltip.left-13 { left: -13% !important; } .nabu-offshore .tooltip.left-14 { left: -14% !important; } .nabu-offshore .tooltip.left-15 { left: -15% !important; } .nabu-offshore .tooltip.left-neg-01 { left: 1% !important; } .nabu-offshore .tooltip.left-neg-02 { left: 2% !important; } .nabu-offshore .tooltip.left-neg-03 { left: 3% !important; } .nabu-offshore .tooltip.left-neg-04 { left: 4% !important; } .nabu-offshore .tooltip.left-neg-05 { left: 5% !important; } .nabu-offshore .tooltip.left-neg-06 { left: 6% !important; } .nabu-offshore .tooltip.left-neg-07 { left: 7% !important; } .nabu-offshore .tooltip.left-neg-08 { left: 8% !important; } .nabu-offshore .tooltip.left-neg-09 { left: 9% !important; } .nabu-offshore .tooltip.left-neg-10 { left: 10% !important; } .nabu-offshore .tooltip.left-neg-11 { left: 11% !important; } .nabu-offshore .tooltip.left-neg-12 { left: 12% !important; } .nabu-offshore .tooltip.right-01 { left: 1% !important; } .nabu-offshore .tooltip.right-02 { left: 2% !important; } .nabu-offshore .tooltip.right-03 { left: 3% !important; } .nabu-offshore .tooltip.right-04 { left: 4% !important; } .nabu-offshore .tooltip.right-05 { left: 5% !important; } .nabu-offshore .tooltip.right-neg-01 { left: -1% !important; } .nabu-offshore .tooltip.right-neg-02 { left: -2% !important; } .nabu-offshore .tooltip.right-neg-03 { left: -3% !important; } .nabu-offshore .tooltip.right-neg-04 { left: -4% !important; } .nabu-offshore .tooltip.right-neg-05 { left: -5% !important; } .nabu-offshore .tooltip.bottom-01 { top: unset !important; bottom: 1% !important; } .nabu-offshore .tooltip.bottom-02 { top: unset !important; bottom: 2% !important; } .nabu-offshore .tooltip.bottom-03 { top: unset !important; bottom: 3% !important; } .nabu-offshore .tooltip.bottom-04 { top: unset !important; bottom: 4% !important; } .nabu-offshore .tooltip.bottom-05 { top: unset !important; bottom: 5% !important; } .nabu-offshore .tooltip.bottom-neg-01 { top: unset !important; bottom: -1% !important; } .nabu-offshore .tooltip.bottom-neg-02 { top: unset !important; bottom: -2% !important; } .nabu-offshore .tooltip.bottom-neg-03 { top: unset !important; bottom: -3% !important; } .nabu-offshore .tooltip.bottom-neg-04 { top: unset !important; bottom: -4% !important; } .nabu-offshore .tooltip.bottom-neg-05 { top: unset !important; bottom: -5% !important; } .nabu-offshore .tooltip.top-01 { top: -1% !important; } .nabu-offshore .tooltip.top-02 { top: -2% !important; } .nabu-offshore .tooltip.top-03 { top: -3% !important; } .nabu-offshore .tooltip.top-04 { top: -4% !important; } .nabu-offshore .tooltip.top-05 { top: -5% !important; } .nabu-offshore .tooltip.top-06 { top: -6% !important; } .nabu-offshore .tooltip.top-07 { top: -7% !important; } .nabu-offshore .tooltip.top-08 { top: -8% !important; } .nabu-offshore .tooltip.top-09 { top: -9% !important; } .nabu-offshore .tooltip.top-10 { top: -10% !important; } .nabu-offshore .tooltip.top-neg-01 { top: 1% !important; } .nabu-offshore .tooltip.top-neg-02 { top: 2% !important; } .nabu-offshore .tooltip.top-neg-03 { top: 3% !important; } .nabu-offshore .tooltip.top-neg-04 { top: 4% !important; } .nabu-offshore .tooltip.top-neg-05 { top: 5% !important; } .nabu-offshore .tooltip.top-neg-06 { top: 6% !important; } .nabu-offshore .tooltip.top-neg-07 { top: 7% !important; } .nabu-offshore .tooltip.top-neg-08 { top: 8% !important; } .nabu-offshore .tooltip.top-neg-09 { top: 9% !important; } .nabu-offshore .tooltip.top-neg-10 { top: 10% !important; } .nabu-offshore .tooltip-inner { color: #fff; box-shadow: 4px 4px 4px rgba(0,0,0,0.25); max-width: 320px; background-color: #0068b4; border-radius: 3px; /*0%;*/ text-align: left; line-height: 1.32; padding: 10px 15px 15px 15px; hyphens: auto; } .nabu-offshore .hyphens-manual .tooltip-inner { hyphens: manual; } @media (min-width: 760px) { .nabu-offshore .tooltip.text-center .tooltip-inner { text-align: center; } .nabu-offshore .tooltip.text-right .tooltip-inner { text-align: right; } } .nabu-offshore .tooltip.tooltip-wide .tooltip-inner { max-width: 350px; } .nabu-offshore .tooltip-inner small { font-size: 0.92em; } .nabu-offshore .tooltip.red .tooltip-inner { background-color: #DD062E; } .nabu-offshore .tooltip.green .tooltip-inner { background-color: #64AD84; } .nabu-offshore .tooltip.darkblue .tooltip-inner { background-color: #003560; } .nabu-offshore .tooltip.no-bg .tooltip-inner { padding: 0 0 0 0; background: none; box-shadow: none; } .nabu-offshore .tooltip.default .tooltip-inner { padding: 20px; border-radius: 0 0 0 0; } .nabu-offshore .tooltip.colour_deepblue .tooltip-inner { color: #003560; text-shadow: 1px 1px 7px rgba(255,255,255,0.75); } .nabu-offshore .tooltip.colour_cleanwhite .tooltip-inner { color: #ffffff; text-shadow: 1px 1px 7px rgba(0,53,96,0.82); } .nabu-offshore .tooltip-arrow { display: none; /*position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid;*/ } .bs-tooltip-auto[x-placement^="top"] .arrow::before, .bs-tooltip-top .arrow::before { border-top-color: #0068b4; } .bs-tooltip-auto[x-placement^="bottom"] .arrow::before, .bs-tooltip-bottom .arrow::before { border-bottom-color: #0068b4; } .bs-tooltip-auto[x-placement^="left"] .arrow::before, .bs-tooltip-left .arrow::before { border-left-color: #0068b4; } .bs-tooltip-auto[x-placement^="right"] .arrow::before, .bs-tooltip-right .arrow::before { border-right-color: #0068b4; } .red.bs-tooltip-auto[x-placement^="top"] .arrow::before, .red.bs-tooltip-top .arrow::before { border-top-color: #DD062E; } .red.bs-tooltip-auto[x-placement^="bottom"] .arrow::before, .red.bs-tooltip-bottom .arrow::before { border-bottom-color: #DD062E; } .red.bs-tooltip-auto[x-placement^="left"] .arrow::before, .red.bs-tooltip-left .arrow::before { border-left-color: #DD062E; } .red.bs-tooltip-auto[x-placement^="right"] .arrow::before, .red.bs-tooltip-right .arrow::before { border-right-color: #DD062E; } .green.bs-tooltip-auto[x-placement^="top"] .arrow::before, .green.bs-tooltip-top .arrow::before { border-top-color: #64AD84; } .green.bs-tooltip-auto[x-placement^="bottom"] .arrow::before, .green.bs-tooltip-bottom .arrow::before { border-bottom-color: #64AD84; } .green.bs-tooltip-auto[x-placement^="left"] .arrow::before, .green.bs-tooltip-left .arrow::before { border-left-color: #64AD84; } .green.bs-tooltip-auto[x-placement^="right"] .arrow::before, .green.bs-tooltip-right .arrow::before { border-right-color: #64AD84; } .darkblue.bs-tooltip-auto[x-placement^="top"] .arrow::before, .darkblue.bs-tooltip-top .arrow::before { border-top-color: #003560; } .darkblue.bs-tooltip-auto[x-placement^="bottom"] .arrow::before, .darkblue.bs-tooltip-bottom .arrow::before { border-bottom-color: #003560; } .darkblue.bs-tooltip-auto[x-placement^="left"] .arrow::before, .darkblue.bs-tooltip-left .arrow::before { border-left-color: #003560; } .darkblue.bs-tooltip-auto[x-placement^="right"] .arrow::before, .darkblue.bs-tooltip-right .arrow::before { border-right-color: #003560; } .nabu-offshore .tooltip.top .tooltip-arrow { border-top-color: #0068b4; } .nabu-offshore .tooltip.red.top .tooltip-arrow { border-top-color: #DD062E; } .nabu-offshore .tooltip.green.top .tooltip-arrow { border-top-color: #64AD84; } .nabu-offshore .tooltip.darkblue.top .tooltip-arrow { border-top-color: #003560; } .nabu-offshore .tooltip.top-left .tooltip-arrow { border-top-color: #0068b4; } .nabu-offshore .tooltip.red.top-left .tooltip-arrow { border-top-color: #DD062E; } .nabu-offshore .tooltip.green.top-left .tooltip-arrow { border-top-color: #64AD84; } .nabu-offshore .tooltip.darkblue.top-left .tooltip-arrow { border-top-color: #003560; } .nabu-offshore .tooltip.top-right .tooltip-arrow { border-top-color: #0068b4; } .nabu-offshore .tooltip.red.top-right .tooltip-arrow { border-top-color: #DD062E; } .nabu-offshore .tooltip.green.top-right .tooltip-arrow { border-top-color: #64AD84; } .nabu-offshore .tooltip.darkblue.top-right .tooltip-arrow { border-top-color: #003560; } .nabu-offshore .tooltip.right .tooltip-arrow { border-right-color: #0068b4; } .nabu-offshore .tooltip.red.right .tooltip-arrow { border-right-color: #DD062E; } .nabu-offshore .tooltip.green.right .tooltip-arrow { border-right-color: #64AD84; } .nabu-offshore .tooltip.darkblue.right .tooltip-arrow { border-right-color: #003560; } .nabu-offshore .tooltip.left .tooltip-arrow { border-left-color: #0068b4; } .nabu-offshore .tooltip.red.left .tooltip-arrow { border-left-color: #DD062E; } .nabu-offshore .tooltip.green.left .tooltip-arrow { border-left-color: #64AD84; } .nabu-offshore .tooltip.darkblue.left .tooltip-arrow { border-left-color: #003560; } .nabu-offshore .tooltip.bottom .tooltip-arrow { border-bottom-color: #0068b4; } .nabu-offshore .tooltip.red.bottom .tooltip-arrow { border-bottom-color: #DD062E; } .nabu-offshore .tooltip.green.bottom .tooltip-arrow { border-bottom-color: #64AD84; } .nabu-offshore .tooltip.darkblue.bottom .tooltip-arrow { border-bottom-color: #003560; } .nabu-offshore .tooltip.bottom-left .tooltip-arrow { border-bottom-color: #0068b4; } .nabu-offshore .tooltip.red.bottom-left .tooltip-arrow { border-bottom-color: #DD062E; } .nabu-offshore .tooltip.green.bottom-left .tooltip-arrow { border-bottom-color: #64AD84; } .nabu-offshore .tooltip.darkblue.bottom-left .tooltip-arrow { border-bottom-color: #003560; } .nabu-offshore .tooltip.bottom-right .tooltip-arrow { border-bottom-color: #0068b4; } .nabu-offshore .tooltip.red.bottom-right .tooltip-arrow { border-bottom-color: #DD062E; } .nabu-offshore .tooltip.green.bottom-right .tooltip-arrow { border-bottom-color: #64AD84; } .nabu-offshore .tooltip.darkblue.bottom-right .tooltip-arrow { border-bottom-color: #003560; } .nabu-offshore .tooltip.no-bg .tooltip-arrow { border: none !important; } .nabu-offshore .tooltip.arrow-line-right .arrow:before { border: none !important; width: 25px; height: 1px; background: #003560; bottom: unset; top: 7px; right: unset; left: -20px; } .nabu-offshore .tooltip.arrow-line-left .arrow:before { border: none !important; width: 25px; height: 1px; background: #003560; bottom: unset; top: 7px; left: -30px; right: unset; } .nabu-offshore .tooltip.arrow-line-top .arrow:before { border: none !important; width: 1px; height: 25px; background: #003560; bottom: unset; top: -25px; left: 50%; right: unset; } .nabu-offshore .tooltip.arrow-line-bottom .arrow:before { border: none !important; width: 1px; height: 25px; background: #003560; bottom: -25px; top: unset; left: 50%; right: unset; } .nabu-offshore .tooltip.arrow-hook-right2bottom .arrow { background: none !important; background-image: none !important; width: 1px !important; } .nabu-offshore .tooltip.arrow-hook-right2bottom .arrow:before { content: ""; border: none !important; width: 31px !important; height: 1px !important; background: #003560; position: absolute; right: -40px; top: 49%; } .nabu-offshore .tooltip.arrow-hook-right2bottom .arrow:after { content: ""; border: none !important; width: 15px !important; height: 1px !important; background: #003560; position: absolute; right: -45px; top: 49%; transform: rotate(45deg); transform-origin: 0 0; } .nabu-offshore .tooltip.arrow-hook-left2top .arrow { background: none !important; background-image: none !important; width: 1px !important; } .nabu-offshore .tooltip.arrow-hook-left2top .arrow:before { content: ""; border: none !important; width: 31px !important; height: 1px !important; background: #003560; position: absolute; left: -40px; top: 49%; } .nabu-offshore .tooltip.arrow-hook-left2top .arrow:after { content: ""; border: none !important; width: 15px !important; height: 1px !important; background: #003560; position: absolute; left: -40px; top: 49%; transform: rotate(225deg); transform-origin: 0 0; } .nabu-offshore .tooltip.arrow-line-colour_white .arrow:before, .nabu-offshore .tooltip.arrow-line-colour_white .arrow:after { background: #ffffff; } .nabu-offshore #tooltip { position: absolute; border: 0px solid #ffffff; background: #000000; right: 0px; width: 200px; font-size: 0.9em; margin-left: 20px; top: 0px; color: #ffffff; opacity: 0.6; -webkit-opacity: 0.6; padding: 5px 10px 10px 10px; z-index: 899999; border-radius: 12px 12px 12px 12px; -webkit-border-radius: 12px 12px 12px 12px; font-size: 1em; } .nabu-offshore #tooltip.init { border-radius: 0px 0px 0px 12px; -webkit-border-radius: 0px 0px 0px 12px; } .nabu-offshore #tooltip .tooltip_notice { font-size: 0.6em; color: #acacac; line-height: 0.8em; } .nabu-offshore a#button_window_help { opacity: 1.0; -webkit-opacity: 1.0; position: absolute; right: 20px; top: 20px; width: 20%; height: 10%; max-height: 43px; max-width: 153px; background: url(../images/EKD_Button_help.png) no-repeat top right /contain transparent; z-index: 7999; } .nabu-offshore a#button_window_help:hover { -webkit-opacity: 0.8; opacity: 0.8; } .nabu-offshore .window { cursor: pointer; background: rgba(255,255,255,0.8); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 8999; } .nabu-offshore a.window_close { opacity: 1.0; -webkit-opacity: 1.0; position: absolute; right: 29px; top: 29px; height: 24px; width: 24px; background: url(../images/EKD_close.png) no-repeat center center transparent; } .nabu-offshore a.window_close:hover { -webkit-opacity: 0.8; opacity: 0.8; } .nabu-offshore #window_help { background: url(../images/EKD_CircularCalendar_HelpGraphic_V2_1.png) no-repeat center 0.7em /contain rgba(255,255,255,0.8); } .nabu-offshore .infobox { border: 10px solid #0068b4; position: relative; } .nabu-offshore .infobox-text { font-size: 1.11em; line-height: 1.5em; padding: 0px 20px 10px 20px; max-width: 80%; } .nabu-offshore .infobox-img { width: 19%; max-width: 232px; height: auto; position: absolute; right: -10px; top: -10px; border-left: 10px solid #ffffff; border-bottom: 10px solid #ffffff; } #scenes #imprint-toggle-button { position: absolute; display: flex; align-items: center; line-height: 1; text-decoration: none; bottom: 15px; right: 20px; background: #ffffff; color: #003560; padding: 3px 10px 3px 3px; border-radius: 25px; z-index: 899; font-size: 0.75em; font-weight: 600; } #scenes #imprint-toggle-button .icon { width: 27px; height: 27px; margin-right: 5px; border-radius: 50%; background: url(../images/NABU_ICON_information.png) no-repeat center center /contain #c6c4b3; } #scenes #imprint-toggle-button:hover { background: #0068b4; color: #ffffff; } #imprint { font-size: 0.9em; position: relative; width: 100%; z-index: 89999; bottom: 0px; box-shadow: 1px 1px 7px rgba(0,0,0, 0.44); } #imprint.fixed { position: absolute; z-index: 89999; bottom: 12px; width: calc(100% - 24px); left: 12px; border-radius: 20px; overflow: hidden; } #imprint a#imprint-trigger { text-decoration: underline; } #imprint a { text-shadow: none; } #imprint a:hover {} #imprint a#imprint-close { font-weight: 800; font-size: 2.00em; position: absolute; right: 10px; top: 10px; width: 20px; height: 20px; color: #ffffff; text-decoration: none; z-index: 899999; } #imprint a#imprint-close:hover { opacity: 0.75; -webkit-opacity: 0.75; } #imprint .imprint-header a#imprint-close { pointer-events: none !important; display: none; font-weight: 800; font-size: 1.75em; position: absolute; right: 13px; top: 6px; width: 20px; height: 20px; color: #ffffff; text-decoration: none; z-index: 899999; } #imprint .imprint-header a#imprint-close:hover { opacity: 0.75; -webkit-opacity: 0.75; } #imprint.fixed .imprint-header a#imprint-close { pointer-events: none !important; display: block; } /** ELEMENTS ############### */ .nabu-offshore ul {} .nabu-offshore ul li { margin-bottom: 5px; } .nabu-offshore ul.arrow { list-style: none; padding-left: 0; margin-left: 0px; } .nabu-offshore ul.arrow li { background: url(../images/arrow-icon-next_24px.png) no-repeat 0px 4px; background-size: 18px; padding-left: 30px; } .nabu-offshore ul.arrow li ul { padding-left: 20px; } .nabu-offshore ul.arrow li ul li { background: none; padding-left: 0; } .nabu-offshore img.img-retina { max-width: 100%; width: 50%; height: auto; } /*make half the width and height because it is retina*/ .nabu-offshore a img.img-retina { width: 100%; } /* when inside a scene-link (that has his width) make it a s wide as the surrounding element*/ .nabu-offshore .box-btn-socials { padding-top: 5px; margin-bottom: -10px; } .nabu-offshore a.btn-social, .nabu-offshore a.btn-social:focus { opacity: 1.0; -webkit-opacity: 1.0; margin-bottom: 15px; padding-left: 30px; color: #ffffff !important; font-weight: bold; width: 100%; border: none; } .nabu-offshore a.btn-social:hover { opacity: 0.8; -webkit-opacity: 0.8; } .nabu-offshore a.btn-social-facebook, .nabu-offshore a.btn-social-facebook:hover, .nabu-offshore a.btn-social-facebook:focus { background: url(../images/NABU_ICON_social_facebook.png) no-repeat 10px center #0168B3; } .nabu-offshore a.btn-social-twitter, .nabu-offshore a.btn-social-twitter:hover, .nabu-offshore a.btn-social-twitter:focus { background: url(../images/NABU_ICON_social_twitter.png) no-repeat 10px center #25bbff; } .nabu-offshore a.btn-social-email, .nabu-offshore a.btn-social-email:hover, .nabu-offshore a.btn-social-email:focus { background: url(../images/NABU_ICON_social_mail.png) no-repeat 10px center #3d6315; } .nabu-offshore a.btn-social-googleplus, .nabu-offshore a.btn-social-googleplus:hover, .nabu-offshore a.btn-social-googleplus:focus { background: url(../images/NABU_ICON_social_google.png) no-repeat 10px center #ce5333; } .nabu-offshore #scenes { position: relative; overflow: hidden; width: 100%; min-height: 100%; } .nabu-offshore .scene-head { float: left; clear: both; position: relative; z-index: 8999; height: 10px; width: 100%; margin: auto; } .nabu-offshore .scene-head h3 { float: none; font-weight: 700; font-size: 2.4em; line-height: 1.2em; display: table; padding: 0px 24px 2px 25px; border-radius: 10px; -webkit-border-radius: 10px; background: #ffffff; text-align: center; margin: -22px auto 0px auto; } .nabu-offshore .scene-subhead { float: left; clear: both; position: relative; z-index: 89999; height: 0px; width: 100%; margin: auto; } .nabu-offshore .scene-subhead h3 { float: none; font-weight: 700; font-size: 1.5em; line-height: 1.2em; display: table; padding: 0px 24px 2px 25px; border-radius: 10px; -webkit-border-radius: 10px; background: #ffffff; text-align: center; margin: -18px auto 0px auto; } .nabu-offshore .scene { display: block; clear: both; width: 100%; margin-bottom: 0px; position: relative; background: transparent; } .nabu-offshore img.scene-heightholder-background { max-width: 100%; position: relative; z-index: 1; } .nabu-offshore .scene-elements-absolute { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 999; } .nabu-offshore .scene .containerbox-info { display: none; min-height: 84px; max-width: 940px; margin-left: 12.25%; width: 71.5%; top: 89%; background: #e3e1d9; position: absolute; } .nabu-offshore .scene .containerbox-info_content { display: none; line-height: 1.33em; font-weight: 400; color: #DD062E; max-width: 80%; padding: 20px 20px 15px 20px; margin: auto; text-align: center; } .nabu-offshore .scene .green .containerbox-info_content { color: #76B72A; } .nabu-offshore .scene-element {} .nabu-offshore .scene-element-absolute { position: absolute; z-index: 999; } .nabu-offshore .scene .scene-link { z-index: 1000 !important; cursor: pointer; } .nabu-offshore .scene .scene-trigger-link-image { display: inline-block; position: relative; } .nabu-offshore .scene .scene-trigger-link-image:hover { opacity: 1.00; -webkit-opacity: 1.00; -webkit-filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.2)); filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.2)); } .nabu-offshore .scene .scene-trigger-link-image .scene-trigger-link-image-img { } .nabu-offshore .scene a.scene-element-icon { z-index: 999; position: absolute; cursor: pointer; /*url('../images/NABU_ICON_shirt_34x34_witharrow.png'), auto*/; width: 34px; height: 42px; background: url(../images/NABU_super_marker-schatten.png) no-repeat center center /contain transparent; }/*also retina! BUT this shall be not scaled */ .nabu-offshore .scene a.scene-element-icon.active { opacity: 0.65 !important; -webkit-opacity: 0.65 !important; } .nabu-offshore .scene a.scene-element-icon-red { background: url(../images/NABU-muell-ICON_00-01.png) no-repeat center center /contain transparent; } .nabu-offshore .scene a.scene-element-icon-red:hover { opacity: 0.8; -webkit-opacity: 0.8; } .nabu-offshore .scene a.scene-element-icon-green { background: url(../images/NABU-muell-ICON_00-02.png) no-repeat center center /contain transparent; } .nabu-offshore .scene a.scene-element-icon-green:hover { opacity: 0.8; -webkit-opacity: 0.8; } .nabu-offshore .scene span.scene-element-icon-red { pointer-events: none; background: url(../images/NABU-muell-ICON_00-01.png) no-repeat center center /contain transparent; width: 40px; height: 40px; } .nabu-offshore .scene a.scene-element-icon-blue { background: url(../images/NABU_super_marker-schatten.png) no-repeat center center /contain transparent; } .nabu-offshore .scene a.scene-element-icon-blue:hover { opacity: 0.8; -webkit-opacity: 0.8; } .nabu-offshore .scene-img-bg { position: relative; z-index: 1; max-width: 100%; width: 100%; } .nabu-offshore .scene a.scene-trigger-link {} .nabu-offshore .scene a.scene-trigger-link:hover { opacity: 1.00; -webkit-opacity: 1.00; -webkit-filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.2)); filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.2)); } .nabu-offshore .scene .scene-element-trigger { cursor: help; } .nabu-offshore .scene .scene-element-trigger:hover { opacity: 1.00; -webkit-opacity: 1.00; -webkit-filter: drop-shadow(2px 2px 4px rgba(200,199,189,1.00)); filter: drop-shadow(2px 2px 4px rgba(200,199,189,1.00)); } .nabu-offshore .scene a .scene-element-trigger { cursor: pointer; } .nabu-offshore .scene a .scene-element-trigger:hover { opacity: 1.00; -webkit-opacity: 1.00; -webkit-filter: drop-shadow(2px 2px 5px rgba(200,199,189,1.00)); filter: drop-shadow(2px 2px 5px rgba(200,199,189,1.00)); } .nabu-offshore .scene .scene-element-trigger.scene-element-trigger-green { border-bottom: 6px solid #76B72A; } .nabu-offshore .scene .scene-element-trigger.scene-element-trigger-red { border-bottom: 6px solid #DD062E; } .nabu-offshore .scene-a { min-height: 500px; margin-bottom: 0px; } .nabu-offshore .scene-b { min-height: 500px; margin-bottom: 0px; } .nabu-offshore .scene-c { min-height: 300px; margin-bottom: 0px; } .nabu-offshore .scene-carousel {} .nabu-offshore .scene-ajax-load { display: none; position: absolute; left: -1000px; top: 0px; z-index: 99999; } .nabu-offshore .scene-loader { background: url(../images/ajax-loader_water.gif) no-repeat center top /55px transparent; pointer-events: none; opacity: 1.00; font-size: 1.32em; letter-spacing: 20px; margin-right: 0%; padding-top: 80px; margin-left: 0%; top: 43%; left: 0%; z-index: 89999; position: absolute; transition: all 1.6s; } .nabu-offshore .scene-loader.hide { transition: all 1.6s; opacity: 0.00; margin-left: -100%; letter-spacing: 100px; } .nabu-offshore .scene-loader.hide.complete { transition: all 1.6s; opacity: 0.00; margin-left: 200%; letter-spacing: 100px; } .nabu-offshore .scene-links { position: relative; padding-top: 60px; background:#badb94; margin-top: -2px; } .nabu-offshore .scene-imprint { font-size: 0.9em; } .nabu-offshore .scene-imprint.fixed { position: absolute; bottom: 0px; width: 100%; left: 0px; } .nabu-offshore .scene-imprint a { color: #ffffff; text-shadow: none; } .nabu-offshore .scene-imprint a:hover {} .nabu-offshore .scene-imprint a#imprint-close { font-weight: 800; font-size: 2.00em; position: absolute; right: 20px; top: 20px; width: 20px; height: 20px; color: #ffffff; text-decoration: none; } .nabu-offshore .scene-imprint a#imprint-close:hover { opacity: 0.75; -webkit-opacity: 0.75; } .nabu-offshore .scene-element {} .nabu-offshore .scene-element-a { position: absolute; top: 20%; left: 20%; width: 10%; height: 10%; background: yellow; color: #2c2c3c; } .nabu-offshore .scene-element-b { position: absolute; bottom: 20%; right: 20%; width: 10%; height: 10%; background: green; color: #2c2c3c; } .nabu-offshore .scene-element-linkbox { background: #EEEDE8; padding: 20px; margin-bottom: 30px; } .nabu-offshore .scene-element-paragraph { font-weight: 600; } .nabu-offshore .scene-element-text { font-size: 1.00em; line-height: 1.25em; font-weight: 500; text-align: center; width: 90%; margin: auto; margin-bottom: 10px; } .nabu-offshore .scene-element-text.position-absolute-bottom { position: absolute; z-index: 8999; bottom: 10%; left: 5%; } .nabu-offshore .scene-element-text.position-absolute-bottom-left { position: absolute; z-index: 8999; bottom: 10%; left: 5%; max-width: 25%; } .nabu-offshore .scene-element-text.position-absolute-bottom-right { position: absolute; z-index: 8999; bottom: 10%; right: 5%; max-width: 25%; } .nabu-offshore .scene-element-text.position-absolute-top { position: absolute; z-index: 8999; top: 10%; left: 5%; } .nabu-offshore .scene-element-text.position-absolute-top-left { position: absolute; z-index: 8999; top: 10%; left: 5%; max-width: 25%; } .nabu-offshore .scene-element-text.position-absolute-top-right { position: absolute; z-index: 8999; top: 10%; right: 5%; max-width: 25%; } .nabu-offshore .scene-element-text-anim { position: relative; text-shadow: 0 0 10px rgba(255,255,255,0.4); padding-left: 40px; line-height: 0.8em; text-align: left; width: 100%; max-width: 271px; opacity: 0.90; -webkit-opacity: 0.90; margin: 20px auto 10px auto; font-size: 6.6em; font-weight: 700; } .nabu-offshore .scene-element-text-anim small { clear: both; font-size: 0.7em; display: block; font-weight: 300; } .nabu-offshore .scene-element-text-anim-bar { position: absolute; width: 10px; background: #ffffff; border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; left: 15px; bottom: -4px; } .nabu-offshore .scene-element-text-anim-bar.anim_finished { height: 100%; } .nabu-offshore .scene-element-image-anim, .nabu-offshore .scene-element-image-anim-1, .nabu-offshore .scene-element-image-anim-2, .nabu-offshore .scene-element-image-anim-3, .nabu-offshore .scene-element-image-anim-4 {} .nabu-offshore .scene-element-subhead, .nabu-offshore .scene-element-subhead-1, .nabu-offshore .scene-element-subhead-2, .nabu-offshore .scene-element-subhead-3, .nabu-offshore .scene-element-subhead-4 {} .nabu-offshore .scene-marker { opacity: 1.00; -webkit-opacity: 1.00; } .nabu-offshore .scene-marker:hover { opacity: 1.00; -webkit-opacity: 1.00; } .nabu-offshore .scene-marker.drop-shadow { -webkit-filter: drop-shadow(0px 0px 6px rgba(0, 104, 180, 0.35)); /*filter: url(#drop-shadow);*/ -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#0068b4')"; filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#0068b4')"; } .nabu-offshore .scene-marker.onhover-drop-shadow:hover { -webkit-filter: drop-shadow(0px 0px 6px rgba(0, 104, 180, 0.35)); /*filter: url(#drop-shadow);*/ -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#0068b4')"; filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#0068b4')"; } .nabu-offshore #scenes-menu { position: absolute; top: 5px; left: 0px; padding: 5px 10px; width: 100%; z-index: 89999; display: flex; justify-content: space-between; flex-wrap: wrap; } .nabu-offshore #scenes-menu a { transition: padding 0.5s; margin: 5px 5px 5px 5px; display: inline-block; padding: 1px 38px 1px 1px; text-decoration: none; border-radius: 25px; color: #0068b4; background: url(../images/NABU_ICON_Button_arrowRight_nabublue@2x.png) no-repeat right center /contain #003560; } .nabu-offshore #scenes-menu a .inner { display: flex; align-items: center; font-weight: 600; font-size: 80%; background: #ffffff; color: #003560; border-radius: 25px; } .nabu-offshore #scenes-menu a .inner .inner-icon { border-radius: 50%; background: #c6c4b3; margin: 3px; width: 37px; height: 37px; } .nabu-offshore #scenes-menu a .inner .inner-icon.inner-icon-ov { display: none; } .nabu-offshore #scenes-menu a .inner .inner-text { padding: 5px 18px 5px 8px; } .nabu-offshore #scenes-menu a:hover .inner { background: #0068b4; color: #ffffff; } .nabu-offshore #scenes-menu a.act { padding: 1px 1px 1px 38px; background: url(../images/NABU_ICON_Button_close_nabublue@2x.png) no-repeat left center /contain #003560; } .nabu-offshore #scenes-menu a.act .inner { background: #dd062e; color: #ffffff; } .nabu-offshore #scenes-menu a.act .inner .inner-icon { background: #ffffff; } .nabu-offshore #scenes-menu a.act .inner .inner-icon.inner-icon-default { display: none; } .nabu-offshore #scenes-menu a.act .inner .inner-icon.inner-icon-ov { display: inline-block; } .nabu-offshore .scene-funx { right: 0; left: 0; top: 1%; bottom: unset; text-align: center; width: 100%; margin: auto; height: 30px; padding: 5px 10px; position: absolute; z-index: 10; } .nabu-offshore .scene-funx .scene-funx-func { border: 2px solid #ff6666892 text-align: center; padding: 0px 10px; display: inline-block; color: #ff6666; font-size: 0.75em; border-radius: 2px; -webkit-border-radius: 2px; } .nabu-offshore .scene-funx .scene-funx-func:hover, .nabu-offshore .scene-funx .scene-funx-func.act { text-decoration: none; background: #ff6666; color: #ffffff; } .nabu-offshore .scene .scene-layers { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; } .nabu-offshore .scene .scene-layers.scene-layer-regions {} .nabu-offshore .scene.act .scene-layers.scene-layer-regions {} .nabu-offshore .scene .scene-layers.scene-layer-regions-2 { z-index: 10; } .nabu-offshore .scene.act .scene-layers.scene-layer-regions-2 { } .nabu-offshore .scene .scene-layers.scene-layer-flows { transition: margin 1.5s; margin-left: 4%; z-index: 11; } .nabu-offshore .scene.act .scene-layers.scene-layer-flows { transition: margin 1.5s; margin-left: 0%; } .nabu-offshore .scene .scene-layers.scene-layer-objects { transition: margin 1s; margin-top: 0%; z-index: 111; } .nabu-offshore .scene.act .scene-layers.scene-layer-objects { transition: margin 1.5s; margin-top: 0%; } .nabu-offshore .scene .scene-hint { display: none; position: absolute; top: 45%; right: unset; left: 38%; width: 28%; padding: 10px; background: #003560; z-index: 899999; line-height: 1.11; font-size: 0.75em; font-weight: 600; color: #ffffff; text-align: center; border-radius: 15px; box-shadow: 1px 1px 5px rgba(0,0,0,0.5); } .nabu-offshore .scene .scene-blurb { transition: all 0.5s; /*overflow: hidden;*/ position: absolute; bottom: 15px; left: -270px; width: 50%; max-width: 270px; max-height: 85%; } .nabu-offshore .scene .scene-blurb.blurb-v2 { left: -239px; max-width: 239px; } .nabu-offshore .scene .scene-blurb.blurb-v3 { left: -314px; max-width: 314px; } .nabu-offshore .scene .scene-blurb .scene-blurb-handle { display: none !important; box-shadow: 3px 3px 5px rgba(0,0,0,0.22); text-decoration: none; color: #003560; position: absolute; z-index: 899; right: -19px; line-height: 1.00 !important; top: 44%; background: #c6c4b3; border-radius: 0px 4px 4px 0px; } .nabu-offshore .scene .scene-blurb .scene-blurb-handle:hover { background: #DD062E; color: #ffffff; } .nabu-offshore .scene .scene-blurb .scene-blurb-handle .inner { padding: 2px 5px 7px 7px; } .nabu-offshore .scene .scene-blurb .scene-blurb-inner { transition: all 0.75s; position: relative; opacity: 0.00; padding: 15px 20px 20px 20px; box-shadow: 1px 1px 9px rgba(0,0,0, 0.5); border-radius: 20px; z-index: 899; background: #ffffff; } .nabu-offshore .scene .scene-blurb .scene-blurb-inner .scene-blurb-title { color: #0068b4; line-height: 1.11; } .nabu-offshore .scene .scene-blurb .scene-blurb-image { width: 100%; overflow: hidden; position: relative; } .nabu-offshore .scene .scene-blurb .scene-blurb-image img { max-width: 100%; width: 100%; height: auto; } .nabu-offshore .scene .scene-blurb .scene-blurb-legend { border: 2px solid #e2e1d9; border-radius: 10px; width: 100%; overflow: hidden; position: relative; } .nabu-offshore .scene .scene-blurb .scene-blurb-legend img { max-width: 100%; width: 100%; height: auto; } .nabu-offshore .scene .scene-blurb .mode-hidden { display: block; } .nabu-offshore .scene .scene-blurb .mode-show { display: none; } .nabu-offshore .scene .scene-blurb.show { transition: all 1.0s; left: 15px; width: 50%; } .nabu-offshore .scene .scene-blurb.show .mode-hidden { display: none; } .nabu-offshore .scene .scene-blurb.show .mode-show { display: block; } .nabu-offshore .scene .scene-blurb.show .scene-blurb-handle { right: -20px; } .nabu-offshore .scene .scene-blurb.show .scene-blurb-inner { transition: all 1.5s; opacity: 1.00; } .nabu-offshore .scene .scene-blurb.scene-blurb-mobile { overflow: visible !important; max-height: auto !important; } .nabu-offshore .scene .scene-blurb.scene-blurb-mobile .scene-blurb-inner { overflow: visible !important; max-height: auto !important; } .nabu-offshore .scene-blurb a.btn { position: relative; padding: 5px 15px; margin: 0px 5px 5px 0px; display: inline-block; text-decoration: none; border: 2px solid #0068b4; color: #0068b4; border-radius: 20px; font-size: 0.82em; } .nabu-offshore .scene-blurb a.btn:hover { color: #ffffff; background: #0068b4; } .nabu-offshore .scene-blurb a.btn.btn-link-external { padding: 5px 15px 5px 33px; } .nabu-offshore .scene-blurb a.btn.btn-link-external:before { content: ""; position: absolute; top: 0px; left: 14px; width: 13px; height: 100%; background: url(../images/NABU_ICON_LINK_Arrow_nabublue.png) no-repeat left center /contain transparent; text-align: left; } .nabu-offshore .scene-blurb a.btn.btn-link-external:hover:before { content: ""; position: absolute; top: 0px; left: 14px; width: 13px; height: 100%; background: url(../images/NABU_ICON_LINK_Arrow_cleanwhite.png) no-repeat left center /contain transparent; text-align: left; } .nabu-offshore .scene .scene-legend { bottom: 50px; right: 23px; position: absolute; z-index: 899; width: 11.3%; min-width: 90px; height: 8%; min-height: 30px; pointer-events: none; } .nabu-offshore .scene { overflow: hidden /*(only so the inner absolute elements can be positioned with %)*/; } .nabu-offshore .scene-funx .scene-funx-func { } .nabu-offshore .scene-funx.scene-screen-funx .scene-funx-func { min-width: 142px; padding: 4px 20px 4px 20px; font-size: 0.85em; font-weight: 600; } .nabu-offshore .scene-funx .scene-funx-func#scene-01-funx-trigger-on { border: 3px solid #64AD84; color: #64AD84; border-radius: 0px; -webkit-border-radius: 0px; } .nabu-offshore .scene-funx .scene-funx-func#scene-01-funx-trigger-on:hover, .nabu-offshore .scene-funx .scene-funx-func#scene-01-funx-trigger-on.act { background: #64AD84; border: 3px solid #64AD84; color: #ffffff; } .nabu-offshore .scene-funx .scene-funx-func#scene-01-funx-trigger-off { border: 3px solid #003560; color: #003560; border-radius: 0px; -webkit-border-radius: 0px; } .nabu-offshore .scene-funx .scene-funx-func#scene-01-funx-trigger-off:hover, .nabu-offshore .scene-funx .scene-funx-func#scene-01-funx-trigger-off.act { background: #003560; border: 3px solid #003560; color: #ffffff; } .nabu-offshore .scene-marker { /*border: 2px solid red;*/ } .nabu-offshore .scene-marker img { height: 100%; width: auto; /*border: 2px solid red;*/ } .nabu-offshore .scene-marker .marker-bullet { position: absolute; left: 0%; top: 0%; width: 41px; height: 41px; text-align: center; padding: 3px; border-radius: 50%; line-height: 1.75rem; font-weight: 600; font-size: 1.11em; background: #0068b4; color: #ffffff; box-shadow: 1px 1px 5px rgba(0,0,0,0.15); -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.15); } .nabu-offshore .scene-marker .marker-bullet.transparent { background: rgba(0,0,0,0.00) !important; box-shadow: none !important; -webkit-box-shadow: none !important; } .nabu-offshore .scene-marker:hover .marker-bullet { background: #005E2F /*#003560*/; } .nabu-offshore .marker-bullet-big { position: absolute; right: 5%; top: -5%; width: 84px; height: 84px; text-align: center; padding: 3px; border-radius: 50%; line-height: 1.3; font-weight: 800; font-size: 2.5em; background: #0068b4; color: #ffffff; /*box-shadow: 1px 1px 5px rgba(0,0,0,0.15); -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.15);*/ border: 10px solid #ffffff; } /* little anim via class */ .nabu-offshore .scene .scene-marker.init-anim { /*transition: margin 1.5s ease-out; margin-left: -5%; margin-top: -5%;*/ } .nabu-offshore .scene.act .scene-marker.init-anim { /*transition: margin 1.5s ease-out; margin-left: 0%; margin-top: 0%;*/ } .nabu-offshore .scene .scene-marker.init-anim.init-anim-left2right { transition: margin 1.5s ease-out; margin: 0 0 0 0; margin-left: -5%; } .nabu-offshore .scene.act .scene-marker.init-anim.init-anim-left2right { transition: margin 1.5s ease-out; margin-left: 0%; } .nabu-offshore .scene .scene-marker.init-anim.init-anim-right2left { transition: margin 1.5s ease-out; margin: 0 0 0 0; margin-left: 5%; } .nabu-offshore .scene.act .scene-marker.init-anim.init-anim-right2left { transition: margin 1.5s ease-out; margin-left: 0%; } .nabu-offshore .scene.act .scene-marker.init-anim.init-anim-delay-1 { transition-delay: 0.5s !important; } .nabu-offshore .scene.act .scene-marker.init-anim.init-anim-delay-2 { transition-delay: 1s !important; } .nabu-offshore .scene.act .scene-marker.init-anim.init-anim-delay-3 { transition-delay: 1.5s !important; } .nabu-offshore .scene.act .scene-marker.init-anim.init-anim-delay-4 { transition-delay: 2s !important; } .nabu-offshore .scene.act .scene-marker.init-anim.init-anim-delay-5 { transition-delay: 2.5s !important; } .nabu-offshore .scene.act .scene-marker.init-anim.init-anim-delay-6 { transition-delay: 3s !important; } .nabu-offshore .scene.act .scene-marker.init-anim.init-anim-delay-7 { transition-delay: 3.5s !important; } .nabu-offshore .scene.act .scene-marker.init-anim.init-anim-delay-8 { transition-delay: 4.0s !important; } .nabu-offshore .scene.act .scene-marker.init-anim.init-anim-delay-9 { transition-delay: 4.5s !important; } .nabu-offshore .scene.act .scene-marker.init-anim.init-anim-delay-10 { transition-delay: 5.0s !important; } /* drop shadows ON transparent images*/ .nabu-offshore .scene-marker.img-drop-shadow { -webkit-filter: drop-shadow(12px 12px 25px rgba(0,0,0,0.5)); filter: drop-shadow(12px 12px 25px rgba(0,0,0,0.5)); -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444444')"; filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444444')"; } .nabu-offshore .scene-marker.on-hover_img-drop-shadow:hover { -webkit-filter: drop-shadow(1px 1px 10px rgba(0,0,0,0.5)); filter: drop-shadow(1px 1px 10px rgba(0,0,0,0.5)); -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=1, OffY=1, Color='#444444')"; filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=1, OffY=1, Color='#444444')"; } .nabu-offshore .scene-marker.img-drop-shadow_white { -webkit-filter: drop-shadow(12px 12px 25px rgba(0,0,0,0.5)); filter: drop-shadow(12px 12px 25px rgba(0,0,0,0.5)); -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#fcfcfc')"; filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#fcfcfc')"; } .nabu-offshore .scene-marker.on-hover_img-drop-shadow_white:hover { -webkit-filter: drop-shadow(1px 1px 10px rgba(255,255,255,0.75)); filter: drop-shadow(1px 1px 10px rgba(255,255,255,0.75)); -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=1, OffY=1, Color='#fcfcfc')"; filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=1, OffY=1, Color='#fcfcfc')"; } /** helper fo gif to play always from start by adding this class for a split-second */ .nabu-offshore .scene-marker.marker-renew, .nabu-offshore .scene-marker.marker-renew:hover { background: url("") no-repeat center center transparent !important; transition: none !important; } .nabu-offshore .scene-chart { position: absolute; width: 17%; height: 17%; transition: all 0.3s; pointer-events: none; } body.display-markers-hover.nabu-offshore .scene-chart, .nabu-offshore .scene-chart.active { transition: all 0.3s; } .nabu-offshore .scene-chart .scene-chart-text { text-align: center; bottom: 4px; position: absolute; width: 100%; font-weight: 700; color: #003560; } body.display-markers-hover.nabu-offshore .scene-chart .scene-chart-text, .nabu-offshore .scene-chart.active .scene-chart-text { } body.is-iframe.nabu-offshore .scene-chart .scene-chart-text { font-size: 1.85vw; } .nabu-offshore .scene-chart#scene-chart-1 { background: url(../_DATA/NABU_Fluesse_Kompass-rot.png) no-repeat center center /contain transparent; left: 4.5%; top: 13.5%; } body.display-markers-hover.nabu-offshore .scene-chart#scene-chart-1, .nabu-offshore .scene-chart#scene-chart-1.active { background: url(../_DATA/NABU_Fluesse_Kompass-gruen.png) no-repeat center center /contain transparent; } .nabu-offshore .scene-chart#scene-chart-2 { background: url(../_DATA/NABU_Fluesse_Kompass-rot.png) no-repeat center center /contain transparent; right: 4.5%; top: 13.5%; } body.display-markers-hover.nabu-offshore .scene-chart#scene-chart-2, .nabu-offshore .scene-chart#scene-chart-2.active { background: url(../_DATA/NABU_Fluesse_Kompass-gruen.png) no-repeat center center /contain transparent; } .nabu-offshore .scene-chart#scene-chart-3 { background: url(../_DATA/NABU_Fluesse_Kompass-rot.png) no-repeat center center /contain transparent; right: 4.5%; bottom: 2.5%; } body.display-markers-hover.nabu-offshore .scene-chart#scene-chart-3, .nabu-offshore .scene-chart#scene-chart-3.active { background: url(../_DATA/NABU_Fluesse_Kompass-gruen.png) no-repeat center center /contain transparent; } .nabu-offshore .scene-chart#scene-chart-4 { background: url(../_DATA/NABU_Fluesse_Kompass-rot.png) no-repeat center center /contain transparent; left: 4.5%; bottom: 2.5%; } body.display-markers-hover.nabu-offshore .scene-chart#scene-chart-4, .nabu-offshore .scene-chart#scene-chart-4.active { background: url(../_DATA/NABU_Fluesse_Kompass-gruen.png) no-repeat center center /contain transparent; } /* Scene 0 / start scene */ .nabu-offshore .scene-0-marker-01 { background: url("../_DATA/empty.png") no-repeat center center /contain transparent; /*transition: background 0.1s ease-out;*/ /**doesnt work in FF but Chrome*/ width: 100.00%; height: 107.400%; left: 0.00%; top: 0.00%; z-index: 879; pointer-events: none; /* Special:: if only marker is triggerable!*/ shape-outside: polygon(51.00% -1.43%, -8.72% 44.64%, 51.63% 100.39%, 99.58% 100.65%, 99.27% 12.5%); -webkit-shape-outside: polygon(51.00% -1.43%, -8.72% 44.64%, 51.63% 100.39%, 99.58% 100.65%, 99.27% 12.5%); clip-path: polygon(51.00% -1.43%, -8.72% 44.64%, 51.63% 100.39%, 99.58% 100.65%, 99.27% 12.5%); -webkit-clip-path: polygon(51.00% -1.43%, -8.72% 44.64%, 51.63% 100.39%, 99.58% 100.65%, 99.27% 12.5%); } .nabu-offshore.display-markers-hover .scene-0-marker-01 { z-index: 9999; } .nabu-offshore .scene-0-start-marker-01 .marker-bullet { top: 12%; left: 31%; pointer-events: auto; /* Special:: if only marker is triggerable!*/ } .nabu-offshore .scene-0-marker-01:not(.disabled):hover, .nabu-offshore .scene-0-marker-01.hover:not(.disabled) { /*transition: background 0.1s ease-out;*/ background: url("../_DATA/NABU_HAVEL_P1_ov_V2b.gif") no-repeat center center /contain transparent; } /* Scene 1 / Habitat Scene */ .nabu-offshore .scene-1-marker-01 { background: url("../_DATA/NABU_OFFSHORE_habitat-vogel1_V2@4x.png") no-repeat center center /contain transparent; /*transition: background 0.1s ease-out;*/ /**doesnt work in FF but Chrome*/ width: 16%; height: 13%; left: 34%; top: 16%; z-index: 879; pointer-events: auto; /* Special:: if only marker is triggerable!*/ /*shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); */ } .nabu-offshore .scene-1-marker-01 .marker-bullet { top: 5.5%; left: 5.5%; pointer-events: auto; /* Special:: if only marker is triggerable!*/ } .nabu-offshore .scene-1-marker-01:not(.disabled):hover, .nabu-offshore .scene-1-marker-01.hover:not(.disabled) { background: url("../_DATA/NABU_OFFSHORE_habitat-vogel1_V2@4x.png") no-repeat center center /contain transparent; } /** Special :: dont switch this one to active if all globally set to hover */ /* body.display-markers-hover.nabu-offshore .scene-1-marker-01:hover, body.display-markers-hover.nabu-offshore .scene-1-marker-01.hover { background: url("../_DATA/empty.png") no-repeat center center /contain transparent; }*/ .nabu-offshore .scene-1-marker-02 { background: url("../_DATA/NABU_OFFSHORE_habitat-vogel2_V2@4x.png") no-repeat center center /contain transparent; /*transition: background 0.1s ease-out;*/ /**doesnt work in FF but Chrome*/ width: 9%; height: 16%; left: 31%; top: 28%; z-index: 879; pointer-events: auto; /* Special:: if only marker is triggerable!*/ /*shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); */ } .nabu-offshore .scene-1-marker-02 .marker-bullet { top: 5.5%; left: 5.5%; pointer-events: auto; /* Special:: if only marker is triggerable!*/ } .nabu-offshore .scene-1-marker-02:not(.disabled):hover, .nabu-offshore .scene-1-marker-02.hover:not(.disabled) { background: url("../_DATA/NABU_OFFSHORE_habitat-vogel2_V2@4x.png") no-repeat center center /contain transparent; } /** Special :: dont switch this one to active if all globally set to hover */ /* body.display-markers-hover.nabu-offshore .scene-1-marker-01:hover, body.display-markers-hover.nabu-offshore .scene-1-marker-01.hover { background: url("../_DATA/empty.png") no-repeat center center /contain transparent; }*/ .nabu-offshore .scene-1-marker-03 { background: url("../_DATA/NABU_OFFSHORE_habitat-vogel3@4x.png") no-repeat center center /contain transparent; /*transition: background 0.1s ease-out;*/ /**doesnt work in FF but Chrome*/ width: 10%; height: 14%; left: 26%; top: 48%; z-index: 879; pointer-events: auto; /* Special:: if only marker is triggerable!*/ /*shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); */ } .nabu-offshore .scene-1-marker-03 .marker-bullet { top: 5.5%; left: 5.5%; pointer-events: auto; /* Special:: if only marker is triggerable!*/ } .nabu-offshore .scene-1-marker-03:not(.disabled):hover, .nabu-offshore .scene-1-marker-03.hover:not(.disabled) { background: url("../_DATA/NABU_OFFSHORE_habitat-vogel3@4x.png") no-repeat center center /contain transparent; } /** Special :: dont switch this one to active if all globally set to hover */ /* body.display-markers-hover.nabu-offshore .scene-1-marker-01:hover, body.display-markers-hover.nabu-offshore .scene-1-marker-01.hover { background: url("../_DATA/empty.png") no-repeat center center /contain transparent; }*/ .nabu-offshore .scene-1-marker-04 { background: url("../_DATA/NABU_OFFSHORE_habitat-vogel4_V2@4x.png") no-repeat center center /contain transparent; /*transition: background 0.1s ease-out;*/ /**doesnt work in FF but Chrome*/ width: 9%; height: 7%; left: 76%; top: 43%; z-index: 879; pointer-events: auto; /* Special:: if only marker is triggerable!*/ /*shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); */ } .nabu-offshore .scene-1-marker-04 .marker-bullet { top: 5.5%; left: 5.5%; pointer-events: auto; /* Special:: if only marker is triggerable!*/ } .nabu-offshore .scene-1-marker-04:not(.disabled):hover, .nabu-offshore .scene-1-marker-04.hover:not(.disabled) { background: url("../_DATA/NABU_OFFSHORE_habitat-vogel4_V2@4x.png") no-repeat center center /contain transparent; } /** Special :: dont switch this one to active if all globally set to hover */ /* body.display-markers-hover.nabu-offshore .scene-1-marker-01:hover, body.display-markers-hover.nabu-offshore .scene-1-marker-01.hover { background: url("../_DATA/empty.png") no-repeat center center /contain transparent; }*/ .nabu-offshore .scene-1-marker-05 { background: url("../_DATA/NABU_OFFSHORE_habitat-vogel5_V2@4x.png") no-repeat center center /contain transparent; /*transition: background 0.1s ease-out;*/ /**doesnt work in FF but Chrome*/ width: 8%; height: 10%; left: 76%; top: 47%; z-index: 879; pointer-events: auto; /* Special:: if only marker is triggerable!*/ /*shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); */ } .nabu-offshore .scene-1-marker-05 .marker-bullet { top: 5.5%; left: 5.5%; pointer-events: auto; /* Special:: if only marker is triggerable!*/ } .nabu-offshore .scene-1-marker-05:not(.disabled):hover, .nabu-offshore .scene-1-marker-05.hover:not(.disabled) { background: url("../_DATA/NABU_OFFSHORE_habitat-vogel5_V2@4x.png") no-repeat center center /contain transparent; } /** Special :: dont switch this one to active if all globally set to hover */ /* body.display-markers-hover.nabu-offshore .scene-1-marker-01:hover, body.display-markers-hover.nabu-offshore .scene-1-marker-01.hover { background: url("../_DATA/empty.png") no-repeat center center /contain transparent; }*/ /* windräder*/ .nabu-offshore .scene-1-marker-06 { background: url("../_DATA/NABU_OFFSHORE_habitat-offshore_anim_Wind_single_10_onmixed-3.gif") no-repeat center center /contain transparent; /*transition: background 0.1s ease-out;*/ /**doesnt work in FF but Chrome*/ width: 11%; height: 19%; left: 45%; top: 24%; z-index: 111; pointer-events: none; /* Special:: if only marker is triggerable!*/ /*shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); */ } .nabu-offshore .scene-1-marker-07 { background: url("../_DATA/NABU_OFFSHORE_habitat-offshore_anim_Wind_single_7_onred-bottomthreequarters.gif") no-repeat center center /contain transparent; /*transition: background 0.1s ease-out;*/ /**doesnt work in FF but Chrome*/ width: 12%; height: 20%; left: 62%; top: 10%; z-index: 111; pointer-events: none; /* Special:: if only marker is triggerable!*/ /*shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); */ } .nabu-offshore .scene-1-marker-08 { background: url("../_DATA/NABU_OFFSHORE_habitat-offshore_anim_Wind_single_7_onred-bottomhalf.gif") no-repeat center center /contain transparent; /*transition: background 0.1s ease-out;*/ /**doesnt work in FF but Chrome*/ width: 12%; height: 20%; left: 77%; top: 8%; z-index: 111; pointer-events: none; /* Special:: if only marker is triggerable!*/ /*shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); */ } .nabu-offshore .scene-1-marker-09 { background: url("../_DATA/NABU_OFFSHORE_habitat-offshore_anim_Wind_single_8_onmixed-1.gif") no-repeat center center /contain transparent; /*transition: background 0.1s ease-out;*/ /**doesnt work in FF but Chrome*/ width: 12%; height: 20%; left: 67%; top: 26%; z-index: 111; pointer-events: none; /* Special:: if only marker is triggerable!*/ /*shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); */ } .nabu-offshore .scene-1-marker-10 { background: url("../_DATA/NABU_OFFSHORE_habitat-offshore_anim_Wind_single_10_onmixed-1.gif") no-repeat center center /contain transparent; /*transition: background 0.1s ease-out;*/ /**doesnt work in FF but Chrome*/ width: 12%; height: 20%; left: 64%; top: 43%; z-index: 111; pointer-events: none; /* Special:: if only marker is triggerable!*/ /*shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); */ } .nabu-offshore .scene-1-marker-11 { background: url("../_DATA/NABU_OFFSHORE_habitat-offshore_anim_Wind_single_7_onmixed-1.gif") no-repeat center center /contain transparent; /*transition: background 0.1s ease-out;*/ /**doesnt work in FF but Chrome*/ width: 12%; height: 20%; left: 36%; top: 42%; z-index: 111; pointer-events: none; /* Special:: if only marker is triggerable!*/ /*shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); */ } .nabu-offshore .scene-1-marker-12 { background: url("../_DATA/NABU_OFFSHORE_habitat-offshore_anim_Wind_single_10_onmixed-2.gif") no-repeat center center /contain transparent; /*transition: background 0.1s ease-out;*/ /**doesnt work in FF but Chrome*/ width: 12%; height: 20%; left: 42%; top: 43%; z-index: 89; pointer-events: none; /* Special:: if only marker is triggerable!*/ /*shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); */ } .nabu-offshore .scene-1-marker-13 { background: url("../_DATA/NABU_OFFSHORE_habitat-offshore_anim_Wind_single_9_onmixed-1.gif") no-repeat center center /contain transparent; /*transition: background 0.1s ease-out;*/ /**doesnt work in FF but Chrome*/ width: 12%; height: 20%; left: 47%; top: 51%; z-index: 89; pointer-events: none; /* Special:: if only marker is triggerable!*/ /*shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); */ } .nabu-offshore .scene-1-marker-14 { background: url("../_DATA/NABU_OFFSHORE_habitat-offshore_anim_Wind_single_8_onmixed-1.gif") no-repeat center center /contain transparent; /*transition: background 0.1s ease-out;*/ /**doesnt work in FF but Chrome*/ width: 12%; height: 20%; left: 54.25%; top: 63%; z-index: 89; pointer-events: none; /* Special:: if only marker is triggerable!*/ /*shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); */ } /* Scene 2 / Kollision Scene */ .nabu-offshore .scene-2-marker-01 { background: url("../_DATA/NABU_OFFSHORE_kollision-vogel1_V2@4x.png") no-repeat center center /contain transparent; /*transition: background 0.1s ease-out;*/ /**doesnt work in FF but Chrome*/ width: 13%; height: 17%; left: 36%; top: 22%; z-index: 879; pointer-events: auto; /* Special:: if only marker is triggerable!*/ /*shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); */ } .nabu-offshore .scene-2-marker-01 .marker-bullet { top: 5.5%; left: 5.5%; pointer-events: auto; /* Special:: if only marker is triggerable!*/ } .nabu-offshore .scene-2-marker-01:not(.disabled):hover, .nabu-offshore .scene-2-marker-01.hover:not(.disabled) { background: url("../_DATA/NABU_OFFSHORE_kollision-vogel1_V2@4x.png") no-repeat center center /contain transparent; } /** Special :: dont switch this one to active if all globally set to hover */ /* body.display-markers-hover.nabu-offshore .scene-1-marker-01:hover, body.display-markers-hover.nabu-offshore .scene-1-marker-01.hover { background: url("../_DATA/empty.png") no-repeat center center /contain transparent; }*/ .nabu-offshore .scene-2-marker-02 { background: url("../_DATA/NABU_OFFSHORE_kollision-vogel2_V2@4x.png") no-repeat center center /contain transparent; /*transition: background 0.1s ease-out;*/ /**doesnt work in FF but Chrome*/ width: 9%; height: 14%; left: 77%; top: 15%; z-index: 879; pointer-events: auto; /* Special:: if only marker is triggerable!*/ /*shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); */ } .nabu-offshore .scene-2-marker-02 .marker-bullet { top: 5.5%; left: 5.5%; pointer-events: auto; /* Special:: if only marker is triggerable!*/ } .nabu-offshore .scene-2-marker-02:not(.disabled):hover, .nabu-offshore .scene-2-marker-02.hover:not(.disabled) { background: url("../_DATA/NABU_OFFSHORE_kollision-vogel2_V2@4x.png") no-repeat center center /contain transparent; } /** Special :: dont switch this one to active if all globally set to hover */ /* body.display-markers-hover.nabu-offshore .scene-1-marker-01:hover, body.display-markers-hover.nabu-offshore .scene-1-marker-01.hover { background: url("../_DATA/empty.png") no-repeat center center /contain transparent; }*/ .nabu-offshore .scene-2-marker-03 { background: url("../_DATA/NABU_OFFSHORE_kollision-vogel3_V2@4x.png") no-repeat center center /contain transparent; /*transition: background 0.1s ease-out;*/ /**doesnt work in FF but Chrome*/ width: 17%; height: 21%; left: 42%; top: 52%; z-index: 879; pointer-events: auto; /* Special:: if only marker is triggerable!*/ /*shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); */ } .nabu-offshore .scene-2-marker-03 .marker-bullet { top: 5.5%; left: 5.5%; pointer-events: auto; /* Special:: if only marker is triggerable!*/ } .nabu-offshore .scene-2-marker-03:not(.disabled):hover, .nabu-offshore .scene-2-marker-03.hover:not(.disabled) { background: url("../_DATA/NABU_OFFSHORE_kollision-vogel3_V2@4x.png") no-repeat center center /contain transparent; } /** Special :: dont switch this one to active if all globally set to hover */ /* body.display-markers-hover.nabu-offshore .scene-2-marker-01:hover, body.display-markers-hover.nabu-offshore .scene-2-marker-01.hover { background: url("../_DATA/empty.png") no-repeat center center /contain transparent; }*/ .nabu-offshore .scene-2-marker-04 { background: url("../_DATA/NABU_OFFSHORE_kollision-vogel4_V2@4x.png") no-repeat center center /contain transparent; /*transition: background 0.1s ease-out;*/ /**doesnt work in FF but Chrome*/ width: 9%; height: 11%; left: 59%; top: 67%; z-index: 879; pointer-events: auto; /* Special:: if only marker is triggerable!*/ /*shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); */ } .nabu-offshore .scene-2-marker-04 .marker-bullet { top: 5.5%; left: 5.5%; pointer-events: auto; /* Special:: if only marker is triggerable!*/ } .nabu-offshore .scene-2-marker-04:not(.disabled):hover, .nabu-offshore .scene-2-marker-04.hover:not(.disabled) { background: url("../_DATA/NABU_OFFSHORE_kollision-vogel4_V2@4x.png") no-repeat center center /contain transparent; } /** Special :: dont switch this one to active if all globally set to hover */ /* body.display-markers-hover.nabu-offshore .scene-2-marker-01:hover, body.display-markers-hover.nabu-offshore .scene-2-marker-01.hover { background: url("../_DATA/empty.png") no-repeat center center /contain transparent; }*/ .nabu-offshore .scene-2-marker-05 { background: url("../_DATA/NABU_OFFSHORE_kollision-vogel5_V2@4x.png") no-repeat center center /contain transparent; /*transition: background 0.1s ease-out;*/ /**doesnt work in FF but Chrome*/ width: 9%; height: 18%; left: 70%; top: 55%; z-index: 879; pointer-events: auto; /* Special:: if only marker is triggerable!*/ /*shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); */ } .nabu-offshore .scene-2-marker-05 .marker-bullet { top: 5.5%; left: 5.5%; pointer-events: auto; /* Special:: if only marker is triggerable!*/ } .nabu-offshore .scene-2-marker-05:not(.disabled):hover, .nabu-offshore .scene-2-marker-05.hover:not(.disabled) { background: url("../_DATA/NABU_OFFSHORE_kollision-vogel5_V2@4x.png") no-repeat center center /contain transparent; } /** Special :: dont switch this one to active if all globally set to hover */ /* body.display-markers-hover.nabu-offshore .scene-2-marker-01:hover, body.display-markers-hover.nabu-offshore .scene-2-marker-01.hover { background: url("../_DATA/empty.png") no-repeat center center /contain transparent; }*/ .nabu-offshore .scene-2-marker-06 { background: url("../_DATA/NABU_OFFSHORE_kollision-vogel6_V2@4x.png") no-repeat center center /contain transparent; /*transition: background 0.1s ease-out;*/ /**doesnt work in FF but Chrome*/ width: 13%; height: 11%; left: 81%; top: 41%; z-index: 879; pointer-events: auto; /* Special:: if only marker is triggerable!*/ /*shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); */ } .nabu-offshore .scene-2-marker-06 .marker-bullet { top: 5.5%; left: 5.5%; pointer-events: auto; /* Special:: if only marker is triggerable!*/ } .nabu-offshore .scene-2-marker-06:not(.disabled):hover, .nabu-offshore .scene-2-marker-06.hover:not(.disabled) { background: url("../_DATA/NABU_OFFSHORE_kollision-vogel6_V2@4x.png") no-repeat center center /contain transparent; } /** Special :: dont switch this one to active if all globally set to hover */ /* body.display-markers-hover.nabu-offshore .scene-2-marker-01:hover, body.display-markers-hover.nabu-offshore .scene-2-marker-01.hover { background: url("../_DATA/empty.png") no-repeat center center /contain transparent; }*/ .nabu-offshore .scene-2-marker-07 { background: url("../_DATA/NABU_OFFSHORE_kollision-birdarea_V2@4x.png") no-repeat center center /contain transparent; /*transition: background 0.1s ease-out;*/ /**doesnt work in FF but Chrome*/ width: 21%; height: 21%; left: 76%; top: 45%; z-index: 988; pointer-events: none; /* Special:: if only marker is triggerable!*/ /*shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); */ } .nabu-offshore .scene-2-marker-07 .marker-bullet { top: 5.5%; left: 5.5%; pointer-events: auto; /* Special:: if only marker is triggerable!*/ } .nabu-offshore .scene-2-marker-07:not(.disabled):hover, .nabu-offshore .scene-2-marker-07.hover:not(.disabled) { background: url("../_DATA/NABU_OFFSHORE_kollision-birdarea_V2@4x.png") no-repeat center center /contain transparent; } /** Special :: dont switch this one to active if all globally set to hover */ /* body.display-markers-hover.nabu-offshore .scene-2-marker-01:hover, body.display-markers-hover.nabu-offshore .scene-2-marker-01.hover { background: url("../_DATA/empty.png") no-repeat center center /contain transparent; }*/ /* Scene 3 / Unterwasserlaerm Scene */ .nabu-offshore .scene-3-marker-01 { background: url("../_DATA/NABU_OFFSHORE_laerm-wal1@4x.png") no-repeat center center /contain transparent; /*transition: background 0.1s ease-out;*/ /**doesnt work in FF but Chrome*/ width: 17%; height: 12%; left: 34%; top: 17%; z-index: 879; pointer-events: auto; /* Special:: if only marker is triggerable!*/ /*shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); */ } .nabu-offshore .scene-3-marker-01 .marker-bullet { top: 5.5%; left: 5.5%; pointer-events: auto; /* Special:: if only marker is triggerable!*/ } .nabu-offshore .scene-3-marker-01:not(.disabled):hover, .nabu-offshore .scene-3-marker-01.hover:not(.disabled) { background: url("../_DATA/NABU_OFFSHORE_laerm-wal1@4x.png") no-repeat center center /contain transparent; } /** Special :: dont switch this one to active if all globally set to hover */ /* body.display-markers-hover.nabu-offshore .scene-1-marker-01:hover, body.display-markers-hover.nabu-offshore .scene-1-marker-01.hover { background: url("../_DATA/empty.png") no-repeat center center /contain transparent; }*/ .nabu-offshore .scene-3-marker-02 { background: url("../_DATA/NABU_OFFSHORE_laerm-wal2@4x.png") no-repeat center center /contain transparent; /*transition: background 0.1s ease-out;*/ /**doesnt work in FF but Chrome*/ width: 10%; height: 11%; left: 42%; top: 29%; z-index: 879; pointer-events: auto; /* Special:: if only marker is triggerable!*/ /*shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); */ } .nabu-offshore .scene-3-marker-02 .marker-bullet { top: 5.5%; left: 5.5%; pointer-events: auto; /* Special:: if only marker is triggerable!*/ } .nabu-offshore .scene-3-marker-02:not(.disabled):hover, .nabu-offshore .scene-3-marker-02.hover:not(.disabled) { background: url("../_DATA/NABU_OFFSHORE_laerm-wal2@4x.png") no-repeat center center /contain transparent; } /** Special :: dont switch this one to active if all globally set to hover */ /* body.display-markers-hover.nabu-offshore .scene-1-marker-01:hover, body.display-markers-hover.nabu-offshore .scene-1-marker-01.hover { background: url("../_DATA/empty.png") no-repeat center center /contain transparent; }*/ .nabu-offshore .scene-3-marker-03 { background: url("../_DATA/NABU_OFFSHORE_laerm-wal3@4x.png") no-repeat center center /contain transparent; /*transition: background 0.1s ease-out;*/ /**doesnt work in FF but Chrome*/ width: 7%; height: 13%; left: 49%; top: 15%; z-index: 879; pointer-events: auto; /* Special:: if only marker is triggerable!*/ /*shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); */ } .nabu-offshore .scene-3-marker-03 .marker-bullet { top: 5.5%; left: 5.5%; pointer-events: auto; /* Special:: if only marker is triggerable!*/ } .nabu-offshore .scene-3-marker-03:not(.disabled):hover, .nabu-offshore .scene-3-marker-03.hover:not(.disabled) { background: url("../_DATA/NABU_OFFSHORE_laerm-wal3@4x.png") no-repeat center center /contain transparent; } /** Special :: dont switch this one to active if all globally set to hover */ /* body.display-markers-hover.nabu-offshore .scene-3-marker-01:hover, body.display-markers-hover.nabu-offshore .scene-3-marker-01.hover { background: url("../_DATA/empty.png") no-repeat center center /contain transparent; }*/ .nabu-offshore .scene-3-marker-04 { background: url("../_DATA/NABU_OFFSHORE_laerm-wal4@4x.png") no-repeat center center /contain transparent; /*transition: background 0.1s ease-out;*/ /**doesnt work in FF but Chrome*/ width: 12%; height: 11%; left: 49%; top: 42%; z-index: 879; pointer-events: auto; /* Special:: if only marker is triggerable!*/ /*shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); */ } .nabu-offshore .scene-3-marker-04 .marker-bullet { top: 5.5%; left: 5.5%; pointer-events: auto; /* Special:: if only marker is triggerable!*/ } .nabu-offshore .scene-3-marker-04:not(.disabled):hover, .nabu-offshore .scene-3-marker-04.hover:not(.disabled) { background: url("../_DATA/NABU_OFFSHORE_laerm-wal4@4x.png") no-repeat center center /contain transparent; } /** Special :: dont switch this one to active if all globally set to hover */ /* body.display-markers-hover.nabu-offshore .scene-3-marker-01:hover, body.display-markers-hover.nabu-offshore .scene-3-marker-01.hover { background: url("../_DATA/empty.png") no-repeat center center /contain transparent; }*/ .nabu-offshore .scene-3-marker-05 { background: url("../_DATA/NABU_OFFSHORE_laerm-station@4x.png") no-repeat center center /contain transparent; /*transition: background 0.1s ease-out;*/ /**doesnt work in FF but Chrome*/ width: 17%; height: 19%; left: 57%; top: 9%; z-index: 879; pointer-events: auto; /* Special:: if only marker is triggerable!*/ /*shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); */ } .nabu-offshore .scene-3-marker-05 .marker-bullet { top: 5.5%; left: 5.5%; pointer-events: auto; /* Special:: if only marker is triggerable!*/ } .nabu-offshore .scene-3-marker-05:not(.disabled):hover, .nabu-offshore .scene-3-marker-05.hover:not(.disabled) { background: url("../_DATA/NABU_OFFSHORE_laerm-station@4x.png") no-repeat center center /contain transparent; } /** Special :: dont switch this one to active if all globally set to hover */ /* body.display-markers-hover.nabu-offshore .scene-3-marker-01:hover, body.display-markers-hover.nabu-offshore .scene-3-marker-01.hover { background: url("../_DATA/empty.png") no-repeat center center /contain transparent; }*/ /* Scene 4 / Oekosystem-Effekte Scene */ .nabu-offshore .scene-4-marker-01 { background: url("../_DATA/NABU_OFFSHORE_effekte-pfeil1@4x.png") no-repeat center center /contain transparent; /*transition: background 0.1s ease-out;*/ /**doesnt work in FF but Chrome*/ width: 6%; height: 17%; left: 80%; top: 12%; z-index: 879; pointer-events: auto; /* Special:: if only marker is triggerable!*/ /*shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); */ } .nabu-offshore .scene-4-marker-01 .marker-bullet { top: 5.5%; left: 5.5%; pointer-events: auto; /* Special:: if only marker is triggerable!*/ } .nabu-offshore .scene-4-marker-01:not(.disabled):hover, .nabu-offshore .scene-4-marker-01.hover:not(.disabled) { background: url("../_DATA/NABU_OFFSHORE_effekte-pfeil1@4x.png") no-repeat center center /contain transparent; } /** Special :: dont switch this one to active if all globally set to hover */ /* body.display-markers-hover.nabu-offshore .scene-1-marker-01:hover, body.display-markers-hover.nabu-offshore .scene-1-marker-01.hover { background: url("../_DATA/empty.png") no-repeat center center /contain transparent; }*/ .nabu-offshore .scene-4-marker-02 { background: url("../_DATA/NABU_OFFSHORE_effekte-pfeil2@4x.png") no-repeat center center /contain transparent; /*transition: background 0.1s ease-out;*/ /**doesnt work in FF but Chrome*/ width: 11%; height: 27%; left: 56%; top: 62%; z-index: 879; pointer-events: auto; /* Special:: if only marker is triggerable!*/ /*shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); */ } .nabu-offshore .scene-4-marker-02 .marker-bullet { top: 5.5%; left: 5.5%; pointer-events: auto; /* Special:: if only marker is triggerable!*/ } .nabu-offshore .scene-4-marker-02:not(.disabled):hover, .nabu-offshore .scene-4-marker-02.hover:not(.disabled) { background: url("../_DATA/NABU_OFFSHORE_effekte-pfeil2@4x.png") no-repeat center center /contain transparent; } /** Special :: dont switch this one to active if all globally set to hover */ /* body.display-markers-hover.nabu-offshore .scene-1-marker-01:hover, body.display-markers-hover.nabu-offshore .scene-1-marker-01.hover { background: url("../_DATA/empty.png") no-repeat center center /contain transparent; }*/ .nabu-offshore .scene-4-marker-03 { background: url("../_DATA/NABU_OFFSHORE_effekte-ausschnitt@4x.png") no-repeat center center /contain transparent; /*transition: background 0.1s ease-out;*/ /**doesnt work in FF but Chrome*/ width: 29%; height: 39%; left: 65%; top: 29%; z-index: 879; pointer-events: auto; /* Special:: if only marker is triggerable!*/ /*shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-shape-outside: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); -webkit-clip-path: polygon(52.1% 13.16%, 22.34% 14.73%, 22.04% 50.89%, 23.24% 82.85%, 36.25% 81.02%, 51.88% 82.66%, 64.97% 88.46%, 71.98% 91.17%, 81.11% 90.72%, 83.15% 86.36%, 90.31% 82.12%, 91.16% 54.52%, 89.41% 13.89%); */ } .nabu-offshore .scene-4-marker-03 .marker-bullet { top: 5.5%; left: 5.5%; pointer-events: auto; /* Special:: if only marker is triggerable!*/ } .nabu-offshore .scene-4-marker-03:not(.disabled):hover, .nabu-offshore .scene-4-marker-03.hover:not(.disabled) { background: url("../_DATA/NABU_OFFSHORE_effekte-ausschnitt@4x.png") no-repeat center center /contain transparent; } /** Special :: dont switch this one to active if all globally set to hover */ /* body.display-markers-hover.nabu-offshore .scene-4-marker-01:hover, body.display-markers-hover.nabu-offshore .scene-4-marker-01.hover { background: url("../_DATA/empty.png") no-repeat center center /contain transparent; }*/ .nabu-offshore .carousel { margin-bottom: 20px; } .nabu-offshore .carousel-control { z-index: 8999; } .nabu-offshore .carousel-control.left { background-image: none; } .nabu-offshore .carousel-control.right { background-image: none; } .nabu-offshore .carousel-control .glyphicon-chevron-left, .nabu-offshore .carousel-control .icon-prev { margin-left: 0px; background: #77B627; left: 0px; padding-top: 10px; border-radius: 0px 5px 5px 0px; -webkit-border-radius: 0px 5px 5px 0px; text-shadow: none; -webkit-text-shadow: none; } .nabu-offshore .carousel-control .glyphicon-chevron-right, .nabu-offshore .carousel-control .icon-next { margin-right: 0px; background: #77B627; right: 0px; padding-top: 10px; border-radius: 5px 0px 0px 5px; -webkit-border-radius: 5px 0px 0px 5px; text-shadow: none; -webkit-text-shadow: none; } .nabu-offshore .carousel-control .glyphicon-chevron-left, .nabu-offshore .carousel-control .glyphicon-chevron-right, .nabu-offshore .carousel-control .icon-next, .nabu-offshore .carousel-control .icon-prev { font-size: 30px; height: 50px; margin-top: -25px; width: 50px; } .carousel-control-next-icon { width: 40px; height: 40px; -webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7)); filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7)); } .carousel-control-prev-icon { width: 40px; height: 40px; -webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7)); filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7)); } .nabu-offshore .carousel-caption { left: 15%; right: 15%; width: 70%; top: 10px; color: #3c6214; line-height: 1.2em; text-shadow: none; font-weight: 600; } .nabu-offshore .carousel-indicators { bottom: 0px; } .nabu-offshore .carousel-indicators li { background: #ffffff; border: none; height: 20px; width: 20px; border-radius: 20px; -webkit-border-radius: 20px; margin-right: 10px; } .nabu-offshore .carousel-indicators .active { background: #0068b4; border: none; height: 20px; width: 20px; border-radius: 20px; -webkit-border-radius: 20px; margin-right: 10px; } /* RESPONSIVENESS ################################# */ @media (max-width: 1279px) { } @media (max-width: 1023px) { } @media (max-width: 939px) { .nabu-offshore .scene-3000000 { } .nabu-offshore .scene-3000000-element-text { width: 61%; } .nabu-offshore .scene-3000000-element-text_2 { font-size: 4.2em; } .nabu-offshore .scene-intro {} .nabu-offshore .scene-intro .scene-intro-element-text.position-absolute-bottom { font-size: 1.3em; } } @media (max-width: 924px) { .nabu-offshore #scenes-menu { } .nabu-offshore #scenes-menu a { font-size: 0.8em; padding: 1px 24px 1px 1px; background-size: auto 72%; } .nabu-offshore #scenes-menu a .inner { } .nabu-offshore #scenes-menu a .inner .inner-icon { width: 24px; height: 24px; } .nabu-offshore #scenes-menu a .inner .inner-icon.inner-icon-ov { } .nabu-offshore #scenes-menu a .inner .inner-text { padding: 5px 8px 5px 2px; } .nabu-offshore #scenes-menu a:hover .inner { } .nabu-offshore #scenes-menu a.act { padding: 1px 1px 1px 24px; background-size: auto 72%; } .nabu-offshore #scenes-menu a.act .inner { } .nabu-offshore #scenes-menu a.act .inner .inner-icon { } .nabu-offshore #scenes-menu a.act .inner .inner-icon.inner-icon-default { } .nabu-offshore #scenes-menu a.act .inner .inner-icon.inner-icon-ov { } .nabu-offshore .scene .scene-blurb { } .nabu-offshore .scene .scene-blurb .scene-blurb-handle { display: block !important; } .nabu-offshore .scene .scene-blurb .scene-blurb-inner { max-height: 450px !important; } } /* mobile */ @media (max-width: 767px) { body.nabu-offshore { font-size: 16px; } .nabu-offshore .scene-intro {} .nabu-offshore .scene-intro .scene-intro-element-text.position-absolute-bottom { } .nabu-offshore .scene { } .nabu-offshore .scene-3000000 {} .nabu-offshore .scene-3000000-element-text { margin-top: 16%; margin-left: 25%; } .nabu-offshore .scene-3000000-element-text_2 { font-size: 3.5em; } .nabu-offshore .scene-tooltip { } .nabu-offshore .tooltip { } .nabu-offshore .tooltip-inner { max-width: 290px !important; } /* carousel -------------*/ .nabu-offshore .carousel-caption { left: 5% !important; right: 5% !important; width: 90% !important; top: -20px !important; } .nabu-offshore .carousel-control .glyphicon-chevron-left, .nabu-offshore .carousel-control .glyphicon-chevron-right, .nabu-offshore .carousel-control .icon-next, .nabu-offshore .carousel-control .icon-prev { } .nabu-offshore .carousel .item .carousel-caption p { top: -20px; text-align: center !important; } .nabu-offshore .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img { } .nabu-offshore .scene .scene-blurb { max-height: 80%; } .nabu-offshore .scene .scene-blurb .scene-blurb-inner { max-height: 410px !important; } } /* explicitly Not Mobile Landscape */ @media screen and (min-width: 768px) and (orientation: portrait){ body .d-md-portrait-none { display: none !important; } body .d-md-portrait-block { display: block !important; } } /* explicitly Mobile Landscape */ @media screen and (max-width: 926px) and (max-height: 500px) and (orientation: landscape) and (hover: none) and (pointer: coarse) { body .d-xs-landscape-none { display: none !important; } body .d-xs-landscape-block { display: block !important; } } @media (max-width: 700px) { .nabu-offshore .scene .scene-blurb { max-height: 80%; } .nabu-offshore .scene .scene-blurb .scene-blurb-inner { max-height: 370px !important; } .nabu-offshore #funx-miscs { display: none; } .is-iframe .nabu-offshore #funx-miscs { display: none; } } @media (max-width: 680px) { } @media (max-width: 640px) { .nabu-offshore .btn-primary { padding: 20px; width: 100%; } .nabu-offshore .scene-intro {} .nabu-offshore .scene-intro .scene-intro-element-text.position-absolute-bottom { font-size: 1.15em; } .nabu-offshore .scene-tooltip { margin-top: -2%; margin-left: -2%; } .nabu-offshore .tooltip { max-width: 92% !important; min-width: 70% !important; } .nabu-offshore .tooltip-inner { max-width: 600px !important; } /* carousel -------------*/ } /** bootstrap 4 -sm- breakpoint */ @media (max-width: 575px) { body.nabu-offshore {background: #ffffff; } .nabu-offshore .scene { /*padding-top: 20px; border-top: 5px solid #0068b4;*/ } } @media (max-width: 559px) { .nabu-offshore div#title { top: 5px; } .nabu-offshore .scene-3000000 {} .nabu-offshore .scene-3000000-element-text { width: 80%; margin-left: 12%; } .nabu-offshore .scene-3000000-element-text_2 { font-size: 2.5em; } .nabu-offshore .scene-tooltip { margin-top: -3%; margin-left: -3%; } .nabu-offshore .tooltip {} .nabu-offshore .tooltip-inner { } /* carousel -------------*/ .nabu-offshore .carousel-indicators { } .nabu-offshore .carousel-inner > .item > a > img, .nabu-offshore .carousel-inner > .item > img, .nabu-offshore .img-responsive, .nabu-offshore .thumbnail a > img, .nabu-offshore .thumbnail > img { } } @media (max-width: 479px) { .nabu-offshore .scene-intro {} .nabu-offshore .scene-intro .scene-intro-element-text.position-absolute-bottom { bottom: 35px; } .nabu-offshore .scene-element-text-anim-percent-text { font-size: 1.25em; line-height: 1.25em; margin-top: 20px !important; } .nabu-offshore .tooltip-inner { padding: 10px; } /* carousel -------------*/ .nabu-offshore .carousel {} .nabu-offshore .scene-moorentstehung .carousel {} .nabu-offshore .carousel .item .carousel-caption { font-size: 0.87em !important; line-height: 1.2em !important; } .nabu-offshore .carousel .item .carousel-caption p { text-align: center !important; } } @media (max-width: 380px) { .nabu-offshore .scene-tooltip { margin-top: -4.0%; margin-left: -4.0%; } .nabu-offshore .tooltip { max-width: 95% !important; min-width: 80% !important; } .nabu-offshore .tooltip-inner { max-width: 600px !important; font-size: 95%; line-height: 106%; } }