/** FRIST:IMPORT FONTS NEEDED */ /*@font-face { font-family: 'daxcondensed-lightregular'; src: url('../fonts/daxcondensed/daxcondensedlight-webfont.eot'); src: url('../fonts/daxcondensed/daxcondensedlight-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/daxcondensed/daxcondensedlight-webfont.woff2') format('woff2'), url('../fonts/daxcondensed/daxcondensedlight-webfont.woff') format('woff'), url('../fonts/daxcondensed/daxcondensedlight-webfont.ttf') format('truetype'), url('../fonts/daxcondensed/daxcondensedlight-webfont.svg#daxcondensed-lightregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'daxcondensed-mediumregular'; src: url('../fonts/daxcondensed/daxcondensedmedium-webfont.eot'); src: url('../fonts/daxcondensed/daxcondensedmedium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/daxcondensed/daxcondensedmedium-webfont.woff2') format('woff2'), url('../fonts/daxcondensed/daxcondensedmedium-webfont.woff') format('woff'), url('../fonts/daxcondensed/daxcondensedmedium-webfont.ttf') format('truetype'), url('../fonts/daxcondensed/daxcondensedmedium-webfont.svg#daxcondensed-mediumregular') format('svg'); font-weight: normal; font-style: normal; }*/ @font-face { font-family: 'peaxdrawnicons'; src: url('../fonts/peaxdrawnicons/peaxdrawnicons-webfont.woff2') format('woff2'), url('../fonts/peaxdrawnicons/peaxdrawnicons-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } body,html { font-family: "Roboto Condensed", "Roboto", "Source Sans Pro", "Open Sans Condensed", "Open Sans", Helvetica, Arial, sans-serif; font-size: 16px; 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 ); /*overflow: hidden;*/ } body.imprint {} #aas-cg .wrapper { height: 100%; width: 100%; padding: 0 0 0 0; margin: 0 0 0 0; position: absolute; top: 0px; left: 0px; } #aas-cg #logo { position: fixed; top: 20px; right: 20px; width: 25%; height: 10%; pointer-events: none; max-height: 182px; max-width: 319px; background: url(../images/AAS_CG_Logo_blau.png) no-repeat right top /contain transparent; } #aas-cg #main-title { max-width: 84%; } #aas-cg #main-title-sub { hyphens: auto; } #aas-cg #main { /*float: left;*/ margin: auto; position: relative; margin-top: 0%; overflow: visible; overflow-x: hidden; height: 100%; width: 100%; max-width: 1060px; } body.imprint #scenes { padding-bottom: 80px; } #aas-cg 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; } #aas-cg .peaxdrawnicons { font-family: "peaxdrawnicons"; } #aas-cg a, #aas-cg a:link, #aas-cg a:visited { outline: none; color: #ce0042; text-decoration: underline; } #aas-cg a:hover, #aas-cg a:focus { color: #ce0042; opacity: 0.72; -webkit-opacity: 0.72; } #aas-cg .row a, #aas-cg .row-fluid a { } #aas-cg .row a:hover, #aas-cg .row-fluid a:hover { } #aas-cg .row a[class*='btn-primary'], #aas-cg .row-fluid a[class*='btn-primary'] { text-shadow: none; color: #ffffff; text-decoration: none; } #aas-cg .row a[class*='btn-primary']:hover, #aas-cg .row-fluid a[class*='btn-primary']:hover { color: #ececec; text-decoration: none; } #aas-cg h1, #aas-cg h2, #aas-cg h3, #aas-cg h4, #aas-cg h5 { color: #173E67; font-weight: 700; } #aas-cg h3 { font-size: 1.22em; } #aas-cg h2 { margin-bottom: 25px; } #aas-cg div#title { position: relative; margin-top: 40px; left: 0px; z-index: 8999; } #aas-cg h1.title { font-weight: 700; font-size: 2.5em; margin-bottom: 10px; } #aas-cg .row h5, #aas-cg .row-fluid h5 { width: 100%; font-size: 1.3em; letter-spacing: 0.5px; text-transform: uppercase; color: #0068b4; } #aas-cg h5.title_sub { font-weight: 600; font-size: 1.35em; margin-top: 0px; } #aas-cg h2.title { z-index: 8999; color: #0068b4; font-size: 2.5em; margin: 0px 0px 20px 0px; text-align: left; } #aas-cg 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; } #aas-cg div.title-text { max-width: 75%; font-size: 0.875em; line-height: 1.55em; } #aas-cg div.subtitle { float: left; display: block; width: 100%;} #aas-cg 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; } #aas-cg h4.scene-dividor-subhead { position: relative; margin-top: -20px; margin-bottom: -44px; z-index: 89999; } #aas-cg .headline_top { margin-top: 5px; } /* some font type adjustments as easy usable class for headlines or paragraphs if needed*/ .sans-serif { font-family: "Roboto", "Source Sans Pro", "daxcondensed-mediumregular", sans-serif !important; } .serif { font-family: "Roboto Slab", serif !important; } .font-family_sourcesanspro { font-family: "Source Sans Pro", sans-serif; } .uppercase { text-transform: uppercase; } .lowercase { text-transform: lowercase; } .font-weight_200 { font-weight: 200 !important; } .font-weight_200.sans-serif { font-family: "daxcondensed-lightregular" !important; font-weight: 200 !important; } .font-weight_300 { font-weight: 300 !important; } .font-weight_300.sans-serif { font-family: "daxcondensed-lightregular" !important; font-weight: 300 !important; } .font-weight_400 { font-weight: 400 !important; } .font-weight_500 { font-weight: 500 !important; } .font-weight_600 { font-weight: 600 !important; } .font-weight_700 { font-weight: 700 !important; } .font-weight_800 { font-weight: 800 !important; } .text-center { text-align: center !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-justify { text-align: justify !important; } /* some colour multistyles as easy usable classes for type and bgs to be used if needed*/ .colour_summerorange { color: #f73b31 !important; } .colour_cleanwhite { color: #fcfcfc !important; } .colour_white { color: #ffffff !important; } .colour_darkgrey { color: #86846b !important; } .colour_purple { color: #ce0042 !important; } .colour_deepblue { color: #173E67 !important; } .colour_grey { color: #EEEDE8 !important; } .colour_yellow { color: #ffbb0f !important; } .colour_red { color: #0EB1DC !important; } .colour_lightgrey { color: #f5f5f2 !important; } .colour_grasgreen { color: #76B72A !important; } .colour_anthrazit { color: #333333 !important; } .colour_realblack { color: #111111 !important; } .colour_babyblue { color: #0EB1DC !important; } .colour_applegreen { color: #5ea62b !important; } .background_summerorange { background: #f73b31 !important; } .background_cleanwhite { background: #fcfcfc !important; } .background_white { background: #ffffff !important; } .background_red { background: #BC4250 !important; } .background_deepblue { background: #173E67 !important; } .background_darkgrey { background: #86846b !important; } .background_purple { background: #ce0042 !important; } .background_grey { background: #EEEDE8 !important; } .background_yellow { background: #ffbb0f !important; } .background_lightgrey { background: #f5f5f2 !important; } .background_grasgreen { background: #76B72A !important; } .background_nabugreen { background: #3d6315 !important; } .background_anthrazit { background: #333333 !important; } .background_realblack { background: #111111 !important; } .background_babyblue { background: #0EB1DC !important; } .background_applegreen { background: #5ea62b !important; } #aas-cg .box-shadow-black { box-shadow: 2px 2px 9px rgba(0,0,0,0.55); -webkit-box-shadow: 2px 2px 9px rgba(0,0,0,0.55); } #aas-cg .container-well-box { padding: 30px 20px; position: relative; z-index: 8999; } #aas-cg .container-well-box p { max-width: 62%; margin: auto; } #aas-cg 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%; } #aas-cg a.container-well-box-trigger:hover { opacity: 0.8; -webkit-opacity: 0.8; } #aas-cg .container-well-box-scene-02 { margin-top: 0px; } #aas-cg .container-well-box-scene-03 { margin-top: -40px; } #aas-cg .container-well-box-scene-04 { margin-top: -260px; } #aas-cg .container-well-box-scene-back { padding: 60px 20px; } #aas-cg .container-well-box-scene-info{ margin-top: 60px; margin-bottom: -40px; padding: 60px 20px; } /** bootstrap general overwrites */ #aas-cg .container { max-width: 1060px; width: 100%; } #aas-cg .container-fluid .row img, .container-fluid .row-fluid img { max-width: 100%; } #aas-cg .btn-primary { border: none; border-radius: 2px; letter-spacing: 1px; font-size: 1em; } #aas-cg .btn-grasgreen { padding: 10px 40px 10px 30px; background: none !important; border: 3px solid #76B72A; border-radius: 4px; -webkit-border-radius: 4px; color: #76B72A !important; } #aas-cg .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; } #aas-cg .text-size-01 { font-size: 0.85em; line-height: 1.32; } #aas-cg .text-size-02 { font-size: 0.75em; line-height: 1.32; } #aas-cg .text-size-03 { font-size: 0.65em; line-height: 1.32; } #aas-cg .text-size-0 { font-size: 1.00em; line-height: 1.32; } #aas-cg .text-size-1 { font-size: 1.15em; line-height: 1.32; } #aas-cg .text-size-2 { font-size: 1.50em; line-height: 1.32; } #aas-cg .text-size-3 { font-size: 1.75em; line-height: 1.32; } #aas-cg .text-size-4 { font-size: 2.00em; line-height: 1.32; } #aas-cg .text-size-5 { font-size: 2.25em; line-height: 1.32; } #aas-cg .text-size-6 { font-size: 2.75em; line-height: 1.32; } #aas-cg .text-size-7 { font-size: 3.00em; line-height: 1.32; } #aas-cg .text-size-8 { font-size: 3.25em; line-height: 1.32; } #aas-cg .text-size-9 { font-size: 3.55em; line-height: 1.32; } #aas-cg .text-size-10 { font-size: 3.75em; line-height: 1.32; } #aas-cg .text-no-underline { text-decoration: none !important; } #aas-cg .text-underline { text-decoration: underline !important; } #aas-cg .hyphens-auto { hyphens: auto; } #aas-cg .cursor-pointer { cursor: pointer; } #aas-cg .position-relative { position: relative; } #aas-cg .position-absolute { position: absolute; } #aas-cg .overflow-hidden { overflow: hidden; } #aas-cg .overflow-visible { overflow: visible; } #aas-cg .border-radius-round { border-radius: 50%; -webkit-border-radius: 50%; } #aas-cg .border-radius-1px { border-radius: 1px; -webkit-border-radius: 1px; } #aas-cg .border-radius-3px { border-radius: 3px; -webkit-border-radius: 3px; } #aas-cg .border-radius-5px { border-radius: 5px; -webkit-border-radius: 5px; } #aas-cg .border-radius-10px { border-radius: 10px; -webkit-border-radius: 10px; } #aas-cg .border-radius-20px { border-radius: 20px; -webkit-border-radius: 20px; } /** MAIN SECTIONS && ELEMENTS ############################### */ #aas-cg #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; } #aas-cg .tooltip { font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 600; min-width: 180px; } #aas-cg .tooltip.default { } #aas-cg .tooltip.in { } #aas-cg .tooltip.top { } #aas-cg .tooltip.right { } #aas-cg .tooltip.bottom { } #aas-cg .tooltip.left { } #aas-cg .tooltip.left-01 { margin-left: -1%; } #aas-cg .tooltip.left-02 { margin-left: -2%; } #aas-cg .tooltip.left-03 { margin-left: -3%; } #aas-cg .tooltip.left-04 { margin-left: -4%; } #aas-cg .tooltip.left-05 { margin-left: -5%; } #aas-cg .tooltip.right-01 { margin-right: -1%; } #aas-cg .tooltip.right-02 { margin-right: -2%; } #aas-cg .tooltip.right-03 { margin-right: -3%; } #aas-cg .tooltip.right-04 { margin-right: -4%; } #aas-cg .tooltip.right-05 { margin-right: -5%; } #aas-cg .tooltip.bottom-01 { margin-bottom: -1%; } #aas-cg .tooltip.bottom-02 { margin-bottom: -2%; } #aas-cg .tooltip.bottom-03 { margin-bottom: -3%; } #aas-cg .tooltip.bottom-04 { margin-bottom: -4%; } #aas-cg .tooltip.bottom-05 { margin-bottom: -5%; } #aas-cg .tooltip.top-01 { margin-top: -1%; } #aas-cg .tooltip.top-02 { margin-top: -2%; } #aas-cg .tooltip.top-03 { margin-top: -3%; } #aas-cg .tooltip.top-04 { margin-top: -4%; } #aas-cg .tooltip.top-05 { margin-top: -5%; } #aas-cg .tooltip-inner { color: #fff; box-shadow: 4px 4px 4px rgba(0,0,0,0.25); background-color: #0068b4; border-radius: 0%; text-align: left; padding: 15px; hyphens: auto; } #aas-cg .tooltip.red .tooltip-inner { background-color: #BC4250; } #aas-cg .tooltip.no-bg .tooltip-inner { padding: 0 0 0 0; background: none; } #aas-cg .tooltip.default .tooltip-inner { padding: 20px; border-radius: 0 0 0 0; } #aas-cg .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; } #aas-cg .tooltip.top .tooltip-arrow { border-top-color: #0068b4; } #aas-cg .tooltip.red.top .tooltip-arrow { border-top-color: #BC4250; } #aas-cg .tooltip.top-left .tooltip-arrow { border-top-color: #0068b4; } #aas-cg .tooltip.red.top-left .tooltip-arrow { border-top-color: #BC4250; } #aas-cg .tooltip.top-right .tooltip-arrow { border-top-color: #0068b4; } #aas-cg .tooltip.red.top-right .tooltip-arrow { border-top-color: #BC4250; } #aas-cg .tooltip.right .tooltip-arrow { border-right-color: #0068b4; } #aas-cg .tooltip.red.right .tooltip-arrow { border-right-color: #BC4250; } #aas-cg .tooltip.left .tooltip-arrow { border-left-color: #0068b4; } #aas-cg .tooltip.red.left .tooltip-arrow { border-left-color: #BC4250; } #aas-cg .tooltip.bottom .tooltip-arrow { border-bottom-color: #0068b4; } #aas-cg .tooltip.red.bottom .tooltip-arrow { border-bottom-color: #BC4250; } #aas-cg .tooltip.bottom-left .tooltip-arrow { border-bottom-color: #0068b4; } #aas-cg .tooltip.red.bottom-left .tooltip-arrow { border-bottom-color: #BC4250; } #aas-cg .tooltip.bottom-right .tooltip-arrow { border-bottom-color: #0068b4; } #aas-cg .tooltip.red.bottom-right .tooltip-arrow { border-bottom-color: #BC4250; } #aas-cg .tooltip.no-bg .tooltip-arrow { border: none !important; } #aas-cg #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; } #aas-cg #tooltip.init { border-radius: 0px 0px 0px 12px; -webkit-border-radius: 0px 0px 0px 12px; } #aas-cg #tooltip .tooltip_notice { font-size: 0.6em; color: #acacac; line-height: 0.8em; } #aas-cg a#button_window_help { opacity: 1.0; -webkit-opacity: 1.0; position: absolute; right: 10px; top: 25px; width: 40px; height: 40px; z-index: 7999; } #aas-cg a#button_window_help:hover { -webkit-opacity: 0.8; opacity: 0.8; } #aas-cg .window { cursor: pointer; background: rgba(255,255,255,0.8); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 8999; } #aas-cg a.window_close { opacity: 1.0; -webkit-opacity: 1.0; position: absolute; z-index: 89999; right: 29px; top: 29px; height: 24px; width: 24px; } #aas-cg a.window_close:hover { -webkit-opacity: 0.8; opacity: 0.8; } #aas-cg #window_help { background: url(../images/EKD_CircularCalendar_HelpGraphic_V2_1.png) no-repeat center 0.7em /contain rgba(255, 255, 255, 0.95); } #aas-cg .infobox { border: 10px solid #0068b4; position: relative; } #aas-cg .infobox-text { font-size: 1.11em; line-height: 1.5em; padding: 0px 20px 10px 20px; max-width: 80%; } #aas-cg .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; } #imprint { font-size: 0.9em; position: relative; width: 100%; z-index: 89999; bottom: 0px; } #imprint.fixed { position: absolute; background: #0168b3 !important; z-index: 89999; bottom: 0px; width: 100%; left: 0px; } #imprint a#imprint-trigger { text-decoration: underline; } #imprint a { color: #ffffff; 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; } /** ELEMENTS ############### */ #aas-cg ul {} #aas-cg ul li { margin-bottom: 3px; } #aas-cg ul.liststyle-arrow { list-style: none; padding-left: 0; margin-left: 0px; } #aas-cg ul.liststyle-arrow li { background: url(../images/arrow-icon-next_24px.png) no-repeat 0px 0px; background-size: 10px; margin-bottom: 7px; padding-left: 30px; } #aas-cg ul.liststyle-arrow li ul { padding-left: 20px; } #aas-cg ul.liststyle-arrow li ul li { background: none; padding-left: 0; } #aas-cg ul.liststyle-checker { list-style: none; padding-left: 0; margin-left: 0px; } #aas-cg ul.liststyle-checker li { background: url(../images/checker-icon-next_24px.png) no-repeat 0px 0px; background-size: 18px; padding-left: 30px; } #aas-cg ul.liststyle-checker li ul { padding-left: 27px; } #aas-cg ul.liststyle-checker li ul li { background: none; padding-left: 0; } #aas-cg img.img-retina { max-width: 100%; width: 50%; height: auto; } /*make half the width and height because it is retina*/ #aas-cg a img.img-retina { width: 100%; } /* when inside a scene-link (that has his width) make it a s wide as the surrounding element*/ #aas-cg .box-btn-socials { padding-top: 5px; margin-bottom: -10px; } #aas-cg a.btn-social, #aas-cg 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; } #aas-cg a.btn-social:hover { opacity: 0.8; -webkit-opacity: 0.8; } #aas-cg a.btn-social-facebook, #aas-cg a.btn-social-facebook:hover, #aas-cg a.btn-social-facebook:focus { background: url(../images/NABU_ICON_social_facebook.png) no-repeat 10px center #0168B3; } #aas-cg a.btn-social-twitter, #aas-cg a.btn-social-twitter:hover, #aas-cg a.btn-social-twitter:focus { background: url(../images/NABU_ICON_social_twitter.png) no-repeat 10px center #25bbff; } #aas-cg a.btn-social-email, #aas-cg a.btn-social-email:hover, #aas-cg a.btn-social-email:focus { background: url(../images/NABU_ICON_social_mail.png) no-repeat 10px center #3d6315; } #aas-cg a.btn-social-googleplus, #aas-cg a.btn-social-googleplus:hover, #aas-cg a.btn-social-googleplus:focus { background: url(../images/NABU_ICON_social_google.png) no-repeat 10px center #ce5333; } #aas-cg form .error { box-shadow: 1px 1px 5px rgba(255, 24, 0, 0.69); border: 1px solid rgba(255, 24, 0, 0.69); } /** GENERATOR ###################### */ #aas-cg #generator-cg {} #aas-cg #generator-cg select.generator-cg-selector { border: 5px solid #0EB1DC; font-size: 0.95em; } #aas-cg #generator-cg select.generator-cg-selector option { cursor: pointer; background: transparent; color: #173E67; border-bottom: 1px solid #173E67; margin-right: 5px; } #aas-cg #generator-cg select.generator-cg-selector option:hover { opacity: 0.85; } @-moz-document url-prefix() { #aas-cg #generator-cg select.generator-cg-selector option:focus, #aas-cg #generator-cg select.generator-cg-selector option:checked, #aas-cg #generator-cg select.generator-cg-selector option.fakeselect, #aas-cg #generator-cg select.generator-cg-selector option[selected], #aas-cg #generator-cg select.generator-cg-selector option.act { font-weight: 500; background: linear-gradient(#173E67,#173E67); color: #0EB1DC; } } #aas-cg #generator-cg select.generator-cg-selector option.even { } #aas-cg #generator-cg select.generator-cg-selector option.even { } #aas-cg #generator-cg select.generator-cg-selector option.odd { } #aas-cg #generator-cg #img-sharing { pointer-events: auto; opacity: 1.00; transition: all 1s; } #aas-cg #generator-cg #img-sharing.hide { opacity: 0.00; pointer-events: none; transition: all 1s; } /** ANIMS */ @-webkit-keyframes anim_pulsate { 0% { transform: scale(1.0); } 50% { transform: scale(1.12); } 100% { transform: scale(1.0); } } @keyframes anim_pulsate { 0% { transform: scale(1.0); } 50% { transform: scale(1.12); } 100% { transform: scale(1.0); } } #aas-cg .anim-pulsate { animation-name: anim_pulsate; animation-duration: 2s; } #aas-cg #scenes { position: relative; overflow: hidden; width: 100%; min-height: 100%; } #aas-cg .scene-head { float: left; clear: both; position: relative; z-index: 8999; height: 10px; width: 100%; margin: auto; } #aas-cg .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; } #aas-cg .scene-subhead { float: left; clear: both; position: relative; z-index: 89999; height: 0px; width: 100%; margin: auto; } #aas-cg .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; } #aas-cg .scene { display: block; clear: both; width: 100%; margin-bottom: 0px; position: relative; background: #eeede8; } #aas-cg img.scene-heightholder-background { max-width: 100%; position: relative; z-index: 1; } #aas-cg .scene-elements-absolute { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 999; } #aas-cg .scene .containerbox-info { display: none; min-height: 84px; max-width: 1060px; margin-left: 12.25%; width: 71.5%; top: 89%; background: #e3e1d9; position: absolute; } #aas-cg .scene .containerbox-info_content { display: none; line-height: 1.33em; font-weight: 400; color: #BC4250; max-width: 80%; padding: 20px 20px 15px 20px; margin: auto; text-align: center; } #aas-cg .scene .green .containerbox-info_content { color: #76B72A; } #aas-cg .scene-modal { width: 97%; height: 96%; position: absolute; z-index: 8999; top: 1.5%; left: 1.5%; box-shadow: 2px 2px 6px rgba(0,0,0,0.35); -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.35); } #aas-cg .scene-modal-bg { width: 100%; height: 100%; position: absolute; z-index: 1; top: 0px; left: 0px; background: rgba(255,255,255,0.96); } #aas-cg .scene-modal-header { background: #ce0042; color: #ffffff; width: 100%; top: 0%; left: 0%; z-index: 9; position: relative; } #aas-cg .scene-modal-header .title-number { display: inline-block; background: #ffffff; color: #ce0042; border-radius: 50%; padding: 5px; text-align: center; font-style: italic; font-weight: 800; margin-right: 7px; tranform: rotate(4deg); min-width: 33px; } #aas-cg .scene-modal-header .scene-modal-close { position: absolute; right: 15px; top: 20%; font-size: 3.55em; font-weight: 100; color: #ffffff; text-decoration: none; } #aas-cg .scene-modal-header .scene-modal-close:hover { opacity: 0.75; -webkit-opacity: 0.75; } #aas-cg .scene-modal-content { width: 100%; height: 70%; top: 15%; left: 0%; z-index: 10; position: absolute; } #aas-cg .scene-element {} #aas-cg .scene-element-absolute { position: absolute; z-index: 999; } #aas-cg .scene .scene-link { z-index: 1000 !important; cursor: pointer; } #aas-cg .scene .scene-trigger-link-image { display: inline-block; position: relative; } #aas-cg .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)); } #aas-cg .scene .scene-trigger-link-image .scene-trigger-link-image-img { } #aas-cg .scene a.scene-element-icon-red { background: url(../images/NABU-muell-ICON_00-01.png) no-repeat center center /contain transparent; } #aas-cg .scene a.scene-element-icon-red:hover { opacity: 0.8; -webkit-opacity: 0.8; } #aas-cg .scene a.scene-element-icon-green { background: url(../images/NABU-muell-ICON_00-02.png) no-repeat center center /contain transparent; } #aas-cg .scene a.scene-element-icon-green:hover { opacity: 0.8; -webkit-opacity: 0.8; } #aas-cg .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; } #aas-cg .scene a.scene-element-icon-blue { background: url(../images/NABU_super_marker-schatten.png) no-repeat center center /contain transparent; } #aas-cg .scene a.scene-element-icon-blue:hover { opacity: 0.8; -webkit-opacity: 0.8; } #aas-cg .scene-img-bg { position: relative; z-index: 1; max-width: 100%; width: 100%; } #aas-cg .scene a.scene-trigger-link {} #aas-cg .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)); } #aas-cg .scene .scene-element-trigger { cursor: help; } #aas-cg .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)); } #aas-cg .scene a .scene-element-trigger { cursor: pointer; } #aas-cg .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)); } #aas-cg .scene .scene-element-trigger.scene-element-trigger-green { border-bottom: 6px solid #76B72A; } #aas-cg .scene .scene-element-trigger.scene-element-trigger-red { border-bottom: 6px solid #BC4250; } #aas-cg .scene-a { min-height: 500px; margin-bottom: 0px; } #aas-cg .scene-b { min-height: 500px; margin-bottom: 0px; } #aas-cg .scene-c { min-height: 300px; margin-bottom: 0px; } #aas-cg .scene-carousel {} #aas-cg .scene-ajax-loader { width: 100%; height: 100%; background: url(../images/ajax-loader-4.gif) no-repeat center center /auto rgba(70,169,211,0.97); pointer-events: none; opacity: 1.00; font-size: 1.05em; letter-spacing: 3px; margin-right: 0%; margin-left: 0%; top: 0%; left: 0%; z-index: 89999; position: absolute; transition: all 0.4s; } #aas-cg .scene-ajax-loader.hide { transition: all 0.4s; opacity: 0.00; margin-left: -100%; letter-spacing: 20px; } #aas-cg .scene-ajax-loader.hide.complete { transition: all 0.4s; opacity: 0.00; margin-left: 200%; letter-spacing: 20px; } #aas-cg .scene-loader { background: url(../images/ajax-loader-4.gif) no-repeat center top /auto transparent; pointer-events: none; opacity: 1.00; font-size: 1.32em; letter-spacing: 10px; margin-right: 0%; padding-top: 80px; margin-left: 0%; top: 43%; left: 0%; z-index: 89999; position: absolute; transition: all 1.6s; } #aas-cg .scene-loader.hide { transition: all 1.6s; opacity: 0.00; margin-left: -100%; letter-spacing: 100px; } #aas-cg .scene-loader.hide.complete { transition: all 1.6s; opacity: 0.00; margin-left: 200%; letter-spacing: 100px; } #aas-cg .scene-links { position: relative; padding-top: 60px; background:#badb94; margin-top: -2px; } #aas-cg .scene-imprint { font-size: 0.9em; } #aas-cg .scene-imprint.fixed { position: absolute; bottom: 0px; width: 100%; left: 0px; } #aas-cg .scene-imprint a { color: #ffffff; text-shadow: none; } #aas-cg .scene-imprint a:hover {} #aas-cg .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; } #aas-cg .scene-imprint a#imprint-close:hover { opacity: 0.75; -webkit-opacity: 0.75; } #aas-cg .scene-element {} #aas-cg .scene-element-a { position: absolute; top: 20%; left: 20%; width: 10%; height: 10%; background: yellow; color: #2c2c3c; } #aas-cg .scene-element-b { position: absolute; bottom: 20%; right: 20%; width: 10%; height: 10%; background: green; color: #2c2c3c; } #aas-cg .scene-element-linkbox { background: #EEEDE8; padding: 20px; margin-bottom: 30px; } #aas-cg .scene-element-paragraph { font-weight: 600; } #aas-cg .scene-element-text { font-size: 1.00em; line-height: 1.25em; font-weight: 500; text-align: center; width: 90%; margin: auto; margin-bottom: 10px; } #aas-cg .scene-element-text.position-absolute-bottom { position: absolute; z-index: 8999; bottom: 10%; left: 5%; } #aas-cg .scene-element-text.position-absolute-bottom-left { position: absolute; z-index: 8999; bottom: 10%; left: 5%; max-width: 25%; } #aas-cg .scene-element-text.position-absolute-bottom-right { position: absolute; z-index: 8999; bottom: 10%; right: 5%; max-width: 25%; } #aas-cg .scene-element-text.position-absolute-top { position: absolute; z-index: 8999; top: 10%; left: 5%; } #aas-cg .scene-element-text.position-absolute-top-left { position: absolute; z-index: 8999; top: 10%; left: 5%; max-width: 25%; } #aas-cg .scene-element-text.position-absolute-top-right { position: absolute; z-index: 8999; top: 10%; right: 5%; max-width: 25%; } #aas-cg .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; } #aas-cg .scene-element-text-anim small { clear: both; font-size: 0.7em; display: block; font-weight: 300; } #aas-cg .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; } #aas-cg .scene-element-text-anim-bar.anim_finished { height: 100%; } #aas-cg .scene-element-image-anim, #aas-cg .scene-element-image-anim-1, #aas-cg .scene-element-image-anim-2, #aas-cg .scene-element-image-anim-3, #aas-cg .scene-element-image-anim-4 {} #aas-cg .scene-element-subhead, #aas-cg .scene-element-subhead-1, #aas-cg .scene-element-subhead-2, #aas-cg .scene-element-subhead-3, #aas-cg .scene-element-subhead-4 {} #aas-cg .scene-marker { opacity: 1.00 !important; -webkit-opacity: 1.00 !important; } #aas-cg .scene-marker:hover { opacity: 1.00 !important; -webkit-opacity: 1.00 !important; } #aas-cg .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')"; } #aas-cg .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')"; } #aas-cg .scene-funx { left: 10px; top: 10px; text-align: left; width: 100%; height: 30px; padding: 5px 10px; position: absolute; z-index: 10; } #aas-cg .scene-funx .scene-funx-func { border: 2px solid #76B72A; text-align: center; padding: 0px 10px; display: inline-block; color: #76B72A; font-size: 0.75em; border-radius: 2px; -webkit-border-radius: 2px; } #aas-cg .scene-funx .scene-funx-func:hover, #aas-cg .scene-funx .scene-funx-func.act { text-decoration: none; background: #76B72A; color: #ffffff; } #aas-cg .scene-01.scene-vorstandshaus { overflow: hidden /*(only so the inner absolute elements can be positioned with %)*/; } #aas-cg .scene-01.scene-vorstandshaus .scene-funx .scene-funx-func { } #aas-cg .scene-funx .scene-funx-func#scene-01-funx-trigger-off { border: 2px solid #0068b4; color: #0068b4; } #aas-cg .scene-funx .scene-funx-func#scene-01-funx-trigger-off:hover, #aas-cg .scene-funx .scene-funx-func#scene-01-funx-trigger-off.act { background: #0068b4; color: #ffffff; } #aas-cg .scene-01-marker { /*border: 2px solid red;*/ } #aas-cg #scene-01-marker-fahne { background: url("../images/FES_Fahne2.gif") no-repeat center center /contain transparent; transition: background 0.1s ease-out; /**doesnt work in FF but Chrome*/ width: 7.07547%; height: 9.52380%; left: 49.0%; top: 5.2%; /*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%); */ } #aas-cg #scene-01-marker-00 { /** Banner */ background: #ce0042; transition: background 0.1s ease-out; /**doesnt work in FF but Chrome*/ width: 27.5%; height: 10.7%; right: 36.15%; bottom: 39.1%; padding: 20px 20px 20px 20px; text-align: center; font-weight: 600; font-size: 0.83em; line-height: 1.11em; color: #ffffff; } #aas-cg #scene-01-marker-01 { background: url("../images/FES_01.gif") no-repeat center center /contain transparent; transition: background 0.1s ease-out; /**doesnt work in FF but Chrome*/ width: 14.15094%; height: 15.87301%; left: 42.1%; bottom: 12.0%; /*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%); */ } #aas-cg #scene-01-marker-01:before { content: ""; background: url("../images/FES_01_bullett.png") no-repeat center center /contain transparent; width: 41%; height: 41%; position: absolute; top: 21%; left: 7%; } #aas-cg #scene-01-marker-01:hover, #aas-cg #scene-01-marker-01.hover { transition: background 0.3s ease-out; background: url("../images/FES_01_ov_V2.gif") no-repeat center center /contain transparent; } #aas-cg #scene-01-marker-01:hover:before, #aas-cg #scene-01-marker-01.hover:before, #aas-cg #scene-01-marker-01.hover-bullett:before { background: url("../images/FES_01_bullett_ov.png") no-repeat center center /contain transparent; } #aas-cg #scene-01-marker-01.hover-bullett:before { animation-name: anim_pulsate; animation-duration: 2s; animation-iteration-count: infinite; } #aas-cg #scene-01-marker-02 { background: url("../images/FES_02.gif") no-repeat center center /contain transparent; transition: background 0.1s ease-out; /**doesnt work in FF but Chrome*/ width: 14.15094%; height: 15.87301%; left: 29.3%; bottom: 11.9%; /*shape-outside: polygon(51.23% 0.14%, -0.04% 55.66%, 0.03% 99.76%, 56.65% 99.4%, 99.05% 48.72%, 66.69% -3.88%); -webkit-shape-outside: polygon(51.23% 0.14%, -0.04% 55.66%, 0.03% 99.76%, 56.65% 99.4%, 99.05% 48.72%, 66.69% -3.88%); clip-path: polygon(51.23% 0.14%, -0.04% 55.66%, 0.03% 99.76%, 56.65% 99.4%, 99.05% 48.72%, 66.69% -3.88%); -webkit-clip-path: polygon(51.23% 0.14%, -0.04% 55.66%, 0.03% 99.76%, 56.65% 99.4%, 99.05% 48.72%, 66.69% -3.88%); */ } #aas-cg #scene-01-marker-02:before { content: ""; background: url("../images/FES_02_bullett.png") no-repeat center center /contain transparent; width: 41%; height: 41%; position: absolute; top: 10%; left: -7.5%; } #aas-cg #scene-01-marker-02:hover, #aas-cg #scene-01-marker-02.hover { transition: background 0.3s ease-out; background: url("../images/FES_02_ov.gif") no-repeat center center /contain transparent;} #aas-cg #scene-01-marker-02:hover:before, #aas-cg #scene-01-marker-02.hover:before, #aas-cg #scene-01-marker-02.hover-bullett:before { background: url("../images/FES_02_bullett_ov.png") no-repeat center center /contain transparent; } #aas-cg #scene-01-marker-02.hover-bullett:before { animation-name: anim_pulsate; animation-duration: 2s; animation-iteration-count: infinite; } #aas-cg .carousel { margin-bottom: 20px; } #aas-cg .carousel-control { z-index: 8999; } #aas-cg .carousel-control.left { background-image: none; } #aas-cg .carousel-control.right { background-image: none; } #aas-cg .carousel-control .glyphicon-chevron-left, #aas-cg .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; } #aas-cg .carousel-control .glyphicon-chevron-right, #aas-cg .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; } #aas-cg .carousel-control .glyphicon-chevron-left, #aas-cg .carousel-control .glyphicon-chevron-right, #aas-cg .carousel-control .icon-next, #aas-cg .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)); } #aas-cg .carousel-caption { left: 15%; right: 15%; width: 70%; top: 10px; color: #3c6214; line-height: 1.2em; text-shadow: none; font-weight: 600; } #aas-cg .carousel-indicators { bottom: 0px; } #aas-cg .carousel-indicators li { background: #ffffff; border: none; height: 20px; width: 20px; border-radius: 20px; -webkit-border-radius: 20px; margin-right: 10px; } #aas-cg .carousel-indicators .active { background: #0068b4; border: none; height: 20px; width: 20px; border-radius: 20px; -webkit-border-radius: 20px; margin-right: 10px; } #aas-cg .carousel-modal-info { margin-bottom: 0px; } #aas-cg .carousel-modal-info .carousel-inner { border: 2px solid #efefef; } #aas-cg .carousel-modal-info .carousel-inner .carousel-item { padding: 15px 5px 15px 20px; } #aas-cg .carousel-modal-info .carousel-control { z-index: 8999; } #aas-cg .carousel-modal-info .carousel-control.left { background-image: none; } #aas-cg .carousel-modal-info .carousel-control.right { background-image: none; } #aas-cg .carousel-modal-info .carousel-control-prev { width: 50px; left: -50px; } #aas-cg .carousel-modal-info .carousel-control-next { width: 50px; right: -50px; } #aas-cg .carousel-modal-info .carousel-control .glyphicon-chevron-left, #aas-cg .carousel-modal-info .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; } #aas-cg .carousel-modal-info .carousel-control .glyphicon-chevron-right, #aas-cg .carousel-modal-info .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; } #aas-cg .carousel-modal-info .carousel-control .glyphicon-chevron-left, #aas-cg .carousel-modal-info .carousel-control .glyphicon-chevron-right, #aas-cg .carousel-modal-info .carousel-control .icon-next, #aas-cg .carousel-modal-info .carousel-control .icon-prev { font-size: 30px; height: 50px; margin-top: -25px; width: 50px; } #aas-cg .carousel-modal-info .carousel-control-next-icon { background: url(../images/FES_Pfeil_r.png) no-repeat center center /contain transparent; width: 40px; height: 40px; -webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .3)); filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .3)); } #aas-cg .carousel-modal-info .carousel-control-prev-icon { background: url(../images/FES_Pfeil_l.png) no-repeat center center /contain transparent; width: 40px; height: 40px; -webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .3)); filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .3)); } #aas-cg .carousel-modal-info .carousel-caption { left: 15%; right: 15%; width: 70%; top: 10px; color: #3c6214; line-height: 1.2em; text-shadow: none; font-weight: 600; } #aas-cg .carousel-modal-info .carousel-indicators { bottom: unset; position: relative; display: block; margin: 0 0 15px 0; float: left; } #aas-cg .carousel-modal-info .carousel-indicators li { cursor: pointer; float: left; background: #ffffff; padding: 3px 10px 3px 10px; border: 2px solid #ce0042; color: #ce0042; text-indent: 0px; width: auto; height: auto; border-radius: 1px; -webkit-border-radius: 1px; font-weight: 700; margin-right: 3px; } #aas-cg .carousel-modal-info .carousel-indicators li.active { background: #ce0042; color: #ffffff; } #aas-cg .carousel-modal-info .carousel-indicators li:after { display: none; } #aas-cg .carousel-modal-info .carousel-indicators li:before { display: none; } /* RESPONSIVENESS ################################# */ @media (max-width: 1279px) { } @media (max-width: 1024px) { } @media (max-width: 1023px) { } @media (max-width: 992px) { #aas-cg .carousel-modal-info { } #aas-cg .carousel-modal-info .carousel-control-prev { width: 25px; left: -20px; } #aas-cg .carousel-modal-info .carousel-control-next { width: 25px; right: -20px; } #aas-cg .carousel-modal-info .carousel-control-next-icon { width: 22px; height: 22px; } #aas-cg .carousel-modal-info .carousel-control-prev-icon { width: 22px; height: 22px; } } @media (max-width: 939px) { #aas-cg .scene-3000000 { } #aas-cg .scene-3000000-element-text { width: 61%; } #aas-cg .scene-3000000-element-text_2 { font-size: 4.2em; } #aas-cg .scene-intro {} #aas-cg .scene-intro .scene-intro-element-text.position-absolute-bottom { font-size: 1.3em; } } @media (max-width: 768px) { body#aas-cg { font-size: 15px; } #aas-cg .carousel-modal-info { } #aas-cg .carousel-modal-info .carousel-control-prev { } #aas-cg .carousel-modal-info .carousel-control-next { } #aas-cg .carousel-modal-info .carousel-control-next-icon { } #aas-cg .carousel-modal-info .carousel-control-prev-icon { } } @media (max-width: 767px) { body#aas-cg { font-size: 15px; } #aas-cg .scene-intro {} #aas-cg .scene-intro .scene-intro-element-text.position-absolute-bottom { } #aas-cg .scene-3000000 {} #aas-cg .scene-3000000-element-text { margin-top: 16%; margin-left: 25%; } #aas-cg .scene-3000000-element-text_2 { font-size: 3.5em; } #aas-cg .scene-tooltip { } /* carousel -------------*/ #aas-cg .carousel-caption { left: 5% !important; right: 5% !important; width: 90% !important; top: -20px !important; } #aas-cg .carousel-control .glyphicon-chevron-left, #aas-cg .carousel-control .glyphicon-chevron-right, #aas-cg .carousel-control .icon-next, #aas-cg .carousel-control .icon-prev { } #aas-cg .carousel .item .carousel-caption p { top: -20px; text-align: center !important; } #aas-cg .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img { } } @media (max-width: 680px) { } @media (max-width: 640px) { #aas-cg .btn-primary { padding: 20px; width: 100%; } #aas-cg .scene-intro {} #aas-cg .scene-intro .scene-intro-element-text.position-absolute-bottom { font-size: 1.15em; } #aas-cg .scene-tooltip { margin-top: -2%; margin-left: -2%; } #aas-cg .tooltip { max-width: 92% !important; min-width: 70% !important; } #aas-cg .tooltip-inner { max-width: 600px !important; } /* carousel -------------*/ } @media (max-width: 559px) { #aas-cg div#title { top: 5px; } #aas-cg #main-title { max-width: 74%; font-size: 1.82em; } #aas-cg #main-title-sub { hyphens: auto; } #aas-cg .scene-3000000 {} #aas-cg .scene-3000000-element-text { width: 80%; margin-left: 12%; } #aas-cg .scene-3000000-element-text_2 { font-size: 2.5em; } #aas-cg .scene-tooltip { margin-top: -3%; margin-left: -3%; } #aas-cg .tooltip {} #aas-cg .tooltip-inner { } /* carousel -------------*/ #aas-cg .carousel-indicators { } #aas-cg .carousel-inner > .item > a > img, #aas-cg .carousel-inner > .item > img, #aas-cg .img-responsive, #aas-cg .thumbnail a > img, #aas-cg .thumbnail > img { } } @media (max-width: 479px) { #aas-cg .scene-intro {} #aas-cg .scene-intro .scene-intro-element-text.position-absolute-bottom { bottom: 35px; } #aas-cg .scene-element-text-anim-percent-text { font-size: 1.25em; line-height: 1.25em; margin-top: 20px !important; } #aas-cg .tooltip-inner { padding: 10px; } /* carousel -------------*/ #aas-cg .carousel {} #aas-cg .scene-moorentstehung .carousel {} #aas-cg .carousel .item .carousel-caption { font-size: 0.87em !important; line-height: 1.2em !important; } #aas-cg .carousel .item .carousel-caption p { text-align: center !important; } } @media (max-width: 380px) { #aas-cg .scene-tooltip { margin-top: -4.0%; margin-left: -4.0%; } #aas-cg .tooltip { max-width: 95% !important; min-width: 80% !important; } #aas-cg .tooltip-inner { max-width: 600px !important; font-size: 95%; line-height: 106%; } }