/* TRIGGER FONT */ @font-face { font-family: 'trigger'; src: url('../files/trigger_font/trigger.eot?57958819'); src: url('../files/trigger_font/trigger.eot?57958819#iefix') format('embedded-opentype'), url('../files/trigger_font/trigger.woff?57958819') format('woff'), url('../files/trigger_font/trigger.ttf?57958819') format('truetype'), url('../files/trigger_font/trigger.svg?57958819#trigger') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'trigger'; src: url('../font/trigger.svg?60643705#trigger') format('svg'); } } */ [class^="trigger-"]:before, [class*=" trigger-"]:before { font-family: "trigger"; font-style: normal; font-weight: normal; speak: none; /* fix buttons height, for twitter bootstrap */ /*line-height: 1em;*/ /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ /*margin-left: .2em;*/ /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .trigger-plus-squared:before { content: '\e800'; } /* '' */ .trigger-minus-squared:before { content: '\e801'; } /* '' */ .trigger-plus-squared-alt:before { content: '\e802'; } /* '' */ .trigger-minus-squared-alt:before { content: '\e803'; } /* '' */ .trigger-cancel-1:before { content: '\e804'; } /* '' */ .trigger-ok:before { content: '\e805'; } /* '' */ .trigger-ok-circled:before { content: '\e806'; } /* '' */ .trigger-cancel-circled:before { content: '\e807'; } /* '' */ .trigger-ok-circled2:before { content: '\e808'; } /* '' */ .trigger-cancel-circled2:before { content: '\e809'; } /* '' */ .trigger-ok-squared:before { content: '\e80a'; } /* '' */ .trigger-plus-circled:before { content: '\e80b'; } /* '' */ .trigger-minus-circled:before { content: '\e80c'; } /* '' */ .trigger-toggle-off:before { content: '\e80d'; } /* '' */ .trigger-toggle-on:before { content: '\e80e'; } /* '' */ .trigger-cog:before { content: '\e80f'; } /* '' */ .trigger-info-circled:before { content: '\e810'; } /* '' */ .trigger-help-circled:before { content: '\e811'; } /* '' */ .trigger-eye:before { content: '\e812'; } /* '' */ .trigger-eye-off:before { content: '\e813'; } /* '' */ .trigger-code-1:before { content: '\e814'; } /* '' */ .trigger-chat:before { content: '\e815'; } /* '' */ .trigger-chat-empty:before { content: '\e816'; } /* '' */ .trigger-down-open-1:before { content: '\e817'; } /* '' */ .trigger-up-open-1:before { content: '\e818'; } /* '' */ .trigger-star:before { content: '\e819'; } /* '' */ .trigger-star-empty:before { content: '\e81a'; } /* '' */ .trigger-heart:before { content: '\e81b'; } /* '' */ .trigger-heart-empty:before { content: '\e81c'; } /* '' */ .trigger-plus-1:before { content: '\e81d'; } /* '' */ .trigger-minus-1:before { content: '\e81e'; } /* '' */ .trigger-help-1:before { content: '\e81f'; } /* '' */ .trigger-info-1:before { content: '\e820'; } /* '' */ .trigger-mail:before { content: '\e821'; } /* '' */ .trigger-mail-squared:before { content: '\e822'; } /* '' */ .trigger-export-alt:before { content: '\e823'; } /* '' */ .trigger-export:before { content: '\e824'; } /* '' */ .trigger-menu-1:before { content: '\e825'; } /* '' */#stacks_in_2_page5{ clear:both;padding: 0;margin: 0; counter-reset: section; -webkit-animation: opLoad 1s ease-out; -moz-animation: opLoad 1s ease-out; -o-animation: opLoad 1s ease-out; animation: opLoad 1s ease-out; } .ncp img{opacity: 0;-webkit-transition:opacity 1s ease-out;-moz-transition:opacity 1s ease-out;-o-animation: opLoad 1s ease-out;transition:opacity 1s ease-out;} .ncp img.show{opacity: 1;} .ncp img{max-width:100%;height:auto; width:auto;} .ncp .count{font-size: 11px;padding: 1px 5px 2px;margin-bottom:.5em;border:1px solid #cfcfcf;color:#aaa;border-radius:2px;display: inline-block;-webkit-font-smoothing: antialiased; } #stacks_in_2_page5 .c+.c .count{margin-left: 4px;} #stacks_in_2_page5.s3 .c.s2_3 .count,#stacks_in_2_page5.s4 .c.s2_4 .count,#stacks_in_2_page5.s4 .c.s3_4 .count{ margin-left: 2px;} .ncp .count:before{counter-increment: section;content: 'Column 'counter(section) '';} .ncp .g:before,.ncp .g:after{content:"";display:table;} .ncp .g:after{clear:both;} .ncp .c{display: block;float:left;margin: 1% 0 1% 1.6%;} .s1_1,.s1_2,.s1_3,.s1_4{margin: 1% 0;} .ncp .c:first-child { margin-left: 0; } #stacks_in_2_page5.s2 .c.s1_2 .c-pad,#stacks_in_2_page5.s3 .c.s1_3 .c-pad,#stacks_in_2_page5.s4 .c.s1_4 .c-pad{padding: 0 4px 0 0;} #stacks_in_2_page5.s3 .c.s2_3 .c-pad,#stacks_in_2_page5.s4 .c.s2_4 .c-pad,#stacks_in_2_page5.s4 .c.s3_4 .c-pad{ padding: 0 2px;} #stacks_in_2_page5.s2 .c.s2_2 .c-pad,#stacks_in_2_page5.s3 .c.s3_3 .c-pad,#stacks_in_2_page5.s4 .c.s4_4 .c-pad{ padding: 0 0 0 4px;} .ncp.s1>.c{width: 100%;}.ncp.s2>.c{width: 49.2%;}.ncp.s3>.c{width: 32.26%;}.ncp.s4>.c{width: 23.8%;} @media only screen and (max-width: 600px) { #stacks_in_2_page5 .c+.c .count, #stacks_in_2_page5.s3 .c.s2_3 .count, #stacks_in_2_page5.s4 .c.s3_4 .count{margin-left: 0;} #stacks_in_2_page5 .c{margin: 1% 0;padding: 4px 0;width: 100%;} #stacks_in_2_page5 .c:first-child,#stacks_in_2_page5.s4 .c.s1_4,#stacks_in_2_page5.s4 .c.s2_4{ padding: 0 0 4px;} #stacks_in_2_page5 .c:last-child,#stacks_in_2_page5.s4 .c.s3_4,#stacks_in_2_page5.s4 .c.s4_4{ padding: 4px 0 0;} #stacks_in_2_page5.s2 .c-pad,#stacks_in_2_page5.s3 .c-pad{ padding: 0 !important;} #stacks_in_2_page5.s4 .c.s2_4 .count, #stacks_in_2_page5.s4 .c.s4_4 .count{ margin-left: 4px;} #stacks_in_2_page5.s4 .c {width: 49.2%;} #stacks_in_2_page5.s4 .c.s1_4 .c-pad,#stacks_in_2_page5.s4 .c.s3_4 .c-pad{ padding: 0 4px 0 0;} #stacks_in_2_page5.s4 .c.s2_4 .c-pad,#stacks_in_2_page5.s4 .c.s4_4 .c-pad{ padding: 0 0 0 4px;} } @media only screen and (max-width: 300px) { #stacks_in_2_page5 .count{ margin-left: 0 !important;} #stacks_in_2_page5 .c .c-pad{padding: 0 !important;} #stacks_in_2_page5.s4 .c{width: 100%;} } @-webkit-keyframes opLoad { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes opLoad { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes opLoad { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes opLoad { 0% { opacity: 0; } 100% { opacity: 1; } } #stacks_in_3_page5 { padding: 10px; } #stacks_in_4_page5 { font-size: 199%; font-weight: bold; } #stacks_in_5_page5 { padding: 10px; } #stacks_in_250_page5{ clear:both;padding: 0;margin: 0; counter-reset: section; -webkit-animation: opLoad 1s ease-out; -moz-animation: opLoad 1s ease-out; -o-animation: opLoad 1s ease-out; animation: opLoad 1s ease-out; } .ncp img{opacity: 0;-webkit-transition:opacity 1s ease-out;-moz-transition:opacity 1s ease-out;-o-animation: opLoad 1s ease-out;transition:opacity 1s ease-out;} .ncp img.show{opacity: 1;} .ncp img{max-width:100%;height:auto; width:auto;} .ncp .count{font-size: 11px;padding: 1px 5px 2px;margin-bottom:.5em;border:1px solid #cfcfcf;color:#aaa;border-radius:2px;display: inline-block;-webkit-font-smoothing: antialiased; } #stacks_in_250_page5 .c+.c .count{margin-left: 4px;} #stacks_in_250_page5.s3 .c.s2_3 .count,#stacks_in_250_page5.s4 .c.s2_4 .count,#stacks_in_250_page5.s4 .c.s3_4 .count{ margin-left: 2px;} .ncp .count:before{counter-increment: section;content: 'Column 'counter(section) '';} .ncp .g:before,.ncp .g:after{content:"";display:table;} .ncp .g:after{clear:both;} .ncp .c{display: block;float:left;margin: 1% 0 1% 1.6%;} .s1_1,.s1_2,.s1_3,.s1_4{margin: 1% 0;} .ncp .c:first-child { margin-left: 0; } #stacks_in_250_page5.s2 .c.s1_2 .c-pad,#stacks_in_250_page5.s3 .c.s1_3 .c-pad,#stacks_in_250_page5.s4 .c.s1_4 .c-pad{padding: 0 4px 0 0;} #stacks_in_250_page5.s3 .c.s2_3 .c-pad,#stacks_in_250_page5.s4 .c.s2_4 .c-pad,#stacks_in_250_page5.s4 .c.s3_4 .c-pad{ padding: 0 2px;} #stacks_in_250_page5.s2 .c.s2_2 .c-pad,#stacks_in_250_page5.s3 .c.s3_3 .c-pad,#stacks_in_250_page5.s4 .c.s4_4 .c-pad{ padding: 0 0 0 4px;} .ncp.s1>.c{width: 100%;}.ncp.s2>.c{width: 49.2%;}.ncp.s3>.c{width: 32.26%;}.ncp.s4>.c{width: 23.8%;} @media only screen and (max-width: 600px) { #stacks_in_250_page5 .c+.c .count, #stacks_in_250_page5.s3 .c.s2_3 .count, #stacks_in_250_page5.s4 .c.s3_4 .count{margin-left: 0;} #stacks_in_250_page5 .c{margin: 1% 0;padding: 4px 0;width: 100%;} #stacks_in_250_page5 .c:first-child,#stacks_in_250_page5.s4 .c.s1_4,#stacks_in_250_page5.s4 .c.s2_4{ padding: 0 0 4px;} #stacks_in_250_page5 .c:last-child,#stacks_in_250_page5.s4 .c.s3_4,#stacks_in_250_page5.s4 .c.s4_4{ padding: 4px 0 0;} #stacks_in_250_page5.s2 .c-pad,#stacks_in_250_page5.s3 .c-pad{ padding: 0 !important;} #stacks_in_250_page5.s4 .c.s2_4 .count, #stacks_in_250_page5.s4 .c.s4_4 .count{ margin-left: 4px;} #stacks_in_250_page5.s4 .c {width: 49.2%;} #stacks_in_250_page5.s4 .c.s1_4 .c-pad,#stacks_in_250_page5.s4 .c.s3_4 .c-pad{ padding: 0 4px 0 0;} #stacks_in_250_page5.s4 .c.s2_4 .c-pad,#stacks_in_250_page5.s4 .c.s4_4 .c-pad{ padding: 0 0 0 4px;} } @media only screen and (max-width: 300px) { #stacks_in_250_page5 .count{ margin-left: 0 !important;} #stacks_in_250_page5 .c .c-pad{padding: 0 !important;} #stacks_in_250_page5.s4 .c{width: 100%;} } @-webkit-keyframes opLoad { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes opLoad { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes opLoad { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes opLoad { 0% { opacity: 0; } 100% { opacity: 1; } } #stacks_in_250_page5 { margin: 30px 0px 30px 0px; } #stacks_in_255_page5 { padding: 10px; } #stacks_in_256_page5 { font-size: 199%; } #stacks_in_249_page5 .trigger_myID1 { cursor: pointer; display: inline-block; color: #515151; font-size: 26px; line-height: 26px; /*border: 1px blue solid;*/ } #stacks_in_249_page5 .toggle_open .closed_icon { display: none; } #stacks_in_249_page5 .toggle_closed .open_icon { display: none; } #stacks_in_249_page5 .toggle_open .closed_image { display: none; } #stacks_in_249_page5 .toggle_closed .open_image { display: none; } #stacks_in_249_page5 { position: relative; text-align: left; } #stacks_in_249_page5 .trigger_label { font-size: 18px; color: #515151; margin-left: 4px; line-height: 26px; vertical-align: top; } #stacks_in_253_page5 { position: relative; display: block; } .myID1 { position: relative; } #stacks_in_253_page5 .myID1 { padding: 0px; } #toggleWrapper_stacks_in_24_page5 { display: block; position: relative; z-index: 1; } #myToggle1 { padding: 20px; margin: 0; font-weight: normal; display: block; color: #666666; text-decoration: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-size: 150%; line-height: 30px; } #myToggle1 { background: #EAEAEA; } #myToggle1:hover { color: #999999; cursor: pointer; } /* Toggle Button */ /* Local Image Buttons */ /* Warehoused Image Buttons */ /* Font Awesone Icon Buttons */ #toggleButtonstacks_in_24_page5.togglePlusClosed .toggleOpenIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_24_page5.togglePlusClosed .toggleOpenIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_24_page5.togglePlusClosed .toggleCloseIcon { display: none; } #toggleButtonstacks_in_24_page5.togglePlusOpened .toggleCloseIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_24_page5.togglePlusOpened .toggleCloseIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_24_page5.togglePlusOpened .toggleOpenIcon { display: none; } #toggleContainer_stacks_in_24_page5 { display: none; margin-top: 5px; padding: 20px; overflow: hidden; color: #666666; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #toggleContainer_stacks_in_24_page5 { background: #EAEAEA; } @media print { #toggleButtonstacks_in_24_page5, #toggleButtonstacks_in_24_page5.toggleOpenIcon, #toggleButtonstacks_in_24_page5.toggleCloseIcon, #myToggle1 a:link:after, #myToggle1 a:visited:after { display: none !important; } #toggleContainer_stacks_in_24_page5 { display: block !important; } } #PlayerWrapper-einfuehrung { display: block; position: relative; } #PlayerWrapper-einfuehrung *, #PlayerWrapper-einfuehrung *:before, #PlayerWrapper-einfuehrung *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #MediaFrame-einfuehrung { position: relative; width: 100%; height: 0; background: rgba(0, 0, 0, 1.00); } #MediaFrame-einfuehrung { padding-bottom: 56.25%; } #PlayerWrapper-einfuehrung #media-einfuehrung { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #PlayerWrapper-einfuehrung .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #PlayerWrapper-einfuehrung .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #PlayerWrapper-einfuehrung .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #PlayerWrapper-einfuehrung .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; opacity: 0.0; background: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-einfuehrung .splash-button:hover .splash-fill { opacity: 0.0; background: rgba(255, 255, 255, 1.00); } #PlayerWrapper-einfuehrung .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-einfuehrung .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #PlayerWrapper-einfuehrung .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-einfuehrung .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-einfuehrung { position: relative; z-index: 4; width: 100%; } #media-controls-innerwrap-einfuehrung { /* margin: px; */ margin-left: 0%; margin-right: 0%; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; overflow: hidden; } #button-grid-einfuehrung { margin: 0; padding: 0; font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; line-height: 40px; color: #ffffff; list-style: none; overflow: auto; height: auto; display: block; width: 100%; position: relative; z-index: 5; opacity: 0.99; /* Gradient background */ background: rgba(153, 153, 153, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%, rgba(153, 153, 153, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153, 153, 153, 1.00)), color-stop(100%,rgba(153, 153, 153, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(153, 153, 153, 1.00)', endColorstr='rgba(153, 153, 153, 1.00)',GradientType=0 ); /* IE6-9 */ } #PlayerWrapper-einfuehrung { overflow: hidden; position: relative; } #PlayerWrapper-einfuehrung #media-controls-wrapper-einfuehrung { position: absolute; left: 0; bottom: -40px; margin-bottom: 0%; opacity: 0; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); } #PlayerWrapper-einfuehrung:hover #media-controls-wrapper-einfuehrung { opacity: 0.99; -webkit-transform: translateY(-40px); transform: translateY(-40px); } /* Don't auto-hide on touch devices */ .playertouchdevice #PlayerWrapper-einfuehrung #media-controls-wrapper-einfuehrung, .playertouchdevice #PlayerWrapper-einfuehrung:hover #media-controls-wrapper-einfuehrung { position: relative; bottom: auto; margin-bottom: 0; opacity: 1.00; -webkit-transform: none; transform: none; } #media-controls-einfuehrung button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* @group Buttons, titles and time */ #media-controls-einfuehrung span.media-button, #media-controls-einfuehrung span.time, #media-controls-einfuehrung span.player-extra-element, #media-controls-einfuehrung span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: 40px; width: 7.00%; overflow: hidden; display: block; float: left; text-align: center; vertical-align: middle; } #media-controls-einfuehrung span.media-button.left-aligned, #media-controls-einfuehrung span.time.left-aligned, #media-controls-einfuehrung span.player-extra-element.left-aligned, #media-controls-einfuehrung span.duration.left-aligned { text-align: left; } #media-controls-einfuehrung span.media-button.right-aligned, #media-controls-einfuehrung span.time.right-aligned, #media-controls-einfuehrung span.player-extra-element.right-aligned, #media-controls-einfuehrung span.duration.right-aligned { text-align: right; } /* Buttons */ #media-controls-einfuehrung span.media-button a, #media-controls-einfuehrung span.media-button button { font-size: 24px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } @media screen and (max-width: 586px) { #media-controls-einfuehrung span.media-button a, #media-controls-einfuehrung span.media-button button { font-size: 18px; } } #media-controls-einfuehrung span.media-button a:hover, #media-controls-einfuehrung span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Icons */ #media-controls-einfuehrung [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #media-controls-einfuehrung [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } /* Time and titles */ #media-controls-einfuehrung span.time, #media-controls-einfuehrung span.player-extra-element, #media-controls-einfuehrung span.duration { font-size: 14px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; width: 8.00%; padding: 0; margin: 0; vertical-align: top; } @media screen and (max-width: 586px) { #media-controls-einfuehrung span.time, #media-controls-einfuehrung span.player-extra-element, #media-controls-einfuehrung span.duration { font-size: 11px; } } /* @end */ /* @group Captions */ /* @end */ /* @group Scrubber Bar */ #media-controls-einfuehrung .scrubberWrapper { margin: 0; padding: 0; position: relative; line-height: 1; vertical-align: middle; margin-top: 10px; display: block; float: left; width: 40.00%; } #media-controls-einfuehrung .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; position: relative; z-index: 2; } #media-controls-einfuehrung .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(82, 157, 225, 1.00)), color-stop(100%, rgba(36, 94, 143, 1.00))); background-image: -webkit-linear-gradient(top, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); background-image: linear-gradient(to bottom, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); padding: 0; margin: 0; z-index: 10; position: relative; } /* @end */ /* @group Responsive Behaviour */ @media screen and (max-width: 586px) { .mobile-hide, .mobilehide, .mobile-none, .mobilenone, .no-mobile, .nomobile { display: none !important; } } /* @end */ /* @group Helper Classes */ /* Helper class to hide buttons on touch devices */ #media-controls-einfuehrung .playertouchdevice { display: none; } @media screen and (max-width: 568px) { #media-controls-einfuehrung .player-no-mobile { display: none !important; } .player-mobile-left { text-align: left !important; } .player-mobile-center { text-align: center !important; } .player-mobile-right { text-align: right !important; } } @media screen and (max-width: 768px) { .player-no-tablet { display: none !important; } .player-tablet-left { text-align: left !important; } .player-tablet-center { text-align: center !important; } .player-tablet-right { text-align: right !important; } } /* @end */ /* @group Printer styles */ @media print { #media-controls-wrapper-einfuehrung, #PlayerWrapper-einfuehrung .splash-button { display: none; } } /* @end */ /* @group Untitled Group */ /* @end */ #toggleWrapper_stacks_in_79_page5 { display: block; position: relative; z-index: 1; } #myToggle-history { padding: 20px; margin: 0; font-weight: normal; display: block; color: #666666; text-decoration: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-size: 150%; line-height: 30px; } #myToggle-history { background: #EAEAEA; } #myToggle-history:hover { color: #999999; cursor: pointer; } /* Toggle Button */ /* Local Image Buttons */ /* Warehoused Image Buttons */ /* Font Awesone Icon Buttons */ #toggleButtonstacks_in_79_page5.togglePlusClosed .toggleOpenIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_79_page5.togglePlusClosed .toggleOpenIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_79_page5.togglePlusClosed .toggleCloseIcon { display: none; } #toggleButtonstacks_in_79_page5.togglePlusOpened .toggleCloseIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_79_page5.togglePlusOpened .toggleCloseIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_79_page5.togglePlusOpened .toggleOpenIcon { display: none; } #toggleContainer_stacks_in_79_page5 { display: none; margin-top: 5px; padding: 20px; overflow: hidden; color: #666666; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #toggleContainer_stacks_in_79_page5 { background: #EAEAEA; } @media print { #toggleButtonstacks_in_79_page5, #toggleButtonstacks_in_79_page5.toggleOpenIcon, #toggleButtonstacks_in_79_page5.toggleCloseIcon, #myToggle-history a:link:after, #myToggle-history a:visited:after { display: none !important; } #toggleContainer_stacks_in_79_page5 { display: block !important; } } #PlayerWrapper-choro-geschichte { display: block; position: relative; } #PlayerWrapper-choro-geschichte *, #PlayerWrapper-choro-geschichte *:before, #PlayerWrapper-choro-geschichte *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #MediaFrame-choro-geschichte { position: relative; width: 100%; height: 0; background: rgba(0, 0, 0, 1.00); } #MediaFrame-choro-geschichte { padding-bottom: 56.25%; } #PlayerWrapper-choro-geschichte #media-choro-geschichte { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #PlayerWrapper-choro-geschichte .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #PlayerWrapper-choro-geschichte .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #PlayerWrapper-choro-geschichte .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #PlayerWrapper-choro-geschichte .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; opacity: 0.0; background: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-choro-geschichte .splash-button:hover .splash-fill { opacity: 0.0; background: rgba(255, 255, 255, 1.00); } #PlayerWrapper-choro-geschichte .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-choro-geschichte .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #PlayerWrapper-choro-geschichte .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-choro-geschichte .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-choro-geschichte { position: relative; z-index: 4; width: 100%; } #media-controls-innerwrap-choro-geschichte { /* margin: px; */ margin-left: 0%; margin-right: 0%; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; overflow: hidden; } #button-grid-choro-geschichte { margin: 0; padding: 0; font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; line-height: 40px; color: #ffffff; list-style: none; overflow: auto; height: auto; display: block; width: 100%; position: relative; z-index: 5; opacity: 0.99; /* Gradient background */ background: rgba(153, 153, 153, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%, rgba(153, 153, 153, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153, 153, 153, 1.00)), color-stop(100%,rgba(153, 153, 153, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(153, 153, 153, 1.00)', endColorstr='rgba(153, 153, 153, 1.00)',GradientType=0 ); /* IE6-9 */ } #PlayerWrapper-choro-geschichte { overflow: hidden; position: relative; } #PlayerWrapper-choro-geschichte #media-controls-wrapper-choro-geschichte { position: absolute; left: 0; bottom: -40px; margin-bottom: 0%; opacity: 0; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); } #PlayerWrapper-choro-geschichte:hover #media-controls-wrapper-choro-geschichte { opacity: 0.99; -webkit-transform: translateY(-40px); transform: translateY(-40px); } /* Don't auto-hide on touch devices */ .playertouchdevice #PlayerWrapper-choro-geschichte #media-controls-wrapper-choro-geschichte, .playertouchdevice #PlayerWrapper-choro-geschichte:hover #media-controls-wrapper-choro-geschichte { position: relative; bottom: auto; margin-bottom: 0; opacity: 1.00; -webkit-transform: none; transform: none; } #media-controls-choro-geschichte button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* @group Buttons, titles and time */ #media-controls-choro-geschichte span.media-button, #media-controls-choro-geschichte span.time, #media-controls-choro-geschichte span.player-extra-element, #media-controls-choro-geschichte span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: 40px; width: 7.00%; overflow: hidden; display: block; float: left; text-align: center; vertical-align: middle; } #media-controls-choro-geschichte span.media-button.left-aligned, #media-controls-choro-geschichte span.time.left-aligned, #media-controls-choro-geschichte span.player-extra-element.left-aligned, #media-controls-choro-geschichte span.duration.left-aligned { text-align: left; } #media-controls-choro-geschichte span.media-button.right-aligned, #media-controls-choro-geschichte span.time.right-aligned, #media-controls-choro-geschichte span.player-extra-element.right-aligned, #media-controls-choro-geschichte span.duration.right-aligned { text-align: right; } /* Buttons */ #media-controls-choro-geschichte span.media-button a, #media-controls-choro-geschichte span.media-button button { font-size: 24px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } @media screen and (max-width: 586px) { #media-controls-choro-geschichte span.media-button a, #media-controls-choro-geschichte span.media-button button { font-size: 18px; } } #media-controls-choro-geschichte span.media-button a:hover, #media-controls-choro-geschichte span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Icons */ #media-controls-choro-geschichte [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #media-controls-choro-geschichte [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } /* Time and titles */ #media-controls-choro-geschichte span.time, #media-controls-choro-geschichte span.player-extra-element, #media-controls-choro-geschichte span.duration { font-size: 14px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; width: 8.00%; padding: 0; margin: 0; vertical-align: top; } @media screen and (max-width: 586px) { #media-controls-choro-geschichte span.time, #media-controls-choro-geschichte span.player-extra-element, #media-controls-choro-geschichte span.duration { font-size: 11px; } } /* @end */ /* @group Captions */ /* @end */ /* @group Scrubber Bar */ #media-controls-choro-geschichte .scrubberWrapper { margin: 0; padding: 0; position: relative; line-height: 1; vertical-align: middle; margin-top: 10px; display: block; float: left; width: 40.00%; } #media-controls-choro-geschichte .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; position: relative; z-index: 2; } #media-controls-choro-geschichte .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(82, 157, 225, 1.00)), color-stop(100%, rgba(36, 94, 143, 1.00))); background-image: -webkit-linear-gradient(top, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); background-image: linear-gradient(to bottom, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); padding: 0; margin: 0; z-index: 10; position: relative; } /* @end */ /* @group Responsive Behaviour */ @media screen and (max-width: 586px) { .mobile-hide, .mobilehide, .mobile-none, .mobilenone, .no-mobile, .nomobile { display: none !important; } } /* @end */ /* @group Helper Classes */ /* Helper class to hide buttons on touch devices */ #media-controls-choro-geschichte .playertouchdevice { display: none; } @media screen and (max-width: 568px) { #media-controls-choro-geschichte .player-no-mobile { display: none !important; } .player-mobile-left { text-align: left !important; } .player-mobile-center { text-align: center !important; } .player-mobile-right { text-align: right !important; } } @media screen and (max-width: 768px) { .player-no-tablet { display: none !important; } .player-tablet-left { text-align: left !important; } .player-tablet-center { text-align: center !important; } .player-tablet-right { text-align: right !important; } } /* @end */ /* @group Printer styles */ @media print { #media-controls-wrapper-choro-geschichte, #PlayerWrapper-choro-geschichte .splash-button { display: none; } } /* @end */ /* @group Untitled Group */ /* @end */ #toggleWrapper_stacks_in_367_page5 { display: block; position: relative; z-index: 1; } #myToggle8 { padding: 20px; margin: 0; font-weight: normal; display: block; color: #666666; text-decoration: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-size: 150%; line-height: 30px; } #myToggle8 { background: #EAEAEA; } #myToggle8:hover { color: #999999; cursor: pointer; } /* Toggle Button */ /* Local Image Buttons */ /* Warehoused Image Buttons */ /* Font Awesone Icon Buttons */ #toggleButtonstacks_in_367_page5.togglePlusClosed .toggleOpenIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_367_page5.togglePlusClosed .toggleOpenIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_367_page5.togglePlusClosed .toggleCloseIcon { display: none; } #toggleButtonstacks_in_367_page5.togglePlusOpened .toggleCloseIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_367_page5.togglePlusOpened .toggleCloseIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_367_page5.togglePlusOpened .toggleOpenIcon { display: none; } #toggleContainer_stacks_in_367_page5 { display: none; margin-top: 5px; padding: 20px; overflow: hidden; color: #666666; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #toggleContainer_stacks_in_367_page5 { background: #EAEAEA; } @media print { #toggleButtonstacks_in_367_page5, #toggleButtonstacks_in_367_page5.toggleOpenIcon, #toggleButtonstacks_in_367_page5.toggleCloseIcon, #myToggle8 a:link:after, #myToggle8 a:visited:after { display: none !important; } #toggleContainer_stacks_in_367_page5 { display: block !important; } } #PlayerWrapper-feierlichkeiten { display: block; position: relative; } #PlayerWrapper-feierlichkeiten *, #PlayerWrapper-feierlichkeiten *:before, #PlayerWrapper-feierlichkeiten *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #MediaFrame-feierlichkeiten { position: relative; width: 100%; height: 0; background: rgba(0, 0, 0, 1.00); } #MediaFrame-feierlichkeiten { padding-bottom: 56.25%; } #PlayerWrapper-feierlichkeiten #media-feierlichkeiten { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #PlayerWrapper-feierlichkeiten .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #PlayerWrapper-feierlichkeiten .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #PlayerWrapper-feierlichkeiten .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #PlayerWrapper-feierlichkeiten .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; opacity: 0.0; background: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-feierlichkeiten .splash-button:hover .splash-fill { opacity: 0.0; background: rgba(255, 255, 255, 1.00); } #PlayerWrapper-feierlichkeiten .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-feierlichkeiten .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #PlayerWrapper-feierlichkeiten .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-feierlichkeiten .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-feierlichkeiten { position: relative; z-index: 4; width: 100%; } #media-controls-innerwrap-feierlichkeiten { /* margin: px; */ margin-left: 0%; margin-right: 0%; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; overflow: hidden; } #button-grid-feierlichkeiten { margin: 0; padding: 0; font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; line-height: 40px; color: #ffffff; list-style: none; overflow: auto; height: auto; display: block; width: 100%; position: relative; z-index: 5; opacity: 0.99; /* Gradient background */ background: rgba(153, 153, 153, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%, rgba(153, 153, 153, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153, 153, 153, 1.00)), color-stop(100%,rgba(153, 153, 153, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(153, 153, 153, 1.00)', endColorstr='rgba(153, 153, 153, 1.00)',GradientType=0 ); /* IE6-9 */ } #PlayerWrapper-feierlichkeiten { overflow: hidden; position: relative; } #PlayerWrapper-feierlichkeiten #media-controls-wrapper-feierlichkeiten { position: absolute; left: 0; bottom: -40px; margin-bottom: 0%; opacity: 0; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); } #PlayerWrapper-feierlichkeiten:hover #media-controls-wrapper-feierlichkeiten { opacity: 0.99; -webkit-transform: translateY(-40px); transform: translateY(-40px); } /* Don't auto-hide on touch devices */ .playertouchdevice #PlayerWrapper-feierlichkeiten #media-controls-wrapper-feierlichkeiten, .playertouchdevice #PlayerWrapper-feierlichkeiten:hover #media-controls-wrapper-feierlichkeiten { position: relative; bottom: auto; margin-bottom: 0; opacity: 1.00; -webkit-transform: none; transform: none; } #media-controls-feierlichkeiten button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* @group Buttons, titles and time */ #media-controls-feierlichkeiten span.media-button, #media-controls-feierlichkeiten span.time, #media-controls-feierlichkeiten span.player-extra-element, #media-controls-feierlichkeiten span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: 40px; width: 7.00%; overflow: hidden; display: block; float: left; text-align: center; vertical-align: middle; } #media-controls-feierlichkeiten span.media-button.left-aligned, #media-controls-feierlichkeiten span.time.left-aligned, #media-controls-feierlichkeiten span.player-extra-element.left-aligned, #media-controls-feierlichkeiten span.duration.left-aligned { text-align: left; } #media-controls-feierlichkeiten span.media-button.right-aligned, #media-controls-feierlichkeiten span.time.right-aligned, #media-controls-feierlichkeiten span.player-extra-element.right-aligned, #media-controls-feierlichkeiten span.duration.right-aligned { text-align: right; } /* Buttons */ #media-controls-feierlichkeiten span.media-button a, #media-controls-feierlichkeiten span.media-button button { font-size: 24px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } @media screen and (max-width: 586px) { #media-controls-feierlichkeiten span.media-button a, #media-controls-feierlichkeiten span.media-button button { font-size: 18px; } } #media-controls-feierlichkeiten span.media-button a:hover, #media-controls-feierlichkeiten span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Icons */ #media-controls-feierlichkeiten [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #media-controls-feierlichkeiten [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } /* Time and titles */ #media-controls-feierlichkeiten span.time, #media-controls-feierlichkeiten span.player-extra-element, #media-controls-feierlichkeiten span.duration { font-size: 14px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; width: 8.00%; padding: 0; margin: 0; vertical-align: top; } @media screen and (max-width: 586px) { #media-controls-feierlichkeiten span.time, #media-controls-feierlichkeiten span.player-extra-element, #media-controls-feierlichkeiten span.duration { font-size: 11px; } } /* @end */ /* @group Captions */ /* @end */ /* @group Scrubber Bar */ #media-controls-feierlichkeiten .scrubberWrapper { margin: 0; padding: 0; position: relative; line-height: 1; vertical-align: middle; margin-top: 10px; display: block; float: left; width: 40.00%; } #media-controls-feierlichkeiten .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; position: relative; z-index: 2; } #media-controls-feierlichkeiten .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(82, 157, 225, 1.00)), color-stop(100%, rgba(36, 94, 143, 1.00))); background-image: -webkit-linear-gradient(top, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); background-image: linear-gradient(to bottom, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); padding: 0; margin: 0; z-index: 10; position: relative; } /* @end */ /* @group Responsive Behaviour */ @media screen and (max-width: 586px) { .mobile-hide, .mobilehide, .mobile-none, .mobilenone, .no-mobile, .nomobile { display: none !important; } } /* @end */ /* @group Helper Classes */ /* Helper class to hide buttons on touch devices */ #media-controls-feierlichkeiten .playertouchdevice { display: none; } @media screen and (max-width: 568px) { #media-controls-feierlichkeiten .player-no-mobile { display: none !important; } .player-mobile-left { text-align: left !important; } .player-mobile-center { text-align: center !important; } .player-mobile-right { text-align: right !important; } } @media screen and (max-width: 768px) { .player-no-tablet { display: none !important; } .player-tablet-left { text-align: left !important; } .player-tablet-center { text-align: center !important; } .player-tablet-right { text-align: right !important; } } /* @end */ /* @group Printer styles */ @media print { #media-controls-wrapper-feierlichkeiten, #PlayerWrapper-feierlichkeiten .splash-button { display: none; } } /* @end */ /* @group Untitled Group */ /* @end */ #toggleWrapper_stacks_in_199_page5 { display: block; position: relative; z-index: 1; } #myToggle16 { padding: 20px; margin: 0; font-weight: normal; display: block; color: #666666; text-decoration: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-size: 150%; line-height: 30px; } #myToggle16 { background: #EAEAEA; } #myToggle16:hover { color: #999999; cursor: pointer; } /* Toggle Button */ /* Local Image Buttons */ /* Warehoused Image Buttons */ /* Font Awesone Icon Buttons */ #toggleButtonstacks_in_199_page5.togglePlusClosed .toggleOpenIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_199_page5.togglePlusClosed .toggleOpenIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_199_page5.togglePlusClosed .toggleCloseIcon { display: none; } #toggleButtonstacks_in_199_page5.togglePlusOpened .toggleCloseIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_199_page5.togglePlusOpened .toggleCloseIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_199_page5.togglePlusOpened .toggleOpenIcon { display: none; } #toggleContainer_stacks_in_199_page5 { display: none; margin-top: 5px; padding: 20px; overflow: hidden; color: #666666; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #toggleContainer_stacks_in_199_page5 { background: #EAEAEA; } @media print { #toggleButtonstacks_in_199_page5, #toggleButtonstacks_in_199_page5.toggleOpenIcon, #toggleButtonstacks_in_199_page5.toggleCloseIcon, #myToggle16 a:link:after, #myToggle16 a:visited:after { display: none !important; } #toggleContainer_stacks_in_199_page5 { display: block !important; } } #PlayerWrapper-einfluss_von_batucada_und_candomble { display: block; position: relative; } #PlayerWrapper-einfluss_von_batucada_und_candomble *, #PlayerWrapper-einfluss_von_batucada_und_candomble *:before, #PlayerWrapper-einfluss_von_batucada_und_candomble *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #MediaFrame-einfluss_von_batucada_und_candomble { position: relative; width: 100%; height: 0; background: rgba(0, 0, 0, 1.00); } #MediaFrame-einfluss_von_batucada_und_candomble { padding-bottom: 56.25%; } #PlayerWrapper-einfluss_von_batucada_und_candomble #media-einfluss_von_batucada_und_candomble { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #PlayerWrapper-einfluss_von_batucada_und_candomble .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #PlayerWrapper-einfluss_von_batucada_und_candomble .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #PlayerWrapper-einfluss_von_batucada_und_candomble .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #PlayerWrapper-einfluss_von_batucada_und_candomble .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; opacity: 0.0; background: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-einfluss_von_batucada_und_candomble .splash-button:hover .splash-fill { opacity: 0.0; background: rgba(255, 255, 255, 1.00); } #PlayerWrapper-einfluss_von_batucada_und_candomble .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-einfluss_von_batucada_und_candomble .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #PlayerWrapper-einfluss_von_batucada_und_candomble .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-einfluss_von_batucada_und_candomble .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-einfluss_von_batucada_und_candomble { position: relative; z-index: 4; width: 100%; } #media-controls-innerwrap-einfluss_von_batucada_und_candomble { /* margin: px; */ margin-left: 0%; margin-right: 0%; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; overflow: hidden; } #button-grid-einfluss_von_batucada_und_candomble { margin: 0; padding: 0; font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; line-height: 40px; color: #ffffff; list-style: none; overflow: auto; height: auto; display: block; width: 100%; position: relative; z-index: 5; opacity: 0.99; /* Gradient background */ background: rgba(153, 153, 153, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%, rgba(153, 153, 153, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153, 153, 153, 1.00)), color-stop(100%,rgba(153, 153, 153, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(153, 153, 153, 1.00)', endColorstr='rgba(153, 153, 153, 1.00)',GradientType=0 ); /* IE6-9 */ } #PlayerWrapper-einfluss_von_batucada_und_candomble { overflow: hidden; position: relative; } #PlayerWrapper-einfluss_von_batucada_und_candomble #media-controls-wrapper-einfluss_von_batucada_und_candomble { position: absolute; left: 0; bottom: -40px; margin-bottom: 0%; opacity: 0; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); } #PlayerWrapper-einfluss_von_batucada_und_candomble:hover #media-controls-wrapper-einfluss_von_batucada_und_candomble { opacity: 0.99; -webkit-transform: translateY(-40px); transform: translateY(-40px); } /* Don't auto-hide on touch devices */ .playertouchdevice #PlayerWrapper-einfluss_von_batucada_und_candomble #media-controls-wrapper-einfluss_von_batucada_und_candomble, .playertouchdevice #PlayerWrapper-einfluss_von_batucada_und_candomble:hover #media-controls-wrapper-einfluss_von_batucada_und_candomble { position: relative; bottom: auto; margin-bottom: 0; opacity: 1.00; -webkit-transform: none; transform: none; } #media-controls-einfluss_von_batucada_und_candomble button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* @group Buttons, titles and time */ #media-controls-einfluss_von_batucada_und_candomble span.media-button, #media-controls-einfluss_von_batucada_und_candomble span.time, #media-controls-einfluss_von_batucada_und_candomble span.player-extra-element, #media-controls-einfluss_von_batucada_und_candomble span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: 40px; width: 7.00%; overflow: hidden; display: block; float: left; text-align: center; vertical-align: middle; } #media-controls-einfluss_von_batucada_und_candomble span.media-button.left-aligned, #media-controls-einfluss_von_batucada_und_candomble span.time.left-aligned, #media-controls-einfluss_von_batucada_und_candomble span.player-extra-element.left-aligned, #media-controls-einfluss_von_batucada_und_candomble span.duration.left-aligned { text-align: left; } #media-controls-einfluss_von_batucada_und_candomble span.media-button.right-aligned, #media-controls-einfluss_von_batucada_und_candomble span.time.right-aligned, #media-controls-einfluss_von_batucada_und_candomble span.player-extra-element.right-aligned, #media-controls-einfluss_von_batucada_und_candomble span.duration.right-aligned { text-align: right; } /* Buttons */ #media-controls-einfluss_von_batucada_und_candomble span.media-button a, #media-controls-einfluss_von_batucada_und_candomble span.media-button button { font-size: 24px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } @media screen and (max-width: 586px) { #media-controls-einfluss_von_batucada_und_candomble span.media-button a, #media-controls-einfluss_von_batucada_und_candomble span.media-button button { font-size: 18px; } } #media-controls-einfluss_von_batucada_und_candomble span.media-button a:hover, #media-controls-einfluss_von_batucada_und_candomble span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Icons */ #media-controls-einfluss_von_batucada_und_candomble [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #media-controls-einfluss_von_batucada_und_candomble [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } /* Time and titles */ #media-controls-einfluss_von_batucada_und_candomble span.time, #media-controls-einfluss_von_batucada_und_candomble span.player-extra-element, #media-controls-einfluss_von_batucada_und_candomble span.duration { font-size: 14px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; width: 8.00%; padding: 0; margin: 0; vertical-align: top; } @media screen and (max-width: 586px) { #media-controls-einfluss_von_batucada_und_candomble span.time, #media-controls-einfluss_von_batucada_und_candomble span.player-extra-element, #media-controls-einfluss_von_batucada_und_candomble span.duration { font-size: 11px; } } /* @end */ /* @group Captions */ /* @end */ /* @group Scrubber Bar */ #media-controls-einfluss_von_batucada_und_candomble .scrubberWrapper { margin: 0; padding: 0; position: relative; line-height: 1; vertical-align: middle; margin-top: 10px; display: block; float: left; width: 40.00%; } #media-controls-einfluss_von_batucada_und_candomble .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; position: relative; z-index: 2; } #media-controls-einfluss_von_batucada_und_candomble .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(82, 157, 225, 1.00)), color-stop(100%, rgba(36, 94, 143, 1.00))); background-image: -webkit-linear-gradient(top, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); background-image: linear-gradient(to bottom, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); padding: 0; margin: 0; z-index: 10; position: relative; } /* @end */ /* @group Responsive Behaviour */ @media screen and (max-width: 586px) { .mobile-hide, .mobilehide, .mobile-none, .mobilenone, .no-mobile, .nomobile { display: none !important; } } /* @end */ /* @group Helper Classes */ /* Helper class to hide buttons on touch devices */ #media-controls-einfluss_von_batucada_und_candomble .playertouchdevice { display: none; } @media screen and (max-width: 568px) { #media-controls-einfluss_von_batucada_und_candomble .player-no-mobile { display: none !important; } .player-mobile-left { text-align: left !important; } .player-mobile-center { text-align: center !important; } .player-mobile-right { text-align: right !important; } } @media screen and (max-width: 768px) { .player-no-tablet { display: none !important; } .player-tablet-left { text-align: left !important; } .player-tablet-center { text-align: center !important; } .player-tablet-right { text-align: right !important; } } /* @end */ /* @group Printer styles */ @media print { #media-controls-wrapper-einfluss_von_batucada_und_candomble, #PlayerWrapper-einfluss_von_batucada_und_candomble .splash-button { display: none; } } /* @end */ /* @group Untitled Group */ /* @end */ #toggleWrapper_stacks_in_89_page5 { display: block; position: relative; z-index: 1; } #myToggle9 { padding: 20px; margin: 0; font-weight: normal; display: block; color: #666666; text-decoration: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-size: 150%; line-height: 30px; } #myToggle9 { background: #EAEAEA; } #myToggle9:hover { color: #999999; cursor: pointer; } /* Toggle Button */ /* Local Image Buttons */ /* Warehoused Image Buttons */ /* Font Awesone Icon Buttons */ #toggleButtonstacks_in_89_page5.togglePlusClosed .toggleOpenIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_89_page5.togglePlusClosed .toggleOpenIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_89_page5.togglePlusClosed .toggleCloseIcon { display: none; } #toggleButtonstacks_in_89_page5.togglePlusOpened .toggleCloseIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_89_page5.togglePlusOpened .toggleCloseIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_89_page5.togglePlusOpened .toggleOpenIcon { display: none; } #toggleContainer_stacks_in_89_page5 { display: none; margin-top: 5px; padding: 20px; overflow: hidden; color: #666666; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #toggleContainer_stacks_in_89_page5 { background: #EAEAEA; } @media print { #toggleButtonstacks_in_89_page5, #toggleButtonstacks_in_89_page5.toggleOpenIcon, #toggleButtonstacks_in_89_page5.toggleCloseIcon, #myToggle9 a:link:after, #myToggle9 a:visited:after { display: none !important; } #toggleContainer_stacks_in_89_page5 { display: block !important; } } #PlayerWrapper-joao_de_bahia { display: block; position: relative; } #PlayerWrapper-joao_de_bahia *, #PlayerWrapper-joao_de_bahia *:before, #PlayerWrapper-joao_de_bahia *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #MediaFrame-joao_de_bahia { position: relative; width: 100%; height: 0; background: rgba(0, 0, 0, 1.00); } #MediaFrame-joao_de_bahia { padding-bottom: 56.25%; } #PlayerWrapper-joao_de_bahia #media-joao_de_bahia { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #PlayerWrapper-joao_de_bahia .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #PlayerWrapper-joao_de_bahia .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #PlayerWrapper-joao_de_bahia .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #PlayerWrapper-joao_de_bahia .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; opacity: 0.0; background: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-joao_de_bahia .splash-button:hover .splash-fill { opacity: 0.0; background: rgba(255, 255, 255, 1.00); } #PlayerWrapper-joao_de_bahia .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-joao_de_bahia .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #PlayerWrapper-joao_de_bahia .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-joao_de_bahia .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-joao_de_bahia { position: relative; z-index: 4; width: 100%; } #media-controls-innerwrap-joao_de_bahia { /* margin: px; */ margin-left: 0%; margin-right: 0%; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; overflow: hidden; } #button-grid-joao_de_bahia { margin: 0; padding: 0; font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; line-height: 40px; color: #ffffff; list-style: none; overflow: auto; height: auto; display: block; width: 100%; position: relative; z-index: 5; opacity: 0.99; /* Gradient background */ background: rgba(153, 153, 153, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%, rgba(153, 153, 153, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153, 153, 153, 1.00)), color-stop(100%,rgba(153, 153, 153, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(153, 153, 153, 1.00)', endColorstr='rgba(153, 153, 153, 1.00)',GradientType=0 ); /* IE6-9 */ } #PlayerWrapper-joao_de_bahia { overflow: hidden; position: relative; } #PlayerWrapper-joao_de_bahia #media-controls-wrapper-joao_de_bahia { position: absolute; left: 0; bottom: -40px; margin-bottom: 0%; opacity: 0; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); } #PlayerWrapper-joao_de_bahia:hover #media-controls-wrapper-joao_de_bahia { opacity: 0.99; -webkit-transform: translateY(-40px); transform: translateY(-40px); } /* Don't auto-hide on touch devices */ .playertouchdevice #PlayerWrapper-joao_de_bahia #media-controls-wrapper-joao_de_bahia, .playertouchdevice #PlayerWrapper-joao_de_bahia:hover #media-controls-wrapper-joao_de_bahia { position: relative; bottom: auto; margin-bottom: 0; opacity: 1.00; -webkit-transform: none; transform: none; } #media-controls-joao_de_bahia button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* @group Buttons, titles and time */ #media-controls-joao_de_bahia span.media-button, #media-controls-joao_de_bahia span.time, #media-controls-joao_de_bahia span.player-extra-element, #media-controls-joao_de_bahia span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: 40px; width: 7.00%; overflow: hidden; display: block; float: left; text-align: center; vertical-align: middle; } #media-controls-joao_de_bahia span.media-button.left-aligned, #media-controls-joao_de_bahia span.time.left-aligned, #media-controls-joao_de_bahia span.player-extra-element.left-aligned, #media-controls-joao_de_bahia span.duration.left-aligned { text-align: left; } #media-controls-joao_de_bahia span.media-button.right-aligned, #media-controls-joao_de_bahia span.time.right-aligned, #media-controls-joao_de_bahia span.player-extra-element.right-aligned, #media-controls-joao_de_bahia span.duration.right-aligned { text-align: right; } /* Buttons */ #media-controls-joao_de_bahia span.media-button a, #media-controls-joao_de_bahia span.media-button button { font-size: 24px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } @media screen and (max-width: 586px) { #media-controls-joao_de_bahia span.media-button a, #media-controls-joao_de_bahia span.media-button button { font-size: 18px; } } #media-controls-joao_de_bahia span.media-button a:hover, #media-controls-joao_de_bahia span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Icons */ #media-controls-joao_de_bahia [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #media-controls-joao_de_bahia [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } /* Time and titles */ #media-controls-joao_de_bahia span.time, #media-controls-joao_de_bahia span.player-extra-element, #media-controls-joao_de_bahia span.duration { font-size: 14px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; width: 8.00%; padding: 0; margin: 0; vertical-align: top; } @media screen and (max-width: 586px) { #media-controls-joao_de_bahia span.time, #media-controls-joao_de_bahia span.player-extra-element, #media-controls-joao_de_bahia span.duration { font-size: 11px; } } /* @end */ /* @group Captions */ /* @end */ /* @group Scrubber Bar */ #media-controls-joao_de_bahia .scrubberWrapper { margin: 0; padding: 0; position: relative; line-height: 1; vertical-align: middle; margin-top: 10px; display: block; float: left; width: 40.00%; } #media-controls-joao_de_bahia .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; position: relative; z-index: 2; } #media-controls-joao_de_bahia .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(82, 157, 225, 1.00)), color-stop(100%, rgba(36, 94, 143, 1.00))); background-image: -webkit-linear-gradient(top, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); background-image: linear-gradient(to bottom, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); padding: 0; margin: 0; z-index: 10; position: relative; } /* @end */ /* @group Responsive Behaviour */ @media screen and (max-width: 586px) { .mobile-hide, .mobilehide, .mobile-none, .mobilenone, .no-mobile, .nomobile { display: none !important; } } /* @end */ /* @group Helper Classes */ /* Helper class to hide buttons on touch devices */ #media-controls-joao_de_bahia .playertouchdevice { display: none; } @media screen and (max-width: 568px) { #media-controls-joao_de_bahia .player-no-mobile { display: none !important; } .player-mobile-left { text-align: left !important; } .player-mobile-center { text-align: center !important; } .player-mobile-right { text-align: right !important; } } @media screen and (max-width: 768px) { .player-no-tablet { display: none !important; } .player-tablet-left { text-align: left !important; } .player-tablet-center { text-align: center !important; } .player-tablet-right { text-align: right !important; } } /* @end */ /* @group Printer styles */ @media print { #media-controls-wrapper-joao_de_bahia, #PlayerWrapper-joao_de_bahia .splash-button { display: none; } } /* @end */ /* @group Untitled Group */ /* @end */ #stacks_in_262_page5{ clear:both;padding: 0;margin: 0; counter-reset: section; -webkit-animation: opLoad 1s ease-out; -moz-animation: opLoad 1s ease-out; -o-animation: opLoad 1s ease-out; animation: opLoad 1s ease-out; } .ncp img{opacity: 0;-webkit-transition:opacity 1s ease-out;-moz-transition:opacity 1s ease-out;-o-animation: opLoad 1s ease-out;transition:opacity 1s ease-out;} .ncp img.show{opacity: 1;} .ncp img{max-width:100%;height:auto; width:auto;} .ncp .count{font-size: 11px;padding: 1px 5px 2px;margin-bottom:.5em;border:1px solid #cfcfcf;color:#aaa;border-radius:2px;display: inline-block;-webkit-font-smoothing: antialiased; } #stacks_in_262_page5 .c+.c .count{margin-left: 4px;} #stacks_in_262_page5.s3 .c.s2_3 .count,#stacks_in_262_page5.s4 .c.s2_4 .count,#stacks_in_262_page5.s4 .c.s3_4 .count{ margin-left: 2px;} .ncp .count:before{counter-increment: section;content: 'Column 'counter(section) '';} .ncp .g:before,.ncp .g:after{content:"";display:table;} .ncp .g:after{clear:both;} .ncp .c{display: block;float:left;margin: 1% 0 1% 1.6%;} .s1_1,.s1_2,.s1_3,.s1_4{margin: 1% 0;} .ncp .c:first-child { margin-left: 0; } #stacks_in_262_page5.s2 .c.s1_2 .c-pad,#stacks_in_262_page5.s3 .c.s1_3 .c-pad,#stacks_in_262_page5.s4 .c.s1_4 .c-pad{padding: 0 4px 0 0;} #stacks_in_262_page5.s3 .c.s2_3 .c-pad,#stacks_in_262_page5.s4 .c.s2_4 .c-pad,#stacks_in_262_page5.s4 .c.s3_4 .c-pad{ padding: 0 2px;} #stacks_in_262_page5.s2 .c.s2_2 .c-pad,#stacks_in_262_page5.s3 .c.s3_3 .c-pad,#stacks_in_262_page5.s4 .c.s4_4 .c-pad{ padding: 0 0 0 4px;} .ncp.s1>.c{width: 100%;}.ncp.s2>.c{width: 49.2%;}.ncp.s3>.c{width: 32.26%;}.ncp.s4>.c{width: 23.8%;} @media only screen and (max-width: 600px) { #stacks_in_262_page5 .c+.c .count, #stacks_in_262_page5.s3 .c.s2_3 .count, #stacks_in_262_page5.s4 .c.s3_4 .count{margin-left: 0;} #stacks_in_262_page5 .c{margin: 1% 0;padding: 4px 0;width: 100%;} #stacks_in_262_page5 .c:first-child,#stacks_in_262_page5.s4 .c.s1_4,#stacks_in_262_page5.s4 .c.s2_4{ padding: 0 0 4px;} #stacks_in_262_page5 .c:last-child,#stacks_in_262_page5.s4 .c.s3_4,#stacks_in_262_page5.s4 .c.s4_4{ padding: 4px 0 0;} #stacks_in_262_page5.s2 .c-pad,#stacks_in_262_page5.s3 .c-pad{ padding: 0 !important;} #stacks_in_262_page5.s4 .c.s2_4 .count, #stacks_in_262_page5.s4 .c.s4_4 .count{ margin-left: 4px;} #stacks_in_262_page5.s4 .c {width: 49.2%;} #stacks_in_262_page5.s4 .c.s1_4 .c-pad,#stacks_in_262_page5.s4 .c.s3_4 .c-pad{ padding: 0 4px 0 0;} #stacks_in_262_page5.s4 .c.s2_4 .c-pad,#stacks_in_262_page5.s4 .c.s4_4 .c-pad{ padding: 0 0 0 4px;} } @media only screen and (max-width: 300px) { #stacks_in_262_page5 .count{ margin-left: 0 !important;} #stacks_in_262_page5 .c .c-pad{padding: 0 !important;} #stacks_in_262_page5.s4 .c{width: 100%;} } @-webkit-keyframes opLoad { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes opLoad { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes opLoad { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes opLoad { 0% { opacity: 0; } 100% { opacity: 1; } } #stacks_in_262_page5 { margin: 30px 0px 30px 0px; } #stacks_in_263_page5 { padding: 10px; } #stacks_in_264_page5 { font-size: 199%; } #stacks_in_265_page5 .trigger_myID2 { cursor: pointer; display: inline-block; color: #515151; font-size: 26px; line-height: 26px; /*border: 1px blue solid;*/ } #stacks_in_265_page5 .toggle_open .closed_icon { display: none; } #stacks_in_265_page5 .toggle_closed .open_icon { display: none; } #stacks_in_265_page5 .toggle_open .closed_image { display: none; } #stacks_in_265_page5 .toggle_closed .open_image { display: none; } #stacks_in_265_page5 { position: relative; text-align: left; } #stacks_in_265_page5 .trigger_label { font-size: 18px; color: #515151; margin-left: 4px; line-height: 26px; vertical-align: top; } #stacks_in_266_page5 { position: relative; display: block; } .myID2 { position: relative; } #stacks_in_266_page5 .myID2 { padding: 0px; } #toggleWrapper_stacks_in_239_page5 { display: block; position: relative; z-index: 1; } #myToggle19 { padding: 20px; margin: 0; font-weight: normal; display: block; color: #666666; text-decoration: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-size: 150%; line-height: 30px; } #myToggle19 { background: #EAEAEA; } #myToggle19:hover { color: #999999; cursor: pointer; } /* Toggle Button */ /* Local Image Buttons */ /* Warehoused Image Buttons */ /* Font Awesone Icon Buttons */ #toggleButtonstacks_in_239_page5.togglePlusClosed .toggleOpenIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_239_page5.togglePlusClosed .toggleOpenIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_239_page5.togglePlusClosed .toggleCloseIcon { display: none; } #toggleButtonstacks_in_239_page5.togglePlusOpened .toggleCloseIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_239_page5.togglePlusOpened .toggleCloseIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_239_page5.togglePlusOpened .toggleOpenIcon { display: none; } #toggleContainer_stacks_in_239_page5 { display: none; margin-top: 5px; padding: 20px; overflow: hidden; color: #666666; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #toggleContainer_stacks_in_239_page5 { background: #EAEAEA; } @media print { #toggleButtonstacks_in_239_page5, #toggleButtonstacks_in_239_page5.toggleOpenIcon, #toggleButtonstacks_in_239_page5.toggleCloseIcon, #myToggle19 a:link:after, #myToggle19 a:visited:after { display: none !important; } #toggleContainer_stacks_in_239_page5 { display: block !important; } } #PlayerWrapper-floete { display: block; position: relative; } #PlayerWrapper-floete *, #PlayerWrapper-floete *:before, #PlayerWrapper-floete *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #MediaFrame-floete { position: relative; width: 100%; height: 0; background: rgba(0, 0, 0, 1.00); } #MediaFrame-floete { padding-bottom: 56.25%; } #PlayerWrapper-floete #media-floete { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #PlayerWrapper-floete .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #PlayerWrapper-floete .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #PlayerWrapper-floete .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #PlayerWrapper-floete .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; opacity: 0.0; background: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-floete .splash-button:hover .splash-fill { opacity: 0.0; background: rgba(255, 255, 255, 1.00); } #PlayerWrapper-floete .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-floete .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #PlayerWrapper-floete .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-floete .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-floete { position: relative; z-index: 4; width: 100%; } #media-controls-innerwrap-floete { /* margin: px; */ margin-left: 0%; margin-right: 0%; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; overflow: hidden; } #button-grid-floete { margin: 0; padding: 0; font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; line-height: 40px; color: #ffffff; list-style: none; overflow: auto; height: auto; display: block; width: 100%; position: relative; z-index: 5; opacity: 0.99; /* Gradient background */ background: rgba(153, 153, 153, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%, rgba(153, 153, 153, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153, 153, 153, 1.00)), color-stop(100%,rgba(153, 153, 153, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(153, 153, 153, 1.00)', endColorstr='rgba(153, 153, 153, 1.00)',GradientType=0 ); /* IE6-9 */ } #PlayerWrapper-floete { overflow: hidden; position: relative; } #PlayerWrapper-floete #media-controls-wrapper-floete { position: absolute; left: 0; bottom: -40px; margin-bottom: 0%; opacity: 0; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); } #PlayerWrapper-floete:hover #media-controls-wrapper-floete { opacity: 0.99; -webkit-transform: translateY(-40px); transform: translateY(-40px); } /* Don't auto-hide on touch devices */ .playertouchdevice #PlayerWrapper-floete #media-controls-wrapper-floete, .playertouchdevice #PlayerWrapper-floete:hover #media-controls-wrapper-floete { position: relative; bottom: auto; margin-bottom: 0; opacity: 1.00; -webkit-transform: none; transform: none; } #media-controls-floete button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* @group Buttons, titles and time */ #media-controls-floete span.media-button, #media-controls-floete span.time, #media-controls-floete span.player-extra-element, #media-controls-floete span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: 40px; width: 7.00%; overflow: hidden; display: block; float: left; text-align: center; vertical-align: middle; } #media-controls-floete span.media-button.left-aligned, #media-controls-floete span.time.left-aligned, #media-controls-floete span.player-extra-element.left-aligned, #media-controls-floete span.duration.left-aligned { text-align: left; } #media-controls-floete span.media-button.right-aligned, #media-controls-floete span.time.right-aligned, #media-controls-floete span.player-extra-element.right-aligned, #media-controls-floete span.duration.right-aligned { text-align: right; } /* Buttons */ #media-controls-floete span.media-button a, #media-controls-floete span.media-button button { font-size: 24px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } @media screen and (max-width: 586px) { #media-controls-floete span.media-button a, #media-controls-floete span.media-button button { font-size: 18px; } } #media-controls-floete span.media-button a:hover, #media-controls-floete span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Icons */ #media-controls-floete [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #media-controls-floete [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } /* Time and titles */ #media-controls-floete span.time, #media-controls-floete span.player-extra-element, #media-controls-floete span.duration { font-size: 14px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; width: 8.00%; padding: 0; margin: 0; vertical-align: top; } @media screen and (max-width: 586px) { #media-controls-floete span.time, #media-controls-floete span.player-extra-element, #media-controls-floete span.duration { font-size: 11px; } } /* @end */ /* @group Captions */ /* @end */ /* @group Scrubber Bar */ #media-controls-floete .scrubberWrapper { margin: 0; padding: 0; position: relative; line-height: 1; vertical-align: middle; margin-top: 10px; display: block; float: left; width: 40.00%; } #media-controls-floete .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; position: relative; z-index: 2; } #media-controls-floete .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(82, 157, 225, 1.00)), color-stop(100%, rgba(36, 94, 143, 1.00))); background-image: -webkit-linear-gradient(top, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); background-image: linear-gradient(to bottom, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); padding: 0; margin: 0; z-index: 10; position: relative; } /* @end */ /* @group Responsive Behaviour */ @media screen and (max-width: 586px) { .mobile-hide, .mobilehide, .mobile-none, .mobilenone, .no-mobile, .nomobile { display: none !important; } } /* @end */ /* @group Helper Classes */ /* Helper class to hide buttons on touch devices */ #media-controls-floete .playertouchdevice { display: none; } @media screen and (max-width: 568px) { #media-controls-floete .player-no-mobile { display: none !important; } .player-mobile-left { text-align: left !important; } .player-mobile-center { text-align: center !important; } .player-mobile-right { text-align: right !important; } } @media screen and (max-width: 768px) { .player-no-tablet { display: none !important; } .player-tablet-left { text-align: left !important; } .player-tablet-center { text-align: center !important; } .player-tablet-right { text-align: right !important; } } /* @end */ /* @group Printer styles */ @media print { #media-controls-wrapper-floete, #PlayerWrapper-floete .splash-button { display: none; } } /* @end */ /* @group Untitled Group */ /* @end */ #toggleWrapper_stacks_in_209_page5 { display: block; position: relative; z-index: 1; } #myToggle15 { padding: 20px; margin: 0; font-weight: normal; display: block; color: #666666; text-decoration: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-size: 150%; line-height: 30px; } #myToggle15 { background: #EAEAEA; } #myToggle15:hover { color: #999999; cursor: pointer; } /* Toggle Button */ /* Local Image Buttons */ /* Warehoused Image Buttons */ /* Font Awesone Icon Buttons */ #toggleButtonstacks_in_209_page5.togglePlusClosed .toggleOpenIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_209_page5.togglePlusClosed .toggleOpenIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_209_page5.togglePlusClosed .toggleCloseIcon { display: none; } #toggleButtonstacks_in_209_page5.togglePlusOpened .toggleCloseIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_209_page5.togglePlusOpened .toggleCloseIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_209_page5.togglePlusOpened .toggleOpenIcon { display: none; } #toggleContainer_stacks_in_209_page5 { display: none; margin-top: 5px; padding: 20px; overflow: hidden; color: #666666; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #toggleContainer_stacks_in_209_page5 { background: #EAEAEA; } @media print { #toggleButtonstacks_in_209_page5, #toggleButtonstacks_in_209_page5.toggleOpenIcon, #toggleButtonstacks_in_209_page5.toggleCloseIcon, #myToggle15 a:link:after, #myToggle15 a:visited:after { display: none !important; } #toggleContainer_stacks_in_209_page5 { display: block !important; } } #PlayerWrapper-cavaquinho { display: block; position: relative; } #PlayerWrapper-cavaquinho *, #PlayerWrapper-cavaquinho *:before, #PlayerWrapper-cavaquinho *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #MediaFrame-cavaquinho { position: relative; width: 100%; height: 0; background: rgba(0, 0, 0, 1.00); } #MediaFrame-cavaquinho { padding-bottom: 56.25%; } #PlayerWrapper-cavaquinho #media-cavaquinho { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #PlayerWrapper-cavaquinho .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #PlayerWrapper-cavaquinho .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #PlayerWrapper-cavaquinho .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #PlayerWrapper-cavaquinho .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; opacity: 0.0; background: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-cavaquinho .splash-button:hover .splash-fill { opacity: 0.0; background: rgba(255, 255, 255, 1.00); } #PlayerWrapper-cavaquinho .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-cavaquinho .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #PlayerWrapper-cavaquinho .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-cavaquinho .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-cavaquinho { position: relative; z-index: 4; width: 100%; } #media-controls-innerwrap-cavaquinho { /* margin: px; */ margin-left: 0%; margin-right: 0%; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; overflow: hidden; } #button-grid-cavaquinho { margin: 0; padding: 0; font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; line-height: 40px; color: #ffffff; list-style: none; overflow: auto; height: auto; display: block; width: 100%; position: relative; z-index: 5; opacity: 0.99; /* Gradient background */ background: rgba(153, 153, 153, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%, rgba(153, 153, 153, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153, 153, 153, 1.00)), color-stop(100%,rgba(153, 153, 153, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(153, 153, 153, 1.00)', endColorstr='rgba(153, 153, 153, 1.00)',GradientType=0 ); /* IE6-9 */ } #PlayerWrapper-cavaquinho { overflow: hidden; position: relative; } #PlayerWrapper-cavaquinho #media-controls-wrapper-cavaquinho { position: absolute; left: 0; bottom: -40px; margin-bottom: 0%; opacity: 0; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); } #PlayerWrapper-cavaquinho:hover #media-controls-wrapper-cavaquinho { opacity: 0.99; -webkit-transform: translateY(-40px); transform: translateY(-40px); } /* Don't auto-hide on touch devices */ .playertouchdevice #PlayerWrapper-cavaquinho #media-controls-wrapper-cavaquinho, .playertouchdevice #PlayerWrapper-cavaquinho:hover #media-controls-wrapper-cavaquinho { position: relative; bottom: auto; margin-bottom: 0; opacity: 1.00; -webkit-transform: none; transform: none; } #media-controls-cavaquinho button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* @group Buttons, titles and time */ #media-controls-cavaquinho span.media-button, #media-controls-cavaquinho span.time, #media-controls-cavaquinho span.player-extra-element, #media-controls-cavaquinho span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: 40px; width: 7.00%; overflow: hidden; display: block; float: left; text-align: center; vertical-align: middle; } #media-controls-cavaquinho span.media-button.left-aligned, #media-controls-cavaquinho span.time.left-aligned, #media-controls-cavaquinho span.player-extra-element.left-aligned, #media-controls-cavaquinho span.duration.left-aligned { text-align: left; } #media-controls-cavaquinho span.media-button.right-aligned, #media-controls-cavaquinho span.time.right-aligned, #media-controls-cavaquinho span.player-extra-element.right-aligned, #media-controls-cavaquinho span.duration.right-aligned { text-align: right; } /* Buttons */ #media-controls-cavaquinho span.media-button a, #media-controls-cavaquinho span.media-button button { font-size: 24px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } @media screen and (max-width: 586px) { #media-controls-cavaquinho span.media-button a, #media-controls-cavaquinho span.media-button button { font-size: 18px; } } #media-controls-cavaquinho span.media-button a:hover, #media-controls-cavaquinho span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Icons */ #media-controls-cavaquinho [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #media-controls-cavaquinho [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } /* Time and titles */ #media-controls-cavaquinho span.time, #media-controls-cavaquinho span.player-extra-element, #media-controls-cavaquinho span.duration { font-size: 14px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; width: 8.00%; padding: 0; margin: 0; vertical-align: top; } @media screen and (max-width: 586px) { #media-controls-cavaquinho span.time, #media-controls-cavaquinho span.player-extra-element, #media-controls-cavaquinho span.duration { font-size: 11px; } } /* @end */ /* @group Captions */ /* @end */ /* @group Scrubber Bar */ #media-controls-cavaquinho .scrubberWrapper { margin: 0; padding: 0; position: relative; line-height: 1; vertical-align: middle; margin-top: 10px; display: block; float: left; width: 40.00%; } #media-controls-cavaquinho .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; position: relative; z-index: 2; } #media-controls-cavaquinho .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(82, 157, 225, 1.00)), color-stop(100%, rgba(36, 94, 143, 1.00))); background-image: -webkit-linear-gradient(top, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); background-image: linear-gradient(to bottom, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); padding: 0; margin: 0; z-index: 10; position: relative; } /* @end */ /* @group Responsive Behaviour */ @media screen and (max-width: 586px) { .mobile-hide, .mobilehide, .mobile-none, .mobilenone, .no-mobile, .nomobile { display: none !important; } } /* @end */ /* @group Helper Classes */ /* Helper class to hide buttons on touch devices */ #media-controls-cavaquinho .playertouchdevice { display: none; } @media screen and (max-width: 568px) { #media-controls-cavaquinho .player-no-mobile { display: none !important; } .player-mobile-left { text-align: left !important; } .player-mobile-center { text-align: center !important; } .player-mobile-right { text-align: right !important; } } @media screen and (max-width: 768px) { .player-no-tablet { display: none !important; } .player-tablet-left { text-align: left !important; } .player-tablet-center { text-align: center !important; } .player-tablet-right { text-align: right !important; } } /* @end */ /* @group Printer styles */ @media print { #media-controls-wrapper-cavaquinho, #PlayerWrapper-cavaquinho .splash-button { display: none; } } /* @end */ /* @group Untitled Group */ /* @end */ #toggleWrapper_stacks_in_347_page5 { display: block; position: relative; z-index: 1; } #myToggle-gitarre { padding: 20px; margin: 0; font-weight: normal; display: block; color: #666666; text-decoration: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-size: 150%; line-height: 30px; } #myToggle-gitarre { background: #EAEAEA; } #myToggle-gitarre:hover { color: #999999; cursor: pointer; } /* Toggle Button */ /* Local Image Buttons */ /* Warehoused Image Buttons */ /* Font Awesone Icon Buttons */ #toggleButtonstacks_in_347_page5.togglePlusClosed .toggleOpenIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_347_page5.togglePlusClosed .toggleOpenIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_347_page5.togglePlusClosed .toggleCloseIcon { display: none; } #toggleButtonstacks_in_347_page5.togglePlusOpened .toggleCloseIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_347_page5.togglePlusOpened .toggleCloseIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_347_page5.togglePlusOpened .toggleOpenIcon { display: none; } #toggleContainer_stacks_in_347_page5 { display: none; margin-top: 5px; padding: 20px; overflow: hidden; color: #666666; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #toggleContainer_stacks_in_347_page5 { background: #EAEAEA; } @media print { #toggleButtonstacks_in_347_page5, #toggleButtonstacks_in_347_page5.toggleOpenIcon, #toggleButtonstacks_in_347_page5.toggleCloseIcon, #myToggle-gitarre a:link:after, #myToggle-gitarre a:visited:after { display: none !important; } #toggleContainer_stacks_in_347_page5 { display: block !important; } } #PlayerWrapper-sieben_saitige_gitarre { display: block; position: relative; } #PlayerWrapper-sieben_saitige_gitarre *, #PlayerWrapper-sieben_saitige_gitarre *:before, #PlayerWrapper-sieben_saitige_gitarre *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #MediaFrame-sieben_saitige_gitarre { position: relative; width: 100%; height: 0; background: rgba(0, 0, 0, 1.00); } #MediaFrame-sieben_saitige_gitarre { padding-bottom: 56.25%; } #PlayerWrapper-sieben_saitige_gitarre #media-sieben_saitige_gitarre { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #PlayerWrapper-sieben_saitige_gitarre .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #PlayerWrapper-sieben_saitige_gitarre .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #PlayerWrapper-sieben_saitige_gitarre .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #PlayerWrapper-sieben_saitige_gitarre .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; opacity: 0.0; background: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-sieben_saitige_gitarre .splash-button:hover .splash-fill { opacity: 0.0; background: rgba(255, 255, 255, 1.00); } #PlayerWrapper-sieben_saitige_gitarre .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-sieben_saitige_gitarre .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #PlayerWrapper-sieben_saitige_gitarre .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-sieben_saitige_gitarre .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-sieben_saitige_gitarre { position: relative; z-index: 4; width: 100%; } #media-controls-innerwrap-sieben_saitige_gitarre { /* margin: px; */ margin-left: 0%; margin-right: 0%; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; overflow: hidden; } #button-grid-sieben_saitige_gitarre { margin: 0; padding: 0; font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; line-height: 40px; color: #ffffff; list-style: none; overflow: auto; height: auto; display: block; width: 100%; position: relative; z-index: 5; opacity: 0.99; /* Gradient background */ background: rgba(153, 153, 153, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%, rgba(153, 153, 153, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153, 153, 153, 1.00)), color-stop(100%,rgba(153, 153, 153, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(153, 153, 153, 1.00)', endColorstr='rgba(153, 153, 153, 1.00)',GradientType=0 ); /* IE6-9 */ } #PlayerWrapper-sieben_saitige_gitarre { overflow: hidden; position: relative; } #PlayerWrapper-sieben_saitige_gitarre #media-controls-wrapper-sieben_saitige_gitarre { position: absolute; left: 0; bottom: -40px; margin-bottom: 0%; opacity: 0; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); } #PlayerWrapper-sieben_saitige_gitarre:hover #media-controls-wrapper-sieben_saitige_gitarre { opacity: 0.99; -webkit-transform: translateY(-40px); transform: translateY(-40px); } /* Don't auto-hide on touch devices */ .playertouchdevice #PlayerWrapper-sieben_saitige_gitarre #media-controls-wrapper-sieben_saitige_gitarre, .playertouchdevice #PlayerWrapper-sieben_saitige_gitarre:hover #media-controls-wrapper-sieben_saitige_gitarre { position: relative; bottom: auto; margin-bottom: 0; opacity: 1.00; -webkit-transform: none; transform: none; } #media-controls-sieben_saitige_gitarre button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* @group Buttons, titles and time */ #media-controls-sieben_saitige_gitarre span.media-button, #media-controls-sieben_saitige_gitarre span.time, #media-controls-sieben_saitige_gitarre span.player-extra-element, #media-controls-sieben_saitige_gitarre span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: 40px; width: 7.00%; overflow: hidden; display: block; float: left; text-align: center; vertical-align: middle; } #media-controls-sieben_saitige_gitarre span.media-button.left-aligned, #media-controls-sieben_saitige_gitarre span.time.left-aligned, #media-controls-sieben_saitige_gitarre span.player-extra-element.left-aligned, #media-controls-sieben_saitige_gitarre span.duration.left-aligned { text-align: left; } #media-controls-sieben_saitige_gitarre span.media-button.right-aligned, #media-controls-sieben_saitige_gitarre span.time.right-aligned, #media-controls-sieben_saitige_gitarre span.player-extra-element.right-aligned, #media-controls-sieben_saitige_gitarre span.duration.right-aligned { text-align: right; } /* Buttons */ #media-controls-sieben_saitige_gitarre span.media-button a, #media-controls-sieben_saitige_gitarre span.media-button button { font-size: 24px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } @media screen and (max-width: 586px) { #media-controls-sieben_saitige_gitarre span.media-button a, #media-controls-sieben_saitige_gitarre span.media-button button { font-size: 18px; } } #media-controls-sieben_saitige_gitarre span.media-button a:hover, #media-controls-sieben_saitige_gitarre span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Icons */ #media-controls-sieben_saitige_gitarre [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #media-controls-sieben_saitige_gitarre [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } /* Time and titles */ #media-controls-sieben_saitige_gitarre span.time, #media-controls-sieben_saitige_gitarre span.player-extra-element, #media-controls-sieben_saitige_gitarre span.duration { font-size: 14px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; width: 8.00%; padding: 0; margin: 0; vertical-align: top; } @media screen and (max-width: 586px) { #media-controls-sieben_saitige_gitarre span.time, #media-controls-sieben_saitige_gitarre span.player-extra-element, #media-controls-sieben_saitige_gitarre span.duration { font-size: 11px; } } /* @end */ /* @group Captions */ /* @end */ /* @group Scrubber Bar */ #media-controls-sieben_saitige_gitarre .scrubberWrapper { margin: 0; padding: 0; position: relative; line-height: 1; vertical-align: middle; margin-top: 10px; display: block; float: left; width: 40.00%; } #media-controls-sieben_saitige_gitarre .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; position: relative; z-index: 2; } #media-controls-sieben_saitige_gitarre .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(82, 157, 225, 1.00)), color-stop(100%, rgba(36, 94, 143, 1.00))); background-image: -webkit-linear-gradient(top, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); background-image: linear-gradient(to bottom, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); padding: 0; margin: 0; z-index: 10; position: relative; } /* @end */ /* @group Responsive Behaviour */ @media screen and (max-width: 586px) { .mobile-hide, .mobilehide, .mobile-none, .mobilenone, .no-mobile, .nomobile { display: none !important; } } /* @end */ /* @group Helper Classes */ /* Helper class to hide buttons on touch devices */ #media-controls-sieben_saitige_gitarre .playertouchdevice { display: none; } @media screen and (max-width: 568px) { #media-controls-sieben_saitige_gitarre .player-no-mobile { display: none !important; } .player-mobile-left { text-align: left !important; } .player-mobile-center { text-align: center !important; } .player-mobile-right { text-align: right !important; } } @media screen and (max-width: 768px) { .player-no-tablet { display: none !important; } .player-tablet-left { text-align: left !important; } .player-tablet-center { text-align: center !important; } .player-tablet-right { text-align: right !important; } } /* @end */ /* @group Printer styles */ @media print { #media-controls-wrapper-sieben_saitige_gitarre, #PlayerWrapper-sieben_saitige_gitarre .splash-button { display: none; } } /* @end */ /* @group Untitled Group */ /* @end */ #toggleWrapper_stacks_in_427_page5 { display: block; position: relative; z-index: 1; } #myToggle-pandeiro { padding: 20px; margin: 0; font-weight: normal; display: block; color: #666666; text-decoration: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-size: 150%; line-height: 30px; } #myToggle-pandeiro { background: #EAEAEA; } #myToggle-pandeiro:hover { color: #999999; cursor: pointer; } /* Toggle Button */ /* Local Image Buttons */ /* Warehoused Image Buttons */ /* Font Awesone Icon Buttons */ #toggleButtonstacks_in_427_page5.togglePlusClosed .toggleOpenIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_427_page5.togglePlusClosed .toggleOpenIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_427_page5.togglePlusClosed .toggleCloseIcon { display: none; } #toggleButtonstacks_in_427_page5.togglePlusOpened .toggleCloseIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_427_page5.togglePlusOpened .toggleCloseIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_427_page5.togglePlusOpened .toggleOpenIcon { display: none; } #toggleContainer_stacks_in_427_page5 { display: none; margin-top: 5px; padding: 20px; overflow: hidden; color: #666666; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #toggleContainer_stacks_in_427_page5 { background: #EAEAEA; } @media print { #toggleButtonstacks_in_427_page5, #toggleButtonstacks_in_427_page5.toggleOpenIcon, #toggleButtonstacks_in_427_page5.toggleCloseIcon, #myToggle-pandeiro a:link:after, #myToggle-pandeiro a:visited:after { display: none !important; } #toggleContainer_stacks_in_427_page5 { display: block !important; } } #PlayerWrapper-pandeiro { display: block; position: relative; } #PlayerWrapper-pandeiro *, #PlayerWrapper-pandeiro *:before, #PlayerWrapper-pandeiro *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #MediaFrame-pandeiro { position: relative; width: 100%; height: 0; background: rgba(0, 0, 0, 1.00); } #MediaFrame-pandeiro { padding-bottom: 56.25%; } #PlayerWrapper-pandeiro #media-pandeiro { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #PlayerWrapper-pandeiro .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #PlayerWrapper-pandeiro .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #PlayerWrapper-pandeiro .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #PlayerWrapper-pandeiro .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; opacity: 0.0; background: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-pandeiro .splash-button:hover .splash-fill { opacity: 0.0; background: rgba(255, 255, 255, 1.00); } #PlayerWrapper-pandeiro .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-pandeiro .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #PlayerWrapper-pandeiro .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-pandeiro .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-pandeiro { position: relative; z-index: 4; width: 100%; } #media-controls-innerwrap-pandeiro { /* margin: px; */ margin-left: 0%; margin-right: 0%; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; overflow: hidden; } #button-grid-pandeiro { margin: 0; padding: 0; font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; line-height: 40px; color: #ffffff; list-style: none; overflow: auto; height: auto; display: block; width: 100%; position: relative; z-index: 5; opacity: 0.99; /* Gradient background */ background: rgba(153, 153, 153, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%, rgba(153, 153, 153, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153, 153, 153, 1.00)), color-stop(100%,rgba(153, 153, 153, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(153, 153, 153, 1.00)', endColorstr='rgba(153, 153, 153, 1.00)',GradientType=0 ); /* IE6-9 */ } #PlayerWrapper-pandeiro { overflow: hidden; position: relative; } #PlayerWrapper-pandeiro #media-controls-wrapper-pandeiro { position: absolute; left: 0; bottom: -40px; margin-bottom: 0%; opacity: 0; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); } #PlayerWrapper-pandeiro:hover #media-controls-wrapper-pandeiro { opacity: 0.99; -webkit-transform: translateY(-40px); transform: translateY(-40px); } /* Don't auto-hide on touch devices */ .playertouchdevice #PlayerWrapper-pandeiro #media-controls-wrapper-pandeiro, .playertouchdevice #PlayerWrapper-pandeiro:hover #media-controls-wrapper-pandeiro { position: relative; bottom: auto; margin-bottom: 0; opacity: 1.00; -webkit-transform: none; transform: none; } #media-controls-pandeiro button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* @group Buttons, titles and time */ #media-controls-pandeiro span.media-button, #media-controls-pandeiro span.time, #media-controls-pandeiro span.player-extra-element, #media-controls-pandeiro span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: 40px; width: 7.00%; overflow: hidden; display: block; float: left; text-align: center; vertical-align: middle; } #media-controls-pandeiro span.media-button.left-aligned, #media-controls-pandeiro span.time.left-aligned, #media-controls-pandeiro span.player-extra-element.left-aligned, #media-controls-pandeiro span.duration.left-aligned { text-align: left; } #media-controls-pandeiro span.media-button.right-aligned, #media-controls-pandeiro span.time.right-aligned, #media-controls-pandeiro span.player-extra-element.right-aligned, #media-controls-pandeiro span.duration.right-aligned { text-align: right; } /* Buttons */ #media-controls-pandeiro span.media-button a, #media-controls-pandeiro span.media-button button { font-size: 24px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } @media screen and (max-width: 586px) { #media-controls-pandeiro span.media-button a, #media-controls-pandeiro span.media-button button { font-size: 18px; } } #media-controls-pandeiro span.media-button a:hover, #media-controls-pandeiro span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Icons */ #media-controls-pandeiro [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #media-controls-pandeiro [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } /* Time and titles */ #media-controls-pandeiro span.time, #media-controls-pandeiro span.player-extra-element, #media-controls-pandeiro span.duration { font-size: 14px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; width: 8.00%; padding: 0; margin: 0; vertical-align: top; } @media screen and (max-width: 586px) { #media-controls-pandeiro span.time, #media-controls-pandeiro span.player-extra-element, #media-controls-pandeiro span.duration { font-size: 11px; } } /* @end */ /* @group Captions */ /* @end */ /* @group Scrubber Bar */ #media-controls-pandeiro .scrubberWrapper { margin: 0; padding: 0; position: relative; line-height: 1; vertical-align: middle; margin-top: 10px; display: block; float: left; width: 40.00%; } #media-controls-pandeiro .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; position: relative; z-index: 2; } #media-controls-pandeiro .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(82, 157, 225, 1.00)), color-stop(100%, rgba(36, 94, 143, 1.00))); background-image: -webkit-linear-gradient(top, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); background-image: linear-gradient(to bottom, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); padding: 0; margin: 0; z-index: 10; position: relative; } /* @end */ /* @group Responsive Behaviour */ @media screen and (max-width: 586px) { .mobile-hide, .mobilehide, .mobile-none, .mobilenone, .no-mobile, .nomobile { display: none !important; } } /* @end */ /* @group Helper Classes */ /* Helper class to hide buttons on touch devices */ #media-controls-pandeiro .playertouchdevice { display: none; } @media screen and (max-width: 568px) { #media-controls-pandeiro .player-no-mobile { display: none !important; } .player-mobile-left { text-align: left !important; } .player-mobile-center { text-align: center !important; } .player-mobile-right { text-align: right !important; } } @media screen and (max-width: 768px) { .player-no-tablet { display: none !important; } .player-tablet-left { text-align: left !important; } .player-tablet-center { text-align: center !important; } .player-tablet-right { text-align: right !important; } } /* @end */ /* @group Printer styles */ @media print { #media-controls-wrapper-pandeiro, #PlayerWrapper-pandeiro .splash-button { display: none; } } /* @end */ /* @group Untitled Group */ /* @end */ #toggleWrapper_stacks_in_417_page5 { display: block; position: relative; z-index: 1; } #myToggle-posaune { padding: 20px; margin: 0; font-weight: normal; display: block; color: #666666; text-decoration: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-size: 150%; line-height: 30px; } #myToggle-posaune { background: #EAEAEA; } #myToggle-posaune:hover { color: #999999; cursor: pointer; } /* Toggle Button */ /* Local Image Buttons */ /* Warehoused Image Buttons */ /* Font Awesone Icon Buttons */ #toggleButtonstacks_in_417_page5.togglePlusClosed .toggleOpenIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_417_page5.togglePlusClosed .toggleOpenIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_417_page5.togglePlusClosed .toggleCloseIcon { display: none; } #toggleButtonstacks_in_417_page5.togglePlusOpened .toggleCloseIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_417_page5.togglePlusOpened .toggleCloseIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_417_page5.togglePlusOpened .toggleOpenIcon { display: none; } #toggleContainer_stacks_in_417_page5 { display: none; margin-top: 5px; padding: 20px; overflow: hidden; color: #666666; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #toggleContainer_stacks_in_417_page5 { background: #EAEAEA; } @media print { #toggleButtonstacks_in_417_page5, #toggleButtonstacks_in_417_page5.toggleOpenIcon, #toggleButtonstacks_in_417_page5.toggleCloseIcon, #myToggle-posaune a:link:after, #myToggle-posaune a:visited:after { display: none !important; } #toggleContainer_stacks_in_417_page5 { display: block !important; } } #PlayerWrapper-posaune { display: block; position: relative; } #PlayerWrapper-posaune *, #PlayerWrapper-posaune *:before, #PlayerWrapper-posaune *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #MediaFrame-posaune { position: relative; width: 100%; height: 0; background: rgba(0, 0, 0, 1.00); } #MediaFrame-posaune { padding-bottom: 56.25%; } #PlayerWrapper-posaune #media-posaune { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #PlayerWrapper-posaune .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #PlayerWrapper-posaune .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #PlayerWrapper-posaune .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #PlayerWrapper-posaune .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; opacity: 0.0; background: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-posaune .splash-button:hover .splash-fill { opacity: 0.0; background: rgba(255, 255, 255, 1.00); } #PlayerWrapper-posaune .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-posaune .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #PlayerWrapper-posaune .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-posaune .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-posaune { position: relative; z-index: 4; width: 100%; } #media-controls-innerwrap-posaune { /* margin: px; */ margin-left: 0%; margin-right: 0%; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; overflow: hidden; } #button-grid-posaune { margin: 0; padding: 0; font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; line-height: 40px; color: #ffffff; list-style: none; overflow: auto; height: auto; display: block; width: 100%; position: relative; z-index: 5; opacity: 0.99; /* Gradient background */ background: rgba(153, 153, 153, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%, rgba(153, 153, 153, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153, 153, 153, 1.00)), color-stop(100%,rgba(153, 153, 153, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(153, 153, 153, 1.00)', endColorstr='rgba(153, 153, 153, 1.00)',GradientType=0 ); /* IE6-9 */ } #PlayerWrapper-posaune { overflow: hidden; position: relative; } #PlayerWrapper-posaune #media-controls-wrapper-posaune { position: absolute; left: 0; bottom: -40px; margin-bottom: 0%; opacity: 0; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); } #PlayerWrapper-posaune:hover #media-controls-wrapper-posaune { opacity: 0.99; -webkit-transform: translateY(-40px); transform: translateY(-40px); } /* Don't auto-hide on touch devices */ .playertouchdevice #PlayerWrapper-posaune #media-controls-wrapper-posaune, .playertouchdevice #PlayerWrapper-posaune:hover #media-controls-wrapper-posaune { position: relative; bottom: auto; margin-bottom: 0; opacity: 1.00; -webkit-transform: none; transform: none; } #media-controls-posaune button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* @group Buttons, titles and time */ #media-controls-posaune span.media-button, #media-controls-posaune span.time, #media-controls-posaune span.player-extra-element, #media-controls-posaune span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: 40px; width: 7.00%; overflow: hidden; display: block; float: left; text-align: center; vertical-align: middle; } #media-controls-posaune span.media-button.left-aligned, #media-controls-posaune span.time.left-aligned, #media-controls-posaune span.player-extra-element.left-aligned, #media-controls-posaune span.duration.left-aligned { text-align: left; } #media-controls-posaune span.media-button.right-aligned, #media-controls-posaune span.time.right-aligned, #media-controls-posaune span.player-extra-element.right-aligned, #media-controls-posaune span.duration.right-aligned { text-align: right; } /* Buttons */ #media-controls-posaune span.media-button a, #media-controls-posaune span.media-button button { font-size: 24px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } @media screen and (max-width: 586px) { #media-controls-posaune span.media-button a, #media-controls-posaune span.media-button button { font-size: 18px; } } #media-controls-posaune span.media-button a:hover, #media-controls-posaune span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Icons */ #media-controls-posaune [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #media-controls-posaune [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } /* Time and titles */ #media-controls-posaune span.time, #media-controls-posaune span.player-extra-element, #media-controls-posaune span.duration { font-size: 14px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; width: 8.00%; padding: 0; margin: 0; vertical-align: top; } @media screen and (max-width: 586px) { #media-controls-posaune span.time, #media-controls-posaune span.player-extra-element, #media-controls-posaune span.duration { font-size: 11px; } } /* @end */ /* @group Captions */ /* @end */ /* @group Scrubber Bar */ #media-controls-posaune .scrubberWrapper { margin: 0; padding: 0; position: relative; line-height: 1; vertical-align: middle; margin-top: 10px; display: block; float: left; width: 40.00%; } #media-controls-posaune .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; position: relative; z-index: 2; } #media-controls-posaune .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(82, 157, 225, 1.00)), color-stop(100%, rgba(36, 94, 143, 1.00))); background-image: -webkit-linear-gradient(top, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); background-image: linear-gradient(to bottom, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); padding: 0; margin: 0; z-index: 10; position: relative; } /* @end */ /* @group Responsive Behaviour */ @media screen and (max-width: 586px) { .mobile-hide, .mobilehide, .mobile-none, .mobilenone, .no-mobile, .nomobile { display: none !important; } } /* @end */ /* @group Helper Classes */ /* Helper class to hide buttons on touch devices */ #media-controls-posaune .playertouchdevice { display: none; } @media screen and (max-width: 568px) { #media-controls-posaune .player-no-mobile { display: none !important; } .player-mobile-left { text-align: left !important; } .player-mobile-center { text-align: center !important; } .player-mobile-right { text-align: right !important; } } @media screen and (max-width: 768px) { .player-no-tablet { display: none !important; } .player-tablet-left { text-align: left !important; } .player-tablet-center { text-align: center !important; } .player-tablet-right { text-align: right !important; } } /* @end */ /* @group Printer styles */ @media print { #media-controls-wrapper-posaune, #PlayerWrapper-posaune .splash-button { display: none; } } /* @end */ /* @group Untitled Group */ /* @end */ #stacks_in_295_page5{ clear:both;padding: 0;margin: 0; counter-reset: section; -webkit-animation: opLoad 1s ease-out; -moz-animation: opLoad 1s ease-out; -o-animation: opLoad 1s ease-out; animation: opLoad 1s ease-out; } .ncp img{opacity: 0;-webkit-transition:opacity 1s ease-out;-moz-transition:opacity 1s ease-out;-o-animation: opLoad 1s ease-out;transition:opacity 1s ease-out;} .ncp img.show{opacity: 1;} .ncp img{max-width:100%;height:auto; width:auto;} .ncp .count{font-size: 11px;padding: 1px 5px 2px;margin-bottom:.5em;border:1px solid #cfcfcf;color:#aaa;border-radius:2px;display: inline-block;-webkit-font-smoothing: antialiased; } #stacks_in_295_page5 .c+.c .count{margin-left: 4px;} #stacks_in_295_page5.s3 .c.s2_3 .count,#stacks_in_295_page5.s4 .c.s2_4 .count,#stacks_in_295_page5.s4 .c.s3_4 .count{ margin-left: 2px;} .ncp .count:before{counter-increment: section;content: 'Column 'counter(section) '';} .ncp .g:before,.ncp .g:after{content:"";display:table;} .ncp .g:after{clear:both;} .ncp .c{display: block;float:left;margin: 1% 0 1% 1.6%;} .s1_1,.s1_2,.s1_3,.s1_4{margin: 1% 0;} .ncp .c:first-child { margin-left: 0; } #stacks_in_295_page5.s2 .c.s1_2 .c-pad,#stacks_in_295_page5.s3 .c.s1_3 .c-pad,#stacks_in_295_page5.s4 .c.s1_4 .c-pad{padding: 0 4px 0 0;} #stacks_in_295_page5.s3 .c.s2_3 .c-pad,#stacks_in_295_page5.s4 .c.s2_4 .c-pad,#stacks_in_295_page5.s4 .c.s3_4 .c-pad{ padding: 0 2px;} #stacks_in_295_page5.s2 .c.s2_2 .c-pad,#stacks_in_295_page5.s3 .c.s3_3 .c-pad,#stacks_in_295_page5.s4 .c.s4_4 .c-pad{ padding: 0 0 0 4px;} .ncp.s1>.c{width: 100%;}.ncp.s2>.c{width: 49.2%;}.ncp.s3>.c{width: 32.26%;}.ncp.s4>.c{width: 23.8%;} @media only screen and (max-width: 600px) { #stacks_in_295_page5 .c+.c .count, #stacks_in_295_page5.s3 .c.s2_3 .count, #stacks_in_295_page5.s4 .c.s3_4 .count{margin-left: 0;} #stacks_in_295_page5 .c{margin: 1% 0;padding: 4px 0;width: 100%;} #stacks_in_295_page5 .c:first-child,#stacks_in_295_page5.s4 .c.s1_4,#stacks_in_295_page5.s4 .c.s2_4{ padding: 0 0 4px;} #stacks_in_295_page5 .c:last-child,#stacks_in_295_page5.s4 .c.s3_4,#stacks_in_295_page5.s4 .c.s4_4{ padding: 4px 0 0;} #stacks_in_295_page5.s2 .c-pad,#stacks_in_295_page5.s3 .c-pad{ padding: 0 !important;} #stacks_in_295_page5.s4 .c.s2_4 .count, #stacks_in_295_page5.s4 .c.s4_4 .count{ margin-left: 4px;} #stacks_in_295_page5.s4 .c {width: 49.2%;} #stacks_in_295_page5.s4 .c.s1_4 .c-pad,#stacks_in_295_page5.s4 .c.s3_4 .c-pad{ padding: 0 4px 0 0;} #stacks_in_295_page5.s4 .c.s2_4 .c-pad,#stacks_in_295_page5.s4 .c.s4_4 .c-pad{ padding: 0 0 0 4px;} } @media only screen and (max-width: 300px) { #stacks_in_295_page5 .count{ margin-left: 0 !important;} #stacks_in_295_page5 .c .c-pad{padding: 0 !important;} #stacks_in_295_page5.s4 .c{width: 100%;} } @-webkit-keyframes opLoad { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes opLoad { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes opLoad { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes opLoad { 0% { opacity: 0; } 100% { opacity: 1; } } #stacks_in_295_page5 { margin: 30px 0px 30px 0px; } #stacks_in_296_page5 { padding: 10px; } #stacks_in_297_page5 { font-size: 199%; } #stacks_in_298_page5 .trigger_myID3 { cursor: pointer; display: inline-block; color: #515151; font-size: 26px; line-height: 26px; /*border: 1px blue solid;*/ } #stacks_in_298_page5 .toggle_open .closed_icon { display: none; } #stacks_in_298_page5 .toggle_closed .open_icon { display: none; } #stacks_in_298_page5 .toggle_open .closed_image { display: none; } #stacks_in_298_page5 .toggle_closed .open_image { display: none; } #stacks_in_298_page5 { position: relative; text-align: left; } #stacks_in_298_page5 .trigger_label { font-size: 18px; color: #515151; margin-left: 4px; line-height: 26px; vertical-align: top; } #stacks_in_299_page5 { position: relative; display: block; } .myID3 { position: relative; } #stacks_in_299_page5 .myID3 { padding: 0px; } #toggleWrapper_stacks_in_159_page5 { display: block; position: relative; z-index: 1; } #myToggle13 { padding: 20px; margin: 0; font-weight: normal; display: block; color: #666666; text-decoration: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-size: 150%; line-height: 30px; } #myToggle13 { background: #EAEAEA; } #myToggle13:hover { color: #999999; cursor: pointer; } /* Toggle Button */ /* Local Image Buttons */ /* Warehoused Image Buttons */ /* Font Awesone Icon Buttons */ #toggleButtonstacks_in_159_page5.togglePlusClosed .toggleOpenIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_159_page5.togglePlusClosed .toggleOpenIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_159_page5.togglePlusClosed .toggleCloseIcon { display: none; } #toggleButtonstacks_in_159_page5.togglePlusOpened .toggleCloseIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_159_page5.togglePlusOpened .toggleCloseIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_159_page5.togglePlusOpened .toggleOpenIcon { display: none; } #toggleContainer_stacks_in_159_page5 { display: none; margin-top: 5px; padding: 20px; overflow: hidden; color: #666666; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #toggleContainer_stacks_in_159_page5 { background: #EAEAEA; } @media print { #toggleButtonstacks_in_159_page5, #toggleButtonstacks_in_159_page5.toggleOpenIcon, #toggleButtonstacks_in_159_page5.toggleCloseIcon, #myToggle13 a:link:after, #myToggle13 a:visited:after { display: none !important; } #toggleContainer_stacks_in_159_page5 { display: block !important; } } #PlayerWrapper-rondo_form { display: block; position: relative; } #PlayerWrapper-rondo_form *, #PlayerWrapper-rondo_form *:before, #PlayerWrapper-rondo_form *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #MediaFrame-rondo_form { position: relative; width: 100%; height: 0; background: rgba(0, 0, 0, 1.00); } #MediaFrame-rondo_form { padding-bottom: 56.25%; } #PlayerWrapper-rondo_form #media-rondo_form { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #PlayerWrapper-rondo_form .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #PlayerWrapper-rondo_form .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #PlayerWrapper-rondo_form .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #PlayerWrapper-rondo_form .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; opacity: 0.0; background: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-rondo_form .splash-button:hover .splash-fill { opacity: 0.0; background: rgba(255, 255, 255, 1.00); } #PlayerWrapper-rondo_form .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-rondo_form .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #PlayerWrapper-rondo_form .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-rondo_form .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-rondo_form { position: relative; z-index: 4; width: 100%; } #media-controls-innerwrap-rondo_form { /* margin: px; */ margin-left: 0%; margin-right: 0%; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; overflow: hidden; } #button-grid-rondo_form { margin: 0; padding: 0; font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; line-height: 40px; color: #ffffff; list-style: none; overflow: auto; height: auto; display: block; width: 100%; position: relative; z-index: 5; opacity: 0.99; /* Gradient background */ background: rgba(153, 153, 153, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%, rgba(153, 153, 153, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153, 153, 153, 1.00)), color-stop(100%,rgba(153, 153, 153, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(153, 153, 153, 1.00)', endColorstr='rgba(153, 153, 153, 1.00)',GradientType=0 ); /* IE6-9 */ } #PlayerWrapper-rondo_form { overflow: hidden; position: relative; } #PlayerWrapper-rondo_form #media-controls-wrapper-rondo_form { position: absolute; left: 0; bottom: -40px; margin-bottom: 0%; opacity: 0; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); } #PlayerWrapper-rondo_form:hover #media-controls-wrapper-rondo_form { opacity: 0.99; -webkit-transform: translateY(-40px); transform: translateY(-40px); } /* Don't auto-hide on touch devices */ .playertouchdevice #PlayerWrapper-rondo_form #media-controls-wrapper-rondo_form, .playertouchdevice #PlayerWrapper-rondo_form:hover #media-controls-wrapper-rondo_form { position: relative; bottom: auto; margin-bottom: 0; opacity: 1.00; -webkit-transform: none; transform: none; } #media-controls-rondo_form button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* @group Buttons, titles and time */ #media-controls-rondo_form span.media-button, #media-controls-rondo_form span.time, #media-controls-rondo_form span.player-extra-element, #media-controls-rondo_form span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: 40px; width: 7.00%; overflow: hidden; display: block; float: left; text-align: center; vertical-align: middle; } #media-controls-rondo_form span.media-button.left-aligned, #media-controls-rondo_form span.time.left-aligned, #media-controls-rondo_form span.player-extra-element.left-aligned, #media-controls-rondo_form span.duration.left-aligned { text-align: left; } #media-controls-rondo_form span.media-button.right-aligned, #media-controls-rondo_form span.time.right-aligned, #media-controls-rondo_form span.player-extra-element.right-aligned, #media-controls-rondo_form span.duration.right-aligned { text-align: right; } /* Buttons */ #media-controls-rondo_form span.media-button a, #media-controls-rondo_form span.media-button button { font-size: 24px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } @media screen and (max-width: 586px) { #media-controls-rondo_form span.media-button a, #media-controls-rondo_form span.media-button button { font-size: 18px; } } #media-controls-rondo_form span.media-button a:hover, #media-controls-rondo_form span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Icons */ #media-controls-rondo_form [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #media-controls-rondo_form [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } /* Time and titles */ #media-controls-rondo_form span.time, #media-controls-rondo_form span.player-extra-element, #media-controls-rondo_form span.duration { font-size: 14px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; width: 8.00%; padding: 0; margin: 0; vertical-align: top; } @media screen and (max-width: 586px) { #media-controls-rondo_form span.time, #media-controls-rondo_form span.player-extra-element, #media-controls-rondo_form span.duration { font-size: 11px; } } /* @end */ /* @group Captions */ /* @end */ /* @group Scrubber Bar */ #media-controls-rondo_form .scrubberWrapper { margin: 0; padding: 0; position: relative; line-height: 1; vertical-align: middle; margin-top: 10px; display: block; float: left; width: 40.00%; } #media-controls-rondo_form .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; position: relative; z-index: 2; } #media-controls-rondo_form .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(82, 157, 225, 1.00)), color-stop(100%, rgba(36, 94, 143, 1.00))); background-image: -webkit-linear-gradient(top, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); background-image: linear-gradient(to bottom, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); padding: 0; margin: 0; z-index: 10; position: relative; } /* @end */ /* @group Responsive Behaviour */ @media screen and (max-width: 586px) { .mobile-hide, .mobilehide, .mobile-none, .mobilenone, .no-mobile, .nomobile { display: none !important; } } /* @end */ /* @group Helper Classes */ /* Helper class to hide buttons on touch devices */ #media-controls-rondo_form .playertouchdevice { display: none; } @media screen and (max-width: 568px) { #media-controls-rondo_form .player-no-mobile { display: none !important; } .player-mobile-left { text-align: left !important; } .player-mobile-center { text-align: center !important; } .player-mobile-right { text-align: right !important; } } @media screen and (max-width: 768px) { .player-no-tablet { display: none !important; } .player-tablet-left { text-align: left !important; } .player-tablet-center { text-align: center !important; } .player-tablet-right { text-align: right !important; } } /* @end */ /* @group Printer styles */ @media print { #media-controls-wrapper-rondo_form, #PlayerWrapper-rondo_form .splash-button { display: none; } } /* @end */ /* @group Untitled Group */ /* @end */ #toggleWrapper_stacks_in_139_page5 { display: block; position: relative; z-index: 1; } #myToggle3 { padding: 20px; margin: 0; font-weight: normal; display: block; color: #666666; text-decoration: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-size: 150%; line-height: 30px; } #myToggle3 { background: #EAEAEA; } #myToggle3:hover { color: #999999; cursor: pointer; } /* Toggle Button */ /* Local Image Buttons */ /* Warehoused Image Buttons */ /* Font Awesone Icon Buttons */ #toggleButtonstacks_in_139_page5.togglePlusClosed .toggleOpenIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_139_page5.togglePlusClosed .toggleOpenIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_139_page5.togglePlusClosed .toggleCloseIcon { display: none; } #toggleButtonstacks_in_139_page5.togglePlusOpened .toggleCloseIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_139_page5.togglePlusOpened .toggleCloseIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_139_page5.togglePlusOpened .toggleOpenIcon { display: none; } #toggleContainer_stacks_in_139_page5 { display: none; margin-top: 5px; padding: 20px; overflow: hidden; color: #666666; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #toggleContainer_stacks_in_139_page5 { background: #EAEAEA; } @media print { #toggleButtonstacks_in_139_page5, #toggleButtonstacks_in_139_page5.toggleOpenIcon, #toggleButtonstacks_in_139_page5.toggleCloseIcon, #myToggle3 a:link:after, #myToggle3 a:visited:after { display: none !important; } #toggleContainer_stacks_in_139_page5 { display: block !important; } } #PlayerWrapper-bsp_flor_amorosa { display: block; position: relative; } #PlayerWrapper-bsp_flor_amorosa *, #PlayerWrapper-bsp_flor_amorosa *:before, #PlayerWrapper-bsp_flor_amorosa *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #MediaFrame-bsp_flor_amorosa { position: relative; width: 100%; height: 0; background: rgba(0, 0, 0, 1.00); } #MediaFrame-bsp_flor_amorosa { padding-bottom: 56.25%; } #PlayerWrapper-bsp_flor_amorosa #media-bsp_flor_amorosa { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #PlayerWrapper-bsp_flor_amorosa .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #PlayerWrapper-bsp_flor_amorosa .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #PlayerWrapper-bsp_flor_amorosa .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #PlayerWrapper-bsp_flor_amorosa .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; opacity: 0.0; background: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-bsp_flor_amorosa .splash-button:hover .splash-fill { opacity: 0.0; background: rgba(255, 255, 255, 1.00); } #PlayerWrapper-bsp_flor_amorosa .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-bsp_flor_amorosa .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #PlayerWrapper-bsp_flor_amorosa .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-bsp_flor_amorosa .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-bsp_flor_amorosa { position: relative; z-index: 4; width: 100%; } #media-controls-innerwrap-bsp_flor_amorosa { /* margin: px; */ margin-left: 0%; margin-right: 0%; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; overflow: hidden; } #button-grid-bsp_flor_amorosa { margin: 0; padding: 0; font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; line-height: 40px; color: #ffffff; list-style: none; overflow: auto; height: auto; display: block; width: 100%; position: relative; z-index: 5; opacity: 0.99; /* Gradient background */ background: rgba(153, 153, 153, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%, rgba(153, 153, 153, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153, 153, 153, 1.00)), color-stop(100%,rgba(153, 153, 153, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(153, 153, 153, 1.00)', endColorstr='rgba(153, 153, 153, 1.00)',GradientType=0 ); /* IE6-9 */ } #PlayerWrapper-bsp_flor_amorosa { overflow: hidden; position: relative; } #PlayerWrapper-bsp_flor_amorosa #media-controls-wrapper-bsp_flor_amorosa { position: absolute; left: 0; bottom: -40px; margin-bottom: 0%; opacity: 0; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); } #PlayerWrapper-bsp_flor_amorosa:hover #media-controls-wrapper-bsp_flor_amorosa { opacity: 0.99; -webkit-transform: translateY(-40px); transform: translateY(-40px); } /* Don't auto-hide on touch devices */ .playertouchdevice #PlayerWrapper-bsp_flor_amorosa #media-controls-wrapper-bsp_flor_amorosa, .playertouchdevice #PlayerWrapper-bsp_flor_amorosa:hover #media-controls-wrapper-bsp_flor_amorosa { position: relative; bottom: auto; margin-bottom: 0; opacity: 1.00; -webkit-transform: none; transform: none; } #media-controls-bsp_flor_amorosa button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* @group Buttons, titles and time */ #media-controls-bsp_flor_amorosa span.media-button, #media-controls-bsp_flor_amorosa span.time, #media-controls-bsp_flor_amorosa span.player-extra-element, #media-controls-bsp_flor_amorosa span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: 40px; width: 7.00%; overflow: hidden; display: block; float: left; text-align: center; vertical-align: middle; } #media-controls-bsp_flor_amorosa span.media-button.left-aligned, #media-controls-bsp_flor_amorosa span.time.left-aligned, #media-controls-bsp_flor_amorosa span.player-extra-element.left-aligned, #media-controls-bsp_flor_amorosa span.duration.left-aligned { text-align: left; } #media-controls-bsp_flor_amorosa span.media-button.right-aligned, #media-controls-bsp_flor_amorosa span.time.right-aligned, #media-controls-bsp_flor_amorosa span.player-extra-element.right-aligned, #media-controls-bsp_flor_amorosa span.duration.right-aligned { text-align: right; } /* Buttons */ #media-controls-bsp_flor_amorosa span.media-button a, #media-controls-bsp_flor_amorosa span.media-button button { font-size: 24px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } @media screen and (max-width: 586px) { #media-controls-bsp_flor_amorosa span.media-button a, #media-controls-bsp_flor_amorosa span.media-button button { font-size: 18px; } } #media-controls-bsp_flor_amorosa span.media-button a:hover, #media-controls-bsp_flor_amorosa span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Icons */ #media-controls-bsp_flor_amorosa [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #media-controls-bsp_flor_amorosa [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } /* Time and titles */ #media-controls-bsp_flor_amorosa span.time, #media-controls-bsp_flor_amorosa span.player-extra-element, #media-controls-bsp_flor_amorosa span.duration { font-size: 14px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; width: 8.00%; padding: 0; margin: 0; vertical-align: top; } @media screen and (max-width: 586px) { #media-controls-bsp_flor_amorosa span.time, #media-controls-bsp_flor_amorosa span.player-extra-element, #media-controls-bsp_flor_amorosa span.duration { font-size: 11px; } } /* @end */ /* @group Captions */ /* @end */ /* @group Scrubber Bar */ #media-controls-bsp_flor_amorosa .scrubberWrapper { margin: 0; padding: 0; position: relative; line-height: 1; vertical-align: middle; margin-top: 10px; display: block; float: left; width: 40.00%; } #media-controls-bsp_flor_amorosa .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; position: relative; z-index: 2; } #media-controls-bsp_flor_amorosa .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(82, 157, 225, 1.00)), color-stop(100%, rgba(36, 94, 143, 1.00))); background-image: -webkit-linear-gradient(top, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); background-image: linear-gradient(to bottom, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); padding: 0; margin: 0; z-index: 10; position: relative; } /* @end */ /* @group Responsive Behaviour */ @media screen and (max-width: 586px) { .mobile-hide, .mobilehide, .mobile-none, .mobilenone, .no-mobile, .nomobile { display: none !important; } } /* @end */ /* @group Helper Classes */ /* Helper class to hide buttons on touch devices */ #media-controls-bsp_flor_amorosa .playertouchdevice { display: none; } @media screen and (max-width: 568px) { #media-controls-bsp_flor_amorosa .player-no-mobile { display: none !important; } .player-mobile-left { text-align: left !important; } .player-mobile-center { text-align: center !important; } .player-mobile-right { text-align: right !important; } } @media screen and (max-width: 768px) { .player-no-tablet { display: none !important; } .player-tablet-left { text-align: left !important; } .player-tablet-center { text-align: center !important; } .player-tablet-right { text-align: right !important; } } /* @end */ /* @group Printer styles */ @media print { #media-controls-wrapper-bsp_flor_amorosa, #PlayerWrapper-bsp_flor_amorosa .splash-button { display: none; } } /* @end */ /* @group Untitled Group */ /* @end */ #toggleWrapper_stacks_in_179_page5 { display: block; position: relative; z-index: 1; } #myToggle18 { padding: 20px; margin: 0; font-weight: normal; display: block; color: #666666; text-decoration: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-size: 150%; line-height: 30px; } #myToggle18 { background: #EAEAEA; } #myToggle18:hover { color: #999999; cursor: pointer; } /* Toggle Button */ /* Local Image Buttons */ /* Warehoused Image Buttons */ /* Font Awesone Icon Buttons */ #toggleButtonstacks_in_179_page5.togglePlusClosed .toggleOpenIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_179_page5.togglePlusClosed .toggleOpenIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_179_page5.togglePlusClosed .toggleCloseIcon { display: none; } #toggleButtonstacks_in_179_page5.togglePlusOpened .toggleCloseIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_179_page5.togglePlusOpened .toggleCloseIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_179_page5.togglePlusOpened .toggleOpenIcon { display: none; } #toggleContainer_stacks_in_179_page5 { display: none; margin-top: 5px; padding: 20px; overflow: hidden; color: #666666; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #toggleContainer_stacks_in_179_page5 { background: #EAEAEA; } @media print { #toggleButtonstacks_in_179_page5, #toggleButtonstacks_in_179_page5.toggleOpenIcon, #toggleButtonstacks_in_179_page5.toggleCloseIcon, #myToggle18 a:link:after, #myToggle18 a:visited:after { display: none !important; } #toggleContainer_stacks_in_179_page5 { display: block !important; } } #PlayerWrapper-obrigacoes { display: block; position: relative; } #PlayerWrapper-obrigacoes *, #PlayerWrapper-obrigacoes *:before, #PlayerWrapper-obrigacoes *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #MediaFrame-obrigacoes { position: relative; width: 100%; height: 0; background: rgba(0, 0, 0, 1.00); } #MediaFrame-obrigacoes { padding-bottom: 56.25%; } #PlayerWrapper-obrigacoes #media-obrigacoes { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #PlayerWrapper-obrigacoes .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #PlayerWrapper-obrigacoes .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #PlayerWrapper-obrigacoes .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #PlayerWrapper-obrigacoes .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; opacity: 0.0; background: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-obrigacoes .splash-button:hover .splash-fill { opacity: 0.0; background: rgba(255, 255, 255, 1.00); } #PlayerWrapper-obrigacoes .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-obrigacoes .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #PlayerWrapper-obrigacoes .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-obrigacoes .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-obrigacoes { position: relative; z-index: 4; width: 100%; } #media-controls-innerwrap-obrigacoes { /* margin: px; */ margin-left: 0%; margin-right: 0%; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; overflow: hidden; } #button-grid-obrigacoes { margin: 0; padding: 0; font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; line-height: 40px; color: #ffffff; list-style: none; overflow: auto; height: auto; display: block; width: 100%; position: relative; z-index: 5; opacity: 0.99; /* Gradient background */ background: rgba(153, 153, 153, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%, rgba(153, 153, 153, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153, 153, 153, 1.00)), color-stop(100%,rgba(153, 153, 153, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(153, 153, 153, 1.00)', endColorstr='rgba(153, 153, 153, 1.00)',GradientType=0 ); /* IE6-9 */ } #PlayerWrapper-obrigacoes { overflow: hidden; position: relative; } #PlayerWrapper-obrigacoes #media-controls-wrapper-obrigacoes { position: absolute; left: 0; bottom: -40px; margin-bottom: 0%; opacity: 0; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); } #PlayerWrapper-obrigacoes:hover #media-controls-wrapper-obrigacoes { opacity: 0.99; -webkit-transform: translateY(-40px); transform: translateY(-40px); } /* Don't auto-hide on touch devices */ .playertouchdevice #PlayerWrapper-obrigacoes #media-controls-wrapper-obrigacoes, .playertouchdevice #PlayerWrapper-obrigacoes:hover #media-controls-wrapper-obrigacoes { position: relative; bottom: auto; margin-bottom: 0; opacity: 1.00; -webkit-transform: none; transform: none; } #media-controls-obrigacoes button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* @group Buttons, titles and time */ #media-controls-obrigacoes span.media-button, #media-controls-obrigacoes span.time, #media-controls-obrigacoes span.player-extra-element, #media-controls-obrigacoes span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: 40px; width: 7.00%; overflow: hidden; display: block; float: left; text-align: center; vertical-align: middle; } #media-controls-obrigacoes span.media-button.left-aligned, #media-controls-obrigacoes span.time.left-aligned, #media-controls-obrigacoes span.player-extra-element.left-aligned, #media-controls-obrigacoes span.duration.left-aligned { text-align: left; } #media-controls-obrigacoes span.media-button.right-aligned, #media-controls-obrigacoes span.time.right-aligned, #media-controls-obrigacoes span.player-extra-element.right-aligned, #media-controls-obrigacoes span.duration.right-aligned { text-align: right; } /* Buttons */ #media-controls-obrigacoes span.media-button a, #media-controls-obrigacoes span.media-button button { font-size: 24px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } @media screen and (max-width: 586px) { #media-controls-obrigacoes span.media-button a, #media-controls-obrigacoes span.media-button button { font-size: 18px; } } #media-controls-obrigacoes span.media-button a:hover, #media-controls-obrigacoes span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Icons */ #media-controls-obrigacoes [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #media-controls-obrigacoes [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } /* Time and titles */ #media-controls-obrigacoes span.time, #media-controls-obrigacoes span.player-extra-element, #media-controls-obrigacoes span.duration { font-size: 14px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; width: 8.00%; padding: 0; margin: 0; vertical-align: top; } @media screen and (max-width: 586px) { #media-controls-obrigacoes span.time, #media-controls-obrigacoes span.player-extra-element, #media-controls-obrigacoes span.duration { font-size: 11px; } } /* @end */ /* @group Captions */ /* @end */ /* @group Scrubber Bar */ #media-controls-obrigacoes .scrubberWrapper { margin: 0; padding: 0; position: relative; line-height: 1; vertical-align: middle; margin-top: 10px; display: block; float: left; width: 40.00%; } #media-controls-obrigacoes .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; position: relative; z-index: 2; } #media-controls-obrigacoes .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(82, 157, 225, 1.00)), color-stop(100%, rgba(36, 94, 143, 1.00))); background-image: -webkit-linear-gradient(top, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); background-image: linear-gradient(to bottom, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); padding: 0; margin: 0; z-index: 10; position: relative; } /* @end */ /* @group Responsive Behaviour */ @media screen and (max-width: 586px) { .mobile-hide, .mobilehide, .mobile-none, .mobilenone, .no-mobile, .nomobile { display: none !important; } } /* @end */ /* @group Helper Classes */ /* Helper class to hide buttons on touch devices */ #media-controls-obrigacoes .playertouchdevice { display: none; } @media screen and (max-width: 568px) { #media-controls-obrigacoes .player-no-mobile { display: none !important; } .player-mobile-left { text-align: left !important; } .player-mobile-center { text-align: center !important; } .player-mobile-right { text-align: right !important; } } @media screen and (max-width: 768px) { .player-no-tablet { display: none !important; } .player-tablet-left { text-align: left !important; } .player-tablet-center { text-align: center !important; } .player-tablet-right { text-align: right !important; } } /* @end */ /* @group Printer styles */ @media print { #media-controls-wrapper-obrigacoes, #PlayerWrapper-obrigacoes .splash-button { display: none; } } /* @end */ /* @group Untitled Group */ /* @end */ #toggleWrapper_stacks_in_149_page5 { display: block; position: relative; z-index: 1; } #myToggle2 { padding: 20px; margin: 0; font-weight: normal; display: block; color: #666666; text-decoration: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-size: 150%; line-height: 30px; } #myToggle2 { background: #EAEAEA; } #myToggle2:hover { color: #999999; cursor: pointer; } /* Toggle Button */ /* Local Image Buttons */ /* Warehoused Image Buttons */ /* Font Awesone Icon Buttons */ #toggleButtonstacks_in_149_page5.togglePlusClosed .toggleOpenIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_149_page5.togglePlusClosed .toggleOpenIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_149_page5.togglePlusClosed .toggleCloseIcon { display: none; } #toggleButtonstacks_in_149_page5.togglePlusOpened .toggleCloseIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_149_page5.togglePlusOpened .toggleCloseIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_149_page5.togglePlusOpened .toggleOpenIcon { display: none; } #toggleContainer_stacks_in_149_page5 { display: none; margin-top: 5px; padding: 20px; overflow: hidden; color: #666666; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #toggleContainer_stacks_in_149_page5 { background: #EAEAEA; } @media print { #toggleButtonstacks_in_149_page5, #toggleButtonstacks_in_149_page5.toggleOpenIcon, #toggleButtonstacks_in_149_page5.toggleCloseIcon, #myToggle2 a:link:after, #myToggle2 a:visited:after { display: none !important; } #toggleContainer_stacks_in_149_page5 { display: block !important; } } #PlayerWrapper-bsp_ainda_me_recordo { display: block; position: relative; } #PlayerWrapper-bsp_ainda_me_recordo *, #PlayerWrapper-bsp_ainda_me_recordo *:before, #PlayerWrapper-bsp_ainda_me_recordo *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #MediaFrame-bsp_ainda_me_recordo { position: relative; width: 100%; height: 0; background: rgba(0, 0, 0, 1.00); } #MediaFrame-bsp_ainda_me_recordo { padding-bottom: 56.25%; } #PlayerWrapper-bsp_ainda_me_recordo #media-bsp_ainda_me_recordo { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #PlayerWrapper-bsp_ainda_me_recordo .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #PlayerWrapper-bsp_ainda_me_recordo .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #PlayerWrapper-bsp_ainda_me_recordo .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #PlayerWrapper-bsp_ainda_me_recordo .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; opacity: 0.0; background: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-bsp_ainda_me_recordo .splash-button:hover .splash-fill { opacity: 0.0; background: rgba(255, 255, 255, 1.00); } #PlayerWrapper-bsp_ainda_me_recordo .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-bsp_ainda_me_recordo .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #PlayerWrapper-bsp_ainda_me_recordo .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-bsp_ainda_me_recordo .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-bsp_ainda_me_recordo { position: relative; z-index: 4; width: 100%; } #media-controls-innerwrap-bsp_ainda_me_recordo { /* margin: px; */ margin-left: 0%; margin-right: 0%; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; overflow: hidden; } #button-grid-bsp_ainda_me_recordo { margin: 0; padding: 0; font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; line-height: 40px; color: #ffffff; list-style: none; overflow: auto; height: auto; display: block; width: 100%; position: relative; z-index: 5; opacity: 0.99; /* Gradient background */ background: rgba(153, 153, 153, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%, rgba(153, 153, 153, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153, 153, 153, 1.00)), color-stop(100%,rgba(153, 153, 153, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(153, 153, 153, 1.00)', endColorstr='rgba(153, 153, 153, 1.00)',GradientType=0 ); /* IE6-9 */ } #PlayerWrapper-bsp_ainda_me_recordo { overflow: hidden; position: relative; } #PlayerWrapper-bsp_ainda_me_recordo #media-controls-wrapper-bsp_ainda_me_recordo { position: absolute; left: 0; bottom: -40px; margin-bottom: 0%; opacity: 0; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); } #PlayerWrapper-bsp_ainda_me_recordo:hover #media-controls-wrapper-bsp_ainda_me_recordo { opacity: 0.99; -webkit-transform: translateY(-40px); transform: translateY(-40px); } /* Don't auto-hide on touch devices */ .playertouchdevice #PlayerWrapper-bsp_ainda_me_recordo #media-controls-wrapper-bsp_ainda_me_recordo, .playertouchdevice #PlayerWrapper-bsp_ainda_me_recordo:hover #media-controls-wrapper-bsp_ainda_me_recordo { position: relative; bottom: auto; margin-bottom: 0; opacity: 1.00; -webkit-transform: none; transform: none; } #media-controls-bsp_ainda_me_recordo button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* @group Buttons, titles and time */ #media-controls-bsp_ainda_me_recordo span.media-button, #media-controls-bsp_ainda_me_recordo span.time, #media-controls-bsp_ainda_me_recordo span.player-extra-element, #media-controls-bsp_ainda_me_recordo span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: 40px; width: 7.00%; overflow: hidden; display: block; float: left; text-align: center; vertical-align: middle; } #media-controls-bsp_ainda_me_recordo span.media-button.left-aligned, #media-controls-bsp_ainda_me_recordo span.time.left-aligned, #media-controls-bsp_ainda_me_recordo span.player-extra-element.left-aligned, #media-controls-bsp_ainda_me_recordo span.duration.left-aligned { text-align: left; } #media-controls-bsp_ainda_me_recordo span.media-button.right-aligned, #media-controls-bsp_ainda_me_recordo span.time.right-aligned, #media-controls-bsp_ainda_me_recordo span.player-extra-element.right-aligned, #media-controls-bsp_ainda_me_recordo span.duration.right-aligned { text-align: right; } /* Buttons */ #media-controls-bsp_ainda_me_recordo span.media-button a, #media-controls-bsp_ainda_me_recordo span.media-button button { font-size: 24px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } @media screen and (max-width: 586px) { #media-controls-bsp_ainda_me_recordo span.media-button a, #media-controls-bsp_ainda_me_recordo span.media-button button { font-size: 18px; } } #media-controls-bsp_ainda_me_recordo span.media-button a:hover, #media-controls-bsp_ainda_me_recordo span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Icons */ #media-controls-bsp_ainda_me_recordo [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #media-controls-bsp_ainda_me_recordo [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } /* Time and titles */ #media-controls-bsp_ainda_me_recordo span.time, #media-controls-bsp_ainda_me_recordo span.player-extra-element, #media-controls-bsp_ainda_me_recordo span.duration { font-size: 14px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; width: 8.00%; padding: 0; margin: 0; vertical-align: top; } @media screen and (max-width: 586px) { #media-controls-bsp_ainda_me_recordo span.time, #media-controls-bsp_ainda_me_recordo span.player-extra-element, #media-controls-bsp_ainda_me_recordo span.duration { font-size: 11px; } } /* @end */ /* @group Captions */ /* @end */ /* @group Scrubber Bar */ #media-controls-bsp_ainda_me_recordo .scrubberWrapper { margin: 0; padding: 0; position: relative; line-height: 1; vertical-align: middle; margin-top: 10px; display: block; float: left; width: 40.00%; } #media-controls-bsp_ainda_me_recordo .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; position: relative; z-index: 2; } #media-controls-bsp_ainda_me_recordo .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(82, 157, 225, 1.00)), color-stop(100%, rgba(36, 94, 143, 1.00))); background-image: -webkit-linear-gradient(top, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); background-image: linear-gradient(to bottom, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); padding: 0; margin: 0; z-index: 10; position: relative; } /* @end */ /* @group Responsive Behaviour */ @media screen and (max-width: 586px) { .mobile-hide, .mobilehide, .mobile-none, .mobilenone, .no-mobile, .nomobile { display: none !important; } } /* @end */ /* @group Helper Classes */ /* Helper class to hide buttons on touch devices */ #media-controls-bsp_ainda_me_recordo .playertouchdevice { display: none; } @media screen and (max-width: 568px) { #media-controls-bsp_ainda_me_recordo .player-no-mobile { display: none !important; } .player-mobile-left { text-align: left !important; } .player-mobile-center { text-align: center !important; } .player-mobile-right { text-align: right !important; } } @media screen and (max-width: 768px) { .player-no-tablet { display: none !important; } .player-tablet-left { text-align: left !important; } .player-tablet-center { text-align: center !important; } .player-tablet-right { text-align: right !important; } } /* @end */ /* @group Printer styles */ @media print { #media-controls-wrapper-bsp_ainda_me_recordo, #PlayerWrapper-bsp_ainda_me_recordo .splash-button { display: none; } } /* @end */ /* @group Untitled Group */ /* @end */ #toggleWrapper_stacks_in_219_page5 { display: block; position: relative; z-index: 1; } #myToggle14 { padding: 20px; margin: 0; font-weight: normal; display: block; color: #666666; text-decoration: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-size: 150%; line-height: 30px; } #myToggle14 { background: #EAEAEA; } #myToggle14:hover { color: #999999; cursor: pointer; } /* Toggle Button */ /* Local Image Buttons */ /* Warehoused Image Buttons */ /* Font Awesone Icon Buttons */ #toggleButtonstacks_in_219_page5.togglePlusClosed .toggleOpenIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_219_page5.togglePlusClosed .toggleOpenIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_219_page5.togglePlusClosed .toggleCloseIcon { display: none; } #toggleButtonstacks_in_219_page5.togglePlusOpened .toggleCloseIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_219_page5.togglePlusOpened .toggleCloseIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_219_page5.togglePlusOpened .toggleOpenIcon { display: none; } #toggleContainer_stacks_in_219_page5 { display: none; margin-top: 5px; padding: 20px; overflow: hidden; color: #666666; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #toggleContainer_stacks_in_219_page5 { background: #EAEAEA; } @media print { #toggleButtonstacks_in_219_page5, #toggleButtonstacks_in_219_page5.toggleOpenIcon, #toggleButtonstacks_in_219_page5.toggleCloseIcon, #myToggle14 a:link:after, #myToggle14 a:visited:after { display: none !important; } #toggleContainer_stacks_in_219_page5 { display: block !important; } } #PlayerWrapper-bsp_ainda_me_recordo-obrigacoes { display: block; position: relative; } #PlayerWrapper-bsp_ainda_me_recordo-obrigacoes *, #PlayerWrapper-bsp_ainda_me_recordo-obrigacoes *:before, #PlayerWrapper-bsp_ainda_me_recordo-obrigacoes *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #MediaFrame-bsp_ainda_me_recordo-obrigacoes { position: relative; width: 100%; height: 0; background: rgba(0, 0, 0, 1.00); } #MediaFrame-bsp_ainda_me_recordo-obrigacoes { padding-bottom: 56.25%; } #PlayerWrapper-bsp_ainda_me_recordo-obrigacoes #media-bsp_ainda_me_recordo-obrigacoes { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #PlayerWrapper-bsp_ainda_me_recordo-obrigacoes .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #PlayerWrapper-bsp_ainda_me_recordo-obrigacoes .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #PlayerWrapper-bsp_ainda_me_recordo-obrigacoes .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #PlayerWrapper-bsp_ainda_me_recordo-obrigacoes .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; opacity: 0.0; background: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-bsp_ainda_me_recordo-obrigacoes .splash-button:hover .splash-fill { opacity: 0.0; background: rgba(255, 255, 255, 1.00); } #PlayerWrapper-bsp_ainda_me_recordo-obrigacoes .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-bsp_ainda_me_recordo-obrigacoes .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #PlayerWrapper-bsp_ainda_me_recordo-obrigacoes .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-bsp_ainda_me_recordo-obrigacoes .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-bsp_ainda_me_recordo-obrigacoes { position: relative; z-index: 4; width: 100%; } #media-controls-innerwrap-bsp_ainda_me_recordo-obrigacoes { /* margin: px; */ margin-left: 0%; margin-right: 0%; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; overflow: hidden; } #button-grid-bsp_ainda_me_recordo-obrigacoes { margin: 0; padding: 0; font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; line-height: 40px; color: #ffffff; list-style: none; overflow: auto; height: auto; display: block; width: 100%; position: relative; z-index: 5; opacity: 0.99; /* Gradient background */ background: rgba(153, 153, 153, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%, rgba(153, 153, 153, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153, 153, 153, 1.00)), color-stop(100%,rgba(153, 153, 153, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(153, 153, 153, 1.00)', endColorstr='rgba(153, 153, 153, 1.00)',GradientType=0 ); /* IE6-9 */ } #PlayerWrapper-bsp_ainda_me_recordo-obrigacoes { overflow: hidden; position: relative; } #PlayerWrapper-bsp_ainda_me_recordo-obrigacoes #media-controls-wrapper-bsp_ainda_me_recordo-obrigacoes { position: absolute; left: 0; bottom: -40px; margin-bottom: 0%; opacity: 0; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); } #PlayerWrapper-bsp_ainda_me_recordo-obrigacoes:hover #media-controls-wrapper-bsp_ainda_me_recordo-obrigacoes { opacity: 0.99; -webkit-transform: translateY(-40px); transform: translateY(-40px); } /* Don't auto-hide on touch devices */ .playertouchdevice #PlayerWrapper-bsp_ainda_me_recordo-obrigacoes #media-controls-wrapper-bsp_ainda_me_recordo-obrigacoes, .playertouchdevice #PlayerWrapper-bsp_ainda_me_recordo-obrigacoes:hover #media-controls-wrapper-bsp_ainda_me_recordo-obrigacoes { position: relative; bottom: auto; margin-bottom: 0; opacity: 1.00; -webkit-transform: none; transform: none; } #media-controls-bsp_ainda_me_recordo-obrigacoes button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* @group Buttons, titles and time */ #media-controls-bsp_ainda_me_recordo-obrigacoes span.media-button, #media-controls-bsp_ainda_me_recordo-obrigacoes span.time, #media-controls-bsp_ainda_me_recordo-obrigacoes span.player-extra-element, #media-controls-bsp_ainda_me_recordo-obrigacoes span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: 40px; width: 7.00%; overflow: hidden; display: block; float: left; text-align: center; vertical-align: middle; } #media-controls-bsp_ainda_me_recordo-obrigacoes span.media-button.left-aligned, #media-controls-bsp_ainda_me_recordo-obrigacoes span.time.left-aligned, #media-controls-bsp_ainda_me_recordo-obrigacoes span.player-extra-element.left-aligned, #media-controls-bsp_ainda_me_recordo-obrigacoes span.duration.left-aligned { text-align: left; } #media-controls-bsp_ainda_me_recordo-obrigacoes span.media-button.right-aligned, #media-controls-bsp_ainda_me_recordo-obrigacoes span.time.right-aligned, #media-controls-bsp_ainda_me_recordo-obrigacoes span.player-extra-element.right-aligned, #media-controls-bsp_ainda_me_recordo-obrigacoes span.duration.right-aligned { text-align: right; } /* Buttons */ #media-controls-bsp_ainda_me_recordo-obrigacoes span.media-button a, #media-controls-bsp_ainda_me_recordo-obrigacoes span.media-button button { font-size: 24px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } @media screen and (max-width: 586px) { #media-controls-bsp_ainda_me_recordo-obrigacoes span.media-button a, #media-controls-bsp_ainda_me_recordo-obrigacoes span.media-button button { font-size: 18px; } } #media-controls-bsp_ainda_me_recordo-obrigacoes span.media-button a:hover, #media-controls-bsp_ainda_me_recordo-obrigacoes span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Icons */ #media-controls-bsp_ainda_me_recordo-obrigacoes [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #media-controls-bsp_ainda_me_recordo-obrigacoes [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } /* Time and titles */ #media-controls-bsp_ainda_me_recordo-obrigacoes span.time, #media-controls-bsp_ainda_me_recordo-obrigacoes span.player-extra-element, #media-controls-bsp_ainda_me_recordo-obrigacoes span.duration { font-size: 14px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; width: 8.00%; padding: 0; margin: 0; vertical-align: top; } @media screen and (max-width: 586px) { #media-controls-bsp_ainda_me_recordo-obrigacoes span.time, #media-controls-bsp_ainda_me_recordo-obrigacoes span.player-extra-element, #media-controls-bsp_ainda_me_recordo-obrigacoes span.duration { font-size: 11px; } } /* @end */ /* @group Captions */ /* @end */ /* @group Scrubber Bar */ #media-controls-bsp_ainda_me_recordo-obrigacoes .scrubberWrapper { margin: 0; padding: 0; position: relative; line-height: 1; vertical-align: middle; margin-top: 10px; display: block; float: left; width: 40.00%; } #media-controls-bsp_ainda_me_recordo-obrigacoes .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; position: relative; z-index: 2; } #media-controls-bsp_ainda_me_recordo-obrigacoes .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(82, 157, 225, 1.00)), color-stop(100%, rgba(36, 94, 143, 1.00))); background-image: -webkit-linear-gradient(top, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); background-image: linear-gradient(to bottom, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); padding: 0; margin: 0; z-index: 10; position: relative; } /* @end */ /* @group Responsive Behaviour */ @media screen and (max-width: 586px) { .mobile-hide, .mobilehide, .mobile-none, .mobilenone, .no-mobile, .nomobile { display: none !important; } } /* @end */ /* @group Helper Classes */ /* Helper class to hide buttons on touch devices */ #media-controls-bsp_ainda_me_recordo-obrigacoes .playertouchdevice { display: none; } @media screen and (max-width: 568px) { #media-controls-bsp_ainda_me_recordo-obrigacoes .player-no-mobile { display: none !important; } .player-mobile-left { text-align: left !important; } .player-mobile-center { text-align: center !important; } .player-mobile-right { text-align: right !important; } } @media screen and (max-width: 768px) { .player-no-tablet { display: none !important; } .player-tablet-left { text-align: left !important; } .player-tablet-center { text-align: center !important; } .player-tablet-right { text-align: right !important; } } /* @end */ /* @group Printer styles */ @media print { #media-controls-wrapper-bsp_ainda_me_recordo-obrigacoes, #PlayerWrapper-bsp_ainda_me_recordo-obrigacoes .splash-button { display: none; } } /* @end */ /* @group Untitled Group */ /* @end */ #stacks_in_308_page5{ clear:both;padding: 0;margin: 0; counter-reset: section; -webkit-animation: opLoad 1s ease-out; -moz-animation: opLoad 1s ease-out; -o-animation: opLoad 1s ease-out; animation: opLoad 1s ease-out; } .ncp img{opacity: 0;-webkit-transition:opacity 1s ease-out;-moz-transition:opacity 1s ease-out;-o-animation: opLoad 1s ease-out;transition:opacity 1s ease-out;} .ncp img.show{opacity: 1;} .ncp img{max-width:100%;height:auto; width:auto;} .ncp .count{font-size: 11px;padding: 1px 5px 2px;margin-bottom:.5em;border:1px solid #cfcfcf;color:#aaa;border-radius:2px;display: inline-block;-webkit-font-smoothing: antialiased; } #stacks_in_308_page5 .c+.c .count{margin-left: 4px;} #stacks_in_308_page5.s3 .c.s2_3 .count,#stacks_in_308_page5.s4 .c.s2_4 .count,#stacks_in_308_page5.s4 .c.s3_4 .count{ margin-left: 2px;} .ncp .count:before{counter-increment: section;content: 'Column 'counter(section) '';} .ncp .g:before,.ncp .g:after{content:"";display:table;} .ncp .g:after{clear:both;} .ncp .c{display: block;float:left;margin: 1% 0 1% 1.6%;} .s1_1,.s1_2,.s1_3,.s1_4{margin: 1% 0;} .ncp .c:first-child { margin-left: 0; } #stacks_in_308_page5.s2 .c.s1_2 .c-pad,#stacks_in_308_page5.s3 .c.s1_3 .c-pad,#stacks_in_308_page5.s4 .c.s1_4 .c-pad{padding: 0 4px 0 0;} #stacks_in_308_page5.s3 .c.s2_3 .c-pad,#stacks_in_308_page5.s4 .c.s2_4 .c-pad,#stacks_in_308_page5.s4 .c.s3_4 .c-pad{ padding: 0 2px;} #stacks_in_308_page5.s2 .c.s2_2 .c-pad,#stacks_in_308_page5.s3 .c.s3_3 .c-pad,#stacks_in_308_page5.s4 .c.s4_4 .c-pad{ padding: 0 0 0 4px;} .ncp.s1>.c{width: 100%;}.ncp.s2>.c{width: 49.2%;}.ncp.s3>.c{width: 32.26%;}.ncp.s4>.c{width: 23.8%;} @media only screen and (max-width: 600px) { #stacks_in_308_page5 .c+.c .count, #stacks_in_308_page5.s3 .c.s2_3 .count, #stacks_in_308_page5.s4 .c.s3_4 .count{margin-left: 0;} #stacks_in_308_page5 .c{margin: 1% 0;padding: 4px 0;width: 100%;} #stacks_in_308_page5 .c:first-child,#stacks_in_308_page5.s4 .c.s1_4,#stacks_in_308_page5.s4 .c.s2_4{ padding: 0 0 4px;} #stacks_in_308_page5 .c:last-child,#stacks_in_308_page5.s4 .c.s3_4,#stacks_in_308_page5.s4 .c.s4_4{ padding: 4px 0 0;} #stacks_in_308_page5.s2 .c-pad,#stacks_in_308_page5.s3 .c-pad{ padding: 0 !important;} #stacks_in_308_page5.s4 .c.s2_4 .count, #stacks_in_308_page5.s4 .c.s4_4 .count{ margin-left: 4px;} #stacks_in_308_page5.s4 .c {width: 49.2%;} #stacks_in_308_page5.s4 .c.s1_4 .c-pad,#stacks_in_308_page5.s4 .c.s3_4 .c-pad{ padding: 0 4px 0 0;} #stacks_in_308_page5.s4 .c.s2_4 .c-pad,#stacks_in_308_page5.s4 .c.s4_4 .c-pad{ padding: 0 0 0 4px;} } @media only screen and (max-width: 300px) { #stacks_in_308_page5 .count{ margin-left: 0 !important;} #stacks_in_308_page5 .c .c-pad{padding: 0 !important;} #stacks_in_308_page5.s4 .c{width: 100%;} } @-webkit-keyframes opLoad { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes opLoad { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes opLoad { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes opLoad { 0% { opacity: 0; } 100% { opacity: 1; } } #stacks_in_308_page5 { margin: 30px 0px 30px 0px; } #stacks_in_309_page5 { padding: 10px; } #stacks_in_310_page5 { font-size: 199%; } #stacks_in_311_page5 .trigger_myID4 { cursor: pointer; display: inline-block; color: #515151; font-size: 26px; line-height: 26px; /*border: 1px blue solid;*/ } #stacks_in_311_page5 .toggle_open .closed_icon { display: none; } #stacks_in_311_page5 .toggle_closed .open_icon { display: none; } #stacks_in_311_page5 .toggle_open .closed_image { display: none; } #stacks_in_311_page5 .toggle_closed .open_image { display: none; } #stacks_in_311_page5 { position: relative; text-align: left; } #stacks_in_311_page5 .trigger_label { font-size: 18px; color: #515151; margin-left: 4px; line-height: 26px; vertical-align: top; } #stacks_in_312_page5 { position: relative; display: block; } .myID4 { position: relative; } #stacks_in_312_page5 .myID4 { padding: 0px; } #toggleWrapper_stacks_in_229_page5 { display: block; position: relative; z-index: 1; } #myToggle19 { padding: 20px; margin: 0; font-weight: normal; display: block; color: #666666; text-decoration: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-size: 150%; line-height: 30px; } #myToggle19 { background: #EAEAEA; } #myToggle19:hover { color: #999999; cursor: pointer; } /* Toggle Button */ /* Local Image Buttons */ /* Warehoused Image Buttons */ /* Font Awesone Icon Buttons */ #toggleButtonstacks_in_229_page5.togglePlusClosed .toggleOpenIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_229_page5.togglePlusClosed .toggleOpenIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_229_page5.togglePlusClosed .toggleCloseIcon { display: none; } #toggleButtonstacks_in_229_page5.togglePlusOpened .toggleCloseIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_229_page5.togglePlusOpened .toggleCloseIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_229_page5.togglePlusOpened .toggleOpenIcon { display: none; } #toggleContainer_stacks_in_229_page5 { display: none; margin-top: 5px; padding: 20px; overflow: hidden; color: #666666; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #toggleContainer_stacks_in_229_page5 { background: #EAEAEA; } @media print { #toggleButtonstacks_in_229_page5, #toggleButtonstacks_in_229_page5.toggleOpenIcon, #toggleButtonstacks_in_229_page5.toggleCloseIcon, #myToggle19 a:link:after, #myToggle19 a:visited:after { display: none !important; } #toggleContainer_stacks_in_229_page5 { display: block !important; } } #PlayerWrapper-rhythmus_und_groove { display: block; position: relative; } #PlayerWrapper-rhythmus_und_groove *, #PlayerWrapper-rhythmus_und_groove *:before, #PlayerWrapper-rhythmus_und_groove *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #MediaFrame-rhythmus_und_groove { position: relative; width: 100%; height: 0; background: rgba(0, 0, 0, 1.00); } #MediaFrame-rhythmus_und_groove { padding-bottom: 56.25%; } #PlayerWrapper-rhythmus_und_groove #media-rhythmus_und_groove { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #PlayerWrapper-rhythmus_und_groove .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #PlayerWrapper-rhythmus_und_groove .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #PlayerWrapper-rhythmus_und_groove .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #PlayerWrapper-rhythmus_und_groove .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; opacity: 0.0; background: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-rhythmus_und_groove .splash-button:hover .splash-fill { opacity: 0.0; background: rgba(255, 255, 255, 1.00); } #PlayerWrapper-rhythmus_und_groove .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-rhythmus_und_groove .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #PlayerWrapper-rhythmus_und_groove .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-rhythmus_und_groove .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-rhythmus_und_groove { position: relative; z-index: 4; width: 100%; } #media-controls-innerwrap-rhythmus_und_groove { /* margin: px; */ margin-left: 0%; margin-right: 0%; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; overflow: hidden; } #button-grid-rhythmus_und_groove { margin: 0; padding: 0; font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; line-height: 40px; color: #ffffff; list-style: none; overflow: auto; height: auto; display: block; width: 100%; position: relative; z-index: 5; opacity: 0.99; /* Gradient background */ background: rgba(153, 153, 153, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%, rgba(153, 153, 153, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153, 153, 153, 1.00)), color-stop(100%,rgba(153, 153, 153, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(153, 153, 153, 1.00)', endColorstr='rgba(153, 153, 153, 1.00)',GradientType=0 ); /* IE6-9 */ } #PlayerWrapper-rhythmus_und_groove { overflow: hidden; position: relative; } #PlayerWrapper-rhythmus_und_groove #media-controls-wrapper-rhythmus_und_groove { position: absolute; left: 0; bottom: -40px; margin-bottom: 0%; opacity: 0; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); } #PlayerWrapper-rhythmus_und_groove:hover #media-controls-wrapper-rhythmus_und_groove { opacity: 0.99; -webkit-transform: translateY(-40px); transform: translateY(-40px); } /* Don't auto-hide on touch devices */ .playertouchdevice #PlayerWrapper-rhythmus_und_groove #media-controls-wrapper-rhythmus_und_groove, .playertouchdevice #PlayerWrapper-rhythmus_und_groove:hover #media-controls-wrapper-rhythmus_und_groove { position: relative; bottom: auto; margin-bottom: 0; opacity: 1.00; -webkit-transform: none; transform: none; } #media-controls-rhythmus_und_groove button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* @group Buttons, titles and time */ #media-controls-rhythmus_und_groove span.media-button, #media-controls-rhythmus_und_groove span.time, #media-controls-rhythmus_und_groove span.player-extra-element, #media-controls-rhythmus_und_groove span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: 40px; width: 7.00%; overflow: hidden; display: block; float: left; text-align: center; vertical-align: middle; } #media-controls-rhythmus_und_groove span.media-button.left-aligned, #media-controls-rhythmus_und_groove span.time.left-aligned, #media-controls-rhythmus_und_groove span.player-extra-element.left-aligned, #media-controls-rhythmus_und_groove span.duration.left-aligned { text-align: left; } #media-controls-rhythmus_und_groove span.media-button.right-aligned, #media-controls-rhythmus_und_groove span.time.right-aligned, #media-controls-rhythmus_und_groove span.player-extra-element.right-aligned, #media-controls-rhythmus_und_groove span.duration.right-aligned { text-align: right; } /* Buttons */ #media-controls-rhythmus_und_groove span.media-button a, #media-controls-rhythmus_und_groove span.media-button button { font-size: 24px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } @media screen and (max-width: 586px) { #media-controls-rhythmus_und_groove span.media-button a, #media-controls-rhythmus_und_groove span.media-button button { font-size: 18px; } } #media-controls-rhythmus_und_groove span.media-button a:hover, #media-controls-rhythmus_und_groove span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Icons */ #media-controls-rhythmus_und_groove [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #media-controls-rhythmus_und_groove [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } /* Time and titles */ #media-controls-rhythmus_und_groove span.time, #media-controls-rhythmus_und_groove span.player-extra-element, #media-controls-rhythmus_und_groove span.duration { font-size: 14px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; width: 8.00%; padding: 0; margin: 0; vertical-align: top; } @media screen and (max-width: 586px) { #media-controls-rhythmus_und_groove span.time, #media-controls-rhythmus_und_groove span.player-extra-element, #media-controls-rhythmus_und_groove span.duration { font-size: 11px; } } /* @end */ /* @group Captions */ /* @end */ /* @group Scrubber Bar */ #media-controls-rhythmus_und_groove .scrubberWrapper { margin: 0; padding: 0; position: relative; line-height: 1; vertical-align: middle; margin-top: 10px; display: block; float: left; width: 40.00%; } #media-controls-rhythmus_und_groove .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; position: relative; z-index: 2; } #media-controls-rhythmus_und_groove .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(82, 157, 225, 1.00)), color-stop(100%, rgba(36, 94, 143, 1.00))); background-image: -webkit-linear-gradient(top, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); background-image: linear-gradient(to bottom, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); padding: 0; margin: 0; z-index: 10; position: relative; } /* @end */ /* @group Responsive Behaviour */ @media screen and (max-width: 586px) { .mobile-hide, .mobilehide, .mobile-none, .mobilenone, .no-mobile, .nomobile { display: none !important; } } /* @end */ /* @group Helper Classes */ /* Helper class to hide buttons on touch devices */ #media-controls-rhythmus_und_groove .playertouchdevice { display: none; } @media screen and (max-width: 568px) { #media-controls-rhythmus_und_groove .player-no-mobile { display: none !important; } .player-mobile-left { text-align: left !important; } .player-mobile-center { text-align: center !important; } .player-mobile-right { text-align: right !important; } } @media screen and (max-width: 768px) { .player-no-tablet { display: none !important; } .player-tablet-left { text-align: left !important; } .player-tablet-center { text-align: center !important; } .player-tablet-right { text-align: right !important; } } /* @end */ /* @group Printer styles */ @media print { #media-controls-wrapper-rhythmus_und_groove, #PlayerWrapper-rhythmus_und_groove .splash-button { display: none; } } /* @end */ /* @group Untitled Group */ /* @end */ #toggleWrapper_stacks_in_99_page5 { display: block; position: relative; z-index: 1; } #myToggle6 { padding: 20px; margin: 0; font-weight: normal; display: block; color: #666666; text-decoration: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-size: 150%; line-height: 30px; } #myToggle6 { background: #EAEAEA; } #myToggle6:hover { color: #999999; cursor: pointer; } /* Toggle Button */ /* Local Image Buttons */ /* Warehoused Image Buttons */ /* Font Awesone Icon Buttons */ #toggleButtonstacks_in_99_page5.togglePlusClosed .toggleOpenIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_99_page5.togglePlusClosed .toggleOpenIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_99_page5.togglePlusClosed .toggleCloseIcon { display: none; } #toggleButtonstacks_in_99_page5.togglePlusOpened .toggleCloseIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_99_page5.togglePlusOpened .toggleCloseIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_99_page5.togglePlusOpened .toggleOpenIcon { display: none; } #toggleContainer_stacks_in_99_page5 { display: none; margin-top: 5px; padding: 20px; overflow: hidden; color: #666666; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #toggleContainer_stacks_in_99_page5 { background: #EAEAEA; } @media print { #toggleButtonstacks_in_99_page5, #toggleButtonstacks_in_99_page5.toggleOpenIcon, #toggleButtonstacks_in_99_page5.toggleCloseIcon, #myToggle6 a:link:after, #myToggle6 a:visited:after { display: none !important; } #toggleContainer_stacks_in_99_page5 { display: block !important; } } #PlayerWrapper-bsp_polka_maxixe_betonungen { display: block; position: relative; } #PlayerWrapper-bsp_polka_maxixe_betonungen *, #PlayerWrapper-bsp_polka_maxixe_betonungen *:before, #PlayerWrapper-bsp_polka_maxixe_betonungen *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #MediaFrame-bsp_polka_maxixe_betonungen { position: relative; width: 100%; height: 0; background: rgba(0, 0, 0, 1.00); } #MediaFrame-bsp_polka_maxixe_betonungen { padding-bottom: 56.25%; } #PlayerWrapper-bsp_polka_maxixe_betonungen #media-bsp_polka_maxixe_betonungen { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #PlayerWrapper-bsp_polka_maxixe_betonungen .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #PlayerWrapper-bsp_polka_maxixe_betonungen .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #PlayerWrapper-bsp_polka_maxixe_betonungen .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #PlayerWrapper-bsp_polka_maxixe_betonungen .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; opacity: 0.0; background: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-bsp_polka_maxixe_betonungen .splash-button:hover .splash-fill { opacity: 0.0; background: rgba(255, 255, 255, 1.00); } #PlayerWrapper-bsp_polka_maxixe_betonungen .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-bsp_polka_maxixe_betonungen .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #PlayerWrapper-bsp_polka_maxixe_betonungen .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-bsp_polka_maxixe_betonungen .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-bsp_polka_maxixe_betonungen { position: relative; z-index: 4; width: 100%; } #media-controls-innerwrap-bsp_polka_maxixe_betonungen { /* margin: px; */ margin-left: 0%; margin-right: 0%; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; overflow: hidden; } #button-grid-bsp_polka_maxixe_betonungen { margin: 0; padding: 0; font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; line-height: 40px; color: #ffffff; list-style: none; overflow: auto; height: auto; display: block; width: 100%; position: relative; z-index: 5; opacity: 0.99; /* Gradient background */ background: rgba(153, 153, 153, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%, rgba(153, 153, 153, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153, 153, 153, 1.00)), color-stop(100%,rgba(153, 153, 153, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(153, 153, 153, 1.00)', endColorstr='rgba(153, 153, 153, 1.00)',GradientType=0 ); /* IE6-9 */ } #PlayerWrapper-bsp_polka_maxixe_betonungen { overflow: hidden; position: relative; } #PlayerWrapper-bsp_polka_maxixe_betonungen #media-controls-wrapper-bsp_polka_maxixe_betonungen { position: absolute; left: 0; bottom: -40px; margin-bottom: 0%; opacity: 0; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); } #PlayerWrapper-bsp_polka_maxixe_betonungen:hover #media-controls-wrapper-bsp_polka_maxixe_betonungen { opacity: 0.99; -webkit-transform: translateY(-40px); transform: translateY(-40px); } /* Don't auto-hide on touch devices */ .playertouchdevice #PlayerWrapper-bsp_polka_maxixe_betonungen #media-controls-wrapper-bsp_polka_maxixe_betonungen, .playertouchdevice #PlayerWrapper-bsp_polka_maxixe_betonungen:hover #media-controls-wrapper-bsp_polka_maxixe_betonungen { position: relative; bottom: auto; margin-bottom: 0; opacity: 1.00; -webkit-transform: none; transform: none; } #media-controls-bsp_polka_maxixe_betonungen button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* @group Buttons, titles and time */ #media-controls-bsp_polka_maxixe_betonungen span.media-button, #media-controls-bsp_polka_maxixe_betonungen span.time, #media-controls-bsp_polka_maxixe_betonungen span.player-extra-element, #media-controls-bsp_polka_maxixe_betonungen span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: 40px; width: 7.00%; overflow: hidden; display: block; float: left; text-align: center; vertical-align: middle; } #media-controls-bsp_polka_maxixe_betonungen span.media-button.left-aligned, #media-controls-bsp_polka_maxixe_betonungen span.time.left-aligned, #media-controls-bsp_polka_maxixe_betonungen span.player-extra-element.left-aligned, #media-controls-bsp_polka_maxixe_betonungen span.duration.left-aligned { text-align: left; } #media-controls-bsp_polka_maxixe_betonungen span.media-button.right-aligned, #media-controls-bsp_polka_maxixe_betonungen span.time.right-aligned, #media-controls-bsp_polka_maxixe_betonungen span.player-extra-element.right-aligned, #media-controls-bsp_polka_maxixe_betonungen span.duration.right-aligned { text-align: right; } /* Buttons */ #media-controls-bsp_polka_maxixe_betonungen span.media-button a, #media-controls-bsp_polka_maxixe_betonungen span.media-button button { font-size: 24px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } @media screen and (max-width: 586px) { #media-controls-bsp_polka_maxixe_betonungen span.media-button a, #media-controls-bsp_polka_maxixe_betonungen span.media-button button { font-size: 18px; } } #media-controls-bsp_polka_maxixe_betonungen span.media-button a:hover, #media-controls-bsp_polka_maxixe_betonungen span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Icons */ #media-controls-bsp_polka_maxixe_betonungen [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #media-controls-bsp_polka_maxixe_betonungen [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } /* Time and titles */ #media-controls-bsp_polka_maxixe_betonungen span.time, #media-controls-bsp_polka_maxixe_betonungen span.player-extra-element, #media-controls-bsp_polka_maxixe_betonungen span.duration { font-size: 14px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; width: 8.00%; padding: 0; margin: 0; vertical-align: top; } @media screen and (max-width: 586px) { #media-controls-bsp_polka_maxixe_betonungen span.time, #media-controls-bsp_polka_maxixe_betonungen span.player-extra-element, #media-controls-bsp_polka_maxixe_betonungen span.duration { font-size: 11px; } } /* @end */ /* @group Captions */ /* @end */ /* @group Scrubber Bar */ #media-controls-bsp_polka_maxixe_betonungen .scrubberWrapper { margin: 0; padding: 0; position: relative; line-height: 1; vertical-align: middle; margin-top: 10px; display: block; float: left; width: 40.00%; } #media-controls-bsp_polka_maxixe_betonungen .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; position: relative; z-index: 2; } #media-controls-bsp_polka_maxixe_betonungen .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(82, 157, 225, 1.00)), color-stop(100%, rgba(36, 94, 143, 1.00))); background-image: -webkit-linear-gradient(top, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); background-image: linear-gradient(to bottom, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); padding: 0; margin: 0; z-index: 10; position: relative; } /* @end */ /* @group Responsive Behaviour */ @media screen and (max-width: 586px) { .mobile-hide, .mobilehide, .mobile-none, .mobilenone, .no-mobile, .nomobile { display: none !important; } } /* @end */ /* @group Helper Classes */ /* Helper class to hide buttons on touch devices */ #media-controls-bsp_polka_maxixe_betonungen .playertouchdevice { display: none; } @media screen and (max-width: 568px) { #media-controls-bsp_polka_maxixe_betonungen .player-no-mobile { display: none !important; } .player-mobile-left { text-align: left !important; } .player-mobile-center { text-align: center !important; } .player-mobile-right { text-align: right !important; } } @media screen and (max-width: 768px) { .player-no-tablet { display: none !important; } .player-tablet-left { text-align: left !important; } .player-tablet-center { text-align: center !important; } .player-tablet-right { text-align: right !important; } } /* @end */ /* @group Printer styles */ @media print { #media-controls-wrapper-bsp_polka_maxixe_betonungen, #PlayerWrapper-bsp_polka_maxixe_betonungen .splash-button { display: none; } } /* @end */ /* @group Untitled Group */ /* @end */ #toggleWrapper_stacks_in_39_page5 { display: block; position: relative; z-index: 1; } #myToggle13 { padding: 20px; margin: 0; font-weight: normal; display: block; color: #666666; text-decoration: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-size: 150%; line-height: 30px; } #myToggle13 { background: #EAEAEA; } #myToggle13:hover { color: #999999; cursor: pointer; } /* Toggle Button */ /* Local Image Buttons */ /* Warehoused Image Buttons */ /* Font Awesone Icon Buttons */ #toggleButtonstacks_in_39_page5.togglePlusClosed .toggleOpenIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_39_page5.togglePlusClosed .toggleOpenIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_39_page5.togglePlusClosed .toggleCloseIcon { display: none; } #toggleButtonstacks_in_39_page5.togglePlusOpened .toggleCloseIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_39_page5.togglePlusOpened .toggleCloseIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_39_page5.togglePlusOpened .toggleOpenIcon { display: none; } #toggleContainer_stacks_in_39_page5 { display: none; margin-top: 5px; padding: 20px; overflow: hidden; color: #666666; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #toggleContainer_stacks_in_39_page5 { background: #EAEAEA; } @media print { #toggleButtonstacks_in_39_page5, #toggleButtonstacks_in_39_page5.toggleOpenIcon, #toggleButtonstacks_in_39_page5.toggleCloseIcon, #myToggle13 a:link:after, #myToggle13 a:visited:after { display: none !important; } #toggleContainer_stacks_in_39_page5 { display: block !important; } } #PlayerWrapper-rhythmus_und_groove_zusammenfassung { display: block; position: relative; } #PlayerWrapper-rhythmus_und_groove_zusammenfassung *, #PlayerWrapper-rhythmus_und_groove_zusammenfassung *:before, #PlayerWrapper-rhythmus_und_groove_zusammenfassung *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #MediaFrame-rhythmus_und_groove_zusammenfassung { position: relative; width: 100%; height: 0; background: rgba(0, 0, 0, 1.00); } #MediaFrame-rhythmus_und_groove_zusammenfassung { padding-bottom: 56.25%; } #PlayerWrapper-rhythmus_und_groove_zusammenfassung #media-rhythmus_und_groove_zusammenfassung { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #PlayerWrapper-rhythmus_und_groove_zusammenfassung .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #PlayerWrapper-rhythmus_und_groove_zusammenfassung .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #PlayerWrapper-rhythmus_und_groove_zusammenfassung .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #PlayerWrapper-rhythmus_und_groove_zusammenfassung .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; opacity: 0.0; background: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-rhythmus_und_groove_zusammenfassung .splash-button:hover .splash-fill { opacity: 0.0; background: rgba(255, 255, 255, 1.00); } #PlayerWrapper-rhythmus_und_groove_zusammenfassung .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-rhythmus_und_groove_zusammenfassung .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #PlayerWrapper-rhythmus_und_groove_zusammenfassung .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-rhythmus_und_groove_zusammenfassung .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-rhythmus_und_groove_zusammenfassung { position: relative; z-index: 4; width: 100%; } #media-controls-innerwrap-rhythmus_und_groove_zusammenfassung { /* margin: px; */ margin-left: 0%; margin-right: 0%; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; overflow: hidden; } #button-grid-rhythmus_und_groove_zusammenfassung { margin: 0; padding: 0; font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; line-height: 40px; color: #ffffff; list-style: none; overflow: auto; height: auto; display: block; width: 100%; position: relative; z-index: 5; opacity: 0.99; /* Gradient background */ background: rgba(153, 153, 153, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%, rgba(153, 153, 153, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153, 153, 153, 1.00)), color-stop(100%,rgba(153, 153, 153, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(153, 153, 153, 1.00)', endColorstr='rgba(153, 153, 153, 1.00)',GradientType=0 ); /* IE6-9 */ } #PlayerWrapper-rhythmus_und_groove_zusammenfassung { overflow: hidden; position: relative; } #PlayerWrapper-rhythmus_und_groove_zusammenfassung #media-controls-wrapper-rhythmus_und_groove_zusammenfassung { position: absolute; left: 0; bottom: -40px; margin-bottom: 0%; opacity: 0; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); } #PlayerWrapper-rhythmus_und_groove_zusammenfassung:hover #media-controls-wrapper-rhythmus_und_groove_zusammenfassung { opacity: 0.99; -webkit-transform: translateY(-40px); transform: translateY(-40px); } /* Don't auto-hide on touch devices */ .playertouchdevice #PlayerWrapper-rhythmus_und_groove_zusammenfassung #media-controls-wrapper-rhythmus_und_groove_zusammenfassung, .playertouchdevice #PlayerWrapper-rhythmus_und_groove_zusammenfassung:hover #media-controls-wrapper-rhythmus_und_groove_zusammenfassung { position: relative; bottom: auto; margin-bottom: 0; opacity: 1.00; -webkit-transform: none; transform: none; } #media-controls-rhythmus_und_groove_zusammenfassung button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* @group Buttons, titles and time */ #media-controls-rhythmus_und_groove_zusammenfassung span.media-button, #media-controls-rhythmus_und_groove_zusammenfassung span.time, #media-controls-rhythmus_und_groove_zusammenfassung span.player-extra-element, #media-controls-rhythmus_und_groove_zusammenfassung span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: 40px; width: 7.00%; overflow: hidden; display: block; float: left; text-align: center; vertical-align: middle; } #media-controls-rhythmus_und_groove_zusammenfassung span.media-button.left-aligned, #media-controls-rhythmus_und_groove_zusammenfassung span.time.left-aligned, #media-controls-rhythmus_und_groove_zusammenfassung span.player-extra-element.left-aligned, #media-controls-rhythmus_und_groove_zusammenfassung span.duration.left-aligned { text-align: left; } #media-controls-rhythmus_und_groove_zusammenfassung span.media-button.right-aligned, #media-controls-rhythmus_und_groove_zusammenfassung span.time.right-aligned, #media-controls-rhythmus_und_groove_zusammenfassung span.player-extra-element.right-aligned, #media-controls-rhythmus_und_groove_zusammenfassung span.duration.right-aligned { text-align: right; } /* Buttons */ #media-controls-rhythmus_und_groove_zusammenfassung span.media-button a, #media-controls-rhythmus_und_groove_zusammenfassung span.media-button button { font-size: 24px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } @media screen and (max-width: 586px) { #media-controls-rhythmus_und_groove_zusammenfassung span.media-button a, #media-controls-rhythmus_und_groove_zusammenfassung span.media-button button { font-size: 18px; } } #media-controls-rhythmus_und_groove_zusammenfassung span.media-button a:hover, #media-controls-rhythmus_und_groove_zusammenfassung span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Icons */ #media-controls-rhythmus_und_groove_zusammenfassung [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #media-controls-rhythmus_und_groove_zusammenfassung [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } /* Time and titles */ #media-controls-rhythmus_und_groove_zusammenfassung span.time, #media-controls-rhythmus_und_groove_zusammenfassung span.player-extra-element, #media-controls-rhythmus_und_groove_zusammenfassung span.duration { font-size: 14px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; width: 8.00%; padding: 0; margin: 0; vertical-align: top; } @media screen and (max-width: 586px) { #media-controls-rhythmus_und_groove_zusammenfassung span.time, #media-controls-rhythmus_und_groove_zusammenfassung span.player-extra-element, #media-controls-rhythmus_und_groove_zusammenfassung span.duration { font-size: 11px; } } /* @end */ /* @group Captions */ /* @end */ /* @group Scrubber Bar */ #media-controls-rhythmus_und_groove_zusammenfassung .scrubberWrapper { margin: 0; padding: 0; position: relative; line-height: 1; vertical-align: middle; margin-top: 10px; display: block; float: left; width: 40.00%; } #media-controls-rhythmus_und_groove_zusammenfassung .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; position: relative; z-index: 2; } #media-controls-rhythmus_und_groove_zusammenfassung .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(82, 157, 225, 1.00)), color-stop(100%, rgba(36, 94, 143, 1.00))); background-image: -webkit-linear-gradient(top, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); background-image: linear-gradient(to bottom, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); padding: 0; margin: 0; z-index: 10; position: relative; } /* @end */ /* @group Responsive Behaviour */ @media screen and (max-width: 586px) { .mobile-hide, .mobilehide, .mobile-none, .mobilenone, .no-mobile, .nomobile { display: none !important; } } /* @end */ /* @group Helper Classes */ /* Helper class to hide buttons on touch devices */ #media-controls-rhythmus_und_groove_zusammenfassung .playertouchdevice { display: none; } @media screen and (max-width: 568px) { #media-controls-rhythmus_und_groove_zusammenfassung .player-no-mobile { display: none !important; } .player-mobile-left { text-align: left !important; } .player-mobile-center { text-align: center !important; } .player-mobile-right { text-align: right !important; } } @media screen and (max-width: 768px) { .player-no-tablet { display: none !important; } .player-tablet-left { text-align: left !important; } .player-tablet-center { text-align: center !important; } .player-tablet-right { text-align: right !important; } } /* @end */ /* @group Printer styles */ @media print { #media-controls-wrapper-rhythmus_und_groove_zusammenfassung, #PlayerWrapper-rhythmus_und_groove_zusammenfassung .splash-button { display: none; } } /* @end */ /* @group Untitled Group */ /* @end */ #toggleWrapper_stacks_in_169_page5 { display: block; position: relative; z-index: 1; } #myToggle20 { padding: 20px; margin: 0; font-weight: normal; display: block; color: #666666; text-decoration: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-size: 150%; line-height: 30px; } #myToggle20 { background: #EAEAEA; } #myToggle20:hover { color: #999999; cursor: pointer; } /* Toggle Button */ /* Local Image Buttons */ /* Warehoused Image Buttons */ /* Font Awesone Icon Buttons */ #toggleButtonstacks_in_169_page5.togglePlusClosed .toggleOpenIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_169_page5.togglePlusClosed .toggleOpenIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_169_page5.togglePlusClosed .toggleCloseIcon { display: none; } #toggleButtonstacks_in_169_page5.togglePlusOpened .toggleCloseIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_169_page5.togglePlusOpened .toggleCloseIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_169_page5.togglePlusOpened .toggleOpenIcon { display: none; } #toggleContainer_stacks_in_169_page5 { display: none; margin-top: 5px; padding: 20px; overflow: hidden; color: #666666; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #toggleContainer_stacks_in_169_page5 { background: #EAEAEA; } @media print { #toggleButtonstacks_in_169_page5, #toggleButtonstacks_in_169_page5.toggleOpenIcon, #toggleButtonstacks_in_169_page5.toggleCloseIcon, #myToggle20 a:link:after, #myToggle20 a:visited:after { display: none !important; } #toggleContainer_stacks_in_169_page5 { display: block !important; } } #PlayerWrapper-rhythmus_und_groove_polirhythmie { display: block; position: relative; } #PlayerWrapper-rhythmus_und_groove_polirhythmie *, #PlayerWrapper-rhythmus_und_groove_polirhythmie *:before, #PlayerWrapper-rhythmus_und_groove_polirhythmie *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #MediaFrame-rhythmus_und_groove_polirhythmie { position: relative; width: 100%; height: 0; background: rgba(0, 0, 0, 1.00); } #MediaFrame-rhythmus_und_groove_polirhythmie { padding-bottom: 56.25%; } #PlayerWrapper-rhythmus_und_groove_polirhythmie #media-rhythmus_und_groove_polirhythmie { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #PlayerWrapper-rhythmus_und_groove_polirhythmie .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #PlayerWrapper-rhythmus_und_groove_polirhythmie .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #PlayerWrapper-rhythmus_und_groove_polirhythmie .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #PlayerWrapper-rhythmus_und_groove_polirhythmie .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; opacity: 0.0; background: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-rhythmus_und_groove_polirhythmie .splash-button:hover .splash-fill { opacity: 0.0; background: rgba(255, 255, 255, 1.00); } #PlayerWrapper-rhythmus_und_groove_polirhythmie .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-rhythmus_und_groove_polirhythmie .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #PlayerWrapper-rhythmus_und_groove_polirhythmie .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-rhythmus_und_groove_polirhythmie .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-rhythmus_und_groove_polirhythmie { position: relative; z-index: 4; width: 100%; } #media-controls-innerwrap-rhythmus_und_groove_polirhythmie { /* margin: px; */ margin-left: 0%; margin-right: 0%; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; overflow: hidden; } #button-grid-rhythmus_und_groove_polirhythmie { margin: 0; padding: 0; font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; line-height: 40px; color: #ffffff; list-style: none; overflow: auto; height: auto; display: block; width: 100%; position: relative; z-index: 5; opacity: 0.99; /* Gradient background */ background: rgba(153, 153, 153, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%, rgba(153, 153, 153, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153, 153, 153, 1.00)), color-stop(100%,rgba(153, 153, 153, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(153, 153, 153, 1.00)', endColorstr='rgba(153, 153, 153, 1.00)',GradientType=0 ); /* IE6-9 */ } #PlayerWrapper-rhythmus_und_groove_polirhythmie { overflow: hidden; position: relative; } #PlayerWrapper-rhythmus_und_groove_polirhythmie #media-controls-wrapper-rhythmus_und_groove_polirhythmie { position: absolute; left: 0; bottom: -40px; margin-bottom: 0%; opacity: 0; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); } #PlayerWrapper-rhythmus_und_groove_polirhythmie:hover #media-controls-wrapper-rhythmus_und_groove_polirhythmie { opacity: 0.99; -webkit-transform: translateY(-40px); transform: translateY(-40px); } /* Don't auto-hide on touch devices */ .playertouchdevice #PlayerWrapper-rhythmus_und_groove_polirhythmie #media-controls-wrapper-rhythmus_und_groove_polirhythmie, .playertouchdevice #PlayerWrapper-rhythmus_und_groove_polirhythmie:hover #media-controls-wrapper-rhythmus_und_groove_polirhythmie { position: relative; bottom: auto; margin-bottom: 0; opacity: 1.00; -webkit-transform: none; transform: none; } #media-controls-rhythmus_und_groove_polirhythmie button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* @group Buttons, titles and time */ #media-controls-rhythmus_und_groove_polirhythmie span.media-button, #media-controls-rhythmus_und_groove_polirhythmie span.time, #media-controls-rhythmus_und_groove_polirhythmie span.player-extra-element, #media-controls-rhythmus_und_groove_polirhythmie span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: 40px; width: 7.00%; overflow: hidden; display: block; float: left; text-align: center; vertical-align: middle; } #media-controls-rhythmus_und_groove_polirhythmie span.media-button.left-aligned, #media-controls-rhythmus_und_groove_polirhythmie span.time.left-aligned, #media-controls-rhythmus_und_groove_polirhythmie span.player-extra-element.left-aligned, #media-controls-rhythmus_und_groove_polirhythmie span.duration.left-aligned { text-align: left; } #media-controls-rhythmus_und_groove_polirhythmie span.media-button.right-aligned, #media-controls-rhythmus_und_groove_polirhythmie span.time.right-aligned, #media-controls-rhythmus_und_groove_polirhythmie span.player-extra-element.right-aligned, #media-controls-rhythmus_und_groove_polirhythmie span.duration.right-aligned { text-align: right; } /* Buttons */ #media-controls-rhythmus_und_groove_polirhythmie span.media-button a, #media-controls-rhythmus_und_groove_polirhythmie span.media-button button { font-size: 24px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } @media screen and (max-width: 586px) { #media-controls-rhythmus_und_groove_polirhythmie span.media-button a, #media-controls-rhythmus_und_groove_polirhythmie span.media-button button { font-size: 18px; } } #media-controls-rhythmus_und_groove_polirhythmie span.media-button a:hover, #media-controls-rhythmus_und_groove_polirhythmie span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Icons */ #media-controls-rhythmus_und_groove_polirhythmie [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #media-controls-rhythmus_und_groove_polirhythmie [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } /* Time and titles */ #media-controls-rhythmus_und_groove_polirhythmie span.time, #media-controls-rhythmus_und_groove_polirhythmie span.player-extra-element, #media-controls-rhythmus_und_groove_polirhythmie span.duration { font-size: 14px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; width: 8.00%; padding: 0; margin: 0; vertical-align: top; } @media screen and (max-width: 586px) { #media-controls-rhythmus_und_groove_polirhythmie span.time, #media-controls-rhythmus_und_groove_polirhythmie span.player-extra-element, #media-controls-rhythmus_und_groove_polirhythmie span.duration { font-size: 11px; } } /* @end */ /* @group Captions */ /* @end */ /* @group Scrubber Bar */ #media-controls-rhythmus_und_groove_polirhythmie .scrubberWrapper { margin: 0; padding: 0; position: relative; line-height: 1; vertical-align: middle; margin-top: 10px; display: block; float: left; width: 40.00%; } #media-controls-rhythmus_und_groove_polirhythmie .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; position: relative; z-index: 2; } #media-controls-rhythmus_und_groove_polirhythmie .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(82, 157, 225, 1.00)), color-stop(100%, rgba(36, 94, 143, 1.00))); background-image: -webkit-linear-gradient(top, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); background-image: linear-gradient(to bottom, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); padding: 0; margin: 0; z-index: 10; position: relative; } /* @end */ /* @group Responsive Behaviour */ @media screen and (max-width: 586px) { .mobile-hide, .mobilehide, .mobile-none, .mobilenone, .no-mobile, .nomobile { display: none !important; } } /* @end */ /* @group Helper Classes */ /* Helper class to hide buttons on touch devices */ #media-controls-rhythmus_und_groove_polirhythmie .playertouchdevice { display: none; } @media screen and (max-width: 568px) { #media-controls-rhythmus_und_groove_polirhythmie .player-no-mobile { display: none !important; } .player-mobile-left { text-align: left !important; } .player-mobile-center { text-align: center !important; } .player-mobile-right { text-align: right !important; } } @media screen and (max-width: 768px) { .player-no-tablet { display: none !important; } .player-tablet-left { text-align: left !important; } .player-tablet-center { text-align: center !important; } .player-tablet-right { text-align: right !important; } } /* @end */ /* @group Printer styles */ @media print { #media-controls-wrapper-rhythmus_und_groove_polirhythmie, #PlayerWrapper-rhythmus_und_groove_polirhythmie .splash-button { display: none; } } /* @end */ /* @group Untitled Group */ /* @end */ #toggleWrapper_stacks_in_49_page5 { display: block; position: relative; z-index: 1; } #myToggle_lundu { padding: 20px; margin: 0; font-weight: normal; display: block; color: #666666; text-decoration: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-size: 150%; line-height: 30px; } #myToggle_lundu { background: #EAEAEA; } #myToggle_lundu:hover { color: #999999; cursor: pointer; } /* Toggle Button */ /* Local Image Buttons */ /* Warehoused Image Buttons */ /* Font Awesone Icon Buttons */ #toggleButtonstacks_in_49_page5.togglePlusClosed .toggleOpenIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_49_page5.togglePlusClosed .toggleOpenIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_49_page5.togglePlusClosed .toggleCloseIcon { display: none; } #toggleButtonstacks_in_49_page5.togglePlusOpened .toggleCloseIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_49_page5.togglePlusOpened .toggleCloseIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_49_page5.togglePlusOpened .toggleOpenIcon { display: none; } #toggleContainer_stacks_in_49_page5 { display: none; margin-top: 5px; padding: 20px; overflow: hidden; color: #666666; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #toggleContainer_stacks_in_49_page5 { background: #EAEAEA; } @media print { #toggleButtonstacks_in_49_page5, #toggleButtonstacks_in_49_page5.toggleOpenIcon, #toggleButtonstacks_in_49_page5.toggleCloseIcon, #myToggle_lundu a:link:after, #myToggle_lundu a:visited:after { display: none !important; } #toggleContainer_stacks_in_49_page5 { display: block !important; } } #PlayerWrapper-rhythmus_und_groove_lundu_und_maxixe { display: block; position: relative; } #PlayerWrapper-rhythmus_und_groove_lundu_und_maxixe *, #PlayerWrapper-rhythmus_und_groove_lundu_und_maxixe *:before, #PlayerWrapper-rhythmus_und_groove_lundu_und_maxixe *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #MediaFrame-rhythmus_und_groove_lundu_und_maxixe { position: relative; width: 100%; height: 0; background: rgba(0, 0, 0, 1.00); } #MediaFrame-rhythmus_und_groove_lundu_und_maxixe { padding-bottom: 56.25%; } #PlayerWrapper-rhythmus_und_groove_lundu_und_maxixe #media-rhythmus_und_groove_lundu_und_maxixe { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #PlayerWrapper-rhythmus_und_groove_lundu_und_maxixe .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #PlayerWrapper-rhythmus_und_groove_lundu_und_maxixe .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #PlayerWrapper-rhythmus_und_groove_lundu_und_maxixe .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #PlayerWrapper-rhythmus_und_groove_lundu_und_maxixe .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; opacity: 0.0; background: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-rhythmus_und_groove_lundu_und_maxixe .splash-button:hover .splash-fill { opacity: 0.0; background: rgba(255, 255, 255, 1.00); } #PlayerWrapper-rhythmus_und_groove_lundu_und_maxixe .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-rhythmus_und_groove_lundu_und_maxixe .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #PlayerWrapper-rhythmus_und_groove_lundu_und_maxixe .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-rhythmus_und_groove_lundu_und_maxixe .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-rhythmus_und_groove_lundu_und_maxixe { position: relative; z-index: 4; width: 100%; } #media-controls-innerwrap-rhythmus_und_groove_lundu_und_maxixe { /* margin: px; */ margin-left: 0%; margin-right: 0%; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; overflow: hidden; } #button-grid-rhythmus_und_groove_lundu_und_maxixe { margin: 0; padding: 0; font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; line-height: 40px; color: #ffffff; list-style: none; overflow: auto; height: auto; display: block; width: 100%; position: relative; z-index: 5; opacity: 0.99; /* Gradient background */ background: rgba(153, 153, 153, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%, rgba(153, 153, 153, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153, 153, 153, 1.00)), color-stop(100%,rgba(153, 153, 153, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(153, 153, 153, 1.00)', endColorstr='rgba(153, 153, 153, 1.00)',GradientType=0 ); /* IE6-9 */ } #PlayerWrapper-rhythmus_und_groove_lundu_und_maxixe { overflow: hidden; position: relative; } #PlayerWrapper-rhythmus_und_groove_lundu_und_maxixe #media-controls-wrapper-rhythmus_und_groove_lundu_und_maxixe { position: absolute; left: 0; bottom: -40px; margin-bottom: 0%; opacity: 0; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); } #PlayerWrapper-rhythmus_und_groove_lundu_und_maxixe:hover #media-controls-wrapper-rhythmus_und_groove_lundu_und_maxixe { opacity: 0.99; -webkit-transform: translateY(-40px); transform: translateY(-40px); } /* Don't auto-hide on touch devices */ .playertouchdevice #PlayerWrapper-rhythmus_und_groove_lundu_und_maxixe #media-controls-wrapper-rhythmus_und_groove_lundu_und_maxixe, .playertouchdevice #PlayerWrapper-rhythmus_und_groove_lundu_und_maxixe:hover #media-controls-wrapper-rhythmus_und_groove_lundu_und_maxixe { position: relative; bottom: auto; margin-bottom: 0; opacity: 1.00; -webkit-transform: none; transform: none; } #media-controls-rhythmus_und_groove_lundu_und_maxixe button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* @group Buttons, titles and time */ #media-controls-rhythmus_und_groove_lundu_und_maxixe span.media-button, #media-controls-rhythmus_und_groove_lundu_und_maxixe span.time, #media-controls-rhythmus_und_groove_lundu_und_maxixe span.player-extra-element, #media-controls-rhythmus_und_groove_lundu_und_maxixe span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: 40px; width: 7.00%; overflow: hidden; display: block; float: left; text-align: center; vertical-align: middle; } #media-controls-rhythmus_und_groove_lundu_und_maxixe span.media-button.left-aligned, #media-controls-rhythmus_und_groove_lundu_und_maxixe span.time.left-aligned, #media-controls-rhythmus_und_groove_lundu_und_maxixe span.player-extra-element.left-aligned, #media-controls-rhythmus_und_groove_lundu_und_maxixe span.duration.left-aligned { text-align: left; } #media-controls-rhythmus_und_groove_lundu_und_maxixe span.media-button.right-aligned, #media-controls-rhythmus_und_groove_lundu_und_maxixe span.time.right-aligned, #media-controls-rhythmus_und_groove_lundu_und_maxixe span.player-extra-element.right-aligned, #media-controls-rhythmus_und_groove_lundu_und_maxixe span.duration.right-aligned { text-align: right; } /* Buttons */ #media-controls-rhythmus_und_groove_lundu_und_maxixe span.media-button a, #media-controls-rhythmus_und_groove_lundu_und_maxixe span.media-button button { font-size: 24px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } @media screen and (max-width: 586px) { #media-controls-rhythmus_und_groove_lundu_und_maxixe span.media-button a, #media-controls-rhythmus_und_groove_lundu_und_maxixe span.media-button button { font-size: 18px; } } #media-controls-rhythmus_und_groove_lundu_und_maxixe span.media-button a:hover, #media-controls-rhythmus_und_groove_lundu_und_maxixe span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Icons */ #media-controls-rhythmus_und_groove_lundu_und_maxixe [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #media-controls-rhythmus_und_groove_lundu_und_maxixe [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } /* Time and titles */ #media-controls-rhythmus_und_groove_lundu_und_maxixe span.time, #media-controls-rhythmus_und_groove_lundu_und_maxixe span.player-extra-element, #media-controls-rhythmus_und_groove_lundu_und_maxixe span.duration { font-size: 14px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; width: 8.00%; padding: 0; margin: 0; vertical-align: top; } @media screen and (max-width: 586px) { #media-controls-rhythmus_und_groove_lundu_und_maxixe span.time, #media-controls-rhythmus_und_groove_lundu_und_maxixe span.player-extra-element, #media-controls-rhythmus_und_groove_lundu_und_maxixe span.duration { font-size: 11px; } } /* @end */ /* @group Captions */ /* @end */ /* @group Scrubber Bar */ #media-controls-rhythmus_und_groove_lundu_und_maxixe .scrubberWrapper { margin: 0; padding: 0; position: relative; line-height: 1; vertical-align: middle; margin-top: 10px; display: block; float: left; width: 40.00%; } #media-controls-rhythmus_und_groove_lundu_und_maxixe .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; position: relative; z-index: 2; } #media-controls-rhythmus_und_groove_lundu_und_maxixe .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(82, 157, 225, 1.00)), color-stop(100%, rgba(36, 94, 143, 1.00))); background-image: -webkit-linear-gradient(top, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); background-image: linear-gradient(to bottom, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); padding: 0; margin: 0; z-index: 10; position: relative; } /* @end */ /* @group Responsive Behaviour */ @media screen and (max-width: 586px) { .mobile-hide, .mobilehide, .mobile-none, .mobilenone, .no-mobile, .nomobile { display: none !important; } } /* @end */ /* @group Helper Classes */ /* Helper class to hide buttons on touch devices */ #media-controls-rhythmus_und_groove_lundu_und_maxixe .playertouchdevice { display: none; } @media screen and (max-width: 568px) { #media-controls-rhythmus_und_groove_lundu_und_maxixe .player-no-mobile { display: none !important; } .player-mobile-left { text-align: left !important; } .player-mobile-center { text-align: center !important; } .player-mobile-right { text-align: right !important; } } @media screen and (max-width: 768px) { .player-no-tablet { display: none !important; } .player-tablet-left { text-align: left !important; } .player-tablet-center { text-align: center !important; } .player-tablet-right { text-align: right !important; } } /* @end */ /* @group Printer styles */ @media print { #media-controls-wrapper-rhythmus_und_groove_lundu_und_maxixe, #PlayerWrapper-rhythmus_und_groove_lundu_und_maxixe .splash-button { display: none; } } /* @end */ /* @group Untitled Group */ /* @end */ #toggleWrapper_stacks_in_447_page5 { display: block; position: relative; z-index: 1; } #myToggle_betonungen { padding: 20px; margin: 0; font-weight: normal; display: block; color: #666666; text-decoration: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-size: 150%; line-height: 30px; } #myToggle_betonungen { background: #EAEAEA; } #myToggle_betonungen:hover { color: #999999; cursor: pointer; } /* Toggle Button */ /* Local Image Buttons */ /* Warehoused Image Buttons */ /* Font Awesone Icon Buttons */ #toggleButtonstacks_in_447_page5.togglePlusClosed .toggleOpenIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_447_page5.togglePlusClosed .toggleOpenIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_447_page5.togglePlusClosed .toggleCloseIcon { display: none; } #toggleButtonstacks_in_447_page5.togglePlusOpened .toggleCloseIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_447_page5.togglePlusOpened .toggleCloseIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_447_page5.togglePlusOpened .toggleOpenIcon { display: none; } #toggleContainer_stacks_in_447_page5 { display: none; margin-top: 5px; padding: 20px; overflow: hidden; color: #666666; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #toggleContainer_stacks_in_447_page5 { background: #EAEAEA; } @media print { #toggleButtonstacks_in_447_page5, #toggleButtonstacks_in_447_page5.toggleOpenIcon, #toggleButtonstacks_in_447_page5.toggleCloseIcon, #myToggle_betonungen a:link:after, #myToggle_betonungen a:visited:after { display: none !important; } #toggleContainer_stacks_in_447_page5 { display: block !important; } } #PlayerWrapper-rhythmus_und_groove_betonungen_und_phrasierungen { display: block; position: relative; } #PlayerWrapper-rhythmus_und_groove_betonungen_und_phrasierungen *, #PlayerWrapper-rhythmus_und_groove_betonungen_und_phrasierungen *:before, #PlayerWrapper-rhythmus_und_groove_betonungen_und_phrasierungen *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #MediaFrame-rhythmus_und_groove_betonungen_und_phrasierungen { position: relative; width: 100%; height: 0; background: rgba(0, 0, 0, 1.00); } #MediaFrame-rhythmus_und_groove_betonungen_und_phrasierungen { padding-bottom: 56.25%; } #PlayerWrapper-rhythmus_und_groove_betonungen_und_phrasierungen #media-rhythmus_und_groove_betonungen_und_phrasierungen { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #PlayerWrapper-rhythmus_und_groove_betonungen_und_phrasierungen .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #PlayerWrapper-rhythmus_und_groove_betonungen_und_phrasierungen .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #PlayerWrapper-rhythmus_und_groove_betonungen_und_phrasierungen .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #PlayerWrapper-rhythmus_und_groove_betonungen_und_phrasierungen .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; opacity: 0.0; background: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-rhythmus_und_groove_betonungen_und_phrasierungen .splash-button:hover .splash-fill { opacity: 0.0; background: rgba(255, 255, 255, 1.00); } #PlayerWrapper-rhythmus_und_groove_betonungen_und_phrasierungen .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-rhythmus_und_groove_betonungen_und_phrasierungen .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #PlayerWrapper-rhythmus_und_groove_betonungen_und_phrasierungen .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-rhythmus_und_groove_betonungen_und_phrasierungen .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-rhythmus_und_groove_betonungen_und_phrasierungen { position: relative; z-index: 4; width: 100%; } #media-controls-innerwrap-rhythmus_und_groove_betonungen_und_phrasierungen { /* margin: px; */ margin-left: 0%; margin-right: 0%; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; overflow: hidden; } #button-grid-rhythmus_und_groove_betonungen_und_phrasierungen { margin: 0; padding: 0; font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; line-height: 40px; color: #ffffff; list-style: none; overflow: auto; height: auto; display: block; width: 100%; position: relative; z-index: 5; opacity: 0.99; /* Gradient background */ background: rgba(153, 153, 153, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%, rgba(153, 153, 153, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153, 153, 153, 1.00)), color-stop(100%,rgba(153, 153, 153, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(153, 153, 153, 1.00)', endColorstr='rgba(153, 153, 153, 1.00)',GradientType=0 ); /* IE6-9 */ } #PlayerWrapper-rhythmus_und_groove_betonungen_und_phrasierungen { overflow: hidden; position: relative; } #PlayerWrapper-rhythmus_und_groove_betonungen_und_phrasierungen #media-controls-wrapper-rhythmus_und_groove_betonungen_und_phrasierungen { position: absolute; left: 0; bottom: -40px; margin-bottom: 0%; opacity: 0; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); } #PlayerWrapper-rhythmus_und_groove_betonungen_und_phrasierungen:hover #media-controls-wrapper-rhythmus_und_groove_betonungen_und_phrasierungen { opacity: 0.99; -webkit-transform: translateY(-40px); transform: translateY(-40px); } /* Don't auto-hide on touch devices */ .playertouchdevice #PlayerWrapper-rhythmus_und_groove_betonungen_und_phrasierungen #media-controls-wrapper-rhythmus_und_groove_betonungen_und_phrasierungen, .playertouchdevice #PlayerWrapper-rhythmus_und_groove_betonungen_und_phrasierungen:hover #media-controls-wrapper-rhythmus_und_groove_betonungen_und_phrasierungen { position: relative; bottom: auto; margin-bottom: 0; opacity: 1.00; -webkit-transform: none; transform: none; } #media-controls-rhythmus_und_groove_betonungen_und_phrasierungen button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* @group Buttons, titles and time */ #media-controls-rhythmus_und_groove_betonungen_und_phrasierungen span.media-button, #media-controls-rhythmus_und_groove_betonungen_und_phrasierungen span.time, #media-controls-rhythmus_und_groove_betonungen_und_phrasierungen span.player-extra-element, #media-controls-rhythmus_und_groove_betonungen_und_phrasierungen span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: 40px; width: 7.00%; overflow: hidden; display: block; float: left; text-align: center; vertical-align: middle; } #media-controls-rhythmus_und_groove_betonungen_und_phrasierungen span.media-button.left-aligned, #media-controls-rhythmus_und_groove_betonungen_und_phrasierungen span.time.left-aligned, #media-controls-rhythmus_und_groove_betonungen_und_phrasierungen span.player-extra-element.left-aligned, #media-controls-rhythmus_und_groove_betonungen_und_phrasierungen span.duration.left-aligned { text-align: left; } #media-controls-rhythmus_und_groove_betonungen_und_phrasierungen span.media-button.right-aligned, #media-controls-rhythmus_und_groove_betonungen_und_phrasierungen span.time.right-aligned, #media-controls-rhythmus_und_groove_betonungen_und_phrasierungen span.player-extra-element.right-aligned, #media-controls-rhythmus_und_groove_betonungen_und_phrasierungen span.duration.right-aligned { text-align: right; } /* Buttons */ #media-controls-rhythmus_und_groove_betonungen_und_phrasierungen span.media-button a, #media-controls-rhythmus_und_groove_betonungen_und_phrasierungen span.media-button button { font-size: 24px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } @media screen and (max-width: 586px) { #media-controls-rhythmus_und_groove_betonungen_und_phrasierungen span.media-button a, #media-controls-rhythmus_und_groove_betonungen_und_phrasierungen span.media-button button { font-size: 18px; } } #media-controls-rhythmus_und_groove_betonungen_und_phrasierungen span.media-button a:hover, #media-controls-rhythmus_und_groove_betonungen_und_phrasierungen span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Icons */ #media-controls-rhythmus_und_groove_betonungen_und_phrasierungen [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #media-controls-rhythmus_und_groove_betonungen_und_phrasierungen [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } /* Time and titles */ #media-controls-rhythmus_und_groove_betonungen_und_phrasierungen span.time, #media-controls-rhythmus_und_groove_betonungen_und_phrasierungen span.player-extra-element, #media-controls-rhythmus_und_groove_betonungen_und_phrasierungen span.duration { font-size: 14px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; width: 8.00%; padding: 0; margin: 0; vertical-align: top; } @media screen and (max-width: 586px) { #media-controls-rhythmus_und_groove_betonungen_und_phrasierungen span.time, #media-controls-rhythmus_und_groove_betonungen_und_phrasierungen span.player-extra-element, #media-controls-rhythmus_und_groove_betonungen_und_phrasierungen span.duration { font-size: 11px; } } /* @end */ /* @group Captions */ /* @end */ /* @group Scrubber Bar */ #media-controls-rhythmus_und_groove_betonungen_und_phrasierungen .scrubberWrapper { margin: 0; padding: 0; position: relative; line-height: 1; vertical-align: middle; margin-top: 10px; display: block; float: left; width: 40.00%; } #media-controls-rhythmus_und_groove_betonungen_und_phrasierungen .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; position: relative; z-index: 2; } #media-controls-rhythmus_und_groove_betonungen_und_phrasierungen .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(82, 157, 225, 1.00)), color-stop(100%, rgba(36, 94, 143, 1.00))); background-image: -webkit-linear-gradient(top, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); background-image: linear-gradient(to bottom, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); padding: 0; margin: 0; z-index: 10; position: relative; } /* @end */ /* @group Responsive Behaviour */ @media screen and (max-width: 586px) { .mobile-hide, .mobilehide, .mobile-none, .mobilenone, .no-mobile, .nomobile { display: none !important; } } /* @end */ /* @group Helper Classes */ /* Helper class to hide buttons on touch devices */ #media-controls-rhythmus_und_groove_betonungen_und_phrasierungen .playertouchdevice { display: none; } @media screen and (max-width: 568px) { #media-controls-rhythmus_und_groove_betonungen_und_phrasierungen .player-no-mobile { display: none !important; } .player-mobile-left { text-align: left !important; } .player-mobile-center { text-align: center !important; } .player-mobile-right { text-align: right !important; } } @media screen and (max-width: 768px) { .player-no-tablet { display: none !important; } .player-tablet-left { text-align: left !important; } .player-tablet-center { text-align: center !important; } .player-tablet-right { text-align: right !important; } } /* @end */ /* @group Printer styles */ @media print { #media-controls-wrapper-rhythmus_und_groove_betonungen_und_phrasierungen, #PlayerWrapper-rhythmus_und_groove_betonungen_und_phrasierungen .splash-button { display: none; } } /* @end */ /* @group Untitled Group */ /* @end */ #toggleWrapper_stacks_in_437_page5 { display: block; position: relative; z-index: 1; } #myToggle12 { padding: 20px; margin: 0; font-weight: normal; display: block; color: #666666; text-decoration: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-size: 150%; line-height: 30px; } #myToggle12 { background: #EAEAEA; } #myToggle12:hover { color: #999999; cursor: pointer; } /* Toggle Button */ /* Local Image Buttons */ /* Warehoused Image Buttons */ /* Font Awesone Icon Buttons */ #toggleButtonstacks_in_437_page5.togglePlusClosed .toggleOpenIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_437_page5.togglePlusClosed .toggleOpenIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_437_page5.togglePlusClosed .toggleCloseIcon { display: none; } #toggleButtonstacks_in_437_page5.togglePlusOpened .toggleCloseIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_437_page5.togglePlusOpened .toggleCloseIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_437_page5.togglePlusOpened .toggleOpenIcon { display: none; } #toggleContainer_stacks_in_437_page5 { display: none; margin-top: 5px; padding: 20px; overflow: hidden; color: #666666; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #toggleContainer_stacks_in_437_page5 { background: #EAEAEA; } @media print { #toggleButtonstacks_in_437_page5, #toggleButtonstacks_in_437_page5.toggleOpenIcon, #toggleButtonstacks_in_437_page5.toggleCloseIcon, #myToggle12 a:link:after, #myToggle12 a:visited:after { display: none !important; } #toggleContainer_stacks_in_437_page5 { display: block !important; } } #PlayerWrapper-rhythmus_und_groove_betonungen_in_der_melodie { display: block; position: relative; } #PlayerWrapper-rhythmus_und_groove_betonungen_in_der_melodie *, #PlayerWrapper-rhythmus_und_groove_betonungen_in_der_melodie *:before, #PlayerWrapper-rhythmus_und_groove_betonungen_in_der_melodie *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #MediaFrame-rhythmus_und_groove_betonungen_in_der_melodie { position: relative; width: 100%; height: 0; background: rgba(0, 0, 0, 1.00); } #MediaFrame-rhythmus_und_groove_betonungen_in_der_melodie { padding-bottom: 56.25%; } #PlayerWrapper-rhythmus_und_groove_betonungen_in_der_melodie #media-rhythmus_und_groove_betonungen_in_der_melodie { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #PlayerWrapper-rhythmus_und_groove_betonungen_in_der_melodie .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #PlayerWrapper-rhythmus_und_groove_betonungen_in_der_melodie .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #PlayerWrapper-rhythmus_und_groove_betonungen_in_der_melodie .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #PlayerWrapper-rhythmus_und_groove_betonungen_in_der_melodie .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; opacity: 0.0; background: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-rhythmus_und_groove_betonungen_in_der_melodie .splash-button:hover .splash-fill { opacity: 0.0; background: rgba(255, 255, 255, 1.00); } #PlayerWrapper-rhythmus_und_groove_betonungen_in_der_melodie .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-rhythmus_und_groove_betonungen_in_der_melodie .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #PlayerWrapper-rhythmus_und_groove_betonungen_in_der_melodie .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-rhythmus_und_groove_betonungen_in_der_melodie .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-rhythmus_und_groove_betonungen_in_der_melodie { position: relative; z-index: 4; width: 100%; } #media-controls-innerwrap-rhythmus_und_groove_betonungen_in_der_melodie { /* margin: px; */ margin-left: 0%; margin-right: 0%; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; overflow: hidden; } #button-grid-rhythmus_und_groove_betonungen_in_der_melodie { margin: 0; padding: 0; font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; line-height: 40px; color: #ffffff; list-style: none; overflow: auto; height: auto; display: block; width: 100%; position: relative; z-index: 5; opacity: 0.99; /* Gradient background */ background: rgba(153, 153, 153, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%, rgba(153, 153, 153, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153, 153, 153, 1.00)), color-stop(100%,rgba(153, 153, 153, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(153, 153, 153, 1.00)', endColorstr='rgba(153, 153, 153, 1.00)',GradientType=0 ); /* IE6-9 */ } #PlayerWrapper-rhythmus_und_groove_betonungen_in_der_melodie { overflow: hidden; position: relative; } #PlayerWrapper-rhythmus_und_groove_betonungen_in_der_melodie #media-controls-wrapper-rhythmus_und_groove_betonungen_in_der_melodie { position: absolute; left: 0; bottom: -40px; margin-bottom: 0%; opacity: 0; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); } #PlayerWrapper-rhythmus_und_groove_betonungen_in_der_melodie:hover #media-controls-wrapper-rhythmus_und_groove_betonungen_in_der_melodie { opacity: 0.99; -webkit-transform: translateY(-40px); transform: translateY(-40px); } /* Don't auto-hide on touch devices */ .playertouchdevice #PlayerWrapper-rhythmus_und_groove_betonungen_in_der_melodie #media-controls-wrapper-rhythmus_und_groove_betonungen_in_der_melodie, .playertouchdevice #PlayerWrapper-rhythmus_und_groove_betonungen_in_der_melodie:hover #media-controls-wrapper-rhythmus_und_groove_betonungen_in_der_melodie { position: relative; bottom: auto; margin-bottom: 0; opacity: 1.00; -webkit-transform: none; transform: none; } #media-controls-rhythmus_und_groove_betonungen_in_der_melodie button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* @group Buttons, titles and time */ #media-controls-rhythmus_und_groove_betonungen_in_der_melodie span.media-button, #media-controls-rhythmus_und_groove_betonungen_in_der_melodie span.time, #media-controls-rhythmus_und_groove_betonungen_in_der_melodie span.player-extra-element, #media-controls-rhythmus_und_groove_betonungen_in_der_melodie span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: 40px; width: 7.00%; overflow: hidden; display: block; float: left; text-align: center; vertical-align: middle; } #media-controls-rhythmus_und_groove_betonungen_in_der_melodie span.media-button.left-aligned, #media-controls-rhythmus_und_groove_betonungen_in_der_melodie span.time.left-aligned, #media-controls-rhythmus_und_groove_betonungen_in_der_melodie span.player-extra-element.left-aligned, #media-controls-rhythmus_und_groove_betonungen_in_der_melodie span.duration.left-aligned { text-align: left; } #media-controls-rhythmus_und_groove_betonungen_in_der_melodie span.media-button.right-aligned, #media-controls-rhythmus_und_groove_betonungen_in_der_melodie span.time.right-aligned, #media-controls-rhythmus_und_groove_betonungen_in_der_melodie span.player-extra-element.right-aligned, #media-controls-rhythmus_und_groove_betonungen_in_der_melodie span.duration.right-aligned { text-align: right; } /* Buttons */ #media-controls-rhythmus_und_groove_betonungen_in_der_melodie span.media-button a, #media-controls-rhythmus_und_groove_betonungen_in_der_melodie span.media-button button { font-size: 24px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } @media screen and (max-width: 586px) { #media-controls-rhythmus_und_groove_betonungen_in_der_melodie span.media-button a, #media-controls-rhythmus_und_groove_betonungen_in_der_melodie span.media-button button { font-size: 18px; } } #media-controls-rhythmus_und_groove_betonungen_in_der_melodie span.media-button a:hover, #media-controls-rhythmus_und_groove_betonungen_in_der_melodie span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Icons */ #media-controls-rhythmus_und_groove_betonungen_in_der_melodie [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #media-controls-rhythmus_und_groove_betonungen_in_der_melodie [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } /* Time and titles */ #media-controls-rhythmus_und_groove_betonungen_in_der_melodie span.time, #media-controls-rhythmus_und_groove_betonungen_in_der_melodie span.player-extra-element, #media-controls-rhythmus_und_groove_betonungen_in_der_melodie span.duration { font-size: 14px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; width: 8.00%; padding: 0; margin: 0; vertical-align: top; } @media screen and (max-width: 586px) { #media-controls-rhythmus_und_groove_betonungen_in_der_melodie span.time, #media-controls-rhythmus_und_groove_betonungen_in_der_melodie span.player-extra-element, #media-controls-rhythmus_und_groove_betonungen_in_der_melodie span.duration { font-size: 11px; } } /* @end */ /* @group Captions */ /* @end */ /* @group Scrubber Bar */ #media-controls-rhythmus_und_groove_betonungen_in_der_melodie .scrubberWrapper { margin: 0; padding: 0; position: relative; line-height: 1; vertical-align: middle; margin-top: 10px; display: block; float: left; width: 40.00%; } #media-controls-rhythmus_und_groove_betonungen_in_der_melodie .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; position: relative; z-index: 2; } #media-controls-rhythmus_und_groove_betonungen_in_der_melodie .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(82, 157, 225, 1.00)), color-stop(100%, rgba(36, 94, 143, 1.00))); background-image: -webkit-linear-gradient(top, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); background-image: linear-gradient(to bottom, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); padding: 0; margin: 0; z-index: 10; position: relative; } /* @end */ /* @group Responsive Behaviour */ @media screen and (max-width: 586px) { .mobile-hide, .mobilehide, .mobile-none, .mobilenone, .no-mobile, .nomobile { display: none !important; } } /* @end */ /* @group Helper Classes */ /* Helper class to hide buttons on touch devices */ #media-controls-rhythmus_und_groove_betonungen_in_der_melodie .playertouchdevice { display: none; } @media screen and (max-width: 568px) { #media-controls-rhythmus_und_groove_betonungen_in_der_melodie .player-no-mobile { display: none !important; } .player-mobile-left { text-align: left !important; } .player-mobile-center { text-align: center !important; } .player-mobile-right { text-align: right !important; } } @media screen and (max-width: 768px) { .player-no-tablet { display: none !important; } .player-tablet-left { text-align: left !important; } .player-tablet-center { text-align: center !important; } .player-tablet-right { text-align: right !important; } } /* @end */ /* @group Printer styles */ @media print { #media-controls-wrapper-rhythmus_und_groove_betonungen_in_der_melodie, #PlayerWrapper-rhythmus_und_groove_betonungen_in_der_melodie .splash-button { display: none; } } /* @end */ /* @group Untitled Group */ /* @end */ #stacks_in_321_page5{ clear:both;padding: 0;margin: 0; counter-reset: section; -webkit-animation: opLoad 1s ease-out; -moz-animation: opLoad 1s ease-out; -o-animation: opLoad 1s ease-out; animation: opLoad 1s ease-out; } .ncp img{opacity: 0;-webkit-transition:opacity 1s ease-out;-moz-transition:opacity 1s ease-out;-o-animation: opLoad 1s ease-out;transition:opacity 1s ease-out;} .ncp img.show{opacity: 1;} .ncp img{max-width:100%;height:auto; width:auto;} .ncp .count{font-size: 11px;padding: 1px 5px 2px;margin-bottom:.5em;border:1px solid #cfcfcf;color:#aaa;border-radius:2px;display: inline-block;-webkit-font-smoothing: antialiased; } #stacks_in_321_page5 .c+.c .count{margin-left: 4px;} #stacks_in_321_page5.s3 .c.s2_3 .count,#stacks_in_321_page5.s4 .c.s2_4 .count,#stacks_in_321_page5.s4 .c.s3_4 .count{ margin-left: 2px;} .ncp .count:before{counter-increment: section;content: 'Column 'counter(section) '';} .ncp .g:before,.ncp .g:after{content:"";display:table;} .ncp .g:after{clear:both;} .ncp .c{display: block;float:left;margin: 1% 0 1% 1.6%;} .s1_1,.s1_2,.s1_3,.s1_4{margin: 1% 0;} .ncp .c:first-child { margin-left: 0; } #stacks_in_321_page5.s2 .c.s1_2 .c-pad,#stacks_in_321_page5.s3 .c.s1_3 .c-pad,#stacks_in_321_page5.s4 .c.s1_4 .c-pad{padding: 0 4px 0 0;} #stacks_in_321_page5.s3 .c.s2_3 .c-pad,#stacks_in_321_page5.s4 .c.s2_4 .c-pad,#stacks_in_321_page5.s4 .c.s3_4 .c-pad{ padding: 0 2px;} #stacks_in_321_page5.s2 .c.s2_2 .c-pad,#stacks_in_321_page5.s3 .c.s3_3 .c-pad,#stacks_in_321_page5.s4 .c.s4_4 .c-pad{ padding: 0 0 0 4px;} .ncp.s1>.c{width: 100%;}.ncp.s2>.c{width: 49.2%;}.ncp.s3>.c{width: 32.26%;}.ncp.s4>.c{width: 23.8%;} @media only screen and (max-width: 600px) { #stacks_in_321_page5 .c+.c .count, #stacks_in_321_page5.s3 .c.s2_3 .count, #stacks_in_321_page5.s4 .c.s3_4 .count{margin-left: 0;} #stacks_in_321_page5 .c{margin: 1% 0;padding: 4px 0;width: 100%;} #stacks_in_321_page5 .c:first-child,#stacks_in_321_page5.s4 .c.s1_4,#stacks_in_321_page5.s4 .c.s2_4{ padding: 0 0 4px;} #stacks_in_321_page5 .c:last-child,#stacks_in_321_page5.s4 .c.s3_4,#stacks_in_321_page5.s4 .c.s4_4{ padding: 4px 0 0;} #stacks_in_321_page5.s2 .c-pad,#stacks_in_321_page5.s3 .c-pad{ padding: 0 !important;} #stacks_in_321_page5.s4 .c.s2_4 .count, #stacks_in_321_page5.s4 .c.s4_4 .count{ margin-left: 4px;} #stacks_in_321_page5.s4 .c {width: 49.2%;} #stacks_in_321_page5.s4 .c.s1_4 .c-pad,#stacks_in_321_page5.s4 .c.s3_4 .c-pad{ padding: 0 4px 0 0;} #stacks_in_321_page5.s4 .c.s2_4 .c-pad,#stacks_in_321_page5.s4 .c.s4_4 .c-pad{ padding: 0 0 0 4px;} } @media only screen and (max-width: 300px) { #stacks_in_321_page5 .count{ margin-left: 0 !important;} #stacks_in_321_page5 .c .c-pad{padding: 0 !important;} #stacks_in_321_page5.s4 .c{width: 100%;} } @-webkit-keyframes opLoad { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes opLoad { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes opLoad { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes opLoad { 0% { opacity: 0; } 100% { opacity: 1; } } #stacks_in_321_page5 { margin: 30px 0px 30px 0px; } #stacks_in_322_page5 { padding: 10px; } #stacks_in_323_page5 { font-size: 199%; } #stacks_in_324_page5 .trigger_myID5 { cursor: pointer; display: inline-block; color: #515151; font-size: 26px; line-height: 26px; /*border: 1px blue solid;*/ } #stacks_in_324_page5 .toggle_open .closed_icon { display: none; } #stacks_in_324_page5 .toggle_closed .open_icon { display: none; } #stacks_in_324_page5 .toggle_open .closed_image { display: none; } #stacks_in_324_page5 .toggle_closed .open_image { display: none; } #stacks_in_324_page5 { position: relative; text-align: left; } #stacks_in_324_page5 .trigger_label { font-size: 18px; color: #515151; margin-left: 4px; line-height: 26px; vertical-align: top; } #stacks_in_325_page5 { position: relative; display: block; } .myID5 { position: relative; } #stacks_in_325_page5 .myID5 { padding: 0px; } #toggleWrapper_stacks_in_109_page5 { display: block; position: relative; z-index: 1; } #myToggle_impro { padding: 20px; margin: 0; font-weight: normal; display: block; color: #666666; text-decoration: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-size: 150%; line-height: 30px; } #myToggle_impro { background: #EAEAEA; } #myToggle_impro:hover { color: #999999; cursor: pointer; } /* Toggle Button */ /* Local Image Buttons */ /* Warehoused Image Buttons */ /* Font Awesone Icon Buttons */ #toggleButtonstacks_in_109_page5.togglePlusClosed .toggleOpenIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_109_page5.togglePlusClosed .toggleOpenIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_109_page5.togglePlusClosed .toggleCloseIcon { display: none; } #toggleButtonstacks_in_109_page5.togglePlusOpened .toggleCloseIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_109_page5.togglePlusOpened .toggleCloseIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_109_page5.togglePlusOpened .toggleOpenIcon { display: none; } #toggleContainer_stacks_in_109_page5 { display: none; margin-top: 5px; padding: 20px; overflow: hidden; color: #666666; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #toggleContainer_stacks_in_109_page5 { background: #EAEAEA; } @media print { #toggleButtonstacks_in_109_page5, #toggleButtonstacks_in_109_page5.toggleOpenIcon, #toggleButtonstacks_in_109_page5.toggleCloseIcon, #myToggle_impro a:link:after, #myToggle_impro a:visited:after { display: none !important; } #toggleContainer_stacks_in_109_page5 { display: block !important; } } #PlayerWrapper-comp_improvisation { display: block; position: relative; } #PlayerWrapper-comp_improvisation *, #PlayerWrapper-comp_improvisation *:before, #PlayerWrapper-comp_improvisation *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #MediaFrame-comp_improvisation { position: relative; width: 100%; height: 0; background: rgba(0, 0, 0, 1.00); } #MediaFrame-comp_improvisation { padding-bottom: 56.25%; } #PlayerWrapper-comp_improvisation #media-comp_improvisation { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #PlayerWrapper-comp_improvisation .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #PlayerWrapper-comp_improvisation .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #PlayerWrapper-comp_improvisation .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #PlayerWrapper-comp_improvisation .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; opacity: 0.0; background: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-comp_improvisation .splash-button:hover .splash-fill { opacity: 0.0; background: rgba(255, 255, 255, 1.00); } #PlayerWrapper-comp_improvisation .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-comp_improvisation .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #PlayerWrapper-comp_improvisation .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-comp_improvisation .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-comp_improvisation { position: relative; z-index: 4; width: 100%; } #media-controls-innerwrap-comp_improvisation { /* margin: px; */ margin-left: 0%; margin-right: 0%; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; overflow: hidden; } #button-grid-comp_improvisation { margin: 0; padding: 0; font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; line-height: 40px; color: #ffffff; list-style: none; overflow: auto; height: auto; display: block; width: 100%; position: relative; z-index: 5; opacity: 0.99; /* Gradient background */ background: rgba(153, 153, 153, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%, rgba(153, 153, 153, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153, 153, 153, 1.00)), color-stop(100%,rgba(153, 153, 153, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(153, 153, 153, 1.00)', endColorstr='rgba(153, 153, 153, 1.00)',GradientType=0 ); /* IE6-9 */ } #PlayerWrapper-comp_improvisation { overflow: hidden; position: relative; } #PlayerWrapper-comp_improvisation #media-controls-wrapper-comp_improvisation { position: absolute; left: 0; bottom: -40px; margin-bottom: 0%; opacity: 0; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); } #PlayerWrapper-comp_improvisation:hover #media-controls-wrapper-comp_improvisation { opacity: 0.99; -webkit-transform: translateY(-40px); transform: translateY(-40px); } /* Don't auto-hide on touch devices */ .playertouchdevice #PlayerWrapper-comp_improvisation #media-controls-wrapper-comp_improvisation, .playertouchdevice #PlayerWrapper-comp_improvisation:hover #media-controls-wrapper-comp_improvisation { position: relative; bottom: auto; margin-bottom: 0; opacity: 1.00; -webkit-transform: none; transform: none; } #media-controls-comp_improvisation button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* @group Buttons, titles and time */ #media-controls-comp_improvisation span.media-button, #media-controls-comp_improvisation span.time, #media-controls-comp_improvisation span.player-extra-element, #media-controls-comp_improvisation span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: 40px; width: 7.00%; overflow: hidden; display: block; float: left; text-align: center; vertical-align: middle; } #media-controls-comp_improvisation span.media-button.left-aligned, #media-controls-comp_improvisation span.time.left-aligned, #media-controls-comp_improvisation span.player-extra-element.left-aligned, #media-controls-comp_improvisation span.duration.left-aligned { text-align: left; } #media-controls-comp_improvisation span.media-button.right-aligned, #media-controls-comp_improvisation span.time.right-aligned, #media-controls-comp_improvisation span.player-extra-element.right-aligned, #media-controls-comp_improvisation span.duration.right-aligned { text-align: right; } /* Buttons */ #media-controls-comp_improvisation span.media-button a, #media-controls-comp_improvisation span.media-button button { font-size: 24px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } @media screen and (max-width: 586px) { #media-controls-comp_improvisation span.media-button a, #media-controls-comp_improvisation span.media-button button { font-size: 18px; } } #media-controls-comp_improvisation span.media-button a:hover, #media-controls-comp_improvisation span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Icons */ #media-controls-comp_improvisation [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #media-controls-comp_improvisation [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } /* Time and titles */ #media-controls-comp_improvisation span.time, #media-controls-comp_improvisation span.player-extra-element, #media-controls-comp_improvisation span.duration { font-size: 14px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; width: 8.00%; padding: 0; margin: 0; vertical-align: top; } @media screen and (max-width: 586px) { #media-controls-comp_improvisation span.time, #media-controls-comp_improvisation span.player-extra-element, #media-controls-comp_improvisation span.duration { font-size: 11px; } } /* @end */ /* @group Captions */ /* @end */ /* @group Scrubber Bar */ #media-controls-comp_improvisation .scrubberWrapper { margin: 0; padding: 0; position: relative; line-height: 1; vertical-align: middle; margin-top: 10px; display: block; float: left; width: 40.00%; } #media-controls-comp_improvisation .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; position: relative; z-index: 2; } #media-controls-comp_improvisation .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(82, 157, 225, 1.00)), color-stop(100%, rgba(36, 94, 143, 1.00))); background-image: -webkit-linear-gradient(top, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); background-image: linear-gradient(to bottom, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); padding: 0; margin: 0; z-index: 10; position: relative; } /* @end */ /* @group Responsive Behaviour */ @media screen and (max-width: 586px) { .mobile-hide, .mobilehide, .mobile-none, .mobilenone, .no-mobile, .nomobile { display: none !important; } } /* @end */ /* @group Helper Classes */ /* Helper class to hide buttons on touch devices */ #media-controls-comp_improvisation .playertouchdevice { display: none; } @media screen and (max-width: 568px) { #media-controls-comp_improvisation .player-no-mobile { display: none !important; } .player-mobile-left { text-align: left !important; } .player-mobile-center { text-align: center !important; } .player-mobile-right { text-align: right !important; } } @media screen and (max-width: 768px) { .player-no-tablet { display: none !important; } .player-tablet-left { text-align: left !important; } .player-tablet-center { text-align: center !important; } .player-tablet-right { text-align: right !important; } } /* @end */ /* @group Printer styles */ @media print { #media-controls-wrapper-comp_improvisation, #PlayerWrapper-comp_improvisation .splash-button { display: none; } } /* @end */ /* @group Untitled Group */ /* @end */ #toggleWrapper_stacks_in_407_page5 { display: block; position: relative; z-index: 1; } #myToggle_harmonie { padding: 20px; margin: 0; font-weight: normal; display: block; color: #666666; text-decoration: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-size: 150%; line-height: 30px; } #myToggle_harmonie { background: #EAEAEA; } #myToggle_harmonie:hover { color: #999999; cursor: pointer; } /* Toggle Button */ /* Local Image Buttons */ /* Warehoused Image Buttons */ /* Font Awesone Icon Buttons */ #toggleButtonstacks_in_407_page5.togglePlusClosed .toggleOpenIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_407_page5.togglePlusClosed .toggleOpenIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_407_page5.togglePlusClosed .toggleCloseIcon { display: none; } #toggleButtonstacks_in_407_page5.togglePlusOpened .toggleCloseIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_407_page5.togglePlusOpened .toggleCloseIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_407_page5.togglePlusOpened .toggleOpenIcon { display: none; } #toggleContainer_stacks_in_407_page5 { display: none; margin-top: 5px; padding: 20px; overflow: hidden; color: #666666; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #toggleContainer_stacks_in_407_page5 { background: #EAEAEA; } @media print { #toggleButtonstacks_in_407_page5, #toggleButtonstacks_in_407_page5.toggleOpenIcon, #toggleButtonstacks_in_407_page5.toggleCloseIcon, #myToggle_harmonie a:link:after, #myToggle_harmonie a:visited:after { display: none !important; } #toggleContainer_stacks_in_407_page5 { display: block !important; } } #PlayerWrapper-com_harmonie_form_aufnahmen { display: block; position: relative; } #PlayerWrapper-com_harmonie_form_aufnahmen *, #PlayerWrapper-com_harmonie_form_aufnahmen *:before, #PlayerWrapper-com_harmonie_form_aufnahmen *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #MediaFrame-com_harmonie_form_aufnahmen { position: relative; width: 100%; height: 0; background: rgba(0, 0, 0, 1.00); } #MediaFrame-com_harmonie_form_aufnahmen { padding-bottom: 56.25%; } #PlayerWrapper-com_harmonie_form_aufnahmen #media-com_harmonie_form_aufnahmen { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #PlayerWrapper-com_harmonie_form_aufnahmen .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #PlayerWrapper-com_harmonie_form_aufnahmen .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #PlayerWrapper-com_harmonie_form_aufnahmen .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #PlayerWrapper-com_harmonie_form_aufnahmen .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; opacity: 0.0; background: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-com_harmonie_form_aufnahmen .splash-button:hover .splash-fill { opacity: 0.0; background: rgba(255, 255, 255, 1.00); } #PlayerWrapper-com_harmonie_form_aufnahmen .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-com_harmonie_form_aufnahmen .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #PlayerWrapper-com_harmonie_form_aufnahmen .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-com_harmonie_form_aufnahmen .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-com_harmonie_form_aufnahmen { position: relative; z-index: 4; width: 100%; } #media-controls-innerwrap-com_harmonie_form_aufnahmen { /* margin: px; */ margin-left: 0%; margin-right: 0%; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; overflow: hidden; } #button-grid-com_harmonie_form_aufnahmen { margin: 0; padding: 0; font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; line-height: 40px; color: #ffffff; list-style: none; overflow: auto; height: auto; display: block; width: 100%; position: relative; z-index: 5; opacity: 0.99; /* Gradient background */ background: rgba(153, 153, 153, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%, rgba(153, 153, 153, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153, 153, 153, 1.00)), color-stop(100%,rgba(153, 153, 153, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(153, 153, 153, 1.00)', endColorstr='rgba(153, 153, 153, 1.00)',GradientType=0 ); /* IE6-9 */ } #PlayerWrapper-com_harmonie_form_aufnahmen { overflow: hidden; position: relative; } #PlayerWrapper-com_harmonie_form_aufnahmen #media-controls-wrapper-com_harmonie_form_aufnahmen { position: absolute; left: 0; bottom: -40px; margin-bottom: 0%; opacity: 0; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); } #PlayerWrapper-com_harmonie_form_aufnahmen:hover #media-controls-wrapper-com_harmonie_form_aufnahmen { opacity: 0.99; -webkit-transform: translateY(-40px); transform: translateY(-40px); } /* Don't auto-hide on touch devices */ .playertouchdevice #PlayerWrapper-com_harmonie_form_aufnahmen #media-controls-wrapper-com_harmonie_form_aufnahmen, .playertouchdevice #PlayerWrapper-com_harmonie_form_aufnahmen:hover #media-controls-wrapper-com_harmonie_form_aufnahmen { position: relative; bottom: auto; margin-bottom: 0; opacity: 1.00; -webkit-transform: none; transform: none; } #media-controls-com_harmonie_form_aufnahmen button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* @group Buttons, titles and time */ #media-controls-com_harmonie_form_aufnahmen span.media-button, #media-controls-com_harmonie_form_aufnahmen span.time, #media-controls-com_harmonie_form_aufnahmen span.player-extra-element, #media-controls-com_harmonie_form_aufnahmen span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: 40px; width: 7.00%; overflow: hidden; display: block; float: left; text-align: center; vertical-align: middle; } #media-controls-com_harmonie_form_aufnahmen span.media-button.left-aligned, #media-controls-com_harmonie_form_aufnahmen span.time.left-aligned, #media-controls-com_harmonie_form_aufnahmen span.player-extra-element.left-aligned, #media-controls-com_harmonie_form_aufnahmen span.duration.left-aligned { text-align: left; } #media-controls-com_harmonie_form_aufnahmen span.media-button.right-aligned, #media-controls-com_harmonie_form_aufnahmen span.time.right-aligned, #media-controls-com_harmonie_form_aufnahmen span.player-extra-element.right-aligned, #media-controls-com_harmonie_form_aufnahmen span.duration.right-aligned { text-align: right; } /* Buttons */ #media-controls-com_harmonie_form_aufnahmen span.media-button a, #media-controls-com_harmonie_form_aufnahmen span.media-button button { font-size: 24px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } @media screen and (max-width: 586px) { #media-controls-com_harmonie_form_aufnahmen span.media-button a, #media-controls-com_harmonie_form_aufnahmen span.media-button button { font-size: 18px; } } #media-controls-com_harmonie_form_aufnahmen span.media-button a:hover, #media-controls-com_harmonie_form_aufnahmen span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Icons */ #media-controls-com_harmonie_form_aufnahmen [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #media-controls-com_harmonie_form_aufnahmen [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } /* Time and titles */ #media-controls-com_harmonie_form_aufnahmen span.time, #media-controls-com_harmonie_form_aufnahmen span.player-extra-element, #media-controls-com_harmonie_form_aufnahmen span.duration { font-size: 14px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; width: 8.00%; padding: 0; margin: 0; vertical-align: top; } @media screen and (max-width: 586px) { #media-controls-com_harmonie_form_aufnahmen span.time, #media-controls-com_harmonie_form_aufnahmen span.player-extra-element, #media-controls-com_harmonie_form_aufnahmen span.duration { font-size: 11px; } } /* @end */ /* @group Captions */ /* @end */ /* @group Scrubber Bar */ #media-controls-com_harmonie_form_aufnahmen .scrubberWrapper { margin: 0; padding: 0; position: relative; line-height: 1; vertical-align: middle; margin-top: 10px; display: block; float: left; width: 40.00%; } #media-controls-com_harmonie_form_aufnahmen .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; position: relative; z-index: 2; } #media-controls-com_harmonie_form_aufnahmen .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(82, 157, 225, 1.00)), color-stop(100%, rgba(36, 94, 143, 1.00))); background-image: -webkit-linear-gradient(top, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); background-image: linear-gradient(to bottom, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); padding: 0; margin: 0; z-index: 10; position: relative; } /* @end */ /* @group Responsive Behaviour */ @media screen and (max-width: 586px) { .mobile-hide, .mobilehide, .mobile-none, .mobilenone, .no-mobile, .nomobile { display: none !important; } } /* @end */ /* @group Helper Classes */ /* Helper class to hide buttons on touch devices */ #media-controls-com_harmonie_form_aufnahmen .playertouchdevice { display: none; } @media screen and (max-width: 568px) { #media-controls-com_harmonie_form_aufnahmen .player-no-mobile { display: none !important; } .player-mobile-left { text-align: left !important; } .player-mobile-center { text-align: center !important; } .player-mobile-right { text-align: right !important; } } @media screen and (max-width: 768px) { .player-no-tablet { display: none !important; } .player-tablet-left { text-align: left !important; } .player-tablet-center { text-align: center !important; } .player-tablet-right { text-align: right !important; } } /* @end */ /* @group Printer styles */ @media print { #media-controls-wrapper-com_harmonie_form_aufnahmen, #PlayerWrapper-com_harmonie_form_aufnahmen .splash-button { display: none; } } /* @end */ /* @group Untitled Group */ /* @end */ #toggleWrapper_stacks_in_397_page5 { display: block; position: relative; z-index: 1; } #myToggle7 { padding: 20px; margin: 0; font-weight: normal; display: block; color: #666666; text-decoration: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-size: 150%; line-height: 30px; } #myToggle7 { background: #EAEAEA; } #myToggle7:hover { color: #999999; cursor: pointer; } /* Toggle Button */ /* Local Image Buttons */ /* Warehoused Image Buttons */ /* Font Awesone Icon Buttons */ #toggleButtonstacks_in_397_page5.togglePlusClosed .toggleOpenIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_397_page5.togglePlusClosed .toggleOpenIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_397_page5.togglePlusClosed .toggleCloseIcon { display: none; } #toggleButtonstacks_in_397_page5.togglePlusOpened .toggleCloseIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_397_page5.togglePlusOpened .toggleCloseIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_397_page5.togglePlusOpened .toggleOpenIcon { display: none; } #toggleContainer_stacks_in_397_page5 { display: none; margin-top: 5px; padding: 20px; overflow: hidden; color: #666666; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #toggleContainer_stacks_in_397_page5 { background: #EAEAEA; } @media print { #toggleButtonstacks_in_397_page5, #toggleButtonstacks_in_397_page5.toggleOpenIcon, #toggleButtonstacks_in_397_page5.toggleCloseIcon, #myToggle7 a:link:after, #myToggle7 a:visited:after { display: none !important; } #toggleContainer_stacks_in_397_page5 { display: block !important; } } #PlayerWrapper-bsp_trad_choro { display: block; position: relative; } #PlayerWrapper-bsp_trad_choro *, #PlayerWrapper-bsp_trad_choro *:before, #PlayerWrapper-bsp_trad_choro *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #MediaFrame-bsp_trad_choro { position: relative; width: 100%; height: 0; background: rgba(0, 0, 0, 1.00); } #MediaFrame-bsp_trad_choro { padding-bottom: 56.25%; } #PlayerWrapper-bsp_trad_choro #media-bsp_trad_choro { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #PlayerWrapper-bsp_trad_choro .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #PlayerWrapper-bsp_trad_choro .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #PlayerWrapper-bsp_trad_choro .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #PlayerWrapper-bsp_trad_choro .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; opacity: 0.0; background: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-bsp_trad_choro .splash-button:hover .splash-fill { opacity: 0.0; background: rgba(255, 255, 255, 1.00); } #PlayerWrapper-bsp_trad_choro .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-bsp_trad_choro .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #PlayerWrapper-bsp_trad_choro .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-bsp_trad_choro .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-bsp_trad_choro { position: relative; z-index: 4; width: 100%; } #media-controls-innerwrap-bsp_trad_choro { /* margin: px; */ margin-left: 0%; margin-right: 0%; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; overflow: hidden; } #button-grid-bsp_trad_choro { margin: 0; padding: 0; font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; line-height: 40px; color: #ffffff; list-style: none; overflow: auto; height: auto; display: block; width: 100%; position: relative; z-index: 5; opacity: 0.99; /* Gradient background */ background: rgba(153, 153, 153, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%, rgba(153, 153, 153, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153, 153, 153, 1.00)), color-stop(100%,rgba(153, 153, 153, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(153, 153, 153, 1.00)', endColorstr='rgba(153, 153, 153, 1.00)',GradientType=0 ); /* IE6-9 */ } #PlayerWrapper-bsp_trad_choro { overflow: hidden; position: relative; } #PlayerWrapper-bsp_trad_choro #media-controls-wrapper-bsp_trad_choro { position: absolute; left: 0; bottom: -40px; margin-bottom: 0%; opacity: 0; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); } #PlayerWrapper-bsp_trad_choro:hover #media-controls-wrapper-bsp_trad_choro { opacity: 0.99; -webkit-transform: translateY(-40px); transform: translateY(-40px); } /* Don't auto-hide on touch devices */ .playertouchdevice #PlayerWrapper-bsp_trad_choro #media-controls-wrapper-bsp_trad_choro, .playertouchdevice #PlayerWrapper-bsp_trad_choro:hover #media-controls-wrapper-bsp_trad_choro { position: relative; bottom: auto; margin-bottom: 0; opacity: 1.00; -webkit-transform: none; transform: none; } #media-controls-bsp_trad_choro button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* @group Buttons, titles and time */ #media-controls-bsp_trad_choro span.media-button, #media-controls-bsp_trad_choro span.time, #media-controls-bsp_trad_choro span.player-extra-element, #media-controls-bsp_trad_choro span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: 40px; width: 7.00%; overflow: hidden; display: block; float: left; text-align: center; vertical-align: middle; } #media-controls-bsp_trad_choro span.media-button.left-aligned, #media-controls-bsp_trad_choro span.time.left-aligned, #media-controls-bsp_trad_choro span.player-extra-element.left-aligned, #media-controls-bsp_trad_choro span.duration.left-aligned { text-align: left; } #media-controls-bsp_trad_choro span.media-button.right-aligned, #media-controls-bsp_trad_choro span.time.right-aligned, #media-controls-bsp_trad_choro span.player-extra-element.right-aligned, #media-controls-bsp_trad_choro span.duration.right-aligned { text-align: right; } /* Buttons */ #media-controls-bsp_trad_choro span.media-button a, #media-controls-bsp_trad_choro span.media-button button { font-size: 24px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } @media screen and (max-width: 586px) { #media-controls-bsp_trad_choro span.media-button a, #media-controls-bsp_trad_choro span.media-button button { font-size: 18px; } } #media-controls-bsp_trad_choro span.media-button a:hover, #media-controls-bsp_trad_choro span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Icons */ #media-controls-bsp_trad_choro [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #media-controls-bsp_trad_choro [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } /* Time and titles */ #media-controls-bsp_trad_choro span.time, #media-controls-bsp_trad_choro span.player-extra-element, #media-controls-bsp_trad_choro span.duration { font-size: 14px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; width: 8.00%; padding: 0; margin: 0; vertical-align: top; } @media screen and (max-width: 586px) { #media-controls-bsp_trad_choro span.time, #media-controls-bsp_trad_choro span.player-extra-element, #media-controls-bsp_trad_choro span.duration { font-size: 11px; } } /* @end */ /* @group Captions */ /* @end */ /* @group Scrubber Bar */ #media-controls-bsp_trad_choro .scrubberWrapper { margin: 0; padding: 0; position: relative; line-height: 1; vertical-align: middle; margin-top: 10px; display: block; float: left; width: 40.00%; } #media-controls-bsp_trad_choro .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; position: relative; z-index: 2; } #media-controls-bsp_trad_choro .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(82, 157, 225, 1.00)), color-stop(100%, rgba(36, 94, 143, 1.00))); background-image: -webkit-linear-gradient(top, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); background-image: linear-gradient(to bottom, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); padding: 0; margin: 0; z-index: 10; position: relative; } /* @end */ /* @group Responsive Behaviour */ @media screen and (max-width: 586px) { .mobile-hide, .mobilehide, .mobile-none, .mobilenone, .no-mobile, .nomobile { display: none !important; } } /* @end */ /* @group Helper Classes */ /* Helper class to hide buttons on touch devices */ #media-controls-bsp_trad_choro .playertouchdevice { display: none; } @media screen and (max-width: 568px) { #media-controls-bsp_trad_choro .player-no-mobile { display: none !important; } .player-mobile-left { text-align: left !important; } .player-mobile-center { text-align: center !important; } .player-mobile-right { text-align: right !important; } } @media screen and (max-width: 768px) { .player-no-tablet { display: none !important; } .player-tablet-left { text-align: left !important; } .player-tablet-center { text-align: center !important; } .player-tablet-right { text-align: right !important; } } /* @end */ /* @group Printer styles */ @media print { #media-controls-wrapper-bsp_trad_choro, #PlayerWrapper-bsp_trad_choro .splash-button { display: none; } } /* @end */ /* @group Untitled Group */ /* @end */ #toggleWrapper_stacks_in_357_page5 { display: block; position: relative; z-index: 1; } #myToggle7 { padding: 20px; margin: 0; font-weight: normal; display: block; color: #666666; text-decoration: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-size: 150%; line-height: 30px; } #myToggle7 { background: #EAEAEA; } #myToggle7:hover { color: #999999; cursor: pointer; } /* Toggle Button */ /* Local Image Buttons */ /* Warehoused Image Buttons */ /* Font Awesone Icon Buttons */ #toggleButtonstacks_in_357_page5.togglePlusClosed .toggleOpenIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_357_page5.togglePlusClosed .toggleOpenIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_357_page5.togglePlusClosed .toggleCloseIcon { display: none; } #toggleButtonstacks_in_357_page5.togglePlusOpened .toggleCloseIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_357_page5.togglePlusOpened .toggleCloseIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_357_page5.togglePlusOpened .toggleOpenIcon { display: none; } #toggleContainer_stacks_in_357_page5 { display: none; margin-top: 5px; padding: 20px; overflow: hidden; color: #666666; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #toggleContainer_stacks_in_357_page5 { background: #EAEAEA; } @media print { #toggleButtonstacks_in_357_page5, #toggleButtonstacks_in_357_page5.toggleOpenIcon, #toggleButtonstacks_in_357_page5.toggleCloseIcon, #myToggle7 a:link:after, #myToggle7 a:visited:after { display: none !important; } #toggleContainer_stacks_in_357_page5 { display: block !important; } } #PlayerWrapper-erlaeuterung_musikbeispiel { display: block; position: relative; } #PlayerWrapper-erlaeuterung_musikbeispiel *, #PlayerWrapper-erlaeuterung_musikbeispiel *:before, #PlayerWrapper-erlaeuterung_musikbeispiel *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #MediaFrame-erlaeuterung_musikbeispiel { position: relative; width: 100%; height: 0; background: rgba(0, 0, 0, 1.00); } #MediaFrame-erlaeuterung_musikbeispiel { padding-bottom: 56.25%; } #PlayerWrapper-erlaeuterung_musikbeispiel #media-erlaeuterung_musikbeispiel { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #PlayerWrapper-erlaeuterung_musikbeispiel .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #PlayerWrapper-erlaeuterung_musikbeispiel .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #PlayerWrapper-erlaeuterung_musikbeispiel .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #PlayerWrapper-erlaeuterung_musikbeispiel .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; opacity: 0.0; background: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-erlaeuterung_musikbeispiel .splash-button:hover .splash-fill { opacity: 0.0; background: rgba(255, 255, 255, 1.00); } #PlayerWrapper-erlaeuterung_musikbeispiel .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-erlaeuterung_musikbeispiel .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #PlayerWrapper-erlaeuterung_musikbeispiel .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-erlaeuterung_musikbeispiel .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-erlaeuterung_musikbeispiel { position: relative; z-index: 4; width: 100%; } #media-controls-innerwrap-erlaeuterung_musikbeispiel { /* margin: px; */ margin-left: 0%; margin-right: 0%; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; overflow: hidden; } #button-grid-erlaeuterung_musikbeispiel { margin: 0; padding: 0; font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; line-height: 40px; color: #ffffff; list-style: none; overflow: auto; height: auto; display: block; width: 100%; position: relative; z-index: 5; opacity: 0.99; /* Gradient background */ background: rgba(153, 153, 153, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%, rgba(153, 153, 153, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153, 153, 153, 1.00)), color-stop(100%,rgba(153, 153, 153, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(153, 153, 153, 1.00)', endColorstr='rgba(153, 153, 153, 1.00)',GradientType=0 ); /* IE6-9 */ } #PlayerWrapper-erlaeuterung_musikbeispiel { overflow: hidden; position: relative; } #PlayerWrapper-erlaeuterung_musikbeispiel #media-controls-wrapper-erlaeuterung_musikbeispiel { position: absolute; left: 0; bottom: -40px; margin-bottom: 0%; opacity: 0; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); } #PlayerWrapper-erlaeuterung_musikbeispiel:hover #media-controls-wrapper-erlaeuterung_musikbeispiel { opacity: 0.99; -webkit-transform: translateY(-40px); transform: translateY(-40px); } /* Don't auto-hide on touch devices */ .playertouchdevice #PlayerWrapper-erlaeuterung_musikbeispiel #media-controls-wrapper-erlaeuterung_musikbeispiel, .playertouchdevice #PlayerWrapper-erlaeuterung_musikbeispiel:hover #media-controls-wrapper-erlaeuterung_musikbeispiel { position: relative; bottom: auto; margin-bottom: 0; opacity: 1.00; -webkit-transform: none; transform: none; } #media-controls-erlaeuterung_musikbeispiel button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* @group Buttons, titles and time */ #media-controls-erlaeuterung_musikbeispiel span.media-button, #media-controls-erlaeuterung_musikbeispiel span.time, #media-controls-erlaeuterung_musikbeispiel span.player-extra-element, #media-controls-erlaeuterung_musikbeispiel span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: 40px; width: 7.00%; overflow: hidden; display: block; float: left; text-align: center; vertical-align: middle; } #media-controls-erlaeuterung_musikbeispiel span.media-button.left-aligned, #media-controls-erlaeuterung_musikbeispiel span.time.left-aligned, #media-controls-erlaeuterung_musikbeispiel span.player-extra-element.left-aligned, #media-controls-erlaeuterung_musikbeispiel span.duration.left-aligned { text-align: left; } #media-controls-erlaeuterung_musikbeispiel span.media-button.right-aligned, #media-controls-erlaeuterung_musikbeispiel span.time.right-aligned, #media-controls-erlaeuterung_musikbeispiel span.player-extra-element.right-aligned, #media-controls-erlaeuterung_musikbeispiel span.duration.right-aligned { text-align: right; } /* Buttons */ #media-controls-erlaeuterung_musikbeispiel span.media-button a, #media-controls-erlaeuterung_musikbeispiel span.media-button button { font-size: 24px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } @media screen and (max-width: 586px) { #media-controls-erlaeuterung_musikbeispiel span.media-button a, #media-controls-erlaeuterung_musikbeispiel span.media-button button { font-size: 18px; } } #media-controls-erlaeuterung_musikbeispiel span.media-button a:hover, #media-controls-erlaeuterung_musikbeispiel span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Icons */ #media-controls-erlaeuterung_musikbeispiel [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #media-controls-erlaeuterung_musikbeispiel [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } /* Time and titles */ #media-controls-erlaeuterung_musikbeispiel span.time, #media-controls-erlaeuterung_musikbeispiel span.player-extra-element, #media-controls-erlaeuterung_musikbeispiel span.duration { font-size: 14px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; width: 8.00%; padding: 0; margin: 0; vertical-align: top; } @media screen and (max-width: 586px) { #media-controls-erlaeuterung_musikbeispiel span.time, #media-controls-erlaeuterung_musikbeispiel span.player-extra-element, #media-controls-erlaeuterung_musikbeispiel span.duration { font-size: 11px; } } /* @end */ /* @group Captions */ /* @end */ /* @group Scrubber Bar */ #media-controls-erlaeuterung_musikbeispiel .scrubberWrapper { margin: 0; padding: 0; position: relative; line-height: 1; vertical-align: middle; margin-top: 10px; display: block; float: left; width: 40.00%; } #media-controls-erlaeuterung_musikbeispiel .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; position: relative; z-index: 2; } #media-controls-erlaeuterung_musikbeispiel .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(82, 157, 225, 1.00)), color-stop(100%, rgba(36, 94, 143, 1.00))); background-image: -webkit-linear-gradient(top, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); background-image: linear-gradient(to bottom, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); padding: 0; margin: 0; z-index: 10; position: relative; } /* @end */ /* @group Responsive Behaviour */ @media screen and (max-width: 586px) { .mobile-hide, .mobilehide, .mobile-none, .mobilenone, .no-mobile, .nomobile { display: none !important; } } /* @end */ /* @group Helper Classes */ /* Helper class to hide buttons on touch devices */ #media-controls-erlaeuterung_musikbeispiel .playertouchdevice { display: none; } @media screen and (max-width: 568px) { #media-controls-erlaeuterung_musikbeispiel .player-no-mobile { display: none !important; } .player-mobile-left { text-align: left !important; } .player-mobile-center { text-align: center !important; } .player-mobile-right { text-align: right !important; } } @media screen and (max-width: 768px) { .player-no-tablet { display: none !important; } .player-tablet-left { text-align: left !important; } .player-tablet-center { text-align: center !important; } .player-tablet-right { text-align: right !important; } } /* @end */ /* @group Printer styles */ @media print { #media-controls-wrapper-erlaeuterung_musikbeispiel, #PlayerWrapper-erlaeuterung_musikbeispiel .splash-button { display: none; } } /* @end */ /* @group Untitled Group */ /* @end */ #stacks_in_334_page5{ clear:both;padding: 0;margin: 0; counter-reset: section; -webkit-animation: opLoad 1s ease-out; -moz-animation: opLoad 1s ease-out; -o-animation: opLoad 1s ease-out; animation: opLoad 1s ease-out; } .ncp img{opacity: 0;-webkit-transition:opacity 1s ease-out;-moz-transition:opacity 1s ease-out;-o-animation: opLoad 1s ease-out;transition:opacity 1s ease-out;} .ncp img.show{opacity: 1;} .ncp img{max-width:100%;height:auto; width:auto;} .ncp .count{font-size: 11px;padding: 1px 5px 2px;margin-bottom:.5em;border:1px solid #cfcfcf;color:#aaa;border-radius:2px;display: inline-block;-webkit-font-smoothing: antialiased; } #stacks_in_334_page5 .c+.c .count{margin-left: 4px;} #stacks_in_334_page5.s3 .c.s2_3 .count,#stacks_in_334_page5.s4 .c.s2_4 .count,#stacks_in_334_page5.s4 .c.s3_4 .count{ margin-left: 2px;} .ncp .count:before{counter-increment: section;content: 'Column 'counter(section) '';} .ncp .g:before,.ncp .g:after{content:"";display:table;} .ncp .g:after{clear:both;} .ncp .c{display: block;float:left;margin: 1% 0 1% 1.6%;} .s1_1,.s1_2,.s1_3,.s1_4{margin: 1% 0;} .ncp .c:first-child { margin-left: 0; } #stacks_in_334_page5.s2 .c.s1_2 .c-pad,#stacks_in_334_page5.s3 .c.s1_3 .c-pad,#stacks_in_334_page5.s4 .c.s1_4 .c-pad{padding: 0 4px 0 0;} #stacks_in_334_page5.s3 .c.s2_3 .c-pad,#stacks_in_334_page5.s4 .c.s2_4 .c-pad,#stacks_in_334_page5.s4 .c.s3_4 .c-pad{ padding: 0 2px;} #stacks_in_334_page5.s2 .c.s2_2 .c-pad,#stacks_in_334_page5.s3 .c.s3_3 .c-pad,#stacks_in_334_page5.s4 .c.s4_4 .c-pad{ padding: 0 0 0 4px;} .ncp.s1>.c{width: 100%;}.ncp.s2>.c{width: 49.2%;}.ncp.s3>.c{width: 32.26%;}.ncp.s4>.c{width: 23.8%;} @media only screen and (max-width: 600px) { #stacks_in_334_page5 .c+.c .count, #stacks_in_334_page5.s3 .c.s2_3 .count, #stacks_in_334_page5.s4 .c.s3_4 .count{margin-left: 0;} #stacks_in_334_page5 .c{margin: 1% 0;padding: 4px 0;width: 100%;} #stacks_in_334_page5 .c:first-child,#stacks_in_334_page5.s4 .c.s1_4,#stacks_in_334_page5.s4 .c.s2_4{ padding: 0 0 4px;} #stacks_in_334_page5 .c:last-child,#stacks_in_334_page5.s4 .c.s3_4,#stacks_in_334_page5.s4 .c.s4_4{ padding: 4px 0 0;} #stacks_in_334_page5.s2 .c-pad,#stacks_in_334_page5.s3 .c-pad{ padding: 0 !important;} #stacks_in_334_page5.s4 .c.s2_4 .count, #stacks_in_334_page5.s4 .c.s4_4 .count{ margin-left: 4px;} #stacks_in_334_page5.s4 .c {width: 49.2%;} #stacks_in_334_page5.s4 .c.s1_4 .c-pad,#stacks_in_334_page5.s4 .c.s3_4 .c-pad{ padding: 0 4px 0 0;} #stacks_in_334_page5.s4 .c.s2_4 .c-pad,#stacks_in_334_page5.s4 .c.s4_4 .c-pad{ padding: 0 0 0 4px;} } @media only screen and (max-width: 300px) { #stacks_in_334_page5 .count{ margin-left: 0 !important;} #stacks_in_334_page5 .c .c-pad{padding: 0 !important;} #stacks_in_334_page5.s4 .c{width: 100%;} } @-webkit-keyframes opLoad { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes opLoad { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes opLoad { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes opLoad { 0% { opacity: 0; } 100% { opacity: 1; } } #stacks_in_334_page5 { margin: 30px 0px 30px 0px; } #stacks_in_335_page5 { padding: 10px; } #stacks_in_336_page5 { font-size: 199%; } #stacks_in_337_page5 .trigger_myID6 { cursor: pointer; display: inline-block; color: #515151; font-size: 26px; line-height: 26px; /*border: 1px blue solid;*/ } #stacks_in_337_page5 .toggle_open .closed_icon { display: none; } #stacks_in_337_page5 .toggle_closed .open_icon { display: none; } #stacks_in_337_page5 .toggle_open .closed_image { display: none; } #stacks_in_337_page5 .toggle_closed .open_image { display: none; } #stacks_in_337_page5 { position: relative; text-align: left; } #stacks_in_337_page5 .trigger_label { font-size: 18px; color: #515151; margin-left: 4px; line-height: 26px; vertical-align: top; } #stacks_in_338_page5 { position: relative; display: block; } .myID6 { position: relative; } #stacks_in_338_page5 .myID6 { padding: 0px; } #toggleWrapper_stacks_in_59_page5 { display: block; position: relative; z-index: 1; } #myToggle11 { padding: 20px; margin: 0; font-weight: normal; display: block; color: #666666; text-decoration: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-size: 150%; line-height: 30px; } #myToggle11 { background: #EAEAEA; } #myToggle11:hover { color: #999999; cursor: pointer; } /* Toggle Button */ /* Local Image Buttons */ /* Warehoused Image Buttons */ /* Font Awesone Icon Buttons */ #toggleButtonstacks_in_59_page5.togglePlusClosed .toggleOpenIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_59_page5.togglePlusClosed .toggleOpenIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_59_page5.togglePlusClosed .toggleCloseIcon { display: none; } #toggleButtonstacks_in_59_page5.togglePlusOpened .toggleCloseIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_59_page5.togglePlusOpened .toggleCloseIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_59_page5.togglePlusOpened .toggleOpenIcon { display: none; } #toggleContainer_stacks_in_59_page5 { display: none; margin-top: 5px; padding: 20px; overflow: hidden; color: #666666; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #toggleContainer_stacks_in_59_page5 { background: #EAEAEA; } @media print { #toggleButtonstacks_in_59_page5, #toggleButtonstacks_in_59_page5.toggleOpenIcon, #toggleButtonstacks_in_59_page5.toggleCloseIcon, #myToggle11 a:link:after, #myToggle11 a:visited:after { display: none !important; } #toggleContainer_stacks_in_59_page5 { display: block !important; } } #PlayerWrapper-q_und_a_einfuehrung { display: block; position: relative; } #PlayerWrapper-q_und_a_einfuehrung *, #PlayerWrapper-q_und_a_einfuehrung *:before, #PlayerWrapper-q_und_a_einfuehrung *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #MediaFrame-q_und_a_einfuehrung { position: relative; width: 100%; height: 0; background: rgba(0, 0, 0, 1.00); } #MediaFrame-q_und_a_einfuehrung { padding-bottom: 56.25%; } #PlayerWrapper-q_und_a_einfuehrung #media-q_und_a_einfuehrung { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #PlayerWrapper-q_und_a_einfuehrung .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #PlayerWrapper-q_und_a_einfuehrung .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #PlayerWrapper-q_und_a_einfuehrung .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #PlayerWrapper-q_und_a_einfuehrung .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; opacity: 0.0; background: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-q_und_a_einfuehrung .splash-button:hover .splash-fill { opacity: 0.0; background: rgba(255, 255, 255, 1.00); } #PlayerWrapper-q_und_a_einfuehrung .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-q_und_a_einfuehrung .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #PlayerWrapper-q_und_a_einfuehrung .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-q_und_a_einfuehrung .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-q_und_a_einfuehrung { position: relative; z-index: 4; width: 100%; } #media-controls-innerwrap-q_und_a_einfuehrung { /* margin: px; */ margin-left: 0%; margin-right: 0%; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; overflow: hidden; } #button-grid-q_und_a_einfuehrung { margin: 0; padding: 0; font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; line-height: 40px; color: #ffffff; list-style: none; overflow: auto; height: auto; display: block; width: 100%; position: relative; z-index: 5; opacity: 0.99; /* Gradient background */ background: rgba(153, 153, 153, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%, rgba(153, 153, 153, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153, 153, 153, 1.00)), color-stop(100%,rgba(153, 153, 153, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(153, 153, 153, 1.00)', endColorstr='rgba(153, 153, 153, 1.00)',GradientType=0 ); /* IE6-9 */ } #PlayerWrapper-q_und_a_einfuehrung { overflow: hidden; position: relative; } #PlayerWrapper-q_und_a_einfuehrung #media-controls-wrapper-q_und_a_einfuehrung { position: absolute; left: 0; bottom: -40px; margin-bottom: 0%; opacity: 0; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); } #PlayerWrapper-q_und_a_einfuehrung:hover #media-controls-wrapper-q_und_a_einfuehrung { opacity: 0.99; -webkit-transform: translateY(-40px); transform: translateY(-40px); } /* Don't auto-hide on touch devices */ .playertouchdevice #PlayerWrapper-q_und_a_einfuehrung #media-controls-wrapper-q_und_a_einfuehrung, .playertouchdevice #PlayerWrapper-q_und_a_einfuehrung:hover #media-controls-wrapper-q_und_a_einfuehrung { position: relative; bottom: auto; margin-bottom: 0; opacity: 1.00; -webkit-transform: none; transform: none; } #media-controls-q_und_a_einfuehrung button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* @group Buttons, titles and time */ #media-controls-q_und_a_einfuehrung span.media-button, #media-controls-q_und_a_einfuehrung span.time, #media-controls-q_und_a_einfuehrung span.player-extra-element, #media-controls-q_und_a_einfuehrung span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: 40px; width: 7.00%; overflow: hidden; display: block; float: left; text-align: center; vertical-align: middle; } #media-controls-q_und_a_einfuehrung span.media-button.left-aligned, #media-controls-q_und_a_einfuehrung span.time.left-aligned, #media-controls-q_und_a_einfuehrung span.player-extra-element.left-aligned, #media-controls-q_und_a_einfuehrung span.duration.left-aligned { text-align: left; } #media-controls-q_und_a_einfuehrung span.media-button.right-aligned, #media-controls-q_und_a_einfuehrung span.time.right-aligned, #media-controls-q_und_a_einfuehrung span.player-extra-element.right-aligned, #media-controls-q_und_a_einfuehrung span.duration.right-aligned { text-align: right; } /* Buttons */ #media-controls-q_und_a_einfuehrung span.media-button a, #media-controls-q_und_a_einfuehrung span.media-button button { font-size: 24px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } @media screen and (max-width: 586px) { #media-controls-q_und_a_einfuehrung span.media-button a, #media-controls-q_und_a_einfuehrung span.media-button button { font-size: 18px; } } #media-controls-q_und_a_einfuehrung span.media-button a:hover, #media-controls-q_und_a_einfuehrung span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Icons */ #media-controls-q_und_a_einfuehrung [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #media-controls-q_und_a_einfuehrung [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } /* Time and titles */ #media-controls-q_und_a_einfuehrung span.time, #media-controls-q_und_a_einfuehrung span.player-extra-element, #media-controls-q_und_a_einfuehrung span.duration { font-size: 14px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; width: 8.00%; padding: 0; margin: 0; vertical-align: top; } @media screen and (max-width: 586px) { #media-controls-q_und_a_einfuehrung span.time, #media-controls-q_und_a_einfuehrung span.player-extra-element, #media-controls-q_und_a_einfuehrung span.duration { font-size: 11px; } } /* @end */ /* @group Captions */ /* @end */ /* @group Scrubber Bar */ #media-controls-q_und_a_einfuehrung .scrubberWrapper { margin: 0; padding: 0; position: relative; line-height: 1; vertical-align: middle; margin-top: 10px; display: block; float: left; width: 40.00%; } #media-controls-q_und_a_einfuehrung .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; position: relative; z-index: 2; } #media-controls-q_und_a_einfuehrung .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(82, 157, 225, 1.00)), color-stop(100%, rgba(36, 94, 143, 1.00))); background-image: -webkit-linear-gradient(top, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); background-image: linear-gradient(to bottom, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); padding: 0; margin: 0; z-index: 10; position: relative; } /* @end */ /* @group Responsive Behaviour */ @media screen and (max-width: 586px) { .mobile-hide, .mobilehide, .mobile-none, .mobilenone, .no-mobile, .nomobile { display: none !important; } } /* @end */ /* @group Helper Classes */ /* Helper class to hide buttons on touch devices */ #media-controls-q_und_a_einfuehrung .playertouchdevice { display: none; } @media screen and (max-width: 568px) { #media-controls-q_und_a_einfuehrung .player-no-mobile { display: none !important; } .player-mobile-left { text-align: left !important; } .player-mobile-center { text-align: center !important; } .player-mobile-right { text-align: right !important; } } @media screen and (max-width: 768px) { .player-no-tablet { display: none !important; } .player-tablet-left { text-align: left !important; } .player-tablet-center { text-align: center !important; } .player-tablet-right { text-align: right !important; } } /* @end */ /* @group Printer styles */ @media print { #media-controls-wrapper-q_und_a_einfuehrung, #PlayerWrapper-q_und_a_einfuehrung .splash-button { display: none; } } /* @end */ /* @group Untitled Group */ /* @end */ #toggleWrapper_stacks_in_119_page5 { display: block; position: relative; z-index: 1; } #myToggle4 { padding: 20px; margin: 0; font-weight: normal; display: block; color: #666666; text-decoration: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-size: 150%; line-height: 30px; } #myToggle4 { background: #EAEAEA; } #myToggle4:hover { color: #999999; cursor: pointer; } /* Toggle Button */ /* Local Image Buttons */ /* Warehoused Image Buttons */ /* Font Awesone Icon Buttons */ #toggleButtonstacks_in_119_page5.togglePlusClosed .toggleOpenIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_119_page5.togglePlusClosed .toggleOpenIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_119_page5.togglePlusClosed .toggleCloseIcon { display: none; } #toggleButtonstacks_in_119_page5.togglePlusOpened .toggleCloseIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_119_page5.togglePlusOpened .toggleCloseIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_119_page5.togglePlusOpened .toggleOpenIcon { display: none; } #toggleContainer_stacks_in_119_page5 { display: none; margin-top: 5px; padding: 20px; overflow: hidden; color: #666666; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #toggleContainer_stacks_in_119_page5 { background: #EAEAEA; } @media print { #toggleButtonstacks_in_119_page5, #toggleButtonstacks_in_119_page5.toggleOpenIcon, #toggleButtonstacks_in_119_page5.toggleCloseIcon, #myToggle4 a:link:after, #myToggle4 a:visited:after { display: none !important; } #toggleContainer_stacks_in_119_page5 { display: block !important; } } #PlayerWrapper-bsp_kontrapunkt1 { display: block; position: relative; } #PlayerWrapper-bsp_kontrapunkt1 *, #PlayerWrapper-bsp_kontrapunkt1 *:before, #PlayerWrapper-bsp_kontrapunkt1 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #MediaFrame-bsp_kontrapunkt1 { position: relative; width: 100%; height: 0; background: rgba(0, 0, 0, 1.00); } #MediaFrame-bsp_kontrapunkt1 { padding-bottom: 56.25%; } #PlayerWrapper-bsp_kontrapunkt1 #media-bsp_kontrapunkt1 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #PlayerWrapper-bsp_kontrapunkt1 .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #PlayerWrapper-bsp_kontrapunkt1 .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #PlayerWrapper-bsp_kontrapunkt1 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #PlayerWrapper-bsp_kontrapunkt1 .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; opacity: 0.0; background: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-bsp_kontrapunkt1 .splash-button:hover .splash-fill { opacity: 0.0; background: rgba(255, 255, 255, 1.00); } #PlayerWrapper-bsp_kontrapunkt1 .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-bsp_kontrapunkt1 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #PlayerWrapper-bsp_kontrapunkt1 .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-bsp_kontrapunkt1 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-bsp_kontrapunkt1 { position: relative; z-index: 4; width: 100%; } #media-controls-innerwrap-bsp_kontrapunkt1 { /* margin: px; */ margin-left: 0%; margin-right: 0%; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; overflow: hidden; } #button-grid-bsp_kontrapunkt1 { margin: 0; padding: 0; font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; line-height: 40px; color: #ffffff; list-style: none; overflow: auto; height: auto; display: block; width: 100%; position: relative; z-index: 5; opacity: 0.99; /* Gradient background */ background: rgba(153, 153, 153, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%, rgba(153, 153, 153, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153, 153, 153, 1.00)), color-stop(100%,rgba(153, 153, 153, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(153, 153, 153, 1.00)', endColorstr='rgba(153, 153, 153, 1.00)',GradientType=0 ); /* IE6-9 */ } #PlayerWrapper-bsp_kontrapunkt1 { overflow: hidden; position: relative; } #PlayerWrapper-bsp_kontrapunkt1 #media-controls-wrapper-bsp_kontrapunkt1 { position: absolute; left: 0; bottom: -40px; margin-bottom: 0%; opacity: 0; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); } #PlayerWrapper-bsp_kontrapunkt1:hover #media-controls-wrapper-bsp_kontrapunkt1 { opacity: 0.99; -webkit-transform: translateY(-40px); transform: translateY(-40px); } /* Don't auto-hide on touch devices */ .playertouchdevice #PlayerWrapper-bsp_kontrapunkt1 #media-controls-wrapper-bsp_kontrapunkt1, .playertouchdevice #PlayerWrapper-bsp_kontrapunkt1:hover #media-controls-wrapper-bsp_kontrapunkt1 { position: relative; bottom: auto; margin-bottom: 0; opacity: 1.00; -webkit-transform: none; transform: none; } #media-controls-bsp_kontrapunkt1 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* @group Buttons, titles and time */ #media-controls-bsp_kontrapunkt1 span.media-button, #media-controls-bsp_kontrapunkt1 span.time, #media-controls-bsp_kontrapunkt1 span.player-extra-element, #media-controls-bsp_kontrapunkt1 span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: 40px; width: 7.00%; overflow: hidden; display: block; float: left; text-align: center; vertical-align: middle; } #media-controls-bsp_kontrapunkt1 span.media-button.left-aligned, #media-controls-bsp_kontrapunkt1 span.time.left-aligned, #media-controls-bsp_kontrapunkt1 span.player-extra-element.left-aligned, #media-controls-bsp_kontrapunkt1 span.duration.left-aligned { text-align: left; } #media-controls-bsp_kontrapunkt1 span.media-button.right-aligned, #media-controls-bsp_kontrapunkt1 span.time.right-aligned, #media-controls-bsp_kontrapunkt1 span.player-extra-element.right-aligned, #media-controls-bsp_kontrapunkt1 span.duration.right-aligned { text-align: right; } /* Buttons */ #media-controls-bsp_kontrapunkt1 span.media-button a, #media-controls-bsp_kontrapunkt1 span.media-button button { font-size: 24px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } @media screen and (max-width: 586px) { #media-controls-bsp_kontrapunkt1 span.media-button a, #media-controls-bsp_kontrapunkt1 span.media-button button { font-size: 18px; } } #media-controls-bsp_kontrapunkt1 span.media-button a:hover, #media-controls-bsp_kontrapunkt1 span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Icons */ #media-controls-bsp_kontrapunkt1 [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #media-controls-bsp_kontrapunkt1 [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } /* Time and titles */ #media-controls-bsp_kontrapunkt1 span.time, #media-controls-bsp_kontrapunkt1 span.player-extra-element, #media-controls-bsp_kontrapunkt1 span.duration { font-size: 14px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; width: 8.00%; padding: 0; margin: 0; vertical-align: top; } @media screen and (max-width: 586px) { #media-controls-bsp_kontrapunkt1 span.time, #media-controls-bsp_kontrapunkt1 span.player-extra-element, #media-controls-bsp_kontrapunkt1 span.duration { font-size: 11px; } } /* @end */ /* @group Captions */ /* @end */ /* @group Scrubber Bar */ #media-controls-bsp_kontrapunkt1 .scrubberWrapper { margin: 0; padding: 0; position: relative; line-height: 1; vertical-align: middle; margin-top: 10px; display: block; float: left; width: 40.00%; } #media-controls-bsp_kontrapunkt1 .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; position: relative; z-index: 2; } #media-controls-bsp_kontrapunkt1 .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(82, 157, 225, 1.00)), color-stop(100%, rgba(36, 94, 143, 1.00))); background-image: -webkit-linear-gradient(top, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); background-image: linear-gradient(to bottom, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); padding: 0; margin: 0; z-index: 10; position: relative; } /* @end */ /* @group Responsive Behaviour */ @media screen and (max-width: 586px) { .mobile-hide, .mobilehide, .mobile-none, .mobilenone, .no-mobile, .nomobile { display: none !important; } } /* @end */ /* @group Helper Classes */ /* Helper class to hide buttons on touch devices */ #media-controls-bsp_kontrapunkt1 .playertouchdevice { display: none; } @media screen and (max-width: 568px) { #media-controls-bsp_kontrapunkt1 .player-no-mobile { display: none !important; } .player-mobile-left { text-align: left !important; } .player-mobile-center { text-align: center !important; } .player-mobile-right { text-align: right !important; } } @media screen and (max-width: 768px) { .player-no-tablet { display: none !important; } .player-tablet-left { text-align: left !important; } .player-tablet-center { text-align: center !important; } .player-tablet-right { text-align: right !important; } } /* @end */ /* @group Printer styles */ @media print { #media-controls-wrapper-bsp_kontrapunkt1, #PlayerWrapper-bsp_kontrapunkt1 .splash-button { display: none; } } /* @end */ /* @group Untitled Group */ /* @end */ #toggleWrapper_stacks_in_129_page5 { display: block; position: relative; z-index: 1; } #myToggle5 { padding: 20px; margin: 0; font-weight: normal; display: block; color: #666666; text-decoration: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-size: 150%; line-height: 30px; } #myToggle5 { background: #EAEAEA; } #myToggle5:hover { color: #999999; cursor: pointer; } /* Toggle Button */ /* Local Image Buttons */ /* Warehoused Image Buttons */ /* Font Awesone Icon Buttons */ #toggleButtonstacks_in_129_page5.togglePlusClosed .toggleOpenIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_129_page5.togglePlusClosed .toggleOpenIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_129_page5.togglePlusClosed .toggleCloseIcon { display: none; } #toggleButtonstacks_in_129_page5.togglePlusOpened .toggleCloseIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_129_page5.togglePlusOpened .toggleCloseIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_129_page5.togglePlusOpened .toggleOpenIcon { display: none; } #toggleContainer_stacks_in_129_page5 { display: none; margin-top: 5px; padding: 20px; overflow: hidden; color: #666666; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #toggleContainer_stacks_in_129_page5 { background: #EAEAEA; } @media print { #toggleButtonstacks_in_129_page5, #toggleButtonstacks_in_129_page5.toggleOpenIcon, #toggleButtonstacks_in_129_page5.toggleCloseIcon, #myToggle5 a:link:after, #myToggle5 a:visited:after { display: none !important; } #toggleContainer_stacks_in_129_page5 { display: block !important; } } #PlayerWrapper-bsp_kontrapunkt2 { display: block; position: relative; } #PlayerWrapper-bsp_kontrapunkt2 *, #PlayerWrapper-bsp_kontrapunkt2 *:before, #PlayerWrapper-bsp_kontrapunkt2 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #MediaFrame-bsp_kontrapunkt2 { position: relative; width: 100%; height: 0; background: rgba(0, 0, 0, 1.00); } #MediaFrame-bsp_kontrapunkt2 { padding-bottom: 56.25%; } #PlayerWrapper-bsp_kontrapunkt2 #media-bsp_kontrapunkt2 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #PlayerWrapper-bsp_kontrapunkt2 .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #PlayerWrapper-bsp_kontrapunkt2 .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #PlayerWrapper-bsp_kontrapunkt2 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #PlayerWrapper-bsp_kontrapunkt2 .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; opacity: 0.0; background: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-bsp_kontrapunkt2 .splash-button:hover .splash-fill { opacity: 0.0; background: rgba(255, 255, 255, 1.00); } #PlayerWrapper-bsp_kontrapunkt2 .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-bsp_kontrapunkt2 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #PlayerWrapper-bsp_kontrapunkt2 .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-bsp_kontrapunkt2 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-bsp_kontrapunkt2 { position: relative; z-index: 4; width: 100%; } #media-controls-innerwrap-bsp_kontrapunkt2 { /* margin: px; */ margin-left: 0%; margin-right: 0%; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; overflow: hidden; } #button-grid-bsp_kontrapunkt2 { margin: 0; padding: 0; font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; line-height: 40px; color: #ffffff; list-style: none; overflow: auto; height: auto; display: block; width: 100%; position: relative; z-index: 5; opacity: 0.99; /* Gradient background */ background: rgba(153, 153, 153, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%, rgba(153, 153, 153, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153, 153, 153, 1.00)), color-stop(100%,rgba(153, 153, 153, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(153, 153, 153, 1.00)', endColorstr='rgba(153, 153, 153, 1.00)',GradientType=0 ); /* IE6-9 */ } #PlayerWrapper-bsp_kontrapunkt2 { overflow: hidden; position: relative; } #PlayerWrapper-bsp_kontrapunkt2 #media-controls-wrapper-bsp_kontrapunkt2 { position: absolute; left: 0; bottom: -40px; margin-bottom: 0%; opacity: 0; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); } #PlayerWrapper-bsp_kontrapunkt2:hover #media-controls-wrapper-bsp_kontrapunkt2 { opacity: 0.99; -webkit-transform: translateY(-40px); transform: translateY(-40px); } /* Don't auto-hide on touch devices */ .playertouchdevice #PlayerWrapper-bsp_kontrapunkt2 #media-controls-wrapper-bsp_kontrapunkt2, .playertouchdevice #PlayerWrapper-bsp_kontrapunkt2:hover #media-controls-wrapper-bsp_kontrapunkt2 { position: relative; bottom: auto; margin-bottom: 0; opacity: 1.00; -webkit-transform: none; transform: none; } #media-controls-bsp_kontrapunkt2 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* @group Buttons, titles and time */ #media-controls-bsp_kontrapunkt2 span.media-button, #media-controls-bsp_kontrapunkt2 span.time, #media-controls-bsp_kontrapunkt2 span.player-extra-element, #media-controls-bsp_kontrapunkt2 span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: 40px; width: 7.00%; overflow: hidden; display: block; float: left; text-align: center; vertical-align: middle; } #media-controls-bsp_kontrapunkt2 span.media-button.left-aligned, #media-controls-bsp_kontrapunkt2 span.time.left-aligned, #media-controls-bsp_kontrapunkt2 span.player-extra-element.left-aligned, #media-controls-bsp_kontrapunkt2 span.duration.left-aligned { text-align: left; } #media-controls-bsp_kontrapunkt2 span.media-button.right-aligned, #media-controls-bsp_kontrapunkt2 span.time.right-aligned, #media-controls-bsp_kontrapunkt2 span.player-extra-element.right-aligned, #media-controls-bsp_kontrapunkt2 span.duration.right-aligned { text-align: right; } /* Buttons */ #media-controls-bsp_kontrapunkt2 span.media-button a, #media-controls-bsp_kontrapunkt2 span.media-button button { font-size: 24px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } @media screen and (max-width: 586px) { #media-controls-bsp_kontrapunkt2 span.media-button a, #media-controls-bsp_kontrapunkt2 span.media-button button { font-size: 18px; } } #media-controls-bsp_kontrapunkt2 span.media-button a:hover, #media-controls-bsp_kontrapunkt2 span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Icons */ #media-controls-bsp_kontrapunkt2 [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #media-controls-bsp_kontrapunkt2 [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } /* Time and titles */ #media-controls-bsp_kontrapunkt2 span.time, #media-controls-bsp_kontrapunkt2 span.player-extra-element, #media-controls-bsp_kontrapunkt2 span.duration { font-size: 14px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; width: 8.00%; padding: 0; margin: 0; vertical-align: top; } @media screen and (max-width: 586px) { #media-controls-bsp_kontrapunkt2 span.time, #media-controls-bsp_kontrapunkt2 span.player-extra-element, #media-controls-bsp_kontrapunkt2 span.duration { font-size: 11px; } } /* @end */ /* @group Captions */ /* @end */ /* @group Scrubber Bar */ #media-controls-bsp_kontrapunkt2 .scrubberWrapper { margin: 0; padding: 0; position: relative; line-height: 1; vertical-align: middle; margin-top: 10px; display: block; float: left; width: 40.00%; } #media-controls-bsp_kontrapunkt2 .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; position: relative; z-index: 2; } #media-controls-bsp_kontrapunkt2 .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(82, 157, 225, 1.00)), color-stop(100%, rgba(36, 94, 143, 1.00))); background-image: -webkit-linear-gradient(top, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); background-image: linear-gradient(to bottom, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); padding: 0; margin: 0; z-index: 10; position: relative; } /* @end */ /* @group Responsive Behaviour */ @media screen and (max-width: 586px) { .mobile-hide, .mobilehide, .mobile-none, .mobilenone, .no-mobile, .nomobile { display: none !important; } } /* @end */ /* @group Helper Classes */ /* Helper class to hide buttons on touch devices */ #media-controls-bsp_kontrapunkt2 .playertouchdevice { display: none; } @media screen and (max-width: 568px) { #media-controls-bsp_kontrapunkt2 .player-no-mobile { display: none !important; } .player-mobile-left { text-align: left !important; } .player-mobile-center { text-align: center !important; } .player-mobile-right { text-align: right !important; } } @media screen and (max-width: 768px) { .player-no-tablet { display: none !important; } .player-tablet-left { text-align: left !important; } .player-tablet-center { text-align: center !important; } .player-tablet-right { text-align: right !important; } } /* @end */ /* @group Printer styles */ @media print { #media-controls-wrapper-bsp_kontrapunkt2, #PlayerWrapper-bsp_kontrapunkt2 .splash-button { display: none; } } /* @end */ /* @group Untitled Group */ /* @end */ #toggleWrapper_stacks_in_69_page5 { display: block; position: relative; z-index: 1; } #myToggle_rodas { padding: 20px; margin: 0; font-weight: normal; display: block; color: #666666; text-decoration: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-size: 150%; line-height: 30px; } #myToggle_rodas { background: #EAEAEA; } #myToggle_rodas:hover { color: #999999; cursor: pointer; } /* Toggle Button */ /* Local Image Buttons */ /* Warehoused Image Buttons */ /* Font Awesone Icon Buttons */ #toggleButtonstacks_in_69_page5.togglePlusClosed .toggleOpenIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_69_page5.togglePlusClosed .toggleOpenIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_69_page5.togglePlusClosed .toggleCloseIcon { display: none; } #toggleButtonstacks_in_69_page5.togglePlusOpened .toggleCloseIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_69_page5.togglePlusOpened .toggleCloseIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_69_page5.togglePlusOpened .toggleOpenIcon { display: none; } #toggleContainer_stacks_in_69_page5 { display: none; margin-top: 5px; padding: 20px; overflow: hidden; color: #666666; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #toggleContainer_stacks_in_69_page5 { background: #EAEAEA; } @media print { #toggleButtonstacks_in_69_page5, #toggleButtonstacks_in_69_page5.toggleOpenIcon, #toggleButtonstacks_in_69_page5.toggleCloseIcon, #myToggle_rodas a:link:after, #myToggle_rodas a:visited:after { display: none !important; } #toggleContainer_stacks_in_69_page5 { display: block !important; } } #PlayerWrapper-rodas_de_choro { display: block; position: relative; } #PlayerWrapper-rodas_de_choro *, #PlayerWrapper-rodas_de_choro *:before, #PlayerWrapper-rodas_de_choro *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #MediaFrame-rodas_de_choro { position: relative; width: 100%; height: 0; background: rgba(0, 0, 0, 1.00); } #MediaFrame-rodas_de_choro { padding-bottom: 56.25%; } #PlayerWrapper-rodas_de_choro #media-rodas_de_choro { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #PlayerWrapper-rodas_de_choro .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #PlayerWrapper-rodas_de_choro .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #PlayerWrapper-rodas_de_choro .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #PlayerWrapper-rodas_de_choro .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; opacity: 0.0; background: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-rodas_de_choro .splash-button:hover .splash-fill { opacity: 0.0; background: rgba(255, 255, 255, 1.00); } #PlayerWrapper-rodas_de_choro .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-rodas_de_choro .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #PlayerWrapper-rodas_de_choro .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-rodas_de_choro .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-rodas_de_choro { position: relative; z-index: 4; width: 100%; } #media-controls-innerwrap-rodas_de_choro { /* margin: px; */ margin-left: 0%; margin-right: 0%; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; overflow: hidden; } #button-grid-rodas_de_choro { margin: 0; padding: 0; font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; line-height: 40px; color: #ffffff; list-style: none; overflow: auto; height: auto; display: block; width: 100%; position: relative; z-index: 5; opacity: 0.99; /* Gradient background */ background: rgba(153, 153, 153, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%, rgba(153, 153, 153, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153, 153, 153, 1.00)), color-stop(100%,rgba(153, 153, 153, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(153, 153, 153, 1.00)', endColorstr='rgba(153, 153, 153, 1.00)',GradientType=0 ); /* IE6-9 */ } #PlayerWrapper-rodas_de_choro { overflow: hidden; position: relative; } #PlayerWrapper-rodas_de_choro #media-controls-wrapper-rodas_de_choro { position: absolute; left: 0; bottom: -40px; margin-bottom: 0%; opacity: 0; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); } #PlayerWrapper-rodas_de_choro:hover #media-controls-wrapper-rodas_de_choro { opacity: 0.99; -webkit-transform: translateY(-40px); transform: translateY(-40px); } /* Don't auto-hide on touch devices */ .playertouchdevice #PlayerWrapper-rodas_de_choro #media-controls-wrapper-rodas_de_choro, .playertouchdevice #PlayerWrapper-rodas_de_choro:hover #media-controls-wrapper-rodas_de_choro { position: relative; bottom: auto; margin-bottom: 0; opacity: 1.00; -webkit-transform: none; transform: none; } #media-controls-rodas_de_choro button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* @group Buttons, titles and time */ #media-controls-rodas_de_choro span.media-button, #media-controls-rodas_de_choro span.time, #media-controls-rodas_de_choro span.player-extra-element, #media-controls-rodas_de_choro span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: 40px; width: 7.00%; overflow: hidden; display: block; float: left; text-align: center; vertical-align: middle; } #media-controls-rodas_de_choro span.media-button.left-aligned, #media-controls-rodas_de_choro span.time.left-aligned, #media-controls-rodas_de_choro span.player-extra-element.left-aligned, #media-controls-rodas_de_choro span.duration.left-aligned { text-align: left; } #media-controls-rodas_de_choro span.media-button.right-aligned, #media-controls-rodas_de_choro span.time.right-aligned, #media-controls-rodas_de_choro span.player-extra-element.right-aligned, #media-controls-rodas_de_choro span.duration.right-aligned { text-align: right; } /* Buttons */ #media-controls-rodas_de_choro span.media-button a, #media-controls-rodas_de_choro span.media-button button { font-size: 24px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } @media screen and (max-width: 586px) { #media-controls-rodas_de_choro span.media-button a, #media-controls-rodas_de_choro span.media-button button { font-size: 18px; } } #media-controls-rodas_de_choro span.media-button a:hover, #media-controls-rodas_de_choro span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Icons */ #media-controls-rodas_de_choro [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #media-controls-rodas_de_choro [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } /* Time and titles */ #media-controls-rodas_de_choro span.time, #media-controls-rodas_de_choro span.player-extra-element, #media-controls-rodas_de_choro span.duration { font-size: 14px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; width: 8.00%; padding: 0; margin: 0; vertical-align: top; } @media screen and (max-width: 586px) { #media-controls-rodas_de_choro span.time, #media-controls-rodas_de_choro span.player-extra-element, #media-controls-rodas_de_choro span.duration { font-size: 11px; } } /* @end */ /* @group Captions */ /* @end */ /* @group Scrubber Bar */ #media-controls-rodas_de_choro .scrubberWrapper { margin: 0; padding: 0; position: relative; line-height: 1; vertical-align: middle; margin-top: 10px; display: block; float: left; width: 40.00%; } #media-controls-rodas_de_choro .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; position: relative; z-index: 2; } #media-controls-rodas_de_choro .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(82, 157, 225, 1.00)), color-stop(100%, rgba(36, 94, 143, 1.00))); background-image: -webkit-linear-gradient(top, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); background-image: linear-gradient(to bottom, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); padding: 0; margin: 0; z-index: 10; position: relative; } /* @end */ /* @group Responsive Behaviour */ @media screen and (max-width: 586px) { .mobile-hide, .mobilehide, .mobile-none, .mobilenone, .no-mobile, .nomobile { display: none !important; } } /* @end */ /* @group Helper Classes */ /* Helper class to hide buttons on touch devices */ #media-controls-rodas_de_choro .playertouchdevice { display: none; } @media screen and (max-width: 568px) { #media-controls-rodas_de_choro .player-no-mobile { display: none !important; } .player-mobile-left { text-align: left !important; } .player-mobile-center { text-align: center !important; } .player-mobile-right { text-align: right !important; } } @media screen and (max-width: 768px) { .player-no-tablet { display: none !important; } .player-tablet-left { text-align: left !important; } .player-tablet-center { text-align: center !important; } .player-tablet-right { text-align: right !important; } } /* @end */ /* @group Printer styles */ @media print { #media-controls-wrapper-rodas_de_choro, #PlayerWrapper-rodas_de_choro .splash-button { display: none; } } /* @end */ /* @group Untitled Group */ /* @end */ #toggleWrapper_stacks_in_387_page5 { display: block; position: relative; z-index: 1; } #myToggle_doce { padding: 20px; margin: 0; font-weight: normal; display: block; color: #666666; text-decoration: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-size: 150%; line-height: 30px; } #myToggle_doce { background: #EAEAEA; } #myToggle_doce:hover { color: #999999; cursor: pointer; } /* Toggle Button */ /* Local Image Buttons */ /* Warehoused Image Buttons */ /* Font Awesone Icon Buttons */ #toggleButtonstacks_in_387_page5.togglePlusClosed .toggleOpenIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_387_page5.togglePlusClosed .toggleOpenIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_387_page5.togglePlusClosed .toggleCloseIcon { display: none; } #toggleButtonstacks_in_387_page5.togglePlusOpened .toggleCloseIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_387_page5.togglePlusOpened .toggleCloseIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_387_page5.togglePlusOpened .toggleOpenIcon { display: none; } #toggleContainer_stacks_in_387_page5 { display: none; margin-top: 5px; padding: 20px; overflow: hidden; color: #666666; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #toggleContainer_stacks_in_387_page5 { background: #EAEAEA; } @media print { #toggleButtonstacks_in_387_page5, #toggleButtonstacks_in_387_page5.toggleOpenIcon, #toggleButtonstacks_in_387_page5.toggleCloseIcon, #myToggle_doce a:link:after, #myToggle_doce a:visited:after { display: none !important; } #toggleContainer_stacks_in_387_page5 { display: block !important; } } #PlayerWrapper-bsp_doce_de_coco { display: block; position: relative; } #PlayerWrapper-bsp_doce_de_coco *, #PlayerWrapper-bsp_doce_de_coco *:before, #PlayerWrapper-bsp_doce_de_coco *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #MediaFrame-bsp_doce_de_coco { position: relative; width: 100%; height: 0; background: rgba(0, 0, 0, 1.00); } #MediaFrame-bsp_doce_de_coco { padding-bottom: 56.25%; } #PlayerWrapper-bsp_doce_de_coco #media-bsp_doce_de_coco { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #PlayerWrapper-bsp_doce_de_coco .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #PlayerWrapper-bsp_doce_de_coco .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #PlayerWrapper-bsp_doce_de_coco .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #PlayerWrapper-bsp_doce_de_coco .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; opacity: 0.0; background: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-bsp_doce_de_coco .splash-button:hover .splash-fill { opacity: 0.0; background: rgba(255, 255, 255, 1.00); } #PlayerWrapper-bsp_doce_de_coco .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-bsp_doce_de_coco .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #PlayerWrapper-bsp_doce_de_coco .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-bsp_doce_de_coco .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-bsp_doce_de_coco { position: relative; z-index: 4; width: 100%; } #media-controls-innerwrap-bsp_doce_de_coco { /* margin: px; */ margin-left: 0%; margin-right: 0%; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; overflow: hidden; } #button-grid-bsp_doce_de_coco { margin: 0; padding: 0; font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; line-height: 40px; color: #ffffff; list-style: none; overflow: auto; height: auto; display: block; width: 100%; position: relative; z-index: 5; opacity: 0.99; /* Gradient background */ background: rgba(153, 153, 153, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%, rgba(153, 153, 153, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153, 153, 153, 1.00)), color-stop(100%,rgba(153, 153, 153, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(153, 153, 153, 1.00)', endColorstr='rgba(153, 153, 153, 1.00)',GradientType=0 ); /* IE6-9 */ } #PlayerWrapper-bsp_doce_de_coco { overflow: hidden; position: relative; } #PlayerWrapper-bsp_doce_de_coco #media-controls-wrapper-bsp_doce_de_coco { position: absolute; left: 0; bottom: -40px; margin-bottom: 0%; opacity: 0; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); } #PlayerWrapper-bsp_doce_de_coco:hover #media-controls-wrapper-bsp_doce_de_coco { opacity: 0.99; -webkit-transform: translateY(-40px); transform: translateY(-40px); } /* Don't auto-hide on touch devices */ .playertouchdevice #PlayerWrapper-bsp_doce_de_coco #media-controls-wrapper-bsp_doce_de_coco, .playertouchdevice #PlayerWrapper-bsp_doce_de_coco:hover #media-controls-wrapper-bsp_doce_de_coco { position: relative; bottom: auto; margin-bottom: 0; opacity: 1.00; -webkit-transform: none; transform: none; } #media-controls-bsp_doce_de_coco button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* @group Buttons, titles and time */ #media-controls-bsp_doce_de_coco span.media-button, #media-controls-bsp_doce_de_coco span.time, #media-controls-bsp_doce_de_coco span.player-extra-element, #media-controls-bsp_doce_de_coco span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: 40px; width: 7.00%; overflow: hidden; display: block; float: left; text-align: center; vertical-align: middle; } #media-controls-bsp_doce_de_coco span.media-button.left-aligned, #media-controls-bsp_doce_de_coco span.time.left-aligned, #media-controls-bsp_doce_de_coco span.player-extra-element.left-aligned, #media-controls-bsp_doce_de_coco span.duration.left-aligned { text-align: left; } #media-controls-bsp_doce_de_coco span.media-button.right-aligned, #media-controls-bsp_doce_de_coco span.time.right-aligned, #media-controls-bsp_doce_de_coco span.player-extra-element.right-aligned, #media-controls-bsp_doce_de_coco span.duration.right-aligned { text-align: right; } /* Buttons */ #media-controls-bsp_doce_de_coco span.media-button a, #media-controls-bsp_doce_de_coco span.media-button button { font-size: 24px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } @media screen and (max-width: 586px) { #media-controls-bsp_doce_de_coco span.media-button a, #media-controls-bsp_doce_de_coco span.media-button button { font-size: 18px; } } #media-controls-bsp_doce_de_coco span.media-button a:hover, #media-controls-bsp_doce_de_coco span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Icons */ #media-controls-bsp_doce_de_coco [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #media-controls-bsp_doce_de_coco [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } /* Time and titles */ #media-controls-bsp_doce_de_coco span.time, #media-controls-bsp_doce_de_coco span.player-extra-element, #media-controls-bsp_doce_de_coco span.duration { font-size: 14px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; width: 8.00%; padding: 0; margin: 0; vertical-align: top; } @media screen and (max-width: 586px) { #media-controls-bsp_doce_de_coco span.time, #media-controls-bsp_doce_de_coco span.player-extra-element, #media-controls-bsp_doce_de_coco span.duration { font-size: 11px; } } /* @end */ /* @group Captions */ /* @end */ /* @group Scrubber Bar */ #media-controls-bsp_doce_de_coco .scrubberWrapper { margin: 0; padding: 0; position: relative; line-height: 1; vertical-align: middle; margin-top: 10px; display: block; float: left; width: 40.00%; } #media-controls-bsp_doce_de_coco .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; position: relative; z-index: 2; } #media-controls-bsp_doce_de_coco .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(82, 157, 225, 1.00)), color-stop(100%, rgba(36, 94, 143, 1.00))); background-image: -webkit-linear-gradient(top, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); background-image: linear-gradient(to bottom, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); padding: 0; margin: 0; z-index: 10; position: relative; } /* @end */ /* @group Responsive Behaviour */ @media screen and (max-width: 586px) { .mobile-hide, .mobilehide, .mobile-none, .mobilenone, .no-mobile, .nomobile { display: none !important; } } /* @end */ /* @group Helper Classes */ /* Helper class to hide buttons on touch devices */ #media-controls-bsp_doce_de_coco .playertouchdevice { display: none; } @media screen and (max-width: 568px) { #media-controls-bsp_doce_de_coco .player-no-mobile { display: none !important; } .player-mobile-left { text-align: left !important; } .player-mobile-center { text-align: center !important; } .player-mobile-right { text-align: right !important; } } @media screen and (max-width: 768px) { .player-no-tablet { display: none !important; } .player-tablet-left { text-align: left !important; } .player-tablet-center { text-align: center !important; } .player-tablet-right { text-align: right !important; } } /* @end */ /* @group Printer styles */ @media print { #media-controls-wrapper-bsp_doce_de_coco, #PlayerWrapper-bsp_doce_de_coco .splash-button { display: none; } } /* @end */ /* @group Untitled Group */ /* @end */ #toggleWrapper_stacks_in_377_page5 { display: block; position: relative; z-index: 1; } #myToggle10 { padding: 20px; margin: 0; font-weight: normal; display: block; color: #666666; text-decoration: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-size: 150%; line-height: 30px; } #myToggle10 { background: #EAEAEA; } #myToggle10:hover { color: #999999; cursor: pointer; } /* Toggle Button */ /* Local Image Buttons */ /* Warehoused Image Buttons */ /* Font Awesone Icon Buttons */ #toggleButtonstacks_in_377_page5.togglePlusClosed .toggleOpenIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_377_page5.togglePlusClosed .toggleOpenIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_377_page5.togglePlusClosed .toggleCloseIcon { display: none; } #toggleButtonstacks_in_377_page5.togglePlusOpened .toggleCloseIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_377_page5.togglePlusOpened .toggleCloseIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_377_page5.togglePlusOpened .toggleOpenIcon { display: none; } #toggleContainer_stacks_in_377_page5 { display: none; margin-top: 5px; padding: 20px; overflow: hidden; color: #666666; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #toggleContainer_stacks_in_377_page5 { background: #EAEAEA; } @media print { #toggleButtonstacks_in_377_page5, #toggleButtonstacks_in_377_page5.toggleOpenIcon, #toggleButtonstacks_in_377_page5.toggleCloseIcon, #myToggle10 a:link:after, #myToggle10 a:visited:after { display: none !important; } #toggleContainer_stacks_in_377_page5 { display: block !important; } } #PlayerWrapper-musikbeispiel { display: block; position: relative; } #PlayerWrapper-musikbeispiel *, #PlayerWrapper-musikbeispiel *:before, #PlayerWrapper-musikbeispiel *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #MediaFrame-musikbeispiel { position: relative; width: 100%; height: 0; background: rgba(0, 0, 0, 1.00); } #MediaFrame-musikbeispiel { padding-bottom: 56.25%; } #PlayerWrapper-musikbeispiel #media-musikbeispiel { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #PlayerWrapper-musikbeispiel .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #PlayerWrapper-musikbeispiel .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #PlayerWrapper-musikbeispiel .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #PlayerWrapper-musikbeispiel .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; opacity: 0.0; background: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-musikbeispiel .splash-button:hover .splash-fill { opacity: 0.0; background: rgba(255, 255, 255, 1.00); } #PlayerWrapper-musikbeispiel .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-musikbeispiel .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #PlayerWrapper-musikbeispiel .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-musikbeispiel .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-musikbeispiel { position: relative; z-index: 4; width: 100%; } #media-controls-innerwrap-musikbeispiel { /* margin: px; */ margin-left: 0%; margin-right: 0%; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; overflow: hidden; } #button-grid-musikbeispiel { margin: 0; padding: 0; font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; line-height: 40px; color: #ffffff; list-style: none; overflow: auto; height: auto; display: block; width: 100%; position: relative; z-index: 5; opacity: 0.99; /* Gradient background */ background: rgba(153, 153, 153, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%, rgba(153, 153, 153, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153, 153, 153, 1.00)), color-stop(100%,rgba(153, 153, 153, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(153, 153, 153, 1.00)', endColorstr='rgba(153, 153, 153, 1.00)',GradientType=0 ); /* IE6-9 */ } #PlayerWrapper-musikbeispiel { overflow: hidden; position: relative; } #PlayerWrapper-musikbeispiel #media-controls-wrapper-musikbeispiel { position: absolute; left: 0; bottom: -40px; margin-bottom: 0%; opacity: 0; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); } #PlayerWrapper-musikbeispiel:hover #media-controls-wrapper-musikbeispiel { opacity: 0.99; -webkit-transform: translateY(-40px); transform: translateY(-40px); } /* Don't auto-hide on touch devices */ .playertouchdevice #PlayerWrapper-musikbeispiel #media-controls-wrapper-musikbeispiel, .playertouchdevice #PlayerWrapper-musikbeispiel:hover #media-controls-wrapper-musikbeispiel { position: relative; bottom: auto; margin-bottom: 0; opacity: 1.00; -webkit-transform: none; transform: none; } #media-controls-musikbeispiel button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* @group Buttons, titles and time */ #media-controls-musikbeispiel span.media-button, #media-controls-musikbeispiel span.time, #media-controls-musikbeispiel span.player-extra-element, #media-controls-musikbeispiel span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: 40px; width: 7.00%; overflow: hidden; display: block; float: left; text-align: center; vertical-align: middle; } #media-controls-musikbeispiel span.media-button.left-aligned, #media-controls-musikbeispiel span.time.left-aligned, #media-controls-musikbeispiel span.player-extra-element.left-aligned, #media-controls-musikbeispiel span.duration.left-aligned { text-align: left; } #media-controls-musikbeispiel span.media-button.right-aligned, #media-controls-musikbeispiel span.time.right-aligned, #media-controls-musikbeispiel span.player-extra-element.right-aligned, #media-controls-musikbeispiel span.duration.right-aligned { text-align: right; } /* Buttons */ #media-controls-musikbeispiel span.media-button a, #media-controls-musikbeispiel span.media-button button { font-size: 24px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } @media screen and (max-width: 586px) { #media-controls-musikbeispiel span.media-button a, #media-controls-musikbeispiel span.media-button button { font-size: 18px; } } #media-controls-musikbeispiel span.media-button a:hover, #media-controls-musikbeispiel span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Icons */ #media-controls-musikbeispiel [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #media-controls-musikbeispiel [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } /* Time and titles */ #media-controls-musikbeispiel span.time, #media-controls-musikbeispiel span.player-extra-element, #media-controls-musikbeispiel span.duration { font-size: 14px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; width: 8.00%; padding: 0; margin: 0; vertical-align: top; } @media screen and (max-width: 586px) { #media-controls-musikbeispiel span.time, #media-controls-musikbeispiel span.player-extra-element, #media-controls-musikbeispiel span.duration { font-size: 11px; } } /* @end */ /* @group Captions */ /* @end */ /* @group Scrubber Bar */ #media-controls-musikbeispiel .scrubberWrapper { margin: 0; padding: 0; position: relative; line-height: 1; vertical-align: middle; margin-top: 10px; display: block; float: left; width: 40.00%; } #media-controls-musikbeispiel .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; position: relative; z-index: 2; } #media-controls-musikbeispiel .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(82, 157, 225, 1.00)), color-stop(100%, rgba(36, 94, 143, 1.00))); background-image: -webkit-linear-gradient(top, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); background-image: linear-gradient(to bottom, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); padding: 0; margin: 0; z-index: 10; position: relative; } /* @end */ /* @group Responsive Behaviour */ @media screen and (max-width: 586px) { .mobile-hide, .mobilehide, .mobile-none, .mobilenone, .no-mobile, .nomobile { display: none !important; } } /* @end */ /* @group Helper Classes */ /* Helper class to hide buttons on touch devices */ #media-controls-musikbeispiel .playertouchdevice { display: none; } @media screen and (max-width: 568px) { #media-controls-musikbeispiel .player-no-mobile { display: none !important; } .player-mobile-left { text-align: left !important; } .player-mobile-center { text-align: center !important; } .player-mobile-right { text-align: right !important; } } @media screen and (max-width: 768px) { .player-no-tablet { display: none !important; } .player-tablet-left { text-align: left !important; } .player-tablet-center { text-align: center !important; } .player-tablet-right { text-align: right !important; } } /* @end */ /* @group Printer styles */ @media print { #media-controls-wrapper-musikbeispiel, #PlayerWrapper-musikbeispiel .splash-button { display: none; } } /* @end */ /* @group Untitled Group */ /* @end */ #toggleWrapper_stacks_in_189_page5 { display: block; position: relative; z-index: 1; } #myToggle17 { padding: 20px; margin: 0; font-weight: normal; display: block; color: #666666; text-decoration: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-size: 150%; line-height: 30px; } #myToggle17 { background: #EAEAEA; } #myToggle17:hover { color: #999999; cursor: pointer; } /* Toggle Button */ /* Local Image Buttons */ /* Warehoused Image Buttons */ /* Font Awesone Icon Buttons */ #toggleButtonstacks_in_189_page5.togglePlusClosed .toggleOpenIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_189_page5.togglePlusClosed .toggleOpenIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_189_page5.togglePlusClosed .toggleCloseIcon { display: none; } #toggleButtonstacks_in_189_page5.togglePlusOpened .toggleCloseIcon { display: block; position: absolute; right: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_189_page5.togglePlusOpened .toggleCloseIcon [class^="fa fa-"] { color: #666666; } #toggleButtonstacks_in_189_page5.togglePlusOpened .toggleOpenIcon { display: none; } #toggleContainer_stacks_in_189_page5 { display: none; margin-top: 5px; padding: 20px; overflow: hidden; color: #666666; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #toggleContainer_stacks_in_189_page5 { background: #EAEAEA; } @media print { #toggleButtonstacks_in_189_page5, #toggleButtonstacks_in_189_page5.toggleOpenIcon, #toggleButtonstacks_in_189_page5.toggleCloseIcon, #myToggle17 a:link:after, #myToggle17 a:visited:after { display: none !important; } #toggleContainer_stacks_in_189_page5 { display: block !important; } } #PlayerWrapper-musikbeispiel-II { display: block; position: relative; } #PlayerWrapper-musikbeispiel-II *, #PlayerWrapper-musikbeispiel-II *:before, #PlayerWrapper-musikbeispiel-II *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #MediaFrame-musikbeispiel-II { position: relative; width: 100%; height: 0; background: rgba(0, 0, 0, 1.00); } #MediaFrame-musikbeispiel-II { padding-bottom: 56.25%; } #PlayerWrapper-musikbeispiel-II #media-musikbeispiel-II { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #PlayerWrapper-musikbeispiel-II .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #PlayerWrapper-musikbeispiel-II .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #PlayerWrapper-musikbeispiel-II .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #PlayerWrapper-musikbeispiel-II .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; opacity: 0.0; background: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-musikbeispiel-II .splash-button:hover .splash-fill { opacity: 0.0; background: rgba(255, 255, 255, 1.00); } #PlayerWrapper-musikbeispiel-II .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-musikbeispiel-II .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #PlayerWrapper-musikbeispiel-II .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #PlayerWrapper-musikbeispiel-II .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-musikbeispiel-II { position: relative; z-index: 4; width: 100%; } #media-controls-innerwrap-musikbeispiel-II { /* margin: px; */ margin-left: 0%; margin-right: 0%; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; overflow: hidden; } #button-grid-musikbeispiel-II { margin: 0; padding: 0; font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; line-height: 40px; color: #ffffff; list-style: none; overflow: auto; height: auto; display: block; width: 100%; position: relative; z-index: 5; opacity: 0.99; /* Gradient background */ background: rgba(153, 153, 153, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%, rgba(153, 153, 153, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153, 153, 153, 1.00)), color-stop(100%,rgba(153, 153, 153, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(153, 153, 153, 1.00) 0%,rgba(153, 153, 153, 1.00) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(153, 153, 153, 1.00)', endColorstr='rgba(153, 153, 153, 1.00)',GradientType=0 ); /* IE6-9 */ } #PlayerWrapper-musikbeispiel-II { overflow: hidden; position: relative; } #PlayerWrapper-musikbeispiel-II #media-controls-wrapper-musikbeispiel-II { position: absolute; left: 0; bottom: -40px; margin-bottom: 0%; opacity: 0; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); } #PlayerWrapper-musikbeispiel-II:hover #media-controls-wrapper-musikbeispiel-II { opacity: 0.99; -webkit-transform: translateY(-40px); transform: translateY(-40px); } /* Don't auto-hide on touch devices */ .playertouchdevice #PlayerWrapper-musikbeispiel-II #media-controls-wrapper-musikbeispiel-II, .playertouchdevice #PlayerWrapper-musikbeispiel-II:hover #media-controls-wrapper-musikbeispiel-II { position: relative; bottom: auto; margin-bottom: 0; opacity: 1.00; -webkit-transform: none; transform: none; } #media-controls-musikbeispiel-II button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* @group Buttons, titles and time */ #media-controls-musikbeispiel-II span.media-button, #media-controls-musikbeispiel-II span.time, #media-controls-musikbeispiel-II span.player-extra-element, #media-controls-musikbeispiel-II span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: 40px; width: 7.00%; overflow: hidden; display: block; float: left; text-align: center; vertical-align: middle; } #media-controls-musikbeispiel-II span.media-button.left-aligned, #media-controls-musikbeispiel-II span.time.left-aligned, #media-controls-musikbeispiel-II span.player-extra-element.left-aligned, #media-controls-musikbeispiel-II span.duration.left-aligned { text-align: left; } #media-controls-musikbeispiel-II span.media-button.right-aligned, #media-controls-musikbeispiel-II span.time.right-aligned, #media-controls-musikbeispiel-II span.player-extra-element.right-aligned, #media-controls-musikbeispiel-II span.duration.right-aligned { text-align: right; } /* Buttons */ #media-controls-musikbeispiel-II span.media-button a, #media-controls-musikbeispiel-II span.media-button button { font-size: 24px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } @media screen and (max-width: 586px) { #media-controls-musikbeispiel-II span.media-button a, #media-controls-musikbeispiel-II span.media-button button { font-size: 18px; } } #media-controls-musikbeispiel-II span.media-button a:hover, #media-controls-musikbeispiel-II span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Icons */ #media-controls-musikbeispiel-II [class^="fa fa-"] { display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #media-controls-musikbeispiel-II [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } /* Time and titles */ #media-controls-musikbeispiel-II span.time, #media-controls-musikbeispiel-II span.player-extra-element, #media-controls-musikbeispiel-II span.duration { font-size: 14px; line-height: 40px; color: rgba(255, 255, 255, 1.00); height: 40px; width: 8.00%; padding: 0; margin: 0; vertical-align: top; } @media screen and (max-width: 586px) { #media-controls-musikbeispiel-II span.time, #media-controls-musikbeispiel-II span.player-extra-element, #media-controls-musikbeispiel-II span.duration { font-size: 11px; } } /* @end */ /* @group Captions */ /* @end */ /* @group Scrubber Bar */ #media-controls-musikbeispiel-II .scrubberWrapper { margin: 0; padding: 0; position: relative; line-height: 1; vertical-align: middle; margin-top: 10px; display: block; float: left; width: 40.00%; } #media-controls-musikbeispiel-II .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; position: relative; z-index: 2; } #media-controls-musikbeispiel-II .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(82, 157, 225, 1.00)), color-stop(100%, rgba(36, 94, 143, 1.00))); background-image: -webkit-linear-gradient(top, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); background-image: linear-gradient(to bottom, rgba(82, 157, 225, 1.00) 0, rgba(36, 94, 143, 1.00) 100%); padding: 0; margin: 0; z-index: 10; position: relative; } /* @end */ /* @group Responsive Behaviour */ @media screen and (max-width: 586px) { .mobile-hide, .mobilehide, .mobile-none, .mobilenone, .no-mobile, .nomobile { display: none !important; } } /* @end */ /* @group Helper Classes */ /* Helper class to hide buttons on touch devices */ #media-controls-musikbeispiel-II .playertouchdevice { display: none; } @media screen and (max-width: 568px) { #media-controls-musikbeispiel-II .player-no-mobile { display: none !important; } .player-mobile-left { text-align: left !important; } .player-mobile-center { text-align: center !important; } .player-mobile-right { text-align: right !important; } } @media screen and (max-width: 768px) { .player-no-tablet { display: none !important; } .player-tablet-left { text-align: left !important; } .player-tablet-center { text-align: center !important; } .player-tablet-right { text-align: right !important; } } /* @end */ /* @group Printer styles */ @media print { #media-controls-wrapper-musikbeispiel-II, #PlayerWrapper-musikbeispiel-II .splash-button { display: none; } } /* @end */ /* @group Untitled Group */ /* @end */ /* MODIFIED: 2014-04-14 20:11:55 */ #stacks_in_459_page5 { border: solid rgba(255, 255, 255, 0.70); border-width: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin: 10px; } #stacks_in_461_page5{ clear:both;padding: 0;margin: 0; counter-reset: section; -webkit-animation: opLoad 1s ease-out; -moz-animation: opLoad 1s ease-out; -o-animation: opLoad 1s ease-out; animation: opLoad 1s ease-out; } .ncp img{opacity: 0;-webkit-transition:opacity 1s ease-out;-moz-transition:opacity 1s ease-out;-o-animation: opLoad 1s ease-out;transition:opacity 1s ease-out;} .ncp img.show{opacity: 1;} .ncp img{max-width:100%;height:auto; width:auto;} .ncp .count{font-size: 11px;padding: 1px 5px 2px;margin-bottom:.5em;border:1px solid #cfcfcf;color:#aaa;border-radius:2px;display: inline-block;-webkit-font-smoothing: antialiased; } #stacks_in_461_page5 .c+.c .count{margin-left: 4px;} #stacks_in_461_page5.s3 .c.s2_3 .count,#stacks_in_461_page5.s4 .c.s2_4 .count,#stacks_in_461_page5.s4 .c.s3_4 .count{ margin-left: 2px;} .ncp .count:before{counter-increment: section;content: 'Column 'counter(section) '';} .ncp .g:before,.ncp .g:after{content:"";display:table;} .ncp .g:after{clear:both;} .ncp .c{display: block;float:left;margin: 1% 0 1% 1.6%;} .s1_1,.s1_2,.s1_3,.s1_4{margin: 1% 0;} .ncp .c:first-child { margin-left: 0; } #stacks_in_461_page5.s2 .c.s1_2 .c-pad,#stacks_in_461_page5.s3 .c.s1_3 .c-pad,#stacks_in_461_page5.s4 .c.s1_4 .c-pad{padding: 0 4px 0 0;} #stacks_in_461_page5.s3 .c.s2_3 .c-pad,#stacks_in_461_page5.s4 .c.s2_4 .c-pad,#stacks_in_461_page5.s4 .c.s3_4 .c-pad{ padding: 0 2px;} #stacks_in_461_page5.s2 .c.s2_2 .c-pad,#stacks_in_461_page5.s3 .c.s3_3 .c-pad,#stacks_in_461_page5.s4 .c.s4_4 .c-pad{ padding: 0 0 0 4px;} .ncp.s1>.c{width: 100%;}.ncp.s2>.c{width: 49.2%;}.ncp.s3>.c{width: 32.26%;}.ncp.s4>.c{width: 23.8%;} @media only screen and (max-width: 600px) { #stacks_in_461_page5 .c+.c .count, #stacks_in_461_page5.s3 .c.s2_3 .count, #stacks_in_461_page5.s4 .c.s3_4 .count{margin-left: 0;} #stacks_in_461_page5 .c{margin: 1% 0;padding: 4px 0;width: 100%;} #stacks_in_461_page5 .c:first-child,#stacks_in_461_page5.s4 .c.s1_4,#stacks_in_461_page5.s4 .c.s2_4{ padding: 0 0 4px;} #stacks_in_461_page5 .c:last-child,#stacks_in_461_page5.s4 .c.s3_4,#stacks_in_461_page5.s4 .c.s4_4{ padding: 4px 0 0;} #stacks_in_461_page5.s2 .c-pad,#stacks_in_461_page5.s3 .c-pad{ padding: 0 !important;} #stacks_in_461_page5.s4 .c.s2_4 .count, #stacks_in_461_page5.s4 .c.s4_4 .count{ margin-left: 4px;} #stacks_in_461_page5.s4 .c {width: 49.2%;} #stacks_in_461_page5.s4 .c.s1_4 .c-pad,#stacks_in_461_page5.s4 .c.s3_4 .c-pad{ padding: 0 4px 0 0;} #stacks_in_461_page5.s4 .c.s2_4 .c-pad,#stacks_in_461_page5.s4 .c.s4_4 .c-pad{ padding: 0 0 0 4px;} } @media only screen and (max-width: 300px) { #stacks_in_461_page5 .count{ margin-left: 0 !important;} #stacks_in_461_page5 .c .c-pad{padding: 0 !important;} #stacks_in_461_page5.s4 .c{width: 100%;} } @-webkit-keyframes opLoad { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes opLoad { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes opLoad { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes opLoad { 0% { opacity: 0; } 100% { opacity: 1; } } /* SetOpacity stack v1.0.0 */ /* End of SetOpacity stack */