/* FONT-SIZE */ /* FONT-SIZE */ /* Headline Mixins */ /* Gridle */ /* Helper */ /* set ratio using vw unit */ /* Breakpoints */ /* ENLARGE CLICK AREA CLOSE */ /* CIRCLE ARROWS */ /* Grid ~ START */ .fcb-container:after, .main-page-wrapper .fcb-container:after { content: ""; display: table; clear: both; } .fcb-row:before, .fcb-row-reverse:before, .fcb-row:after, .fcb-row-reverse:after { content: ""; display: table; } .fcb-row:after, .fcb-row-reverse:after { clear: both; } .fcb-row, .fcb-row-reverse { zoom: 1; } .fcb-gr-0, .fcb-gr-1, .fcb-gr-2, .fcb-gr-3, .fcb-gr-4, .fcb-gr-5, .fcb-gr-6, .fcb-gr-7, .fcb-gr-8, .fcb-gr-9, .fcb-gr-10, .fcb-gr-11, .fcb-gr-12 { display: inline-block; min-height: 1px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; padding-right: 14px; padding-left: 14px; } .fcb-gr-adapt { display: table-cell; width: 1px; white-space: nowrap !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 1rem; padding-right: 14px; padding-left: 14px; } .fcb-gr-grow { display: table-cell; width: 99999px; white-space: nowrap; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 1rem; padding-right: 14px; padding-left: 14px; } .fcb-push-0, .fcb-push-1, .fcb-push-2, .fcb-push-3, .fcb-push-4, .fcb-push-5, .fcb-push-6, .fcb-push-7, .fcb-push-8, .fcb-push-9, .fcb-push-10, .fcb-push-11, .fcb-push-12 { position: relative; } .fcb-pull-0, .fcb-pull-1, .fcb-pull-2, .fcb-pull-3, .fcb-pull-4, .fcb-pull-5, .fcb-pull-6, .fcb-pull-7, .fcb-pull-8, .fcb-pull-9, .fcb-pull-10, .fcb-pull-11, .fcb-pull-12 { position: relative; } .fcb-nowrap { white-space: nowrap; } .fcb-nowrap > * { white-space: normal; } .fcb-wrap { white-space: normal; } .fcb-gr-centered { display: block !important; float: none !important; margin-left: auto !important; margin-right: auto !important; clear: both !important; } @media screen and (min-width: 0rem) and (max-width: 85.375rem) { .fcb-container\@large:after { content: ""; display: table; clear: both; } } @media screen and (min-width: 0rem) and (max-width: 85.375rem) { .fcb-row\@large:before, .fcb-row-reverse\@large:before, .fcb-row\@large:after, .fcb-row-reverse\@large:after { content: ""; display: table; } .fcb-row\@large:after, .fcb-row-reverse\@large:after { clear: both; } .fcb-row\@large, .fcb-row-reverse\@large { zoom: 1; } } @media screen and (min-width: 0rem) and (max-width: 85.375rem) { .fcb-gr-0\@large, .fcb-gr-1\@large, .fcb-gr-2\@large, .fcb-gr-3\@large, .fcb-gr-4\@large, .fcb-gr-5\@large, .fcb-gr-6\@large, .fcb-gr-7\@large, .fcb-gr-8\@large, .fcb-gr-9\@large, .fcb-gr-10\@large, .fcb-gr-11\@large, .fcb-gr-12\@large { display: inline-block; min-height: 1px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; padding-right: 14px; padding-left: 14px; } } @media screen and (min-width: 0rem) and (max-width: 85.375rem) { .fcb-gr-adapt\@large { display: table-cell; width: 1px; white-space: nowrap !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 1rem; padding-right: 14px; padding-left: 14px; } } @media screen and (min-width: 0rem) and (max-width: 85.375rem) { .fcb-gr-grow\@large { display: table-cell; width: 99999px; white-space: nowrap; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 1rem; padding-right: 14px; padding-left: 14px; } } @media screen and (min-width: 0rem) and (max-width: 85.375rem) { .fcb-push-0\@large, .fcb-push-1\@large, .fcb-push-2\@large, .fcb-push-3\@large, .fcb-push-4\@large, .fcb-push-5\@large, .fcb-push-6\@large, .fcb-push-7\@large, .fcb-push-8\@large, .fcb-push-9\@large, .fcb-push-10\@large, .fcb-push-11\@large, .fcb-push-12\@large { position: relative; } } @media screen and (min-width: 0rem) and (max-width: 85.375rem) { .fcb-pull-0\@large, .fcb-pull-1\@large, .fcb-pull-2\@large, .fcb-pull-3\@large, .fcb-pull-4\@large, .fcb-pull-5\@large, .fcb-pull-6\@large, .fcb-pull-7\@large, .fcb-pull-8\@large, .fcb-pull-9\@large, .fcb-pull-10\@large, .fcb-pull-11\@large, .fcb-pull-12\@large { position: relative; } } @media screen and (min-width: 0rem) and (max-width: 85.375rem) { .fcb-nowrap\@large { white-space: nowrap; } .fcb-nowrap\@large > * { white-space: normal; } } @media screen and (min-width: 0rem) and (max-width: 85.375rem) { .fcb-wrap\@large { white-space: normal; } } @media screen and (min-width: 0rem) and (max-width: 85.375rem) { .fcb-gr-centered\@large { display: block !important; float: none !important; margin-left: auto !important; margin-right: auto !important; clear: both !important; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-container\@medium:after { content: ""; display: table; clear: both; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-row\@medium:before, .fcb-row-reverse\@medium:before, .fcb-row\@medium:after, .fcb-row-reverse\@medium:after { content: ""; display: table; } .fcb-row\@medium:after, .fcb-row-reverse\@medium:after { clear: both; } .fcb-row\@medium, .fcb-row-reverse\@medium { zoom: 1; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-gr-0\@medium, .fcb-gr-1\@medium, .fcb-gr-2\@medium, .fcb-gr-3\@medium, .fcb-gr-4\@medium, .fcb-gr-5\@medium, .fcb-gr-6\@medium, .fcb-gr-7\@medium, .fcb-gr-8\@medium, .fcb-gr-9\@medium, .fcb-gr-10\@medium, .fcb-gr-11\@medium, .fcb-gr-12\@medium { display: inline-block; min-height: 1px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; padding-right: 14px; padding-left: 14px; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-gr-adapt\@medium { display: table-cell; width: 1px; white-space: nowrap !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 1rem; padding-right: 14px; padding-left: 14px; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-gr-grow\@medium { display: table-cell; width: 99999px; white-space: nowrap; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 1rem; padding-right: 14px; padding-left: 14px; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-push-0\@medium, .fcb-push-1\@medium, .fcb-push-2\@medium, .fcb-push-3\@medium, .fcb-push-4\@medium, .fcb-push-5\@medium, .fcb-push-6\@medium, .fcb-push-7\@medium, .fcb-push-8\@medium, .fcb-push-9\@medium, .fcb-push-10\@medium, .fcb-push-11\@medium, .fcb-push-12\@medium { position: relative; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-pull-0\@medium, .fcb-pull-1\@medium, .fcb-pull-2\@medium, .fcb-pull-3\@medium, .fcb-pull-4\@medium, .fcb-pull-5\@medium, .fcb-pull-6\@medium, .fcb-pull-7\@medium, .fcb-pull-8\@medium, .fcb-pull-9\@medium, .fcb-pull-10\@medium, .fcb-pull-11\@medium, .fcb-pull-12\@medium { position: relative; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-nowrap\@medium { white-space: nowrap; } .fcb-nowrap\@medium > * { white-space: normal; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-wrap\@medium { white-space: normal; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-gr-centered\@medium { display: block !important; float: none !important; margin-left: auto !important; margin-right: auto !important; clear: both !important; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-container\@small:after { content: ""; display: table; clear: both; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-row\@small:before, .fcb-row-reverse\@small:before, .fcb-row\@small:after, .fcb-row-reverse\@small:after { content: ""; display: table; } .fcb-row\@small:after, .fcb-row-reverse\@small:after { clear: both; } .fcb-row\@small, .fcb-row-reverse\@small { zoom: 1; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-gr-0\@small, .fcb-gr-1\@small, .fcb-gr-2\@small, .fcb-gr-3\@small, .fcb-gr-4\@small, .fcb-gr-5\@small, .fcb-gr-6\@small, .fcb-gr-7\@small, .fcb-gr-8\@small, .fcb-gr-9\@small, .fcb-gr-10\@small, .fcb-gr-11\@small, .fcb-gr-12\@small { display: inline-block; min-height: 1px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; padding-right: 14px; padding-left: 14px; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-gr-adapt\@small { display: table-cell; width: 1px; white-space: nowrap !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 1rem; padding-right: 14px; padding-left: 14px; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-gr-grow\@small { display: table-cell; width: 99999px; white-space: nowrap; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 1rem; padding-right: 14px; padding-left: 14px; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-push-0\@small, .fcb-push-1\@small, .fcb-push-2\@small, .fcb-push-3\@small, .fcb-push-4\@small, .fcb-push-5\@small, .fcb-push-6\@small, .fcb-push-7\@small, .fcb-push-8\@small, .fcb-push-9\@small, .fcb-push-10\@small, .fcb-push-11\@small, .fcb-push-12\@small { position: relative; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-pull-0\@small, .fcb-pull-1\@small, .fcb-pull-2\@small, .fcb-pull-3\@small, .fcb-pull-4\@small, .fcb-pull-5\@small, .fcb-pull-6\@small, .fcb-pull-7\@small, .fcb-pull-8\@small, .fcb-pull-9\@small, .fcb-pull-10\@small, .fcb-pull-11\@small, .fcb-pull-12\@small { position: relative; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-nowrap\@small { white-space: nowrap; } .fcb-nowrap\@small > * { white-space: normal; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-wrap\@small { white-space: normal; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-gr-centered\@small { display: block !important; float: none !important; margin-left: auto !important; margin-right: auto !important; clear: both !important; } } @media screen and (max-width: 400px) { @-ms-viewport { width: device-width; } } #gridle-settings { content: '{ "version" : "2.0.41", "states" : { "retina":{ "query" : "(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx)", "classes" : false, "name" : "retina", "_" : true }, "tv":{ "query" : "only tv", "classes" : false, "name" : "tv", "_" : true }, "print":{ "query" : "only print", "classes" : false, "name" : "print", "_" : true }, "portrait":{ "query" : "only screen and (orientation: portrait)", "classes" : false, "name" : "portrait", "_" : true }, "landscape":{ "query" : "only screen and (orientation: landscape)", "classes" : false, "name" : "landscape", "_" : true }, "default":{ "name" : "default", "min-width" : null, "max-width" : null, "query" : null, "classes" : true, "context" : "12", "column-width" : null, "gutter-width" : "28px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "14px", "gutter-bottom" : "0", "gutter-left" : "14px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : false, "classes-prefix" : "fcb-", "_" : true }, "large":{ "name" : "large", "min-width" : "0rem", "max-width" : "85.375rem", "query" : "screen and (min-width: 0rem) and (max-width: 85.375rem)", "classes" : true, "context" : "12", "column-width" : null, "gutter-width" : "28px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "14px", "gutter-bottom" : "0", "gutter-left" : "14px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : false, "classes-prefix" : "fcb-", "_" : true }, "medium":{ "name" : "medium", "min-width" : "0rem", "max-width" : "63.9375rem", "query" : "screen and (min-width: 0rem) and (max-width: 63.9375rem)", "classes" : true, "context" : "12", "column-width" : null, "gutter-width" : "16px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "8px", "gutter-bottom" : "0", "gutter-left" : "8px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : false, "classes-prefix" : "fcb-", "_" : true }, "small":{ "name" : "small", "min-width" : "0rem", "max-width" : "41.25rem", "query" : "screen and (min-width: 0rem) and (max-width: 41.25rem)", "classes" : true, "context" : "12", "column-width" : null, "gutter-width" : "6px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "3px", "gutter-bottom" : "0", "gutter-left" : "3px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : false, "classes-prefix" : "fcb-", "_" : true }} }'; } .fcb-gr-0 { width: 0%; } .fcb-push-0 { left: 0%; } .fcb-pull-0 { right: 0%; } .fcb-prefix-0 { margin-left: 0%; } .fcb-suffix-0 { margin-right: 0%; } .fcb-gr-1 { width: 8.33333%; } .fcb-push-1 { left: 8.33333%; } .fcb-pull-1 { right: 8.33333%; } .fcb-prefix-1 { margin-left: 8.33333%; } .fcb-suffix-1 { margin-right: 8.33333%; } .fcb-gr-2 { width: 16.66667%; } .fcb-push-2 { left: 16.66667%; } .fcb-pull-2 { right: 16.66667%; } .fcb-prefix-2 { margin-left: 16.66667%; } .fcb-suffix-2 { margin-right: 16.66667%; } .fcb-gr-3 { width: 25%; } .fcb-push-3 { left: 25%; } .fcb-pull-3 { right: 25%; } .fcb-prefix-3 { margin-left: 25%; } .fcb-suffix-3 { margin-right: 25%; } .fcb-gr-4 { width: 33.33333%; } .fcb-push-4 { left: 33.33333%; } .fcb-pull-4 { right: 33.33333%; } .fcb-prefix-4 { margin-left: 33.33333%; } .fcb-suffix-4 { margin-right: 33.33333%; } .fcb-gr-5 { width: 41.66667%; } .fcb-push-5 { left: 41.66667%; } .fcb-pull-5 { right: 41.66667%; } .fcb-prefix-5 { margin-left: 41.66667%; } .fcb-suffix-5 { margin-right: 41.66667%; } .fcb-gr-6 { width: 50%; } .fcb-push-6 { left: 50%; } .fcb-pull-6 { right: 50%; } .fcb-prefix-6 { margin-left: 50%; } .fcb-suffix-6 { margin-right: 50%; } .fcb-gr-7 { width: 58.33333%; } .fcb-push-7 { left: 58.33333%; } .fcb-pull-7 { right: 58.33333%; } .fcb-prefix-7 { margin-left: 58.33333%; } .fcb-suffix-7 { margin-right: 58.33333%; } .fcb-gr-8 { width: 66.66667%; } .fcb-push-8 { left: 66.66667%; } .fcb-pull-8 { right: 66.66667%; } .fcb-prefix-8 { margin-left: 66.66667%; } .fcb-suffix-8 { margin-right: 66.66667%; } .fcb-gr-9 { width: 75%; } .fcb-push-9 { left: 75%; } .fcb-pull-9 { right: 75%; } .fcb-prefix-9 { margin-left: 75%; } .fcb-suffix-9 { margin-right: 75%; } .fcb-gr-10 { width: 83.33333%; } .fcb-push-10 { left: 83.33333%; } .fcb-pull-10 { right: 83.33333%; } .fcb-prefix-10 { margin-left: 83.33333%; } .fcb-suffix-10 { margin-right: 83.33333%; } .fcb-gr-11 { width: 91.66667%; } .fcb-push-11 { left: 91.66667%; } .fcb-pull-11 { right: 91.66667%; } .fcb-prefix-11 { margin-left: 91.66667%; } .fcb-suffix-11 { margin-right: 91.66667%; } .fcb-gr-12 { width: 100%; } .fcb-push-12 { left: 100%; } .fcb-pull-12 { right: 100%; } .fcb-prefix-12 { margin-left: 100%; } .fcb-suffix-12 { margin-right: 100%; } .fcb-float-left { float: left; } .fcb-float-right { float: right; } .fcb-clear { clear: both; } .fcb-clear-left { clear: left; } .fcb-clear-right { clear: right; } .fcb-no-gutter { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } .fcb-no-gutter-left { padding-left: 0; } .fcb-no-gutter-right { padding-right: 0; } .fcb-no-gutter-top { padding-top: 0; } .fcb-no-gutter-bottom { padding-bottom: 0; } .fcb-gutter { padding-right: 14px; padding-left: 14px; } .fcb-gutter-left { padding-left: 14px; } .fcb-gutter-right { padding-right: 14px; } .fcb-auto-height { height: inherit; } .fcb-row { padding-left: 0 !important; padding-right: 0 !important; margin-left: -14px; margin-right: -14px; } .fcb-row-reverse { padding-left: 0 !important; padding-right: 0 !important; margin-left: -14px; margin-right: -14px; } .fcb-row-full { width: 100vw; margin-left: 50% !important; margin-right: 0 !important; -webkit-transform: translateX(-50%); -moz-transition: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .fcb-col { padding-left: 0 !important; padding-right: 0 !important; margin-left: -14px; margin-right: -14px; } .fcb-col-reverse { padding-left: 0 !important; padding-right: 0 !important; margin-left: -14px; margin-right: -14px; } .fcb-gr-table { display: table-cell; float: none; vertical-align: top; } .fcb-row-align-left { font-size: 0; clear: both; text-align: left; } .fcb-row-align-left > * { float: none !important; vertical-align: bottom; font-size: 1rem; } .fcb-row-align-center { font-size: 0; clear: both; text-align: center; } .fcb-row-align-center > * { float: none !important; vertical-align: bottom; font-size: 1rem; } .fcb-row-align-center > * { text-align: left; } .fcb-row-align-right { font-size: 0; clear: both; text-align: right; } .fcb-row-align-right > * { float: none !important; vertical-align: bottom; font-size: 1rem; } .fcb-row-align-right > * { text-align: left; } .fcb-row-align-middle { font-size: 0; clear: both; vertical-align: middle; } .fcb-row-align-middle > * { float: none !important; vertical-align: middle; font-size: 1rem; } .fcb-row-align-top { font-size: 0; clear: both; vertical-align: top; } .fcb-row-align-top > * { float: none !important; vertical-align: top; font-size: 1rem; } .fcb-row-align-bottom { font-size: 0; clear: both; vertical-align: bottom; } .fcb-row-align-bottom > * { float: none !important; vertical-align: bottom; font-size: 1rem; } .fcb-hide { display: none; } .fcb-not-visible { visibility: hidden; } .fcb-show { display: block; } .fcb-show-inline { display: inline-block; } .fcb-visible { visibility: visible; } .fcb-row-debug { position: relative; z-index: 99999; overflow: hidden; } .fcb-row-debug:before { pointer-events: none; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 99999px; background: linear-gradient(to right, transparent 50%, rgba(0, 0, 0, 0.02) 50%); background-size: 16.66667% 100%; z-index: 99999; } body { direction: ltr; } @media screen and (min-width: 0rem) and (max-width: 85.375rem) { .fcb-gr-0\@large { width: 0%; } .fcb-push-0\@large { left: 0%; } .fcb-pull-0\@large { right: 0%; } .fcb-prefix-0\@large { margin-left: 0%; } .fcb-suffix-0\@large { margin-right: 0%; } .fcb-gr-1\@large { width: 8.33333%; } .fcb-push-1\@large { left: 8.33333%; } .fcb-pull-1\@large { right: 8.33333%; } .fcb-prefix-1\@large { margin-left: 8.33333%; } .fcb-suffix-1\@large { margin-right: 8.33333%; } .fcb-gr-2\@large { width: 16.66667%; } .fcb-push-2\@large { left: 16.66667%; } .fcb-pull-2\@large { right: 16.66667%; } .fcb-prefix-2\@large { margin-left: 16.66667%; } .fcb-suffix-2\@large { margin-right: 16.66667%; } .fcb-gr-3\@large { width: 25%; } .fcb-push-3\@large { left: 25%; } .fcb-pull-3\@large { right: 25%; } .fcb-prefix-3\@large { margin-left: 25%; } .fcb-suffix-3\@large { margin-right: 25%; } .fcb-gr-4\@large { width: 33.33333%; } .fcb-push-4\@large { left: 33.33333%; } .fcb-pull-4\@large { right: 33.33333%; } .fcb-prefix-4\@large { margin-left: 33.33333%; } .fcb-suffix-4\@large { margin-right: 33.33333%; } .fcb-gr-5\@large { width: 41.66667%; } .fcb-push-5\@large { left: 41.66667%; } .fcb-pull-5\@large { right: 41.66667%; } .fcb-prefix-5\@large { margin-left: 41.66667%; } .fcb-suffix-5\@large { margin-right: 41.66667%; } .fcb-gr-6\@large { width: 50%; } .fcb-push-6\@large { left: 50%; } .fcb-pull-6\@large { right: 50%; } .fcb-prefix-6\@large { margin-left: 50%; } .fcb-suffix-6\@large { margin-right: 50%; } .fcb-gr-7\@large { width: 58.33333%; } .fcb-push-7\@large { left: 58.33333%; } .fcb-pull-7\@large { right: 58.33333%; } .fcb-prefix-7\@large { margin-left: 58.33333%; } .fcb-suffix-7\@large { margin-right: 58.33333%; } .fcb-gr-8\@large { width: 66.66667%; } .fcb-push-8\@large { left: 66.66667%; } .fcb-pull-8\@large { right: 66.66667%; } .fcb-prefix-8\@large { margin-left: 66.66667%; } .fcb-suffix-8\@large { margin-right: 66.66667%; } .fcb-gr-9\@large { width: 75%; } .fcb-push-9\@large { left: 75%; } .fcb-pull-9\@large { right: 75%; } .fcb-prefix-9\@large { margin-left: 75%; } .fcb-suffix-9\@large { margin-right: 75%; } .fcb-gr-10\@large { width: 83.33333%; } .fcb-push-10\@large { left: 83.33333%; } .fcb-pull-10\@large { right: 83.33333%; } .fcb-prefix-10\@large { margin-left: 83.33333%; } .fcb-suffix-10\@large { margin-right: 83.33333%; } .fcb-gr-11\@large { width: 91.66667%; } .fcb-push-11\@large { left: 91.66667%; } .fcb-pull-11\@large { right: 91.66667%; } .fcb-prefix-11\@large { margin-left: 91.66667%; } .fcb-suffix-11\@large { margin-right: 91.66667%; } .fcb-gr-12\@large { width: 100%; } .fcb-push-12\@large { left: 100%; } .fcb-pull-12\@large { right: 100%; } .fcb-prefix-12\@large { margin-left: 100%; } .fcb-suffix-12\@large { margin-right: 100%; } .fcb-float-left\@large { float: left; } .fcb-float-right\@large { float: right; } .fcb-clear\@large { clear: both; } .fcb-clear-left\@large { clear: left; } .fcb-clear-right\@large { clear: right; } .fcb-no-gutter\@large { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } .fcb-no-gutter-left\@large { padding-left: 0; } .fcb-no-gutter-right\@large { padding-right: 0; } .fcb-no-gutter-top\@large { padding-top: 0; } .fcb-no-gutter-bottom\@large { padding-bottom: 0; } .fcb-gutter\@large { padding-right: 14px; padding-left: 14px; } .fcb-gutter-left\@large { padding-left: 14px; } .fcb-gutter-right\@large { padding-right: 14px; } .fcb-auto-height\@large { height: inherit; } .fcb-row\@large { padding-left: 0 !important; padding-right: 0 !important; margin-left: -14px; margin-right: -14px; } .fcb-row-reverse\@large { padding-left: 0 !important; padding-right: 0 !important; margin-left: -14px; margin-right: -14px; } .fcb-row-full\@large { width: 100vw; margin-left: 50% !important; margin-right: 0 !important; -webkit-transform: translateX(-50%); -moz-transition: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .fcb-col\@large { padding-left: 0 !important; padding-right: 0 !important; margin-left: -14px; margin-right: -14px; } .fcb-col-reverse\@large { padding-left: 0 !important; padding-right: 0 !important; margin-left: -14px; margin-right: -14px; } .fcb-gr-table\@large { display: table-cell; float: none; vertical-align: top; } .fcb-row-align-left\@large { font-size: 0; clear: both; text-align: left; } .fcb-row-align-left\@large > * { float: none !important; vertical-align: bottom; font-size: 1rem; } .fcb-row-align-center\@large { font-size: 0; clear: both; text-align: center; } .fcb-row-align-center\@large > * { float: none !important; vertical-align: bottom; font-size: 1rem; } .fcb-row-align-center\@large > * { text-align: left; } .fcb-row-align-right\@large { font-size: 0; clear: both; text-align: right; } .fcb-row-align-right\@large > * { float: none !important; vertical-align: bottom; font-size: 1rem; } .fcb-row-align-right\@large > * { text-align: left; } .fcb-row-align-middle\@large { font-size: 0; clear: both; vertical-align: middle; } .fcb-row-align-middle\@large > * { float: none !important; vertical-align: middle; font-size: 1rem; } .fcb-row-align-top\@large { font-size: 0; clear: both; vertical-align: top; } .fcb-row-align-top\@large > * { float: none !important; vertical-align: top; font-size: 1rem; } .fcb-row-align-bottom\@large { font-size: 0; clear: both; vertical-align: bottom; } .fcb-row-align-bottom\@large > * { float: none !important; vertical-align: bottom; font-size: 1rem; } .fcb-hide\@large { display: none; } .fcb-not-visible\@large { visibility: hidden; } .fcb-show\@large { display: block; } .fcb-show-inline\@large { display: inline-block; } .fcb-visible\@large { visibility: visible; } .fcb-row-debug\@large { position: relative; z-index: 99999; overflow: hidden; } .fcb-row-debug\@large:before { pointer-events: none; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 99999px; background: linear-gradient(to right, transparent 50%, rgba(0, 0, 0, 0.02) 50%); background-size: 16.66667% 100%; z-index: 99999; } body { direction: ltr; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-gr-0\@medium { width: 0%; } .fcb-push-0\@medium { left: 0%; } .fcb-pull-0\@medium { right: 0%; } .fcb-prefix-0\@medium { margin-left: 0%; } .fcb-suffix-0\@medium { margin-right: 0%; } .fcb-gr-1\@medium { width: 8.33333%; } .fcb-push-1\@medium { left: 8.33333%; } .fcb-pull-1\@medium { right: 8.33333%; } .fcb-prefix-1\@medium { margin-left: 8.33333%; } .fcb-suffix-1\@medium { margin-right: 8.33333%; } .fcb-gr-2\@medium { width: 16.66667%; } .fcb-push-2\@medium { left: 16.66667%; } .fcb-pull-2\@medium { right: 16.66667%; } .fcb-prefix-2\@medium { margin-left: 16.66667%; } .fcb-suffix-2\@medium { margin-right: 16.66667%; } .fcb-gr-3\@medium { width: 25%; } .fcb-push-3\@medium { left: 25%; } .fcb-pull-3\@medium { right: 25%; } .fcb-prefix-3\@medium { margin-left: 25%; } .fcb-suffix-3\@medium { margin-right: 25%; } .fcb-gr-4\@medium { width: 33.33333%; } .fcb-push-4\@medium { left: 33.33333%; } .fcb-pull-4\@medium { right: 33.33333%; } .fcb-prefix-4\@medium { margin-left: 33.33333%; } .fcb-suffix-4\@medium { margin-right: 33.33333%; } .fcb-gr-5\@medium { width: 41.66667%; } .fcb-push-5\@medium { left: 41.66667%; } .fcb-pull-5\@medium { right: 41.66667%; } .fcb-prefix-5\@medium { margin-left: 41.66667%; } .fcb-suffix-5\@medium { margin-right: 41.66667%; } .fcb-gr-6\@medium { width: 50%; } .fcb-push-6\@medium { left: 50%; } .fcb-pull-6\@medium { right: 50%; } .fcb-prefix-6\@medium { margin-left: 50%; } .fcb-suffix-6\@medium { margin-right: 50%; } .fcb-gr-7\@medium { width: 58.33333%; } .fcb-push-7\@medium { left: 58.33333%; } .fcb-pull-7\@medium { right: 58.33333%; } .fcb-prefix-7\@medium { margin-left: 58.33333%; } .fcb-suffix-7\@medium { margin-right: 58.33333%; } .fcb-gr-8\@medium { width: 66.66667%; } .fcb-push-8\@medium { left: 66.66667%; } .fcb-pull-8\@medium { right: 66.66667%; } .fcb-prefix-8\@medium { margin-left: 66.66667%; } .fcb-suffix-8\@medium { margin-right: 66.66667%; } .fcb-gr-9\@medium { width: 75%; } .fcb-push-9\@medium { left: 75%; } .fcb-pull-9\@medium { right: 75%; } .fcb-prefix-9\@medium { margin-left: 75%; } .fcb-suffix-9\@medium { margin-right: 75%; } .fcb-gr-10\@medium { width: 83.33333%; } .fcb-push-10\@medium { left: 83.33333%; } .fcb-pull-10\@medium { right: 83.33333%; } .fcb-prefix-10\@medium { margin-left: 83.33333%; } .fcb-suffix-10\@medium { margin-right: 83.33333%; } .fcb-gr-11\@medium { width: 91.66667%; } .fcb-push-11\@medium { left: 91.66667%; } .fcb-pull-11\@medium { right: 91.66667%; } .fcb-prefix-11\@medium { margin-left: 91.66667%; } .fcb-suffix-11\@medium { margin-right: 91.66667%; } .fcb-gr-12\@medium { width: 100%; } .fcb-push-12\@medium { left: 100%; } .fcb-pull-12\@medium { right: 100%; } .fcb-prefix-12\@medium { margin-left: 100%; } .fcb-suffix-12\@medium { margin-right: 100%; } .fcb-float-left\@medium { float: left; } .fcb-float-right\@medium { float: right; } .fcb-clear\@medium { clear: both; } .fcb-clear-left\@medium { clear: left; } .fcb-clear-right\@medium { clear: right; } .fcb-no-gutter\@medium { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } .fcb-no-gutter-left\@medium { padding-left: 0; } .fcb-no-gutter-right\@medium { padding-right: 0; } .fcb-no-gutter-top\@medium { padding-top: 0; } .fcb-no-gutter-bottom\@medium { padding-bottom: 0; } .fcb-gutter\@medium { padding-right: 8px; padding-left: 8px; } .fcb-gutter-left\@medium { padding-left: 8px; } .fcb-gutter-right\@medium { padding-right: 8px; } .fcb-auto-height\@medium { height: inherit; } .fcb-row\@medium { padding-left: 0 !important; padding-right: 0 !important; margin-left: -8px; margin-right: -8px; } .fcb-row-reverse\@medium { padding-left: 0 !important; padding-right: 0 !important; margin-left: -8px; margin-right: -8px; } .fcb-row-full\@medium { width: 100vw; margin-left: 50% !important; margin-right: 0 !important; -webkit-transform: translateX(-50%); -moz-transition: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .fcb-col\@medium { padding-left: 0 !important; padding-right: 0 !important; margin-left: -8px; margin-right: -8px; } .fcb-col-reverse\@medium { padding-left: 0 !important; padding-right: 0 !important; margin-left: -8px; margin-right: -8px; } .fcb-gr-table\@medium { display: table-cell; float: none; vertical-align: top; } .fcb-row-align-left\@medium { font-size: 0; clear: both; text-align: left; } .fcb-row-align-left\@medium > * { float: none !important; vertical-align: bottom; font-size: 1rem; } .fcb-row-align-center\@medium { font-size: 0; clear: both; text-align: center; } .fcb-row-align-center\@medium > * { float: none !important; vertical-align: bottom; font-size: 1rem; } .fcb-row-align-center\@medium > * { text-align: left; } .fcb-row-align-right\@medium { font-size: 0; clear: both; text-align: right; } .fcb-row-align-right\@medium > * { float: none !important; vertical-align: bottom; font-size: 1rem; } .fcb-row-align-right\@medium > * { text-align: left; } .fcb-row-align-middle\@medium { font-size: 0; clear: both; vertical-align: middle; } .fcb-row-align-middle\@medium > * { float: none !important; vertical-align: middle; font-size: 1rem; } .fcb-row-align-top\@medium { font-size: 0; clear: both; vertical-align: top; } .fcb-row-align-top\@medium > * { float: none !important; vertical-align: top; font-size: 1rem; } .fcb-row-align-bottom\@medium { font-size: 0; clear: both; vertical-align: bottom; } .fcb-row-align-bottom\@medium > * { float: none !important; vertical-align: bottom; font-size: 1rem; } .fcb-hide\@medium { display: none; } .fcb-not-visible\@medium { visibility: hidden; } .fcb-show\@medium { display: block; } .fcb-show-inline\@medium { display: inline-block; } .fcb-visible\@medium { visibility: visible; } .fcb-row-debug\@medium { position: relative; z-index: 99999; overflow: hidden; } .fcb-row-debug\@medium:before { pointer-events: none; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 99999px; background: linear-gradient(to right, transparent 50%, rgba(0, 0, 0, 0.02) 50%); background-size: 16.66667% 100%; z-index: 99999; } body { direction: ltr; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-gr-0\@small { width: 0%; } .fcb-push-0\@small { left: 0%; } .fcb-pull-0\@small { right: 0%; } .fcb-prefix-0\@small { margin-left: 0%; } .fcb-suffix-0\@small { margin-right: 0%; } .fcb-gr-1\@small { width: 8.33333%; } .fcb-push-1\@small { left: 8.33333%; } .fcb-pull-1\@small { right: 8.33333%; } .fcb-prefix-1\@small { margin-left: 8.33333%; } .fcb-suffix-1\@small { margin-right: 8.33333%; } .fcb-gr-2\@small { width: 16.66667%; } .fcb-push-2\@small { left: 16.66667%; } .fcb-pull-2\@small { right: 16.66667%; } .fcb-prefix-2\@small { margin-left: 16.66667%; } .fcb-suffix-2\@small { margin-right: 16.66667%; } .fcb-gr-3\@small { width: 25%; } .fcb-push-3\@small { left: 25%; } .fcb-pull-3\@small { right: 25%; } .fcb-prefix-3\@small { margin-left: 25%; } .fcb-suffix-3\@small { margin-right: 25%; } .fcb-gr-4\@small { width: 33.33333%; } .fcb-push-4\@small { left: 33.33333%; } .fcb-pull-4\@small { right: 33.33333%; } .fcb-prefix-4\@small { margin-left: 33.33333%; } .fcb-suffix-4\@small { margin-right: 33.33333%; } .fcb-gr-5\@small { width: 41.66667%; } .fcb-push-5\@small { left: 41.66667%; } .fcb-pull-5\@small { right: 41.66667%; } .fcb-prefix-5\@small { margin-left: 41.66667%; } .fcb-suffix-5\@small { margin-right: 41.66667%; } .fcb-gr-6\@small { width: 50%; } .fcb-push-6\@small { left: 50%; } .fcb-pull-6\@small { right: 50%; } .fcb-prefix-6\@small { margin-left: 50%; } .fcb-suffix-6\@small { margin-right: 50%; } .fcb-gr-7\@small { width: 58.33333%; } .fcb-push-7\@small { left: 58.33333%; } .fcb-pull-7\@small { right: 58.33333%; } .fcb-prefix-7\@small { margin-left: 58.33333%; } .fcb-suffix-7\@small { margin-right: 58.33333%; } .fcb-gr-8\@small { width: 66.66667%; } .fcb-push-8\@small { left: 66.66667%; } .fcb-pull-8\@small { right: 66.66667%; } .fcb-prefix-8\@small { margin-left: 66.66667%; } .fcb-suffix-8\@small { margin-right: 66.66667%; } .fcb-gr-9\@small { width: 75%; } .fcb-push-9\@small { left: 75%; } .fcb-pull-9\@small { right: 75%; } .fcb-prefix-9\@small { margin-left: 75%; } .fcb-suffix-9\@small { margin-right: 75%; } .fcb-gr-10\@small { width: 83.33333%; } .fcb-push-10\@small { left: 83.33333%; } .fcb-pull-10\@small { right: 83.33333%; } .fcb-prefix-10\@small { margin-left: 83.33333%; } .fcb-suffix-10\@small { margin-right: 83.33333%; } .fcb-gr-11\@small { width: 91.66667%; } .fcb-push-11\@small { left: 91.66667%; } .fcb-pull-11\@small { right: 91.66667%; } .fcb-prefix-11\@small { margin-left: 91.66667%; } .fcb-suffix-11\@small { margin-right: 91.66667%; } .fcb-gr-12\@small { width: 100%; } .fcb-push-12\@small { left: 100%; } .fcb-pull-12\@small { right: 100%; } .fcb-prefix-12\@small { margin-left: 100%; } .fcb-suffix-12\@small { margin-right: 100%; } .fcb-float-left\@small { float: left; } .fcb-float-right\@small { float: right; } .fcb-clear\@small { clear: both; } .fcb-clear-left\@small { clear: left; } .fcb-clear-right\@small { clear: right; } .fcb-no-gutter\@small { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } .fcb-no-gutter-left\@small { padding-left: 0; } .fcb-no-gutter-right\@small { padding-right: 0; } .fcb-no-gutter-top\@small { padding-top: 0; } .fcb-no-gutter-bottom\@small { padding-bottom: 0; } .fcb-gutter\@small { padding-right: 3px; padding-left: 3px; } .fcb-gutter-left\@small { padding-left: 3px; } .fcb-gutter-right\@small { padding-right: 3px; } .fcb-auto-height\@small { height: inherit; } .fcb-row\@small { padding-left: 0 !important; padding-right: 0 !important; margin-left: -3px; margin-right: -3px; } .fcb-row-reverse\@small { padding-left: 0 !important; padding-right: 0 !important; margin-left: -3px; margin-right: -3px; } .fcb-row-full\@small { width: 100vw; margin-left: 50% !important; margin-right: 0 !important; -webkit-transform: translateX(-50%); -moz-transition: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .fcb-col\@small { padding-left: 0 !important; padding-right: 0 !important; margin-left: -3px; margin-right: -3px; } .fcb-col-reverse\@small { padding-left: 0 !important; padding-right: 0 !important; margin-left: -3px; margin-right: -3px; } .fcb-gr-table\@small { display: table-cell; float: none; vertical-align: top; } .fcb-row-align-left\@small { font-size: 0; clear: both; text-align: left; } .fcb-row-align-left\@small > * { float: none !important; vertical-align: bottom; font-size: 1rem; } .fcb-row-align-center\@small { font-size: 0; clear: both; text-align: center; } .fcb-row-align-center\@small > * { float: none !important; vertical-align: bottom; font-size: 1rem; } .fcb-row-align-center\@small > * { text-align: left; } .fcb-row-align-right\@small { font-size: 0; clear: both; text-align: right; } .fcb-row-align-right\@small > * { float: none !important; vertical-align: bottom; font-size: 1rem; } .fcb-row-align-right\@small > * { text-align: left; } .fcb-row-align-middle\@small { font-size: 0; clear: both; vertical-align: middle; } .fcb-row-align-middle\@small > * { float: none !important; vertical-align: middle; font-size: 1rem; } .fcb-row-align-top\@small { font-size: 0; clear: both; vertical-align: top; } .fcb-row-align-top\@small > * { float: none !important; vertical-align: top; font-size: 1rem; } .fcb-row-align-bottom\@small { font-size: 0; clear: both; vertical-align: bottom; } .fcb-row-align-bottom\@small > * { float: none !important; vertical-align: bottom; font-size: 1rem; } .fcb-hide\@small { display: none; } .fcb-not-visible\@small { visibility: hidden; } .fcb-show\@small { display: block; } .fcb-show-inline\@small { display: inline-block; } .fcb-visible\@small { visibility: visible; } .fcb-row-debug\@small { position: relative; z-index: 99999; overflow: hidden; } .fcb-row-debug\@small:before { pointer-events: none; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 99999px; background: linear-gradient(to right, transparent 50%, rgba(0, 0, 0, 0.02) 50%); background-size: 16.66667% 100%; z-index: 99999; } body { direction: ltr; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .gr-0\@retina, .gr-1\@retina, .gr-2\@retina, .gr-3\@retina, .gr-4\@retina, .gr-5\@retina, .gr-6\@retina, .gr-7\@retina, .gr-8\@retina, .gr-9\@retina, .gr-10\@retina, .gr-11\@retina, .gr-12\@retina, .gr-0\@tv, .gr-1\@tv, .gr-2\@tv, .gr-3\@tv, .gr-4\@tv, .gr-5\@tv, .gr-6\@tv, .gr-7\@tv, .gr-8\@tv, .gr-9\@tv, .gr-10\@tv, .gr-11\@tv, .gr-12\@tv, .gr-0\@print, .gr-1\@print, .gr-2\@print, .gr-3\@print, .gr-4\@print, .gr-5\@print, .gr-6\@print, .gr-7\@print, .gr-8\@print, .gr-9\@print, .gr-10\@print, .gr-11\@print, .gr-12\@print, .gr-0\@portrait, .gr-1\@portrait, .gr-2\@portrait, .gr-3\@portrait, .gr-4\@portrait, .gr-5\@portrait, .gr-6\@portrait, .gr-7\@portrait, .gr-8\@portrait, .gr-9\@portrait, .gr-10\@portrait, .gr-11\@portrait, .gr-12\@portrait, .gr-0\@landscape, .gr-1\@landscape, .gr-2\@landscape, .gr-3\@landscape, .gr-4\@landscape, .gr-5\@landscape, .gr-6\@landscape, .gr-7\@landscape, .gr-8\@landscape, .gr-9\@landscape, .gr-10\@landscape, .gr-11\@landscape, .gr-12\@landscape, .fcb-gr-0, .fcb-gr-1, .fcb-gr-2, .fcb-gr-3, .fcb-gr-4, .fcb-gr-5, .fcb-gr-6, .fcb-gr-7, .fcb-gr-8, .fcb-gr-9, .fcb-gr-10, .fcb-gr-11, .fcb-gr-12, .fcb-gr-0\@large, .fcb-gr-1\@large, .fcb-gr-2\@large, .fcb-gr-3\@large, .fcb-gr-4\@large, .fcb-gr-5\@large, .fcb-gr-6\@large, .fcb-gr-7\@large, .fcb-gr-8\@large, .fcb-gr-9\@large, .fcb-gr-10\@large, .fcb-gr-11\@large, .fcb-gr-12\@large, .fcb-gr-0\@medium, .fcb-gr-1\@medium, .fcb-gr-2\@medium, .fcb-gr-3\@medium, .fcb-gr-4\@medium, .fcb-gr-5\@medium, .fcb-gr-6\@medium, .fcb-gr-7\@medium, .fcb-gr-8\@medium, .fcb-gr-9\@medium, .fcb-gr-10\@medium, .fcb-gr-11\@medium, .fcb-gr-12\@medium, .fcb-gr-0\@small, .fcb-gr-1\@small, .fcb-gr-2\@small, .fcb-gr-3\@small, .fcb-gr-4\@small, .fcb-gr-5\@small, .fcb-gr-6\@small, .fcb-gr-7\@small, .fcb-gr-8\@small, .fcb-gr-9\@small, .fcb-gr-10\@small, .fcb-gr-11\@small, .fcb-gr-12\@small { padding-right: 8px; padding-left: 8px; } .gr-grow\@retina, .gr-grow\@tv, .gr-grow\@print, .gr-grow\@portrait, .gr-grow\@landscape, .fcb-gr-grow, .fcb-gr-grow\@large, .fcb-gr-grow\@medium, .fcb-gr-grow\@small { padding-right: 8px; padding-left: 8px; } .gr-adapt\@retina, .gr-adapt\@tv, .gr-adapt\@print, .gr-adapt\@portrait, .gr-adapt\@landscape, .fcb-gr-adapt, .fcb-gr-adapt\@large, .fcb-gr-adapt\@medium, .fcb-gr-adapt\@small { padding-right: 8px; padding-left: 8px; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .gr-0\@retina, .gr-1\@retina, .gr-2\@retina, .gr-3\@retina, .gr-4\@retina, .gr-5\@retina, .gr-6\@retina, .gr-7\@retina, .gr-8\@retina, .gr-9\@retina, .gr-10\@retina, .gr-11\@retina, .gr-12\@retina, .gr-0\@tv, .gr-1\@tv, .gr-2\@tv, .gr-3\@tv, .gr-4\@tv, .gr-5\@tv, .gr-6\@tv, .gr-7\@tv, .gr-8\@tv, .gr-9\@tv, .gr-10\@tv, .gr-11\@tv, .gr-12\@tv, .gr-0\@print, .gr-1\@print, .gr-2\@print, .gr-3\@print, .gr-4\@print, .gr-5\@print, .gr-6\@print, .gr-7\@print, .gr-8\@print, .gr-9\@print, .gr-10\@print, .gr-11\@print, .gr-12\@print, .gr-0\@portrait, .gr-1\@portrait, .gr-2\@portrait, .gr-3\@portrait, .gr-4\@portrait, .gr-5\@portrait, .gr-6\@portrait, .gr-7\@portrait, .gr-8\@portrait, .gr-9\@portrait, .gr-10\@portrait, .gr-11\@portrait, .gr-12\@portrait, .gr-0\@landscape, .gr-1\@landscape, .gr-2\@landscape, .gr-3\@landscape, .gr-4\@landscape, .gr-5\@landscape, .gr-6\@landscape, .gr-7\@landscape, .gr-8\@landscape, .gr-9\@landscape, .gr-10\@landscape, .gr-11\@landscape, .gr-12\@landscape, .fcb-gr-0, .fcb-gr-1, .fcb-gr-2, .fcb-gr-3, .fcb-gr-4, .fcb-gr-5, .fcb-gr-6, .fcb-gr-7, .fcb-gr-8, .fcb-gr-9, .fcb-gr-10, .fcb-gr-11, .fcb-gr-12, .fcb-gr-0\@large, .fcb-gr-1\@large, .fcb-gr-2\@large, .fcb-gr-3\@large, .fcb-gr-4\@large, .fcb-gr-5\@large, .fcb-gr-6\@large, .fcb-gr-7\@large, .fcb-gr-8\@large, .fcb-gr-9\@large, .fcb-gr-10\@large, .fcb-gr-11\@large, .fcb-gr-12\@large, .fcb-gr-0\@medium, .fcb-gr-1\@medium, .fcb-gr-2\@medium, .fcb-gr-3\@medium, .fcb-gr-4\@medium, .fcb-gr-5\@medium, .fcb-gr-6\@medium, .fcb-gr-7\@medium, .fcb-gr-8\@medium, .fcb-gr-9\@medium, .fcb-gr-10\@medium, .fcb-gr-11\@medium, .fcb-gr-12\@medium, .fcb-gr-0\@small, .fcb-gr-1\@small, .fcb-gr-2\@small, .fcb-gr-3\@small, .fcb-gr-4\@small, .fcb-gr-5\@small, .fcb-gr-6\@small, .fcb-gr-7\@small, .fcb-gr-8\@small, .fcb-gr-9\@small, .fcb-gr-10\@small, .fcb-gr-11\@small, .fcb-gr-12\@small { padding-right: 3px; padding-left: 3px; } .gr-grow\@retina, .gr-grow\@tv, .gr-grow\@print, .gr-grow\@portrait, .gr-grow\@landscape, .fcb-gr-grow, .fcb-gr-grow\@large, .fcb-gr-grow\@medium, .fcb-gr-grow\@small { padding-right: 3px; padding-left: 3px; } .gr-adapt\@retina, .gr-adapt\@tv, .gr-adapt\@print, .gr-adapt\@portrait, .gr-adapt\@landscape, .fcb-gr-adapt, .fcb-gr-adapt\@large, .fcb-gr-adapt\@medium, .fcb-gr-adapt\@small { padding-right: 3px; padding-left: 3px; } } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { [class*="fcb-gr"] > [class*="fcb-row"], [class*="fcb-gr"] > [class*="fcb-col"] { margin-left: -; margin-right: -; } } @media only tv { [class*="fcb-gr"] > [class*="fcb-row"], [class*="fcb-gr"] > [class*="fcb-col"] { margin-left: -; margin-right: -; } } @media only print { [class*="fcb-gr"] > [class*="fcb-row"], [class*="fcb-gr"] > [class*="fcb-col"] { margin-left: -; margin-right: -; } } @media only screen and (orientation: portrait) { [class*="fcb-gr"] > [class*="fcb-row"], [class*="fcb-gr"] > [class*="fcb-col"] { margin-left: -; margin-right: -; } } @media only screen and (orientation: landscape) { [class*="fcb-gr"] > [class*="fcb-row"], [class*="fcb-gr"] > [class*="fcb-col"] { margin-left: -; margin-right: -; } } [class*="fcb-gr"] > [class*="fcb-row"], [class*="fcb-gr"] > [class*="fcb-col"] { margin-left: -14px; margin-right: -14px; } @media screen and (min-width: 0rem) and (max-width: 85.375rem) { [class*="fcb-gr"] > [class*="fcb-row"], [class*="fcb-gr"] > [class*="fcb-col"] { margin-left: -14px; margin-right: -14px; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { [class*="fcb-gr"] > [class*="fcb-row"], [class*="fcb-gr"] > [class*="fcb-col"] { margin-left: -8px; margin-right: -8px; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { [class*="fcb-gr"] > [class*="fcb-row"], [class*="fcb-gr"] > [class*="fcb-col"] { margin-left: -3px; margin-right: -3px; } } *, *:after, *:before { box-sizing: border-box; } .main-page-wrapper { max-width: 100%; overflow: hidden; } .main-page-wrapper .fcb-container { max-width: 85.375rem; margin: 0 auto; box-sizing: border-box; padding-left: 1.5625rem; padding-right: 1.5625rem; margin-bottom: 1.75rem; } .main-page-wrapper .fcb-container.full-width { max-width: 100%; width: auto; } .main-page-wrapper .fcb-container > .fcb-row { margin-bottom: 1.5625rem; } .main-page-wrapper .main-content-wrapper { overflow: hidden; } .main-page-wrapper .fcb-gr-parent { padding-left: 0px; padding-right: 0px; } .main-page-wrapper .main-header-wrapper.full-width, .main-page-wrapper .main-header-wrapper .full-width, .main-page-wrapper .main-footer-wrapper.full-width, .main-page-wrapper .main-footer-wrapper .full-width { max-width: 100%; width: auto; } .main-page-wrapper .main-header-wrapper .fcb-container, .main-page-wrapper .main-footer-wrapper .fcb-container { max-width: 85.375rem; margin: 0 auto; } /* //GRID DEFINITION: XLARGE @include breakpointMin(($large-max-width + 1)) { .main-page-wrapper .main-header-wrapper { .header-container.fcb-container { padding: { left: rem($xlarge-gutter-outside); right: rem($xlarge-gutter-outside); } margin-bottom: rem($xlarge-gutter-width); } } } */ @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .main-content-wrapper > .fcb-container, .main-content-wrapper .hst-container-item > .fcb-container { padding-left: 1.25rem; padding-right: 1.25rem; margin-bottom: 1rem; } .main-content-wrapper > .fcb-container .fcb-row, .main-content-wrapper .hst-container-item > .fcb-container .fcb-row { margin-left: -0.5rem; margin-right: -0.5rem; } .main-page-wrapper .main-header-wrapper .fcb-container, .main-page-wrapper .main-footer-wrapper .fcb-container { padding-left: 1.25rem; padding-right: 1.25rem; } .main-page-wrapper .main-header-wrapper .fcb-container .fcb-row { margin-left: -0.5rem; margin-right: -0.5rem; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .main-content-wrapper .fcb-container, .main-content-wrapper .hst-container-item .fcb-container { padding-left: 0.625rem; padding-right: 0.625rem; margin-bottom: 0.375rem; } .main-content-wrapper .fcb-container > .fcb-row, .main-content-wrapper .hst-container-item .fcb-container > .fcb-row { margin-left: 0px; margin-right: 0px; } .main-content-wrapper .fcb-container > .fcb-row > div, .main-content-wrapper .hst-container-item .fcb-container > .fcb-row > div { padding-left: 0; padding-right: 0; width: 100%; margin-left: 0%; margin-right: 0%; padding-left: 0.1875rem; padding-right: 0.1875rem; } .main-page-wrapper .main-header-wrapper .fcb-container, .main-page-wrapper .main-footer-wrapper .fcb-container { padding-left: 0.625rem; padding-right: 0.625rem; } } @media only screen and (min-width: 120rem) { body { background-color: #e5e6e7; } body .main-page-wrapper .main-header-wrapper { margin-bottom: 0rem; } body .main-page-wrapper .main-header-wrapper:before, body .main-page-wrapper .main-footer-wrapper:before { max-width: 120rem; background-color: #fff; border-left: 1px solid #c9ccd2; border-right: 1px solid #c9ccd2; content: ''; width: 100%; display: block; height: 7.5rem; margin-left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } body .main-page-wrapper .main-content-wrapper { margin: 0 auto; max-width: 120rem; background-color: #fff; border-left: 1px solid #c9ccd2; border-right: 1px solid #c9ccd2; } } .is-hidden { display: none; } /* Grid ~ END */ @charset "UTF-8"; /* FONT-SIZE */ /* FONT-SIZE */ /* Headline Mixins */ /* Gridle */ /* Helper */ /* set ratio using vw unit */ /* Breakpoints */ /* ENLARGE CLICK AREA CLOSE */ /* CIRCLE ARROWS */ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; overflow: hidden; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; outline: none; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-dots { margin-top: 1.25rem; text-align: center; } .slick-dots li { display: inline-block; width: 1rem; height: 1rem; border-radius: 50%; background: white; border: 1px solid #0A5082; margin-left: 1.375rem; cursor: pointer; } .slick-dots li:first-child { margin-left: 0; } .slick-dots li.slick-active { background: #0A5082; } .slick-dots li button { display: none; } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .slick-dots { float: left; clear: both; width: 100%; } } /*! * shariff - v1.23.0 - 26.01.2016 * https://github.com/heiseonline/shariff * Copyright (c) 2016 Ines Pauer, Philipp Busse, Sebastian Hilbig, Erich Kramer, Deniz Sesli * Licensed under the MIT license */ .shariff::after, .shariff::before { content: " "; display: table; } .shariff::after { clear: both; } .shariff ul { padding: 0; margin: 0; list-style: none; } .shariff li { height: 35px; box-sizing: border-box; overflow: hidden; } .shariff li a { color: #fff; position: relative; display: block; height: 35px; text-decoration: none; box-sizing: border-box; } .shariff li .share_count, .shariff li .share_text { font-family: Arial,Helvetica,sans-serif; font-size: 12px; vertical-align: middle; line-height: 35px; } .shariff li .fa { width: 35px; line-height: 35px; text-align: center; vertical-align: middle; } .shariff li .share_count { padding: 0 8px; height: 33px; position: absolute; top: 1px; right: 1px; } .shariff .orientation-horizontal { display: -webkit-box; } .shariff .orientation-horizontal li { -webkit-box-flex: 1; } .shariff .orientation-horizontal .info { -webkit-box-flex: 0; } .shariff .orientation-horizontal { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .shariff .orientation-horizontal li { float: left; -webkit-flex: none; -ms-flex: none; flex: none; width: 35px; margin-right: 3%; margin-bottom: 10px; } .shariff .orientation-horizontal li:last-child { margin-right: 0; } .shariff .orientation-horizontal li .share_text { display: block; text-indent: -9999px; padding-left: 3px; } .shariff .orientation-horizontal li .share_count { display: none; } .shariff .theme-grey .shariff-button a { background-color: #b0b0b0; } .shariff .theme-grey .shariff-button .share_count { background-color: #ccc; color: #333; } .shariff .theme-white .shariff-button { border: 1px solid #ddd; } .shariff .theme-white .shariff-button a { background-color: #fff; } .shariff .theme-white .shariff-button a:hover { background-color: #eee; } .shariff .theme-white .shariff-button .share_count { background-color: #fff; color: #999; } .shariff .orientation-vertical { min-width: 110px; } .shariff .orientation-vertical li { display: block; width: 100%; margin: 5px 0; } .shariff .orientation-vertical li .share_count { width: 24px; text-align: right; } @media only screen and (min-width: 360px) { .shariff .orientation-horizontal li { margin-right: 1.8%; min-width: 80px; width: auto; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .shariff .orientation-horizontal li .share_count { display: block; } .shariff .orientation-horizontal.col-1 li, .shariff .orientation-horizontal.col-2 li { min-width: 110px; max-width: 160px; } .shariff .orientation-horizontal.col-1 li .share_text, .shariff .orientation-horizontal.col-2 li .share_text { text-indent: 0; display: inline; } .shariff .orientation-horizontal.col-5 li, .shariff .orientation-horizontal.col-6 li { -webkit-flex: none; -ms-flex: none; flex: none; } } @media only screen and (min-width: 640px) { .shariff .orientation-horizontal.col-3 li { min-width: 110px; max-width: 160px; } .shariff .orientation-horizontal.col-3 li .share_text { text-indent: 0; display: inline; } } @media only screen and (min-width: 768px) { .shariff .orientation-horizontal li { min-width: 110px; max-width: 160px; } .shariff .orientation-horizontal li .share_text { text-indent: 0; display: inline; } .shariff .orientation-horizontal.col-5 li, .shariff .orientation-horizontal.col-6 li { -webkit-flex: 1; -ms-flex: 1; flex: 1; } } @media only screen and (min-width: 1024px) { .shariff li { height: 30px; } .shariff li a { height: 30px; } .shariff li .fa { width: 30px; line-height: 30px; } .shariff li .share_count, .shariff li .share_text { line-height: 30px; } .shariff li .share_count { height: 28px; } } .shariff .addthis a { background-color: #f8694d; } .shariff .addthis a:hover { background-color: #f75b44; } .shariff .addthis .fa-plus { font-size: 14px; } .shariff .addthis .share_count { color: #f8694d; background-color: #f1b8b0; } .shariff .theme-white .addthis a { color: #f8694d; } @media only screen and (min-width: 600px) { .shariff .addthis .fa-plus { font-size: 14px; position: relative; top: 1px; } } .shariff .diaspora a { background-color: #999; } .shariff .diaspora a:hover { background-color: #b3b3b3; } .shariff .diaspora .fa-times-circle { font-size: 17px; } .shariff .theme-white .diaspora a { color: #999; } @media only screen and (min-width: 600px) { .shariff .diaspora .fa-times-circle { font-size: 16px; } } .shariff .facebook a { background-color: #3b5998; } .shariff .facebook a:hover { background-color: #4273c8; } .shariff .facebook .fa-facebook { font-size: 22px; } .shariff .facebook .share_count { color: #183a75; background-color: #99adcf; } .shariff .theme-white .facebook a { color: #3b5998; } @media only screen and (min-width: 600px) { .shariff .facebook .fa-facebook { font-size: 19px; } } .shariff .flattr a { background-color: #7ea352; } .shariff .flattr a:hover { background-color: #F67C1A; } .shariff .flattr a:hover .share_count { color: #d56308; background-color: #fab47c; } .shariff .flattr .fa-money { font-size: 22px; } .shariff .flattr .share_count { color: #648141; background-color: #b0c893; } .shariff .theme-white .flattr a { color: #F67C1A; } @media only screen and (min-width: 600px) { .shariff .flattr .fa-money { font-size: 19px; } } .shariff .googleplus a { background-color: #d34836; } .shariff .googleplus a:hover { background-color: #f75b44; } .shariff .googleplus .fa-google-plus { font-size: 22px; } .shariff .googleplus .share_count { color: #a31601; background-color: #eda79d; } .shariff .theme-white .googleplus a { color: #d34836; } @media only screen and (min-width: 600px) { .shariff .googleplus .fa-google-plus { font-size: 19px; } } .shariff .info { border: 1px solid #ccc; } .shariff .info a { color: #666; background-color: #fff; } .shariff .info a:hover { background-color: #efefef; } .shariff .info .fa-info { font-size: 20px; width: 33px; } .shariff .info .share_text { display: block !important; text-indent: -9999px !important; } .shariff .theme-grey .info a { background-color: #fff; } .shariff .theme-grey .info a:hover { background-color: #efefef; } .shariff .orientation-vertical .info { width: 35px; float: right; } @media only screen and (min-width: 360px) { .shariff .orientation-horizontal .info { -webkit-flex: none !important; -ms-flex: none !important; flex: none !important; width: 35px; min-width: 35px !important; } } @media only screen and (min-width: 1024px) { .shariff .info .fa-info { font-size: 16px; width: 23px; } .shariff .orientation-horizontal .info { width: 25px; min-width: 25px !important; } .shariff .orientation-vertical .info { width: 25px; } } .shariff .linkedin a { background-color: #0077b5; } .shariff .linkedin a:hover { background-color: #0369a0; } .shariff .linkedin .fa-linkedin { font-size: 22px; } .shariff .linkedin .share_count { color: #004785; background-color: #33AAE8; } .shariff .theme-white .linkedin a { color: #0077b5; } @media only screen and (min-width: 600px) { .shariff .linkedin .fa-linkedin { font-size: 19px; } } .shariff .mail a { background-color: #999; } .shariff .mail a:hover { background-color: #a8a8a8; } .shariff .mail .fa-envelope { font-size: 21px; } .shariff .theme-white .mail a { color: #999; } @media only screen and (min-width: 600px) { .shariff .mail .fa-envelope { font-size: 18px; } } .shariff .pinterest a { background-color: #bd081c; } .shariff .pinterest a:hover { background-color: #d50920; } .shariff .pinterest .fa-pinterest-p { font-size: 22px; } .shariff .pinterest .share_count { color: #a31601; background-color: #eda79d; } .shariff .theme-white .pinterest a { color: #bd081c; } @media only screen and (min-width: 600px) { .shariff .pinterest .fa-pinterest-p { font-size: 19px; position: relative; top: 1px; } } .shariff .reddit a { background-color: #ff4500; } .shariff .reddit a:hover { background-color: #ff6a33; } .shariff .reddit .fa-reddit { font-size: 17px; } .shariff .theme-white .reddit a { color: #ff4500; } @media only screen and (min-width: 600px) { .shariff .reddit .fa-reddit { font-size: 16px; } } .shariff .stumbleupon a { background-color: #eb4924; } .shariff .stumbleupon a:hover { background-color: #ef7053; } .shariff .stumbleupon .fa-stumbleupon { font-size: 17px; } .shariff .theme-white .stumbleupon a { color: #eb4924; } @media only screen and (min-width: 600px) { .shariff .stumbleupon .fa-stumbleupon { font-size: 16px; } } .shariff .twitter a { background-color: #55acee; } .shariff .twitter a:hover { background-color: #32bbf5; } .shariff .twitter .fa-twitter { font-size: 28px; } .shariff .twitter .share_count { color: #0174a4; background-color: #96D4EE; } .shariff .theme-white .twitter a { color: #55acee; } @media only screen and (min-width: 600px) { .shariff .twitter .fa-twitter { font-size: 24px; } } .shariff .whatsapp a { background-color: #5cbe4a; } .shariff .whatsapp a:hover { background-color: #34af23; } .shariff .whatsapp .fa-whatsapp { font-size: 28px; } .shariff .theme-white .whatsapp a { color: #5cbe4a; } @media only screen and (min-width: 600px) { .shariff .whatsapp .fa-whatsapp { font-size: 22px; } } .shariff .xing a { background-color: #126567; } .shariff .xing a:hover { background-color: #29888a; } .shariff .xing .fa-xing { font-size: 22px; } .shariff .xing .share_count { color: #15686a; background-color: #4fa5a7; } .shariff .theme-white .xing a { color: #126567; } @media only screen and (min-width: 600px) { .shariff .xing .fa-xing { font-size: 19px; } } .shariff .tumblr a { background-color: #36465D; } .shariff .tumblr a:hover { background-color: #44546B; } .shariff .tumblr .fa-tumblr { font-size: 28px; } .shariff .theme-white .tumblr a { color: #5cbe4a; } @media only screen and (min-width: 600px) { .shariff .tumblr .fa-tumblr { font-size: 22px; } } .shariff .threema a { background-color: #333; } .shariff .threema a:hover { background-color: #1f1f1f; } .shariff .threema .fa-lock { font-size: 28px; } .shariff .theme-white .threema a { color: #333; } @media only screen and (min-width: 600px) { .shariff .threema .fa-lock { font-size: 22px; } } /** * Swiper 3.3.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/swiper/ * * Copyright 2016, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under MIT * * Released on: February 7, 2016 */ .swiper-container { margin: 0 auto; position: relative; overflow: hidden; z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate(0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative; } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-transition-property: -webkit-transform,height; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform,height; } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; -moz-background-size: 27px 44px; -webkit-background-size: 27px 44px; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100%; } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-white .swiper-pagination-bullet { background: #fff; } .swiper-pagination-bullet-active { opacity: 1; background: #007aff; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000; } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -o-transform: translate(0, -50%); -ms-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 5px 0; display: block; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; } .swiper-pagination-progress { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progress .swiper-pagination-progressbar { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { -webkit-transform-origin: right top; -moz-transform-origin: right top; -ms-transform-origin: right top; -o-transform-origin: right top; transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progress { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progress { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-progress.swiper-pagination-white { background: rgba(255, 255, 255, 0.5); } .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { background: #fff; } .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { background: #000; } .swiper-container-3d { -webkit-perspective: 1200px; -moz-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent)); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent); background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent); background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent); } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent)); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent); } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent)); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent); background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent)); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent); } .swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper { -ms-perspective: 1200px; } .swiper-container-cube, .swiper-container-flip { overflow: visible; } .swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-slide { visibility: hidden; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -moz-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; } .swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; -webkit-background-size: 100%; background-size: 100%; background-repeat: no-repeat; } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } } #smartbanner { position: absolute; left: 0; top: -82px; border-bottom: 1px solid #e8e8e8; width: 100%; height: 78px; font-family: 'Helvetica Neue',sans-serif; background: -webkit-linear-gradient(top, #f4f4f4 0%, #cdcdcd 100%); background-image: -ms-linear-gradient(top, #F4F4F4 0%, #CDCDCD 100%); background-image: -moz-linear-gradient(top, #F4F4F4 0%, #CDCDCD 100%); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); z-index: 9998; -webkit-font-smoothing: antialiased; overflow: hidden; -webkit-text-size-adjust: none; } #smartbanner, html.sb-animation { -webkit-transition: all .3s ease; } #smartbanner .sb-container { margin: 0 auto; } #smartbanner .sb-close { position: absolute; left: 5px; top: 5px; display: block; border: 2px solid #fff; width: 14px; height: 14px; font-family: 'ArialRoundedMTBold',Arial; font-size: 15px; line-height: 15px; text-align: center; color: #fff; background: #070707; text-decoration: none; text-shadow: none; border-radius: 14px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4); -webkit-font-smoothing: subpixel-antialiased; } #smartbanner .sb-close:active { font-size: 13px; color: #aaa; } #smartbanner .sb-icon { position: absolute; left: 30px; top: 10px; display: block; width: 57px; height: 57px; background: rgba(0, 0, 0, 0.6); background-size: cover; border-radius: 10px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } #smartbanner.no-icon .sb-icon { display: none; } #smartbanner .sb-info { position: absolute; left: 98px; top: 18px; font-size: 11px; line-height: 1.2em; font-weight: bold; color: #6a6a6a; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); } #smartbanner #smartbanner.no-icon .sb-info { left: 34px; } #smartbanner .sb-info strong { display: block; font-size: 13px; color: #4d4d4d; line-height: 18px; } #smartbanner .sb-info > span { display: block; } #smartbanner .sb-info em { font-style: normal; text-transform: uppercase; } #smartbanner .sb-button { position: absolute; right: 20px; top: 24px; border: 1px solid #bfbfbf; padding: 0 10px; min-width: 10%; height: 24px; font-size: 14px; line-height: 24px; text-align: center; font-weight: bold; color: #6a6a6a; background: -webkit-linear-gradient(top, #efefef 0%, #dcdcdc 100%); text-transform: uppercase; text-decoration: none; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); border-radius: 3px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6), 0 1px 0 rgba(255, 255, 255, 0.7) inset; } #smartbanner .sb-button:active, #smartbanner .sb-button:hover { background: -webkit-linear-gradient(top, #dcdcdc 0%, #efefef 100%); } #smartbanner .sb-icon.gloss:after { content: ''; position: absolute; left: 0; top: -1px; border-top: 1px solid rgba(255, 255, 255, 0.8); width: 100%; height: 50%; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 100%); border-radius: 10px 10px 12px 12px; } #smartbanner.android { border-color: #212228; background: #3d3d3d url("data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7"); border-top: 5px solid #88B131; box-shadow: none; } #smartbanner.android .sb-close { border: 0; width: 17px; height: 17px; line-height: 17px; color: #b1b1b3; background: #1c1e21; text-shadow: 0 1px 1px #000; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 1px 1px rgba(255, 255, 255, 0.3); } #smartbanner.android .sb-close:active { color: #eee; } #smartbanner.android .sb-info { color: #ccc; text-shadow: 0 1px 2px #000; } #smartbanner.android .sb-info strong { color: #fff; } #smartbanner.android .sb-button { min-width: 12%; border: 1px solid #DDDCDC; padding: 1px; color: #d1d1d1; background: none; border-radius: 0; box-shadow: none; min-height: 28px; } #smartbanner.android .sb-button span { text-align: center; display: block; padding: 0 10px; background-color: #42B6C9; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#42B6C9), to(#39A9BB)); background-image: -moz-linear-gradient(top, #42B6C9, #39A9BB); text-transform: none; text-shadow: none; box-shadow: none; } #smartbanner.android .sb-button:active, #smartbanner.android .sb-button:hover { background: none; } #smartbanner.android .sb-button:active span, #smartbanner.android .sb-button:hover span { background: #2AC7E1; } #smartbanner.windows .sb-icon { border-radius: 0px; } #smartbanner .sb-close { box-sizing: content-box; } .sso-flow-up-arrow { position: absolute; top: -6px; } .sso-flow-up-arrow:before, .sso-flow-up-arrow:after { position: absolute; content: ''; border-style: solid; } .sso-flow-up-arrow:before { top: 1px; left: 0.625rem; border-width: 0 6px 7px 6px; border-color: transparent transparent #c9ccd2 transparent; } .sso-flow-up-arrow:after { top: 2px; left: 0.5625rem; border-width: 0 7px 8px 7px; border-color: transparent transparent #ffffff transparent; } #embeddedSsoIFrame { border: 0 !important; } /********************* * BASICS ~ START ********************/ /* Reset ~ START */ /* === CSS reset ~ START === */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } img { max-width: 100%; } a { text-decoration: none; } /* === CSS reset ~ END === */ /* Reset ~ END */ /* LayoutContainer ~ START */ .fcb-container.layout-container { margin-top: 3.125rem; margin-bottom: 0; position: relative; z-index: 1; } @media screen and (min-width: 0rem) and (max-width: 85.375rem) { .fcb-container.layout-container { margin-top: 2.5rem; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-container.layout-container { margin-top: 1.875rem; } } .fcb-container.layout-container.large-headline { margin-top: 0; padding-top: 3.125rem; padding-bottom: 0; position: relative; background-color: #ffffff; } @media screen and (min-width: 0rem) and (max-width: 85.375rem) { .fcb-container.layout-container.large-headline { padding-top: 2.5rem; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-container.layout-container.large-headline { padding-top: 1.875rem; } } .fcb-container.layout-container.large-headline:after { background-color: #fff; } .fcb-container.layout-container.large-headline.background-grey { margin-top: 3.125rem; padding-top: 3.125rem; padding-bottom: 3.125rem; } @media screen and (min-width: 0rem) and (max-width: 85.375rem) { .fcb-container.layout-container.large-headline.background-grey { margin-top: 2.5rem; padding-top: 2.5rem; padding-bottom: 2.5rem; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-container.layout-container.large-headline.background-grey { margin-top: 1.875rem; padding-top: 1.875rem; padding-bottom: 1.875rem; } } .fcb-container.layout-container.large-headline.background-grey .fcb-row.buttons { top: 4.6875rem; } @media screen and (min-width: 0rem) and (max-width: 85.375rem) { .fcb-container.layout-container.large-headline.background-grey .fcb-row.buttons { top: 3.75rem; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-container.layout-container.large-headline.background-grey .fcb-row.buttons { top: 3.125rem; } } .fcb-container.layout-container.large-headline .fcb-row.headline { margin-bottom: 1.5625rem; } @media screen and (min-width: 0rem) and (max-width: 85.375rem) { .fcb-container.layout-container.large-headline .fcb-row.headline { margin-bottom: 1.25rem; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-container.layout-container.large-headline .fcb-row.headline { margin-bottom: 0.9375rem; } } .fcb-container.layout-container.large-headline .fcb-row.headline h2 { font-size: 5.625rem; line-height: 3.25rem; margin-bottom: 0.8125rem; color: #e5e6e7; font-family: "expressway_bold"; text-transform: uppercase; } @media screen and (min-width: 0rem) and (max-width: 85.375rem) { .fcb-container.layout-container.large-headline .fcb-row.headline h2 { font-size: 4.375rem; line-height: 2.6875rem; margin-bottom: 0.5rem; } } .fcb-container.layout-container.large-headline .fcb-row.headline h2 > span > span { display: none; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-container.layout-container.large-headline .fcb-row.headline h2, .fcb-container.layout-container.large-headline .fcb-row.headline h2 > span { font-size: 3.375rem; line-height: 2.0625rem; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-container.layout-container.large-headline .fcb-row.headline h2, .fcb-container.layout-container.large-headline .fcb-row.headline h2 > span { font-size: 2.375rem; line-height: 1.5rem; margin-bottom: 0.3125rem; } } .fcb-container.layout-container.large-headline .fcb-row.buttons { background-color: transparent; top: 5.3125rem; } @media screen and (min-width: 0rem) and (max-width: 85.375rem) { .fcb-container.layout-container.large-headline .fcb-row.buttons { top: 3.75rem; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-container.layout-container.large-headline .fcb-row.buttons { top: 2.5rem; } } .fcb-container.layout-container.large-headline .fcb-row.buttons.has-select { top: 4.375rem; } @media screen and (min-width: 0rem) and (max-width: 85.375rem) { .fcb-container.layout-container.large-headline .fcb-row.buttons.has-select { top: 2.8125rem; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-container.layout-container.large-headline .fcb-row.buttons.has-select { top: 1.5625rem; } } .fcb-container.layout-container.large-space { margin-top: 6.25rem; } @media screen and (min-width: 0rem) and (max-width: 85.375rem) { .fcb-container.layout-container.large-space { margin-top: 5rem; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-container.layout-container.large-space { margin-top: 3.75rem; } } .fcb-container.layout-container.large-space.large-headline { margin-top: 3.125rem; padding-bottom: 0; } @media screen and (min-width: 0rem) and (max-width: 85.375rem) { .fcb-container.layout-container.large-space.large-headline { margin-top: 2.5rem; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-container.layout-container.large-space.large-headline { margin-top: 1.875rem; } } .fcb-container.layout-container.large-space.large-headline.background-grey { margin-top: 6.25rem; padding-bottom: 3.125rem; } @media screen and (min-width: 0rem) and (max-width: 85.375rem) { .fcb-container.layout-container.large-space.large-headline.background-grey { margin-top: 5rem; padding-bottom: 2.5rem; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-container.layout-container.large-space.large-headline.background-grey { margin-top: 3.75rem; padding-bottom: 1.875rem; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-container.layout-container.large-space.large-headline .fcb-row.buttons { top: 2.375rem; } } .fcb-container.layout-container.small-space { margin-top: 1.875rem; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-container.layout-container.small-space { margin-top: 1.25rem; } } .fcb-container.layout-container.small-space.large-headline { margin-top: 0; padding-top: 1.875rem; } @media screen and (min-width: 0rem) and (max-width: 85.375rem) { .fcb-container.layout-container.small-space.large-headline { padding-top: 1.375rem; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-container.layout-container.small-space.large-headline { padding-top: 0.9375rem; } } .fcb-container.layout-container.small-space.large-headline.background-grey { margin-top: 1.875rem; padding-top: 1.25rem; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-container.layout-container.small-space.large-headline.background-grey { margin-top: 1.25rem; padding-top: 0.9375rem; } } .fcb-container.layout-container.small-space.large-headline.background-grey .fcb-row.buttons { top: 3.4375rem; } @media screen and (min-width: 0rem) and (max-width: 85.375rem) { .fcb-container.layout-container.small-space.large-headline.background-grey .fcb-row.buttons { top: 2.5rem; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-container.layout-container.small-space.large-headline.background-grey .fcb-row.buttons { top: 1.5625rem; } } .fcb-container.layout-container.small-space.large-headline .fcb-row.buttons { top: 4.0625rem; } @media screen and (min-width: 0rem) and (max-width: 85.375rem) { .fcb-container.layout-container.small-space.large-headline .fcb-row.buttons { top: 2.5rem; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-container.layout-container.small-space.large-headline .fcb-row.buttons { top: 1.5625rem; } } .fcb-container.layout-container.no-space { margin-top: 0; } .fcb-container.layout-container.no-space.large-headline { margin-top: 0; padding-top: 0; } .fcb-container.layout-container.no-space.large-headline.background-grey { padding-top: 3.125rem; } @media screen and (min-width: 0rem) and (max-width: 85.375rem) { .fcb-container.layout-container.no-space.large-headline.background-grey { padding-top: 2.5rem; } } @media screen and (min-width: 0rem) and (max-width: 85.375rem) { .fcb-container.layout-container.no-space.large-headline.background-grey { padding-top: 1.875rem; } } .fcb-container.layout-container.no-space.large-headline.background-grey .fcb-row.buttons { top: 5.3125rem; } @media screen and (min-width: 0rem) and (max-width: 85.375rem) { .fcb-container.layout-container.no-space.large-headline.background-grey .fcb-row.buttons { top: 3.125rem; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-container.layout-container.no-space.large-headline.background-grey .fcb-row.buttons { top: 2.5rem; } } .fcb-container.layout-container.no-space.large-headline .fcb-row.buttons { top: 2.1875rem; } @media screen and (min-width: 0rem) and (max-width: 85.375rem) { .fcb-container.layout-container.no-space.large-headline .fcb-row.buttons { top: 1.25rem; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-container.layout-container.no-space.large-headline .fcb-row.buttons { top: 0.625rem; } } .fcb-container.layout-container.background-grey { background-color: #e5e6e7; padding-top: 2.5rem; padding-bottom: 2.5rem; } .fcb-container.layout-container.background-grey .fcb-row.headline h2 { color: #ffffff; } .fcb-container.layout-container.background-grey .fcb-row.buttons { top: 3.125rem; } @media screen and (min-width: 0rem) and (max-width: 85.375rem) { .fcb-container.layout-container.background-grey .fcb-row.buttons { top: 2.1875rem; } } .fcb-container.layout-container.background-grey:after { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); content: ''; background-color: #e5e6e7; display: block; position: absolute; top: 0; left: 50%; width: 120rem; height: 100%; z-index: -1; } .fcb-container.layout-container .fcb-row.headline { margin-bottom: 3.125rem; } @media screen and (min-width: 0rem) and (max-width: 85.375rem) { .fcb-container.layout-container .fcb-row.headline { margin-bottom: 1.875rem; } } .fcb-container.layout-container .fcb-row.content { margin-bottom: 0; } .fcb-container.layout-container .fcb-row.buttons { position: absolute; top: 0.5rem; right: 1.5625rem; background-color: transparent; margin-bottom: 0; } @media screen and (min-width: 0rem) and (max-width: 85.375rem) { .fcb-container.layout-container .fcb-row.buttons { top: -0.4375rem; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-container.layout-container .fcb-row.buttons { top: 0.1875rem; right: 1.25rem; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-container.layout-container .fcb-row.buttons { position: static; margin-top: 1.25rem; } .fcb-container.layout-container .fcb-row.buttons a { width: 100%; display: block; text-align: center; font-size: 1.125rem; padding-top: 0.75rem; padding-bottom: 0.75rem; margin-bottom: 0.625rem; } .fcb-container.layout-container .fcb-row.buttons a:last-child { margin-bottom: 0; } } .fcb-container.layout-container h2 { font-size: 3.375rem; line-height: 1.9375rem; margin-bottom: 0.5rem; letter-spacing: -0.125rem; text-transform: uppercase; color: #961432; } @media screen and (min-width: 0rem) and (max-width: 85.375rem) { .fcb-container.layout-container h2 { font-size: 2.125rem; line-height: 1.1875rem; margin-bottom: 0.3125rem; } } .fcb-container.layout-container h2 .underline { background-color: #961432; bottom: -0.375rem; } @media screen and (min-width: 0rem) and (max-width: 85.375rem) { .fcb-container.layout-container h2 .underline { bottom: -0.3125rem; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .layout-four .fcb-gr-12\@medium { margin-bottom: 1rem; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .layout-two .fcb-row > div, .layout-three .fcb-row > div, .layout-four .fcb-row > div { margin-bottom: 0.375rem; } .main-page-wrapper .fcb-container.layout-five .fcb-row > .fcb-gr-6 { width: 50%; } .main-content-wrapper > .fcb-container > .fcb-row.headline, .main-content-wrapper .hst-container-item > .fcb-container > .fcb-row.headline { margin-bottom: 0.9375rem; } .fcb-container.layout-container.mobile-small-space { padding-top: 0.9375rem; padding-bottom: 0.9375rem; } } /* LayoutContainer ~ END */ /* Colors ~ START */ /* Color Showcase definition ~ START */ .showcase { position: relative; } .showcase:before { border: 1px solid black; content: ''; display: block; width: 100%; min-height: 7.5rem; color: white; text-align: center; line-height: 1.875rem; } /* Color Showcase definition ~ END */ /* Colors ~ END */ /* Typography + Icons ~ START */ /* Webtfotn include */ @font-face { font-family: 'expressway_condensed_light'; src: url("../fonts/ExpresswayCdLt-Regular/ExpresswayCdLt-Regular.eot"); src: url("../fonts/ExpresswayCdLt-Regular/ExpresswayCdLt-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/ExpresswayCdLt-Regular/ExpresswayCdLt-Regular.woff2") format("woff2"), url("../fonts/ExpresswayCdLt-Regular/ExpresswayCdLt-Regular.woff") format("woff"), url("../fonts/ExpresswayCdLt-Regular/ExpresswayCdLt-Regular.ttf") format("truetype"); } @font-face { font-family: 'expressway_condensed_bold'; src: url("../fonts/ExpresswayCd-Bold/ExpresswayCd-Bold.eot"); src: url("../fonts/ExpresswayCd-Bold/ExpresswayCd-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/ExpresswayCd-Bold/ExpresswayCd-Bold.woff2") format("woff2"), url("../fonts/ExpresswayCd-Bold/ExpresswayCd-Bold.woff") format("woff"), url("../fonts/ExpresswayCd-Bold/ExpresswayCd-Bold.ttf") format("truetype"); } @font-face { font-family: 'expressway_light'; src: url("../fonts/ExpresswayLt-Regular/ExpresswayLt-Regular.eot"); src: url("../fonts/ExpresswayLt-Regular/ExpresswayLt-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/ExpresswayLt-Regular/ExpresswayLt-Regular.woff2") format("woff2"), url("../fonts/ExpresswayLt-Regular/ExpresswayLt-Regular.woff") format("woff"), url("../fonts/ExpresswayLt-Regular/ExpresswayLt-Regular.ttf") format("truetype"); } @font-face { font-family: 'expressway_bold'; src: url("../fonts/ExpresswayRg-Bold/ExpresswayRg-Bold.eot"); src: url("../fonts/ExpresswayRg-Bold/ExpresswayRg-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/ExpresswayRg-Bold/ExpresswayRg-Bold.woff2") format("woff2"), url("../fonts/ExpresswayRg-Bold/ExpresswayRg-Bold.woff") format("woff"), url("../fonts/ExpresswayRg-Bold/ExpresswayRg-Bold.ttf") format("truetype"); } @font-face { font-family: 'expressway'; src: url("../fonts/ExpresswayLt-Regular/ExpresswayLt-Regular.eot"); src: url("../fonts/ExpresswayLt-Regular/ExpresswayLt-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/ExpresswayLt-Regular/ExpresswayLt-Regular.woff2") format("woff2"), url("../fonts/ExpresswayLt-Regular/ExpresswayLt-Regular.woff") format("woff"), url("../fonts/ExpresswayLt-Regular/ExpresswayLt-Regular.ttf") format("truetype"); font-weight: normal; } @font-face { font-family: 'expressway'; src: url("../fonts/ExpresswayRg-Bold/ExpresswayRg-Bold.eot"); src: url("../fonts/ExpresswayRg-Bold/ExpresswayRg-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/ExpresswayRg-Bold/ExpresswayRg-Bold.woff2") format("woff2"), url("../fonts/ExpresswayRg-Bold/ExpresswayRg-Bold.woff") format("woff"), url("../fonts/ExpresswayRg-Bold/ExpresswayRg-Bold.ttf") format("truetype"); font-weight: bold; } @font-face { font-family: 'expressway_condensed'; src: url("../fonts/ExpresswayCdLt-Regular/ExpresswayCdLt-Regular.eot"); src: url("../fonts/ExpresswayCdLt-Regular/ExpresswayCdLt-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/ExpresswayCdLt-Regular/ExpresswayCdLt-Regular.woff2") format("woff2"), url("../fonts/ExpresswayCdLt-Regular/ExpresswayCdLt-Regular.woff") format("woff"), url("../fonts/ExpresswayCdLt-Regular/ExpresswayCdLt-Regular.ttf") format("truetype"); font-weight: normal; } @font-face { font-family: 'expressway_condensed'; src: url("../fonts/ExpresswayCd-Bold/ExpresswayCd-Bold.eot"); src: url("../fonts/ExpresswayCd-Bold/ExpresswayCd-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/ExpresswayCd-Bold/ExpresswayCd-Bold.woff2") format("woff2"), url("../fonts/ExpresswayCd-Bold/ExpresswayCd-Bold.woff") format("woff"), url("../fonts/ExpresswayCd-Bold/ExpresswayCd-Bold.ttf") format("truetype"); font-weight: bold; } body { font-weight: normal; font-style: normal; font-family: "expressway_condensed_light"; } /* Underlined Headlines */ h1.underline, h2.underline, h3.underline, h4.underline, h5.underline h6.underline { position: relative; } h1.underline .last-word, h2.underline .last-word, h3.underline .last-word, h4.underline .last-word, h5.underline h6.underline .last-word { font-family: inherit; padding-right: 10px; } h1.underline .last-word .underline, h2.underline .last-word .underline, h3.underline .last-word .underline, h4.underline .last-word .underline, h5.underline h6.underline .last-word .underline { display: block; height: 2px; position: absolute; right: 0; } h1.underline.red .underline, h2.underline.red .underline, h3.underline.red .underline, h4.underline.red .underline, h5.underline h6.underline.red .underline { background: #961432; } /* H1 - Expressway Bold */ h1 { font-size: 3.375rem; line-height: 3.75rem; font-family: "expressway_bold"; } h1.light { font-family: "expressway_condensed_light"; margin-top: 2.1875rem; margin-bottom: 1.125rem; text-transform: uppercase; } h1.red { color: #961432; } h1.red.underline .underline { background-color: #961432; } .main-content-wrapper h1.variant-grey, .main-content-wrapper h2.variant-grey, .main-content-wrapper h3.variant-grey, .main-content-wrapper h4.variant-grey, .main-content-wrapper h5.variant-grey, .main-content-wrapper h6.variant-grey { font-family: "expressway_bold"; font-size: 4.375rem; line-height: 4.375rem; text-transform: uppercase; color: #e5e6e7; } /* H2 to H5(6) - Condensed Bold */ h3, h4, h5, h6 { font-family: "expressway_condensed_bold"; } h2 { font-size: 3.375rem; line-height: 3.75rem; font-family: "expressway_condensed_light"; } h3 { font-size: 1.75rem; line-height: 2.125rem; } h4 { font-size: 1.375rem; line-height: 1.75rem; } h4.subline { font-family: "expressway_light"; } h5 { font-size: 1.125rem; line-height: 1.5rem; } h6 { font-size: 1.75rem; line-height: 2.125rem; font-family: "expressway_bold"; } h6.subline { font-size: 1rem; line-height: 1.375rem; font-family: "expressway_condensed_light"; } /* P-Tag */ p, ul, ol, dl { font-size: 1rem; line-height: 1.375rem; font-family: "expressway_light"; margin-bottom: 0.625rem; } p.small, ul.small, ol.small, dl.small { font-size: 0.875rem; line-height: 1.25rem; } /* special labels */ .label-plus, .teaser-label { background-color: #C8AA78; color: #ffffff; padding-left: 0.75rem; padding-right: 0.875rem; padding-top: 0.375rem; padding-bottom: 0.375rem; z-index: 1; } .label-plus:after, .teaser-label:after { position: absolute; right: -0.5rem; top: 0rem; content: ''; width: 0; height: 0; border-style: solid; border-width: 1.75rem 0.5rem 0 0; border-color: #C8AA78 transparent transparent transparent; } /* dynamic labels */ .label-gold , .dynamic-label.type-status { display: none; text-transform: uppercase; background-color: #C8AA78; color: #ffffff; padding: 0.1875rem 0.25rem 0.1875rem; border-radius: 2px; margin-left: 0.375rem; font-size: 1rem; line-height: 1rem; } @-moz-document url-prefix() { .label-gold , .dynamic-label.type-status { padding-top: 0.125rem; padding-left: 0.3125rem; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .label-gold , .dynamic-label.type-status { padding: 0.3125rem; padding-top: 0.1875rem; padding-bottom: 0.25rem; } } .dynamic-show-status .dynamic-label.type-status { display: inline-block; } .ios-device .dynamic-label.type-status { padding-top: 0.125rem; padding-bottom: 0.25rem; } .dynamic-label.type-timeoffset { color: #961432; } .label-gold { display: block; padding-left: 0.5rem; padding-right: 0.5rem; } .is-gold { color: #C8AA78; } .is-red { color: #961432; } .is-green { color: #14B414; } .ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /* a */ a { font-family: "expressway_light"; color: inherit; } p a, .main-content-wrapper .text-media-content li a { color: #961432; display: inline-block; } p a.button, p .ui-datepicker div.ui-datepicker-buttonpane button, .ui-datepicker div.ui-datepicker-buttonpane p button, .main-content-wrapper .text-media-content li a.button, .main-content-wrapper .text-media-content li .ui-datepicker div.ui-datepicker-buttonpane button, .ui-datepicker div.ui-datepicker-buttonpane .main-content-wrapper .text-media-content li button { color: #ffffff; } .text-media-content table tr td { font-family: "expressway_light"; } /* span.footnote */ span.footnote { font-size: 0.75rem; line-height: 1.125rem; font-family: "expressway_light"; } /* strong, b */ strong, b { font-family: "expressway_bold"; } em strong, i strong, em b, i b { font-style: italic; } /* em, i */ em, i { font-style: italic; } /* blockquote */ blockquote { font-family: "expressway_light"; font-size: 1.375rem; line-height: 1.75rem; margin: 1.875rem 0rem; padding: 0.8125rem 10.625rem 0.8125rem 4.0625rem; font-style: italic; display: block; position: relative; color: #6e7882; } blockquote a { text-decoration: none; } blockquote:before { content: ''; position: absolute; width: 0.3125rem; top: 0.4375rem; bottom: 0.375rem; left: 1.875rem; background-color: #e5e6e7; } blockquote .author cite { font-size: 0.875rem; line-height: 1.25rem; color: #c9ccd2; font-style: normal; margin-bottom: 0.3125rem; display: block; } /* sup */ sup { vertical-align: super; } /* sub */ sub { vertical-align: sub; } /* small */ small { font-size: smaller; } /* kbd, code */ kbd, code { font-family: monospacefont-; font-size: small; } /* abbr */ abbr { border-bottom: 1px dotted black; cursor: help; } /* q */ q:before { content: "\""; } q:after { content: "\""; } /* cite, dfn */ cite, dfn { font-style: italic; } /* mark */ mark { background: #961432; } /* text selection */ ::selection { background: #0A5082; color: white; } ::-moz-selection { background: #0A5082; color: white; } .fcb-form-input::selection { color: #ffffff; } .fcb-form-input::-moz-selection { color: #ffffff; } textarea.fcb-form-input { resize: none; } /* icon font definition */ /* icon font implementation */ .action-external > a:after, .action-submenu > a:after { font-family: 'fcb_icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .action-external .label-external:after { font-family: 'fcb_icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .action-login a:after { font-family: 'fcb_icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* .action-external { > a:after { content: '\e904'; } } */ /* external button */ .text-external { font-size: 1rem; line-height: 1.375rem; color: #0A3C64; font-family: "expressway_condensed_light"; display: inline-block; background-color: #e5e6e7; border-radius: 0.125rem; text-decoration: none; padding-top: 0rem; padding-bottom: 0rem; padding-left: 0.25rem; padding-right: 0.25rem; } .text-external:after { position: relative; padding-left: 0.25rem; padding-left: 0.0625rem; top: -0.125rem; right: 0rem; color: #0A3C64; font-size: 0.5rem; content: ' \e904'; transition: none; } .text-external:hover { background-color: #0A3C64; color: #ffffff; text-decoration: none; } .text-external:hover:after { color: #ffffff; } @-moz-document url-prefix() { .text-external { line-height: 1.25rem; padding-top: 0rem; padding-bottom: 0.125rem; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .text-external { line-height: 1.25rem; padding-top: 0rem; padding-bottom: 0.125rem; } } .text-external:after { font-family: 'fcb_icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ios-device .text-external { padding-top: 0rem; padding-bottom: 0.125rem; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { /* H1 - Expressway Bold */ h1 { font-size: 1.75rem; line-height: 2.125rem; } h2 { font-size: 2.5rem; line-height: 2.875rem; } h3 { font-size: 1.5rem; line-height: 1.875rem; } h4 { font-size: 1.125rem; line-height: 1.5rem; } h5 { font-size: 1.125rem; line-height: 1.5rem; } h6 { font-size: 1.125rem; line-height: 1.5rem; } } .main-content-wrapper { color: #6e7882; } .main-content-wrapper h1, .main-content-wrapper h2, .main-content-wrapper h3, .main-content-wrapper h4, .main-content-wrapper h5, .main-content-wrapper h6 { color: #32465a; } .main-content-wrapper h1.red, .main-content-wrapper h2.red, .main-content-wrapper h3.red, .main-content-wrapper h4.red, .main-content-wrapper h5.red, .main-content-wrapper h6.red { color: #961432; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { blockquote { padding-right: 7.5rem; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { blockquote { font-family: "expressway_light"; font-size: 1.375rem; line-height: 1.75rem; margin: 1.875rem 0rem; padding: 0.8125rem 2.8125rem; font-style: italic; display: block; position: relative; color: #6e7882; } blockquote:before { content: ''; position: absolute; width: 0.3125rem; top: 0.4375rem; bottom: 0.375rem; left: 1.5625rem; background-color: #e5e6e7; } blockquote .author cite { font-size: 0.875rem; line-height: 1.25rem; color: #c9ccd2; font-style: normal; margin-bottom: 0.3125rem; display: block; } } @font-face { font-family: 'fcb_icons'; src: url("../fonts/icons/fcb_icons.eot"); src: url("../fonts/icons/fcb_icons.eot?#iefix") format("embedded-opentype"), url("../fonts/icons/fcb_icons.ttf") format("truetype"), url("../fonts/icons/fcb_icons.woff") format("woff"), url("../fonts/icons/fcb_icons.svg?#fcb_icons") format("svg"); font-weight: normal; font-style: normal; } [class^="icon-font-"]:before, [class*=" icon-font-"]:before { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'fcb_icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-font-webradio:before { content: "\e916"; } .icon-font-livestream:before { content: "\e915"; } .icon-font-close-circle:before { content: "\e913"; } .icon-font-gallery:before { content: "\e914"; } .icon-font-close:before { content: "\e912"; } .icon-font-arrow-right:before { content: "\e904"; } .icon-font-score-table-down:before { content: "\e90b"; } .icon-font-score-table-up:before { content: "\e909"; } .icon-font-calendar-filled:before { content: "\e900"; } .icon-font-calendar:before { content: "\e901"; } .icon-font-volume-high:before { content: "\e902"; } .icon-font-video-low:before { content: "\e903"; } .icon-font-volume-off:before { content: "\e90f"; } .icon-font-circle-play-filled:before { content: "\e906"; } .icon-font-circle-play-outline:before { content: "\e907"; } .icon-font-pause:before { content: "\e905"; } .icon-font-play-filled:before { content: "\e908"; } .icon-font-play:before { content: "\e90c"; } .icon-font-setting:before { content: "\e90d"; } .icon-font-setting-filled:before { content: "\e90e"; } .icon-font-fullscreen:before { content: "\e910"; } .icon-font-arrow-down:before { content: "\e911"; } .icon-font-score-table-static:before { content: "\e90a"; } /* perfect-scrollbar v0.6.7 */ .ps-container { -ms-touch-action: none; overflow: hidden !important; } .ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail { display: block; } .ps-container.ps-in-scrolling { pointer-events: none; } .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail { background-color: #eee; opacity: 0.9; } .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x { background-color: #999; } .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { background-color: #eee; opacity: 0.9; } .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: #999; } .ps-container > .ps-scrollbar-x-rail { display: none; position: absolute; /* please don't change 'position' */ -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; opacity: 0; -webkit-transition: background-color 0.2s linear, opacity 0.2s linear; -moz-transition: background-color 0.2s linear, opacity 0.2s linear; -o-transition: background-color 0.2s linear, opacity 0.2s linear; transition: background-color 0.2s linear, opacity 0.2s linear; bottom: 3px; /* there must be 'bottom' for ps-scrollbar-x-rail */ height: 8px; } .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x { position: absolute; /* please don't change 'position' */ background-color: #aaa; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-transition: background-color 0.2s linear; -moz-transition: background-color 0.2s linear; -o-transition: background-color 0.2s linear; transition: background-color 0.2s linear; bottom: 0; /* there must be 'bottom' for ps-scrollbar-x */ height: 8px; } .ps-container > .ps-scrollbar-y-rail { display: none; position: absolute; /* please don't change 'position' */ -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; opacity: 0; -webkit-transition: background-color 0.2s linear, opacity 0.2s linear; -moz-transition: background-color 0.2s linear, opacity 0.2s linear; -o-transition: background-color 0.2s linear, opacity 0.2s linear; transition: background-color 0.2s linear, opacity 0.2s linear; right: 3px; /* there must be 'right' for ps-scrollbar-y-rail */ width: 8px; } .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { position: absolute; /* please don't change 'position' */ background-color: #aaa; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-transition: background-color 0.2s linear; -moz-transition: background-color 0.2s linear; -o-transition: background-color 0.2s linear; transition: background-color 0.2s linear; right: 0; /* there must be 'right' for ps-scrollbar-y */ width: 8px; } .ps-container:hover.ps-in-scrolling { pointer-events: none; } .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail { background-color: #eee; opacity: 0.9; } .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x { background-color: #999; } .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { background-color: #eee; opacity: 0.9; } .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: #999; } .ps-container:hover > .ps-scrollbar-x-rail, .ps-container:hover > .ps-scrollbar-y-rail { opacity: 0.6; } .ps-container:hover > .ps-scrollbar-x-rail:hover { background-color: #eee; opacity: 0.9; } .ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x { background-color: #999; } .ps-container:hover > .ps-scrollbar-y-rail:hover { background-color: #eee; opacity: 0.9; } .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y { background-color: #999; } .fcb-overlay { display: none; position: fixed; top: 0rem; bottom: 0rem; left: 100%; right: -100%; background-color: #ffffff; z-index: 550; padding: 1.25rem; padding-top: 1.875rem; } .fcb-overlay .overlay-headline { font-size: 1.375rem; line-height: 1.75rem; font-family: "expressway_condensed_bold"; color: #0A3C64; display: inline-block; margin-bottom: 2.1875rem; } .fcb-overlay .overlay-close { display: block; position: absolute; top: 1.25rem; right: 1.25rem; text-decoration: none; border-radius: 50%; border: 0.125rem solid #6e7882; width: 1.875rem; height: 1.875rem; } .fcb-overlay .overlay-close:before { content: ''; display: block; height: 100%; width: 100%; padding: 0.625rem; box-sizing: content-box; margin-left: -44%; margin-top: -44%; border-radius: 50%; } .fcb-overlay .overlay-close .icon { position: absolute; top: 0.125rem; left: 0.5rem; width: 0.625rem; } .fcb-overlay .overlay-close .icon svg { max-height: 0.6875rem; } .fcb-overlay .element-button-wrapper { text-align: right; margin-top: 2.5rem; } .fcb-overlay .fcb-overlay-inactive-layer { display: none; position: fixed; top: 0rem; bottom: 0rem; left: 0rem; right: 0rem; z-index: 1; background-color: transparent; transition: background 0.4s linear; } .fcb-overlay .fcb-overlay-inactive-layer.active { display: block; } .fcb-overlay .fcb-overlay-inactive-layer.fade-in { background-color: rgba(0, 0, 0, 0.7); } .fcb-overlay .fcb-tab-accordion-wrapper.type-accordion .item-titles .item > a { padding-top: 0.9375rem; padding-bottom: 0.9375rem; } .fcb-overlay .fcb-tab-accordion-wrapper.type-accordion .item-titles .item.active > a { color: #6e7882; border-bottom: 0.125rem solid #0A3C64; font-family: "expressway_condensed_light"; } .ie-10 .fcb-overlay .overlay-close .icon { top: 0.1875rem; } /* Typography + Icons ~ END */ /* Kalutura Custom Player ~ START */ /* Kaltura FCB Custom Player - Guide to customization : http://knowledge.kaltura.com/kaltura-player-toolkit-theme-skin-and-plugins-guide */ .mwPlayerContainer { overflow: visible !important; } .mwPlayerContainer .spinner > div div { background: #DA0541 !important; } .mwPlayerContainer .btn { color: #ffffff; outline: 0; text-shadow: none !important; } .mwPlayerContainer .btn:hover { text-shadow: none !important; } .mwPlayerContainer .btn:focus { outline: none; } .mwPlayerContainer .topBarContainer { background: rgba(0, 20, 40, 0.7); height: 2.375rem; } .mwPlayerContainer .topBarContainer .titleLabel { font-size: 0.875rem; font-family: "expressway_light"; font-weight: normal; padding-top: 0.6875rem; } .mwPlayerContainer .videoHolder { height: 100% !important; overflow: visible !important; } .mwPlayerContainer .videoHolder .largePlayBtn { background: none; box-shadow: none; font-family: "fcb_icons"; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: 0; padding: 0; color: #ffffff; outline: none; } .mwPlayerContainer .videoHolder .largePlayBtn:before { content: "\e906"; font-size: 5rem; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .mwPlayerContainer .videoHolder .largePlayBtn:hover:before { color: #DA0541; transition: color .4s; } .mwPlayerContainer .controlBarContainer .scrubber { width: 100%; height: 4px; background: #6E0A28; z-index: 0; } .mwPlayerContainer .controlBarContainer .scrubber .watched { background: #ffffff; z-index: 1; } .mwPlayerContainer .controlBarContainer .scrubber .buffered { background: #ffffff; } .mwPlayerContainer .controlBarContainer .scrubber .handle-wrapper .ui-slider-handle { top: -0.375rem; background: #ffffff; } .mwPlayerContainer .controlBarContainer .controlsContainer { background: rgba(150, 20, 50, 0.9); height: 3.75rem; box-shadow: none; border: 0; } .mwPlayerContainer .controlBarContainer .controlsContainer button { font-family: "fcb_icons"; } .mwPlayerContainer .controlBarContainer .controlsContainer button:before { font-size: 1.875rem; } .mwPlayerContainer .controlBarContainer .controlsContainer button.icon-pause:before { content: "\e905"; } .mwPlayerContainer .controlBarContainer .controlsContainer button.icon-play:before, .mwPlayerContainer .controlBarContainer .controlsContainer button.icon-replay:before { content: "\e906"; } .mwPlayerContainer .controlBarContainer .controlsContainer button.icon-volume-high:before { content: "\e902"; font-size: 1.125rem; top: -0.375rem; position: relative; } .mwPlayerContainer .controlBarContainer .controlsContainer button.icon-volume-low:before { content: "\e903"; font-size: 1.125rem; top: -0.375rem; position: relative; } .mwPlayerContainer .controlBarContainer .controlsContainer button.icon-volume-mute:before { content: "\e90f"; font-size: 1.125rem; top: -0.375rem; position: relative; } .mwPlayerContainer .controlBarContainer .controlsContainer button.icon-cog:before { content: "\e90d"; font-size: 1.25rem; } .mwPlayerContainer .controlBarContainer .controlsContainer button.icon-expand:before, .mwPlayerContainer .controlBarContainer .controlsContainer button.icon-contract:before { content: "\e910"; font-size: 1rem; position: relative; left: -0.25rem; } .mwPlayerContainer .controlBarContainer .controlsContainer .volumeControl button.btn { z-index: 200; background-color: transparent !important; position: relative; } .mwPlayerContainer .controlBarContainer .controlsContainer .volumeControl.vertical.open button:before { color: #961432; } .mwPlayerContainer .controlBarContainer .controlsContainer .volumeControl .sliderContainer { bottom: 9px; background: white; padding-bottom: 30px; border-radius: 1.5625rem; box-sizing: content-box; } .mwPlayerContainer .controlBarContainer .controlsContainer .volumeControl .sliderContainer .arrow { display: none; } .mwPlayerContainer .controlBarContainer .controlsContainer .volumeControl .sliderContainer .ui-slider-vertical { width: 0.25rem; margin-left: 1.125rem; background: #c9ccd2; } .mwPlayerContainer .controlBarContainer .controlsContainer .volumeControl .sliderContainer .ui-slider-vertical .ui-slider-range-min { background: #961432; } .mwPlayerContainer .controlBarContainer .controlsContainer .volumeControl .sliderContainer .ui-slider-vertical .ui-slider-handle { display: block; width: 18px; height: 18px; background: #961432; border-radius: 25px; left: -7px; } .mwPlayerContainer .controlBarContainer .controlsContainer .timers { top: -0.4375rem; color: #ffffff; font-family: "expressway_light"; font-size: 0.75rem; } .mwPlayerContainer.player-out .controlBarContainer { opacity: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); -webkit-transition: 0.5s all; -moz-transition: 0.5s all; transition: 0.5s all; } /* Kalutura Custom Player ~ END */ /* General basic includes ~ START */ .image-wrapper.error { box-shadow: 0px 0px 0px 2px #e6b4be inset; padding-left: 0.9375rem; padding-right: 0.9375rem; position: relative; overflow: hidden; } .image-wrapper.error span { color: #6e7882; opacity: 0.25; position: absolute; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .image-wrapper.keep-child-while-loading { position: relative; } .image-wrapper.keep-child-while-loading img.animated { position: absolute; opacity: 0; left: 0; right: 0; top: 0; bottom: 0; } .image-wrapper.keep-child-while-loading.is-loading { padding-bottom: 0; } .image-wrapper.keep-child-while-loading.is-loading.error { padding-bottom: 56.22255%; } .image-wrapper.live { position: relative; } .image-wrapper.live:after { content: ''; position: absolute; top: 0.625rem; right: 0.625rem; width: 0.625rem; height: 0.625rem; background: #aa435b; border-radius: 50%; box-shadow: 0 0 0 rgba(170, 67, 91, 0.4); animation: livePulse 2.8s infinite; animation-timing-function: ease-out; } img { -ms-interpolation-mode: bicubic; } @-webkit-keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(170, 67, 91, 0.4); } 70% { -webkit-box-shadow: 0 0 0 0.625rem rgba(170, 67, 91, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(170, 67, 91, 0); } } @keyframes livePulse { 0% { -moz-box-shadow: 0 0 0 0 rgba(170, 67, 91, 0.4); box-shadow: 0 0 0 0 rgba(170, 67, 91, 0.4); } 70% { -moz-box-shadow: 0 0 0 0.625rem rgba(170, 67, 91, 0); box-shadow: 0 0 0 0.625rem rgba(170, 67, 91, 0); } 100% { -moz-box-shadow: 0 0 0 0 rgba(170, 67, 91, 0); box-shadow: 0 0 0 0 rgba(170, 67, 91, 0); } } /* General basic includes ~ END */ /********************* * Atoms ~ START ********************/ /* ArrowCircle ~ START */ .opta-loader p, .fcb-indicator-loading { display: block; position: relative; width: 3.125rem; height: 3.125rem; } @keyframes loadingAnimation { from { transform: scale(0); opacity: 1; } to { transform: scale(1); opacity: 0; } } .opta-loader p:before, .opta-loader p:after, .fcb-indicator-loading:before, .fcb-indicator-loading:after { position: absolute; display: block; content: ''; box-sizing: border-box; width: 100%; height: 100%; border-radius: 50%; border: 0.1875rem solid #6E0A28; transform: scale(0); opacity: 1; animation-duration: 2s; animation-name: loadingAnimation; animation-iteration-count: infinite; animation-timing-function: ease-out; animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } .opta-loader p:after, .fcb-indicator-loading:after { animation-delay: 0.9s; animation-timing-function: cubic-bezier(0.3, 0.61, 0.355, 1); } .opta-loader p { width: auto; height: auto; padding-top: 6.25rem; line-height: 2em; } .opta-loader p:before, .opta-loader p:after { border: 0.125rem solid #6E0A28; width: 2.34375rem; height: 2.34375rem; top: -2.34375rem; } /* ArrowCircle ~ END */ /* Ballom ~ START */ .ballon-wrapper { background: #961432; position: relative; } .ballon-wrapper.ballon16x18 { padding-bottom: 112.5%; } .ballon-wrapper.ballon16x9 { padding-bottom: 56.25%; } .ballon-wrapper.ballon9x2 { padding-bottom: 22.22222%; } .ballon-wrapper.ballon3x2 { padding-bottom: 66.66667%; } .ballon-wrapper.ballon4x3 { padding-bottom: 75%; } .ballon-wrapper.ballon1x1 { padding-bottom: 100%; } .ballon-wrapper.ballon9x12 { padding-bottom: 133.33333%; } .ballon-wrapper.ballon2x1 { padding-bottom: 50%; } .ballon-wrapper iframe { position: absolute; } .image-wrapper { background: #e5e6e7; padding-bottom: 56.22255%; } .image-wrapper > img { display: block; } .image-wrapper.loaded { background: none; padding-bottom: 0; } /* Ballom ~ END */ /* Buttons and Links ~ START */ a.button, .ui-datepicker div.ui-datepicker-buttonpane button, input.button { background: #961432; border: 0.125rem solid #961432; border-radius: 0.1875rem; text-transform: uppercase; text-decoration: none; color: white; font-size: 1.125rem; line-height: 1.5rem; line-height: 1.125rem; font-family: "expressway_condensed_bold"; padding-top: 0.625rem; padding-bottom: 0.75rem; padding-left: 1.125rem; padding-right: 1.125rem; display: inline-block; /* Secondary button __________________________________________ */ /* Gold button __________________________________________ */ /* NAVIGATION BUTTONS __________________________________________ */ /* Inactive button __________________________________________ */ } a.button span.icon, .ui-datepicker div.ui-datepicker-buttonpane button span.icon, input.button span.icon { width: 1.125rem; height: 1.125rem; float: left; margin-right: 0.625rem; position: relative; } a.button span.icon svg, .ui-datepicker div.ui-datepicker-buttonpane button span.icon svg, input.button span.icon svg { fill: #ffffff; width: 100%; top: 50%; position: absolute; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } a.button.icon-right span.icon, .ui-datepicker div.ui-datepicker-buttonpane button.icon-right span.icon, input.button.icon-right span.icon { float: right; } a.button.icon-right span.icon svg, .ui-datepicker div.ui-datepicker-buttonpane button.icon-right span.icon svg, input.button.icon-right span.icon svg { margin-right: 0; margin-left: 0.625rem; } a.button:before, .ui-datepicker div.ui-datepicker-buttonpane button:before, input.button:before { font-family: 'fcb_icons'; float: left; margin-top: 0rem; padding-right: 1rem; } a.button.text-only, .ui-datepicker div.ui-datepicker-buttonpane button.text-only, input.button.text-only { background: none; border: none; padding: 0; color: black; } a.button.text-only:hover, .ui-datepicker div.ui-datepicker-buttonpane button.text-only:hover, input.button.text-only:hover { background: none; color: black; } a.button.small, .ui-datepicker div.ui-datepicker-buttonpane button.small, input.button.small { font-size: 0.875rem; line-height: 1.25rem; line-height: 0.875rem; padding: 0.625rem; padding-top: 0.375rem; padding-bottom: 0.375rem; } a.button.grey, .ui-datepicker div.ui-datepicker-buttonpane button.grey, input.button.grey { background-color: #c9ccd2; border-color: #c9ccd2; } a.button.active, .ui-datepicker div.ui-datepicker-buttonpane button.active, input.button.active { background-color: #ffffff; color: #961432; border: 0.125rem solid #961432; } a.button:hover, .ui-datepicker div.ui-datepicker-buttonpane button:hover, input.button:hover { background-color: #6E0A28; color: #ffffff; border-color: #6E0A28; } a.button.secondary, .ui-datepicker div.ui-datepicker-buttonpane button.secondary, input.button.secondary { background-color: #c9ccd2; border-color: #c9ccd2; } a.button.secondary.active, .ui-datepicker div.ui-datepicker-buttonpane button.secondary.active, input.button.secondary.active { background-color: #ffffff; color: #0A3C64; border-color: #0A3C64; } a.button.secondary:hover, .ui-datepicker div.ui-datepicker-buttonpane button.secondary:hover, input.button.secondary:hover { background-color: #0A3C64; color: #ffffff; border-color: #0A3C64; } a.button.gold, .ui-datepicker div.ui-datepicker-buttonpane button.gold, input.button.gold { background-color: #C8AA78; border-color: #C8AA78; } a.button.gold.active, .ui-datepicker div.ui-datepicker-buttonpane button.gold.active, input.button.gold.active { background-color: #ffffff; color: #C8AA78; border: 0.125rem solid #C8AA78; } a.button.gold:hover, .ui-datepicker div.ui-datepicker-buttonpane button.gold:hover, input.button.gold:hover { background-color: #ffffff; color: #C8AA78; border: 0.125rem solid #C8AA78; } a.button.roundBefore, .ui-datepicker div.ui-datepicker-buttonpane button.roundBefore, input.button.roundBefore { background: none; border: none; color: black; } a.button.roundBefore:before, .ui-datepicker div.ui-datepicker-buttonpane button.roundBefore:before, input.button.roundBefore:before { content: ''; display: block; background-color: #961432; width: 4.5rem; height: 4.5rem; border-radius: 50%; padding: 0; margin: 0 auto; float: none; text-align: center; line-height: 3.5; } a.button.roundBefore span, .ui-datepicker div.ui-datepicker-buttonpane button.roundBefore span, input.button.roundBefore span { margin-top: 0.9375rem; display: block; width: 100%; text-align: center; color: #0A3C64; } a.button.navi, .ui-datepicker div.ui-datepicker-buttonpane button.navi, input.button.navi { border: 0; } a.button.navi.round, .ui-datepicker div.ui-datepicker-buttonpane button.navi.round, input.button.navi.round { background-color: #f8f8f9; color: #0A3C64; width: 2.1875rem; height: 2.1875rem; border-radius: 50%; } a.button.navi.round:before, .ui-datepicker div.ui-datepicker-buttonpane button.navi.round:before, input.button.navi.round:before { margin-left: -0.3125rem; line-height: 1.4375rem; } a.button.navi.round:hover, .ui-datepicker div.ui-datepicker-buttonpane button.navi.round:hover, input.button.navi.round:hover { background-color: #0A3C64; color: #ffffff; } a.button.navi.round.inactive, .ui-datepicker div.ui-datepicker-buttonpane button.navi.round.inactive, input.button.navi.round.inactive { color: #c9ccd2; } a.button.navi.round.inactive:hover, .ui-datepicker div.ui-datepicker-buttonpane button.navi.round.inactive:hover, input.button.navi.round.inactive:hover { background-color: #f8f8f9; } a.button.navi.red, .ui-datepicker div.ui-datepicker-buttonpane button.navi.red, input.button.navi.red { background-color: #961432; -webkit-tap-highlight-color: transparent; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } a.button.navi.red:active, .ui-datepicker div.ui-datepicker-buttonpane button.navi.red:active, input.button.navi.red:active { background-color: #6E0A28; } a.button.navi.red:hover, .ui-datepicker div.ui-datepicker-buttonpane button.navi.red:hover, input.button.navi.red:hover { background-color: #6E0A28; } a.button.navi.red .icon, .ui-datepicker div.ui-datepicker-buttonpane button.navi.red .icon, input.button.navi.red .icon { width: 0.625rem; margin-top: -0.125rem; margin-left: -0.375rem; } a.button.navi.red.disabled, .ui-datepicker div.ui-datepicker-buttonpane button.navi.red.disabled, input.button.navi.red.disabled { background-color: #f8f8f9; cursor: default; } a.button.navi.red.disabled:hover, .ui-datepicker div.ui-datepicker-buttonpane button.navi.red.disabled:hover, input.button.navi.red.disabled:hover { background-color: #f8f8f9; } a.button.navi.red.disabled path, .ui-datepicker div.ui-datepicker-buttonpane button.navi.red.disabled path, input.button.navi.red.disabled path { fill: #c9ccd2; } a.button.navi.arrow, .ui-datepicker div.ui-datepicker-buttonpane button.navi.arrow, input.button.navi.arrow { -webkit-tap-highlight-color: transparent; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } a.button.navi.arrow .icon, .ui-datepicker div.ui-datepicker-buttonpane button.navi.arrow .icon, input.button.navi.arrow .icon { width: 0.625rem; margin-top: -0.125rem; margin-left: -0.375rem; } a.button.navi.arrow.disabled, .ui-datepicker div.ui-datepicker-buttonpane button.navi.arrow.disabled, input.button.navi.arrow.disabled { background-color: #f8f8f9; cursor: default; } a.button.navi.arrow.disabled:hover, .ui-datepicker div.ui-datepicker-buttonpane button.navi.arrow.disabled:hover, input.button.navi.arrow.disabled:hover { background-color: #f8f8f9; } a.button.navi.arrow.disabled path, .ui-datepicker div.ui-datepicker-buttonpane button.navi.arrow.disabled path, input.button.navi.arrow.disabled path { fill: #c9ccd2; } a.button.navi.flat, .ui-datepicker div.ui-datepicker-buttonpane button.navi.flat, input.button.navi.flat { background: none; color: #c9ccd2; width: 1.4375rem; height: 2.4375rem; } a.button.navi.flat:hover, .ui-datepicker div.ui-datepicker-buttonpane button.navi.flat:hover, input.button.navi.flat:hover { color: #961432; } a.button.navi.flat:before, .ui-datepicker div.ui-datepicker-buttonpane button.navi.flat:before, input.button.navi.flat:before { line-height: 1.125rem; margin-left: -0.5625rem; } a.button.inactive, .ui-datepicker div.ui-datepicker-buttonpane button.inactive, input.button.inactive { background-color: #f8f8f9; color: #c9ccd2; border-color: #f8f8f9; } a.button.inactive:hover, .ui-datepicker div.ui-datepicker-buttonpane button.inactive:hover, input.button.inactive:hover { background-color: #f8f8f9; color: #c9ccd2; border-color: #f8f8f9; } /* CLOSE BUTTONS __________________________________________ */ a.close { width: 1.875rem; height: 1.875rem; background: none; color: #6e7882; border: 0; } a.close:before { margin-left: -0.5625rem; line-height: 0.625rem; } a.close:hover { color: #0A3C64; background: none; } a.close.inactive { color: #c9ccd2; background: none; } a.close.inactive:hover { background: none; } a.button.icon-right:before, .ui-datepicker div.ui-datepicker-buttonpane button.icon-right:before, .icon-right:before { float: right; padding-right: 0; padding-left: 1rem; } /* Round button __________________________________________ */ a.round-button { width: 4.375rem; height: 4.375rem; border: 2px solid #0A3C64; border-radius: 50%; display: block; text-align: center; line-height: 4.125rem; text-decoration: none; color: #0A3C64; font-family: "expressway_condensed_bold"; text-transform: uppercase; } /* FILTER BUTTONS __________________________________________ */ a.button-filter { font-family: "expressway_condensed_light"; font-size: 1rem; line-height: 1.375rem; color: #6e7882; text-decoration: underline; margin-right: 0.625rem; display: inline-block; } a.button-filter:hover, a.button-filter:active, a.button-filter.active { color: #961432; } a.button-filter.mobile-overlay-filters { display: none; } a.button-filter .icon { display: none; } a.button-filter.has-arrow { position: relative; margin-right: 1.25rem; /* &:after { display: block; position: absolute; top: rem(0); right: rem(-10); content: '>'; text-decoration: none; } */ } a.button-filter.has-arrow .icon { display: block; position: absolute; width: 0.625rem; right: -0.875rem; top: 0.125rem; margin-top: -0.125rem; } a.button-filter.has-arrow .icon svg { max-height: 0.5rem; -webkit-transition: -webkit-transform, 0.4s, ease-in-out; -moz-transition: -moz-transform, 0.4s, ease-in-out; transition: transform, 0.4s, ease-in-out; vertical-align: middle; } a.button-filter.has-arrow.active .icon svg { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } .ie-10 a.button-filter.has-arrow .icon { top: 0rem; } @media screen and (max-width: 63.9375rem) { a.button-filter { position: relative; padding-left: 0.0625rem; text-decoration: none; font-size: 1.125rem; line-height: 1.5rem; position: relative; padding-left: 0.9375rem; /* &:before { position: absolute; left: rem(0); content: '>'; display: block; color: $color-grey-6e7882; } */ } a.button-filter .icon { position: absolute; left: 0rem; height: 100%; top: 0rem; } a.button-filter.mobile-overlay-filters { display: inline-block; } a.button-filter.has-arrow { display: none; } a.button-filter .icon { display: inline-block; margin-right: 0.3125rem; width: 0.3125rem; } a.button-filter .icon svg { margin-bottom: 0.4375rem; } a.button-filter:hover:before { color: #961432; } a.button-filter:after { content: none; } } @-moz-document url-prefix() { a.button.small, .ui-datepicker div.ui-datepicker-buttonpane button.small { padding-top: 0.4375rem; padding-bottom: 0.5625rem; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { a.button, .ui-datepicker div.ui-datepicker-buttonpane button { top: 0.8125rem; bottom: 0.8125rem; } a.button.small, .ui-datepicker div.ui-datepicker-buttonpane button.small { padding-top: 0.4375rem; padding-bottom: 0.5625rem; } } /* Partner button __________________________________________ */ .partner-item-wrapper .item a { display: inline-block; padding-top: 0.625rem; padding-bottom: 0.75rem; padding-left: 1.125rem; padding-right: 1.125rem; } .partner-item-wrapper .item a.partner { text-align: center; display: inline-table; height: 100%; width: 100%; } .partner-item-wrapper .item a.partner span { display: inline-block; height: 100%; vertical-align: middle; } .partner-item-wrapper .item a.partner img { max-height: 60%; width: inherit; display: inline-block; vertical-align: middle; } .partner-item-wrapper .item a.partner.classic-partner { width: 10.3125rem; height: 10.3125rem; border-right: 2px grey; } .partner-item-wrapper .item a.partner:hover { background-color: #c9ccd2; color: #c9ccd2; border-color: #c9ccd2; } /* Buttons and Links ~ END */ /* Label ~ START */ label { color: #0A3C64; font-family: "expressway_condensed_bold"; text-transform: capitalize; font-size: 1.125rem; line-height: 1.5rem; margin-bottom: 0.25rem; display: inline-block; } .form-label { font-size: 1.125rem; line-height: 1.5rem; color: #0A3C64; font-family: "expressway_condensed_light"; display: inline; margin-bottom: 0; cursor: pointer; text-transform: none; } .form-label.is-required { font-family: "expressway_condensed_bold"; } .form-label.is-required:after { content: '*'; } .form-label.is-radio { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .form-label.is-checkbox { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .form-label.is-checkbox > span { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; } .has-error .form-label { color: #961432; font-family: "expressway_condensed_bold"; } /* Label ~ END */ /* Label ~ START */ .note-text { font-size: 0.75rem; line-height: 1.125rem; font-family: "expressway_condensed_light"; color: #78828c; } /* Label ~ END */ /* Input Text ~ START */ /* Input Text ~ END */ /* Input Password ~ START */ .fcb-form-element-wrapper { position: relative; } .fcb-form-element-wrapper .fcb-input-wrapper { position: relative; } .fcb-form-element-wrapper .fcb-input-wrapper .fcb-form-input.input-password { float: left; } .fcb-form-element-wrapper .fcb-input-wrapper .show-password-wrapper { margin: 0; padding: 0; float: right; text-align: center; padding: 0.0625rem 0.625rem; position: absolute; right: 0.4375rem; } .fcb-form-element-wrapper .fcb-input-wrapper .show-password-wrapper .show-password { font-size: 1rem; cursor: pointer; font-family: "expressway_condensed_light"; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-form-element-wrapper .fcb-input-wrapper .show-password-wrapper { background-color: #c9ccd2; border-radius: 0.125rem; color: #ffffff; } .fcb-form-element-wrapper .fcb-input-wrapper .show-password-wrapper .show-password { text-decoration: none; text-transform: uppercase; font-family: "expressway_condensed_bold"; font-size: 0.875rem; } } /* Input Password ~ END */ /* Input SelectBox ~ START */ .fcb-form-element-wrapper .fcb-input-wrapper.select { border: none; } .fcb-form-element-wrapper .fcb-input-wrapper .select2-container { border: 0.0625rem solid #c9ccd2; border-radius: 0.125rem; width: 100% !important; padding: 0.5rem 0.4375rem; } .fcb-form-element-wrapper .fcb-input-wrapper .select2-container .select2-selection { border: 0; outline: 0; position: relative; background: none; } .fcb-form-element-wrapper .fcb-input-wrapper .select2-container .select2-selection .select2-selection__arrow { height: 0.5625rem; width: 1rem; right: 0.5rem; top: 0.5rem; } .fcb-form-element-wrapper .fcb-input-wrapper .select2-container .select2-selection .select2-selection__arrow b { font-family: "fcb_icons"; border: none; display: block; position: relative; width: 100%; height: 100%; transition: transform .3s ease-in-out; background: none; } .fcb-form-element-wrapper .fcb-input-wrapper .select2-container .select2-selection .select2-selection__arrow b:after { content: "\e911"; font-size: 0.5rem; color: #0A3C64; position: absolute; top: 0; left: 0; } .fcb-form-element-wrapper .fcb-input-wrapper .select2-container.select2-container--open { border: 1px solid #0A3C64; background: #ffffff; box-shadow: inset 0px 0 0px 1px #0A3C64; } .fcb-form-element-wrapper .fcb-input-wrapper .select2-container.select2-container--open .select2-selection--single .select2-selection__rendered { position: relative; } .fcb-form-element-wrapper .fcb-input-wrapper .select2-container.select2-container--open .select2-selection .select2-selection__arrow b { -webkit-transform: rotateX(160deg) translateY(1.5px); -moz-transform: rotateX(160deg) translateY(1.5px); -ms-transform: rotateX(160deg) translateY(1.5px); -o-transform: rotateX(160deg) translateY(1.5px); transform: rotateX(160deg) translateY(1.5px); transition: transform .3s ease-in-out; } .fcb-form-element-wrapper .fcb-input-wrapper .select2-container .select2-selection__placeholder { font-size: 1.125rem; line-height: 1.5rem; color: #6e7882; } .fcb-form-element-wrapper .fcb-input-wrapper.blue-gray .select2-selection__placeholder { color: #0A3C64; } .fcb-form-element-wrapper .fcb-input-wrapper.blue-gray .select2-container--open .select2-selection__placeholder { color: #6e7882; } .fcb-form-element-wrapper .fcb-input-wrapper.error .select2-selection__rendered { color: #961432; } .fcb-form-element-wrapper .fcb-input-wrapper.inactive { opacity: 0.5; } .select2-container .select2-dropdown { z-index: 300; } .select2-container .select2-dropdown.select2-dropdown--below { top: 0.5625rem; border: 1px solid #c9ccd2; } .select2-container .select2-dropdown .select2-results .select2-results__options > li { margin: 0.625rem 0.625rem 0.625rem; border-bottom: 1px solid #c9ccd2; color: #6e7882; font-family: "expressway_condensed_light"; } .select2-container .select2-dropdown .select2-results .select2-results__options > li.select2-results__option--highlighted, .select2-container .select2-dropdown .select2-results .select2-results__options > li[aria-selected=true] { background: none; color: #0A3C64; border-bottom: 1px solid #0A3C64; font-family: "expressway_condensed_bold"; } .select2-container .select2-dropdown .select2-results .select2-results__options > li:last-child { border: none; } .select2-container.range-picker .select2-dropdown--below { top: 0.375rem; width: 9.0625rem !important; left: -0.0625rem; } .select2-container.range-picker.year-selector .select2-dropdown--below { left: -3rem; } /* Input SelectBox ~ END */ /* Lists ~ START */ ul ul, ul ol, ol ul, ol ol { margin-left: 1.25rem; } /* Lists ~ END */ /* Select ~ START */ select { font-size: 1.125rem; line-height: 1.5rem; padding: 0.3125rem 0.9375rem; margin: 0; width: auto; background: #961432; color: white; border: none; outline: none; display: inline-block; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; white-space: nowrap; overflow: hidden; } select.disabled { color: white; } select::-ms-expand { display: none; } .tooltip-select-wrapper > div:first-child { background: url("about:blank"); } /* Select ~ END */ /* Datepicker ~ START */ .ui-datepicker { background: #ffffff; border: 0.0625rem solid #c9ccd2; display: none; border-radius: 0 0 0.125rem 0.125rem; margin-top: 0.5rem; margin-left: -0.5rem; } .ui-datepicker .ui-datepicker-header { margin-bottom: 0.875rem; border-bottom: 0.0625rem solid #c9ccd2; padding-bottom: 2.125rem; max-height: 2.125rem; padding-top: 0.1875rem; } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev, .ui-datepicker .ui-datepicker-header .ui-datepicker-next { display: none; } .ui-datepicker .ui-datepicker-header .ui-datepicker-title { height: 2.5rem; } .ui-datepicker .ui-datepicker-header .ui-datepicker-title .select2 { border: 0; outline: 0; min-width: 4.6875rem; width: auto !important; } .ui-datepicker .ui-datepicker-header .ui-datepicker-title .select2 .select2-selection { border: 0; outline: 0; } .ui-datepicker .ui-datepicker-header .ui-datepicker-title .select2 .select2-selection .select2-selection__rendered { font-family: "expressway_condensed_bold"; color: #0A3C64; font-size: 1.125rem; line-height: 1.5rem; } .ui-datepicker .ui-datepicker-header .ui-datepicker-title .select2:last-child { float: right; margin-right: 1.25rem; } .ui-datepicker .ui-datepicker-header .ui-datepicker-title .select2 .select2-selection__arrow b { font-family: "fcb_icons"; border: none; display: block; position: relative; width: 1.0625rem; height: 0.5625rem; transition: transform .3s ease-in-out; background: none; } .ui-datepicker .ui-datepicker-header .ui-datepicker-title .select2 .select2-selection__arrow b:after { content: "\e911"; font-size: 0.5rem; color: #0A3C64; position: absolute; top: 0; left: 0; height: 100%; line-height: 100%; } .ui-datepicker .ui-datepicker-header .ui-datepicker-title .select2.select2-container--open .select2-selection .select2-selection__arrow b { -webkit-transform: rotateX(180deg) translateY(2px); -moz-transform: rotateX(180deg) translateY(2px); -ms-transform: rotateX(180deg) translateY(2px); -o-transform: rotateX(180deg) translateY(2px); transform: rotateX(180deg) translateY(2px); transition: transform .3s ease-in-out; } .ui-datepicker .ui-datepicker-header select { display: none; } .ui-datepicker table.ui-datepicker-calendar { box-sizing: border-box; font-size: 1rem; color: #6e7882; margin: 0 0 0 0.625rem; } .ui-datepicker table.ui-datepicker-calendar a, .ui-datepicker table.ui-datepicker-calendar span { font-size: 1rem; text-decoration: none; border-bottom: 0.0625rem solid; display: block; margin-bottom: 1.25rem; margin: 0 0.625rem 1.25rem 0; padding-bottom: 0.5625rem; width: 1.875rem; } .ui-datepicker table.ui-datepicker-calendar thead { text-align: left; } .ui-datepicker table.ui-datepicker-calendar thead tr th span { font-family: "expressway_condensed_bold"; display: block; margin-right: 0.625rem; width: 1.875rem; } .ui-datepicker table.ui-datepicker-calendar tbody tr td a { font-family: "expressway_condensed_light"; } .ui-datepicker table.ui-datepicker-calendar tbody tr td a.ui-state-highlight, .ui-datepicker table.ui-datepicker-calendar tbody tr td a.ui-state-active { color: #0A5082; font-family: "expressway_condensed_bold"; border-bottom: 0.125rem solid; } .ui-datepicker table.ui-datepicker-calendar tbody tr td.ui-datepicker-other-month span { color: #c9ccd2; } .ui-datepicker table.ui-datepicker-calendar tbody tr td.ui-state-range span, .ui-datepicker table.ui-datepicker-calendar tbody tr td.ui-state-range a { color: #961432; font-family: "expressway_condensed_bold"; border-bottom: 0.125rem solid; } .ui-datepicker table.ui-datepicker-calendar tbody tr td.ui-datepicker-today span, .ui-datepicker table.ui-datepicker-calendar tbody tr td.ui-datepicker-today a { font-family: "expressway_condensed_bold"; color: #C8AA78; } .ui-datepicker div.ui-datepicker-buttonpane { padding: 1.25rem; text-align: right; } .ui-datepicker div.ui-datepicker-buttonpane button { border: 0; } .ui-datepicker-trigger { background: #ffffff; position: absolute; top: -0.0625rem; right: -0.0625rem; cursor: pointer; width: 2.875rem; height: 2.75rem; border: 0.0625rem solid #c9ccd2; outline: 0; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .ui-datepicker-trigger { height: 2.625rem; } } .ui-datepicker-trigger.wrapper-focus { border-left: 0.125rem solid #0A5082; width: 2.9375rem; } .ui-datepicker-trigger img { display: none; } .ui-datepicker-trigger:before { font-size: 1.75rem; color: #0A5082; } .datepicker.error .ui-datepicker-trigger { border-left: 0.125rem solid #6E0A28; } .datepicker.datepicker-opened .ui-datepicker-trigger { border-color: #0A5082; box-shadow: 0 0 0px 1px #0A5082 inset; } .datepicker.datepicker-opened .ui-datepicker-trigger:after { background-position: left bottom; } .datepicker.datepicker-opened .ui-datepicker-trigger:before { content: "\e900"; color: #0A5082; } /* Datepicker ~ END */ /* Tooltip ~ START */ .tooltip-select-wrapper { position: relative; cursor: pointer; display: inline-block; } .tooltip-select-wrapper > div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .fcb-tooltip-wrapper { position: absolute; margin-left: 0.625rem; margin-right: 0.625rem; padding-top: 0.4375rem; display: block; float: left; clear: both; z-index: 110; max-width: 28.125rem; min-width: 9.375rem; } .fcb-tooltip-wrapper .tooltip-content { border-radius: 3px; background: #ffffff; color: #6e7882; font-family: "expressway_light"; font-size: 1rem; line-height: 1.375rem; padding: 0.9375rem; border: 1px solid #c9ccd2; display: block; box-sizing: border-box; } .fcb-tooltip-wrapper .tooltip-content ul { margin: 0; } .fcb-tooltip-wrapper .tooltip-content ul > li > a { display: block; color: #6e7882; text-decoration: none; border-bottom: 0.0625rem solid #c9ccd2; font-size: 1rem; padding-bottom: 0.625rem; margin-bottom: 0.625rem; font-family: "expressway_condensed_light"; } .fcb-tooltip-wrapper .tooltip-content ul > li > a:hover { color: #0A3C64; border-color: #0A3C64; font-family: "expressway_condensed_bold"; } .fcb-tooltip-wrapper .tooltip-content ul > li:last-child > a { border: none; margin-bottom: 0; padding-bottom: 0; } .fcb-tooltip-wrapper.center .tooltip-content:before, .fcb-tooltip-wrapper.center .tooltip-content:after { left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .fcb-tooltip-wrapper.right .tooltip-content:before { left: auto; right: 0.625rem; } .fcb-tooltip-wrapper.right .tooltip-content:after { left: auto; right: 0.5625rem; } .fcb-tooltip-wrapper .tooltip-content .tooltip-link { font-family: "expressway_condensed_light"; font-size: 1rem; line-height: 1.375rem; text-decoration: underline; color: #6e7882; } .fcb-tooltip-wrapper .tooltip-content .tooltip-button { display: block; text-align: center; } .fcb-tooltip-wrapper .tooltip-content .tooltip-list > li { border-bottom: 0.0625rem solid #c9ccd2; padding-top: 0.625rem; padding-bottom: 0.625rem; } .fcb-tooltip-wrapper .tooltip-content .tooltip-list > li:first-child { padding-top: 0rem; } .fcb-tooltip-wrapper .tooltip-content .tooltip-list > li > a { font-family: "expressway_condensed_light"; font-size: 1rem; line-height: 1.375rem; text-decoration: none; color: #0A3C64; } .fcb-tooltip-logged-in { width: 12.25rem; max-width: 12.25rem; } .fcb-tooltip-logged-in .action-logout { display: block; } .fcb-tooltip-logged-in .action-logout, .fcb-tooltip-logged-in .logging-out-message { margin-top: 1.5625rem; } .fcb-tooltip-logged-in .action-logout .icon { display: none; } .fcb-tooltip-logged-in .action-logout:hover { color: #0A3C64; } .fcb-tooltip-logged-in .logging-out-message { font-family: "expressway_condensed_light"; font-size: 1rem; line-height: 1.375rem; color: #6e7882; } .fcb-tooltip-logged-in .logging-out-message .fcb-indicator-loading { display: block; margin: 0 auto; margin-top: 0.3125rem; width: 2.5rem; height: 2.5rem; } /* Tooltip ~ END */ /* Checkbox ~ START */ .fcb-checkbox { position: relative; display: block; cursor: pointer; color: #6e7882; font-family: "expressway_light"; font-size: 1rem; line-height: 1.375rem; margin-bottom: 0.3125rem; text-transform: none; } .fcb-checkbox input { display: none; } .fcb-checkbox .icon { position: absolute; left: 0.25rem; top: 0.1875rem; width: 0.8125rem; opacity: 0; display: block; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .fcb-checkbox .icon svg { vertical-align: middle; } .fcb-checkbox .icon path { fill: #0A3C64; } .fcb-checkbox:before { position: relative; content: ''; display: inline-block; width: 1.3125rem; height: 1.3125rem; top: 0.25rem; background-color: #ffffff; margin-right: 0.4375rem; border: 0.125rem solid #c9ccd2; border-radius: 0.125rem; } .fcb-checkbox.active { /* &:after { display: block; content: 'x'; position: absolute; top: rem(4); left: rem(7); color: $color-blue-0a3c64; } */ } .fcb-checkbox.active:before { border-color: #0A3C64; } .fcb-checkbox.active .icon { opacity: 1; } /**************************************************** * CHECK LABEL ****************************************************/ .fcb-checkbox.type-label { position: relative; display: inline-block; cursor: pointer; color: #961432; font-family: "expressway_light"; text-transform: none; border: 0.125rem solid #961432; border-radius: 0.1875rem; font-size: 0.75rem; line-height: 0.75rem; padding: 0.1875rem; padding-top: 0.0625rem; padding-bottom: 0.125rem; } .fcb-checkbox.type-label:before { content: none; } .fcb-checkbox.type-label:hover, .fcb-checkbox.type-label.active { background-color: #961432; color: #ffffff; } .fcb-checkbox.type-label:hover:before, .fcb-checkbox.type-label:hover:after, .fcb-checkbox.type-label.active:before, .fcb-checkbox.type-label.active:after { content: none; } .fcb-checkbox.type-label:hover { background-color: #6E0A28; border-color: #6E0A28; } .touch-device .fcb-checkbox.type-label:hover { background-color: transparent; border-color: #961432; color: #961432; } .touch-device .fcb-checkbox.type-label.active { background-color: #961432; border-color: #961432; color: #ffffff; } /* Checkbox ~ END */ /* Radio ~ START */ .fcb-radio { position: relative; display: block; cursor: pointer; color: #6e7882; font-family: "expressway_light"; font-size: 1rem; line-height: 1.375rem; margin-bottom: 0.3125rem; text-transform: none; /* &:before { position: absolute; top: rem(17); right: rem(10); content: ''; display: block; width: rem(19); height: rem(19); background-color: $color-white; border: rem(2) solid $color-grey-c9ccd2; border-radius: 50%; } */ } .fcb-radio input { display: none; } .fcb-radio:before { position: relative; content: ''; display: inline-block; width: 1.3125rem; height: 1.3125rem; top: 0.3125rem; background-color: #ffffff; margin-right: 0.5rem; border: 0.125rem solid #c9ccd2; border-radius: 50%; -webkit-transition: border-color 0.3s ease-in-out; -moz-transition: border-color 0.3s ease-in-out; transition: border-color 0.3s ease-in-out; } .fcb-radio:after { content: ''; position: absolute; top: 0.6875rem; left: 0.375rem; display: block; width: 0.5625rem; height: 0.5625rem; background-color: #0A3C64; border: none; border-radius: 50%; opacity: 0; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .fcb-radio.active:before { border-color: #0A3C64; } .fcb-radio.active:after { opacity: 1; } .ie-10 .fcb-radio:after { left: 0.4375rem; } /* Radio ~ END */ /* Mobile Menu Entry ~ START */ .fcb-mobile-menu-entry { font-family: "expressway_condensed_light"; font-size: 1.125rem; line-height: 1.5rem; color: #6e7882; text-decoration: none; display: block; background-color: #f8f8f9; margin: 0rem; padding-left: 1.875rem; padding-top: 0.9375rem; padding-bottom: 0.9375rem; border-bottom: 0.0625rem solid #c9ccd2; } .fcb-mobile-menu-entry.active { font-family: "expressway_condensed_bold"; color: #0A3C64; } .fcb-mobile-menu-entry:last-child { border-bottom: 0rem; } .fcb-mobile-menu-entry.fcb-checkbox:before { position: absolute; top: 1.0625rem; right: 0.625rem; margin-right: 0.125rem; } .fcb-mobile-menu-entry.fcb-checkbox .icon { left: initial; left: auto; right: 1rem; top: 0.8125rem; } .fcb-mobile-menu-entry.fcb-checkbox .icon svg { max-height: 0.625rem; } .fcb-mobile-menu-entry.fcb-checkbox.active { /* &:after { top: rem(15); right: rem(23); left: initial; } */ } .fcb-mobile-menu-entry.fcb-radio:before { position: absolute; top: 1.0625rem; right: 0.5625rem; margin-right: 0.125rem; } .fcb-mobile-menu-entry.fcb-radio:after { left: initial; left: auto; right: 1.0625rem; top: 1.4375rem; } .fcb-mobile-menu-entry.fcb-radio.active { /* &:before { width: rem(9); height: rem(9); border: rem(6) solid $color-blue-0a3c64; border-radius: 50%; } */ } .fcb-mobile-menu-entry.fcb-radio.active:before { border-color: #0A3C64; background-color: #0A3C64; } .fcb-mobile-menu-entry.fcb-radio.active:after { background-color: #ffffff; left: initial; } .ie-10 .fcb-mobile-menu-entry.fcb-checkbox .icon { top: 0.875rem; } /* Mobile Menu Entry ~ END */ /* Icon ~ START */ .icon { display: inline-block; width: 2.5rem; } .icon.is-ie svg { position: absolute; top: 0; left: 0; } .icon svg { vertical-align: bottom; fill: currentColor; width: 100%; height: 100%; } .icon.is-white path, .icon.is-white polygon, .icon.is-white rect, .icon.is-white circle { fill: #ffffff; } .icon.is-red path, .icon.is-red polygon, .icon.is-red rect, .icon.is-red circle { fill: #6E0A28; } .icon.is-blue path, .icon.is-blue polygon, .icon.is-blue rect, .icon.is-blue circle { fill: #0A5082; } .icon.is-gold path, .icon.is-gold polygon, .icon.is-gold rect, .icon.is-gold circle { fill: #C8AA78; } .icon-wrapper { display: inline-block; position: relative; overflow: hidden; width: 100%; height: 0; } /* Icon ~ END */ /* Appointment ~ START */ .appointment .title { color: #961432; font-family: "expressway_light"; margin-bottom: 0.3125rem; } .appointment .dateContainer { font-family: "expressway_condensed_light"; margin-bottom: 0.125rem; } /* Appointment ~ END */ /* Radio and Checkbox (myFCB) ~ START */ .form-radio-input { display: none; } .form-checkbox-input { display: none; } /* Radio and Checkbox (myFCB) ~ END */ /********************* * Molecules ~ START ********************/ /* https://select2.github.io/ */ .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { position: relative; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; } .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option[role=group] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled=true] { color: #999; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%); background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%); background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%); background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%); background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none; } .select2-container--classic .select2-dropdown { background-color: white; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option[role=group] { padding: 0; } .select2-container--classic .select2-results__option[aria-disabled=true] { color: grey; } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: white; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; } /* breadcumb ~ START */ .fcb-breadcrumb { background-color: #961432; border-top: 1px solid #6E0A28; } .fcb-breadcrumb .fcb-container { margin-top: 0; margin-bottom: 0; } .fcb-breadcrumb ul { margin: 0; overflow: hidden; padding-top: 0.25rem; padding-bottom: 0.3125rem; } .fcb-breadcrumb li { float: left; } .fcb-breadcrumb li .breadcrumb-icon { font-size: 0.875rem; line-height: 0.875rem; font-family: "expressway_condensed_light"; color: #ffffff; text-decoration: none; margin-right: 1.25rem; position: relative; } .fcb-breadcrumb li .breadcrumb-icon:after { content: '>'; position: absolute; right: -0.8125rem; top: 0.125rem; } .fcb-breadcrumb li:last-child .breadcrumb-icon { margin-right: 0; } .fcb-breadcrumb li:last-child .breadcrumb-icon:after { display: none; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .fcb-breadcrumb ul { padding-top: 0.125rem; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-breadcrumb .fcb-container { padding-left: 1.25rem; padding-right: 1.25rem; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-breadcrumb .fcb-container { padding-left: 0.8125rem; padding-right: 0.8125rem; } } /* breadcumb ~ END */ /* achievementSlider ~ START */ .fcb-achievement-slider-wrapper { /********************************** * * BREAKPOINT: MEDIUM * **********************************/ /********************************** * * BREAKPOINT: SMALL * **********************************/ } .fcb-achievement-slider-wrapper .achievement-slide { position: relative; } .fcb-achievement-slider-wrapper .achievement-slide:before, .fcb-achievement-slider-wrapper .achievement-slide:after { content: ''; display: block; width: 0.0625rem; background-color: #c9ccd2; position: absolute; right: -0.90625rem; top: 0rem; bottom: 0rem; } .fcb-achievement-slider-wrapper .achievement-slide:before { left: -0.90625rem; } .fcb-achievement-slider-wrapper .achievement-slide:last-child:after { content: none; } .fcb-achievement-slider-wrapper .achievement-slide .image-wrapper { padding-bottom: 0rem; background-color: #c9ccd2; height: 7.25rem; max-height: 7.25rem; max-width: 7.25rem; margin: 0 auto; } .fcb-achievement-slider-wrapper .achievement-slide .image-wrapper.loaded { padding-bottom: 0rem; background-color: transparent; } .fcb-achievement-slider-wrapper .achievement-slide .image-wrapper > img { margin: 0 auto; } .fcb-achievement-slider-wrapper .achievement-slide .amount , .fcb-achievement-slider-wrapper .achievement-slide .title { display: block; text-align: center; } .fcb-achievement-slider-wrapper .achievement-slide .amount { font-family: "expressway_condensed_light"; font-size: 3.375rem; line-height: 3.75rem; color: #961432; text-transform: uppercase; margin-top: 0.3125rem; margin-bottom: 0.375rem; } .fcb-achievement-slider-wrapper .achievement-slide .title { font-family: "expressway_condensed_bold"; font-size: 1.125rem; line-height: 1.5rem; color: #0A3C64; } @media screen and (max-width: 63.9375rem) { .fcb-achievement-slider-wrapper .achievement-slide:after { right: -0.53125rem; } .fcb-achievement-slider-wrapper .achievement-slide:before { left: -0.53125rem; } .fcb-achievement-slider-wrapper .achievement-slide .amount { font-size: 2.5rem; line-height: 2.875rem; margin-top: 0.5rem; margin-bottom: 0.5rem; } .fcb-achievement-slider-wrapper .achievement-slide .title { font-size: 1.125rem; line-height: 1.5rem; } } @media screen and (max-width: 41.25rem) { .fcb-achievement-slider-wrapper .achievement-slide:after { right: -0.21875rem; } .fcb-achievement-slider-wrapper .achievement-slide:before { left: -0.21875rem; } } /* achievementSlider ~ END */ /* achievement ~ START */ .fcb-achievements { padding-top: 0.625rem; margin-top: 1.875rem; } .fcb-achievements > .fcb-container { margin-bottom: 1rem; } .fcb-achievements > .fcb-container > h1 { margin-bottom: 0.625rem; } .fcb-achievements > .fcb-container > h5 { color: #961432; font-family: "expressway_condensed_light"; font-size: 1rem; line-height: 1.375rem; margin-bottom: 0; padding-bottom: 0; } .fcb-achievements .fcb-achievement-group:nth-child(2n+1) { margin-top: 5rem; } .fcb-achievements .fcb-achievement-group .fcb-achievement-group-header { margin-bottom: 0; } .fcb-achievements .fcb-achievement-group .fcb-achievement-group-header h4 { font-size: 1rem; font-family: "expressway_light"; color: #6e7882; margin-bottom: 0.625rem; } .fcb-achievements .fcb-achievement-group .fcb-achievement-wrapper > .fcb-container { margin-bottom: 0; } .fcb-achievements .fcb-achievement-group .fcb-achievement-wrapper:after { content: ""; border-bottom: 0.0625rem solid #c9ccd2; } .fcb-achievements .fcb-achievement-group .fcb-achievement-wrapper .fcb-achievement-inner { padding-top: 1rem; padding-bottom: 1rem; border-top: 0.0625rem solid #c9ccd2; } .fcb-achievements .fcb-achievement-group .fcb-achievement-wrapper .fcb-achievement-header { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; position: relative; } .fcb-achievements .fcb-achievement-group .fcb-achievement-wrapper .fcb-achievement-header:hover { cursor: pointer; } .fcb-achievements .fcb-achievement-group .fcb-achievement-wrapper .fcb-achievement-header .achievement-image { width: 8.75rem; margin-right: 1.25rem; } .fcb-achievements .fcb-achievement-group .fcb-achievement-wrapper .fcb-achievement-header .achievement-details h4 { color: #961432; font-size: 3.375rem; line-height: 3.75rem; font-family: "expressway_condensed_light"; } .fcb-achievements .fcb-achievement-group .fcb-achievement-wrapper .fcb-achievement-header .achievement-details h5 { color: #0A5082; font-size: 1.125rem; line-height: 1.5rem; } .fcb-achievements .fcb-achievement-group .fcb-achievement-wrapper .fcb-achievement-header > .icon { position: absolute; right: 0.625rem; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; width: 1.625rem; fill: #0A3C64; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .fcb-achievements .fcb-achievement-group .fcb-achievement-wrapper .fcb-achievement-content .teaser-slider-achiviements { overflow: hidden; height: 0; } .fcb-achievements .fcb-achievement-group .fcb-achievement-wrapper .fcb-achievement-content .teaser-slider-achiviements.initialized { height: auto; } .fcb-achievements .fcb-achievement-group .fcb-achievement-wrapper .fcb-achievement-content .teaser-slider-achiviements .fcb-teaser-slider { margin-bottom: 0; } .fcb-achievements .fcb-achievement-group .fcb-achievement-wrapper .fcb-achievement-content .teaser-slider-achiviements .fcb-teaser-slider .teaser-slide { width: 28%; } .fcb-achievements .fcb-achievement-group .fcb-achievement-wrapper .fcb-achievement-content .teaser-slider-achiviements .fcb-teaser-slider .teaser-slide .text-content { padding: 0; } .fcb-achievements .fcb-achievement-group .fcb-achievement-wrapper.open .fcb-achievement-header .icon { -webkit-transform: translateY(-50%) rotateX(180deg); -moz-transform: translateY(-50%) rotateX(180deg); -ms-transform: translateY(-50%) rotateX(180deg); -o-transform: translateY(-50%) rotateX(180deg); transform: translateY(-50%) rotateX(180deg); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-achievements { margin-top: 0.625rem; } .fcb-achievements > .fcb-container > h1 { margin-bottom: 0rem; } .fcb-achievements .fcb-achievement-group:nth-child(2n+1) { margin-top: 3.125rem; } .fcb-achievements .fcb-achievement-group .fcb-achievement-wrapper .fcb-achievement-inner .fcb-achievement-header .achievement-image { width: 4.25rem; } .fcb-achievements .fcb-achievement-group .fcb-achievement-wrapper .fcb-achievement-inner .fcb-achievement-header .achievement-details h4 { font-size: 2.125rem; line-height: 2.5rem; } .fcb-achievements .fcb-achievement-group .fcb-achievement-wrapper .slider-pagination-wrapper { display: none; } .fcb-achievements .fcb-achievement-group .fcb-achievement-wrapper .fcb-achievement-content .teaser-slider-achiviements .swiper-wrapper .teaser-slide { width: 15.25rem; } .fcb-achievements .fcb-achievement-group .fcb-achievement-wrapper .fcb-achievement-content .teaser-slider-achiviements .swiper-wrapper .teaser-slide h5 { padding-left: 1.25rem; padding-right: 1.25rem; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-achievements .fcb-achievement-group .fcb-achievement-wrapper .fcb-achievement-content .teaser-slider-achiviements .swiper-wrapper .teaser-slide h5 { padding-left: 0.8125rem; padding-right: 0.8125rem; } } /* achievement ~ END */ /* team ~ START */ .main-page-wrapper .fcb-container.fcb-team > .fcb-row.team-section, .main-page-wrapper .fcb-container.fcb-team > .fcb-row.team-group-row { margin-bottom: 0rem; } .main-page-wrapper .fcb-container.fcb-team > .fcb-row.team-actions { margin-bottom: 1.125rem; } .fcb-container.fcb-team.layout-container.large-headline h2 { margin-bottom: 0rem; } @media screen and (min-width: 85.4375rem) { .fcb-container.fcb-team.layout-container.large-headline h2 { margin-bottom: 0rem; } } @media screen and (max-width: 63.9375rem) { .main-page-wrapper .fcb-container.fcb-team > .fcb-row.team-actions { margin-top: 0.9375rem; margin-bottom: 0.5625rem; } } @media screen and (max-width: 41.25rem) { .main-page-wrapper .fcb-container.fcb-team > .fcb-row { margin-bottom: 0rem; } .main-page-wrapper .fcb-container.fcb-team > .fcb-row.team-actions { margin-top: 0.9375rem; margin-top: 0.4375rem; } .main-page-wrapper .fcb-container.fcb-team > .fcb-row.team-section { margin-left: -0.8125rem; margin-right: -0.8125rem; } .main-page-wrapper .fcb-container.fcb-team > .fcb-row.team-section > div { padding-left: 0rem; padding-right: 0rem; } .main-page-wrapper .fcb-container.fcb-team > .fcb-row.team-section h2 { padding-left: 0.8125rem; padding-right: 0.8125rem; } .main-page-wrapper .fcb-container.fcb-team > .fcb-row.team-section-staff .fcb-row { margin-left: 0rem; margin-right: 0rem; } .main-content-wrapper > .fcb-container .fcb-row > .team-member-wrapper { padding-left: 0rem; padding-right: 0rem; } .main-content-wrapper > .fcb-container .fcb-row > .team-member-wrapper .member-slider { padding-left: 0rem; padding-right: 0rem; } } /****************************** * TEAM NAVIGATION ******************************/ .fcb-container.fcb-content-navigation.fcb-team-navigation { margin-bottom: 1.25rem; } @media screen and (max-width: 63.9375rem) { .fcb-container.fcb-content-navigation.fcb-team-navigation { margin-bottom: 0.9375rem; } } /****************************** * TEAM PARTS ******************************/ .fcb-team { /****************************** * TEAM MEMBER [SIMPLE] ******************************/ } .fcb-team .team-member.type-simple { width: 25%; float: left; padding-left: 0.875rem; padding-right: 0.875rem; margin-bottom: 1.25rem; position: relative; } .fcb-team .team-member.type-simple:after { content: ''; display: block; background-color: #c9ccd2; width: 6rem; height: 0.125rem; margin: 0 auto; } .fcb-team .team-member.type-simple > span { display: block; text-align: center; } .fcb-team .team-member.type-simple .name , .fcb-team .team-member.type-simple .number { font-family: "expressway_condensed_bold"; font-size: 1.375rem; line-height: 1.75rem; color: #0A3C64; } .fcb-team .team-member.type-simple .name { margin-top: 1.0625rem; } .fcb-team .team-member.type-simple .info { font-family: "expressway_bold"; color: #6e7882; font-size: 0.75rem; line-height: 1.125rem; margin-top: 0.3125rem; margin-bottom: 0.375rem; } .fcb-team .team-member.type-simple .number { border: 0.125rem solid #6e7882; border-radius: 50%; width: 2.875rem; height: 2.875rem; padding-top: 0.375rem; margin: 0 auto; } .fcb-team .team-member.type-simple .number.icon { padding-top: 0rem; } .fcb-team .team-member.type-simple .number.icon svg { width: 1.625rem; } .fcb-team .team-member.type-simple { /****************************** * BREAKPOINT: MEDIUM ******************************/ /****************************** * BREAKPOINT: SMALL ******************************/ } @media screen and (max-width: 63.9375rem) { .fcb-team .team-member.type-simple { margin-bottom: 0.9375rem; } .fcb-team .team-member.type-simple .name, .fcb-team .team-member.type-simple .number { font-size: 1.125rem; line-height: 1.5rem; } .fcb-team .team-member.type-simple .name { margin-top: 0.5rem; } .fcb-team .team-member.type-simple .info { font-family: "expressway_bold"; font-size: 0.75rem; line-height: 1.125rem; color: #6e7882; margin-top: 0rem; margin-bottom: 0.6875rem; } .fcb-team .team-member.type-simple .number { width: 2.375rem; height: 2.375rem; padding-top: 0.25rem; } .fcb-team .team-member.type-simple .number.icon svg { width: 1.375rem; } } @media screen and (max-width: 41.25rem) { .fcb-team .team-member.type-simple { width: 9rem; margin-top: 0.5rem; margin-bottom: 1.1875rem; } } @media screen and (max-width: 63.9375rem) { .fcb-team .team-section.type-trainer .team-member-wrapper { margin-top: -0.3125rem; } } @media screen and (max-width: 41.25rem) { .fcb-team .team-section.type-trainer .team-member.type-simple { margin-top: 0.0625rem; } .fcb-team .team-section.type-trainer .team-member-wrapper { margin-top: -0.0625rem; } } .fcb-team { /****************************** * TEAM MEMBER [DETAIL] ******************************/ } .fcb-team .team-member.type-detail { width: 25%; float: left; padding-left: 0.875rem; padding-right: 0.875rem; margin-bottom: 1.25rem; position: relative; } .fcb-team .team-member.type-detail:after { content: ''; display: block; background-color: #c9ccd2; width: 6rem; height: 0.125rem; margin: 0 auto; } .fcb-team .team-member.type-detail .image-wrapper { position: relative; padding-bottom: 133.33333%; overflow: hidden; background-color: #e5e6e7; -webkit-transition: background 0.4s; -moz-transition: background 0.4s; transition: background 0.4s; } .fcb-team .team-member.type-detail .image-wrapper img { position: absolute; bottom: -78%; -webkit-transform-origin: 25% 3%; -moz-transform-origin: 25% 3%; -ms-transform-origin: 25% 3%; -o-transform-origin: 25% 3%; transform-origin: 25% 3%; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } .fcb-team .team-member.type-detail .name , .fcb-team .team-member.type-detail .info { display: block; text-align: center; } .fcb-team .team-member.type-detail .name { font-family: "expressway_condensed_bold"; color: #0A3C64; font-size: 1.375rem; line-height: 1.75rem; margin-top: 0.4375rem; } .fcb-team .team-member.type-detail .info { font-family: "expressway_bold"; color: #6e7882; font-size: 0.75rem; line-height: 1.125rem; margin-bottom: 0.6875rem; } .fcb-team .team-member.type-detail .number { display: block; border-radius: 50%; border: 0.125rem solid #6e7882; width: 2.875rem; height: 2.875rem; background-color: #ffffff; font-family: "expressway_condensed_bold"; color: #0A3C64; font-size: 1.375rem; line-height: 1.75rem; text-align: center; padding-top: 0.375rem; position: absolute; z-index: 1; top: 0.625rem; left: 1.5625rem; } .fcb-team.enable-hover .team-member.type-detail:hover:after { background-color: #961432; } .fcb-team.enable-hover .team-member.type-detail:hover .name { color: #961432; } .fcb-team.enable-hover .team-member.type-detail:hover .number { color: #961432; border-color: #961432; } .fcb-team.enable-hover .team-member.type-detail:hover .image-wrapper { background-color: transparent; } .fcb-team.enable-hover .team-member.type-detail:hover .image-wrapper img { transform: scale(1.5); } .fcb-team .team-member.type-detail { /****************************** * BREAKPOINT: MEDIUM ******************************/ /****************************** * BREAKPOINT: SMALL ******************************/ } @media screen and (max-width: 63.9375rem) { .fcb-team .team-member.type-detail { padding-left: 0.5rem; padding-right: 0.5rem; margin-bottom: 1.1875rem; } .fcb-team .team-member.type-detail .number { width: 2.375rem; height: 2.375rem; font-size: 1.125rem; line-height: 1.5rem; padding-top: 0.25rem; top: 0.625rem; left: 1.125rem; } .fcb-team .team-member.type-detail .name { font-size: 1.125rem; line-height: 1.5rem; } .fcb-team .team-member.type-detail .info { font-size: 0.75rem; line-height: 1.125rem; } } @media screen and (max-width: 41.25rem) { .fcb-team .team-member.type-detail { width: 9rem; box-sizing: content-box; padding-left: 0.1875rem; padding-right: 0.1875rem; margin-bottom: 0.9375rem; } .fcb-team .team-member.type-detail .number { left: 0.75rem; } } .fcb-team { /****************************** * TEAM STAFF LIST ******************************/ /****************************** * BREAKPOINT: MEDIUM ******************************/ /****************************** * BREAKPOINT: SMALL ******************************/ } .fcb-team .team-staff-list { padding-top: 0.3125rem; margin-top: -0.3125rem; margin-bottom: 1.9375rem; } .fcb-team .team-staff-list .team-staff-list-content { background-color: #f8f8f9; } .fcb-team .team-staff-list .container-sorted { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; padding-top: 0.3125rem; padding-bottom: 0.3125rem; } .fcb-team .team-staff-list .container-sorted .column { width: 25%; padding-left: 0.625rem; padding-right: 0.625rem; } .fcb-team .team-staff-list .container-sorted .column .team-staff-group:last-child:after { content: none; } .fcb-team .team-staff-list .container-unsorted .team-staff-group:last-child:after { content: none; } .fcb-team .team-staff-list .team-staff-group { text-align: center; margin-top: 1.0625rem; } .fcb-team .team-staff-list .team-staff-group .team-staff-group-content { padding-bottom: 1.3125rem; } .fcb-team .team-staff-list .team-staff-group .title { display: block; color: #0A3C64; text-transform: uppercase; font-family: "expressway_condensed_bold"; font-size: 1.375rem; line-height: 1.75rem; margin-bottom: 0.9375rem; } .fcb-team .team-staff-list .team-staff-group:after { content: ''; display: block; background-color: #c9ccd2; width: 6rem; height: 0.125rem; margin: 0 auto; } .fcb-team .team-staff-list .team-staff { text-align: center; } .fcb-team .team-staff-list .team-staff .name , .fcb-team .team-staff-list .team-staff .position { display: block; font-family: "expressway_light"; } .fcb-team .team-staff-list .team-staff .name { font-size: 1rem; line-height: 1.375rem; } .fcb-team .team-staff-list .team-staff .position { font-size: 0.75rem; line-height: 1.125rem; } @media screen and (max-width: 63.9375rem) { .fcb-team .team-staff-list .container-sorted { padding-top: 0.625rem; padding-bottom: 0.5rem; } .fcb-team .team-staff-list .container-sorted .column { width: 33.33333%; } .fcb-team .team-staff-list .team-staff .name { font-size: 0.875rem; line-height: 1.25rem; } .fcb-team .team-staff-list .team-staff-group { margin-top: 0.6875rem; } .fcb-team .team-staff-list .team-staff-group .title { font-size: 1.125rem; line-height: 1.75rem; margin-bottom: 0.5625rem; } .fcb-team .team-staff-list .team-staff-group .team-staff-group-content { padding-bottom: 1.0625rem; } } @media screen and (max-width: 41.25rem) { .fcb-team .team-staff-list .container-unsorted { padding-top: 0.625rem; padding-bottom: 0.5rem; } .fcb-team .team-staff-list .team-staff-group { padding-right: 0; } .fcb-team .team-staff-list .container-sorted { display: none; } } /****************************** * OVERLAY ******************************/ .overlay-player-selection .player-list { margin: 0; } .overlay-player-selection .player a { text-decoration: none; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .overlay-player-selection .player a:active .name, .overlay-player-selection .player a:active .number { color: #961432; } .overlay-player-selection .player .name { font-family: "expressway_condensed_light"; } .overlay-player-selection .player .number { font-family: "expressway_condensed_bold"; width: 2.5rem; } .overlay-player-selection span.icon svg { fill: #6e7882; } .fcb-team { /****************************** * DYNAMIC LABELS ******************************/ /****************************** * TOOLTIP ******************************/ /****************************** * ACTIONS ******************************/ /****************************** * HEADLINES ******************************/ /****************************** * ACTIONS ******************************/ /****************************** * TEAM GROUP IMAGE DESCRIPTION ******************************/ /****************************** * TEAM SECTION ******************************/ /****************************** * BREAKPOINT: SMALL (-> UP) ******************************/ /****************************** * BREAKPOINT: XLARGE ******************************/ /****************************** * BREAKPOINT: MEDIUM ******************************/ /****************************** * BREAKPOINT: SMALL ******************************/ } .fcb-team .dynamic-label.type-birth { opacity: 0; height: 1.125rem; } .fcb-team .dynamic-label.type-birth.is-rendered { opacity: 1; height: auto; } .fcb-team .tooltip-content-original { display: none; } .fcb-team .button-filter.has-arrow { margin-top: 0.25rem; } .fcb-team .button-filter.mobile-overlay-filters { margin-right: 0; } .fcb-team .team-group-row { padding-bottom: 1.25rem; } .fcb-team h2 { margin-top: 1.1875rem; padding-bottom: 1.75rem; } .fcb-team .team-actions { margin-top: 0.625rem; } .fcb-team .team-actions:after { content: ''; clear: both; display: block; visibility: hidden; height: 0rem; } .fcb-team .team-actions .actions-right { text-align: right; } .fcb-team .fcb-tab-accordion-wrapper .item-titles { overflow: hidden; margin-bottom: 0; } .fcb-team .fcb-tab-accordion-wrapper .item-content-wrapper { display: none; } .fcb-team .fcb-tab-accordion-wrapper.type-tab.variant-mobile.variant-select .item-content-wrapper { display: none; } .fcb-team .group-image-description { background-color: #f8f8f9; padding: 1rem 0.9375rem; } .fcb-team .group-image-description .title { font-family: "expressway_bold"; font-size: 0.875rem; line-height: 1.25rem; display: block; padding-bottom: 0.0625rem; } .fcb-team .group-image-description .names { font-family: "expressway_light"; font-size: 0.75rem; line-height: 1.125rem; } .fcb-team .group-image-description .names span { display: inline-block; } .fcb-team .team-section { overflow: hidden; } .fcb-team .team-section.hidden { opacity: 0; } @media screen and (min-width: 41.3125rem) { .fcb-team .swiper-container { overflow: visible; } .fcb-team .swiper-container .swiper-wrapper { display: block; height: auto; } } @media screen and (min-width: 85.4375rem) { .fcb-team h2 { color: blue; margin-top: 1.8125rem; padding-bottom: 2.25rem; } } @media screen and (max-width: 63.9375rem) { .fcb-team .group-image-description { background-color: #f8f8f9; padding: 1rem 0.625rem; } .fcb-team .button-filter.mobile-overlay-filters { margin-top: 0.0625rem; } .fcb-team .team-group-row { padding-bottom: 0.875rem; } .fcb-team h2 { margin-top: 0.625rem; margin-top: 0.9375rem; padding-top: 0.3125rem; padding-bottom: 1.625rem; } .fcb-team .team-actions { margin-top: 0.625rem; padding-bottom: 0.5rem; } } @media screen and (max-width: 41.25rem) { .fcb-team .button-filter.mobile-overlay-filters { margin-top: 0.875rem; margin-right: 0.5rem; } .fcb-team h2 { padding-bottom: 1.1875rem; } } /****************************** * * TOOLTIP: TEAM * ******************************/ .fcb-tooltip-wrapper.fcb-tooltip-player-selection { width: 100vw; max-width: 82.25rem; margin: 0; margin-top: 0.9375rem; z-index: 30; /****************************** * BREAKPOINT: LARGE ******************************/ } .fcb-tooltip-wrapper.fcb-tooltip-player-selection .tooltip-content { border: 0; border-radius: 0rem; box-shadow: 0rem 0.125rem 0.25rem 0rem rgba(0, 0, 0, 0.5); padding: 1.25rem 1.625rem; padding-bottom: 1.875rem; } .fcb-tooltip-wrapper.fcb-tooltip-player-selection .tooltip-content-arrow { display: none; } @media screen and (max-width: 85.375rem) { .fcb-tooltip-wrapper.fcb-tooltip-player-selection { left: 1.5625rem; width: auto; } } /* team ~ END */ /* playerSelection ~ START */ .fcb-player-selection .headline { display: block; font-family: "expressway_condensed_bold"; color: #0A3C64; } .fcb-player-selection .headline.main { font-size: 1.75rem; line-height: 2.125rem; } .fcb-player-selection .headline.category { font-size: 1.125rem; line-height: 1.5rem; margin-top: 1.1875rem; margin-bottom: 0.875rem; } .fcb-player-selection .headline.category:first-of-type { margin-top: -0.375rem; } .fcb-player-selection .player-list .player a { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; text-decoration: none; margin-bottom: 0.5625rem; border: none; padding-bottom: 0rem; } .fcb-player-selection .player-list .player .number , .fcb-player-selection .player-list .player .name { color: #6e7882; } .fcb-player-selection .player-list .player .number { font-family: "expressway_bold"; font-size: 1rem; line-height: 1.375rem; width: 1.75rem; } .fcb-player-selection .player-list .player .name { font-family: "expressway_condensed_light"; font-size: 1rem; line-height: 1.375rem; } .fcb-player-selection .player-list .player a:hover .number , .fcb-player-selection .player-list .player a:hover .name { color: #961432; } .fcb-player-selection .column-wrapper { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; margin-top: 1.5625rem; } .fcb-player-selection .column { -webkit-box-flex: 1; -webkit-flex: 1 auto; -moz-box-flex: 1; -moz-flex: 1 auto; -ms-flex: 1 auto; flex: 1 auto; padding-left: 1.75rem; padding-right: 0.625rem; border-right: 0.0625rem solid #c9ccd2; } .fcb-player-selection .column:first-child { padding-left: 0; } .fcb-player-selection .column:last-child { border: 0; padding-right: 0; } .fcb-tooltip-player-selection { width: 100%; } .fcb-tooltip-player-selection .tooltip-content { background-color: #e5e6e7; } /* playerSelection ~ END */ /* text ~ START */ .page-headline-wrapper .meta-information { display: block; } .page-headline-wrapper h1 { font-size: 1.75rem; line-height: 2.125rem; font-family: "expressway_bold"; color: #0A3C64; } .page-headline-wrapper .subline { margin-bottom: 0.0625rem; color: #961432; } .page-headline-wrapper .subline, .page-headline-wrapper .subline a { font-size: 1rem; line-height: 1.375rem; color: #961432; font-family: "expressway_condensed_light"; text-transform: uppercase; text-decoration: none; } .page-headline-wrapper.no-space-bottom { padding-bottom: 0rem; } @media only screen and (min-width: 85.375rem) { .page-headline-wrapper { padding-top: 3.6875rem; padding-bottom: 1.25rem; padding-left: 0rem; padding-right: 2.3125rem; } .page-headline-wrapper h1 { font-size: 3.375rem; line-height: 3.75rem; } } @media screen and (min-width: 85.375rem) { .fcb-page-headline .page-headline-wrapper { margin-bottom: 0.125rem; padding-bottom: 1.875rem; } } @media screen and (max-width: 85.375rem) { .fcb-page-headline .page-headline-wrapper { padding-top: 2.6875rem; padding-right: 0rem; padding-bottom: 1.3125rem; } } @media screen and (max-width: 63.9375rem) { .fcb-page-headline .page-headline-wrapper { padding-top: 1.6875rem; padding-bottom: 1.5625rem; } .fcb-page-headline .page-headline-wrapper h1 { font-size: 1.5rem; line-height: 1.875rem; } } @media screen and (max-width: 41.25rem) { .fcb-page-headline .page-headline-wrapper { padding-bottom: 1.625rem; } .fcb-page-headline .page-headline-wrapper .subline { margin-bottom: 0rem; } } .fcb-page-headline .page-headline-wrapper.no-space-bottom { margin-bottom: 0rem; padding-bottom: 0rem; } .main-page-wrapper .fcb-container.fcb-page-headline { margin-bottom: 0rem; } .main-page-wrapper .fcb-container.fcb-page-headline > .fcb-row { margin-bottom: 0rem; } /* text ~ END */ /* textTeaser ~ START */ @-webkit-keyframes RotateRight { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes RotateRight { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes RotateRight { from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(360deg); } } @-webkit-keyframes RotateLeft { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(-360deg); } } @-moz-keyframes RotateLeft { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(-360deg); } } @-ms-keyframes RotateLeft { from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(-360deg); } } @-webkit-keyframes PulseLivestream { 0% { background-color: rgba(255, 255, 255, 0.2); } 60% { background-color: #961432; } 100% { background-color: rgba(255, 255, 255, 0.2); } } @-moz-keyframes PulseLivestream { 0% { background-color: rgba(255, 255, 255, 0.2); } 60% { background-color: #961432; } 100% { background-color: rgba(255, 255, 255, 0.2); } } @-ms-keyframes PulseLivestream { 0% { background-color: rgba(255, 255, 255, 0.2); } 60% { background-color: #961432; } 100% { background-color: rgba(255, 255, 255, 0.2); } } .teaser-icon { display: block; position: absolute; background-color: #ffffff; border-radius: 50%; bottom: 1.25rem; right: 1.25rem; width: 3.4375rem; height: 3.4375rem; box-shadow: 0.0625rem 0.1875rem 0.625rem rgba(0, 0, 0, 0.3); -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transition-property: background, border; -moz-transition-property: background, border; transition-property: background, border; -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; transition-duration: 0.25s; background-color: rgba(255, 255, 255, 0.2); border: 0.25rem solid #ffffff; bottom: 0.625rem; right: 0.9375rem; } .teaser-icon .icon path { -webkit-transition: fill 0.5s ease-out; -moz-transition: fill 0.5s ease-out; transition: fill 0.5s ease-out; fill: #ffffff; } .teaser-icon.type-video .icon { width: 1.25rem; margin-top: 0rem; margin-left: 0.3125rem; } .teaser-icon.type-video .icon path { fill: #ffffff; } .teaser-icon.type-gallery .icon { width: 1.6875rem; margin-top: 0.125rem; } .teaser-icon.type-webradio .icon { width: 1.5625rem; } .teaser-icon.type-live { border: none; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; transition-timing-function: linear; -webkit-animation: PulseLivestream 3.5s infinite; -moz-animation: PulseLivestream 3.5s infinite; animation: PulseLivestream 3.5s infinite; } .teaser-icon.type-live .icon { width: 1.6875rem; margin-top: 0.125rem; } .ie-10 .teaser-icon.type-video .icon { margin-top: 0.125rem; } .teaser-icon:before { display: block; color: #ffffff; -webkit-transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out; transition: color 0.3s ease-out; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .teaser-icon .icon path { fill: #ffffff; } .teaser-icon.type-video:before { font-size: 1.375rem; color: #ffffff; margin-left: 0.0625rem; } .teaser-icon.type-gallery:before { font-size: 1.25rem; } .teaser-icon.type-webradio:before { font-size: 1.5rem; } .teaser-icon.type-live:before { font-size: 1.625rem; } .teaser-icon.variant-small { height: 2.5rem; width: 2.5rem; box-shadow: 0.0625rem 0.125rem 0.375rem rgba(0, 0, 0, 0.3); border-width: 0.1875rem; right: 0.625rem; bottom: 0.625rem; } .teaser-icon.variant-small.type-video .icon { width: 0.8125rem; margin-top: -0.0625rem; margin-left: 0.1875rem; } .teaser-icon.variant-small.type-gallery .icon { width: 1.125rem; margin-top: 0; } .teaser-icon.variant-small.type-webradio .icon { width: 1.3125rem; } .teaser-icon.variant-small.type-live .icon { width: 1.4375rem; } .ie-10 .teaser-icon.variant-small.type-video .icon { margin-top: 0.125rem; } .teaser-icon.variant-large { width: 7.8125rem; height: 7.8125rem; box-shadow: 0.0625rem 0.1875rem 0.625rem rgba(0, 0, 0, 0.3); right: 1.5625rem; bottom: 1.5625rem; } .teaser-icon.variant-large.type-video .icon { width: 2.75rem; margin-top: 0.0625rem; margin-left: 0.75rem; } .teaser-icon.variant-large.type-gallery .icon { width: 3.75rem; margin-top: 0.3125rem; } .teaser-icon.variant-large.type-webradio .icon { width: 3.875rem; } .teaser-icon.variant-large.type-live .icon { width: 3.75rem; margin-top: 0; } /********************************* * * TEASER BADGE * *********************************/ .icon-fcbtv-tv-plus #BOX { fill: transparent; } .teaser-badges { position: absolute; height: auto; left: 0.625rem; bottom: 0.625rem; z-index: 2; } .teaser-badges .icon { height: 1.75rem; } .ie-10 .teaser-badges, .ie-11 .teaser-badges { height: auto; max-height: 1.75rem; overflow: hidden; } .ie-10 .teaser-badges .icon, .ie-11 .teaser-badges .icon { width: 4.5rem; } .ie-10 .teaser-badges .icon svg, .ie-11 .teaser-badges .icon svg { width: 100%; height: auto; } .ie-13 .teaser-badges .icon { max-width: 4.5rem; } .teaser-badges .icon { width: auto; display: inline-block; } .teaser-badges .icon svg { width: auto; } .icon-fcbtv-tv-plus { background-image: -webkit-linear-gradient( top , #ecd996, #8e7e3e); background-image: linear-gradient(to bottom, #ecd996, #8e7e3e); } /********************************* * * TEASER ICON * *********************************/ .teaser-type { position: absolute; right: 1.25rem; bottom: 1.25rem; z-index: 4; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; background-color: #ffffff; border-radius: 50%; bottom: 1.25rem; right: 1.25rem; width: 3.4375rem; height: 3.4375rem; box-shadow: 0.0625rem 0.1875rem 0.625rem rgba(0, 0, 0, 0.3); -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transition-property: background, border; -moz-transition-property: background, border; transition-property: background, border; -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; transition-duration: 0.25s; background-color: rgba(255, 255, 255, 0.2); border: 0.25rem solid #ffffff; } .teaser-type .icon path { -webkit-transition: fill 0.5s ease-out; -moz-transition: fill 0.5s ease-out; transition: fill 0.5s ease-out; fill: #ffffff; } .teaser-type.type-video .icon { width: 1.25rem; margin-top: 0rem; margin-left: 0.3125rem; } .teaser-type.type-video .icon path { fill: #ffffff; } .teaser-type.type-gallery .icon { width: 1.6875rem; margin-top: 0.125rem; } .teaser-type.type-webradio .icon { width: 1.5625rem; } .teaser-type.type-live { border: none; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; transition-timing-function: linear; -webkit-animation: PulseLivestream 3.5s infinite; -moz-animation: PulseLivestream 3.5s infinite; animation: PulseLivestream 3.5s infinite; } .teaser-type.type-live .icon { width: 1.6875rem; margin-top: 0.125rem; } .ie-10 .teaser-type.type-video .icon { margin-top: 0.125rem; } /********************************* * * TEASER IMAGE WRAPPER * *********************************/ .teaser-image-wrapper { position: relative; display: block; /* &:after { @include transition(opacity .275s ease-in); content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; @include hoverImageColor(); opacity: 0; } //### HOVER STATE OF TEASER ### a:hover & { &:after { opacity: 1; } } */ /* &.hover-self { &:hover { &:after { opacity: 1; } } } */ } a:hover .ie-10 .teaser-image-wrapper img, a:hover .ie-11 .teaser-image-wrapper img { opacity: 0.9; } .teaser-image-wrapper .teaser-label { z-index: 2; position: absolute; top: 0.625rem; left: 0rem; } /********************************* * * HOVER STATE OF TEASER * *********************************/ .no-touchevents a:hover .teaser-image-wrapper img { -webkit-filter: brightness(110%) contrast(110%); filter: brightness(110%) contrast(110%); } .no-touchevents a:hover .teaser-image-wrapper .teaser-type:not(.type-live) { background-color: #961432; background-color: rgba(150, 20, 50, 0.8); border: 0rem solid #961432; border: 0rem solid rgba(150, 20, 50, 0.8) !important; } .no-touchevents a:hover .teaser-image-wrapper .teaser-type .icon path { fill: #ffffff; } /* .touchevents { a:hover { .teaser-image-wrapper { &:after { opacity: 0; } } } } */ .ie-10 a:hover .teaser-image-wrapper img, .ie-11 a:hover .teaser-image-wrapper img { opacity: 0.9; } /* Version 1 */ .text-teaser { display: block; text-decoration: none; /* ------------- V1 ~ START ------------- */ /* ------------- V1 ~ END ------------- */ /* ------------- GENERAL ~ START ------------- */ /* ------------- GENERAL ~ END ------------- */ /* ------------- V2 ~ START ------------- */ /* ------------- V2 ~ END ------------- */ /* ------------- V3 ~ START ------------- */ /* ------------- V3 ~ END ------------- */ } .text-teaser .image-wrapper { padding-bottom: 56.22255%; } .text-teaser .image-wrapper img { max-width: none; width: 100%; } .text-teaser .image-wrapper.loaded { padding-bottom: 0; background: none; } .text-teaser h6.subline { color: #961432; text-transform: uppercase; margin-bottom: 0.25rem; } .text-teaser h5 { color: #0A3C64; } .text-teaser p { color: #6e7882; margin-bottom: 0; } .text-teaser .text-content > span.text-label { font-family: "expressway_condensed_light"; } .text-teaser.v1 .teaser-type, .text-teaser.v2 .teaser-type { bottom: 0.625rem; right: 0.9375rem; } .fcb-gr-8 .text-teaser.v1, .fcb-gr-8 .text-teaser.v2, .text-teaser.v1 { position: relative; padding-bottom: 56.22255%; } .fcb-gr-8 .text-teaser.v1 .image-wrapper, .fcb-gr-8 .text-teaser.v2 .image-wrapper, .text-teaser.v1 .image-wrapper { width: 100%; } .fcb-gr-8 .text-teaser.v1 .image-wrapper.loaded, .fcb-gr-8 .text-teaser.v2 .image-wrapper.loaded, .text-teaser.v1 .image-wrapper.loaded { padding-bottom: 0; } .fcb-gr-8 .text-teaser.v1 .teaser-image-wrapper, .fcb-gr-8 .text-teaser.v2 .teaser-image-wrapper, .text-teaser.v1 .teaser-image-wrapper { width: 100%; position: absolute; } .fcb-gr-8 .text-teaser.v1 .text-content, .fcb-gr-8 .text-teaser.v2 .text-content, .text-teaser.v1 .text-content { position: absolute; bottom: 1.875rem; left: 1.875rem; max-width: 29.75rem; padding: 0.9375rem 1.1875rem 0.9375rem 1.1875rem; background: #ffffff; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); } .fcb-gr-8 .text-teaser.v1 .text-content p, .fcb-gr-8 .text-teaser.v2 .text-content p, .text-teaser.v1 .text-content p { margin-bottom: 0; } @media screen and (min-width: 85.375rem) { .fcb-gr-8 .text-teaser.v1 .text-content, .fcb-gr-8 .text-teaser.v2 .text-content, .text-teaser.v1 .text-content { padding-top: 0.625rem; } } .fcb-gr-12 .text-teaser.v1 .teaser-type { width: 7.8125rem; height: 7.8125rem; box-shadow: 0.0625rem 0.1875rem 0.625rem rgba(0, 0, 0, 0.3); right: 1.5625rem; bottom: 1.5625rem; bottom: 1.875rem; right: 1.875rem; } .fcb-gr-12 .text-teaser.v1 .teaser-type.type-video .icon { width: 2.75rem; margin-top: 0.0625rem; margin-left: 0.75rem; } .fcb-gr-12 .text-teaser.v1 .teaser-type.type-gallery .icon { width: 3.75rem; margin-top: 0.3125rem; } .fcb-gr-12 .text-teaser.v1 .teaser-type.type-webradio .icon { width: 3.875rem; } .fcb-gr-12 .text-teaser.v1 .teaser-type.type-live .icon { width: 3.75rem; margin-top: 0; } .fcb-gr-12 .text-teaser.v1 .teaser-badges { left: 1.25rem; top: -3.5625rem; left: 0rem; bottom: initial; } .fcb-gr-12 .text-teaser.v1 .teaser-badges .icon { height: 2.625rem; } .ie-10 .fcb-gr-12 .text-teaser.v1 .teaser-badges, .ie-11 .fcb-gr-12 .text-teaser.v1 .teaser-badges { max-height: 2.625rem; } .ie-10 .fcb-gr-12 .text-teaser.v1 .teaser-badges .icon, .ie-11 .fcb-gr-12 .text-teaser.v1 .teaser-badges .icon { width: 6.75rem; } .ie-13 .fcb-gr-12 .text-teaser.v1 .teaser-badges .icon { max-width: 6.75rem; } .fcb-gr-8 .text-teaser.v1 .text-content, .fcb-gr-8 .text-teaser.v2 .text-content { bottom: 1.25rem; left: 1.25rem; } .fcb-gr-8 .text-teaser.v1 .teaser-type, .fcb-gr-8 .text-teaser.v2 .teaser-type { width: 6.25rem; height: 6.25rem; box-shadow: 0.0625rem 0.1875rem 0.625rem rgba(0, 0, 0, 0.3); bottom: 1.25rem; right: 1.25rem; } .fcb-gr-8 .text-teaser.v1 .teaser-type.type-video .icon, .fcb-gr-8 .text-teaser.v2 .teaser-type.type-video .icon { width: 2.1875rem; margin-top: 0rem; margin-left: 0.6875rem; } .fcb-gr-8 .text-teaser.v1 .teaser-type.type-gallery .icon, .fcb-gr-8 .text-teaser.v2 .teaser-type.type-gallery .icon { width: 3.125rem; margin-top: 0.125rem; } .fcb-gr-8 .text-teaser.v1 .teaser-type.type-webradio .icon, .fcb-gr-8 .text-teaser.v2 .teaser-type.type-webradio .icon { width: 3.125rem; } .fcb-gr-8 .text-teaser.v1 .teaser-type.type-live .icon, .fcb-gr-8 .text-teaser.v2 .teaser-type.type-live .icon { width: 3.125rem; margin-top: 0.125rem; } .fcb-gr-12\@medium .text-teaser.v1 .text-content { padding: 0; } .fcb-gr-4 .text-teaser.v1 .image-wrapper { display: block; width: 100%; padding-bottom: 56.22255%; } .fcb-gr-4 .text-teaser.v1 .image-wrapper.loaded { padding-bottom: 0; } .fcb-gr-4 .text-teaser.v1 .text-content { width: 100%; } .fcb-gr-4 .text-teaser.v1 .teaser-image-wrapper, .fcb-gr-6 .text-teaser.v1 .teaser-image-wrapper { position: relative; } .fcb-gr-8 .text-teaser, .fcb-gr-6 .text-teaser, .fcb-gr-4 .text-teaser { padding-bottom: 0; overflow: hidden; } .fcb-gr-8 .text-teaser .image-wrapper, .fcb-gr-8 .text-teaser .text-content, .fcb-gr-6 .text-teaser .image-wrapper, .fcb-gr-6 .text-teaser .text-content, .fcb-gr-4 .text-teaser .image-wrapper, .fcb-gr-4 .text-teaser .text-content { max-width: none; width: 100%; position: static; display: inline-block; box-shadow: none; } .fcb-gr-8 .text-teaser .image-wrapper, .fcb-gr-6 .text-teaser .image-wrapper, .fcb-gr-4 .text-teaser .image-wrapper { display: block; padding-bottom: 56.22255%; } .fcb-gr-8 .text-teaser .image-wrapper.loaded, .fcb-gr-6 .text-teaser .image-wrapper.loaded, .fcb-gr-4 .text-teaser .image-wrapper.loaded { padding-bottom: 0; } .fcb-gr-8 .text-teaser .text-content, .fcb-gr-6 .text-teaser .text-content, .fcb-gr-4 .text-teaser .text-content { margin-top: 0.5625rem; margin-bottom: 0.4375rem; padding: 0; } .fcb-gr-8 .text-teaser .text-content, .fcb-gr-8 .text-teaser .image-wrapper { width: 50%; } .fcb-gr-8 .text-teaser .text-content { margin-top: 0.5625rem; margin-bottom: 0.4375rem; } .fcb-gr-4 .text-teaser.v2 .text-content, .fcb-gr-6 .text-teaser.v2 .text-content, .fcb-gr-12 .text-teaser.v2 .text-content { position: relative; top: 0rem; left: 0rem; } .fcb-gr-12 .text-teaser.v2 .text-content { margin-top: 0.8125rem; } .fcb-gr-12 .text-teaser.v2 .teaser-type { width: 7.8125rem; height: 7.8125rem; box-shadow: 0.0625rem 0.1875rem 0.625rem rgba(0, 0, 0, 0.3); right: 1.5625rem; bottom: 1.5625rem; } .fcb-gr-12 .text-teaser.v2 .teaser-type.type-video .icon { width: 2.75rem; margin-top: 0.0625rem; margin-left: 0.75rem; } .fcb-gr-12 .text-teaser.v2 .teaser-type.type-gallery .icon { width: 3.75rem; margin-top: 0.3125rem; } .fcb-gr-12 .text-teaser.v2 .teaser-type.type-webradio .icon { width: 3.875rem; } .fcb-gr-12 .text-teaser.v2 .teaser-type.type-live .icon { width: 3.75rem; margin-top: 0; } .fcb-gr-12 .text-teaser.v2 .teaser-badges { left: 1.25rem; top: -4.6875rem; left: 1.25rem; } .fcb-gr-12 .text-teaser.v2 .teaser-badges .icon { height: 2.625rem; } .ie-10 .fcb-gr-12 .text-teaser.v2 .teaser-badges, .ie-11 .fcb-gr-12 .text-teaser.v2 .teaser-badges { max-height: 2.625rem; } .ie-10 .fcb-gr-12 .text-teaser.v2 .teaser-badges .icon, .ie-11 .fcb-gr-12 .text-teaser.v2 .teaser-badges .icon { width: 6.75rem; } .ie-13 .fcb-gr-12 .text-teaser.v2 .teaser-badges .icon { max-width: 6.75rem; } .fcb-gr-4 .text-teaser.v2 .teaser-badges, .fcb-gr-6 .text-teaser.v2 .teaser-badges { left: 0.625rem; top: -2.9375rem; bottom: initial; } .text-teaser.v3 .teaser-image-wrapper, .text-teaser.v3 .text-content { display: block; float: left; } .text-teaser.v3 .teaser-image-wrapper { width: 66.66667%; } .text-teaser.v3 .text-content { padding-left: 1.75rem; width: 33.33333%; } .text-teaser.v3 .teaser-type { bottom: 0.625rem; right: 0.9375rem; } .fcb-gr-12 .text-teaser.v3 .teaser-type { width: 6.25rem; height: 6.25rem; box-shadow: 0.0625rem 0.1875rem 0.625rem rgba(0, 0, 0, 0.3); bottom: 1.25rem; right: 1.25rem; } .fcb-gr-12 .text-teaser.v3 .teaser-type.type-video .icon { width: 2.1875rem; margin-top: 0rem; margin-left: 0.6875rem; } .fcb-gr-12 .text-teaser.v3 .teaser-type.type-gallery .icon { width: 3.125rem; margin-top: 0.125rem; } .fcb-gr-12 .text-teaser.v3 .teaser-type.type-webradio .icon { width: 3.125rem; } .fcb-gr-12 .text-teaser.v3 .teaser-type.type-live .icon { width: 3.125rem; margin-top: 0.125rem; } .fcb-gr-8 .text-teaser.v3 .teaser-image-wrapper, .fcb-gr-8 .text-teaser.v3 .text-content { width: 50%; } .fcb-gr-6 .text-teaser.v3 .text-content { width: 50%; } .fcb-gr-6 .text-teaser.v3 .teaser-image-wrapper, .fcb-gr-6 .text-teaser.v3 .text-content, .fcb-gr-4 .text-teaser.v3 .teaser-image-wrapper, .fcb-gr-4 .text-teaser.v3 .text-content { width: 50%; } .fcb-gr-8 .text-teaser.v3 .text-content, .fcb-gr-6 .text-teaser.v3 .text-content, .fcb-gr-4 .text-teaser.v3 .text-content { margin-top: 0rem; } .fcb-gr-8 .text-teaser.v3 { margin-bottom: 0.4375rem; } .fcb-gr-8 .text-teaser.v3 .image-wrapper { width: 100%; } .fcb-gr-4 .text-teaser.v3 .teaser-image-wrapper { display: block; position: relative; } .fcb-gr-4 .text-teaser.v3 .teaser-image-wrapper:after { content: none; } .fcb-gr-4 .text-teaser.v3 .image-wrapper { display: none; } .fcb-gr-4 .text-teaser.v3 .teaser-badges { display: block; position: static; left: 0.3125rem; } .fcb-gr-4 .text-teaser.v3 .teaser-badges .icon { height: 1.25rem; } .ie-10 .fcb-gr-4 .text-teaser.v3 .teaser-badges, .ie-11 .fcb-gr-4 .text-teaser.v3 .teaser-badges { max-height: 1.25rem; } .ie-10 .fcb-gr-4 .text-teaser.v3 .teaser-badges .icon, .ie-11 .fcb-gr-4 .text-teaser.v3 .teaser-badges .icon { width: 3.25rem; } .ie-13 .fcb-gr-4 .text-teaser.v3 .teaser-badges .icon { max-width: 3.25rem; } .fcb-gr-4 .text-teaser.v3 .teaser-badges { margin-bottom: 0.3125rem; } .fcb-gr-4 .text-teaser.v3 .text-content { padding: 0; width: 100%; } .fcb-gr-4 .text-teaser.v3 .teaser-type { height: 2.5rem; width: 2.5rem; box-shadow: 0.0625rem 0.125rem 0.375rem rgba(0, 0, 0, 0.3); border-width: 0.1875rem; right: 0.625rem; bottom: 0.625rem; bottom: 0.625rem; right: 0.625rem; } .fcb-gr-4 .text-teaser.v3 .teaser-type.type-video .icon { width: 0.8125rem; margin-top: -0.0625rem; margin-left: 0.1875rem; } .fcb-gr-4 .text-teaser.v3 .teaser-type.type-gallery .icon { width: 1.125rem; margin-top: 0; } .fcb-gr-4 .text-teaser.v3 .teaser-type.type-webradio .icon { width: 1.3125rem; } .fcb-gr-4 .text-teaser.v3 .teaser-type.type-live .icon { width: 1.4375rem; } .ie-10 .fcb-gr-4 .text-teaser.v3 .teaser-type.type-video .icon { margin-top: 0.125rem; } .fcb-gr-6 .text-teaser.v3 .teaser-badges { left: 0.3125rem; left: 0.625rem; } .fcb-gr-6 .text-teaser.v3 .teaser-badges .icon { height: 1.25rem; } .ie-10 .fcb-gr-6 .text-teaser.v3 .teaser-badges, .ie-11 .fcb-gr-6 .text-teaser.v3 .teaser-badges { max-height: 1.25rem; } .ie-10 .fcb-gr-6 .text-teaser.v3 .teaser-badges .icon, .ie-11 .fcb-gr-6 .text-teaser.v3 .teaser-badges .icon { width: 3.25rem; } .ie-13 .fcb-gr-6 .text-teaser.v3 .teaser-badges .icon { max-width: 3.25rem; } .fcb-gr-6 .text-teaser.v3 .teaser-type { height: 2.5rem; width: 2.5rem; box-shadow: 0.0625rem 0.125rem 0.375rem rgba(0, 0, 0, 0.3); border-width: 0.1875rem; right: 0.625rem; bottom: 0.625rem; bottom: 0.625rem; right: 0.625rem; } .fcb-gr-6 .text-teaser.v3 .teaser-type.type-video .icon { width: 0.8125rem; margin-top: -0.0625rem; margin-left: 0.1875rem; } .fcb-gr-6 .text-teaser.v3 .teaser-type.type-gallery .icon { width: 1.125rem; margin-top: 0; } .fcb-gr-6 .text-teaser.v3 .teaser-type.type-webradio .icon { width: 1.3125rem; } .fcb-gr-6 .text-teaser.v3 .teaser-type.type-live .icon { width: 1.4375rem; } .ie-10 .fcb-gr-6 .text-teaser.v3 .teaser-type.type-video .icon { margin-top: 0.125rem; } .layout-three .fcb-gr-4 .text-teaser.v3 .teaser-type, .layout-four .fcb-gr-4 .text-teaser.v3 .teaser-type { display: none; } .text-teaser.v4 { position: relative; } .text-teaser.v4 .text-content { position: absolute; max-width: 100%; bottom: 0; left: 0; right: 0; top: auto; top: initial; padding: 3.75rem 0.9375rem 1.5625rem; background: none; background-image: -webkit-linear-gradient(top, transparent, #000000); background-image: linear-gradient(to bottom, transparent, #000000); box-shadow: none; } .text-teaser.v4 .text-content h6, .text-teaser.v4 .text-content h1 { color: #ffffff; } .text-teaser.v4 .text-content h5, .text-teaser.v4 .text-content p { color: #ffffff; } .text-teaser.v4 .text-content p { padding-right: 3.75rem; } .text-teaser.v1 .teaser-badges, .text-teaser.v2 .teaser-badges { left: 0rem; top: -2.6875rem; bottom: initial; } .text-teaser.v3 .teaser-badges { left: 0.625rem; bottom: 0.625rem; } .fcb-gr-4 .text-teaser.v1 .text-content, .fcb-gr-6 .text-teaser.v1 .text-content { position: relative; top: 0rem; left: 0rem; } .fcb-gr-4 .text-teaser.v1 .teaser-badges, .fcb-gr-6 .text-teaser.v1 .teaser-badges { left: 0.625rem; top: -2.9375rem; bottom: initial; } /*********************************** * * BREAKPOINT: XLARGE * ***********************************/ @media screen and (min-width: 85.375rem) { .fcb-gr-8 .text-teaser.v1 .teaser-type, .fcb-gr-8 .text-teaser.v2 .teaser-type { width: 7.8125rem; height: 7.8125rem; box-shadow: 0.0625rem 0.1875rem 0.625rem rgba(0, 0, 0, 0.3); right: 1.5625rem; bottom: 1.5625rem; bottom: 1.875rem; right: 1.875rem; } .fcb-gr-8 .text-teaser.v1 .teaser-type.type-video .icon, .fcb-gr-8 .text-teaser.v2 .teaser-type.type-video .icon { width: 2.75rem; margin-top: 0.0625rem; margin-left: 0.75rem; } .fcb-gr-8 .text-teaser.v1 .teaser-type.type-gallery .icon, .fcb-gr-8 .text-teaser.v2 .teaser-type.type-gallery .icon { width: 3.75rem; margin-top: 0.3125rem; } .fcb-gr-8 .text-teaser.v1 .teaser-type.type-webradio .icon, .fcb-gr-8 .text-teaser.v2 .teaser-type.type-webradio .icon { width: 3.875rem; } .fcb-gr-8 .text-teaser.v1 .teaser-type.type-live .icon, .fcb-gr-8 .text-teaser.v2 .teaser-type.type-live .icon { width: 3.75rem; margin-top: 0; } } /*********************************** * * BREAKPOINT: LARGE * ***********************************/ @media only screen and (min-width: 85.375rem) { .text-teaser h6 { margin-top: 0.3125rem; } .text-teaser h5 { font-size: 1.75rem; line-height: 2.125rem; margin-bottom: 0.625rem; } } /*********************************** * * BREAKPOINT: MEDIUM * ***********************************/ @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .text-teaser { /* ------------- V1 ~ START ------------- */ /* ------------- V1 ~ END ------------- */ /* ------------- V2 ~ START ------------- */ /* ------------- V2 ~ END ------------- */ /* ------------- V3 ~ START ------------- */ /* ------------- V3 ~ END ------------- */ } .fcb-gr-12 .text-teaser.v1 .teaser-badges .icon, .fcb-gr-12 .text-teaser.v2 .teaser-badges .icon { height: 1.75rem; } .ie-10 .fcb-gr-12 .text-teaser.v1 .teaser-badges, .ie-11 .fcb-gr-12 .text-teaser.v1 .teaser-badges, .ie-10 .fcb-gr-12 .text-teaser.v2 .teaser-badges, .ie-11 .fcb-gr-12 .text-teaser.v2 .teaser-badges { height: auto; max-height: 1.75rem; overflow: hidden; } .ie-10 .fcb-gr-12 .text-teaser.v1 .teaser-badges .icon, .ie-11 .fcb-gr-12 .text-teaser.v1 .teaser-badges .icon, .ie-10 .fcb-gr-12 .text-teaser.v2 .teaser-badges .icon, .ie-11 .fcb-gr-12 .text-teaser.v2 .teaser-badges .icon { width: 4.5rem; } .ie-10 .fcb-gr-12 .text-teaser.v1 .teaser-badges .icon svg, .ie-11 .fcb-gr-12 .text-teaser.v1 .teaser-badges .icon svg, .ie-10 .fcb-gr-12 .text-teaser.v2 .teaser-badges .icon svg, .ie-11 .fcb-gr-12 .text-teaser.v2 .teaser-badges .icon svg { width: 100%; height: auto; } .ie-13 .fcb-gr-12 .text-teaser.v1 .teaser-badges .icon, .ie-13 .fcb-gr-12 .text-teaser.v2 .teaser-badges .icon { max-width: 4.5rem; } .fcb-gr-6\@medium .text-teaser.v1, .fcb-gr-6\@medium .text-teaser.v2 { padding-bottom: 0; } .fcb-gr-6\@medium .text-teaser.v1 .image-wrapper, .fcb-gr-6\@medium .text-teaser.v1 .text-content, .fcb-gr-6\@medium .text-teaser.v2 .image-wrapper, .fcb-gr-6\@medium .text-teaser.v2 .text-content { padding: 0; position: static; display: inline-block; float: left; } .fcb-gr-6\@medium .text-teaser.v1 .image-wrapper, .fcb-gr-6\@medium .text-teaser.v2 .image-wrapper { width: 100%; padding-bottom: 56.22255%; } .fcb-gr-6\@medium .text-teaser.v1 .image-wrapper.loaded, .fcb-gr-6\@medium .text-teaser.v2 .image-wrapper.loaded { padding-bottom: 0; } .fcb-gr-6\@medium .text-teaser.v1 .text-content, .fcb-gr-6\@medium .text-teaser.v2 .text-content { width: 100%; box-shadow: none; } .fcb-gr-8 .text-teaser.v1 .teaser-type { background-color: #ffffff; border-radius: 50%; bottom: 1.25rem; right: 1.25rem; width: 3.4375rem; height: 3.4375rem; box-shadow: 0.0625rem 0.1875rem 0.625rem rgba(0, 0, 0, 0.3); -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transition-property: background, border; -moz-transition-property: background, border; transition-property: background, border; -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; transition-duration: 0.25s; background-color: rgba(255, 255, 255, 0.2); border: 0.25rem solid #ffffff; bottom: 0.625rem; right: 0.9375rem; } .fcb-gr-8 .text-teaser.v1 .teaser-type .icon path { -webkit-transition: fill 0.5s ease-out; -moz-transition: fill 0.5s ease-out; transition: fill 0.5s ease-out; fill: #ffffff; } .fcb-gr-8 .text-teaser.v1 .teaser-type.type-video .icon { width: 1.25rem; margin-top: 0rem; margin-left: 0.3125rem; } .fcb-gr-8 .text-teaser.v1 .teaser-type.type-video .icon path { fill: #ffffff; } .fcb-gr-8 .text-teaser.v1 .teaser-type.type-gallery .icon { width: 1.6875rem; margin-top: 0.125rem; } .fcb-gr-8 .text-teaser.v1 .teaser-type.type-webradio .icon { width: 1.5625rem; } .fcb-gr-8 .text-teaser.v1 .teaser-type.type-live { border: none; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; transition-timing-function: linear; -webkit-animation: PulseLivestream 3.5s infinite; -moz-animation: PulseLivestream 3.5s infinite; animation: PulseLivestream 3.5s infinite; } .fcb-gr-8 .text-teaser.v1 .teaser-type.type-live .icon { width: 1.6875rem; margin-top: 0.125rem; } .ie-10 .fcb-gr-8 .text-teaser.v1 .teaser-type.type-video .icon { margin-top: 0.125rem; } .fcb-gr-6\@medium .text-teaser.v1 .teaser-image-wrapper { position: relative; padding-bottom: 56.22255%; } .fcb-gr-6\@medium .text-teaser.v1 .text-content { position: relative; top: 0; left: 0; } .fcb-gr-6\@medium .text-teaser.v1 .teaser-badges { left: 0.625rem; top: -2.9375rem; bottom: initial; } .fcb-gr-12\@medium .text-teaser.v1 { position: relative; padding-bottom: 56.22255%; padding-bottom: 0; } .fcb-gr-12\@medium .text-teaser.v1 .image-wrapper { width: 100%; } .fcb-gr-12\@medium .text-teaser.v1 .image-wrapper.loaded { padding-bottom: 0; } .fcb-gr-12\@medium .text-teaser.v1 .teaser-image-wrapper { width: 100%; position: absolute; } .fcb-gr-12\@medium .text-teaser.v1 .text-content { position: absolute; bottom: 1.875rem; left: 1.875rem; max-width: 29.75rem; padding: 0.9375rem 1.1875rem 0.9375rem 1.1875rem; background: #ffffff; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); } .fcb-gr-12\@medium .text-teaser.v1 .text-content p { margin-bottom: 0; } .fcb-gr-12\@medium .text-teaser.v1 .teaser-image-wrapper { position: relative; } .fcb-gr-12\@medium .text-teaser.v1 .text-content { top: initial; left: 1.25rem; bottom: 1.25rem; } .fcb-gr-12\@medium .text-teaser.v1 .image-wrapper, .fcb-gr-12\@medium .text-teaser.v1 .text-content { margin-bottom: 0; } .fcb-gr-12\@medium .text-teaser.v1 .teaser-badges { left: 0rem; top: -2.6875rem; bottom: initial; } .fcb-gr-12\@medium .text-teaser.v1 .teaser-type { bottom: 1.25rem; } .fcb-gr-12 .text-teaser.v1 .teaser-badges { left: 0rem; top: -2.6875rem; bottom: initial; } .fcb-gr-12 .text-teaser.v1 .teaser-type { background-color: #ffffff; border-radius: 50%; bottom: 1.25rem; right: 1.25rem; width: 3.4375rem; height: 3.4375rem; box-shadow: 0.0625rem 0.1875rem 0.625rem rgba(0, 0, 0, 0.3); -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transition-property: background, border; -moz-transition-property: background, border; transition-property: background, border; -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; transition-duration: 0.25s; background-color: rgba(255, 255, 255, 0.2); border: 0.25rem solid #ffffff; right: 0.9375rem; bottom: 1.25rem; } .fcb-gr-12 .text-teaser.v1 .teaser-type .icon path { -webkit-transition: fill 0.5s ease-out; -moz-transition: fill 0.5s ease-out; transition: fill 0.5s ease-out; fill: #ffffff; } .fcb-gr-12 .text-teaser.v1 .teaser-type.type-video .icon { width: 1.25rem; margin-top: 0rem; margin-left: 0.3125rem; } .fcb-gr-12 .text-teaser.v1 .teaser-type.type-video .icon path { fill: #ffffff; } .fcb-gr-12 .text-teaser.v1 .teaser-type.type-gallery .icon { width: 1.6875rem; margin-top: 0.125rem; } .fcb-gr-12 .text-teaser.v1 .teaser-type.type-webradio .icon { width: 1.5625rem; } .fcb-gr-12 .text-teaser.v1 .teaser-type.type-live { border: none; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; transition-timing-function: linear; -webkit-animation: PulseLivestream 3.5s infinite; -moz-animation: PulseLivestream 3.5s infinite; animation: PulseLivestream 3.5s infinite; } .fcb-gr-12 .text-teaser.v1 .teaser-type.type-live .icon { width: 1.6875rem; margin-top: 0.125rem; } .ie-10 .fcb-gr-12 .text-teaser.v1 .teaser-type.type-video .icon { margin-top: 0.125rem; } .text-teaser.v1 .text-content { bottom: 1.25rem; left: 1.25rem; } .fcb-gr-12 .text-teaser.v2 .teaser-badges { left: 0.625rem; top: -2.9375rem; bottom: initial; top: -3.1875rem; } .fcb-gr-12 .text-teaser.v2 .teaser-type { width: 6.25rem; height: 6.25rem; box-shadow: 0.0625rem 0.1875rem 0.625rem rgba(0, 0, 0, 0.3); bottom: 1.25rem; right: 1.25rem; } .fcb-gr-12 .text-teaser.v2 .teaser-type.type-video .icon { width: 2.1875rem; margin-top: 0rem; margin-left: 0.6875rem; } .fcb-gr-12 .text-teaser.v2 .teaser-type.type-gallery .icon { width: 3.125rem; margin-top: 0.125rem; } .fcb-gr-12 .text-teaser.v2 .teaser-type.type-webradio .icon { width: 3.125rem; } .fcb-gr-12 .text-teaser.v2 .teaser-type.type-live .icon { width: 3.125rem; margin-top: 0.125rem; } .fcb-gr-12\@medium .text-teaser.v2 .teaser-badges .icon { height: 1.75rem; } .ie-10 .fcb-gr-12\@medium .text-teaser.v2 .teaser-badges, .ie-11 .fcb-gr-12\@medium .text-teaser.v2 .teaser-badges { height: auto; max-height: 1.75rem; overflow: hidden; } .ie-10 .fcb-gr-12\@medium .text-teaser.v2 .teaser-badges .icon, .ie-11 .fcb-gr-12\@medium .text-teaser.v2 .teaser-badges .icon { width: 4.5rem; } .ie-10 .fcb-gr-12\@medium .text-teaser.v2 .teaser-badges .icon svg, .ie-11 .fcb-gr-12\@medium .text-teaser.v2 .teaser-badges .icon svg { width: 100%; height: auto; } .ie-13 .fcb-gr-12\@medium .text-teaser.v2 .teaser-badges .icon { max-width: 4.5rem; } .fcb-gr-12\@medium .text-teaser.v2 .teaser-type { width: 6.25rem; height: 6.25rem; box-shadow: 0.0625rem 0.1875rem 0.625rem rgba(0, 0, 0, 0.3); bottom: 1.25rem; right: 1.25rem; } .fcb-gr-12\@medium .text-teaser.v2 .teaser-type.type-video .icon { width: 2.1875rem; margin-top: 0rem; margin-left: 0.6875rem; } .fcb-gr-12\@medium .text-teaser.v2 .teaser-type.type-gallery .icon { width: 3.125rem; margin-top: 0.125rem; } .fcb-gr-12\@medium .text-teaser.v2 .teaser-type.type-webradio .icon { width: 3.125rem; } .fcb-gr-12\@medium .text-teaser.v2 .teaser-type.type-live .icon { width: 3.125rem; margin-top: 0.125rem; } .fcb-gr-8 .text-teaser.v2 .teaser-type { background-color: #ffffff; border-radius: 50%; bottom: 1.25rem; right: 1.25rem; width: 3.4375rem; height: 3.4375rem; box-shadow: 0.0625rem 0.1875rem 0.625rem rgba(0, 0, 0, 0.3); -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transition-property: background, border; -moz-transition-property: background, border; transition-property: background, border; -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; transition-duration: 0.25s; background-color: rgba(255, 255, 255, 0.2); border: 0.25rem solid #ffffff; bottom: 0.625rem; right: 0.9375rem; } .fcb-gr-8 .text-teaser.v2 .teaser-type .icon path { -webkit-transition: fill 0.5s ease-out; -moz-transition: fill 0.5s ease-out; transition: fill 0.5s ease-out; fill: #ffffff; } .fcb-gr-8 .text-teaser.v2 .teaser-type.type-video .icon { width: 1.25rem; margin-top: 0rem; margin-left: 0.3125rem; } .fcb-gr-8 .text-teaser.v2 .teaser-type.type-video .icon path { fill: #ffffff; } .fcb-gr-8 .text-teaser.v2 .teaser-type.type-gallery .icon { width: 1.6875rem; margin-top: 0.125rem; } .fcb-gr-8 .text-teaser.v2 .teaser-type.type-webradio .icon { width: 1.5625rem; } .fcb-gr-8 .text-teaser.v2 .teaser-type.type-live { border: none; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; transition-timing-function: linear; -webkit-animation: PulseLivestream 3.5s infinite; -moz-animation: PulseLivestream 3.5s infinite; animation: PulseLivestream 3.5s infinite; } .fcb-gr-8 .text-teaser.v2 .teaser-type.type-live .icon { width: 1.6875rem; margin-top: 0.125rem; } .ie-10 .fcb-gr-8 .text-teaser.v2 .teaser-type.type-video .icon { margin-top: 0.125rem; } .fcb-gr-8 .text-teaser.v2 .teaser-image-wrapper, .text-teaser.v2 .teaser-image-wrapper { position: relative; overflow: hidden; } .fcb-gr-4 .text-teaser.v2 .text-content, .fcb-gr-8 .text-teaser.v2 .text-content { position: relative; top: 0rem; left: 0rem; } .fcb-gr-4 .text-teaser.v2 .teaser-badges, .fcb-gr-8 .text-teaser.v2 .teaser-badges { left: 0.625rem; top: -2.9375rem; bottom: initial; } .fcb-gr-12\@medium .text-teaser.v3 .teaser-image-wrapper, .text-teaser.v3 .teaser-image-wrapper { position: relative; width: 58.33333%; } .fcb-gr-12\@medium .text-teaser.v3 .teaser-image-wrapper:after, .text-teaser.v3 .teaser-image-wrapper:after { content: ''; } .fcb-gr-12\@medium .text-teaser.v3 .image-wrapper, .text-teaser.v3 .image-wrapper { display: block; } .fcb-gr-12\@medium .text-teaser.v3 .teaser-badges, .text-teaser.v3 .teaser-badges { position: absolute; } .fcb-gr-12\@medium .text-teaser.v3 .teaser-badges .icon, .text-teaser.v3 .teaser-badges .icon { height: 1.75rem; } .ie-10 .fcb-gr-12\@medium .text-teaser.v3 .teaser-badges, .ie-11 .fcb-gr-12\@medium .text-teaser.v3 .teaser-badges, .ie-10 .text-teaser.v3 .teaser-badges, .ie-11 .text-teaser.v3 .teaser-badges { height: auto; max-height: 1.75rem; overflow: hidden; } .ie-10 .fcb-gr-12\@medium .text-teaser.v3 .teaser-badges .icon, .ie-11 .fcb-gr-12\@medium .text-teaser.v3 .teaser-badges .icon, .ie-10 .text-teaser.v3 .teaser-badges .icon, .ie-11 .text-teaser.v3 .teaser-badges .icon { width: 4.5rem; } .ie-10 .fcb-gr-12\@medium .text-teaser.v3 .teaser-badges .icon svg, .ie-11 .fcb-gr-12\@medium .text-teaser.v3 .teaser-badges .icon svg, .ie-10 .text-teaser.v3 .teaser-badges .icon svg, .ie-11 .text-teaser.v3 .teaser-badges .icon svg { width: 100%; height: auto; } .ie-13 .fcb-gr-12\@medium .text-teaser.v3 .teaser-badges .icon, .ie-13 .text-teaser.v3 .teaser-badges .icon { max-width: 4.5rem; } .fcb-gr-12\@medium .text-teaser.v3 .teaser-type, .text-teaser.v3 .teaser-type { background-color: #ffffff; border-radius: 50%; bottom: 1.25rem; right: 1.25rem; width: 3.4375rem; height: 3.4375rem; box-shadow: 0.0625rem 0.1875rem 0.625rem rgba(0, 0, 0, 0.3); -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transition-property: background, border; -moz-transition-property: background, border; transition-property: background, border; -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; transition-duration: 0.25s; background-color: rgba(255, 255, 255, 0.2); border: 0.25rem solid #ffffff; } .fcb-gr-12\@medium .text-teaser.v3 .teaser-type .icon path, .text-teaser.v3 .teaser-type .icon path { -webkit-transition: fill 0.5s ease-out; -moz-transition: fill 0.5s ease-out; transition: fill 0.5s ease-out; fill: #ffffff; } .fcb-gr-12\@medium .text-teaser.v3 .teaser-type.type-video .icon, .text-teaser.v3 .teaser-type.type-video .icon { width: 1.25rem; margin-top: 0rem; margin-left: 0.3125rem; } .fcb-gr-12\@medium .text-teaser.v3 .teaser-type.type-video .icon path, .text-teaser.v3 .teaser-type.type-video .icon path { fill: #ffffff; } .fcb-gr-12\@medium .text-teaser.v3 .teaser-type.type-gallery .icon, .text-teaser.v3 .teaser-type.type-gallery .icon { width: 1.6875rem; margin-top: 0.125rem; } .fcb-gr-12\@medium .text-teaser.v3 .teaser-type.type-webradio .icon, .text-teaser.v3 .teaser-type.type-webradio .icon { width: 1.5625rem; } .fcb-gr-12\@medium .text-teaser.v3 .teaser-type.type-live, .text-teaser.v3 .teaser-type.type-live { border: none; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; transition-timing-function: linear; -webkit-animation: PulseLivestream 3.5s infinite; -moz-animation: PulseLivestream 3.5s infinite; animation: PulseLivestream 3.5s infinite; } .fcb-gr-12\@medium .text-teaser.v3 .teaser-type.type-live .icon, .text-teaser.v3 .teaser-type.type-live .icon { width: 1.6875rem; margin-top: 0.125rem; } .ie-10 .fcb-gr-12\@medium .text-teaser.v3 .teaser-type.type-video .icon, .ie-10 .text-teaser.v3 .teaser-type.type-video .icon { margin-top: 0.125rem; } .fcb-gr-12\@medium .text-teaser.v3 .text-content, .text-teaser.v3 .text-content { padding-left: 1rem; width: 41.66667%; } .fcb-gr-12 .text-teaser.v3 .teaser-type { background-color: #ffffff; border-radius: 50%; bottom: 1.25rem; right: 1.25rem; width: 3.4375rem; height: 3.4375rem; box-shadow: 0.0625rem 0.1875rem 0.625rem rgba(0, 0, 0, 0.3); -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transition-property: background, border; -moz-transition-property: background, border; transition-property: background, border; -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; transition-duration: 0.25s; background-color: rgba(255, 255, 255, 0.2); border: 0.25rem solid #ffffff; bottom: 0.625rem; right: 0.9375rem; } .fcb-gr-12 .text-teaser.v3 .teaser-type .icon path { -webkit-transition: fill 0.5s ease-out; -moz-transition: fill 0.5s ease-out; transition: fill 0.5s ease-out; fill: #ffffff; } .fcb-gr-12 .text-teaser.v3 .teaser-type.type-video .icon { width: 1.25rem; margin-top: 0rem; margin-left: 0.3125rem; } .fcb-gr-12 .text-teaser.v3 .teaser-type.type-video .icon path { fill: #ffffff; } .fcb-gr-12 .text-teaser.v3 .teaser-type.type-gallery .icon { width: 1.6875rem; margin-top: 0.125rem; } .fcb-gr-12 .text-teaser.v3 .teaser-type.type-webradio .icon { width: 1.5625rem; } .fcb-gr-12 .text-teaser.v3 .teaser-type.type-live { border: none; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; transition-timing-function: linear; -webkit-animation: PulseLivestream 3.5s infinite; -moz-animation: PulseLivestream 3.5s infinite; animation: PulseLivestream 3.5s infinite; } .fcb-gr-12 .text-teaser.v3 .teaser-type.type-live .icon { width: 1.6875rem; margin-top: 0.125rem; } .ie-10 .fcb-gr-12 .text-teaser.v3 .teaser-type.type-video .icon { margin-top: 0.125rem; } .fcb-gr-12\@medium .text-teaser.v3 .teaser-badges { left: 0.625rem; margin-bottom: 0rem; } .fcb-gr-12\@medium .text-teaser.v3 .teaser-type { bottom: 0.625rem; right: 0.9375rem; } .fcb-gr-6\@medium .text-teaser.v3, .fcb-gr-6 .text-teaser.v3 { left: 100%; } .fcb-gr-6\@medium .text-teaser.v3 .teaser-image-wrapper, .fcb-gr-6 .text-teaser.v3 .teaser-image-wrapper { display: block; } .fcb-gr-6\@medium .text-teaser.v3 .teaser-image-wrapper:after, .fcb-gr-6 .text-teaser.v3 .teaser-image-wrapper:after { content: ''; } .fcb-gr-6\@medium .text-teaser.v3 .image-wrapper, .fcb-gr-6 .text-teaser.v3 .image-wrapper { display: block; } .fcb-gr-6\@medium .text-teaser.v3 .teaser-type, .fcb-gr-6 .text-teaser.v3 .teaser-type { height: 2.5rem; width: 2.5rem; box-shadow: 0.0625rem 0.125rem 0.375rem rgba(0, 0, 0, 0.3); border-width: 0.1875rem; right: 0.625rem; bottom: 0.625rem; } .fcb-gr-6\@medium .text-teaser.v3 .teaser-type.type-video .icon, .fcb-gr-6 .text-teaser.v3 .teaser-type.type-video .icon { width: 0.8125rem; margin-top: -0.0625rem; margin-left: 0.1875rem; } .fcb-gr-6\@medium .text-teaser.v3 .teaser-type.type-gallery .icon, .fcb-gr-6 .text-teaser.v3 .teaser-type.type-gallery .icon { width: 1.125rem; margin-top: 0; } .fcb-gr-6\@medium .text-teaser.v3 .teaser-type.type-webradio .icon, .fcb-gr-6 .text-teaser.v3 .teaser-type.type-webradio .icon { width: 1.3125rem; } .fcb-gr-6\@medium .text-teaser.v3 .teaser-type.type-live .icon, .fcb-gr-6 .text-teaser.v3 .teaser-type.type-live .icon { width: 1.4375rem; } .ie-10 .fcb-gr-6\@medium .text-teaser.v3 .teaser-type.type-video .icon, .ie-10 .fcb-gr-6 .text-teaser.v3 .teaser-type.type-video .icon { margin-top: 0.125rem; } .fcb-gr-6\@medium .text-teaser.v3 .teaser-badges, .fcb-gr-6 .text-teaser.v3 .teaser-badges { position: absolute; top: 0rem; margin-left: 1rem; width: 200%; left: 0.3125rem; left: 100%; } .fcb-gr-6\@medium .text-teaser.v3 .teaser-badges .icon, .fcb-gr-6 .text-teaser.v3 .teaser-badges .icon { height: 1.25rem; } .ie-10 .fcb-gr-6\@medium .text-teaser.v3 .teaser-badges, .ie-11 .fcb-gr-6\@medium .text-teaser.v3 .teaser-badges, .ie-10 .fcb-gr-6 .text-teaser.v3 .teaser-badges, .ie-11 .fcb-gr-6 .text-teaser.v3 .teaser-badges { max-height: 1.25rem; } .ie-10 .fcb-gr-6\@medium .text-teaser.v3 .teaser-badges .icon, .ie-11 .fcb-gr-6\@medium .text-teaser.v3 .teaser-badges .icon, .ie-10 .fcb-gr-6 .text-teaser.v3 .teaser-badges .icon, .ie-11 .fcb-gr-6 .text-teaser.v3 .teaser-badges .icon { width: 3.25rem; } .ie-13 .fcb-gr-6\@medium .text-teaser.v3 .teaser-badges .icon, .ie-13 .fcb-gr-6 .text-teaser.v3 .teaser-badges .icon { max-width: 3.25rem; } .fcb-gr-6\@medium .text-teaser.v3 .text-content, .fcb-gr-6 .text-teaser.v3 .text-content { margin-top: 1.5625rem; } .fcb-gr-6\@medium .text-teaser.v3 .text-content, .fcb-gr-6 .text-teaser.v3 .text-content { width: 50%; padding-left: 1rem; } .fcb-gr-6\@medium .text-teaser.v3 .text-content p, .fcb-gr-6 .text-teaser.v3 .text-content p { display: none; } .fcb-gr-4 .text-teaser.v3, .fcb-gr-6 .text-teaser.v3, .fcb-gr-8 .text-teaser.v3 { margin-bottom: 0.4375rem; } .layout-three .fcb-gr-4 .text-teaser.v3 .teaser-type, .layout-four .fcb-gr-4 .text-teaser.v3 .teaser-type { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } } /*********************************** * * BREAKPOINT: SMALL * ***********************************/ @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .text-teaser { /* ------------- V1 ~ START ------------- */ /* ------------- V1 ~ END ------------- */ /* ------------- V2 ~ START ------------- */ /* ------------- V2 ~ END ------------- */ /* ------------- V3 ~ START ------------- */ /* ------------- V3 ~ END ------------- */ } .fcb-gr-12 .text-teaser.v1, .fcb-gr-12\@small .text-teaser.v1, .text-teaser.v1 { padding-bottom: 0; } .fcb-gr-12 .text-teaser.v1 .teaser-image-wrapper, .fcb-gr-12\@small .text-teaser.v1 .teaser-image-wrapper, .text-teaser.v1 .teaser-image-wrapper { position: relative; padding-bottom: 133.33333%; } .fcb-gr-12 .text-teaser.v1 .image-wrapper, .fcb-gr-12\@small .text-teaser.v1 .image-wrapper, .text-teaser.v1 .image-wrapper { padding-bottom: 133.33333%; } .fcb-gr-12 .text-teaser.v1 .image-wrapper, .fcb-gr-12 .text-teaser.v1 .text-content, .fcb-gr-12\@small .text-teaser.v1 .image-wrapper, .fcb-gr-12\@small .text-teaser.v1 .text-content, .text-teaser.v1 .image-wrapper, .text-teaser.v1 .text-content { position: absolute; margin-bottom: 0; } .fcb-gr-12 .text-teaser.v1 .text-content, .fcb-gr-12\@small .text-teaser.v1 .text-content, .text-teaser.v1 .text-content { position: absolute; bottom: 0; left: 0; right: 0; top: auto; top: initial; padding: 3.75rem 0.9375rem 1.5625rem; max-width: none; background: none; background-image: -webkit-linear-gradient(top, transparent, #000000); background-image: linear-gradient(to bottom, transparent, #000000); box-shadow: none; } .fcb-gr-12 .text-teaser.v1 .text-content h6, .fcb-gr-12\@small .text-teaser.v1 .text-content h6, .text-teaser.v1 .text-content h6 { display: none; } .fcb-gr-12 .text-teaser.v1 .text-content h5, .fcb-gr-12 .text-teaser.v1 .text-content p, .fcb-gr-12\@small .text-teaser.v1 .text-content h5, .fcb-gr-12\@small .text-teaser.v1 .text-content p, .text-teaser.v1 .text-content h5, .text-teaser.v1 .text-content p { color: #ffffff; } .fcb-gr-12 .text-teaser.v1 .text-content p, .fcb-gr-12\@small .text-teaser.v1 .text-content p, .text-teaser.v1 .text-content p { padding-right: 3.75rem; } .fcb-gr-12 .text-teaser.v1 .teaser-badges, .fcb-gr-12\@small .text-teaser.v1 .teaser-badges, .text-teaser.v1 .teaser-badges { top: 1.1875rem; left: 0.9375rem; } .fcb-gr-12 .text-teaser.v1 .teaser-type, .fcb-gr-12\@small .text-teaser.v1 .teaser-type, .text-teaser.v1 .teaser-type { bottom: 1.875rem; } .text-teaser.v2 .teaser-badges, .fcb-gr-12 .text-teaser.v2 .teaser-badges, .fcb-gr-12\@medium .text-teaser.v2 .teaser-badges { left: 0.625rem; top: -3.1875rem; bottom: initial; } .text-teaser.v2 .teaser-badges .icon, .fcb-gr-12 .text-teaser.v2 .teaser-badges .icon, .fcb-gr-12\@medium .text-teaser.v2 .teaser-badges .icon { height: 1.75rem; } .ie-10 .text-teaser.v2 .teaser-badges, .ie-11 .text-teaser.v2 .teaser-badges, .ie-10 .fcb-gr-12 .text-teaser.v2 .teaser-badges, .ie-11 .fcb-gr-12 .text-teaser.v2 .teaser-badges, .ie-10 .fcb-gr-12\@medium .text-teaser.v2 .teaser-badges, .ie-11 .fcb-gr-12\@medium .text-teaser.v2 .teaser-badges { height: auto; max-height: 1.75rem; overflow: hidden; } .ie-10 .text-teaser.v2 .teaser-badges .icon, .ie-11 .text-teaser.v2 .teaser-badges .icon, .ie-10 .fcb-gr-12 .text-teaser.v2 .teaser-badges .icon, .ie-11 .fcb-gr-12 .text-teaser.v2 .teaser-badges .icon, .ie-10 .fcb-gr-12\@medium .text-teaser.v2 .teaser-badges .icon, .ie-11 .fcb-gr-12\@medium .text-teaser.v2 .teaser-badges .icon { width: 4.5rem; } .ie-10 .text-teaser.v2 .teaser-badges .icon svg, .ie-11 .text-teaser.v2 .teaser-badges .icon svg, .ie-10 .fcb-gr-12 .text-teaser.v2 .teaser-badges .icon svg, .ie-11 .fcb-gr-12 .text-teaser.v2 .teaser-badges .icon svg, .ie-10 .fcb-gr-12\@medium .text-teaser.v2 .teaser-badges .icon svg, .ie-11 .fcb-gr-12\@medium .text-teaser.v2 .teaser-badges .icon svg { width: 100%; height: auto; } .ie-13 .text-teaser.v2 .teaser-badges .icon, .ie-13 .fcb-gr-12 .text-teaser.v2 .teaser-badges .icon, .ie-13 .fcb-gr-12\@medium .text-teaser.v2 .teaser-badges .icon { max-width: 4.5rem; } .text-teaser.v2 .teaser-type, .fcb-gr-12 .text-teaser.v2 .teaser-type, .fcb-gr-12\@medium .text-teaser.v2 .teaser-type { background-color: #ffffff; border-radius: 50%; bottom: 1.25rem; right: 1.25rem; width: 3.4375rem; height: 3.4375rem; box-shadow: 0.0625rem 0.1875rem 0.625rem rgba(0, 0, 0, 0.3); -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transition-property: background, border; -moz-transition-property: background, border; transition-property: background, border; -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; transition-duration: 0.25s; background-color: rgba(255, 255, 255, 0.2); border: 0.25rem solid #ffffff; bottom: 0.625rem; right: 0.9375rem; } .text-teaser.v2 .teaser-type .icon path, .fcb-gr-12 .text-teaser.v2 .teaser-type .icon path, .fcb-gr-12\@medium .text-teaser.v2 .teaser-type .icon path { -webkit-transition: fill 0.5s ease-out; -moz-transition: fill 0.5s ease-out; transition: fill 0.5s ease-out; fill: #ffffff; } .text-teaser.v2 .teaser-type.type-video .icon, .fcb-gr-12 .text-teaser.v2 .teaser-type.type-video .icon, .fcb-gr-12\@medium .text-teaser.v2 .teaser-type.type-video .icon { width: 1.25rem; margin-top: 0rem; margin-left: 0.3125rem; } .text-teaser.v2 .teaser-type.type-video .icon path, .fcb-gr-12 .text-teaser.v2 .teaser-type.type-video .icon path, .fcb-gr-12\@medium .text-teaser.v2 .teaser-type.type-video .icon path { fill: #ffffff; } .text-teaser.v2 .teaser-type.type-gallery .icon, .fcb-gr-12 .text-teaser.v2 .teaser-type.type-gallery .icon, .fcb-gr-12\@medium .text-teaser.v2 .teaser-type.type-gallery .icon { width: 1.6875rem; margin-top: 0.125rem; } .text-teaser.v2 .teaser-type.type-webradio .icon, .fcb-gr-12 .text-teaser.v2 .teaser-type.type-webradio .icon, .fcb-gr-12\@medium .text-teaser.v2 .teaser-type.type-webradio .icon { width: 1.5625rem; } .text-teaser.v2 .teaser-type.type-live, .fcb-gr-12 .text-teaser.v2 .teaser-type.type-live, .fcb-gr-12\@medium .text-teaser.v2 .teaser-type.type-live { border: none; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; transition-timing-function: linear; -webkit-animation: PulseLivestream 3.5s infinite; -moz-animation: PulseLivestream 3.5s infinite; animation: PulseLivestream 3.5s infinite; } .text-teaser.v2 .teaser-type.type-live .icon, .fcb-gr-12 .text-teaser.v2 .teaser-type.type-live .icon, .fcb-gr-12\@medium .text-teaser.v2 .teaser-type.type-live .icon { width: 1.6875rem; margin-top: 0.125rem; } .ie-10 .text-teaser.v2 .teaser-type.type-video .icon, .ie-10 .fcb-gr-12 .text-teaser.v2 .teaser-type.type-video .icon, .ie-10 .fcb-gr-12\@medium .text-teaser.v2 .teaser-type.type-video .icon { margin-top: 0.125rem; } .fcb-gr-12\@medium .text-teaser.v2 .teaser-badges { left: 0.625rem; top: -2.9375rem; bottom: initial; } .fcb-gr-4 .text-teaser.v2, .fcb-gr-6\@medium .text-teaser.v2, .fcb-gr-12\@medium .text-teaser.v2, .fcb-gr-12\@small .text-teaser.v2 { margin-bottom: 1.25rem; } .fcb-gr-4:last-child .text-teaser.v2, .fcb-gr-6\@medium:last-child .text-teaser.v2, .fcb-gr-12\@medium:last-child .text-teaser.v2, .fcb-gr-12\@small:last-child .text-teaser.v2 { margin-bottom: 0; } .layout-five .fcb-gr-6 .text-teaser.v1, .layout-five .fcb-gr-6 .text-teaser.v2 { padding: 0; } .layout-five .fcb-gr-6 .text-teaser.v1 .image-wrapper, .layout-five .fcb-gr-6 .text-teaser.v1 .text-content, .layout-five .fcb-gr-6 .text-teaser.v2 .image-wrapper, .layout-five .fcb-gr-6 .text-teaser.v2 .text-content { position: static; display: inline-block; padding: 0; background-image: none; } .layout-five .fcb-gr-6 .text-teaser.v1 .image-wrapper p, .layout-five .fcb-gr-6 .text-teaser.v1 .image-wrapper h6, .layout-five .fcb-gr-6 .text-teaser.v1 .text-content p, .layout-five .fcb-gr-6 .text-teaser.v1 .text-content h6, .layout-five .fcb-gr-6 .text-teaser.v2 .image-wrapper p, .layout-five .fcb-gr-6 .text-teaser.v2 .image-wrapper h6, .layout-five .fcb-gr-6 .text-teaser.v2 .text-content p, .layout-five .fcb-gr-6 .text-teaser.v2 .text-content h6 { display: none; } .layout-five .fcb-gr-6 .text-teaser.v1 .text-content, .layout-five .fcb-gr-6 .text-teaser.v2 .text-content { margin-top: 0.5625rem; margin-bottom: 0.4375rem; } .layout-five .fcb-gr-6 .text-teaser.v1 .image-wrapper, .layout-five .fcb-gr-6 .text-teaser.v2 .image-wrapper { display: block; padding-bottom: 56.22255%; } .layout-five .fcb-gr-6 .text-teaser.v1 .image-wrapper.loaded, .layout-five .fcb-gr-6 .text-teaser.v2 .image-wrapper.loaded { padding-bottom: 0; } .layout-five .fcb-gr-6 .text-teaser.v1 .teaser-type, .layout-five .fcb-gr-6 .text-teaser.v2 .teaser-type { height: 2.5rem; width: 2.5rem; box-shadow: 0.0625rem 0.125rem 0.375rem rgba(0, 0, 0, 0.3); border-width: 0.1875rem; right: 0.625rem; bottom: 0.625rem; bottom: 0.625rem; } .layout-five .fcb-gr-6 .text-teaser.v1 .teaser-type.type-video .icon, .layout-five .fcb-gr-6 .text-teaser.v2 .teaser-type.type-video .icon { width: 0.8125rem; margin-top: -0.0625rem; margin-left: 0.1875rem; } .layout-five .fcb-gr-6 .text-teaser.v1 .teaser-type.type-gallery .icon, .layout-five .fcb-gr-6 .text-teaser.v2 .teaser-type.type-gallery .icon { width: 1.125rem; margin-top: 0; } .layout-five .fcb-gr-6 .text-teaser.v1 .teaser-type.type-webradio .icon, .layout-five .fcb-gr-6 .text-teaser.v2 .teaser-type.type-webradio .icon { width: 1.3125rem; } .layout-five .fcb-gr-6 .text-teaser.v1 .teaser-type.type-live .icon, .layout-five .fcb-gr-6 .text-teaser.v2 .teaser-type.type-live .icon { width: 1.4375rem; } .ie-10 .layout-five .fcb-gr-6 .text-teaser.v1 .teaser-type.type-video .icon, .ie-10 .layout-five .fcb-gr-6 .text-teaser.v2 .teaser-type.type-video .icon { margin-top: 0.125rem; } .layout-five .fcb-gr-6 .text-teaser.v1 .teaser-badges, .layout-five .fcb-gr-6 .text-teaser.v2 .teaser-badges { bottom: initial; top: -2.4375rem; left: 0.3125rem; } .layout-five .fcb-gr-6 .text-teaser.v1 .teaser-badges .icon, .layout-five .fcb-gr-6 .text-teaser.v2 .teaser-badges .icon { height: 1.25rem; } .ie-10 .layout-five .fcb-gr-6 .text-teaser.v1 .teaser-badges, .ie-11 .layout-five .fcb-gr-6 .text-teaser.v1 .teaser-badges, .ie-10 .layout-five .fcb-gr-6 .text-teaser.v2 .teaser-badges, .ie-11 .layout-five .fcb-gr-6 .text-teaser.v2 .teaser-badges { max-height: 1.25rem; } .ie-10 .layout-five .fcb-gr-6 .text-teaser.v1 .teaser-badges .icon, .ie-11 .layout-five .fcb-gr-6 .text-teaser.v1 .teaser-badges .icon, .ie-10 .layout-five .fcb-gr-6 .text-teaser.v2 .teaser-badges .icon, .ie-11 .layout-five .fcb-gr-6 .text-teaser.v2 .teaser-badges .icon { width: 3.25rem; } .ie-13 .layout-five .fcb-gr-6 .text-teaser.v1 .teaser-badges .icon, .ie-13 .layout-five .fcb-gr-6 .text-teaser.v2 .teaser-badges .icon { max-width: 3.25rem; } .layout-five .fcb-gr-6 .text-teaser.v1 h5 { color: #0A3C64; } .layout-five .fcb-gr-6 .text-teaser.v1 .text-content { position: relative; } .layout-five .fcb-gr-6 .text-teaser.v1 .teaser-image-wrapper { padding-bottom: 0; } .layout-five .fcb-gr-6 .text-teaser.v2 .text-content { position: relative; } .layout-four .text-teaser.v3 .teaser-image-wrapper, .text-teaser.v3 .teaser-image-wrapper { display: block; } .layout-four .text-teaser.v3 .teaser-image-wrapper:after, .text-teaser.v3 .teaser-image-wrapper:after { content: ''; } .layout-four .text-teaser.v3 .image-wrapper, .text-teaser.v3 .image-wrapper { display: block; } .layout-four .text-teaser.v3 .teaser-type, .text-teaser.v3 .teaser-type { height: 2.5rem; width: 2.5rem; box-shadow: 0.0625rem 0.125rem 0.375rem rgba(0, 0, 0, 0.3); border-width: 0.1875rem; right: 0.625rem; bottom: 0.625rem; } .layout-four .text-teaser.v3 .teaser-type.type-video .icon, .text-teaser.v3 .teaser-type.type-video .icon { width: 0.8125rem; margin-top: -0.0625rem; margin-left: 0.1875rem; } .layout-four .text-teaser.v3 .teaser-type.type-gallery .icon, .text-teaser.v3 .teaser-type.type-gallery .icon { width: 1.125rem; margin-top: 0; } .layout-four .text-teaser.v3 .teaser-type.type-webradio .icon, .text-teaser.v3 .teaser-type.type-webradio .icon { width: 1.3125rem; } .layout-four .text-teaser.v3 .teaser-type.type-live .icon, .text-teaser.v3 .teaser-type.type-live .icon { width: 1.4375rem; } .ie-10 .layout-four .text-teaser.v3 .teaser-type.type-video .icon, .ie-10 .text-teaser.v3 .teaser-type.type-video .icon { margin-top: 0.125rem; } .layout-four .text-teaser.v3 .teaser-badges, .text-teaser.v3 .teaser-badges { position: absolute; top: 0rem; margin-left: 1rem; width: 200%; left: 0.3125rem; left: 100%; } .layout-four .text-teaser.v3 .teaser-badges .icon, .text-teaser.v3 .teaser-badges .icon { height: 1.25rem; } .ie-10 .layout-four .text-teaser.v3 .teaser-badges, .ie-11 .layout-four .text-teaser.v3 .teaser-badges, .ie-10 .text-teaser.v3 .teaser-badges, .ie-11 .text-teaser.v3 .teaser-badges { max-height: 1.25rem; } .ie-10 .layout-four .text-teaser.v3 .teaser-badges .icon, .ie-11 .layout-four .text-teaser.v3 .teaser-badges .icon, .ie-10 .text-teaser.v3 .teaser-badges .icon, .ie-11 .text-teaser.v3 .teaser-badges .icon { width: 3.25rem; } .ie-13 .layout-four .text-teaser.v3 .teaser-badges .icon, .ie-13 .text-teaser.v3 .teaser-badges .icon { max-width: 3.25rem; } .layout-four .text-teaser.v3 .text-content, .text-teaser.v3 .text-content { margin-top: 1.5625rem; } .fcb-gr-12\@small .text-teaser.v3 .teaser-image-wrapper, .text-teaser.v3 .teaser-image-wrapper { width: 25%; } .fcb-gr-12\@small .text-teaser.v3 .image-wrapper, .text-teaser.v3 .image-wrapper { width: 100%; padding-bottom: 100%; } .fcb-gr-12\@small .text-teaser.v3 .image-wrapper.loaded, .text-teaser.v3 .image-wrapper.loaded { padding-bottom: 0; } .fcb-gr-12\@small .text-teaser.v3 .teaser-badges, .text-teaser.v3 .teaser-badges { margin-left: 0.375rem; bottom: initial; } .fcb-gr-12\@small .text-teaser.v3 .text-content, .text-teaser.v3 .text-content { padding-left: 0.375rem; width: 75%; } .fcb-gr-12\@small .text-teaser.v3 .text-content p, .text-teaser.v3 .text-content p { display: none; } .fcb-gr-12 .text-teaser.v3 .teaser-type { height: 2.5rem; width: 2.5rem; box-shadow: 0.0625rem 0.125rem 0.375rem rgba(0, 0, 0, 0.3); border-width: 0.1875rem; right: 0.625rem; bottom: 0.625rem; bottom: 0.625rem; right: 0.625rem; } .fcb-gr-12 .text-teaser.v3 .teaser-type.type-video .icon { width: 0.8125rem; margin-top: -0.0625rem; margin-left: 0.1875rem; } .fcb-gr-12 .text-teaser.v3 .teaser-type.type-gallery .icon { width: 1.125rem; margin-top: 0; } .fcb-gr-12 .text-teaser.v3 .teaser-type.type-webradio .icon { width: 1.3125rem; } .fcb-gr-12 .text-teaser.v3 .teaser-type.type-live .icon { width: 1.4375rem; } .ie-10 .fcb-gr-12 .text-teaser.v3 .teaser-type.type-video .icon { margin-top: 0.125rem; } .layout-five .fcb-gr-6 .text-teaser.v3 { margin-bottom: 0rem; } .layout-five .fcb-gr-6 .text-teaser.v3 .teaser-image-wrapper { display: block; position: relative; } .layout-five .fcb-gr-6 .text-teaser.v3 .teaser-image-wrapper:after { content: none; } .layout-five .fcb-gr-6 .text-teaser.v3 .image-wrapper { display: none; } .layout-five .fcb-gr-6 .text-teaser.v3 .teaser-badges { display: block; position: static; left: 0.3125rem; } .layout-five .fcb-gr-6 .text-teaser.v3 .teaser-badges .icon { height: 1.25rem; } .ie-10 .layout-five .fcb-gr-6 .text-teaser.v3 .teaser-badges, .ie-11 .layout-five .fcb-gr-6 .text-teaser.v3 .teaser-badges { max-height: 1.25rem; } .ie-10 .layout-five .fcb-gr-6 .text-teaser.v3 .teaser-badges .icon, .ie-11 .layout-five .fcb-gr-6 .text-teaser.v3 .teaser-badges .icon { width: 3.25rem; } .ie-13 .layout-five .fcb-gr-6 .text-teaser.v3 .teaser-badges .icon { max-width: 3.25rem; } .layout-five .fcb-gr-6 .text-teaser.v3 .teaser-badges { margin-left: 0; margin-bottom: 0.3125rem; } .layout-five .fcb-gr-6 .text-teaser.v3 .text-content { margin-top: 0rem; padding: 0; width: 100%; } .layout-five .fcb-gr-6 .text-teaser.v3 .teaser-type { display: none; } .background-grey .text-teaser.v2 { margin-bottom: 0.9375rem; } } /* .text-teaser { .background-grey & { background-color: $color-white; .text-content { padding-left: rem(10); padding-right: rem(10); } } } */ .background-grey .text-teaser h6 { margin-top: 0; } .background-grey .text-teaser.v1, .background-grey .text-teaser.v2 { background-color: #ffffff; } @media screen and (min-width: 85.375rem) { .background-grey .fcb-gr-12 .text-teaser.v1 h6, .background-grey .fcb-gr-8 .text-teaser.v1 h6, .background-grey .fcb-gr-8 .text-teaser.v2 h6 { margin-top: 0.3125rem; } .background-grey .fcb-gr-8 .text-teaser.v2 .teaser-type { bottom: 2.3125rem; } } .background-grey .fcb-gr-12 .text-teaser.v2, .background-grey .fcb-gr-6 .text-teaser.v2, .background-grey .fcb-gr-4 .text-teaser.v2 { background-color: #ffffff; } .background-grey .fcb-gr-12 .text-teaser.v2 .text-content, .background-grey .fcb-gr-6 .text-teaser.v2 .text-content, .background-grey .fcb-gr-4 .text-teaser.v2 .text-content { padding: 0.375rem 1.1875rem 0.5rem 1.1875rem; } .background-grey .fcb-gr-12 .text-teaser.v2 .teaser-badges, .background-grey .fcb-gr-6 .text-teaser.v2 .teaser-badges, .background-grey .fcb-gr-4 .text-teaser.v2 .teaser-badges { left: 1.25rem; } .background-grey .fcb-gr-12 .text-teaser.v2 .text-content { padding-top: 0.125rem; padding-bottom: 0.9375rem; } @media screen and (min-width: 41.3125rem) { .background-grey .fcb-gr-4 .text-teaser.v1, .background-grey .fcb-gr-6 .text-teaser.v1 { background-color: #ffffff; } .background-grey .fcb-gr-4 .text-teaser.v1 .text-content, .background-grey .fcb-gr-6 .text-teaser.v1 .text-content { padding: 0.375rem 1.1875rem 0.5rem 1.1875rem; } .background-grey .fcb-gr-4 .text-teaser.v1 .teaser-badges, .background-grey .fcb-gr-6 .text-teaser.v1 .teaser-badges { left: 1.25rem; } } @media screen and (max-width: 63.9375rem) and (min-width: 41.3125rem) { .background-grey .fcb-gr-6\@medium .text-teaser.v1 .text-content, .background-grey .fcb-gr-12\@medium .text-teaser.v1 .text-content, .background-grey .fcb-gr-12 .text-teaser.v1 .text-content { padding: 0.9375rem 1.1875rem 0.9375rem 1.1875rem; } .background-grey .fcb-gr-6\@medium .text-teaser.v1 .text-content { margin: 0; } .background-grey .fcb-gr-6\@medium .text-teaser.v1 .teaser-badges { left: 1.25rem; } .background-grey .fcb-gr-12\@medium .text-teaser.v1 .teaser-badges { left: 0rem; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .background-grey .fcb-gr-6\@medium .text-teaser.v2 { background-color: #ffffff; } .background-grey .fcb-gr-6\@medium .text-teaser.v2 .text-content { padding: 0.375rem 1.1875rem 0.5rem 1.1875rem; } .background-grey .fcb-gr-6\@medium .text-teaser.v2 .teaser-badges { left: 1.25rem; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .background-grey .fcb-gr-6\@medium .text-teaser.v1 .text-content .teaser-badges { top: 1.1875rem; } .background-grey.layout-five .fcb-gr-6 .text-teaser.v1, .background-grey.layout-five .fcb-gr-6 .text-teaser.v2 { background-color: #ffffff; } .background-grey.layout-five .fcb-gr-6 .text-teaser.v1 .text-content, .background-grey.layout-five .fcb-gr-6 .text-teaser.v2 .text-content { padding: 0.375rem 1.1875rem 0.5rem 1.1875rem; } .background-grey.layout-five .fcb-gr-6 .text-teaser.v1 .teaser-badges, .background-grey.layout-five .fcb-gr-6 .text-teaser.v2 .teaser-badges { left: 1.25rem; } .background-grey.layout-five .fcb-gr-6 .text-teaser.v1 .text-content, .background-grey.layout-five .fcb-gr-6 .text-teaser.v2 .text-content { padding-top: 0.25rem; } } .no-touchevents .text-teaser:hover h5, .no-touchevents .layout-five .fcb-gr-6 .text-teaser.v1:hover h5 { color: #961432; } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .no-touchevents .text-teaser.v1:hover h5 { color: #ffffff; } } .text-teaser-list-v1 .fcb-gr-4:first-child .text-teaser:first-child { display: none; } .text-teaser-list-v1 .fcb-gr-4:first-child .text-teaser:nth-child(n+2) { display: block; } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .text-teaser-list-v1 .text-teaser-first-in-list { margin-bottom: 1.25rem; } .text-teaser-list-v1 .text-teaser-first-in-list .teaser-image-wrapper { margin-top: 0.625rem; } .text-teaser-list-v1 .fcb-gr-4 .text-teaser-first-in-list.text-teaser .text-content h5 { margin-bottom: 0; } .text-teaser-list-v1 .fcb-gr-4:first-child .text-teaser-first-in-list .text-content p { margin-top: 0.25rem; } .text-teaser-list-v1 .teaser-type { bottom: 0.625rem; right: 0.9375rem; } } @media screen and (min-width: 85.375rem) { .background-grey.text-teaser-list-v1 .text-teaser h6 { margin-top: 0.3125rem; } .background-grey.text-teaser-list-v1 .fcb-gr-4 .text-teaser.v1 .text-content, .background-grey.text-teaser-list-v1 .fcb-gr-6 .text-teaser.v1 .text-content { padding-top: 0.0625rem; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .background-grey .fcb-gr-6\@medium .text-teaser.v1 .teaser-badges { top: -2.375rem; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .text-teaser-list-v1 .fcb-gr-4:first-child .text-content { margin-top: 0; } .text-teaser-list-v1 .fcb-gr-4:first-child .text-content p { margin-top: 0.5625rem; } .text-teaser-list-v1 .fcb-gr-4:first-child .teaser-badges { left: 0.625rem; bottom: 0.625rem; } .text-teaser-list-v1 .fcb-gr-4:first-child .teaser-image-wrapper { margin-bottom: 0; } .text-teaser-list-v1 .fcb-gr-4:first-child .text-teaser:first-child { display: block; } .text-teaser-list-v1 .fcb-gr-4:first-child .text-teaser:nth-child(n+2) { display: none; } .text-teaser-list-v1 .fcb-gr-4:first-child .text-teaser .image-wrapper { display: block; padding-bottom: 56.22255%; } .text-teaser-list-v1 .fcb-gr-4:first-child .text-teaser .image-wrapper.loaded { padding-bottom: 0; } .text-teaser-list-v1 .fcb-gr-4 .text-teaser { padding-bottom: 0; } .text-teaser-list-v1 .fcb-gr-4 .text-teaser .image-wrapper, .text-teaser-list-v1 .fcb-gr-4 .text-teaser .text-content { display: inline-block; position: static; padding: 0; background-image: none; } .text-teaser-list-v1 .fcb-gr-4 .text-teaser .image-wrapper h5, .text-teaser-list-v1 .fcb-gr-4 .text-teaser .text-content h5 { margin-bottom: 0.625rem; } .text-teaser-list-v1 .fcb-gr-4 .text-teaser .image-wrapper p, .text-teaser-list-v1 .fcb-gr-4 .text-teaser .text-content p { margin-bottom: 0.25rem; } .text-teaser-list-v1 .fcb-gr-4:nth-child(n+2) { margin-bottom: 0; } .text-teaser-list-v1 .fcb-gr-4:nth-child(n+2) .text-content { margin-top: 0; } .text-teaser-list-v1 .fcb-gr-4:nth-child(n+2) .text-teaser .teaser-image-wrapper, .text-teaser-list-v1 .fcb-gr-4:nth-child(n+2) .text-teaser .teaser-badges, .text-teaser-list-v1 .fcb-gr-4:nth-child(n+2) .text-teaser h4, .text-teaser-list-v1 .fcb-gr-4:nth-child(n+2) .text-teaser p { display: none; } .text-teaser-list-v1 .fcb-gr-4:nth-child(n+2) .text-teaser h5 { color: #6e7882; font-family: "expressway_condensed_light"; margin-bottom: 0.125rem; } .text-teaser-list-v1 .fcb-gr-4:nth-child(n+2) .text-teaser h5:before { content: "\e901"; font-family: "fcb_icons"; } .background-grey.text-teaser-list-v1 .text-teaser { background-color: #ffffff; } .background-grey.text-teaser-list-v1 .fcb-gr-4:first-child .teaser-badges { left: 1.25rem; } .background-grey.text-teaser-list-v1 .fcb-gr-4 .text-content { padding: 0.9375rem 0rem 0.25rem 0rem; } .background-grey.text-teaser-list-v1 .fcb-gr-4 .text-content h5, .background-grey.text-teaser-list-v1 .fcb-gr-4 .text-content h6, .background-grey.text-teaser-list-v1 .fcb-gr-4 .text-content p { padding-left: 1.1875rem; padding-right: 1.1875rem; } .background-grey.text-teaser-list-v1 .fcb-gr-4 .text-content p { padding-top: 0.375rem; } .background-grey.text-teaser-list-v1 .fcb-gr-4:nth-child(n+2) { margin-bottom: 0.625rem; } .background-grey.text-teaser-list-v1 .fcb-gr-4:nth-child(n+2) .text-content { padding-top: 0.3125rem; padding-bottom: 0.3125rem; } .background-grey.text-teaser-list-v1.layout-four .fcb-row > div { margin-bottom: 0.625rem; } } .short-text-teaser { /* &.v1 { .date { margin-bottom: rem(6); } } */ } .short-text-teaser.v2 .time { margin-bottom: 0.375rem; } .short-text-teaser .teaser-badges { left: 0.3125rem; display: block; position: static; left: initial; top: initial; bottom: initial; } .short-text-teaser .teaser-badges .icon { height: 1.25rem; } .ie-10 .short-text-teaser .teaser-badges, .ie-11 .short-text-teaser .teaser-badges { max-height: 1.25rem; } .ie-10 .short-text-teaser .teaser-badges .icon, .ie-11 .short-text-teaser .teaser-badges .icon { width: 3.25rem; } .ie-13 .short-text-teaser .teaser-badges .icon { max-width: 3.25rem; } .short-text-teaser .teaser-badges .icon { margin-bottom: 0.3125rem; } .short-text-teaser .teaser-type { height: 2.5rem; width: 2.5rem; box-shadow: 0.0625rem 0.125rem 0.375rem rgba(0, 0, 0, 0.3); border-width: 0.1875rem; right: 0.625rem; bottom: 0.625rem; } .short-text-teaser .teaser-type.type-video .icon { width: 0.8125rem; margin-top: -0.0625rem; margin-left: 0.1875rem; } .short-text-teaser .teaser-type.type-gallery .icon { width: 1.125rem; margin-top: 0; } .short-text-teaser .teaser-type.type-webradio .icon { width: 1.3125rem; } .short-text-teaser .teaser-type.type-live .icon { width: 1.4375rem; } .ie-10 .short-text-teaser .teaser-type.type-video .icon { margin-top: 0.125rem; } .short-text-teaser-list { /* --------------- V1 ~ START --------------- */ /* --------------- V2 ~ START --------------- */ /* V2 ~ End */ } .short-text-teaser-list .button { margin-top: 0.9375rem; } .short-text-teaser-list > h3 { color: #0A3C64; margin-bottom: 0.625rem; } .short-text-teaser-list .short-text-teaser { display: block; overflow: hidden; padding-top: 0.9375rem; padding-bottom: 0.9375rem; border-bottom: 1px solid #c9ccd2; } .short-text-teaser-list .short-text-teaser .teaser-image-wrapper, .short-text-teaser-list .short-text-teaser .text-content { display: inline-block; float: left; } .short-text-teaser-list .short-text-teaser .image-wrapper > img { height: auto; } .short-text-teaser-list .short-text-teaser .teaser-image-wrapper { width: 16.66667%; } .short-text-teaser-list .short-text-teaser .text-content { width: 83.33333%; padding-left: 1.75rem; } .short-text-teaser-list .short-text-teaser .text-content .highlight .time { color: #961432; } .short-text-teaser-list .short-text-teaser .text-content .time { text-transform: uppercase; margin-bottom: 0.125rem; color: #6e7882; display: inline-block; font-family: "expressway_condensed_light"; } .short-text-teaser-list .short-text-teaser .text-content h6.subline { color: #6e7882; margin-bottom: 0.1875rem; text-transform: uppercase; } .short-text-teaser-list .short-text-teaser .text-content h5 { color: #0A3C64; } .short-text-teaser-list .short-text-teaser .bottom-area .updated { display: none; } .fcb-gr-8 .short-text-teaser-list .short-text-teaser .teaser-image-wrapper { width: 25%; } .fcb-gr-8 .short-text-teaser-list .short-text-teaser .text-content { width: 75%; } .fcb-gr-8 .short-text-teaser-list .short-text-teaser .text-content .date { display: none; } .fcb-gr-6 .short-text-teaser-list > h3, .fcb-gr-4 .short-text-teaser-list > h3 { margin-bottom: 0.25rem; } .fcb-gr-6 .short-text-teaser-list .teaser-image-wrapper, .fcb-gr-4 .short-text-teaser-list .teaser-image-wrapper { display: none; } .fcb-gr-6 .short-text-teaser-list .text-content, .fcb-gr-4 .short-text-teaser-list .text-content { width: 100%; padding-left: 0; } .fcb-gr-6 .short-text-teaser-list .text-content .date, .fcb-gr-4 .short-text-teaser-list .text-content .date { display: none; } .fcb-gr-12 .short-text-teaser-list .short-text-teaser.v1 .teaser-badges { margin-bottom: 0.1875rem; } .short-text-teaser-list.v2 .text-content .dynamic-label { display: none; } .fcb-gr-12\@medium .short-text-teaser-list.v2 .short-text-teaser.dynamic-show-status .text-content .top-area .dynamic-label, .fcb-gr-12 .short-text-teaser-list.v2 .short-text-teaser.dynamic-show-status .text-content .top-area .dynamic-label { display: inline-block; } .fcb-gr-12\@medium .short-text-teaser-list.v2 .short-text-teaser.dynamic-show-status .text-content .bottom-area .updated-wrapper, .fcb-gr-12 .short-text-teaser-list.v2 .short-text-teaser.dynamic-show-status .text-content .bottom-area .updated-wrapper { display: none; } .fcb-gr-12\@medium .short-text-teaser-list.v2 .short-text-teaser.dynamic-show-status .text-content .top-area .time, .fcb-gr-12\@medium .short-text-teaser-list.v2 .short-text-teaser.dynamic-show-status .text-content .top-area .subline { margin-top: 0.125rem; margin-bottom: 0; } .fcb-gr-8 .short-text-teaser-list.v2 .short-text-teaser.dynamic-show-status .text-content .dynamic-label, .fcb-gr-6 .short-text-teaser-list.v2 .short-text-teaser.dynamic-show-status .text-content .dynamic-label, .fcb-gr-4 .short-text-teaser-list.v2 .short-text-teaser.dynamic-show-status .text-content .dynamic-label { display: none; } .fcb-gr-8 .short-text-teaser-list.v2 .short-text-teaser.dynamic-show-status .text-content .bottom-area .updated-wrapper .dynamic-label, .fcb-gr-6 .short-text-teaser-list.v2 .short-text-teaser.dynamic-show-status .text-content .bottom-area .updated-wrapper .dynamic-label, .fcb-gr-4 .short-text-teaser-list.v2 .short-text-teaser.dynamic-show-status .text-content .bottom-area .updated-wrapper .dynamic-label { display: inline-block; margin-left: 0; margin-top: 0.125rem; } .fcb-gr-4 .short-text-teaser-list.v2 .short-text-teaser.dynamic-show-status .text-content .bottom-area .updated-wrapper { margin-right: 0.25rem; } .fcb-gr-8 .short-text-teaser-list.v2 > h3, .fcb-gr-6 .short-text-teaser-list.v2 > h3, .fcb-gr-4 .short-text-teaser-list.v2 > h3 { margin-bottom: 0.4375rem; } .fcb-gr-4 .short-text-teaser-list .short-text-teaser.v2 .teaser-badges .icon, .fcb-gr-12 .short-text-teaser-list .short-text-teaser.v2 .teaser-badges .icon { margin-bottom: 0.5rem; } .fcb-gr-8 .short-text-teaser-list .short-text-teaser.v2 .teaser-image-wrapper, .fcb-gr-6 .short-text-teaser-list .short-text-teaser.v2 .teaser-image-wrapper { display: none; } .fcb-gr-8 .short-text-teaser-list .short-text-teaser.v2 .text-content, .fcb-gr-6 .short-text-teaser-list .short-text-teaser.v2 .text-content { padding-left: 0; } .fcb-gr-8 .short-text-teaser-list .short-text-teaser.v2 .text-content .top-area, .fcb-gr-8 .short-text-teaser-list .short-text-teaser.v2 .text-content .bottom-area, .fcb-gr-6 .short-text-teaser-list .short-text-teaser.v2 .text-content .top-area, .fcb-gr-6 .short-text-teaser-list .short-text-teaser.v2 .text-content .bottom-area { overflow: hidden; } .fcb-gr-8 .short-text-teaser-list .short-text-teaser.v2 .text-content .updated, .fcb-gr-6 .short-text-teaser-list .short-text-teaser.v2 .text-content .updated { display: none; } .fcb-gr-8 .short-text-teaser-list .short-text-teaser.v2 .text-content .time, .fcb-gr-8 .short-text-teaser-list .short-text-teaser.v2 .text-content .subline, .fcb-gr-8 .short-text-teaser-list .short-text-teaser.v2 .text-content .updated-wrapper, .fcb-gr-8 .short-text-teaser-list .short-text-teaser.v2 .text-content h5, .fcb-gr-6 .short-text-teaser-list .short-text-teaser.v2 .text-content .time, .fcb-gr-6 .short-text-teaser-list .short-text-teaser.v2 .text-content .subline, .fcb-gr-6 .short-text-teaser-list .short-text-teaser.v2 .text-content .updated-wrapper, .fcb-gr-6 .short-text-teaser-list .short-text-teaser.v2 .text-content h5 { float: left; min-height: 1px; } .fcb-gr-8 .short-text-teaser-list .short-text-teaser.v2 .text-content .time, .fcb-gr-8 .short-text-teaser-list .short-text-teaser.v2 .text-content .updated-wrapper, .fcb-gr-6 .short-text-teaser-list .short-text-teaser.v2 .text-content .time, .fcb-gr-6 .short-text-teaser-list .short-text-teaser.v2 .text-content .updated-wrapper { width: 33.33333%; } .fcb-gr-8 .short-text-teaser-list .short-text-teaser.v2 .text-content .subline, .fcb-gr-8 .short-text-teaser-list .short-text-teaser.v2 .text-content h5, .fcb-gr-6 .short-text-teaser-list .short-text-teaser.v2 .text-content .subline, .fcb-gr-6 .short-text-teaser-list .short-text-teaser.v2 .text-content h5 { width: 66.66667%; } .fcb-gr-8 .short-text-teaser-list .short-text-teaser.v2 .text-content .updated-wrapper .updated, .fcb-gr-6 .short-text-teaser-list .short-text-teaser.v2 .text-content .updated-wrapper .updated { display: inline-block; margin-left: 0; margin-top: 0.125rem; } @-moz-document url-prefix() { .fcb-gr-8 .short-text-teaser-list .short-text-teaser.v2 .text-content .updated-wrapper .updated, .fcb-gr-6 .short-text-teaser-list .short-text-teaser.v2 .text-content .updated-wrapper .updated { margin-top: 0.3125rem; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .fcb-gr-8 .short-text-teaser-list .short-text-teaser.v2 .text-content .updated-wrapper .updated, .fcb-gr-6 .short-text-teaser-list .short-text-teaser.v2 .text-content .updated-wrapper .updated { margin-top: 0.3125rem; } } .fcb-gr-8 .short-text-teaser-list .short-text-teaser.v2 .text-content { width: 100%; } .fcb-gr-8 .short-text-teaser-list .short-text-teaser.v2 .text-content .time, .fcb-gr-8 .short-text-teaser-list .short-text-teaser.v2 .text-content .updated-wrapper { width: 25%; } .fcb-gr-8 .short-text-teaser-list .short-text-teaser.v2 .text-content .subline, .fcb-gr-8 .short-text-teaser-list .short-text-teaser.v2 .text-content h5 { width: 75%; } .fcb-gr-8 .short-text-teaser-list .short-text-teaser.v2 .time span, .fcb-gr-6 .short-text-teaser-list .short-text-teaser.v2 .time span { line-height: 1.375rem; } .fcb-gr-8 .short-text-teaser-list .short-text-teaser.v2 .text-content, .fcb-gr-6 .short-text-teaser-list .short-text-teaser.v2 .text-content { position: relative; } .fcb-gr-8 .short-text-teaser-list .short-text-teaser.v2 .teaser-badges, .fcb-gr-6 .short-text-teaser-list .short-text-teaser.v2 .teaser-badges { position: absolute; left: 0rem; top: 1.6875rem; } .fcb-gr-4 .short-text-teaser-list .short-text-teaser.v2 .text-content .top-area .updated { display: none; } .fcb-gr-4 .short-text-teaser-list .short-text-teaser.v2 .text-content .top-area h6.subline { padding-left: 1.125rem; line-height: 1.0625rem; position: relative; } .fcb-gr-4 .short-text-teaser-list .short-text-teaser.v2 .text-content .top-area h6.subline:before { content: '|'; position: absolute; left: 0.375rem; top: -0.125rem; } .fcb-gr-4 .short-text-teaser-list .short-text-teaser.v2 .text-content .bottom-area .updated { display: block; margin-left: 0; margin-top: 0.125rem; margin-right: 0.5rem; } @-moz-document url-prefix() { .fcb-gr-4 .short-text-teaser-list .short-text-teaser.v2 .text-content .bottom-area .updated { margin-top: 0.25rem; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .fcb-gr-4 .short-text-teaser-list .short-text-teaser.v2 .text-content .bottom-area .updated { margin-top: 0.25rem; } } .fcb-gr-4 .short-text-teaser-list .short-text-teaser.v2 .text-content .top-area, .fcb-gr-4 .short-text-teaser-list .short-text-teaser.v2 .text-content .bottom-area  { overflow: hidden; width: 100%; } .fcb-gr-4 .short-text-teaser-list .short-text-teaser.v2 .text-content .time, .fcb-gr-4 .short-text-teaser-list .short-text-teaser.v2 .text-content .updated-wrapper, .fcb-gr-4 .short-text-teaser-list .short-text-teaser.v2 .text-content .subline, .fcb-gr-4 .short-text-teaser-list .short-text-teaser.v2 .text-content h6.subline { width: auto; float: left; clear: none; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .short-text-teaser-list { /* V2 ~ Start */ /* V2 ~ End */ } .short-text-teaser-list > h3 { font-size: 1.5rem; line-height: 1.875rem; margin-bottom: 0.5625rem; } .short-text-teaser-list .short-text-teaser .teaser-image-wrapper { display: none; } .short-text-teaser-list .short-text-teaser .text-content { padding-left: 0; } .fcb-gr-6 .short-text-teaser-list > h3, .fcb-gr-4 .short-text-teaser-list > h3 { margin-bottom: 0.5625rem; } .fcb-gr-12\@medium .short-text-teaser-list .short-text-teaser .teaser-image-wrapper, .fcb-gr-12 .short-text-teaser-list .short-text-teaser .teaser-image-wrapper { display: block; width: 16.66667%; } .fcb-gr-12\@medium .short-text-teaser-list .short-text-teaser .text-content, .fcb-gr-12 .short-text-teaser-list .short-text-teaser .text-content { padding-left: 1rem; width: 83.33333%; } .fcb-gr-6\@medium .short-text-teaser-list .short-text-teaser.v1 .text-content, .fcb-gr-6 .short-text-teaser-list .short-text-teaser.v1 .text-content { width: 100%; } .fcb-gr-12\@medium .short-text-teaser-list.v2 > h3 { margin-bottom: 0.5625rem; } .fcb-gr-12 .short-text-teaser-list.v2 .short-text-teaser.dynamic-show-status .text-content .top-area .dynamic-label, .fcb-gr-12\@medium .short-text-teaser-list.v2 .short-text-teaser.dynamic-show-status .text-content .top-area .dynamic-label { display: none; } .fcb-gr-12 .short-text-teaser-list.v2 .short-text-teaser.dynamic-show-status .text-content .top-area .subline, .fcb-gr-12\@medium .short-text-teaser-list.v2 .short-text-teaser.dynamic-show-status .text-content .top-area .subline { display: inline; position: relative; padding-left: 1.25rem; } .fcb-gr-12 .short-text-teaser-list.v2 .short-text-teaser.dynamic-show-status .text-content .top-area .subline:before, .fcb-gr-12\@medium .short-text-teaser-list.v2 .short-text-teaser.dynamic-show-status .text-content .top-area .subline:before { content: '|'; position: absolute; left: 0.375rem; top: -0.125rem; } .fcb-gr-12 .short-text-teaser-list.v2 .short-text-teaser.dynamic-show-status .text-content .bottom-area .updated-wrapper, .fcb-gr-12\@medium .short-text-teaser-list.v2 .short-text-teaser.dynamic-show-status .text-content .bottom-area .updated-wrapper { display: inline-block; } .fcb-gr-12 .short-text-teaser-list.v2 .short-text-teaser.dynamic-show-status .text-content .bottom-area .updated-wrapper .dynamic-label, .fcb-gr-12\@medium .short-text-teaser-list.v2 .short-text-teaser.dynamic-show-status .text-content .bottom-area .updated-wrapper .dynamic-label { display: inline-block; margin-left: 0; margin-right: 0.25rem; } .fcb-gr-12 .short-text-teaser-list.v2 .short-text-teaser.dynamic-show-status .text-content .bottom-area h5, .fcb-gr-12\@medium .short-text-teaser-list.v2 .short-text-teaser.dynamic-show-status .text-content .bottom-area h5 { display: inline; } .fcb-gr-6 .short-text-teaser-list.v2 .short-text-teaser.dynamic-show-status .updated-wrapper, .fcb-gr-6\@medium .short-text-teaser-list.v2 .short-text-teaser.dynamic-show-status .updated-wrapper { margin-right: 0.25rem; } .fcb-gr-12\@medium .short-text-teaser-list .short-text-teaser.v2 .teaser-image-wrapper, .fcb-gr-12 .short-text-teaser-list .short-text-teaser.v2 .teaser-image-wrapper { display: inline-block; width: 16.66667%; } .fcb-gr-12\@medium .short-text-teaser-list .short-text-teaser.v2 .text-content, .fcb-gr-12 .short-text-teaser-list .short-text-teaser.v2 .text-content { width: 83.33333%; padding-left: 1rem; } .fcb-gr-6\@medium .short-text-teaser-list .short-text-teaser.v2 .text-content, .fcb-gr-6 .short-text-teaser-list .short-text-teaser.v2 .text-content { width: 100%; } .fcb-gr-6\@medium .short-text-teaser-list .short-text-teaser.v2 .text-content .time, .fcb-gr-6\@medium .short-text-teaser-list .short-text-teaser.v2 .text-content .updated-wrapper, .fcb-gr-6\@medium .short-text-teaser-list .short-text-teaser.v2 .text-content .subline, .fcb-gr-6\@medium .short-text-teaser-list .short-text-teaser.v2 .text-content h6.subline, .fcb-gr-6 .short-text-teaser-list .short-text-teaser.v2 .text-content .time, .fcb-gr-6 .short-text-teaser-list .short-text-teaser.v2 .text-content .updated-wrapper, .fcb-gr-6 .short-text-teaser-list .short-text-teaser.v2 .text-content .subline, .fcb-gr-6 .short-text-teaser-list .short-text-teaser.v2 .text-content h6.subline { width: auto; float: left; clear: none; } .fcb-gr-6\@medium .short-text-teaser-list .short-text-teaser.v2 .text-content .top-area .updated, .fcb-gr-6 .short-text-teaser-list .short-text-teaser.v2 .text-content .top-area .updated { display: none; } .fcb-gr-6\@medium .short-text-teaser-list .short-text-teaser.v2 .text-content .top-area h6.subline, .fcb-gr-6 .short-text-teaser-list .short-text-teaser.v2 .text-content .top-area h6.subline { padding-left: 1.125rem; line-height: 1.0625rem; position: relative; } .fcb-gr-6\@medium .short-text-teaser-list .short-text-teaser.v2 .text-content .top-area h6.subline:before, .fcb-gr-6 .short-text-teaser-list .short-text-teaser.v2 .text-content .top-area h6.subline:before { content: '|'; position: absolute; left: 0.375rem; top: -0.125rem; } .fcb-gr-6\@medium .short-text-teaser-list .short-text-teaser.v2 .text-content .bottom-area .updated, .fcb-gr-6 .short-text-teaser-list .short-text-teaser.v2 .text-content .bottom-area .updated { display: block; margin-left: 0; margin-top: 0.125rem; margin-right: 0.5rem; } .fcb-gr-6\@medium .short-text-teaser-list .short-text-teaser.v2 .text-content .bottom-area h5, .fcb-gr-6 .short-text-teaser-list .short-text-teaser.v2 .text-content .bottom-area h5 { width: auto; float: none; } .fcb-gr-6\@medium .short-text-teaser-list .short-text-teaser.v2 .teaser-badges, .fcb-gr-6 .short-text-teaser-list .short-text-teaser.v2 .teaser-badges { position: static; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .short-text-teaser-list > h3 { margin-bottom: 0.25rem; } .fcb-gr-12\@small .short-text-teaser-list.v2 > h3, .fcb-gr-12 .short-text-teaser-list.v2 > h3 { margin-bottom: 0.4375rem; } .fcb-gr-12\@medium .short-text-teaser-list .short-text-teaser .teaser-image-wrapper, .fcb-gr-12\@medium .short-text-teaser-list .short-text-teaser.v2 .teaser-image-wrapper, .fcb-gr-12 .short-text-teaser-list .short-text-teaser .teaser-image-wrapper, .fcb-gr-12 .short-text-teaser-list .short-text-teaser.v2 .teaser-image-wrapper { display: none; } .fcb-gr-12\@medium .short-text-teaser-list .short-text-teaser .text-content, .fcb-gr-12\@medium .short-text-teaser-list .short-text-teaser.v2 .text-content, .fcb-gr-12 .short-text-teaser-list .short-text-teaser .text-content, .fcb-gr-12 .short-text-teaser-list .short-text-teaser.v2 .text-content { padding-left: 0; } .fcb-gr-12\@medium .short-text-teaser-list .short-text-teaser .text-content, .fcb-gr-12 .short-text-teaser-list .short-text-teaser .text-content { width: 100%; } .fcb-gr-12\@medium .short-text-teaser-list .date, .fcb-gr-12 .short-text-teaser-list .date { display: none; } .fcb-gr-12\@medium .short-text-teaser-list .short-text-teaser.v2 .text-content, .fcb-gr-12 .short-text-teaser-list .short-text-teaser.v2 .text-content { width: 100%; } .fcb-gr-12\@medium .short-text-teaser-list .short-text-teaser.v2 .text-content .time, .fcb-gr-12\@medium .short-text-teaser-list .short-text-teaser.v2 .text-content .updated-wrapper, .fcb-gr-12\@medium .short-text-teaser-list .short-text-teaser.v2 .text-content .subline, .fcb-gr-12\@medium .short-text-teaser-list .short-text-teaser.v2 .text-content h6.subline, .fcb-gr-12 .short-text-teaser-list .short-text-teaser.v2 .text-content .time, .fcb-gr-12 .short-text-teaser-list .short-text-teaser.v2 .text-content .updated-wrapper, .fcb-gr-12 .short-text-teaser-list .short-text-teaser.v2 .text-content .subline, .fcb-gr-12 .short-text-teaser-list .short-text-teaser.v2 .text-content h6.subline { width: auto; float: left; clear: none; } .fcb-gr-12\@medium .short-text-teaser-list .short-text-teaser.v2 .text-content h6.subline, .fcb-gr-12 .short-text-teaser-list .short-text-teaser.v2 .text-content h6.subline { padding-left: 1.125rem; line-height: 1.0625rem; position: relative; } .fcb-gr-12\@medium .short-text-teaser-list .short-text-teaser.v2 .text-content h6.subline:before, .fcb-gr-12 .short-text-teaser-list .short-text-teaser.v2 .text-content h6.subline:before { content: '|'; position: absolute; left: 0.375rem; top: -0.125rem; } .fcb-gr-12\@medium .short-text-teaser-list .short-text-teaser.v2 .text-content .top-area, .fcb-gr-12 .short-text-teaser-list .short-text-teaser.v2 .text-content .top-area { width: 100%; display: block; float: left; } .fcb-gr-12\@medium .short-text-teaser-list .short-text-teaser.v2 .text-content .top-area .updated, .fcb-gr-12 .short-text-teaser-list .short-text-teaser.v2 .text-content .top-area .updated { display: none; } .fcb-gr-12\@medium .short-text-teaser-list .short-text-teaser.v2 .text-content .bottom-area, .fcb-gr-12 .short-text-teaser-list .short-text-teaser.v2 .text-content .bottom-area { width: 100%; display: block; } .fcb-gr-12\@medium .short-text-teaser-list .short-text-teaser.v2 .text-content .bottom-area .updated, .fcb-gr-12 .short-text-teaser-list .short-text-teaser.v2 .text-content .bottom-area .updated { display: block; margin-left: 0; margin-top: 0.125rem; margin-right: 0.5rem; } .fcb-gr-12\@medium .short-text-teaser-list .short-text-teaser.v2 .text-content .bottom-area h5, .fcb-gr-12 .short-text-teaser-list .short-text-teaser.v2 .text-content .bottom-area h5 { width: auto; float: none; } } .no-touchevents .short-text-teaser:hover h5 { color: #961432; } .news-overview-teaser .dynamic-label.type-time, .news-overview-teaser .dynamic-label.type-date, .video-overview-teaser .dynamic-label.type-time, .video-overview-teaser .dynamic-label.type-date { color: #6e7882; } .news-overview-teaser .dynamic-label.type-date, .video-overview-teaser .dynamic-label.type-date { display: inline-block; margin-right: -0.0625rem; padding-bottom: 0.125rem; } .news-overview-teaser .dynamic-label.type-date:after, .video-overview-teaser .dynamic-label.type-date:after { content: '|'; padding-left: 0.25rem; } .news-overview-teaser .dynamic-label.type-time, .video-overview-teaser .dynamic-label.type-time { margin-left: -0.0625rem; } .news-overview-teaser .dynamic-label.type-status, .video-overview-teaser .dynamic-label.type-status { margin-top: -0.1875rem; margin-left: 0.0625rem; } .news-overview-teaser .dynamic-label.type-timeoffset, .video-overview-teaser .dynamic-label.type-timeoffset { color: #961432; padding-bottom: 0.125rem; } .news-overview-teaser .label-plus, .video-overview-teaser .label-plus { z-index: 2; position: absolute; top: 0.625rem; left: 0rem; } .news-overview-teaser .teaser-icon, .video-overview-teaser .teaser-icon { z-index: 2; } .no-touchevents .news-overview-teaser:hover .text-content h5, .no-touchevents .video-overview-teaser:hover .text-content h5 { color: #961432; } .no-touchevents .news-overview-teaser:hover .teaser-icon:not(.type-live), .no-touchevents .video-overview-teaser:hover .teaser-icon:not(.type-live) { background-color: #961432; background-color: rgba(150, 20, 50, 0.8); border: 0rem solid #961432; border: 0rem solid rgba(150, 20, 50, 0.8) !important; } .no-touchevents .news-overview-teaser:hover .teaser-icon .icon path, .no-touchevents .video-overview-teaser:hover .teaser-icon .icon path { fill: #ffffff; } .no-touchevents .news-overview-teaser:hover .teaser-icon:before, .no-touchevents .video-overview-teaser:hover .teaser-icon:before { color: #ffffff; } @media screen and (min-width: 85.375rem) { .news-overview-teaser.type-grid .text-content, .video-overview-teaser.type-grid .text-content { min-height: 11.125rem; } } @media screen and (max-width: 85.375rem) { .news-overview-teaser.type-grid .text-content, .video-overview-teaser.type-grid .text-content { min-height: 9.25rem; } } @media screen and (max-width: 63.9375rem) { .news-overview-teaser.type-grid .text-content, .video-overview-teaser.type-grid .text-content { min-height: 9.25rem; } } @media screen and (max-width: 41.25rem) { .news-overview-teaser.type-grid .text-content, .video-overview-teaser.type-grid .text-content { min-height: initial; } } .news-overview-teaser.type-list .dynamic-label, .video-overview-teaser.type-list .dynamic-label { font-family: "expressway_condensed_light"; } .news-overview-teaser.type-list .teaser-badges, .video-overview-teaser.type-list .teaser-badges { left: 0.3125rem; position: static; } .news-overview-teaser.type-list .teaser-badges .icon, .video-overview-teaser.type-list .teaser-badges .icon { height: 1.25rem; } .ie-10 .news-overview-teaser.type-list .teaser-badges, .ie-11 .news-overview-teaser.type-list .teaser-badges, .ie-10 .video-overview-teaser.type-list .teaser-badges, .ie-11 .video-overview-teaser.type-list .teaser-badges { max-height: 1.25rem; } .ie-10 .news-overview-teaser.type-list .teaser-badges .icon, .ie-11 .news-overview-teaser.type-list .teaser-badges .icon, .ie-10 .video-overview-teaser.type-list .teaser-badges .icon, .ie-11 .video-overview-teaser.type-list .teaser-badges .icon { width: 3.25rem; } .ie-13 .news-overview-teaser.type-list .teaser-badges .icon, .ie-13 .video-overview-teaser.type-list .teaser-badges .icon { max-width: 3.25rem; } .news-overview-teaser.type-list .teaser-badges .icon, .video-overview-teaser.type-list .teaser-badges .icon { margin-bottom: 0.5rem; } .news-overview-teaser.type-list .teaser-icon.type-video:before, .video-overview-teaser.type-list .teaser-icon.type-video:before { font-size: 0.875rem; margin-left: 0.0625rem; } .news-overview-teaser.type-list .teaser-icon.type-gallery:before, .video-overview-teaser.type-list .teaser-icon.type-gallery:before { font-size: 1rem; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .news-overview-teaser.type-list .teaser-badges, .video-overview-teaser.type-list .teaser-badges { display: block; } .news-overview-teaser.type-list .teaser-badges .icon, .video-overview-teaser.type-list .teaser-badges .icon { margin-bottom: 0.3125rem; } } .news-overview-teaser.type-grid .teaser-image-wrapper, .news-overview-teaser.type-list .teaser-image-wrapper { position: relative; } .news-overview-teaser.type-grid .teaser-image-wrapper .teaser-icon, .news-overview-teaser.type-list .teaser-image-wrapper .teaser-icon { position: absolute; } .news-overview-teaser.type-list { padding-bottom: 0.9375rem; border-bottom: 0.0625rem solid #c9ccd2; margin-bottom: 0.9375rem; } .news-overview-teaser.type-list:after { content: ''; clear: both; display: block; visibility: hidden; height: 0rem; } .news-overview-teaser.type-list .teaser-image-wrapper , .news-overview-teaser.type-list .text-content { float: left; } .news-overview-teaser.type-list .image-wrapper.loaded { padding-bottom: 0%; } .news-overview-teaser.type-list .teaser-image-wrapper { width: 8.75rem; margin-right: 1.625rem; } .news-overview-teaser.type-list .teaser-image-wrapper .teaser-icon { height: 2.5rem; width: 2.5rem; box-shadow: 0.0625rem 0.125rem 0.375rem rgba(0, 0, 0, 0.3); border-width: 0.1875rem; right: 0.625rem; bottom: 0.625rem; bottom: 0.625rem; right: 0.625rem; } .news-overview-teaser.type-list .teaser-image-wrapper .teaser-icon.type-video .icon { width: 0.8125rem; margin-top: -0.0625rem; margin-left: 0.1875rem; } .news-overview-teaser.type-list .teaser-image-wrapper .teaser-icon.type-gallery .icon { width: 1.125rem; margin-top: 0; } .news-overview-teaser.type-list .teaser-image-wrapper .teaser-icon.type-webradio .icon { width: 1.3125rem; } .news-overview-teaser.type-list .teaser-image-wrapper .teaser-icon.type-live .icon { width: 1.4375rem; } .ie-10 .news-overview-teaser.type-list .teaser-image-wrapper .teaser-icon.type-video .icon { margin-top: 0.125rem; } .news-overview-teaser.type-list .news-info { margin-bottom: 0.5rem; } .news-overview-teaser.type-list h6.subline { color: #961432; margin-bottom: -0.125rem; } .news-overview-teaser.type-list .news-title h5 { font-family: "expressway_condensed_bold"; display: inline-block; } .news-overview-teaser.type-list .news-title .text-external { display: inline-block; margin-left: 0.3125rem; } .news-overview-teaser.type-list .news-title .dynamic-label.type-status { display: none; } .news-overview-teaser.type-list .news-title-mobile { position: relative; } .news-overview-teaser.type-grid { margin-bottom: 2.1875rem; } .news-overview-teaser.type-grid .teaser-image-wrapper { margin-bottom: 0.625rem; } .news-overview-teaser.type-grid .text-content p { margin-bottom: 0.625rem; overflow: hidden; height: 2.875rem; } .news-overview-teaser.type-grid .text-external { position: relative; margin-right: 0.375rem; margin-top: -0.1875rem; margin-bottom: -0.1875rem; } .news-overview-teaser.type-grid .text-external:before { content: '|'; display: block; position: absolute; right: -0.5625rem; color: #6e7882; } .news-overview-teaser.type-grid .text-external:hover:before { color: #6e7882; } @media screen and (min-width: 85.375rem) { .news-overview-teaser.type-list .news-title h5 { font-family: "expressway_condensed_light"; margin-bottom: 0rem; display: inline; } .news-overview-teaser.type-list .news-title .text-external { position: relative; top: -0.125rem; } .news-overview-teaser.type-list .text-content { max-width: 86%; } } @media screen and (max-width: 63.9375rem) { .news-overview-teaser.type-grid .text-external { margin-right: 0.6875rem; } .news-overview-teaser.type-grid .text-external:before { right: -0.75rem; } .news-overview-teaser.type-list .teaser-image-wrapper { display: none; } .news-overview-teaser.type-list .news-info , .news-overview-teaser.type-list h6.subline { display: inline-block; } .news-overview-teaser.type-list h6.subline { display: inline; margin-left: -0.0625rem; } .news-overview-teaser.type-list .dynamic-label.type-time { margin-left: 0.125rem; } .news-overview-teaser.type-list .news-info { margin-bottom: 0rem; } .news-overview-teaser.type-list .news-info .dynamic-label.type-status { display: none; } .news-overview-teaser.type-list .news-info:after { content: '|'; color: #6e7882; } .news-overview-teaser.type-list .news-title { margin-top: 0.1875rem; } .news-overview-teaser.type-list .news-title .dynamic-label.type-status { margin-top: 0.125rem; } .news-overview-teaser.type-list .news-title .text-external { margin: 0rem; } .news-overview-teaser.type-list .dynamic-label.type-status.variant-mobile { float: left; margin-right: 0.5rem; margin-left: 0rem; } .news-overview-teaser.type-list.dynamic-show-status .news-title .dynamic-label.type-status { display: inline-block; } .news-overview-teaser.type-list.dynamic-show-status .dynamic-label.type-status.variant-mobile { display: block; } .news-overview-teaser.type-list .news-title-mobile { display: block; overflow: hidden; } .news-overview-teaser.type-list .news-title-mobile h5 { display: inline; margin-right: 0.3125rem; } } @media screen and (max-width: 41.25rem) { .news-overview-teaser.type-list .news-title { margin-top: 0.1875rem; } } .gallery-overview-teaser { margin-bottom: 1.875rem; /* &:hover { .image-wrapper { position: relative; &:before { opacity: 1; } } h5 { color: $color-red-961432; } }*/ } .gallery-overview-teaser .teaser-image-wrapper { margin-bottom: 0.625rem; } .gallery-overview-teaser .image-wrapper { position: relative; } .gallery-overview-teaser .image-wrapper:before { content: ''; display: block; position: absolute; top: 0rem; bottom: 0rem; left: 0rem; right: 0rem; background-color: rgba(0, 0, 0, 0.3); opacity: 0; -webkit-transition: opacity 0.275s ease-in; -moz-transition: opacity 0.275s ease-in; transition: opacity 0.275s ease-in; } .gallery-overview-teaser .teaser-image-wrapper { position: relative; padding-top: 0.125rem; } .gallery-overview-teaser .teaser-image-wrapper .label-gold { position: absolute; display: block; bottom: 0.625rem; right: 0.625rem; } .gallery-overview-teaser .teaser-image-wrapper:before { content: ''; display: block; height: 0.125rem; margin: 0rem 0.125rem; box-sizing: border-box; background-color: #6e7882; } .gallery-overview-teaser .teaser-image-wrapper:after { content: ''; display: block; height: 0.125rem; margin: 0rem 0.25rem; position: absolute; top: 0rem; left: 0rem; right: 0rem; width: auto; box-sizing: border-box; background-color: #c9ccd2; opacity: 1; } @media screen and (min-width: 85.375rem) { .gallery-overview-teaser .text-content { min-height: 5.875rem; } } @media screen and (max-width: 85.375rem) { .gallery-overview-teaser .text-content { min-height: 4.625rem; } } @media screen and (max-width: 63.9375rem) { .gallery-overview-teaser .text-content { min-height: 4.625rem; } } @media screen and (max-width: 41.25rem) { .gallery-overview-teaser .text-content { min-height: initial; } } .no-touchevents .gallery-overview-teaser:hover .image-wrapper { position: relative; } .no-touchevents .gallery-overview-teaser:hover .image-wrapper:before { opacity: 1; } .no-touchevents .gallery-overview-teaser:hover h5 { color: #961432; } .video-overview-teaser { margin-bottom: 2.1875rem; position: relative; } .video-overview-teaser h5 { margin-bottom: 0.8125rem; } .video-overview-teaser .text-content { margin-top: 0.625rem; min-height: 7.8125rem; } .video-overview-teaser.type-live .teaser-image-wrapper { position: relative; background-color: #e5e6e7; padding-bottom: 56.22255%; } .video-overview-teaser.type-live .match-wrapper { z-index: 2; position: absolute; width: 100%; height: 100%; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .video-overview-teaser.type-live .match-wrapper .match-alignment { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .video-overview-teaser.type-live .match-wrapper .match-title { display: block; font-family: "expressway_condensed_bold"; font-size: 1rem; line-height: 1.375rem; color: #961432; text-transform: uppercase; text-align: center; margin-bottom: 0.75rem; width: 100%; } .video-overview-teaser.type-live .match-wrapper .match-clubs { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; text-align: center; } .video-overview-teaser.type-live .match-wrapper .match-clubs .club , .video-overview-teaser.type-live .match-wrapper .match-clubs .match-vs { display: inline-block; } .video-overview-teaser.type-live .match-wrapper .match-clubs .match-vs { font-family: "expressway_condensed_bold"; font-size: 1.375rem; line-height: 1.75rem; color: #0A3C64; text-transform: uppercase; margin-right: 0.9375rem; margin-left: 0.9375rem; } .video-overview-teaser.type-live .club { width: 3.75rem; height: 3.75rem; border: 0.125rem solid #C8AA78; position: relative; } .video-overview-teaser.type-live .club:after { content: ''; position: absolute; bottom: 0rem; left: 0rem; width: 100%; height: 25%; border-radius: 50%; box-shadow: 0rem 1.3125rem 1.25rem rgba(0, 0, 0, 0.2); } .video-overview-teaser .teaser-image-wrapper { position: relative; } .video-overview-teaser .teaser-image-wrapper .teaser-icon { position: absolute; right: 0.625rem; bottom: 0.625rem; } @media screen and (max-width: 63.9375rem) { .video-overview-teaser .text-content { min-height: 6.5625rem; } .video-overview-teaser .label-plus { top: 1.25rem; } } @media screen and (max-width: 41.25rem) { .video-overview-teaser .text-content { min-height: initial; } } /* textTeaser ~ END */ /* sliderBasics ~ START */ .fcb-slider-wrapper .slider-pagination-wrapper { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; margin-top: 1.875rem; /****************************** * TEXT PAGINATION ******************************/ } .fcb-slider-wrapper .slider-pagination-wrapper .slider-nav { margin: 0; -webkit-tap-highlight-color: transparent; } .fcb-slider-wrapper .slider-pagination-wrapper .slider-nav.slider-prev { margin-right: 1.5rem; } .fcb-slider-wrapper .slider-pagination-wrapper .slider-nav.slider-next { margin-left: 1.5rem; } .fcb-slider-wrapper .slider-pagination-wrapper .slider-nav.slider-next .icon { margin-left: -0.1875rem; } .fcb-slider-wrapper .slider-pagination-wrapper .slider-pagination { position: relative; top: -0.3125rem; } .fcb-slider-wrapper .slider-pagination-wrapper .slider-pagination span { background: #ffffff; margin: 0 0.3125rem; border: 2px solid #c9ccd2; opacity: 1; } .fcb-slider-wrapper .slider-pagination-wrapper .slider-pagination span.swiper-pagination-bullet-active { background: #961432; border-color: #961432; } .fcb-slider-wrapper .slider-pagination-wrapper .slider-pagination-text { display: none; margin-top: -0.1875rem; width: 4.6875rem; text-align: center; } .fcb-slider-wrapper.enable-pagination-text .fcb-slider .slider-pagination { display: none; } .fcb-slider-wrapper.enable-pagination-text .fcb-slider .slider-pagination-text { display: block; } /* sliderBasics ~ END */ /* teaserSlider ~ START */ .fcb-teaser-slider { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fcb-teaser-slider .teaser-slide a { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; } .fcb-teaser-slider .teaser-slide .teaser-badges { left: 0.625rem; bottom: 0.625rem; } .fcb-teaser-slider .teaser-slide .teaser-type { bottom: 0.625rem; right: 0.9375rem; } .main-page-wrapper .fcb-teaser-slider-wrapper.slider-default { margin-left: -1.375rem; margin-right: -1.375rem; } .main-page-wrapper .fcb-teaser-slider-wrapper.slider-default .fcb-teaser-slider-content { padding-left: 1.375rem; padding-right: 1.375rem; } .main-page-wrapper .fcb-teaser-slider-wrapper.slider-default[data-slide-per-view="4"] .fcb-teaser-slider .teaser-slide .text-teaser .text-content h5 { font-size: 1.125rem; line-height: 1.5rem; margin-bottom: 0.4375rem; } .main-page-wrapper .fcb-teaser-slider-wrapper.slider-default .fcb-teaser-slider-header { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; -webkit-align-items: baseline; -moz-align-items: baseline; align-items: baseline; margin-bottom: 0.625rem; padding-top: 1.25rem; } .main-page-wrapper .fcb-teaser-slider-wrapper.slider-default .fcb-teaser-slider-header h3 { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; line-height: 100%; margin-bottom: 1.25rem; } .main-page-wrapper .fcb-teaser-slider-wrapper.slider-default .fcb-teaser-slider-header p { margin-bottom: 0; line-height: 100%; } .main-page-wrapper .fcb-teaser-slider-wrapper.slider-default .fcb-teaser-slider-header p a.button, .main-page-wrapper .fcb-teaser-slider-wrapper.slider-default .fcb-teaser-slider-header p .ui-datepicker div.ui-datepicker-buttonpane button, .ui-datepicker div.ui-datepicker-buttonpane .main-page-wrapper .fcb-teaser-slider-wrapper.slider-default .fcb-teaser-slider-header p button { margin-bottom: 0; } .main-page-wrapper .fcb-teaser-slider-wrapper.slider-default .swiper-wrapper { margin-left: 0; } .main-page-wrapper .fcb-teaser-slider-wrapper.slider-default .teaser-slider-bottom { display: none; } .main-page-wrapper .fcb-teaser-slider-wrapper.slider-default .fcb-teaser-slider { position: relative; } .main-page-wrapper .fcb-teaser-slider-wrapper.slider-default .fcb-teaser-slider .teaser-slide { background-color: #ffffff; } .main-page-wrapper .fcb-teaser-slider-wrapper.slider-default .fcb-teaser-slider .teaser-slide .text-teaser { margin-bottom: 0.9375rem; outline: none; } .main-page-wrapper .fcb-teaser-slider-wrapper.slider-default .fcb-teaser-slider .teaser-slide .text-teaser .text-content { padding: 0 0.625rem; } .main-page-wrapper .fcb-teaser-slider-wrapper.slider-default .fcb-teaser-slider .teaser-slide .text-teaser .text-content h5 { margin-bottom: 0.625rem; } .main-page-wrapper .fcb-teaser-slider-wrapper.slider-default .fcb-teaser-slider .teaser-slide .text-teaser .text-content .new-text { font-family: "expressway_condensed_light"; color: #961432; margin-bottom: 0.625rem; } .main-page-wrapper .fcb-teaser-slider-wrapper.slider-default .fcb-teaser-slider .teaser-slide .text-teaser .text-content .new-text span { background-color: #C8AA78; color: #ffffff; padding: 0.1875rem; border-radius: 0.125rem; position: relative; top: 0.04375rem; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .main-page-wrapper .fcb-teaser-slider-wrapper.slider-default { width: 100%; max-width: 100%; margin-left: 0.1875rem; margin-right: 0.1875rem; } .main-page-wrapper .fcb-teaser-slider-wrapper.slider-default .fcb-teaser-slider-content { padding-left: 0; padding-right: 0.75rem; } .main-page-wrapper .fcb-teaser-slider-wrapper.slider-default .fcb-teaser-slider-content .fcb-teaser-slider { margin-right: -2.375rem; padding-right: 1rem; } .main-page-wrapper .fcb-teaser-slider-wrapper.slider-default .slider-pagination-wrapper { display: none; } .main-page-wrapper .fcb-teaser-slider-wrapper.slider-default .fcb-teaser-slider { left: 0; padding: 0; } .main-page-wrapper .fcb-teaser-slider-wrapper.slider-default .fcb-teaser-slider .swiper-wrapper { margin-left: 0; } .main-page-wrapper .fcb-teaser-slider-wrapper.slider-default .fcb-teaser-slider .swiper-wrapper .swiper-slide { width: 12.25rem; } .main-page-wrapper .fcb-teaser-slider-wrapper.slider-default .fcb-teaser-slider .swiper-wrapper .swiper-slide:last-child { margin-right: 0.8125rem; } .main-page-wrapper .fcb-teaser-slider-wrapper.slider-default .fcb-teaser-slider .teaser-badges { left: 0.3125rem; } .main-page-wrapper .fcb-teaser-slider-wrapper.slider-default .fcb-teaser-slider .teaser-badges .icon { height: 1.25rem; } .ie-10 .main-page-wrapper .fcb-teaser-slider-wrapper.slider-default .fcb-teaser-slider .teaser-badges, .ie-11 .main-page-wrapper .fcb-teaser-slider-wrapper.slider-default .fcb-teaser-slider .teaser-badges { max-height: 1.25rem; } .ie-10 .main-page-wrapper .fcb-teaser-slider-wrapper.slider-default .fcb-teaser-slider .teaser-badges .icon, .ie-11 .main-page-wrapper .fcb-teaser-slider-wrapper.slider-default .fcb-teaser-slider .teaser-badges .icon { width: 3.25rem; } .ie-13 .main-page-wrapper .fcb-teaser-slider-wrapper.slider-default .fcb-teaser-slider .teaser-badges .icon { max-width: 3.25rem; } .main-page-wrapper .fcb-teaser-slider-wrapper.slider-default .fcb-teaser-slider .teaser-type { height: 2.5rem; width: 2.5rem; box-shadow: 0.0625rem 0.125rem 0.375rem rgba(0, 0, 0, 0.3); border-width: 0.1875rem; right: 0.625rem; bottom: 0.625rem; /* .icon { @include display(flex); margin-top: rem(2); margin-left: rem(4); } */ } .main-page-wrapper .fcb-teaser-slider-wrapper.slider-default .fcb-teaser-slider .teaser-type.type-video .icon { width: 0.8125rem; margin-top: -0.0625rem; margin-left: 0.1875rem; } .main-page-wrapper .fcb-teaser-slider-wrapper.slider-default .fcb-teaser-slider .teaser-type.type-gallery .icon { width: 1.125rem; margin-top: 0; } .main-page-wrapper .fcb-teaser-slider-wrapper.slider-default .fcb-teaser-slider .teaser-type.type-webradio .icon { width: 1.3125rem; } .main-page-wrapper .fcb-teaser-slider-wrapper.slider-default .fcb-teaser-slider .teaser-type.type-live .icon { width: 1.4375rem; } .ie-10 .main-page-wrapper .fcb-teaser-slider-wrapper.slider-default .fcb-teaser-slider .teaser-type.type-video .icon { margin-top: 0.125rem; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .main-page-wrapper .fcb-teaser-slider-wrapper.slider-default { margin-left: 0.0625rem; margin-right: 0.0625rem; } .main-page-wrapper .fcb-teaser-slider-wrapper.slider-default .fcb-teaser-slider-content { padding-right: 0.625rem; } .main-page-wrapper .fcb-teaser-slider-wrapper.slider-default .fcb-teaser-slider-content .fcb-teaser-slider { margin-right: -1.625rem; padding-right: 0.5rem; } .main-page-wrapper .fcb-teaser-slider-wrapper.slider-default .fcb-teaser-slider-header .button { font-size: 0.875rem; padding: 0.5rem 0.625rem; } .main-page-wrapper .fcb-teaser-slider-wrapper.slider-default .fcb-teaser-slider .swiper-wrapper .swiper-slide { width: 15.25rem; } .main-page-wrapper .fcb-teaser-slider-wrapper.slider-default .teaser-slider-bottom { display: block; text-align: center; } .main-page-wrapper .fcb-teaser-slider-wrapper.slider-default .teaser-slider-bottom .button { display: block; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-teaser-slider-wrapper.related-videos-slider .fcb-teaser-slider-content .slider-pagination-wrapper { display: none; } } /* teaserSlider ~ END */ /* relatedContentSlider ~ START */ .main-page-wrapper .fcb-related-content-slider-wrapper .related-content-slide .fcb-row { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .main-page-wrapper .fcb-related-content-slider-wrapper .related-content-slide .panel { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .main-page-wrapper .fcb-related-content-slider-wrapper .related-content-slide .panel a { display: block; text-decoration: none; } .main-page-wrapper .fcb-related-content-slider-wrapper .related-content-slide .panel a .teaser-type { bottom: 0.625rem; right: 0.9375rem; } .main-page-wrapper .fcb-related-content-slider-wrapper .related-content-slide .panel .fcb-related-content-image-wrapper { position: relative; } .no-touchevents .main-page-wrapper .fcb-related-content-slider-wrapper .related-content-slide .panel a:hover .fcb-related-content-image-wrapper img, .no-touchevents .main-page-wrapper .fcb-related-content-slider-wrapper .related-content-slide .panel.hero a:hover .fcb-related-content-image-wrapper img { -webkit-filter: brightness(110%) contrast(110%); filter: brightness(110%) contrast(110%); } .no-touchevents .main-page-wrapper .fcb-related-content-slider-wrapper .related-content-slide .panel a:hover .text-content h5, .no-touchevents .main-page-wrapper .fcb-related-content-slider-wrapper .related-content-slide .panel.hero a:hover .text-content h5 { color: #961432; } .no-touchevents .main-page-wrapper .fcb-related-content-slider-wrapper .related-content-slide .panel a:hover .teaser-type:not(.type-live), .no-touchevents .main-page-wrapper .fcb-related-content-slider-wrapper .related-content-slide .panel.hero a:hover .teaser-type:not(.type-live) { background-color: #961432; background-color: rgba(150, 20, 50, 0.8); border: 0rem solid #961432; border: 0rem solid rgba(150, 20, 50, 0.8) !important; } .no-touchevents .main-page-wrapper .fcb-related-content-slider-wrapper .related-content-slide .panel a:hover .teaser-type .icon path, .no-touchevents .main-page-wrapper .fcb-related-content-slider-wrapper .related-content-slide .panel.hero a:hover .teaser-type .icon path { fill: #ffffff; } .main-page-wrapper .fcb-related-content-slider-wrapper .related-content-slide .panel .fcb-related-content-image-wrapper, .main-page-wrapper .fcb-related-content-slider-wrapper .related-content-slide .panel.hero .fcb-related-content-image-wrapper { position: relative; } .main-page-wrapper .fcb-related-content-slider-wrapper .related-content-slide .panel .fcb-related-content-image-wrapper .image-wrapper, .main-page-wrapper .fcb-related-content-slider-wrapper .related-content-slide .panel.hero .fcb-related-content-image-wrapper .image-wrapper { margin-bottom: 0; width: 100%; } .main-page-wrapper .fcb-related-content-slider-wrapper .related-content-slide .text-content { padding: 0.9375rem 0.625rem; background-color: #f8f8f9; } .main-page-wrapper .fcb-related-content-slider-wrapper .related-content-slide .text-content h5 { color: #0A3C64; } .main-page-wrapper .fcb-related-content-slider-wrapper .related-content-slide .text-content h6 { color: #961432; text-transform: uppercase; } .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .fcb-row { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; overflow: hidden; } .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-box-flex: 1; -moz-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; } .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel a { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; height: inherit; background-color: #f8f8f9; margin-bottom: 1.75rem; } .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel a .text-content p { display: none; } .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel a:last-of-type { margin-bottom: 0; } .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel.hero a { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel.hero a .text-content { min-height: 10.9375rem; } .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel.hero a .text-content h6 { min-height: 1.375rem; } .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel.hero a .text-content h5 { font-size: 1.75rem; line-height: 2.125rem; margin-bottom: 0.625rem; min-height: 2.125rem; } .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel.hero a .text-content p { display: block; min-height: 4.125rem; } .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel:nth-of-type(2) a:nth-of-type(2):last-of-type { -webkit-box-flex: inherit; -webkit-flex: inherit; -moz-box-flex: inherit; -moz-flex: inherit; -ms-flex: inherit; flex: inherit; height: 100%; } .main-page-wrapper .fcb-related-content-slider-wrapper.v2 .related-content-slide .panel a { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: inherit; } .main-page-wrapper .fcb-related-content-slider-wrapper.v2 .related-content-slide .panel a .fcb-related-content-image-wrapper { width: 100%; overflow: hidden; } .main-page-wrapper .fcb-related-content-slider-wrapper.v2 .related-content-slide .panel a .fcb-related-content-image-wrapper .image-wrapper { padding-bottom: 100%; } .main-page-wrapper .fcb-related-content-slider-wrapper.v2 .related-content-slide .panel a .fcb-related-content-image-wrapper .image-wrapper.loaded { padding-bottom: 0; } .main-page-wrapper .fcb-related-content-slider-wrapper.v2 .related-content-slide .panel a .fcb-related-content-image-wrapper .teaser-badges { display: block; overflow: hidden; } .main-page-wrapper .fcb-related-content-slider-wrapper.v2 .related-content-slide .panel a .text-content { -webkit-box-flex: auto; -webkit-flex: auto; -moz-box-flex: auto; -moz-flex: auto; -ms-flex: auto; flex: auto; min-height: 7.5rem; } @media screen and (min-width: 0rem) and (max-width: 85.375rem) { .main-page-wrapper .fcb-related-content-slider-wrapper.v2 .related-content-slide .panel a .text-content { min-height: 6.25rem; } } .main-page-wrapper .fcb-related-content-slider-wrapper.v2 .related-content-slide .panel a .text-content h6 { min-height: 1.375rem; } .main-page-wrapper .fcb-related-content-slider-wrapper.v2 .related-content-slide .panel a .text-content h5 { min-height: 3rem; font-size: 1.75rem; line-height: 2.125rem; } @media screen and (min-width: 0rem) and (max-width: 85.375rem) { .main-page-wrapper .fcb-related-content-slider-wrapper.v2 .related-content-slide .panel a .text-content h5 { font-size: 1.5rem; line-height: 1.875rem; } } .main-page-wrapper .fcb-related-content-slider-wrapper.v2 .related-content-slide .panel a .text-content p { display: none; } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel a { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: inherit; -webkit-flex: inherit; -moz-box-flex: inherit; -moz-flex: inherit; -ms-flex: inherit; flex: inherit; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; margin-bottom: 10px; } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel a .fcb-related-content-image-wrapper { width: 50%; } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel a .fcb-related-content-image-wrapper .image-wrapper { padding-bottom: 100%; } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel a .fcb-related-content-image-wrapper .image-wrapper.loaded { padding-bottom: 0; } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel a .text-content { -webkit-box-flex: auto; -webkit-flex: auto; -moz-box-flex: auto; -moz-flex: auto; -ms-flex: auto; flex: auto; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; width: 50%; } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel a .text-content p { display: none; } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel a .text-content { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; } } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel a:last-of-type { margin-bottom: 0; } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel a .teaser-type { height: 2.5rem; width: 2.5rem; box-shadow: 0.0625rem 0.125rem 0.375rem rgba(0, 0, 0, 0.3); border-width: 0.1875rem; right: 0.625rem; bottom: 0.625rem; } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel a .teaser-type.type-video .icon { width: 0.8125rem; margin-top: -0.0625rem; margin-left: 0.1875rem; } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel a .teaser-type.type-gallery .icon { width: 1.125rem; margin-top: 0; } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel a .teaser-type.type-webradio .icon { width: 1.3125rem; } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel a .teaser-type.type-live .icon { width: 1.4375rem; } .ie-10 .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel a .teaser-type.type-video .icon { margin-top: 0.125rem; } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel a .teaser-badges { left: 0.3125rem; } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel a .teaser-badges .icon { height: 1.25rem; } .ie-10 .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel a .teaser-badges, .ie-11 .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel a .teaser-badges { max-height: 1.25rem; } .ie-10 .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel a .teaser-badges .icon, .ie-11 .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel a .teaser-badges .icon { width: 3.25rem; } .ie-13 .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel a .teaser-badges .icon { max-width: 3.25rem; } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel a .teaser-badges .icon { margin-top: 0.1875rem; margin-right: 100%; } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel.hero a { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; width: 100%; height: inherit; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-box-flex: 1; -moz-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; min-height: 100%; } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel.hero a .fcb-related-content-image-wrapper { width: 100%; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel.hero a .fcb-related-content-image-wrapper .image-wrapper { padding-bottom: 56.22255%; } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel.hero a .fcb-related-content-image-wrapper .image-wrapper.loaded { padding-bottom: 0; } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel.hero a .text-content { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; width: 100%; } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel.hero a .text-content h5 { font-size: 1.75rem; line-height: 2.125rem; } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel.hero a .teaser-type { background-color: #ffffff; border-radius: 50%; bottom: 1.25rem; right: 1.25rem; width: 3.4375rem; height: 3.4375rem; box-shadow: 0.0625rem 0.1875rem 0.625rem rgba(0, 0, 0, 0.3); -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transition-property: background, border; -moz-transition-property: background, border; transition-property: background, border; -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; transition-duration: 0.25s; background-color: rgba(255, 255, 255, 0.2); border: 0.25rem solid #ffffff; bottom: 0.625rem; right: 0.9375rem; } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel.hero a .teaser-type .icon path { -webkit-transition: fill 0.5s ease-out; -moz-transition: fill 0.5s ease-out; transition: fill 0.5s ease-out; fill: #ffffff; } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel.hero a .teaser-type.type-video .icon { width: 1.25rem; margin-top: 0rem; margin-left: 0.3125rem; } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel.hero a .teaser-type.type-video .icon path { fill: #ffffff; } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel.hero a .teaser-type.type-gallery .icon { width: 1.6875rem; margin-top: 0.125rem; } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel.hero a .teaser-type.type-webradio .icon { width: 1.5625rem; } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel.hero a .teaser-type.type-live { border: none; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; transition-timing-function: linear; -webkit-animation: PulseLivestream 3.5s infinite; -moz-animation: PulseLivestream 3.5s infinite; animation: PulseLivestream 3.5s infinite; } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel.hero a .teaser-type.type-live .icon { width: 1.6875rem; margin-top: 0.125rem; } .ie-10 .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel.hero a .teaser-type.type-video .icon { margin-top: 0.125rem; } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel.hero a .teaser-badges .icon { height: 1.75rem; } .ie-10 .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel.hero a .teaser-badges, .ie-11 .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel.hero a .teaser-badges { height: auto; max-height: 1.75rem; overflow: hidden; } .ie-10 .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel.hero a .teaser-badges .icon, .ie-11 .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel.hero a .teaser-badges .icon { width: 4.5rem; } .ie-10 .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel.hero a .teaser-badges .icon svg, .ie-11 .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel.hero a .teaser-badges .icon svg { width: 100%; height: auto; } .ie-13 .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel.hero a .teaser-badges .icon { max-width: 4.5rem; } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel.hero a .teaser-badges .icon { margin-right: 0; margin-top: 0; } .main-page-wrapper .fcb-related-content-slider-wrapper .swiper-wrapper { margin-left: 0; } .main-page-wrapper .fcb-related-content-slider-wrapper .fcb-related-content-slider { position: relative; left: 0; padding-left: 0; padding-right: 0; } .main-page-wrapper .fcb-related-content-slider-wrapper .fcb-related-content-slider .related-content-slide .text-teaser { margin-bottom: 0.9375rem; outline: none; } .main-page-wrapper .fcb-related-content-slider-wrapper .fcb-related-content-slider .related-content-slide .text-teaser .text-content { padding: 0 0.625rem; } .main-page-wrapper .fcb-related-content-slider-wrapper .fcb-related-content-slider .related-content-slide .text-teaser .text-content h5 { margin-bottom: 0.625rem; } .main-page-wrapper .fcb-related-content-slider-wrapper .fcb-related-content-slider .related-content-slider-nav { margin: 0; } .main-page-wrapper .fcb-related-content-slider-wrapper .fcb-related-content-slider .related-content-slider-nav a { background: #961432; } .main-page-wrapper .fcb-related-content-slider-wrapper .fcb-related-content-slider .related-content-slider-nav a:before { color: #ffffff; } .main-page-wrapper .fcb-related-content-slider-wrapper .fcb-related-content-slider .related-content-slider-nav.related-content-slider-prev { margin-right: 1.5rem; } .main-page-wrapper .fcb-related-content-slider-wrapper .fcb-related-content-slider .related-content-slider-nav.related-content-slider-next { margin-left: 1.5rem; } .main-page-wrapper .fcb-related-content-slider-wrapper .fcb-related-content-slider .related-content-slider-pagination-wrapper { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; margin-top: 1.5rem; } .main-page-wrapper .fcb-related-content-slider-wrapper .fcb-related-content-slider .related-content-slider-pagination-wrapper .related-content-slider-pagination { position: relative; top: -0.3125rem; } .main-page-wrapper .fcb-related-content-slider-wrapper .fcb-related-content-slider .related-content-slider-pagination-wrapper .related-content-slider-pagination span { background: #ffffff; margin: 0 0.3125rem; border: 2px solid #c9ccd2; opacity: 1; } .main-page-wrapper .fcb-related-content-slider-wrapper .fcb-related-content-slider .related-content-slider-pagination-wrapper .related-content-slider-pagination span.swiper-pagination-bullet-active { background: #961432; border-color: #961432; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .main-page-wrapper .fcb-related-content-slider-wrapper { padding-right: 0; width: 100%; max-width: 100%; } .main-page-wrapper .fcb-related-content-slider-wrapper .fcb-related-content-slider .swiper-wrapper { margin-left: 0; } .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .fcb-row { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel a { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; width: 50%; margin-right: 1.125rem; margin-bottom: 0; } .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel a:last-of-type { margin-right: 0; } .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel a .text-content { min-height: 6.25rem; } .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel.hero a { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; width: 100%; margin-bottom: 1rem; } .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel.hero a .text-content h5 { font-size: 1.5rem; line-height: 1.875rem; } .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel:nth-of-type(2) a:nth-of-type(2):last-of-type { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; } .main-page-wrapper .fcb-related-content-slider-wrapper.v2 .related-content-slide .panel a .text-content { min-height: 7.75rem; } .main-page-wrapper .fcb-related-content-slider-wrapper.v2 .related-content-slide .panel a .text-content h5 { min-height: 4.625rem; font-size: 1.5rem; line-height: 1.875rem; } .main-page-wrapper .fcb-related-content-slider-wrapper.v2 .related-content-slide .panel a .teaser-badges .icon { margin-top: 0.3125rem; margin-right: 100%; } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .fcb-row { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel { margin-bottom: 1rem; } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel.hero a { width: 100%; } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel.hero a .fcb-related-content-image-wrapper { width: 100%; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel.hero a .text-content { width: 100%; } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel.hero a .text-content h5 { font-size: 1.5rem; line-height: 1.875rem; } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel a { width: 100%; } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel a .fcb-related-content-image-wrapper { width: 50%; } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel a .text-content { width: 50%; } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel.last { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel.last a { margin-right: 1rem; margin-bottom: 0; width: calc(50% - 7px); } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel.last a:last-of-type { margin-right: 0; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-related-content-slider-wrapper .fcb-related-content-slider-header .button { font-size: 0.875rem; padding: 0.5rem 0.625rem; } .fcb-related-content-slider-wrapper .fcb-related-content-slider { margin-bottom: 0.625rem; } .fcb-related-content-slider-wrapper .fcb-related-content-slider .swiper-wrapper { margin-bottom: 0.9375rem; } .fcb-related-content-slider-wrapper .fcb-related-content-slider .slider-pagination-wrapper { display: none; } .fcb-related-content-slider-wrapper .teaser-slider-bottom { display: block; text-align: center; } .fcb-related-content-slider-wrapper .teaser-slider-bottom .button { display: block; } .main-page-wrapper .fcb-related-content-slider-wrapper .related-content-slide { margin-bottom: 1rem; } .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide, .main-page-wrapper .fcb-related-content-slider-wrapper.v2 .related-content-slide, .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide { padding: 0rem 0.3125rem; } .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel a { margin-bottom: 0; } .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel a .teaser-type { height: 2.5rem; width: 2.5rem; box-shadow: 0.0625rem 0.125rem 0.375rem rgba(0, 0, 0, 0.3); border-width: 0.1875rem; right: 0.625rem; bottom: 0.625rem; } .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel a .teaser-type.type-video .icon { width: 0.8125rem; margin-top: -0.0625rem; margin-left: 0.1875rem; } .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel a .teaser-type.type-gallery .icon { width: 1.125rem; margin-top: 0; } .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel a .teaser-type.type-webradio .icon { width: 1.3125rem; } .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel a .teaser-type.type-live .icon { width: 1.4375rem; } .ie-10 .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel a .teaser-type.type-video .icon { margin-top: 0.125rem; } .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel a .teaser-badges { left: 0.3125rem; } .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel a .teaser-badges .icon { height: 1.25rem; } .ie-10 .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel a .teaser-badges, .ie-11 .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel a .teaser-badges { max-height: 1.25rem; } .ie-10 .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel a .teaser-badges .icon, .ie-11 .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel a .teaser-badges .icon { width: 3.25rem; } .ie-13 .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel a .teaser-badges .icon { max-width: 3.25rem; } .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel a .teaser-badges .icon { margin-top: 0.1875rem; margin-right: 100%; } .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel a .text-content { min-height: initial; } .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel.hero h5 { font-size: 1.5rem; line-height: 1.875rem; margin-bottom: 0; } .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel.hero a .text-content { min-height: initial; } .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel.hero a .text-content p { display: none; } .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel.hero a .teaser-type { background-color: #ffffff; border-radius: 50%; bottom: 1.25rem; right: 1.25rem; width: 3.4375rem; height: 3.4375rem; box-shadow: 0.0625rem 0.1875rem 0.625rem rgba(0, 0, 0, 0.3); -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transition-property: background, border; -moz-transition-property: background, border; transition-property: background, border; -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; transition-duration: 0.25s; background-color: rgba(255, 255, 255, 0.2); border: 0.25rem solid #ffffff; bottom: 0.625rem; right: 0.9375rem; } .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel.hero a .teaser-type .icon path { -webkit-transition: fill 0.5s ease-out; -moz-transition: fill 0.5s ease-out; transition: fill 0.5s ease-out; fill: #ffffff; } .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel.hero a .teaser-type.type-video .icon { width: 1.25rem; margin-top: 0rem; margin-left: 0.3125rem; } .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel.hero a .teaser-type.type-video .icon path { fill: #ffffff; } .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel.hero a .teaser-type.type-gallery .icon { width: 1.6875rem; margin-top: 0.125rem; } .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel.hero a .teaser-type.type-webradio .icon { width: 1.5625rem; } .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel.hero a .teaser-type.type-live { border: none; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; transition-timing-function: linear; -webkit-animation: PulseLivestream 3.5s infinite; -moz-animation: PulseLivestream 3.5s infinite; animation: PulseLivestream 3.5s infinite; } .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel.hero a .teaser-type.type-live .icon { width: 1.6875rem; margin-top: 0.125rem; } .ie-10 .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel.hero a .teaser-type.type-video .icon { margin-top: 0.125rem; } .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel.hero a .teaser-badges .icon { height: 1.75rem; } .ie-10 .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel.hero a .teaser-badges, .ie-11 .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel.hero a .teaser-badges { height: auto; max-height: 1.75rem; overflow: hidden; } .ie-10 .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel.hero a .teaser-badges .icon, .ie-11 .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel.hero a .teaser-badges .icon { width: 4.5rem; } .ie-10 .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel.hero a .teaser-badges .icon svg, .ie-11 .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel.hero a .teaser-badges .icon svg { width: 100%; height: auto; } .ie-13 .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel.hero a .teaser-badges .icon { max-width: 4.5rem; } .main-page-wrapper .fcb-related-content-slider-wrapper.v1 .related-content-slide .panel.hero a .teaser-badges .icon { margin: 0; } .main-page-wrapper .fcb-related-content-slider-wrapper.v2 .related-content-slide .fcb-row { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .main-page-wrapper .fcb-related-content-slider-wrapper.v2 .related-content-slide .panel { margin-bottom: 1rem; } .main-page-wrapper .fcb-related-content-slider-wrapper.v2 .related-content-slide .panel a { -webkit-flex-flow: initial; -moz-flex-flow: initial; -ms-flex-flow: initial; flex-flow: initial; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; width: 100%; } .main-page-wrapper .fcb-related-content-slider-wrapper.v2 .related-content-slide .panel a .fcb-related-content-image-wrapper { width: 50%; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .main-page-wrapper .fcb-related-content-slider-wrapper.v2 .related-content-slide .panel a .text-content { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; width: 50%; } .main-page-wrapper .fcb-related-content-slider-wrapper.v2 .related-content-slide .panel a .teaser-type { height: 2.5rem; width: 2.5rem; box-shadow: 0.0625rem 0.125rem 0.375rem rgba(0, 0, 0, 0.3); border-width: 0.1875rem; right: 0.625rem; bottom: 0.625rem; } .main-page-wrapper .fcb-related-content-slider-wrapper.v2 .related-content-slide .panel a .teaser-type.type-video .icon { width: 0.8125rem; margin-top: -0.0625rem; margin-left: 0.1875rem; } .main-page-wrapper .fcb-related-content-slider-wrapper.v2 .related-content-slide .panel a .teaser-type.type-gallery .icon { width: 1.125rem; margin-top: 0; } .main-page-wrapper .fcb-related-content-slider-wrapper.v2 .related-content-slide .panel a .teaser-type.type-webradio .icon { width: 1.3125rem; } .main-page-wrapper .fcb-related-content-slider-wrapper.v2 .related-content-slide .panel a .teaser-type.type-live .icon { width: 1.4375rem; } .ie-10 .main-page-wrapper .fcb-related-content-slider-wrapper.v2 .related-content-slide .panel a .teaser-type.type-video .icon { margin-top: 0.125rem; } .main-page-wrapper .fcb-related-content-slider-wrapper.v2 .related-content-slide .panel a .teaser-badges { left: 0.3125rem; } .main-page-wrapper .fcb-related-content-slider-wrapper.v2 .related-content-slide .panel a .teaser-badges .icon { height: 1.25rem; } .ie-10 .main-page-wrapper .fcb-related-content-slider-wrapper.v2 .related-content-slide .panel a .teaser-badges, .ie-11 .main-page-wrapper .fcb-related-content-slider-wrapper.v2 .related-content-slide .panel a .teaser-badges { max-height: 1.25rem; } .ie-10 .main-page-wrapper .fcb-related-content-slider-wrapper.v2 .related-content-slide .panel a .teaser-badges .icon, .ie-11 .main-page-wrapper .fcb-related-content-slider-wrapper.v2 .related-content-slide .panel a .teaser-badges .icon { width: 3.25rem; } .ie-13 .main-page-wrapper .fcb-related-content-slider-wrapper.v2 .related-content-slide .panel a .teaser-badges .icon { max-width: 3.25rem; } .main-page-wrapper .fcb-related-content-slider-wrapper.v2 .related-content-slide .panel a .teaser-badges .icon { margin-top: 0.1875rem; margin-right: 100%; } .main-page-wrapper .fcb-related-content-slider-wrapper.v2 .related-content-slide .panel:last-of-type { margin-bottom: 0; } .main-page-wrapper .fcb-related-content-slider-wrapper.v2 .related-content-slide .panel.hero a { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; margin-bottom: 1rem; } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; width: 100%; overflow: hidden; } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel a { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; width: 50%; margin-bottom: 0; margin-right: 1rem; } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel a .fcb-related-content-image-wrapper { width: 100%; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel a .text-content { width: 100%; } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel a:last-of-type { margin-bottom: 0; margin-right: 0; height: inherit; } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel.hero { width: 100%; } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel.hero a { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; margin-right: 0; } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel.hero a .fcb-related-content-image-wrapper { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel.hero h5 { font-size: 1.5rem; line-height: 1.875rem; } .main-page-wrapper .fcb-related-content-slider-wrapper.v3 .related-content-slide .panel.last a { width: 50%; } } .main-page-wrapper .background-grey .fcb-related-content-slider-wrapper .fcb-related-content-slider { margin-bottom: 0; } .related-content-slider-more { display: none; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .related-content-slider-more { display: none; border-radius: 50%; width: 4.375rem; height: 4.375rem; background: none; border: 0.125rem solid #0A3C64; text-align: center; margin: 0 auto; cursor: pointer; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .related-content-slider-more .text { position: relative; color: #0A3C64; font-family: "expressway_condensed_bold"; text-transform: uppercase; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .related-content-slider-more .text.text-expanded { display: none; } .related-content-slider-more .slider-more-icon-collapsed, .related-content-slider-more .slider-more-icon-expanded { position: absolute; margin: 0 auto; left: 0; right: 0; width: 0.6875rem; } .related-content-slider-more .slider-more-icon-collapsed svg, .related-content-slider-more .slider-more-icon-expanded svg { -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; transition: all 0.2s ease-in; fill: #0A3C64; max-height: 1.25rem; } .related-content-slider-more .slider-more-icon-collapsed { margin-top: 0.4375rem; } .related-content-slider-more .slider-more-icon-expanded { display: none; margin-top: 0rem; } .related-content-slider-more:hover { background: #0A3C64; } .related-content-slider-more:hover .text { color: #ffffff; } .related-content-slider-more:hover .slider-more-icon-collapsed svg, .related-content-slider-more:hover .slider-more-icon-expanded svg { fill: #ffffff; } .related-content-slider-more.expanded .text.text-expanded { display: block; } .related-content-slider-more.expanded .text.text-collapsed { display: none; } .related-content-slider-more.expanded .slider-more-icon-expanded { display: block; } .related-content-slider-more.expanded .slider-more-icon-collapsed { display: none; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .related-content-slider-more { display: block; } } /* relatedContentSlider ~ END */ /* herostage>teaser ~ START */ /* herostage-teaser / generic style */ .main-page-wrapper .herostage-wrapper { /* BREAKPOINTS __________________________________________________ */ /* LARGE - STATE */ /* MEDIUM - STATE */ /* SMALL - STATE */ } .main-page-wrapper .herostage-wrapper .herostage-teaser { box-sizing: border-box; color: #ffffff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* TEASER - 100 */ /* TEASER - 50 */ /* TEASER - 25 */ } .main-page-wrapper .herostage-wrapper .herostage-teaser .teaser-image-wrapper { height: 100%; } .main-page-wrapper .herostage-wrapper .herostage-teaser .herostage-teaser-wrapper-link { text-decoration: none; position: absolute; width: 100%; height: 100%; z-index: 10; } .main-page-wrapper .herostage-wrapper .herostage-teaser .herostage-teaser-wrapper-link:hover { cursor: pointer; } .main-page-wrapper .herostage-wrapper .herostage-teaser .teaser-badges { top: -2.3125rem; bottom: initial; left: 0rem; } .main-page-wrapper .herostage-wrapper .herostage-teaser .teaser-type { z-index: 15; } .main-page-wrapper .herostage-wrapper .herostage-teaser .teaser-content { position: absolute; bottom: 4%; width: 60%; left: 4rem; z-index: 11; } .main-page-wrapper .herostage-wrapper .herostage-teaser .teaser-content ul.quick-links li { display: block; } .main-page-wrapper .herostage-wrapper .herostage-teaser .teaser-content h2.teaser-title { color: #ffffff; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); font-size: 3.375rem; line-height: 3.75rem; font-family: "expressway_bold"; text-decoration: none; } .main-page-wrapper .herostage-wrapper .herostage-teaser .teaser-content a { text-decoration: none; } .main-page-wrapper .herostage-wrapper .herostage-teaser .teaser-content h3 { font-size: 1.125rem; line-height: 1.5rem; text-transform: uppercase; font-family: "expressway_condensed_light"; margin-bottom: 0.125rem; color: #ffffff; text-decoration: none; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); } .main-page-wrapper .herostage-wrapper .herostage-teaser .teaser-content p.teaser-abtract { font-size: 1.375rem; line-height: 1.75rem; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); margin: 0; text-decoration: none; } .main-page-wrapper .herostage-wrapper .herostage-teaser .teaser-content p.teaser-cta-wrapper { margin: 1.375rem 0 0 0; } .main-page-wrapper .herostage-wrapper .herostage-teaser .teaser-content .quick-links { margin-top: 1.625rem; } .main-page-wrapper .herostage-wrapper .herostage-teaser .teaser-content .quick-links li { font-size: 1rem; line-height: 1.375rem; margin-bottom: 0.375rem; } .main-page-wrapper .herostage-wrapper .herostage-teaser .teaser-content .quick-links li a { font-family: "expressway_condensed_light"; text-decoration: none; border-bottom: 1px solid #c9ccd2; } .main-page-wrapper .herostage-wrapper .herostage-teaser .teaser-content *:last-child { margin-bottom: 0 !important; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-100 .teaser-content { width: 37%; left: 4.1875rem; bottom: auto; top: 7rem; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-100 .teaser-content h2.teaser-title { margin: 0; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-100 .teaser-content p.teaser-abtract { font-size: 1.375rem; line-height: 1.75rem; margin-top: 0.75rem; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-100 .teaser-content .teaser-cta-wrapper { margin-top: 1.375rem; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-100 .teaser-badges { left: 0rem; top: -2.125rem; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-100 .teaser-type { width: 7.8125rem; height: 7.8125rem; box-shadow: 0.0625rem 0.1875rem 0.625rem rgba(0, 0, 0, 0.3); right: 1.5625rem; bottom: 1.5625rem; right: 3.75rem; bottom: 3.75rem; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-100 .teaser-type.type-video .icon { width: 2.75rem; margin-top: 0.0625rem; margin-left: 0.75rem; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-100 .teaser-type.type-gallery .icon { width: 3.75rem; margin-top: 0.3125rem; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-100 .teaser-type.type-webradio .icon { width: 3.875rem; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-100 .teaser-type.type-live .icon { width: 3.75rem; margin-top: 0; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-50 .teaser-content { width: 65%; bottom: 5rem; left: 3.125rem; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-50 .teaser-content h2.teaser-title { margin: 0; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-50 .teaser-content h3.teaser-subheadline { margin-bottom: 0.375rem; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-50 .teaser-content p.teaser-abtract { margin-top: 1rem; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-50 .teaser-type { width: 6.25rem; height: 6.25rem; box-shadow: 0.0625rem 0.1875rem 0.625rem rgba(0, 0, 0, 0.3); bottom: 3.125rem; right: 3.125rem; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-50 .teaser-type.type-video .icon { width: 2.1875rem; margin-top: 0rem; margin-left: 0.6875rem; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-50 .teaser-type.type-gallery .icon { width: 3.125rem; margin-top: 0.125rem; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-50 .teaser-type.type-webradio .icon { width: 3.125rem; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-50 .teaser-type.type-live .icon { width: 3.125rem; margin-top: 0.125rem; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-25 .teaser-content { bottom: 2.1875rem; left: 2.5rem; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-25 .teaser-content h2.teaser-title { font-size: 1.75rem; line-height: 2.125rem; margin-bottom: 1.6875rem; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-25 .teaser-content .teaser-subheadline { margin-bottom: 0.5rem; padding: 0; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-25 .teaser-content .teaser-cta-wrapper { margin-bottom: 0.625rem !important; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-25 .teaser-type { bottom: 1.875rem; right: 1.5625rem; } @media screen and (min-width: 0rem) and (max-width: 85.375rem) { .main-page-wrapper .herostage-wrapper .herostage-teaser .teaser-content { left: 4%; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-100 .teaser-content { min-width: 30.3125rem; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .main-page-wrapper .herostage-wrapper .herostage-teaser .teaser-content h2.teaser-title { font-size: 1.75rem; line-height: 2.125rem; margin-bottom: 0.625rem; } .main-page-wrapper .herostage-wrapper .herostage-teaser .teaser-content p.teaser-abtract { font-size: 1rem; line-height: 1.375rem; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-100 .teaser-content { min-width: 0.25rem; top: auto; bottom: 2.75rem; left: 2.6875rem; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-100 .teaser-content p.teaser-abtract { font-size: 1rem; line-height: 1.375rem; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-100 .teaser-badges { top: -3rem; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-100 .teaser-type { width: 6.25rem; height: 6.25rem; box-shadow: 0.0625rem 0.1875rem 0.625rem rgba(0, 0, 0, 0.3); } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-100 .teaser-type.type-video .icon { width: 2.1875rem; margin-top: 0rem; margin-left: 0.6875rem; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-100 .teaser-type.type-gallery .icon { width: 3.125rem; margin-top: 0.125rem; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-100 .teaser-type.type-webradio .icon { width: 3.125rem; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-100 .teaser-type.type-live .icon { width: 3.125rem; margin-top: 0.125rem; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-50 .teaser-content { width: 45%; left: 43px; bottom: 50px; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-50 .teaser-content h3.teaser-subheadline { margin-bottom: 0.5625rem; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-50 .teaser-content h2.teaser-title { font-size: 1.75rem; line-height: 2.125rem; margin-bottom: 0; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-50 .teaser-content p.teaser-abtract { margin-bottom: 0; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-50 .teaser-content p.teaser-cta-wrapper { margin-top: 1.5625rem; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-50 .teaser-type { background-color: #ffffff; border-radius: 50%; bottom: 1.25rem; right: 1.25rem; width: 3.4375rem; height: 3.4375rem; box-shadow: 0.0625rem 0.1875rem 0.625rem rgba(0, 0, 0, 0.3); -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transition-property: background, border; -moz-transition-property: background, border; transition-property: background, border; -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; transition-duration: 0.25s; background-color: rgba(255, 255, 255, 0.2); border: 0.25rem solid #ffffff; bottom: 3.125rem; right: 2.6875rem; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-50 .teaser-type .icon path { -webkit-transition: fill 0.5s ease-out; -moz-transition: fill 0.5s ease-out; transition: fill 0.5s ease-out; fill: #ffffff; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-50 .teaser-type.type-video .icon { width: 1.25rem; margin-top: 0rem; margin-left: 0.3125rem; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-50 .teaser-type.type-video .icon path { fill: #ffffff; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-50 .teaser-type.type-gallery .icon { width: 1.6875rem; margin-top: 0.125rem; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-50 .teaser-type.type-webradio .icon { width: 1.5625rem; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-50 .teaser-type.type-live { border: none; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; transition-timing-function: linear; -webkit-animation: PulseLivestream 3.5s infinite; -moz-animation: PulseLivestream 3.5s infinite; animation: PulseLivestream 3.5s infinite; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-50 .teaser-type.type-live .icon { width: 1.6875rem; margin-top: 0.125rem; } .ie-10 .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-50 .teaser-type.type-video .icon { margin-top: 0.125rem; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-25 { position: relative; left: auto; float: left; height: auto; /* .teaser-image-wrapper { width: 100%; height: auto; padding-bottom: $ballon16x9; } */ } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-25 .background-image-wrapper:before { background: none; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-25 .background-image-wrapper .background-image { position: relative; width: 100%; height: 24.5vw; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-25 .teaser-content { background: #ffffff; box-sizing: border-box; padding: 15px 20px 9px; width: 100%; position: static; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-25 .teaser-content .teaser-subheadline { font-size: 1rem; line-height: 1.375rem; color: #6e7882; text-shadow: none; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-25 .teaser-content .button { display: none; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-25 .teaser-content h2 { font-size: 1.75rem; line-height: 2.125rem; text-shadow: none; color: #0A3C64; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-25 .teaser-content .teaser-cta-wrapper { display: none; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-25 .teaser-content .teaser-title { margin-bottom: 0 !important; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-25 .teaser-content .teaser-abtract { color: #6e7882; text-shadow: none; margin-top: 1.625rem; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-25 .teaser-content .quick-links a { color: #6e7882; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-25.style-dark:first-child:before { position: absolute; content: ""; width: 0.125rem; height: 100%; background: #c9ccd2; top: 0; right: 0; z-index: 3; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-25.style-dark .background-image-wrapper:before { display: none; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-25.style-dark .teaser-content { background-image: none !important; background: #001428; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-25.style-dark .teaser-content h2 { color: #ffffff; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-25.style-dark .teaser-content .teaser-subheadline { color: #ffffff; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .main-page-wrapper .herostage-wrapper .herostage-teaser .teaser-content { width: 80%; } .main-page-wrapper .herostage-wrapper .herostage-teaser .teaser-content .quick-links { display: none; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-100 .teaser-content { bottom: 1.25rem; left: 0.75rem; width: 65%; min-width: 0; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-100 .teaser-content h2.teaser-title { margin-bottom: 0.125rem; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-100 .teaser-content p.teaser-abtract { font-size: 1rem; line-height: 1.375rem; margin-bottom: 0; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-100 .teaser-content .teaser-cta-wrapper { margin-bottom: 0; margin-top: 0.875rem; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-100 .teaser-badges { left: 0rem; top: -2.125rem; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-100 .teaser-badges .icon { height: 1.75rem; } .ie-10 .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-100 .teaser-badges, .ie-11 .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-100 .teaser-badges { height: auto; max-height: 1.75rem; overflow: hidden; } .ie-10 .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-100 .teaser-badges .icon, .ie-11 .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-100 .teaser-badges .icon { width: 4.5rem; } .ie-10 .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-100 .teaser-badges .icon svg, .ie-11 .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-100 .teaser-badges .icon svg { width: 100%; height: auto; } .ie-13 .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-100 .teaser-badges .icon { max-width: 4.5rem; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-100 .teaser-type { background-color: #ffffff; border-radius: 50%; bottom: 1.25rem; right: 1.25rem; width: 3.4375rem; height: 3.4375rem; box-shadow: 0.0625rem 0.1875rem 0.625rem rgba(0, 0, 0, 0.3); -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transition-property: background, border; -moz-transition-property: background, border; transition-property: background, border; -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; transition-duration: 0.25s; background-color: rgba(255, 255, 255, 0.2); border: 0.25rem solid #ffffff; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-100 .teaser-type .icon path { -webkit-transition: fill 0.5s ease-out; -moz-transition: fill 0.5s ease-out; transition: fill 0.5s ease-out; fill: #ffffff; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-100 .teaser-type.type-video .icon { width: 1.25rem; margin-top: 0rem; margin-left: 0.3125rem; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-100 .teaser-type.type-video .icon path { fill: #ffffff; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-100 .teaser-type.type-gallery .icon { width: 1.6875rem; margin-top: 0.125rem; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-100 .teaser-type.type-webradio .icon { width: 1.5625rem; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-100 .teaser-type.type-live { border: none; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; transition-timing-function: linear; -webkit-animation: PulseLivestream 3.5s infinite; -moz-animation: PulseLivestream 3.5s infinite; animation: PulseLivestream 3.5s infinite; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-100 .teaser-type.type-live .icon { width: 1.6875rem; margin-top: 0.125rem; } .ie-10 .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-100 .teaser-type.type-video .icon { margin-top: 0.125rem; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-50 .teaser-content { width: 80%; left: 0.8125rem; bottom: 1.25rem; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-50 .teaser-content p.teaser-abtract { font-size: 1rem; line-height: 1.375rem; margin-top: 0.625rem; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-50 .teaser-content p.teaser-cta-wrapper { margin-top: 0.9375rem; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-50 .teaser-type { right: 0.8125rem; bottom: 1.25rem; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-25 { float: none; width: 100%; height: auto !important; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-25 .teaser-content { min-height: 0; padding: 16px 13px 8px; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-25 .teaser-content h2 { font-size: 1.5rem; line-height: 1.875rem; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-25 .teaser-content .teaser-subheadline { margin-bottom: 0.375rem; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-25 .background-image-wrapper { width: 100%; height: 50vw; overflow: hidden; } .main-page-wrapper .herostage-wrapper .herostage-teaser.teaser-25 .background-image-wrapper .background-image { width: 100%; height: 50vw; } .main-page-wrapper .herostage-wrapper .herostage-teaser.style-dark.teaser-25:before { display: none; } .main-page-wrapper .herostage-wrapper .herostage-teaser.style-dark.teaser-25 .teaser-content { background: #001428 !important; } } .no-touchevents .main-page-wrapper .herostage-wrapper .herostage-teaser:hover .teaser-image-wrapper img { -webkit-filter: brightness(110%) contrast(110%); filter: brightness(110%) contrast(110%); } .no-touchevents .main-page-wrapper .herostage-wrapper .herostage-teaser:hover .teaser-type:not(.type-live) { background-color: #961432; background-color: rgba(150, 20, 50, 0.8); border: 0rem solid #961432; border: 0rem solid rgba(150, 20, 50, 0.8) !important; } .no-touchevents .main-page-wrapper .herostage-wrapper .herostage-teaser:hover .teaser-type .icon path { fill: #ffffff; } /* herostage-teaser / text type */ .herostage-teaser.herostage-teaser-video .teaser-image-wrapper, .herostage-teaser.herostage-teaser-text .teaser-image-wrapper { z-index: 0; } /* herostage-teaser / video type */ .herostage-wrapper { overflow: hidden; max-width: 1920px; /* MEDIUM - STATE */ /* SMALL - STATE */ } .herostage-wrapper.video-background { background-color: #001428; } .herostage-wrapper.herostage-open-video { width: 100%; height: 56.25vw; } .herostage-wrapper .herostage-video-wrapper { width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; z-index: 16; box-sizing: border-box; margin: 0 auto; } .herostage-wrapper .herostage-video-wrapper .herostage-video { width: 83.33333%; height: 46.875vw; position: relative; margin: 0 auto; background: black; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .herostage-wrapper .herostage-video-wrapper .herostage-video .kWidgetIframeContainer { width: 100%; height: 100%; } .herostage-wrapper .herostage-video-wrapper .herostage-video .kWidgetIframeContainer iframe { width: 100%; height: 100%; } .herostage-wrapper .herostage-video-wrapper .herostage-video .button-bar { margin-top: 0.625rem; } .herostage-wrapper .herostage-video-wrapper .herostage-video .button-bar:after { content: ''; clear: both; display: block; visibility: hidden; height: 0rem; } .herostage-wrapper .herostage-video-wrapper .herostage-video .button-bar p { float: left; font-size: 1rem; line-height: 1.375rem; font-family: "expressway_condensed_light"; } .herostage-wrapper .herostage-video-wrapper .herostage-video .button-bar .bottom-social { float: right; } .herostage-wrapper .herostage-video-wrapper .herostage-video-close { color: #ffffff; right: 0; position: absolute; top: 0.6875rem; right: 0.6875rem; width: 1.125rem; font-size: 1.125rem; opacity: 0.5; } .herostage-wrapper .herostage-video-wrapper .herostage-video-close:hover { color: #961432; cursor: pointer; opacity: 1; } .herostage-wrapper .herostage-teaser.herostage-teaser-video { /* .label-plus { position: absolute; top: rem(40); z-index: 3; } */ /* .teaser-icon.teaser-type-video { position: absolute; right: 0; bottom: 0; z-index: 3; bottom: rem(25); right: rem(25); cursor: pointer; // transition: background .3s; &:hover { background: $color-red-961432; transition: background .3s; &:before { color: $color-white; } } } */ } .herostage-wrapper .herostage-teaser.herostage-teaser-video .herostage-teaser-wrapper-link { position: absolute; z-index: 11; } .herostage-wrapper .herostage-teaser.herostage-teaser-video .teaser-content .teaser-icon { position: relative; right: auto; bottom: auto; } .herostage-wrapper .herostage-teaser.herostage-teaser-video.teaser-50 .teaser-content .teaser-icon { width: 7.8125rem; height: 7.8125rem; box-shadow: 0.0625rem 0.1875rem 0.625rem rgba(0, 0, 0, 0.3); right: 1.5625rem; bottom: 1.5625rem; } .herostage-wrapper .herostage-teaser.herostage-teaser-video.teaser-50 .teaser-content .teaser-icon.type-video .icon { width: 2.75rem; margin-top: 0.0625rem; margin-left: 0.75rem; } .herostage-wrapper .herostage-teaser.herostage-teaser-video.teaser-50 .teaser-content .teaser-icon.type-gallery .icon { width: 3.75rem; margin-top: 0.3125rem; } .herostage-wrapper .herostage-teaser.herostage-teaser-video.teaser-50 .teaser-content .teaser-icon.type-webradio .icon { width: 3.875rem; } .herostage-wrapper .herostage-teaser.herostage-teaser-video.teaser-50 .teaser-content .teaser-icon.type-live .icon { width: 3.75rem; margin-top: 0; } .herostage-wrapper .herostage-teaser.herostage-teaser-video.teaser-25 .herostage-teaser-wrapper-link { display: block; } .herostage-wrapper .herostage-teaser.herostage-teaser-video:hover { cursor: pointer; /* .teaser-icon.teaser-type-video { background: $color-red-961432; transition: background .3s; &:before { color: $color-white; } } */ } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .herostage-wrapper { /* .teaser-icon.teaser-type-video { @include teaserIconLarge(); position: absolute; top: 50%; left: 50%; @include transform(translateX(-50%) translateY(-50%)); &:before { top: rem(32); left: rem(37); } } */ } } .no-touchevents .main-page-wrapper .herostage-wrapper .herostage-teaser-video:hover .teaser-image-wrapper:after { opacity: 1; } /* herostage>teaser ~ END */ /* videoStage~ START */ .fcb-video-stage-wrapper { background: #001428; padding: 3.125rem 0; } .fcb-video-stage-wrapper .fcb-video-stage-content { width: 83.33333%; margin: 0 auto; } .fcb-video-stage-wrapper .fcb-video-stage-bottom { margin-top: 1.25rem; } .fcb-video-stage-wrapper .fcb-video-stage-bottom:after { content: ''; clear: both; display: block; visibility: hidden; height: 0rem; } .fcb-video-stage-wrapper .fcb-video-stage-bottom p { float: left; font-size: 1rem; line-height: 1.375rem; font-family: "expressway_condensed_light"; } .fcb-video-stage-wrapper .fcb-video-stage-bottom .fcb-video-stage-bottom-social { float: right; } .fcb-video-stage-wrapper .fcb-video-stage-bottom .type-date:after { content: '|'; padding-left: 0.1875rem; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-video-stage-wrapper .fcb-video-stage-content { width: 100%; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-video-stage-wrapper { padding: 0; } .fcb-video-stage-wrapper .fcb-video-stage-content { padding: 0; } .fcb-video-stage-wrapper .fcb-video-stage-bottom { padding: 0 0.625rem; margin-top: 0.625rem; margin-bottom: 0.625rem; position: relative; } .fcb-video-stage-wrapper .fcb-video-stage-bottom .fcb-video-stage-bottom-social { position: relative; top: -1rem; right: 0.125rem; } } @media screen and (max-width: 26.75rem) and (min-width: 0rem) { .fcb-video-stage-wrapper .fcb-video-stage-bottom .fcb-video-stage-bottom-social { float: none; position: static; padding: 0.9375rem 0 0; margin-bottom: 1.0625rem; } } .fcb-video-stage-player-wrapper { position: relative; } .fcb-video-stage-player-wrapper .ballon-wrapper { background: none; } .fcb-video-stage-player-wrapper .ballon-wrapper .fcb-video-stage-player { width: 100%; height: 100%; position: absolute; } .fcb-video-stage-player-wrapper .ballon-wrapper .fcb-video-stage-player > .icon-close { position: absolute; z-index: 3; right: 0.625rem; top: 0.625rem; color: #fff; width: 1.125rem; display: none; } .fcb-video-stage-player-wrapper .ballon-wrapper .fcb-video-stage-player > .icon-close:hover { color: #961432; cursor: pointer; } .fcb-video-stage-player-wrapper .ballon-wrapper .fcb-video-stage-player .fcb-video-stage-poster { position: absolute; width: 100%; height: 100%; z-index: 2; overflow: hidden; } .fcb-video-stage-player-wrapper .ballon-wrapper .fcb-video-stage-player .fcb-video-stage-poster .label-plus { position: absolute; display: inline-block; top: 2.5rem; font-family: "expressway_bold"; font-size: 1rem; line-height: 1.375rem; } .fcb-video-stage-player-wrapper .ballon-wrapper .fcb-video-stage-player .fcb-video-stage-poster .label-plus:after { position: absolute; border-width: 2.125rem 0.5rem 0 0; } .fcb-video-stage-player-wrapper .ballon-wrapper .fcb-video-stage-player .fcb-video-stage-poster .image-wrapper { position: absolute; width: 100%; } .fcb-video-stage-player-wrapper .ballon-wrapper .fcb-video-stage-player .fcb-video-stage-poster .image-wrapper:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 20, 40, 0.53); } .fcb-video-stage-player-wrapper .ballon-wrapper .fcb-video-stage-player .fcb-video-stage-poster .player-video-button { cursor: pointer; display: none; position: absolute; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .fcb-video-stage-player-wrapper .ballon-wrapper .fcb-video-stage-player .fcb-video-stage-poster .player-video-button .icon { width: 7.8125rem; height: 7.8125rem; box-shadow: 0.0625rem 0.1875rem 0.625rem rgba(0, 0, 0, 0.3); right: 1.5625rem; bottom: 1.5625rem; box-shadow: none; } .fcb-video-stage-player-wrapper .ballon-wrapper .fcb-video-stage-player .fcb-video-stage-poster .player-video-button .icon.type-video .icon { width: 2.75rem; margin-top: 0.0625rem; margin-left: 0.75rem; } .fcb-video-stage-player-wrapper .ballon-wrapper .fcb-video-stage-player .fcb-video-stage-poster .player-video-button .icon.type-gallery .icon { width: 3.75rem; margin-top: 0.3125rem; } .fcb-video-stage-player-wrapper .ballon-wrapper .fcb-video-stage-player .fcb-video-stage-poster .player-video-button .icon.type-webradio .icon { width: 3.875rem; } .fcb-video-stage-player-wrapper .ballon-wrapper .fcb-video-stage-player .fcb-video-stage-poster .player-video-button .icon.type-live .icon { width: 3.75rem; margin-top: 0; } .fcb-video-stage-player-wrapper .ballon-wrapper .fcb-video-stage-player .fcb-video-stage-poster .player-video-button svg path { fill: #ffffff; } .fcb-video-stage-player-wrapper .ballon-wrapper .fcb-video-stage-player .fcb-video-stage-poster .player-video-button:hover svg path { fill: #aa435b; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .fcb-video-stage-player-wrapper .ballon-wrapper .fcb-video-stage-player .fcb-video-stage-poster .player-video-button:before { top: 1.9375rem; left: 2.1875rem; } .fcb-video-stage-player-wrapper .ballon-wrapper .fcb-video-stage-player .fcb-video-stage-entry { opacity: 0; } .fcb-video-stage-player-wrapper .ballon-wrapper .fcb-video-stage-player.state-play .fcb-video-stage-entry { opacity: 1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .fcb-video-stage-player-wrapper .ballon-wrapper.state-play { z-index: 3; } .fcb-video-stage-player-wrapper .fcb-video-stage-text { position: absolute; bottom: 2.5rem; left: 2.5rem; z-index: 2; } .fcb-video-stage-player-wrapper .fcb-video-stage-text .teaser-badges { top: -2.375rem; left: 0; } .fcb-video-stage-player-wrapper .fcb-video-stage-text span { font-size: 1rem; line-height: 1.375rem; text-transform: uppercase; color: #c9ccd2; } .fcb-video-stage-player-wrapper .fcb-video-stage-text p { font-size: 1.75rem; line-height: 2.125rem; font-family: "expressway_bold"; color: #ffffff; } .herostage-frame.frame-100.video .fcb-video-stage-player-wrapper .fcb-video-stage-text { display: none; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-video-stage-player-wrapper .fcb-video-stage-poster .teaser-type-video { height: 2.5rem; width: 2.5rem; box-shadow: 0.0625rem 0.125rem 0.375rem rgba(0, 0, 0, 0.3); border-width: 0.1875rem; right: 0.625rem; bottom: 0.625rem; } .fcb-video-stage-player-wrapper .fcb-video-stage-poster .teaser-type-video.type-video .icon { width: 0.8125rem; margin-top: -0.0625rem; margin-left: 0.1875rem; } .fcb-video-stage-player-wrapper .fcb-video-stage-poster .teaser-type-video.type-gallery .icon { width: 1.125rem; margin-top: 0; } .fcb-video-stage-player-wrapper .fcb-video-stage-poster .teaser-type-video.type-webradio .icon { width: 1.3125rem; } .fcb-video-stage-player-wrapper .fcb-video-stage-poster .teaser-type-video.type-live .icon { width: 1.4375rem; } .ie-10 .fcb-video-stage-player-wrapper .fcb-video-stage-poster .teaser-type-video.type-video .icon { margin-top: 0.125rem; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-video-stage-player-wrapper .ballon-wrapper .fcb-video-stage-player .fcb-video-stage-poster .image-wrapper:after { display: none; } .fcb-video-stage-player-wrapper .ballon-wrapper .fcb-video-stage-player .fcb-video-stage-poster .teaser-type-video { width: 2.5rem; height: 2.5rem; } .fcb-video-stage-player-wrapper .ballon-wrapper .fcb-video-stage-player .fcb-video-stage-poster .teaser-type-video:before { top: 0.75rem; left: 1rem; } .fcb-video-stage-player-wrapper .fcb-video-stage-text { position: static; margin-top: 1.25rem; box-sizing: border-box; padding: 0 0.625rem; } .fcb-video-stage-player-wrapper .fcb-video-stage-text .teaser-badges { position: static; display: block; margin-bottom: 0.5rem; left: 0.3125rem; } .fcb-video-stage-player-wrapper .fcb-video-stage-text .teaser-badges .icon { height: 1.25rem; } .ie-10 .fcb-video-stage-player-wrapper .fcb-video-stage-text .teaser-badges, .ie-11 .fcb-video-stage-player-wrapper .fcb-video-stage-text .teaser-badges { max-height: 1.25rem; } .ie-10 .fcb-video-stage-player-wrapper .fcb-video-stage-text .teaser-badges .icon, .ie-11 .fcb-video-stage-player-wrapper .fcb-video-stage-text .teaser-badges .icon { width: 3.25rem; } .ie-13 .fcb-video-stage-player-wrapper .fcb-video-stage-text .teaser-badges .icon { max-width: 3.25rem; } .fcb-video-stage-player-wrapper .fcb-video-stage-text .teaser-badges .icon { line-height: initial; } .fcb-video-stage-player-wrapper .fcb-video-stage-text p { font-size: 1.5rem; line-height: 1.875rem; width: 68%; padding-bottom: 0; margin-bottom: 0; } } .plus-form-wrapper { font-size: 16px; background: url("../assets/videoStage/background.jpg") left top no-repeat #001428; color: #ffffff; } .plus-form-wrapper:after { content: ''; clear: both; display: block; visibility: hidden; height: 0rem; } .plus-form-wrapper .fcb-gr { display: inline-block; float: left; } .plus-form-wrapper .gr-content { margin-top: 3.875rem; box-sizing: border-box; position: relative; padding: 0 1.75rem; } .plus-form-wrapper .first-column, .plus-form-wrapper .second-column { width: 30%; } .plus-form-wrapper .first-column { width: 27.46305%; } .plus-form-wrapper .first-column .gr-content { border-right: 1px solid #6e7882; } .plus-form-wrapper .first-column .gr-content h3 { color: #C8AA78; font-size: 1.75rem; line-height: 2.125rem; margin-bottom: 2.5rem; font-family: "expressway_bold"; } .plus-form-wrapper .first-column .gr-content p { margin-bottom: 2.5rem; font-family: "expressway_condensed_light"; } .plus-form-wrapper .first-column .gr-content .label-plus { position: relative; font-family: "expressway_condensed_bold"; display: inline-block; margin-bottom: 1.25rem; } .plus-form-wrapper .second-column { width: 41.37931%; } .plus-form-wrapper .second-column .gr-content h5 { color: #ffffff; font-size: 1.25rem; line-height: 1.625rem; font-family: "expressway_condensed_light"; margin-bottom: 1.4375rem; } .plus-form-wrapper .second-column .gr-content ul { margin-bottom: 2.5rem; } .plus-form-wrapper .second-column .gr-content ul li { font-size: 1.375rem; line-height: 1.75rem; font-family: "expressway_condensed_bold"; } .plus-form-wrapper .second-column .gr-content p { font-size: 0.875rem; line-height: 1.25rem; margin-bottom: 1.875rem strong; margin-bottom-display: block; } .plus-form-wrapper .third-column { float: right; width: 31.03448%; } .plus-form-wrapper .third-column .gr-content { margin-top: 0; background: #ffffff; padding-top: 3.875rem; height: 28.5rem; } .plus-form-wrapper .third-column .gr-content h3 { font-size: 1.375rem; line-height: 1.75rem; margin-bottom: 1.875rem; } .plus-form-wrapper .third-column .gr-content .lost-password { color: #6e7882; font-size: 1rem; line-height: 1.375rem; font-family: "expressway_condensed_light"; display: block; margin-bottom: 0.625rem; } .plus-form-wrapper .third-column .gr-content a.close.button, .plus-form-wrapper .third-column .gr-content .ui-datepicker div.ui-datepicker-buttonpane button.close, .ui-datepicker div.ui-datepicker-buttonpane .plus-form-wrapper .third-column .gr-content button.close { position: absolute; top: -1.0625rem; right: -1.0625rem; display: block; width: 1.875rem; height: 1.875rem; background: #ffffff; border-radius: 1.875rem; padding: 0; border: 2px solid #6e7882; } .plus-form-wrapper .third-column .gr-content a.close.button:before, .plus-form-wrapper .third-column .gr-content .ui-datepicker div.ui-datepicker-buttonpane button.close:before, .ui-datepicker div.ui-datepicker-buttonpane .plus-form-wrapper .third-column .gr-content button.close:before { top: 7px; position: absolute; left: 13px; } .fcb-video-paywall-wrapper .fcb-video-paywall { overflow: hidden; background: none; } .fcb-video-paywall-wrapper .fcb-video-paywall:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 20, 40, 0.53); z-index: 0; } .fcb-video-paywall-wrapper .fcb-video-paywall .image-wrapper { position: absolute; width: 100%; height: 100%; } .fcb-video-paywall-wrapper .fcb-video-paywall .image-wrapper img { display: block; } .fcb-video-paywall-wrapper .fcb-video-paywall .text-content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; z-index: 2; } .fcb-video-paywall-wrapper .fcb-video-paywall .text-content > h2 { color: #C8AA78; font-family: "expressway_bold"; font-size: 3.375rem; line-height: 3.75rem; margin-bottom: 0.875rem; } .fcb-video-paywall-wrapper .fcb-video-paywall .text-content > p { color: #ffffff; font-size: 1.375rem; line-height: 1.75rem; margin-bottom: 1.5rem; } .fcb-video-paywall-wrapper .fcb-video-paywall .text-content > p strong { color: #C8AA78; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-video-paywall-wrapper .fcb-video-paywall .text-content > h2 { font-size: 2.125rem; line-height: 2.5rem; margin-bottom: 0.5rem; } .fcb-video-paywall-wrapper .fcb-video-paywall .text-content > p { font-size: 1rem; line-height: 1.375rem; margin-bottom: 0.875rem; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-video-paywall-wrapper .fcb-video-paywall { padding-bottom: 0.625rem; } .fcb-video-paywall-wrapper .fcb-video-paywall .text-content { position: relative; left: 50%; top: auto; padding-top: 11.25rem; width: 100%; -webkit-transform: translate(-50%); -moz-transform: translate(-50%); -ms-transform: translate(-50%); -o-transform: translate(-50%); transform: translate(-50%); margin: 0 auto; } .fcb-video-paywall-wrapper .fcb-video-paywall .text-content .button { display: block; margin-bottom: 0.625rem; font-size: 1.125rem; padding: 0.9375rem; } } /* herostage>teaser ~ END */ /* factbox ~ START */ .factbox { text-align: center; position: relative; overflow: hidden; } .factbox .factbox-text-element { border-top: 1px solid #c9ccd2; border-bottom: 1px solid #c9ccd2; padding-top: 2.0625rem; padding-bottom: 1.5625rem; } .factbox .factbox-text-element .factbox-inner-text { width: 83.33333%; margin: 0 auto; } .factbox .factbox-text-element .factbox-inner-text h3 { color: #961432; font-size: 1.125rem; line-height: 1.5rem; padding-bottom: 0.875rem; } .factbox .factbox-text-element .factbox-inner-text p { font-size: 1.75rem; line-height: 2.125rem; font-family: "expressway_condensed_bold"; color: #0A3C64; } .factbox.v2 .factbox-text-element { position: absolute; bottom: 0; width: 100%; border: 0; background: #ffffff; background: rgba(255, 255, 255, 0.9); } .factbox.v2.black .factbox-text-element { background: black; background: rgba(0, 0, 0, 0.7); } .factbox.v2.black .factbox-text-element .factbox-inner-text h3, .factbox.v2.black .factbox-text-element .factbox-inner-text p { color: #ffffff; } .factbox.v2.grey .factbox-text-element { background: #e5e6e7; padding-top: 0; } .factbox.v2.grey .factbox-text-element .factbox-inner-text { padding-top: 2.0625rem; border-top: 2px solid #ffffff; } .fcb-gr-12 .factbox .factbox-text-element .factbox-inner-text { max-width: 50.75rem; } .fcb-gr-8 .factbox .factbox-text-element .factbox-inner-text { width: 75%; } .fcb-gr-8 .factbox.v2 .factbox-text-element { padding-top: 0.8125rem; padding-bottom: 1.25rem; } .fcb-gr-8 .factbox.v2 .factbox-text-element .factbox-inner-text p { font-size: 1.375rem; line-height: 1.75rem; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .factbox.v2 .factbox-text-element { padding-top: 0.8125rem; padding-bottom: 0.375rem; } .factbox.v2 .factbox-text-element .factbox-inner-text p { font-size: 1.375rem; line-height: 1.75rem; } .fcb-gr-8 .factbox .factbox-text-element .factbox-inner-text { width: 83.33333%; } } /* factbox ~ END */ /* factbox ~ START */ .zitat { text-align: center; position: relative; overflow: hidden; } .zitat .zitat-text-element { border-top: 1px solid #c9ccd2; border-bottom: 1px solid #c9ccd2; padding-top: 0.6875rem; padding-bottom: 0.8125rem; } .zitat .zitat-text-element .zitat-inner-text { width: 83.33333%; margin: 0 auto; } .zitat .zitat-text-element .zitat-inner-text h3 { color: #961432; font-size: 1.125rem; line-height: 1.5rem; margin-bottom: 0; padding-bottom: 0; } .zitat .zitat-text-element .zitat-inner-text p { font-size: 1.75rem; line-height: 2.125rem; font-family: "expressway_condensed_bold"; color: #0A3C64; font-style: italic; margin-bottom: 1.125rem; } .zitat .zitat-block-element { text-align: left; padding-bottom: 0.25rem; margin-bottom: 1.25rem; border-bottom: 1px solid #c9ccd2; } .zitat .zitat-block-element .zitat-block-text h3 { color: #961432; font-size: 1.125rem; margin-bottom: 0.3125rem; } .zitat .zitat-block-element .zitat-block-text h3.blue { color: #0A3C64; } .zitat .zitat-block-element .zitat-block-text h4 { font-size: 0.875rem; color: #6e7882; line-height: 0.25rem; margin-bottom: 1rem; } .zitat .zitat-block-element .zitat-block-text p { font-size: 1rem; color: #6e7882; } .zitat .zizat-arrow { position: absolute; top: 1.875rem; z-index: 2; margin-bottom: 0; width: 2.6875rem; height: 2.6875rem; } .zitat .zizat-arrow .navi.arrow { width: 100%; height: 2.6875rem; background: #f8f8f9; position: relative; border-radius: 2.6875rem; } .zitat .zizat-arrow .navi.arrow .icon { width: 0.6875rem; height: 1.1875rem; margin: 0; padding: 0; left: 0; top: 0.125rem; } .zitat .zizat-arrow .navi.arrow .icon svg { fill: #0A5082; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .zitat .zizat-arrow .navi.arrow:hover svg { fill: #ffffff; } .zitat .zizat-arrow.zizat-arrow-right { right: 0; } .zitat .zizat-arrow.zizat-arrow-right .icon { left: 4px; } .zitat .zizat-arrow.zizat-arrow-left { left: 0; } .zitat .zizat-arrow.zizat-arrow-left .navi.arrow .icon { left: -0.1875rem; } .zitat .zizat-slider .slick-dots { margin-top: 0.3125rem; } .zitat .zizat-slider .slick-dots li { width: 0.5rem; height: 0.5rem; border-color: #c9ccd2; margin-left: 0.375rem; } .zitat .zizat-slider .slick-dots li.slick-active { background: #961432; } .fcb-gr-12 .zitat .zitat-text-element .zitat-inner-text { max-width: 50.75rem; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .zitat .zitat-text-element .zitat-inner-text p { font-size: 1.5rem; line-height: 1.875rem; } .fcb-gr-12 .zitat .zitat-block-element .zitat-block-text { width: 100%; } .fcb-gr-6 .zitat .zitat-text-element .zitat-inner-text { width: 100%; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-gr-12\@small .zitat .zitat-text-element .zitat-inner-text { width: 83.33333%; } } /* factbox ~ END */ /* inputFields ~ START */ .fcb-form-element-wrapper { margin-bottom: 0.625rem; /* SMALL - GRID STATE ______________________________________ */ } .fcb-form-element-wrapper .fcb-input-wrapper { color: #6e7882; padding: 0.5rem 0.4375rem; border-radius: 0.125rem; border: 0.0625rem solid #c9ccd2; } .fcb-form-element-wrapper .fcb-input-wrapper:after { content: ''; clear: both; display: block; visibility: hidden; height: 0rem; } .fcb-form-element-wrapper .fcb-input-wrapper .fcb-form-input { outline: none; font-family: "expressway_condensed_light"; font-size: 1.125rem; line-height: 1.5rem; color: #6e7882; border: 0; width: 100%; background-color: transparent; } .fcb-form-element-wrapper .fcb-input-wrapper.blue-gray { background-color: #c9ccd2; } .fcb-form-element-wrapper .fcb-input-wrapper.blue-gray .fcb-form-input { color: #0A3C64; } .fcb-form-element-wrapper .fcb-input-wrapper.blue-gray.fcb-input-event-focus { background-color: #ffffff; } .fcb-form-element-wrapper .fcb-input-wrapper.blue-gray.fcb-input-event-focus .fcb-form-input { color: #6e7882; } .fcb-form-element-wrapper .fcb-input-wrapper.blue-gray.inactive { background-color: #f8f8f9; } .fcb-form-element-wrapper .fcb-input-wrapper.blue-gray.inactive .fcb-form-input { color: #c9ccd2; } .fcb-form-element-wrapper .fcb-input-wrapper.blue-gray.error .fcb-form-input, .fcb-form-element-wrapper .fcb-input-wrapper.error .blue-gray.select2-container .fcb-form-input { color: #961432; } .fcb-form-element-wrapper .fcb-input-wrapper.inactive { border-color: #f8f8f9; } .fcb-form-element-wrapper .fcb-input-wrapper.inactive:focus { box-shadow: none; } .fcb-form-element-wrapper .fcb-input-wrapper.inactive .fcb-form-input { color: #c9ccd2; } .fcb-form-element-wrapper .fcb-input-wrapper.fcb-input-event-focus { box-shadow: 0 0 0 0.0625rem #0A3C64 inset; border-color: #0A3C64; } .fcb-form-element-wrapper .fcb-input-wrapper.error, .fcb-form-element-wrapper .fcb-input-wrapper.error .select2-container { box-shadow: 0 0 0 0.0625rem #6E0A28 inset; border-color: #6E0A28; background-color: #ffffff; } .fcb-form-element-wrapper .fcb-input-wrapper.error .fcb-form-input { color: #961432; } .fcb-form-element-wrapper .fcb-form-error { color: #961432; background: #e5e6e7; padding: 1rem 0.5625rem; font-family: "expressway_bold"; } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-form-element-wrapper label.inner { position: absolute; top: 0.625rem; left: 0.625rem; z-index: 1; display: block; } .fcb-form-element-wrapper.error label.inner { color: #961432; } } /* inputFields ~ END */ /* TabAccordion ~ START */ /* body.page-no-scroll { position: fixed; width: 100%; height: 100%; overflow: scroll; overflow-x: hidden; } */ .fcb-overlay-background { display: block; position: absolute; top: 0rem; bottom: 0rem; left: 100%; width: 100%; content: ''; background-color: #ffffff; z-index: 390; } .fcb-tab-accordion-wrapper .top-wrapper , .fcb-tab-accordion-wrapper .bottom-wrapper { display: none; } .fcb-tab-accordion-wrapper.type-tab .item-titles .item { margin-left: 0.125rem; margin-bottom: 0.125rem; } .fcb-tab-accordion-wrapper.type-tab .item-titles .item:first-child { margin-left: 0rem; } .fcb-tab-accordion-wrapper.type-tab .item-titles .item > a { font-family: "expressway_condensed_bold"; font-size: 1.125rem; line-height: 1.5rem; color: #ffffff; display: inline-block; text-transform: uppercase; text-decoration: none; background-color: #c9ccd2; border-radius: 0.1875rem; border: 0.125rem solid #c9ccd2; padding: 0.5rem 1.25rem 0.4375rem 1.25rem; } .fcb-tab-accordion-wrapper.type-tab .item-titles .item > a:hover { background-color: #0A3C64; border: 0.125rem solid #0A3C64; color: #ffffff; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .fcb-tab-accordion-wrapper.type-tab .item-titles .item > a { padding-top: 0.4375rem; padding-bottom: 0.5rem; } } @-moz-document url-prefix() { .fcb-tab-accordion-wrapper.type-tab .item-titles .item > a { padding-top: 0.4375rem; padding-bottom: 0.5rem; } } .fcb-tab-accordion-wrapper.type-tab .item-titles .item.active { position: relative; } .fcb-tab-accordion-wrapper.type-tab .item-titles .item.active:before, .fcb-tab-accordion-wrapper.type-tab .item-titles .item.active:after { position: absolute; z-index: 1; content: ''; display: block; } .fcb-tab-accordion-wrapper.type-tab .item-titles .item.active:before { left: 2px; right: 2px; bottom: -0.3125rem; height: 0.5rem; background-color: #ffffff; } .fcb-tab-accordion-wrapper.type-tab .item-titles .item.active:after { height: 0.375rem; left: 0rem; right: 0rem; bottom: -0.25rem; border-radius: 0rem; border-left: 0.125rem solid #0A3C64; border-right: 0.125rem solid #0A3C64; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .fcb-tab-accordion-wrapper.type-tab .item-titles .item.active:after { height: 0.4375rem; bottom: -0.25rem; } } .fcb-tab-accordion-wrapper.type-tab .item-titles .item.active > a { background-color: #ffffff; color: #0A3C64; border: 0.125rem solid #0A3C64; } .fcb-tab-accordion-wrapper.type-tab .item-select-wrapper { display: none; } .fcb-tab-accordion-wrapper.type-tab .item-content { border-radius: 0.1875rem; border: 0.125rem solid #0A3C64; padding: 0.8125rem; padding-top: 0.625rem; } .fcb-tab-accordion-wrapper.type-tab .item-content .item { display: none; } .fcb-tab-accordion-wrapper.type-tab .item-content .item .item-content-headline { font-family: "expressway_condensed_bold"; font-size: 1.375rem; line-height: 1.75rem; color: #0A3C64; } .fcb-tab-accordion-wrapper.type-tab .item-content .item .item-content-text { font-family: "expressway_light"; font-size: 0.875rem; line-height: 1.25rem; color: #6e7882; margin: 0rem; padding: 0rem; padding-top: 0.5625rem; } .fcb-tab-accordion-wrapper.type-tab .item-content .item.active { display: block; } .fcb-tab-accordion-wrapper.type-tab .item-titles-wrapper:after { content: ''; clear: both; display: block; visibility: hidden; height: 0rem; } .fcb-tab-accordion-wrapper.type-tab .item-titles-wrapper .item-titles { float: none; clear: both; } .fcb-tab-accordion-wrapper.type-tab .item-titles-wrapper .item-titles .item { display: block; float: left; } .fcb-tab-accordion-wrapper.type-tab .actions-top-wrapper { display: none; } .fcb-tab-accordion-wrapper.type-tab.variant-small .item-titles .item > a { font-size: 0.875rem; line-height: 1.25rem; padding-left: 0.5625rem; padding-right: 0.5rem; padding-top: 0.1875rem; padding-bottom: 0.1875rem; } .fcb-tab-accordion-wrapper.type-tab.variant-small .item-content { padding-top: 0.6875rem; } .fcb-tab-accordion-wrapper.type-tab.variant-small .item-content .item .item-content-headline { font-size: 1.125rem; line-height: 1.5rem; } .fcb-tab-accordion-wrapper.type-tab.variant-small .item-content .item .item-content-text { font-size: 0.875rem; line-height: 1.25rem; padding-top: 0.625rem; } .fcb-tab-accordion-wrapper.type-tab.variant-red .item-titles-wrapper .item-titles .item > a { background-color: #961432; } .fcb-tab-accordion-wrapper.type-tab.variant-red .item-titles-wrapper .item-titles .item > a:after { color: #ffffff; } .fcb-tab-accordion-wrapper.type-tab.variant-red .item-titles-wrapper .item-titles .item > a:active { background-color: #6E0A28; } .fcb-tab-accordion-wrapper.type-tab.variant-red .item-titles-wrapper .item-titles .item.active > a:active { background-color: transparent; } .fcb-tab-accordion-wrapper.type-tab.variant-red .item-titles .item > a { border-color: #961432; } .fcb-tab-accordion-wrapper.type-tab.variant-red .item-titles .item > a:hover { background-color: #6E0A28; border-color: #6E0A28; } .fcb-tab-accordion-wrapper.type-tab.variant-red .item-titles .item.active > a { background-color: transparent; color: #961432; border-color: #961432; } .fcb-tab-accordion-wrapper.type-tab.variant-red .item-titles .item.active:after { border-color: #961432; } .fcb-tab-accordion-wrapper.type-tab.variant-red .item-content { border-color: #961432; } .fcb-tab-accordion-wrapper.type-tab.variant-noborder .item-content { border: none; padding-left: 0rem; padding-right: 0rem; } .fcb-tab-accordion-wrapper.type-tab.variant-noborder .item-titles .item.active:before, .fcb-tab-accordion-wrapper.type-tab.variant-noborder .item-titles .item.active:after { content: none; } .fcb-tab-accordion-wrapper.type-tab.type-overlay.variant-mobile { position: fixed; z-index: 400; background: white; top: 0rem; bottom: 0rem; left: 100%; right: -100%; width: auto; padding: 0.625rem; } .fcb-tab-accordion-wrapper.type-tab.type-overlay.variant-mobile .item-titles-wrapper { display: none; } .fcb-tab-accordion-wrapper.type-tab.type-overlay.variant-mobile .item-content-wrapper { display: block; position: absolute; top: 3.3125rem; bottom: 0.9375rem; overflow-y: auto; left: 0rem; right: 0rem; } .fcb-tab-accordion-wrapper.type-tab.type-overlay.variant-mobile .button { background-color: #c9ccd2; border-color: #c9ccd2; font-size: 0.875rem; line-height: 1.25rem; padding: 0rem; width: 1.875rem; height: 1.875rem; } .fcb-tab-accordion-wrapper.type-tab.type-overlay.variant-mobile .button:hover { background-color: #0A3C64; border-color: #0A3C64; color: #ffffff; } .fcb-tab-accordion-wrapper.type-tab.type-overlay.variant-mobile .button.type-navigate:after { content: '>'; } .fcb-tab-accordion-wrapper.type-tab.type-overlay.variant-mobile .button.action-next { margin-left: 0.0625rem; } .fcb-tab-accordion-wrapper.type-tab.type-overlay.variant-mobile .button.disabled { background-color: #e5e6e7; border-color: #e5e6e7; color: #6e7882; } .fcb-tab-accordion-wrapper.type-tab.type-overlay.variant-mobile .item-content { padding-left: 0rem; padding-right: 0rem; padding-top: 0.6875rem; border: 0; position: relative; left: 0%; overflow: hidden; } .fcb-tab-accordion-wrapper.type-tab.type-overlay.variant-mobile .item-content .item { float: left; display: block; padding: 0rem 1rem; } .fcb-tab-accordion-wrapper.type-tab.type-overlay.variant-mobile .item-content .item .item-content-headline { font-size: 1.125rem; line-height: 1.5rem; } .fcb-tab-accordion-wrapper.type-tab.type-overlay.variant-mobile .item-content .item .item-content-text { font-size: 0.875rem; line-height: 1.25rem; } .fcb-tab-accordion-wrapper.type-tab.type-overlay.variant-mobile .actions-top-wrapper { position: relative; display: block; padding: 0.3125rem; padding-bottom: 0.125rem; } .fcb-tab-accordion-wrapper.type-tab.type-overlay.variant-mobile .actions-top-wrapper:after { content: ''; clear: both; display: block; visibility: hidden; height: 0rem; } .fcb-tab-accordion-wrapper.type-tab.type-overlay.variant-mobile .actions-top-wrapper .column-left { float: left; } .fcb-tab-accordion-wrapper.type-tab.type-overlay.variant-mobile .actions-top-wrapper .column-right { float: right; } .fcb-tab-accordion-wrapper.type-tab.type-overlay.variant-mobile .actions-top-wrapper .column-mid { position: absolute; left: 0rem; right: 0rem; top: 0rem; bottom: 0rem; z-index: -1; text-align: center; } .fcb-tab-accordion-wrapper.type-tab.type-overlay.variant-mobile .actions-top-wrapper .column-mid span { margin-top: 0.4375rem; } .fcb-tab-accordion-wrapper.type-tab.type-overlay.variant-mobile .actions-top-wrapper { border: 0.125rem solid #0A3C64; border-radius: 0.1875rem; } .fcb-tab-accordion-wrapper.type-tab.type-overlay.variant-mobile .item-number-total { font-family: "expressway_condensed_light"; font-size: 1.125rem; line-height: 1.5rem; color: #6e7882; display: inline-block; margin-top: 0.125rem; padding-right: 0.125rem; } .fcb-tab-accordion-wrapper.type-tab.type-overlay.variant-mobile.variant-red { border-color: #961432; } .fcb-tab-accordion-wrapper.type-tab.type-overlay.variant-mobile.variant-red .actions-top-wrapper { border-color: #961432; } .fcb-tab-accordion-wrapper.type-tab.type-overlay.variant-mobile.variant-red .button { background-color: #961432; border-color: #961432; } .fcb-tab-accordion-wrapper.type-tab.type-overlay.variant-mobile.variant-red .button.disabled { background-color: #e5e6e7; border-color: #e5e6e7; color: #6E0A28; } @media screen and (max-width: 63.9375rem) { .fcb-tab-accordion-wrapper.type-tab.variant-mobile { width: auto; } .fcb-tab-accordion-wrapper.type-tab.variant-mobile .item-titles-wrapper .item-titles .item { display: block; float: none; margin-left: 0rem; } .fcb-tab-accordion-wrapper.type-tab.variant-mobile .item-titles-wrapper .item-titles .item > a { position: relative; display: block; border: 0rem; padding: 1.25rem; padding-top: 0.5rem; padding-bottom: 0.625rem; font-size: 1.125rem; line-height: 1.5rem; background-color: #c9ccd2; color: #ffffff; } .fcb-tab-accordion-wrapper.type-tab.variant-mobile .item-titles-wrapper .item-titles .item > a:after { position: absolute; top: 0.5rem; right: 1.25rem; content: '\e911'; color: #0A3C64; } .fcb-tab-accordion-wrapper.type-tab.variant-mobile .item-titles-wrapper .item-titles .item > a:active { background-color: #0A3C64; } .fcb-tab-accordion-wrapper.type-tab.variant-mobile .item-titles-wrapper .item-titles .item.active:before, .fcb-tab-accordion-wrapper.type-tab.variant-mobile .item-titles-wrapper .item-titles .item.active:after { content: none; } .fcb-tab-accordion-wrapper.type-tab.variant-mobile .item-content-wrapper { display: none; } .fcb-tab-accordion-wrapper.type-tab.variant-mobile.variant-red .item-titles-wrapper .item-titles .item > a { background-color: #961432; color: #ffffff; } .fcb-tab-accordion-wrapper.type-tab.variant-mobile.variant-red .item-titles-wrapper .item-titles .item > a:after { color: #ffffff; } .fcb-tab-accordion-wrapper.type-tab.variant-mobile.variant-red .item-titles-wrapper .item-titles .item > a:active { background-color: #6E0A28; } .fcb-tab-accordion-wrapper.type-tab.variant-mobile.variant-select { position: relative; } .fcb-tab-accordion-wrapper.type-tab.variant-mobile.variant-select .item-select-wrapper { display: block; } .fcb-tab-accordion-wrapper.type-tab.variant-mobile.variant-select .item-select-native { display: none; } .fcb-tab-accordion-wrapper.type-tab.variant-mobile.variant-select .item-select { position: relative; display: block; background-color: #c9ccd2; color: #0A3C64; width: 100%; border-radius: 0.1875rem; height: 2.625rem; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.625rem; font-size: 1.125rem; line-height: 1.5rem; font-family: "expressway_condensed_light"; text-decoration: none; } .fcb-tab-accordion-wrapper.type-tab.variant-mobile.variant-select .item-select:after { font-family: 'fcb_icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 0.5625rem; position: absolute; top: 50%; right: 0.625rem; content: '\e911'; color: #0A3C64; margin-top: -0.1875rem; -webkit-transition: -webkit-transform, 0.2s, ease-out; -moz-transition: -moz-transform, 0.2s, ease-out; transition: transform, 0.2s, ease-out; } .fcb-tab-accordion-wrapper.type-tab.variant-mobile.variant-select .item-select-wrapper.active .item-select:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .fcb-tab-accordion-wrapper.type-tab.variant-mobile.variant-select .item-titles-wrapper { display: block; position: absolute; top: 2.6875rem; width: 100%; height: 0rem; overflow: hidden; z-index: 400; } .fcb-tab-accordion-wrapper.type-tab.variant-mobile.variant-select .item-titles-wrapper .item-titles { border: 0.0625rem solid #c9ccd2; border-radius: 0.1875rem; background-color: #ffffff; padding-left: 0.5625rem; padding-right: 0.5625rem; margin-top: 0.625rem; position: relative; /* $arrow-right: 13; $arrow-top: -7; $arrow-border: 1; $arrow-height: 6; //add arrow to option list &:after , &:before { position: absolute; display: block; content: ''; width: 0; height: 0; } &:after { top: rem($arrow-top); right: rem($arrow-right); border-left: rem($arrow-height) solid transparent; border-right: rem($arrow-height) solid transparent; border-bottom: rem(8) solid $color-white; } &:before { top: rem($arrow-top - $arrow-border); right: rem($arrow-right - $arrow-border); border-left: rem($arrow-height + $arrow-border) solid transparent; border-right: rem($arrow-height + $arrow-border) solid transparent; border-bottom: rem(8) solid $color-grey-c9ccd2; } */ } .fcb-tab-accordion-wrapper.type-tab.variant-mobile.variant-select .item-titles-wrapper .item { margin: 0; border-bottom: 0.0625rem solid #c9ccd2; } .fcb-tab-accordion-wrapper.type-tab.variant-mobile.variant-select .item-titles-wrapper .item:last-child { border-bottom: 0rem; } .fcb-tab-accordion-wrapper.type-tab.variant-mobile.variant-select .item-titles-wrapper .item > a { background-color: transparent; border: 0rem; color: #6e7882; font-size: 1rem; line-height: 1.375rem; font-family: "expressway_condensed_light"; text-transform: none; padding: 0rem; padding-top: 0.6875rem; padding-bottom: 0.625rem; } .fcb-tab-accordion-wrapper.type-tab.variant-mobile.variant-select .item-titles-wrapper .item > a:active { background-color: transparent; } .fcb-tab-accordion-wrapper.type-tab.variant-mobile.variant-select .item-titles-wrapper .item > a:after { content: none; } .fcb-tab-accordion-wrapper.type-tab.variant-mobile.variant-select .item-titles-wrapper .item:hover { border-color: #0A3C64; } .fcb-tab-accordion-wrapper.type-tab.variant-mobile.variant-select .item-titles-wrapper .item:hover > a { font-family: "expressway_condensed_bold"; color: #0A3C64; } .fcb-tab-accordion-wrapper.type-tab.variant-mobile.variant-select .item-titles-wrapper .item.active { border-color: #961432; } .fcb-tab-accordion-wrapper.type-tab.variant-mobile.variant-select .item-titles-wrapper .item.active > a { font-family: "expressway_condensed_bold"; color: #961432; } .fcb-tab-accordion-wrapper.type-tab.variant-mobile.variant-select .item-content-wrapper { display: block; } .fcb-tab-accordion-wrapper.type-tab.variant-mobile.variant-select .item-content-wrapper .item-content { border: 0rem; } .fcb-tab-accordion-wrapper.type-tab.variant-mobile.variant-select .item-content-wrapper .item-titles .item > a { background-color: transparent; } .fcb-tab-accordion-wrapper.type-tab.variant-mobile.variant-select .item-content-wrapper .item-titles .item.active { background-color: transparent; } .fcb-tab-accordion-wrapper.type-tab.variant-mobile.variant-select.variant-red .item-select { background-color: #ffffff; border: 0.0625rem solid #c9ccd2; color: #6e7882; } .fcb-tab-accordion-wrapper.type-tab.variant-mobile.variant-select.variant-red .item-titles-wrapper .item-titles .item > a { color: #6e7882; background-color: transparent; } .fcb-tab-accordion-wrapper.type-tab.variant-mobile.variant-select.variant-red .item-titles-wrapper .item-titles .item:hover > a { color: #961432; } .fcb-tab-accordion-wrapper.type-tab.variant-mobile.variant-select.variant-red .item-titles-wrapper .item-titles .item.active > a { color: #961432; } .fcb-tab-accordion-wrapper.type-tab.variant-mobile.variant-select.variant-red .item-titles-wrapper .item-titles .item:hover { border-color: #961432; } } .fcb-tab-accordion-wrapper.type-accordion .item-content-wrapper { display: none; } .fcb-tab-accordion-wrapper.type-accordion.initialized .item-content-wrapper { display: block; } .fcb-tab-accordion-wrapper.type-accordion .item-titles { margin-left: 0; } .fcb-tab-accordion-wrapper.type-accordion .item-titles .item { border-bottom: 0.0625rem solid #c9ccd2; list-style-type: none; } .fcb-tab-accordion-wrapper.type-accordion .item-titles .item:first-child { border-top: 0.0625rem solid #c9ccd2; } .fcb-tab-accordion-wrapper.type-accordion .item-titles .item > a { position: relative; display: block; width: 100%; font-family: "expressway_condensed_light"; font-size: 1.125rem; line-height: 1.5rem; color: #6e7882; text-decoration: none; padding: 0.625rem; padding-top: 0.5rem; padding-bottom: 0.5625rem; } .fcb-tab-accordion-wrapper.type-accordion .item-titles .item > a:after { position: absolute; top: 0.625rem; right: 0.6875rem; content: '\e911'; color: #0A3C64; font-family: 'fcb_icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 0.5625rem; top: 50%; margin-top: -0.25rem; -webkit-transition: -webkit-transform, 0.2s, linear; -moz-transition: -moz-transform, 0.2s, linear; transition: transform, 0.2s, linear; } .fcb-tab-accordion-wrapper.type-accordion .item-titles .item > a:hover { color: #0A3C64; } .fcb-tab-accordion-wrapper.type-accordion .item-titles .item.active > a { font-family: "expressway_condensed_bold"; color: #961432; border-bottom: 0.125rem solid #961432; } .fcb-tab-accordion-wrapper.type-accordion .item-titles .item.active > a:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .fcb-tab-accordion-wrapper.type-accordion .item-titles .item-content { height: 0rem; overflow: hidden; } .fcb-tab-accordion-wrapper.type-accordion .item-titles .item-content .item-content-headline , .fcb-tab-accordion-wrapper.type-accordion .item-titles .item-content .item-content-text { padding-left: 0.625rem; padding-right: 0.625rem; } .fcb-tab-accordion-wrapper.type-accordion .item-titles .item-content .item-content-headline { font-family: "expressway_condensed_bold"; font-size: 1.125rem; line-height: 1.5rem; color: #0A3C64; display: block; padding-top: 0.8125rem; } .fcb-tab-accordion-wrapper.type-accordion .item-titles .item-content .item-content-text { font-family: "expressway_light"; font-size: 0.875rem; line-height: 1.25rem; color: #6e7882; margin: 0rem; padding-top: 0.9375rem; padding-bottom: 0.9375rem; } @media screen and (max-width: 63.9375rem) { .fcb-tab-accordion-wrapper.type-accordion, .fcb-tab-accordion-wrapper.type-tab { width: 100%; } } /* TabAccordion ~ END */ /* rangeDatePicker ~ START */ .fcb-range-datepicker { max-width: 18.125rem; } .fcb-range-datepicker .ui-datepicker { border-top: 0; margin-left: 0; margin-top: 0; } .fcb-range-datepicker .fcb-range-datepicker-header:after { content: ''; clear: both; display: block; visibility: hidden; height: 0rem; } .fcb-range-datepicker .fcb-range-datepicker-header .fcb-input-wrapper { width: 50%; display: inline-block; float: left; position: relative; } .fcb-range-datepicker .fcb-range-datepicker-header .fcb-input-wrapper input.fcb-form-element { border-bottom: 0; } .fcb-range-datepicker .fcb-range-datepicker-header .fcb-input-wrapper::before { position: absolute; content: ""; width: 100%; height: 100%; border: 2px solid #001428; top: -0.125rem; left: -0.125rem; opacity: 0; z-index: -1; } .fcb-range-datepicker .fcb-range-datepicker-header .fcb-input-wrapper:first-child { border-radius: 0.125rem 0 0 0; } .fcb-range-datepicker .fcb-range-datepicker-header .fcb-input-wrapper:last-child { border-radius: 0 0.125rem 0 0; } .fcb-range-datepicker .fcb-range-datepicker-header .fcb-input-wrapper.outline-change { box-shadow: 0px 0px 0px 1px #0A3C64 inset; border-color: #0A3C64; } .fcb-range-datepicker .fcb-range-datepicker-header .fcb-input-wrapper.change::before { z-index: 1; -webkit-animation: blink 1.3s 1; -moz-animation: blink 1.3s 1; animation: blink 1.3s 1; } .fcb-range-datepicker .fcb-range-datepicker-header .fcb-input-wrapper button { position: absolute; right: 0.375rem; top: 0.875rem; border: 0; background: none; cursor: pointer; } .fcb-range-datepicker .fcb-range-datepicker-header .fcb-input-wrapper button > .icon { width: 0.625rem; } .fcb-range-datepicker .fcb-range-datepicker-header .fcb-input-wrapper button > .icon > svg { fill: #78828c; } .fcb-range-datepicker .fcb-range-datepicker-header .fcb-input-wrapper button:hover > .icon > svg { fill: #0A3C64; } @-webkit-keyframes blink { 0% { opacity: 0; } 20% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes blink { 0% { opacity: 0; } 20% { opacity: 1; } 100% { opacity: 0; } } @keyframes blink { 0% { opacity: 0; } 20% { opacity: 1; } 100% { opacity: 0; } } .fcb-range-datepicker .fcb-range-datepicker-header .fcb-form-error { position: absolute; left: 0.0625rem; width: 18rem; top: 4.5rem; z-index: 2; } .fcb-range-datepicker .fcb-range-datepicker-header.has-label .fcb-input-wrapper { display: block; width: 100%; float: none; } .fcb-range-datepicker .fcb-range-datepicker-header.has-label .field-wrapper { display: block; width: 50%; float: left; } .fcb-range-datepicker .fcb-range-datepicker-header.has-label .field-wrapper .text-label { display: none; font-family: "expressway_condensed_bold"; color: #0A3C64; font-size: 1.125rem; line-height: 1.5rem; } .fcb-range-datepicker.mobile-view { max-width: 100%; } .fcb-range-datepicker.mobile-view .fcb-range-datepicker-header.has-label .field-wrapper { width: 100%; } .fcb-range-datepicker.mobile-view .fcb-range-datepicker-header.has-label .field-wrapper.from { margin-bottom: 1.5625rem; } .fcb-range-datepicker.mobile-view .fcb-range-datepicker-header.has-label .field-wrapper .text-label { display: block; margin-bottom: 0.3125rem; } .fcb-range-datepicker.mobile-view .fcb-range-datepicker-header .fcb-input-wrapper input[type="date"] { height: 1.875rem; } .fcb-range-datepicker.mobile-view { max-width: 100%; } /* rangeDatePicker ~ END */ /* myCalendar ~ START */ .fcb-my-calendar { height: 100%; width: 100%; } .fcb-my-calendar .appointment-container { background-color: #f8f8f9; margin-left: 2.5rem; margin-right: 2.5rem; margin-top: 5%; width: 80%; max-height: 18rem; } .fcb-my-calendar .appointment-container .appointment-title h3 { font-size: 1.125rem; line-height: 1.5rem; } .fcb-my-calendar .appointment-container .appointment p.title { font-size: 1rem; line-height: 1.375rem; } .fcb-my-calendar .appointment-container .appointment span { font-size: 1rem; line-height: 1.375rem; } .fcb-my-calendar .appointment-container .appointment .days:after { content: "|"; } .fcb-my-calendar .appointment-container .appointment.invisible { display: none; } @media (max-width: 1485px) { .fcb-my-calendar .ui-datepicker { display: none !important; } .fcb-my-calendar .appointment-container { width: 191.66667%; margin-left: 1.875rem; margin-right: 1.875rem; } } .matchcenter-slide-header > div:after, .matchcenter-slide-content > div:after { content: ""; display: table; clear: both; } .fcb-downloads-group:before, .appointments-teaser .appointment-overview:before, .player-details-header:before, .matchcenter-slide-content:before, .fcb-downloads-group:after, .appointments-teaser .appointment-overview:after, .player-details-header:after, .matchcenter-slide-content:after { content: ""; display: table; } .fcb-downloads-group:after, .appointments-teaser .appointment-overview:after, .player-details-header:after, .matchcenter-slide-content:after { clear: both; } .fcb-downloads-group, .appointments-teaser .appointment-overview, .player-details-header, .matchcenter-slide-content { zoom: 1; } .fcb-my-calendar .appointment-container, .fcb-downloads-entry, .player-statistics-item, .appointments-teaser .appointment-overview-wrapper.has-1-child, .appointments-teaser .appointment-overview-wrapper.has-2-children, .appointments-teaser .appointment-overview-wrapper.has-3-children, .player-details-header-info, .player-details-header-sidebar, .fcb-matchcenter-stage .fcb-matchcenter-header-teaser-wrapper .stage-teaser.is-first, .fcb-matchcenter-stage .fcb-matchcenter-header-teaser-wrapper .stage-teaser.is-last, .matchcenter-slide-matchday, .matchcenter-slide-action, .matchcenter-slide-score { display: inline-block; min-height: 1px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; padding-right: 14px; padding-left: 14px; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-navigation .fcb-row > div:nth-child(-n+6) { position: relative; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-my-calendar .appointment-container .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .meta-navigation-copyright:after, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .fcb-my-calendar .appointment-container .meta-navigation-copyright:after, .fcb-my-calendar .appointment-container .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .partner-navigation:after, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .fcb-my-calendar .appointment-container .partner-navigation:after { content: ""; display: table; clear: both; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-my-calendar .appointment-container .player-statistics-item, .fcb-my-calendar .appointment-container .matchcenter-slide-score { display: inline-block; min-height: 1px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; padding-right: 14px; padding-left: 14px; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-my-calendar .appointment-container .player-details-header-info:before, .fcb-my-calendar .appointment-container .player-details-header-info:after { content: ""; display: table; } .fcb-my-calendar .appointment-container .player-details-header-info:after { clear: both; } .fcb-my-calendar .appointment-container .player-details-header-info { zoom: 1; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-my-calendar .appointment-container .fcb-my-calendar, .fcb-my-calendar .appointment-container .fcb-gr-6, .fcb-my-calendar .appointment-container .fcb-downloads-entry, .fcb-my-calendar .appointment-container .player-statistics-item, .fcb-my-calendar .appointment-container .player-details-header-info, .fcb-my-calendar .appointment-container .player-details-header-info .player-info, .player-details-header-info .fcb-my-calendar .appointment-container .player-info, .fcb-my-calendar .appointment-container .player-details-header-sidebar, .fcb-my-calendar .appointment-container .matchcenter-slide-matchday, .fcb-my-calendar .appointment-container .matchcenter-slide-action, .fcb-my-calendar .appointment-container .matchcenter-slide-score { display: inline-block; min-height: 1px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; padding-right: 14px; padding-left: 14px; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-my-calendar .appointment-container { padding-right: 8px; padding-left: 8px; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-my-calendar .appointment-container { padding-right: 3px; padding-left: 3px; } } @media (max-width: 1485px) { .fcb-my-calendar .appointment-container .appointments { padding-right: 1.125rem; } .fcb-my-calendar .appointment-container .appointment-title .calender-button { display: inline-block; padding-right: 1.125rem; } } .fcb-my-calendar .ui-datepicker { float: right; margin-top: 1.5625rem; margin-right: 10%; height: 80%; } .fcb-my-calendar tbody tr td.event span { color: #961432; font-family: "expressway_condensed_bold"; border-bottom: 0.125rem solid; } .fcb-my-calendar tbody tr td.ui-datepicker-other-month span { color: #c9ccd2; font-size: 1.125rem; line-height: 1.5rem; } .fcb-my-calendar tbody tr td.ui-datepicker-today span, .fcb-my-calendar tbody tr td.ui-datepicker-today a { font-family: "expressway_condensed_bold"; color: #C8AA78; } @media screen and (min-width: 0rem) and (max-width: 41.25rem) and (min-width: 0rem) and (max-width: 41.25rem) and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-my-calendar { width: 83.33333%; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-my-calendar { padding-right: 8px; padding-left: 8px; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-my-calendar { padding-right: 3px; padding-left: 3px; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) and (min-width: 0rem) and (max-width: 41.25rem) and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-my-calendar .fcb-gr-6 { width: 100%; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-my-calendar .fcb-gr-6 { padding-right: 8px; padding-left: 8px; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-my-calendar .fcb-gr-6 { padding-right: 3px; padding-left: 3px; } } /* myCalendar ~ END */ /* FormElements Molecules ~ START */ .form-radio { position: relative; cursor: pointer; display: inline-block; margin-bottom: 0; font-size: 100%; line-height: 1; } .form-radio + .form-radio { margin-left: 2.5rem; } .form-radio-input + .form-label { font-size: 1rem; line-height: 1.375rem; font-family: "expressway_condensed_light"; color: #6e7882; } .form-radio-input + .form-label:before { content: ''; width: 1.375rem; height: 1.375rem; min-width: 1.375rem; display: block; border: 2px solid #c9ccd2; border-radius: 100%; margin-right: 0.625rem; } .form-radio-input + .form-label:after { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); content: ''; position: absolute; width: 0.625rem; height: 0.625rem; border-radius: 100%; background-color: #0A3C64; top: 50%; left: 0.375rem; display: none; } .form-radio-input:checked + .form-label { color: #0A3C64; } .form-radio-input:checked + .form-label:before { border-color: #0A3C64; } .form-radio-input:checked + .form-label:after { display: block; } .form-radio-input:focus + .form-label { color: #0A3C64; } .form-radio-input:focus + .form-label:before { border-color: #0A3C64; } .form-checkbox { position: relative; cursor: pointer; display: inline-block; margin-bottom: 0; font-size: 100%; line-height: 1; } .form-checkbox + .form-checkbox { margin-left: 2.5rem; } .form-checkbox-input + .form-label { font-size: 1rem; line-height: 1.375rem; font-family: "expressway_condensed_light"; color: #6e7882; } .form-checkbox-input + .form-label:before { content: ''; width: 1.375rem; height: 1.375rem; min-width: 1.375rem; display: block; border: 2px solid #c9ccd2; border-radius: 0.1875rem; margin-right: 0.625rem; } .form-checkbox-input + .form-label:after { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); content: ''; position: absolute; width: 0.625rem; height: 0.625rem; border-radius: 0.1875rem; background-color: #0A3C64; top: 0.6875rem; left: 0.375rem; display: none; } .form-checkbox-input:checked + .form-label { color: #0A3C64; } .form-checkbox-input:checked + .form-label:before { border-color: #0A3C64; } .form-checkbox-input:checked + .form-label:after { display: block; } .form-checkbox-input:focus + .form-label { color: #0A3C64; } .form-checkbox-input:focus + .form-label:before { border-color: #0A3C64; } .form-headline { margin-bottom: 1.25rem; } @media screen and (min-width: 41.25rem) { .form-headline { margin-bottom: 1.875rem; } } .form-component { margin-bottom: 2.8125rem; } .form-component.with-background { background-color: #e5e6e7; padding-top: 1.25rem; padding-right: 0.625rem; padding-bottom: 1.25rem; padding-left: 0.625rem; } @media screen and (min-width: 41.25rem) { .form-component.with-background { padding-right: 1.25rem; padding-left: 1.25rem; } } .form-component:last-child { margin-bottom: 0; } .form-component > :last-child { margin-bottom: 0rem; } .form-element-wrapper { margin-bottom: 1.125rem; } .form-element-wrapper:after { content: ''; clear: both; display: block; visibility: hidden; height: 0rem; } .form-element-wrapper.is-radio { margin-bottom: 1.25rem; } .form-element-wrapper.is-radio.has-error { margin-bottom: 0.625rem; } .form-element-wrapper > :nth-child(2) { margin-top: 0.3125rem; } @media screen and (min-width: 41.25rem) { .form-element-wrapper > :nth-child(2) { margin-top: 0; } } .form-element-wrapper.has-error { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; } .form-element-wrapper .fcb-form-element-wrapper { margin-bottom: 0; } @media screen and (min-width: 41.25rem) { .form-element-wrapper { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; margin-bottom: 0.625rem; } } .form-element-wrapper .fcb-input-wrapper.select { background-color: white; } .form-element-wrapper .text-label { font-size: 0.75rem; line-height: 1.125rem; color: #0A3C64; } .form-birthday { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .form-birthday > .text { margin-right: 0.625rem; } .form-birthday > .text:last-child { margin-right: 0; } .form-birthday-day, .form-birthday-month, .form-birthday-year { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; } @media screen and (min-width: 41.25rem) { .form-birthday-day, .form-birthday-month, .form-birthday-year { -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; max-width: 3.75rem; } } @media screen and (min-width: 41.25rem) { .form-birthday-year { max-width: 5.625rem; } } .form-street.with-number { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .with-number .form-street-name { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; margin-right: 0.625rem; } .form-zip.with-city { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .with-city .form-city { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; margin-left: 0.625rem; } .form-phone-number { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .form-phone-number .select { width: 5.625rem; margin-right: 0.625rem; } .form-phone-number .text { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; } .form-password-strength { margin-bottom: 1.25rem; } .form-actions { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-top: 0.3125rem; } .form-actions > :first-child { margin-bottom: 0.625rem; } .form-actions .button { text-align: center; } .form-actions .button.small { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; height: 1.875rem; } @media screen and (max-width: 41.25rem) { .form-actions .button.small { -webkit-box-ordinal-group: 4; -webkit-order: 3; -moz-order: 3; -ms-flex-order: 3; order: 3; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; height: auto; text-align: center; font-size: 1.125rem; padding-top: 0.75rem; padding-bottom: 0.8125rem; } } @media screen and (min-width: 41.3125rem) { .form-actions { display: block; margin-top: 0; text-align: right; } .form-actions .button.small { position: absolute; top: 0.1875rem; right: 0.6875rem; } } @media screen and (min-width: 63.9375rem) { .form-actions .button.small { top: 0.9375rem; } } .form-element-error { background: #e5e6e7; } .form-radio + .form-element-error { margin-top: 0.625rem; } .form-element-error-message { color: #961432; padding: 1rem 0.5625rem; font-family: "expressway_bold"; } .myfcb-form { position: relative; } .form-voucher-wrapper .fcb-input-wrapper { margin-bottom: 0.625rem; } @media screen and (min-width: 41.25rem) { .form-voucher-wrapper { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .form-voucher-wrapper .fcb-input-wrapper { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; margin-right: 0.625rem; margin-bottom: 0; } } .form-voucher-wrapper .button { width: 100%; text-align: center; } @media screen and (min-width: 41.25rem) { .form-voucher-wrapper .button { width: auto; } } .form-resign .button { margin-left: 2.1875rem; margin-top: 0.9375rem; display: block; } @media screen and (min-width: 41.25rem) { .form-resign { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .form-resign .button { margin-left: 0.625rem; margin-top: 0; } } /* FormElements Molecules ~ END */ /* notification ~ START */ .fcb-notification { width: 100%; overflow: hidden; } .fcb-notification .notification-wrapper { background-color: #e5e6e7; border-radius: 0.1875rem; padding: 0.9375rem; padding-top: 1.5625rem; padding-bottom: 0.9375rem; text-align: center; margin-bottom: 0.625rem; } .fcb-notification .notification-content-wrapper { max-width: 60%; margin: 0 auto; display: inline-block; text-align: left; width: auto; } .fcb-notification .notification-headline { font-size: 1.125rem; line-height: 1.5rem; font-family: "expressway_condensed_bold"; color: #0A3C64; display: block; margin-top: -0.125rem; margin-bottom: 0.625rem; } .fcb-notification .notification-text { font-size: 0.875rem; line-height: 1.25rem; } .fcb-notification .notification-icon { width: 2.375rem; height: 2.375rem; } .fcb-notification.variant-icon:after { content: ''; clear: both; display: block; visibility: hidden; height: 0rem; } .fcb-notification.variant-icon .notification-icon { float: left; } .fcb-notification.variant-icon .notification-content { overflow: hidden; width: auto; } .fcb-notification.type-loading .notification-wrapper { margin-top: 3.125rem; } .fcb-notification.type-loading .notification-content-wrapper { text-align: center; } .fcb-notification.type-loading .notification-animation { display: inline-block; width: auto; text-align: center; padding-top: 0.625rem; padding-bottom: 1.4375rem; position: relative; } .fcb-notification.type-loading .notification-animation:after { content: ''; border-radius: 50%; box-shadow: 0px 10px 5px black; position: absolute; bottom: 1.375rem; left: 10%; width: 80%; height: 2%; box-shadow: 0rem 0.625rem 0.75rem rgba(0, 0, 0, 0.3); } .fcb-notification.type-loading .notification-content { height: 0rem; opacity: 0; overflow: hidden; text-align: center; } .fcb-notification.type-loading .notification-content.active { display: block; } .icon-animation-loader svg { stroke: #6E0A28; } .loading-animation svg { stroke: #ffffff; } .loading-animation.variant-red svg { stroke: #6E0A28; } .loading-animation.variant-blue svg { stroke: #0A5082; } /* notification ~ END */ /* textMedia + article detail~ START */ .text-media.is-variation-red h2, .text-media.is-variation-red h3 { color: #961432; } .text-media.is-variation-gold h2, .text-media.is-variation-gold h3 { color: #C8AA78; } .text-media .text-media-content h2, .text-media .text-media-content h3 { font-size: 1.75rem; line-height: 2.125rem; font-family: "expressway_condensed_bold"; color: #0A3C64; text-transform: none; margin-bottom: 1.25rem; letter-spacing: normal; } .text-media .text-media-content h3 { font-family: "expressway_condensed_light"; } .text-media h4 { font-size: 1rem; line-height: 1.375rem; font-family: "expressway_bold"; color: #6e7882; margin-bottom: 0.125rem; } .text-media h5 { color: #0A3C64; } .text-media p { margin-bottom: 1.375rem; } .text-media p:last-child { margin-bottom: 0; } .text-media p a { color: #961432; text-decoration: none; } .text-media p a:hover { text-decoration: underline; } .text-media p a.button, .text-media p .ui-datepicker div.ui-datepicker-buttonpane button, .ui-datepicker div.ui-datepicker-buttonpane .text-media p button { color: #ffffff; } .text-media p .text-external { font-size: 1rem; line-height: 1.375rem; color: #0A3C64; font-family: "expressway_condensed_light"; display: inline-block; background-color: #e5e6e7; border-radius: 0.125rem; text-decoration: none; padding-top: 0rem; padding-bottom: 0rem; padding-left: 0.25rem; padding-right: 0.25rem; margin-bottom: 1.375rem; margin-top: 0.625rem; } .text-media p .text-external:after { position: relative; padding-left: 0.25rem; padding-left: 0.0625rem; top: -0.125rem; right: 0rem; color: #0A3C64; font-size: 0.5rem; content: ' \e904'; transition: none; } .text-media p .text-external:hover { background-color: #0A3C64; color: #ffffff; text-decoration: none; } .text-media p .text-external:hover:after { color: #ffffff; } @-moz-document url-prefix() { .text-media p .text-external { line-height: 1.25rem; padding-top: 0rem; padding-bottom: 0.125rem; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .text-media p .text-external { line-height: 1.25rem; padding-top: 0rem; padding-bottom: 0.125rem; } } .text-media p .text-external:last-child { margin-bottom: 0; } .text-media .image-wrapper { margin-top: 0.5rem; } .text-media.v2 .image-wrapper { margin-bottom: 1.25rem; } .fcb-gr-4 .text-media.v2 .image-wrapper, .fcb-gr-6 .text-media.v2 .image-wrapper { margin-bottom: 0.625rem; } .text-media.v3 .image-wrapper { padding-bottom: 28.125%; margin-right: 1.75rem; margin-bottom: 1.25rem; width: 50%; float: left; } .text-media.v3 .image-wrapper.loaded { padding-bottom: 0; } .fcb-gr-6 .text-media.v3 .image-wrapper.loaded, .fcb-gr-4 .text-media.v3 .image-wrapper.loaded { padding-bottom: 0; } .fcb-gr-6 .text-media.v3 .image-wrapper { padding-bottom: 33.33333333%; width: 33.33333%; } .fcb-gr-4 .text-media.v3 .image-wrapper { padding-bottom: 50%; width: 50%; } .text-media.v4 .image-headline-wrapper { position: relative; margin-bottom: 0.9375rem; } .text-media.v4 .image-headline-wrapper h3 { font-size: 1.75rem; line-height: 2.125rem; background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.9)); background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.9)); background-color: none; position: absolute; bottom: 0; color: #ffffff; width: 100%; left: 0; margin-bottom: 0; padding-left: 1.75rem; padding-right: 33%; padding-bottom: 2.625rem; padding-top: 2.5rem; } .fcb-gr-6 .text-media.v4 .image-headline-wrapper h3, .fcb-gr-8 .text-media.v4 .image-headline-wrapper h3 { font-size: 1.75rem; line-height: 2.125rem; padding-left: 1.75rem; padding-bottom: 1.375rem; padding-top: 1.25rem; } .fcb-gr-4 .text-media.v4 .image-headline-wrapper h3 { font-size: 1rem; line-height: 1.375rem; padding-left: 0.9375rem; padding-bottom: 0.75rem; padding-top: 1.25rem; } .text-media-content ul, .text-media-content ol { margin-bottom: 1.375rem; } .text-media-content ul:last-child, .text-media-content ol:last-child { margin-bottom: 0; } .text-media-content ul ul, .text-media-content ul ol, .text-media-content ol ul, .text-media-content ol ol { margin-bottom: 0; } .text-media-content ul { margin-left: 1.0625rem; list-style: disc; } .text-media-content ol { margin-left: 1.4375rem; list-style: decimal; } .text-media-content li { line-height: 1.375rem; font-family: "expressway_light"; color: #6e7882; } .list.has-links { list-style: none; margin-left: 0.8125rem; } .list.has-links a { text-decoration: none; display: inline-table; font-family: "expressway_condensed_light"; } .list.has-links a:after { content: ""; border-bottom: 0.1em solid #e3e5e6; display: table-caption; caption-side: bottom; position: relative; margin-top: -0.15em; } .list.has-links a:hover { color: #0A3C64; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .text-media .image-wrapper { margin-top: 0; } .text-media.v2 .image-wrapper { margin-bottom: 0.625rem; } .text-media.v3 .image-wrapper { margin-right: 1rem; margin-bottom: 0.625rem; } .fcb-gr-12\@medium .text-media.v3 .image-wrapper { padding-bottom: 28.125%; } .fcb-gr-12\@medium .text-media.v3 .image-wrapper.loaded { padding-bottom: 0; } .fcb-gr-6\@medium .text-media.v3 .image-wrapper { width: 33.33333%; padding-bottom: 33.3333333%; } .fcb-gr-6\@medium .text-media.v3 .image-wrapper.loaded { padding-bottom: 0; } .fcb-gr-4.fcb-gr-12\@medium .text-media.v4 .image-headline-wrapper h3 { font-size: 1.75rem; line-height: 2.125rem; background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.9)); background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.9)); background-color: none; position: absolute; bottom: 0; color: #ffffff; width: 100%; left: 0; margin-bottom: 0; padding-left: 1.75rem; padding-right: 33%; padding-bottom: 2.625rem; padding-top: 2.5rem; } .fcb-gr-4.fcb-gr-6\@medium .text-media.v4 .image-headline-wrapper h3, .fcb-gr-6.fcb-gr-6\@medium .text-media.v4 .image-headline-wrapper h3, .fcb-gr-8.fcb-gr-6\@medium .text-media.v4 .image-headline-wrapper h3, .fcb-gr-12 .text-media.v4 .image-headline-wrapper h3, .fcb-gr-4.fcb-gr-12\@medium .text-media.v4 .image-headline-wrapper h3 { font-size: 1.75rem; line-height: 2.125rem; padding-left: 1.75rem; padding-bottom: 1.375rem; padding-top: 1.25rem; } .fcb-gr-6 .text-media.v4 .image-headline-wrapper h3, .fcb-gr-4.fcb-gr-6\@medium .text-media.v4 .image-headline-wrapper h3, .fcb-gr-8.fcb-gr-6\@medium .text-media.v4 .image-headline-wrapper h3 { font-size: 1rem; line-height: 1.375rem; padding-left: 0.9375rem; padding-bottom: 0.75rem; padding-top: 1.25rem; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .text-media.v2 .image-wrapper { display: inline-block; margin-top: 0.375rem; margin-bottom: 0.25rem; margin-right: 0.9375rem; width: 33.33333%; float: left; } .fcb-container.layout-five .text-media.v2 .image-wrapper { width: 100%; } .fcb-gr-12 .text-media.v3 .image-wrapper, .fcb-gr-6 .text-media.v3 .image-wrapper, .fcb-gr-12\@small .text-media.v3 .image-wrapper, .fcb-gr-6\@small .text-media.v3 .image-wrapper { width: 100%; margin-right: 0; margin-bottom: 0.8125rem; padding-bottom: 56.22255%; } .fcb-gr-12 .text-media.v3 .image-wrapper.loaded, .fcb-gr-6 .text-media.v3 .image-wrapper.loaded, .fcb-gr-12\@small .text-media.v3 .image-wrapper.loaded, .fcb-gr-6\@small .text-media.v3 .image-wrapper.loaded { padding-bottom: 0; } .fcb-gr-12 .text-media.v4 .image-headline-wrapper h3, .fcb-gr-4.fcb-gr-12\@small .text-media.v4 .image-headline-wrapper h3, .fcb-gr-6.fcb-gr-12\@small .text-media.v4 .image-headline-wrapper h3, .fcb-gr-8.fcb-gr-12\@small .text-media.v4 .image-headline-wrapper h3, .fcb-gr-12\@small .text-media.v4 .image-headline-wrapper h3 { font-size: 1rem; line-height: 1.375rem; padding-left: 0.9375rem; padding-right: 0.9375rem; padding-bottom: 0.75rem; padding-top: 1.25rem; } .layout-five .fcb-gr-6 .text-media.v4 .image-headline-wrapper { margin-bottom: 0; } .layout-five .fcb-gr-6 .text-media.v4 .image-headline-wrapper h3 { font-size: 1.5rem; line-height: 1.875rem; color: #32465a; margin-top: 0.8125rem; margin-bottom: 0.4375rem; padding: 0; position: static; background-image: none; } } .fcb-article.no-social-share .social-media-integration { display: none; } .fcb-article .page-headline-wrapper { padding-top: 0rem; padding-bottom: 0rem; } .main-page-wrapper .fcb-article.fcb-container { margin-top: 3.125rem; } .main-page-wrapper .fcb-article.fcb-container.v3, .main-page-wrapper .fcb-article.fcb-container.v2 { margin-top: 2.6875rem; } .main-page-wrapper .fcb-article.v3 > .fcb-row:first-child { margin-bottom: 24px; } .main-page-wrapper .fcb-article > .fcb-row:first-child { margin-bottom: 2.0625rem; } .fcb-article .article-header.text-teaser { padding-bottom: 0; } .fcb-article .article-header.text-teaser .text-content { z-index: 10; max-width: 70%; } .fcb-article .article-header.text-teaser .text-content .subline { display: inline-block; margin-bottom: 0.0625rem; } .fcb-article .text-media-content h2, .fcb-article .text-media-content h3 { font-size: 1.75rem; line-height: 2.125rem; font-family: "expressway_condensed_bold"; color: #0A3C64; margin-bottom: 1.25rem; } .fcb-article .text-media-content h3 { font-family: "expressway_condensed_light"; } .fcb-article .text-media-content .image-wrapper { margin-top: 2.1875rem; margin-bottom: 2.1875rem; } .fcb-article .left-column .dynamic-label.type-status { display: none; margin-left: 0; margin-bottom: 0.25rem; } .fcb-article .left-column .created-text { margin-bottom: 0.625rem; overflow: hidden; } .fcb-article .left-column .created-text p { font-family: "expressway_condensed_light"; display: block; float: left; clear: both; width: 100%; } .fcb-article .left-column .social-media-integration  { margin-top: 0.8125rem; } .fcb-article .tag-wrapper { margin-top: 1.5625rem; overflow: hidden; } .fcb-article .tag-wrapper .text-label { display: inline-block; float: left; width: 2.125rem; margin-bottom: -100%; padding-top: 0.0625rem; font-size: 0.875rem; line-height: 1.25rem; color: #c9ccd2; } .fcb-article .tag-wrapper .tag-list { display: inline-block; float: left; padding-left: 2.125rem; } .fcb-article .tag-wrapper .tag-list .tag { font-size: 0.75rem; line-height: 1.125rem; border: 2px solid #961432; margin-bottom: 0.125rem; display: inline-block; border-radius: 2px; text-decoration: none; padding: 0 4px 1px 4px; color: #961432; white-space: nowrap; } .fcb-article .fcb-gr-8 .social-media-integration { border-top: 1px solid #e5e6e7; margin-top: 1.6875rem; padding-top: 1.875rem; } .fcb-article .fcb-gr-8 .social-media-integration .fcb-share ul { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .fcb-article .fcb-gr-8 .social-media-integration .fcb-share ul .shariff-button { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; margin-left: 0.625rem; } .fcb-article .fcb-gr-8 .social-media-integration .fcb-share ul .shariff-button:first-child { margin-left: 0; } .fcb-article .fcb-gr-8 .social-media-integration .fcb-share ul .shariff-button a { width: auto; height: 1.875rem; padding-left: 2rem; background-position: 0.25rem center; } .fcb-article .fcb-gr-8 .social-media-integration .fcb-share ul .shariff-button a .share_text { display: block; line-height: 1.875rem; } .fcb-article .fcb-gr-8 .social-media-integration .fcb-share ul .shariff-button.info { max-width: 1.875rem; height: 1.875rem; } .fcb-article .fcb-gr-8 .social-media-integration .fcb-share ul .shariff-button.info a { background-position: 11px center; } .fcb-article.v2 .article-header.text-teaser .text-content, .fcb-article.v3 .article-header.text-teaser .text-content { position: static; padding-left: 0; margin-bottom: 1.3125rem; box-shadow: none; max-width: 100%; } .fcb-article.v3 .text-teaser.v1 { padding-bottom: 0; } .fcb-article.v3 .article-header.text-teaser .text-content { width: 100%; margin-bottom: 0; padding-bottom: 0.375rem; } .fcb-article.v4 .article-header.text-teaser .text-content { max-width: 100%; } .fcb-article.dynamic-show-status .dynamic-label.type-status { display: inline-block; } .fcb-article i, .fcb-article em { font-family: "expressway_light"; } .fcb-article .fcb-video-stage-content .image-wrapper { margin-top: 0; margin-bottom: 0; } @media only screen and (min-width: 85.375rem) { .fcb-article.v2 .article-header.text-teaser .text-content { padding: 0.6875rem 0rem; } .fcb-article.v3 .article-header.text-teaser .text-content { padding: 0.6875rem 0rem 2.125rem 0rem; } .fcb-article .article-header.text-teaser .text-content { padding: 2.125rem 2.3125rem; } .fcb-article .article-header.text-teaser .text-content h1 { font-size: 3.375rem; line-height: 3.75rem; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .main-page-wrapper .fcb-article.fcb-container { margin-top: 1.875rem; } .main-page-wrapper .fcb-article.fcb-container.v3, .main-page-wrapper .fcb-article.fcb-container.v2 { margin-top: 1.6875rem; } .main-page-wrapper .fcb-article.fcb-container.v2 .text-content { margin-bottom: 1.5625rem; } .main-page-wrapper .fcb-article.fcb-container.v3 > .fcb-row:first-child { margin-bottom: 1.1875rem; } .fcb-article .article-header.text-teaser .text-content h1 { font-size: 1.5rem; line-height: 1.875rem; } .fcb-article .fcb-gr-3.fcb-gr-9\@medium .social-media-integration { padding-bottom: 0.875rem; border-bottom: 1px solid #e5e6e7; } .fcb-article .left-column { margin-bottom: 1.375rem; } .fcb-article .left-column .dynamic-label.type-status { display: none; margin-right: 0.1875rem; margin-bottom: 0rem; } .fcb-article .left-column .created-text { display: inline-block; margin-bottom: 0.1875rem; } .fcb-article .left-column .created-text p { float: none; clear: none; display: inline-block; } .fcb-article .left-column .social-media-integration  { margin-top: 0.8125rem; } .fcb-article.v3 .article-header.text-teaser .text-content { padding-bottom: 0; } .main-page-wrapper .fcb-article.v3 > .fcb-row:first-child { margin-bottom: 1.75rem; } .fcb-article.dynamic-show-status .dynamic-label.type-status { display: inline-block; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .main-page-wrapper .fcb-article > .fcb-row:first-child { margin-bottom: 1.4375rem; } .fcb-article .article-header.text-teaser .text-content { max-width: 100%; } .fcb-article .article-header.text-teaser .text-content h1, .fcb-article .article-header.text-teaser .text-content .subline { color: #ffffff; width: 100%; } .fcb-article .article-header.text-teaser .text-content h1:before, .fcb-article .article-header.text-teaser .text-content .subline:before { background: #ffffff; } .fcb-article .left-column .dynamic-label.type-status { display: none; top: 0.0625rem; } .ios-device .fcb-article .left-column .dynamic-label.type-status { top: 0.125rem; } .fcb-article .left-column .created-text p { display: inline; } .fcb-article .fcb-gr-8 .social-media-integration .fcb-share ul .shariff-button { width: auto; } .fcb-article .fcb-gr-8 .social-media-integration .fcb-share ul .shariff-button a { background-position: center center; } .fcb-article .fcb-gr-8 .social-media-integration .fcb-share ul .shariff-button a .share_text { display: none; } .fcb-article.dynamic-was-updated .left-column .created-text { padding-left: 0rem; } .fcb-article.v1 { position: relative; } .fcb-article.v1 .image-wrapper.loaded { position: relative; padding-bottom: 0; } .main-page-wrapper .fcb-article.v2 > .fcb-row:first-child, .main-page-wrapper .fcb-article.v3 > .fcb-row:first-child { margin-bottom: 1.375rem; } .fcb-article.v2 .article-header.text-teaser .text-content, .fcb-article.v3 .article-header.text-teaser .text-content { background: none; padding-top: 0; padding-bottom: 0; margin-bottom: 1.625rem; } .fcb-article.v2 .article-header.text-teaser .text-content h1, .fcb-article.v3 .article-header.text-teaser .text-content h1 { color: #0A3C64; } .fcb-article.v2 .article-header.text-teaser .text-content .subline.category, .fcb-article.v3 .article-header.text-teaser .text-content .subline.category { color: #961432; margin-bottom: 0; } .fcb-article.v2 .article-header.text-teaser .text-content .subline.date, .fcb-article.v2 .article-header.text-teaser .text-content .subline.time, .fcb-article.v3 .article-header.text-teaser .text-content .subline.date, .fcb-article.v3 .article-header.text-teaser .text-content .subline.time { color: #6e7882; margin-bottom: 0; } .fcb-article.v2 .article-header.text-teaser .text-content .subline.date:before, .fcb-article.v2 .article-header.text-teaser .text-content .subline.time:before, .fcb-article.v3 .article-header.text-teaser .text-content .subline.date:before, .fcb-article.v3 .article-header.text-teaser .text-content .subline.time:before { background-color: #6e7882; } .fcb-article.v3 .article-header.text-teaser .text-content { margin-bottom: 0; } .main-page-wrapper .fcb-article.v3 > .fcb-row:first-child { margin-bottom: 1.125rem; } .fcb-article.dynamic-show-status .dynamic-label.type-status { display: inline-block; } .fcb-article .fcb-video-stage-content .image-wrapper { margin-top: 0; margin-bottom: 0; } .fcb-article .fcb-video-stage-content .fcb-video-stage-text { padding: 0; } .fcb-article .fcb-video-stage-content .fcb-video-stage-text p { color: #6e7882; } .fcb-article .fcb-video-paywall-wrapper .fcb-video-paywall { padding-bottom: 0; } .fcb-article .fcb-video-paywall-wrapper .fcb-video-paywall .image-wrapper.loaded { position: relative; padding-bottom: 0; } .fcb-article .fcb-video-paywall-wrapper .fcb-video-paywall .text-content { position: absolute; bottom: 0; left: 0; right: 0; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); margin-bottom: 0rem !important; } } .text-media-content table { width: 100% !important; } .text-media-content table tr td, .text-media-content table tr th { width: auto !important; } .text-media-content table tr td { vertical-align: middle; max-height: 3.125rem; height: 3.125rem; padding-left: 10px; } .text-media-content table tr th { text-align: left; padding-left: 10px; } .text-media-content table thead tr td, .text-media-content table thead tr th { font-size: 0.75rem; line-height: 1.125rem; } .text-media-content table tbody { border-top: 10px solid #ffffff; } .text-media-content table tbody tr:nth-child(odd) { background: #f8f8f9; } .fcb-article-video-teaser { margin-bottom: 1.375rem; } .fcb-article-video-teaser .teaser-image-wrapper { display: block; } .fcb-article-video-teaser .image-wrapper { display: block; } .fcb-article-video-teaser .teaser-image-wrapper .teaser-label { position: static; display: inline-block; } .fcb-article-video-teaser h2.teaser-title { font-size: 1.75rem; line-height: 2.125rem; font-family: "expressway_bold"; color: #ffffff; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); } .fcb-article-video-teaser h3.teaser-subheadline { font-size: 1rem; line-height: 1.375rem; font-family: "expressway_condensed_light"; color: #c9ccd2; text-transform: uppercase; margin-bottom: 0.5rem; } .fcb-article-video-teaser .teaser-badges { position: static; display: block; text-align: left; margin-bottom: 0.625rem; } .fcb-article-video-teaser .teaser-content { position: absolute; left: 1.25rem; bottom: 3.0625rem; z-index: 2; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-right: 5rem; } .fcb-article-video-teaser .teaser-content h3, .fcb-article-video-teaser .teaser-content h2 { display: block; color: #ffffff; margin: 0rem; } .fcb-article-video-teaser .teaser-type { right: 1.5625rem; bottom: 1.5625rem; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-article-video-teaser .teaser-content { bottom: 1.25rem; padding-right: 4.0625rem; } .fcb-article-video-teaser .teaser-type { right: 0.625rem; bottom: 0.625rem; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-article-video-teaser .teaser-content { left: 0.625rem; bottom: 0.9375rem; padding-right: 3.4375rem; } .fcb-article-video-teaser .teaser-type { height: 2.5rem; width: 2.5rem; box-shadow: 0.0625rem 0.125rem 0.375rem rgba(0, 0, 0, 0.3); border-width: 0.1875rem; right: 0.625rem; bottom: 0.625rem; bottom: 1.25rem; } .fcb-article-video-teaser .teaser-type.type-video .icon { width: 0.8125rem; margin-top: -0.0625rem; margin-left: 0.1875rem; } .fcb-article-video-teaser .teaser-type.type-gallery .icon { width: 1.125rem; margin-top: 0; } .fcb-article-video-teaser .teaser-type.type-webradio .icon { width: 1.3125rem; } .fcb-article-video-teaser .teaser-type.type-live .icon { width: 1.4375rem; } .ie-10 .fcb-article-video-teaser .teaser-type.type-video .icon { margin-top: 0.125rem; } .fcb-article-video-teaser .teaser-badges { left: 0.3125rem; } .fcb-article-video-teaser .teaser-badges .icon { height: 1.25rem; } .ie-10 .fcb-article-video-teaser .teaser-badges, .ie-11 .fcb-article-video-teaser .teaser-badges { max-height: 1.25rem; } .ie-10 .fcb-article-video-teaser .teaser-badges .icon, .ie-11 .fcb-article-video-teaser .teaser-badges .icon { width: 3.25rem; } .ie-13 .fcb-article-video-teaser .teaser-badges .icon { max-width: 3.25rem; } } /* .no-touchevents { .fcb-article-video-teaser { a:hover { } } } */ /* textMedia ~ END */ /* Matchcenter ~ START */ .fcb-liveticker .fcb-row:first-child { margin-bottom: 0; } .fcb-liveticker.updating a.button.small, .fcb-liveticker.updating .ui-datepicker div.ui-datepicker-buttonpane button.small, .ui-datepicker div.ui-datepicker-buttonpane .fcb-liveticker.updating button.small { background: #f8f8f9; color: #c9ccd2; border-color: #f8f8f9; cursor: default; } .fcb-liveticker a.button.small, .fcb-liveticker .ui-datepicker div.ui-datepicker-buttonpane button.small, .ui-datepicker div.ui-datepicker-buttonpane .fcb-liveticker button.small { float: right; -webkit-transition-property: background, color, border; -moz-transition-property: background, color, border; transition-property: background, color, border; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; transition-duration: 1s; } .fcb-liveticker a.button.small:before, .fcb-liveticker .ui-datepicker div.ui-datepicker-buttonpane button.small:before, .ui-datepicker div.ui-datepicker-buttonpane .fcb-liveticker button.small:before { padding: 0; margin-right: 1rem; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .fcb-liveticker .fcb-liveticker-filter { position: relative; margin-bottom: 0; padding-top: 0.6875rem; padding-bottom: 0.6875rem; } .fcb-liveticker .fcb-liveticker-filter:after { content: ''; height: 1px; background: #c9ccd2; position: absolute; left: -100%; right: -100%; bottom: 1px; } .fcb-liveticker .fcb-liveticker-filter b { color: #0A3C64; font-size: 1.125rem; line-height: 1.5rem; font-family: "expressway_condensed_bold"; } .fcb-liveticker .fcb-liveticker-filter .fcb-checkbox { display: inline-block; margin-left: 0.875rem; } .fcb-liveticker .fcb-liveticker-filter a.fcb-tooltip-filter { display: none; color: #6e7882; font-family: "expressway_light"; } .fcb-liveticker .fcb-liveticker-filter a.fcb-tooltip-filter:before { font-family: "fcb_icons"; } .fcb-liveticker .fcb-liveticker-filter .desktop-filter, .fcb-liveticker .fcb-liveticker-filter .select-box-filter { display: inline-block; } .fcb-liveticker .fcb-liveticker-content { position: relative; overflow: hidden; padding-top: 1.875rem; padding-left: 1.75rem; z-index: 100; } .fcb-liveticker .fcb-liveticker-content:before { content: ''; display: block; position: absolute; left: 1.75rem; top: 0px; bottom: 0px; width: 0.0625rem; background: url("../assets/matchCenter/liveticker/dottetBorderBackground.gif") center center repeat-y; z-index: 1; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry { padding-left: 8.33333%; position: relative; overflow: hidden; z-index: 150; /* ADD */ /* INTRO */ /* Default one ~ time inside of the circle */ /* INFO */ /* Yellow/Red Card*/ /* Whistle */ /* Player Substitution */ /* GOAL */ } .fcb-liveticker .fcb-liveticker-content .liveticker-entry .liveticker-entry-inner { padding-top: 0.5625rem; margin-bottom: 0.9375rem; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry:before { content: ''; position: absolute; display: block; width: 2.375rem; height: 2.375rem; left: 0.3125rem; top: 0.125rem; border: 2px solid #6e7882; border-radius: 50%; background-repeat: no-repeat; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry:after { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 0.1875rem 0.25rem 0.1875rem 0; border-color: transparent #6e7882 transparent transparent; position: absolute; top: 1.125rem; left: 0.0625rem; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.low-z-index { z-index: -10; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.hidden { visibility: hidden; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry .head-area { width: 100%; overflow: hidden; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry .head-area h3 { font-size: 1.125rem; line-height: 1.5rem; margin-bottom: 0; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry .head-area .time { font-size: 1rem; line-height: 1.375rem; width: 2rem; text-align: center; position: absolute; left: 0.5rem; top: 0.625rem; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry .head-area .time .long-time { font-size: 80%; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry > p { margin-top: 0.125rem; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry .image-wrapper { padding-bottom: 56.22255%; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry .image-wrapper.loaded { padding-bottom: 0; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.add:before, .fcb-liveticker .fcb-liveticker-content .liveticker-entry.add:after, .fcb-liveticker .fcb-liveticker-content .liveticker-entry.add .time { display: none; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.add .image-wrapper { padding-bottom: 15.5597014925373%; margin-top: 0.625rem; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.add .image-wrapper img { width: auto !important; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.add .image-wrapper.loaded { padding-bottom: 0; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.add .ad-iframe { width: 100%; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.add p { padding-bottom: 0; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.intro { padding: 0; z-index: 10; margin-left: -0.875rem; overflow: visible; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.intro h3 { font-size: 1.5rem; line-height: 1.875rem; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.intro:before, .fcb-liveticker .fcb-liveticker-content .liveticker-entry.intro:after { content: ''; border: 0; width: 100%; height: 2rem; background: white; position: absolute; top: -1.875rem; left: 0; border-radius: 0; z-index: -1; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.intro:after { top: auto; bottom: -1.875rem; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.intro .liveticker-entry-inner { padding: 0.6875rem 0.875rem 0.875rem; background: #e5e6e7; border-radius: 0.25rem; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.default .head-area .time { line-height: 2.375rem; top: 0.125rem; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.whistle .time, .fcb-liveticker .fcb-liveticker-content .liveticker-entry.important-info .time, .fcb-liveticker .fcb-liveticker-content .liveticker-entry.yellow-card .time, .fcb-liveticker .fcb-liveticker-content .liveticker-entry.yellow-red-card .time, .fcb-liveticker .fcb-liveticker-content .liveticker-entry.red-card .time, .fcb-liveticker .fcb-liveticker-content .liveticker-entry.goal .time, .fcb-liveticker .fcb-liveticker-content .liveticker-entry.player-substitution .time { position: static; display: inline-block; width: auto; margin-right: 0.3125rem; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.whistle h3, .fcb-liveticker .fcb-liveticker-content .liveticker-entry.important-info h3, .fcb-liveticker .fcb-liveticker-content .liveticker-entry.yellow-card h3, .fcb-liveticker .fcb-liveticker-content .liveticker-entry.yellow-red-card h3, .fcb-liveticker .fcb-liveticker-content .liveticker-entry.red-card h3, .fcb-liveticker .fcb-liveticker-content .liveticker-entry.goal h3, .fcb-liveticker .fcb-liveticker-content .liveticker-entry.player-substitution h3 { display: inline-block; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.whistle:before, .fcb-liveticker .fcb-liveticker-content .liveticker-entry.important-info:before, .fcb-liveticker .fcb-liveticker-content .liveticker-entry.yellow-card:before, .fcb-liveticker .fcb-liveticker-content .liveticker-entry.yellow-red-card:before, .fcb-liveticker .fcb-liveticker-content .liveticker-entry.red-card:before, .fcb-liveticker .fcb-liveticker-content .liveticker-entry.goal:before, .fcb-liveticker .fcb-liveticker-content .liveticker-entry.player-substitution:before { border-color: #961432; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.whistle:after, .fcb-liveticker .fcb-liveticker-content .liveticker-entry.important-info:after, .fcb-liveticker .fcb-liveticker-content .liveticker-entry.yellow-card:after, .fcb-liveticker .fcb-liveticker-content .liveticker-entry.yellow-red-card:after, .fcb-liveticker .fcb-liveticker-content .liveticker-entry.red-card:after, .fcb-liveticker .fcb-liveticker-content .liveticker-entry.goal:after, .fcb-liveticker .fcb-liveticker-content .liveticker-entry.player-substitution:after { border-color: transparent #961432 transparent transparent; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.whistle.grey-border:before, .fcb-liveticker .fcb-liveticker-content .liveticker-entry.important-info.grey-border:before, .fcb-liveticker .fcb-liveticker-content .liveticker-entry.yellow-card.grey-border:before, .fcb-liveticker .fcb-liveticker-content .liveticker-entry.yellow-red-card.grey-border:before, .fcb-liveticker .fcb-liveticker-content .liveticker-entry.red-card.grey-border:before, .fcb-liveticker .fcb-liveticker-content .liveticker-entry.goal.grey-border:before, .fcb-liveticker .fcb-liveticker-content .liveticker-entry.player-substitution.grey-border:before { border-color: #6e7882; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.whistle.grey-border:after, .fcb-liveticker .fcb-liveticker-content .liveticker-entry.important-info.grey-border:after, .fcb-liveticker .fcb-liveticker-content .liveticker-entry.yellow-card.grey-border:after, .fcb-liveticker .fcb-liveticker-content .liveticker-entry.yellow-red-card.grey-border:after, .fcb-liveticker .fcb-liveticker-content .liveticker-entry.red-card.grey-border:after, .fcb-liveticker .fcb-liveticker-content .liveticker-entry.goal.grey-border:after, .fcb-liveticker .fcb-liveticker-content .liveticker-entry.player-substitution.grey-border:after { border-color: transparent #6e7882 transparent transparent; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.player-substitution .liveticker-entry-inner { margin-bottom: 0; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.important-info:before { background-image: url("../assets/matchCenter/liveticker/iconFcb.svg"); background-size: 1.75rem 1.75rem; background-position: center center; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.yellow-card:before, .fcb-liveticker .fcb-liveticker-content .liveticker-entry.yellow-red-card:before, .fcb-liveticker .fcb-liveticker-content .liveticker-entry.red-card:before { background-image: url("../assets/matchCenter/liveticker/iconYellowCard.svg"); background-size: 1.625rem 1.625rem; background-position: center center; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.yellow-red-card:before { background-image: url("../assets/matchCenter/liveticker/iconYellowRedCard.svg"); } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.red-card:before { background-image: url("../assets/matchCenter/liveticker/iconRedCard.svg"); } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.whistle:before { border-color: #6e7882; background-image: url("../assets/matchCenter/liveticker/iconWhistle.svg"); background-size: 1.75rem 1.75rem; background-position: center center; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.whistle:after { border-color: transparent #6e7882 transparent transparent; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.player-substitution .liveticker-entry-inner { padding-bottom: 0.3125rem; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.player-substitution:before { background-image: url("../assets/matchCenter/liveticker/iconPlayerSubstitution.svg"); background-size: 1.625rem 1.625rem; background-position: center center; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.player-substitution.player-substitution-opponent:before { border-color: #6e7882; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.player-substitution.player-substitution-opponent:after { border-color: transparent #6e7882 transparent transparent; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.player-substitution .substituted-player { margin-top: 1.1875rem; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.player-substitution .substituted-player > div { width: 5.9375rem; height: 5.9375rem; border: 1px dotted #14B414; border-radius: 50%; display: inline-block; position: relative; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.player-substitution .substituted-player > div:before { position: absolute; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 0.375rem 0 0.375rem 0.625rem; border-color: transparent transparent transparent #14B414; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.player-substitution .substituted-player > div .inner-circle { border: 2px solid #c9ccd2; border-radius: 50%; width: 5rem; height: 5rem; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); text-align: center; line-height: 4.625rem; font-size: 3.375rem; overflow: hidden; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.player-substitution .substituted-player > div .inner-circle .image-wrapper { margin: 0; max-width: 80; height: auto; padding-bottom: 0; position: absolute; top: 0; left: 0; z-index: 10; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.player-substitution .substituted-player .player-leave { margin-left: 1.125rem; border-color: #961432; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.player-substitution .substituted-player .player-leave:before { bottom: -0.75rem; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); border-width: 0.375rem 0.625rem 0.375rem 0; border-color: transparent #961432 transparent transparent; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.goal:before { background-image: url("../assets/matchCenter/liveticker/iconGoal.svg"); background-size: 1.875rem 1.875rem; background-position: center center; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.goal.goal-opponent:before { border-color: #6e7882; background-image: url("../assets/matchCenter/liveticker/iconGoalGrey.svg"); background-size: 1.875rem 1.875rem; background-position: center center; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.goal.goal-opponent:after { border-color: transparent #6e7882 transparent transparent; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.goal .head-area { margin-bottom: 0.75rem; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.goal .goal-status { margin-top: 0.875rem; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.goal .goal-status > div { color: #0A3C64; font-weight: bold; font-family: "expressway_condensed_bold"; font-size: 2.375rem; display: inline; position: relative; margin-top: 0.375rem; padding-top: 0.625rem; line-height: 5.3125rem; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.goal .goal-status > div > img { max-width: 5.3125rem; max-height: 5.3125rem; width: auto; height: auto; position: absolute; left: 0; top: -0.375rem; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.goal .goal-status > div.goal-status-home { padding-left: 6.1875rem; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.goal .goal-status > div.goal-status-home:after { content: ':'; display: inline-block; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.goal .goal-status > div.goal-status-away { padding-right: 6.1875rem; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.goal .goal-status > div.goal-status-away > img { right: 0; left: auto; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.goal p { margin-top: 0.625rem; } .fcb-liveticker .fcb-liveticker-no-content { border-radius: 0.25rem; padding-left: 1.75rem; margin-top: -1.5625rem; } .fcb-liveticker .fcb-liveticker-no-content .fcb-liveticker-no-content-entry { padding: 0.6875rem 0.875rem 0.875rem; background: #e5e6e7; z-index: 10; margin-left: -0.875rem; overflow: visible; /* &:before, &:after { content: ''; border: 0; width: 100%; height: rem(32); background: white; position: absolute; top: rem(-30); left: 0; border-radius: 0; z-index: 101 } */ } .fcb-liveticker .fcb-liveticker-no-content .fcb-liveticker-no-content-entry h3 { font-size: 1.5rem; line-height: 1.875rem; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-tooltip-filter-wrapper { margin-top: 1.5rem; } .fcb-liveticker .fcb-liveticker-filter:after { left: 0.5rem; right: 0.5rem; } .fcb-liveticker .fcb-liveticker-filter a.fcb-tooltip-filter { display: inline-block; padding: 0.625rem; border: 1px solid #c9ccd2; border-radius: 3px; text-decoration: none; } .fcb-liveticker .fcb-liveticker-filter a.fcb-tooltip-filter:before { color: #0A3C64; } .fcb-liveticker .fcb-liveticker-filter a.button.small, .fcb-liveticker .fcb-liveticker-filter .ui-datepicker div.ui-datepicker-buttonpane button.small, .ui-datepicker div.ui-datepicker-buttonpane .fcb-liveticker .fcb-liveticker-filter button.small { line-height: 1.375rem; } .fcb-liveticker .fcb-liveticker-filter .desktop-filter { display: none; } .fcb-liveticker .fcb-liveticker-content { padding-left: 0.5rem; } .fcb-liveticker .fcb-liveticker-content:before { left: 0.5rem; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry { /* Icon size update */ /* Player Substitution */ /* GOAL */ } .fcb-liveticker .fcb-liveticker-content .liveticker-entry > * { padding-left: 0.5rem; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry:before { left: 0.25rem; width: 2rem; height: 2rem; border-width: 2px; top: 0.1875rem; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry:after { left: 0.0625rem; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry .head-area .time { margin-top: 0.125rem; font-size: 1.125rem; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.hidden { left: 1rem; right: 1rem; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.intro { margin-left: 0; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.default .head-area .time { padding-left: 1px; font-size: 0.875rem; left: 0.1875rem; top: -0.125rem; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.add .image-wrapper { padding-bottom: 20.669701%; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.add .time { font-size: 0.875rem; top: 0.3125rem; left: 0.25rem; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.important-info:before { background-size: 1.5rem; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.yellow-card:before, .fcb-liveticker .fcb-liveticker-content .liveticker-entry.yellow-red-card:before, .fcb-liveticker .fcb-liveticker-content .liveticker-entry.red-card:before { background-size: 1rem; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.whistle:before { background-size: 1.625rem; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.player-substitution:before { background-size: 1.375rem; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.goal:before, .fcb-liveticker .fcb-liveticker-content .liveticker-entry.goal.goal-opponent:before { background-size: 1.625rem; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.player-substitution .substituted-player > div { width: 5rem; height: 5rem; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.player-substitution .substituted-player > div:before { border-width: 0.25rem 0 0.25rem 0.375rem; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.player-substitution .substituted-player > div.player-leave:before { border-width: 0.25rem 0.375rem 0.25rem 0; bottom: -0.5625rem; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.player-substitution .substituted-player > div .inner-circle { width: 4.375rem; height: 4.375rem; line-height: 4rem; font-size: 2rem; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.player-substitution .substituted-player > div .inner-circle .image-wrapper { max-width: 70; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.goal .goal-status > div { line-height: 5rem; font-size: 2rem; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.goal .goal-status > div > img { max-width: 5rem; max-height: 5rem; width: auto; height: auto; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.goal .goal-status > div.goal-status-home { padding-left: 5.875rem; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.goal .goal-status > div.goal-status-away { padding-right: 5.875rem; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-liveticker .fcb-liveticker-filter:after { left: 0.1875rem; right: 0.1875rem; } .fcb-liveticker .fcb-liveticker-content:before { left: 0.25rem; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry { padding-left: 16.66667%; /* GOAL */ } .fcb-liveticker .fcb-liveticker-content .liveticker-entry .liveticker-entry-inner { padding-top: 0.4375rem; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry:before { left: 0.5rem; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry:after { left: 0.25rem; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.hidden { left: 0.375rem; right: 0.375rem; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.default .head-area .time { left: 0.5rem; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.add .image-wrapper { padding-bottom: 40.969701%; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.add .ad-iframe { width: 100%; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.add .time { left: 0.5rem; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.goal .goal-status > div { line-height: 4.375rem; font-size: 1.75rem; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.goal .goal-status > div > img { max-width: 4.375rem; max-height: 4.375rem; width: auto; height: auto; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.goal .goal-status > div.goal-status-home { padding-left: 5rem; } .fcb-liveticker .fcb-liveticker-content .liveticker-entry.goal .goal-status > div.goal-status-away { padding-right: 5rem; } .fcb-liveticker .fcb-liveticker-no-content .fcb-liveticker-no-content-entry { margin-left: 0; } } /* EVENTTICKER */ .fcb-liveticker.eventticker { margin: 0; padding-left: 0.875rem; padding-right: 0.875rem; } .fcb-liveticker.eventticker .fcb-liveticker-filter.fcb-gr-12 { width: 100%; margin: 0; padding-left: 0; padding-right: 0; } .fcb-liveticker.eventticker .fcb-liveticker-filter.fcb-gr-12:after { left: 0; right: 0; } .fcb-liveticker.eventticker .fcb-liveticker-filter .select-box-filter { display: none; } .fcb-liveticker.eventticker .fcb-liveticker-content.fcb-gr-9.fcb-push-1.fcb-push-0\@small.fcb-gr-12\@small { left: 0; width: 100%; padding-left: 0; padding-right: 0; } .fcb-liveticker.eventticker .fcb-liveticker-content.fcb-gr-9.fcb-push-1.fcb-push-0\@small.fcb-gr-12\@small:before { left: 0.375rem; z-index: -10; } .fcb-liveticker.eventticker .fcb-liveticker-content.fcb-gr-9.fcb-push-1.fcb-push-0\@small.fcb-gr-12\@small .liveticker-entry .time { position: static; padding: 0; width: 100%; text-align: left; font-size: 1.125rem; line-height: 1.4375rem; margin-top: -0.125rem; font-family: "expressway_condensed_light"; } .fcb-liveticker.eventticker .fcb-liveticker-content.fcb-gr-9.fcb-push-1.fcb-push-0\@small.fcb-gr-12\@small .liveticker-entry h3 { font-family: "expressway_condensed_bold"; } .fcb-liveticker.eventticker .fcb-liveticker-content.fcb-gr-9.fcb-push-1.fcb-push-0\@small.fcb-gr-12\@small .liveticker-entry:not(:last-child) { padding-left: 1.5rem; } .fcb-liveticker.eventticker .fcb-liveticker-content.fcb-gr-9.fcb-push-1.fcb-push-0\@small.fcb-gr-12\@small .liveticker-entry:not(:last-child) .liveticker-entry-inner { padding-top: 0; } .fcb-liveticker.eventticker .fcb-liveticker-content.fcb-gr-9.fcb-push-1.fcb-push-0\@small.fcb-gr-12\@small .liveticker-entry:not(:last-child):before { width: 0.5625rem; height: 0.5625rem; background: #ffffff; z-index: 10; left: 0.125rem; top: 0.375rem; border-color: #6e7882; } .fcb-liveticker.eventticker .fcb-liveticker-content.fcb-gr-9.fcb-push-1.fcb-push-0\@small.fcb-gr-12\@small .liveticker-entry:not(:last-child):after { display: none; } .fcb-liveticker.eventticker .fcb-liveticker-content .liveticker-entry.intro { margin-left: 0; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-liveticker.eventticker .fcb-liveticker-filter a.fcb-tooltip-filter { display: none; } .fcb-liveticker.eventticker .desktop-filter { display: inline-block; margin-top: 0.3125rem; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-liveticker.eventticker { padding: 0; } .fcb-liveticker.eventticker .fcb-liveticker-content.fcb-gr-9.fcb-push-1.fcb-push-0\@small.fcb-gr-12\@small .liveticker-entry.intro { padding-left: 0px; } .fcb-liveticker.eventticker .fcb-liveticker-content.fcb-gr-9.fcb-push-1.fcb-push-0\@small.fcb-gr-12\@small .liveticker-entry .time { font-size: 1rem; } } /* scoreTableHeader ~ START */ .fcb-score-table .score-table .table-score-header th { height: 1.125rem; } .fcb-score-table .score-table .table-score-header th span { font-size: 0.75rem; color: #6e7882; } .fcb-score-table .score-table .table-score-header th.team-name { text-align: left; } /* INCLUDE SMALL */ @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .score-table-header .fcb-checkbox { display: inline-block; color: #6e7882; font-family: "expressway_condensed_light"; text-transform: capitalize; font-size: 1rem; } } /* scoreTableHeader ~ END */ /* teamEntry ~ START */ .score-table-wrapper { /* INCLUDE MEDIUM */ /* INCLUDE SMALL */ } .score-table-wrapper .score-table tbody .team-entry { position: relative; } .score-table-wrapper .score-table tbody .team-entry td { border-right: 1px solid #ffffff; vertical-align: middle; max-height: 3.125rem; height: 3.125rem; } .score-table-wrapper .score-table tbody .team-entry td.rank { padding: 0 1.1875rem; box-sizing: content-box; width: 3.125rem; } .score-table-wrapper .score-table tbody .team-entry span { font-size: 0.875rem; color: #6e7882; font-family: "expressway_light"; } .score-table-wrapper .score-table tbody .team-entry span.icon { font-family: "fcb_icons"; display: block; width: 100%; height: 100%; background-position: left center; background-repeat: no-repeat; min-width: 0.5625rem; position: relative; } .score-table-wrapper .score-table tbody .team-entry span.icon:before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .score-table-wrapper .score-table tbody .team-entry span.icon.icon-font-score-table-up { color: #1EB71E; } .score-table-wrapper .score-table tbody .team-entry span.icon.icon-font-score-table-down { color: #961432; } .score-table-wrapper .score-table tbody .team-entry span.icon.icon-font-score-table-static { font-size: 0.5rem; color: #6e7882; } .score-table-wrapper .score-table tbody .team-entry span.ghost { opacity: 0; } .score-table-wrapper .score-table tbody .team-entry .rank { border-right: 0; } .score-table-wrapper .score-table tbody .team-entry .rank span { font-family: "expressway_bold"; } .score-table-wrapper .score-table tbody .team-entry .rank small { font-size: 0.75rem; line-height: 1.125rem; font-family: "expressway_light"; } .score-table-wrapper .score-table tbody .team-entry .team-name { text-align: left; } .score-table-wrapper .score-table tbody .team-entry .team-name span { font-family: "expressway_bold"; } .score-table-wrapper .score-table tbody .team-entry .team-name span.medium-name, .score-table-wrapper .score-table tbody .team-entry .team-name span.short-name { display: none; } .score-table-wrapper .score-table tbody .team-entry .team-image { border-right: 0; } .score-table-wrapper .score-table tbody .team-entry .team-image img { max-width: 2.0625rem; max-height: 2.0625rem; /*IE fix*/ } .score-table-wrapper .score-table tbody .team-entry .points span { font-family: "expressway_bold"; } .score-table-wrapper .score-table tbody .team-entry.highlighted td span { color: #961432; } .score-table-wrapper .score-table tbody .team-entry.highlighted td.matches span, .score-table-wrapper .score-table tbody .team-entry.highlighted td.wins span, .score-table-wrapper .score-table tbody .team-entry.highlighted td.draws span, .score-table-wrapper .score-table tbody .team-entry.highlighted td.losses span, .score-table-wrapper .score-table tbody .team-entry.highlighted td.score span, .score-table-wrapper .score-table tbody .team-entry.highlighted td.difference span { font-family: "expressway_bold"; } .score-table-wrapper .score-table tbody .team-entry.bordered td { border-bottom: 1px solid #6e7882; } .score-table-wrapper .score-table tbody .team-entry:nth-child(odd) { background: #f8f8f9; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .score-table-wrapper .score-table tbody .team-entry .team-name span.full-name { display: none; } .score-table-wrapper .score-table tbody .team-entry .team-name span.medium-name { display: block; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .score-table-wrapper .score-table tbody .team-entry span { font-size: 0.75rem; } .score-table-wrapper .score-table tbody .team-entry td { padding-left: 0.3125rem; padding-right: 0.3125rem; } .score-table-wrapper .score-table tbody .team-entry td.rank { min-width: 2.75rem; padding-left: 0.3125rem; padding-right: 0rem; } .score-table-wrapper .score-table tbody .team-entry td.team-name { min-width: 100%; } .score-table-wrapper .score-table tbody .team-entry td.team-image img { width: 1.375rem; height: 1.375rem; } .score-table-wrapper.detail-view-mode .score-table tbody .team-entry .rank { min-width: auto; width: auto; } .score-table-wrapper.detail-view-mode .score-table tbody .team-entry .team-name { min-width: auto; width: auto; } .score-table-wrapper.detail-view-mode .score-table tbody .team-entry.highlighted td span { color: #961432; } .score-table-wrapper.detail-view-mode .score-table tbody .team-entry.highlighted td.matches span, .score-table-wrapper.detail-view-mode .score-table tbody .team-entry.highlighted td.wins span, .score-table-wrapper.detail-view-mode .score-table tbody .team-entry.highlighted td.draws span, .score-table-wrapper.detail-view-mode .score-table tbody .team-entry.highlighted td.losses span, .score-table-wrapper.detail-view-mode .score-table tbody .team-entry.highlighted td.score span, .score-table-wrapper.detail-view-mode .score-table tbody .team-entry.highlighted td.difference span { font-family: "expressway_light"; } } .score-table-wrapper.detail-view-mode .score-table tbody .team-entry .team-name span.short-name { display: block; } .score-table-wrapper.detail-view-mode .score-table tbody .team-entry .team-name span.full-name, .score-table-wrapper.detail-view-mode .score-table tbody .team-entry .team-name span.medium-name { display: none; } .score-table-wrapper.detail-view-mode .score-table tbody .team-entry .previousRank small { display: none; } /* teamEntry ~ END */ .main-page-wrapper .score-table-controller { /* INCLUDE MEDIUM */ /* INCLUDE SMALL */ } .main-page-wrapper .score-table-controller.fcb-container { margin-top: 2.5rem; } .main-page-wrapper .score-table-controller .score-table-title-wrapper .score-table-title { margin-bottom: 1.4375rem; } .main-page-wrapper .score-table-controller .score-table-controls { float: right; } .main-page-wrapper .score-table-controller .score-table-controls .fcb-tab-accordion-wrapper { width: 100%; } .main-page-wrapper .score-table-controller .score-table-controls .fcb-tab-accordion-wrapper .item-titles-wrapper .item-titles { float: right; width: 100%; } .main-page-wrapper .score-table-controller .score-table-controls .fcb-tab-accordion-wrapper .item-titles-wrapper .item-titles .item { width: 32.4%; margin: 0 1.3% 0 0; } .main-page-wrapper .score-table-controller .score-table-controls .fcb-tab-accordion-wrapper .item-titles-wrapper .item-titles .item:last-child { margin-right: 0; } .page-type-rtl .main-page-wrapper .score-table-controller .score-table-controls .fcb-tab-accordion-wrapper .item-titles-wrapper .item-titles .item:last-child { margin-right: 1.3%; } .page-type-rtl .main-page-wrapper .score-table-controller .score-table-controls .fcb-tab-accordion-wrapper .item-titles-wrapper .item-titles .item:first-child { margin-right: 0; } .main-page-wrapper .score-table-controller .score-table-controls .fcb-tab-accordion-wrapper .item-titles-wrapper .item-titles .item a { padding-left: 0; padding-right: 0; width: 100%; text-align: center; } .main-page-wrapper .score-table-controller .score-table-controls .fcb-tab-accordion-wrapper .item-content-wrapper { display: none; } .main-page-wrapper .score-table-controller .score-table-controls .fcb-season-picker-wrapper .fcb-season-picker .competition-selector-wrapper { float: left; width: 64%; } .main-page-wrapper .score-table-controller .score-table-controls .fcb-season-picker-wrapper .fcb-season-picker .season-selector-wrapper { float: right; } .main-page-wrapper .score-table-controller .score-table-controller-selectors .season-selector-wrapper { float: left; width: 34%; margin-right: 1%; } .main-page-wrapper .score-table-controller .score-table-controller-selectors .competition-selector-wrapper { float: right; width: 65%; } .main-page-wrapper .score-table-controller .score-table-controller-selectors .fcb-form-element-wrapper.competition-selector-wrapper:first-child { width: 100%; } .main-page-wrapper .score-table-controller .score-table-disclaimer p { font-size: 0.75rem; line-height: 1.125rem; } .main-page-wrapper .score-table-controller .score-tables-group { margin-bottom: 3rem; } .main-page-wrapper .score-table-controller .score-table-wrapper .score-table-title-wrapper .score-table-title { color: #0A3C64; font-size: 1.75rem; line-height: 2.125rem; margin-bottom: 3.25rem; } .main-page-wrapper .score-table-controller .score-table-wrapper .score-table-header { display: none; } .main-page-wrapper .score-table-controller .score-table-wrapper .score-table { width: 100%; text-align: center; } .main-page-wrapper .score-table-controller .score-table-wrapper .score-table colgroup col.team-logo { width: 3rem; border: 0; } .main-page-wrapper .score-table-controller .score-table-wrapper .score-table colgroup col.score { max-width: 3rem; } .main-page-wrapper .score-table-controller .score-table-wrapper .score-table colgroup col.small { width: 3rem; } .main-page-wrapper .score-table-controller .score-table-wrapper .score-table colgroup col.trend { width: 1.5625rem; } .main-page-wrapper .score-table-controller .score-table-wrapper .score-table colgroup col:last-child { border: 0; } .main-page-wrapper .score-table-controller .score-table-wrapper.hide-team-logos col.team-logo, .main-page-wrapper .score-table-controller .score-table-wrapper.hide-team-logos th.team-logo, .main-page-wrapper .score-table-controller .score-table-wrapper.hide-team-logos td.team-image { display: none !important; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .main-page-wrapper .score-table-controller .score-table-controller .score-table-wrapper .score-table colgroup col.tore { width: 4.5625rem; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .main-page-wrapper .score-table-controller .score-table-controller .score-table-title-wrapper .score-table-title { margin-bottom: 1.875rem; } .main-page-wrapper .score-table-controller .score-table-controls { width: 100%; } .main-page-wrapper .score-table-controller .score-table-controls .score-table-controller-selectors .fcb-form-element-wrapper { width: 100%; } .main-page-wrapper .score-table-controller .score-table-controls .fcb-tab-accordion-wrapper .item-titles-wrapper .item-titles { width: 100%; } .main-page-wrapper .score-table-controller .score-table-controls .fcb-tab-accordion-wrapper .item-titles-wrapper .item-titles .item { width: 32.4%; margin: 0 1.3% 0 0; } .main-page-wrapper .score-table-controller .score-table-controls .fcb-tab-accordion-wrapper .item-titles-wrapper .item-titles .item:last-child { margin-right: 0; } .main-page-wrapper .score-table-controller .score-table-controls .fcb-tab-accordion-wrapper .item-titles-wrapper .item-titles .item a { padding-left: 0; padding-right: 0; width: 100%; text-align: center; } .main-page-wrapper .score-table-controller .score-table-controls .fcb-season-picker-wrapper .fcb-season-picker .competition-selector-wrapper, .main-page-wrapper .score-table-controller .score-table-controls .fcb-season-picker-wrapper .fcb-season-picker .season-selector-wrapper { width: 100%; } .main-page-wrapper .score-table-controller .score-table-wrapper .score-table-title-wrapper .score-table-title { margin: 0 0 1.875rem; } .main-page-wrapper .score-table-controller .score-table-wrapper .score-table-header { display: block; } .main-page-wrapper .score-table-controller .score-table-wrapper .score-table colgroup col.small { width: 1.5625rem; } .main-page-wrapper .score-table-controller .score-table-wrapper .score-table colgroup col.difference { width: 2rem; } .main-page-wrapper .score-table-controller .score-table-wrapper .score-table colgroup col.points { width: 2rem; } .main-page-wrapper .score-table-controller .score-table-wrapper .score-table colgroup col.trend { width: 0.9375rem; } .main-page-wrapper .score-table-controller .score-table-wrapper .score-table tr td.detail-view, .main-page-wrapper .score-table-controller .score-table-wrapper .score-table tr th.detail-view { display: none; opacity: 0; } .main-page-wrapper .score-table-controller .score-table-wrapper .score-table tr td.wins, .main-page-wrapper .score-table-controller .score-table-wrapper .score-table tr td.draws, .main-page-wrapper .score-table-controller .score-table-wrapper .score-table tr td.losses, .main-page-wrapper .score-table-controller .score-table-wrapper .score-table tr td.score, .main-page-wrapper .score-table-controller .score-table-wrapper .score-table tr th.wins, .main-page-wrapper .score-table-controller .score-table-wrapper .score-table tr th.draws, .main-page-wrapper .score-table-controller .score-table-wrapper .score-table tr th.losses, .main-page-wrapper .score-table-controller .score-table-wrapper .score-table tr th.score { display: none; opacity: 0; } .main-page-wrapper .score-table-controller .score-table-wrapper.detail-view-mode .score-table .detail-view, .main-page-wrapper .score-table-controller .score-table-wrapper.detail-view-mode .score-table .wins, .main-page-wrapper .score-table-controller .score-table-wrapper.detail-view-mode .score-table .draws, .main-page-wrapper .score-table-controller .score-table-wrapper.detail-view-mode .score-table .losses, .main-page-wrapper .score-table-controller .score-table-wrapper.detail-view-mode .score-table .score { display: table-cell; opacity: 1; } .main-page-wrapper .score-table-controller .score-table-wrapper.detail-view-mode .score-table .trend { display: none; } } .fcb-lineup-wrapper { /* .opta-loader p , .opta-widget-container .loading-layer p { background: none !important; &:before { content: ''; background: url('../images/spinner.gif'); display: block; width: rem(32); height: rem(32); text-align: center; } } */ } .fcb-lineup-wrapper.before-match .fcb-lineup-field { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .fcb-lineup-wrapper.before-match .fcb-lineup-field .column { width: 50%; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-box-flex: 1; -moz-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; margin-bottom: 1.25rem; } .fcb-lineup-wrapper.before-match .lineup-list { border: 1px solid #c9ccd2; text-align: center; padding: 2.1875rem 0 1.25rem; height: 100%; } .fcb-lineup-wrapper.before-match .lineup-list a { color: #0A3C64; font-family: "expressway_condensed_bold"; text-transform: uppercase; } .fcb-lineup-wrapper.before-match .lineup-list .backup-team { margin-top: 1.875rem; } .fcb-lineup-wrapper.before-match .lineup-list .backup-team ul, .fcb-lineup-wrapper.before-match .lineup-list .backup-team ul li, .fcb-lineup-wrapper.before-match .lineup-list .backup-team span { display: inline-block; } .fcb-lineup-wrapper.before-match .lineup-list .backup-team span, .fcb-lineup-wrapper.before-match .lineup-list .backup-team li a { font-size: 0.875rem; color: #78828c; font-family: "expressway_condensed_bold"; text-transform: uppercase; } .fcb-lineup-wrapper.before-match .lineup-list .backup-team span:after, .fcb-lineup-wrapper.before-match .lineup-list .backup-team li a:after { content: '/'; } .fcb-lineup-wrapper.before-match .content-substitutes { display: none; } .fcb-lineup-wrapper .opta-widget-container.errorMsgDialog { top: 0; bottom: initial; bottom: auto; } .fcb-lineup-wrapper .opta-error.matchdaylive { padding-top: 3.125rem; } .fcb-lineup-wrapper .column.column-away .opta-widget-error { text-align: left; padding-left: 4.25rem; } .fcb-lineup-wrapper .column.column-away .opta-error.matchdaylive { padding-top: 3.375rem; } .fcb-lineup-wrapper .column.column-home .opta-widget-error { text-align: right; padding-right: 4.25rem; } .fcb-lineup-wrapper .opta-loader p, .fcb-lineup-wrapper .opta-widget-container .loading-layer p { background: none !important; } .fcb-lineup-wrapper .opta-loader p:before, .fcb-lineup-wrapper .opta-widget-container .loading-layer p:before { content: ''; } .fcb-lineup-wrapper .opta-widget-container { margin-top: 0rem; } .fcb-lineup-wrapper .opta-widget-container .opta-widget { border-radius: 0; border-color: transparent; border-image: none; border: none; } .fcb-lineup-wrapper .opta-widget-container > h2 { display: none; } .fcb-lineup-wrapper .opta-widget-container text tspan { font-size: 0.8125rem !important; fill: #6e7882; } .fcb-lineup-wrapper .opta-widget-container circle.circle-mobile { font-family: "expressway_bold" !important; } .fcb-lineup-wrapper .opta-widget-container rect { fill: none; stroke-width: 3; } .fcb-lineup-wrapper .opta-widget-container rect.svg-overlay { fill: #fff; stroke: none; } .fcb-lineup-wrapper .opta-widget-container rect:nth-of-type(1) { stroke: transparent; } .fcb-lineup-wrapper .opta-widget-container circle, .fcb-lineup-wrapper .opta-widget-container path { stroke: #e5e6e7; stroke-width: 3; } @media screen and (max-width: 63.9375rem) { .fcb-lineup-wrapper .opta-widget-container .opta-widget text tspan { font-size: 0.95em !important; } } @media screen and (max-width: 41.25rem) { .fcb-lineup-wrapper .opta-widget-container .opta-widget text tspan { font-size: 0.9em !important; } .fcb-lineup-wrapper .element-field.type-home { padding-bottom: 81%; } .fcb-lineup-wrapper .fcb-tab-accordion-wrapper.type-tab .item-titles .item > a { padding-left: 0.3125rem; padding-right: 0.3125rem; white-space: nowrap; overflow: hidden; } } .fcb-lineup-wrapper { padding-top: 3.125rem; /************************************ * HEADLINE ***********************************/ /************************************ * ERSATZ SPIELER ***********************************/ /************************************ * AUSWECHSELUNGEN ***********************************/ /************************************ * REFEREES ***********************************/ /* @include breakpointMin($medium-max-width) { .element-substitution { &.extratime { .substitution-minute { width: rem(72); } } } } */ } .fcb-lineup-wrapper.fcb-container .fcb-row { margin: 0rem; } .fcb-lineup-wrapper .fcb-row.fcb-lineup-substitutes { margin: 0rem 0.875rem; margin-bottom: 3.125rem; } .fcb-lineup-wrapper .fcb-row.fcb-lineup-substitutions { margin-bottom: 2.5625rem; } .fcb-lineup-wrapper .fcb-row.fcb-lineup-referees { margin-bottom: 1.875rem; } .fcb-lineup-wrapper .fcb-lineup-substitutes { background-color: #e5e6e7; } .fcb-lineup-wrapper .fcb-lineup-selection { display: none; } .fcb-lineup-wrapper .element-vs { display: none; } .fcb-lineup-wrapper .element-headline { display: block; margin-bottom: 1.1875rem; } .fcb-lineup-wrapper .element-headline:after { content: ''; clear: both; display: block; visibility: hidden; height: 0rem; } .fcb-lineup-wrapper .element-headline .headline, .fcb-lineup-wrapper .element-headline .logo { display: block; float: left; } .fcb-lineup-wrapper .element-headline .headline { font-family: "expressway_condensed_bold"; font-size: 1.375rem; line-height: 1.75rem; color: #0A3C64; padding-top: 0.125rem; } .fcb-lineup-wrapper .element-headline .logo { width: 2.1875rem; height: 2.1875rem; margin-right: 0.625rem; } .fcb-lineup-wrapper .fcb-lineup-headline { display: none; } .fcb-lineup-wrapper .fcb-lineup-headline.type-vs { position: relative; display: block; } .fcb-lineup-wrapper .fcb-lineup-headline.type-vs .column-home { text-align: right; } .fcb-lineup-wrapper .fcb-lineup-headline.type-vs .element-headline.type-left .headline, .fcb-lineup-wrapper .fcb-lineup-headline.type-vs .element-headline.type-left .logo { float: right; } .fcb-lineup-wrapper .fcb-lineup-headline.type-vs .element-headline.type-left .logo { margin-right: 1.25rem; margin-left: 0.625rem; } .fcb-lineup-wrapper .fcb-lineup-headline.type-vs .element-headline.type-right .logo { margin-left: 1.25rem; } .fcb-lineup-wrapper .fcb-lineup-headline.type-vs .element-vs { display: block; position: absolute; top: 0; left: 50%; width: 1.875rem; margin-left: -0.9375rem; text-align: center; font-family: "expressway_condensed_bold"; font-size: 1.375rem; line-height: 1.75rem; color: #0A3C64; padding-top: 0.0625rem; } .fcb-lineup-wrapper .element-field { margin-bottom: 0.9375rem; height: auto; padding-bottom: 77.5%; padding-bottom: 80%; overflow: hidden; position: relative; } .fcb-lineup-wrapper .element-field .opta-widget-container { position: absolute; margin: 0rem; left: -0.1875rem; } .fcb-lineup-wrapper .element-field .opta-widget-container .opta-widget { margin: 0rem; } .fcb-lineup-wrapper .element-field.type-home .opta-widget-container { top: 0rem; } .fcb-lineup-wrapper .element-field.type-away { margin-top: 0rem; } .fcb-lineup-wrapper .element-field.type-away .opta-widget-container { bottom: 0rem; } .fcb-lineup-wrapper .fcb-lineup-substitutes .column-away { padding-left: 1.5625rem; } .fcb-lineup-wrapper .fcb-lineup-substitutes .element-substitues { padding-top: 1rem; padding-bottom: 1rem; } .fcb-lineup-wrapper .fcb-lineup-substitutes .element-substitues .headline { font-family: "expressway_bold"; font-size: 0.875rem; line-height: 1.25rem; } .fcb-lineup-wrapper .fcb-lineup-substitutes .element-substitues p, .fcb-lineup-wrapper .fcb-lineup-substitutes .element-substitues span { font-size: 0.75rem; line-height: 1.125rem; margin: 0rem; } .fcb-lineup-wrapper .fcb-lineup-substitutes .element-substitues span { display: inline-block; } .fcb-lineup-wrapper .fcb-lineup-substitutes .element-substitues .content-substitutes { padding-bottom: 0.75rem; } .fcb-lineup-wrapper .element-substitution { height: 6.125rem; border-bottom: 0.0625rem solid #c9ccd2; } .fcb-lineup-wrapper .element-substitution:after { content: ''; clear: both; display: block; visibility: hidden; height: 0rem; } .fcb-lineup-wrapper .element-substitution:last-child { border-bottom: 0.125rem solid #961432; } .fcb-lineup-wrapper .element-substitution .substitution-minute { width: 3.5rem; line-height: 1.375rem; } .fcb-lineup-wrapper .element-substitution.extratime .substitution-minute { width: 4.5rem; } .fcb-lineup-wrapper .element-substitution .substitution-join, .fcb-lineup-wrapper .element-substitution .substitution-leave { color: #6e7882; display: block; } .fcb-lineup-wrapper .element-substitution .substitution-join span { font-family: "expressway_bold"; font-size: 1rem; line-height: 1.375rem; } .fcb-lineup-wrapper .element-substitution .substitution-leave { position: relative; } .fcb-lineup-wrapper .element-substitution .substitution-leave span { font-family: "expressway_light"; font-size: 0.75rem; line-height: 1.125rem; } .fcb-lineup-wrapper .element-substitution .substitution-leave .details { position: absolute; top: -0.0625rem; left: 100%; margin-left: 0.625rem; width: auto; min-height: 1.3125rem; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .fcb-lineup-wrapper .element-substitution .substitution-leave .scored-goals { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; width: 3.125rem; } .fcb-lineup-wrapper .element-substitution .substitution-leave .scored-goals .text-label { padding-right: 0.1875rem; } .fcb-lineup-wrapper .element-substitution .substitution-leave .cards { display: inline-block; } .fcb-lineup-wrapper .element-substitution .substitution-leave .icon { position: relative; top: 0.0625rem; left: 0.125rem; line-height: 1em; display: inline-block; width: 1rem; } .fcb-lineup-wrapper .element-substitution .substitution-minute, .fcb-lineup-wrapper .element-substitution .substitution-content { padding-top: 2.5rem; float: left; } .fcb-lineup-wrapper .element-substitution .substitution-content { position: relative; } .fcb-lineup-wrapper .element-substitution .substitution-content:before { content: ''; display: block; width: 1.1875rem; height: 1.1875rem; background-size: 1.1875rem; background-image: url("../assets/matchCenter/liveticker/iconPlayerSubstitution.svg"); background-repeat: no-repeat; position: absolute; left: -1.8125rem; bottom: 1.0625rem; } .fcb-lineup-wrapper .element-substitution .substitution-content.no-join:before { background-image: url("../assets/matchCenter/liveticker/iconPlayerSubstitutionLeave.svg"); bottom: -0.375rem; } .fcb-lineup-wrapper .element-substitution .substitution-content.no-join .substitution-leave .details { margin-top: 0.1875rem; } .fcb-lineup-wrapper .element-substitution .substitution-content.no-join .substitution-leave .label-for { display: none; } .fcb-lineup-wrapper .element-substitution .substitution-content.no-join .substitution-leave > .text-label { font-family: "expressway_bold"; font-size: 1rem; line-height: 1.375rem; } .fcb-lineup-wrapper .element-substitution .substituted-player { float: right; padding-top: 0.5rem; } .fcb-lineup-wrapper .element-substitution .substituted-player > div { width: 5.9375rem; height: 5.9375rem; border: 1px dotted #14B414; border-radius: 50%; display: inline-block; position: relative; } .fcb-lineup-wrapper .element-substitution .substituted-player > div:before { position: absolute; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 0.375rem 0 0.375rem 0.625rem; border-color: transparent transparent transparent #14B414; } .fcb-lineup-wrapper .element-substitution .substituted-player > div .inner-circle { border: 2px solid #c9ccd2; border-radius: 50%; width: 5rem; height: 5rem; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); text-align: center; line-height: 4.625rem; font-size: 3.375rem; overflow: hidden; } .fcb-lineup-wrapper .element-substitution .substituted-player > div .inner-circle .image-wrapper { margin: 0; max-width: 80; height: auto; padding-bottom: 0; position: absolute; top: 0; left: 0; z-index: 10; } .fcb-lineup-wrapper .element-substitution .substituted-player .player-leave { margin-left: 1.125rem; border-color: #961432; } .fcb-lineup-wrapper .element-substitution .substituted-player .player-leave:before { bottom: -0.75rem; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); border-width: 0.375rem 0.625rem 0.375rem 0; border-color: transparent #961432 transparent transparent; } .fcb-lineup-wrapper .element-substitution .substituted-player > div { width: 5rem; height: 5rem; } .fcb-lineup-wrapper .element-substitution .substituted-player > div:before { border-width: 0.25rem 0 0.25rem 0.375rem; } .fcb-lineup-wrapper .element-substitution .substituted-player > div.player-leave:before { border-width: 0.25rem 0.375rem 0.25rem 0; bottom: -0.5625rem; } .fcb-lineup-wrapper .element-substitution .substituted-player > div .inner-circle { width: 4.375rem; height: 4.375rem; line-height: 4rem; font-size: 2rem; } .fcb-lineup-wrapper .element-substitution .substituted-player > div .inner-circle .image-wrapper { max-width: 70; } .fcb-lineup-wrapper .element-substitution .substituted-player .player-leave { margin-left: 0.5rem; } .fcb-lineup-wrapper .fcb-lineup-referees .referee-border { width: 100%; height: 0.125rem; background-color: #961432; margin-top: 0.6875rem; } .fcb-lineup-wrapper .fcb-lineup-referees .element-referee .referee-content { position: relative; padding-left: 3.0625rem; border-right: 0.0625rem solid #6e7882; } .fcb-lineup-wrapper .fcb-lineup-referees .element-referee .referee-content .icon { position: absolute; top: 0.375rem; left: 0; width: 2.0625rem; } .fcb-lineup-wrapper .fcb-lineup-referees .element-referee .referee-name, .fcb-lineup-wrapper .fcb-lineup-referees .element-referee .referee-text { color: #6e7882; display: block; } .fcb-lineup-wrapper .fcb-lineup-referees .element-referee .referee-name { font-family: "expressway_bold"; font-size: 1rem; line-height: 1.375rem; } .fcb-lineup-wrapper .fcb-lineup-referees .element-referee .referee-text { font-family: "expressway_light"; font-size: 0.75rem; line-height: 1.125rem; } .fcb-lineup-wrapper .fcb-lineup-referees .referees-wrapper:after { content: ''; clear: both; display: block; visibility: hidden; height: 0rem; } .fcb-lineup-wrapper .fcb-lineup-referees .referees-wrapper .element-referee:last-child .referee-content { border: 0; } @media screen and (min-width: 85.4375rem) { .fcb-lineup-wrapper .element-field.type-away { margin-top: -0.25rem; } } @media screen and (max-width: 63.9375rem) { .fcb-lineup-wrapper { padding-top: 2.5rem; } .fcb-lineup-wrapper .element-field.type-away { margin-top: 0.125rem; } .fcb-lineup-wrapper .element-headline .headline { font-size: 1.125rem; line-height: 1.5rem; padding-top: 0.25rem; } .fcb-lineup-wrapper .fcb-row.fcb-lineup-substitutes { margin: 0rem 0.5rem; margin-bottom: 1.3125rem; } .fcb-lineup-wrapper .fcb-row.fcb-lineup-substitutes .column-away { padding-left: 1.5625rem; } .fcb-lineup-wrapper .fcb-row.fcb-lineup-substitutions { margin-bottom: 1.3125rem; } .fcb-lineup-wrapper .fcb-row.fcb-lineup-substitutions .element-substitution { height: 3.9375rem; } .fcb-lineup-wrapper .fcb-row.fcb-lineup-substitutions .element-substitution .substitution-minute, .fcb-lineup-wrapper .fcb-row.fcb-lineup-substitutions .element-substitution .substitution-content { padding-top: 0.6875rem; } .fcb-lineup-wrapper .fcb-row.fcb-lineup-substitutions .element-substitution .substitution-minute { padding-bottom: 0.625rem; } .fcb-lineup-wrapper .fcb-row.fcb-lineup-substitutions .element-substitution .substitution-content { float: none; overflow: visible; } .fcb-lineup-wrapper .fcb-row.fcb-lineup-substitutions .element-substitution .substitution-content:before { left: 1.625rem; } .fcb-lineup-wrapper .fcb-row.fcb-lineup-substitutions .element-substitution.extratime .substitution-content:before { left: 2.5rem; } .fcb-lineup-wrapper .fcb-row.fcb-lineup-substitutions .element-substitution .substitution-leave .details { width: auto; right: 0rem; left: initial; text-align: right; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .fcb-lineup-wrapper .fcb-row.fcb-lineup-substitutions .element-substitution .substitution-leave .details .scored-goals { width: auto; } .fcb-lineup-wrapper .fcb-row.fcb-lineup-substitutions .element-substitution .substitution-leave .details .cards { margin-left: 0.9375rem; margin-right: 0.125rem; } .fcb-lineup-wrapper .fcb-row.fcb-lineup-substitutions .substituted-player { display: none; } .fcb-lineup-wrapper .fcb-lineup-referees .element-headline { margin-bottom: 0.625rem; } .fcb-lineup-wrapper .fcb-lineup-referees .element-referee { width: 100%; padding-top: 0.5625rem; } .fcb-lineup-wrapper .fcb-lineup-referees .element-referee .referee-content { border: 0rem; border-bottom: 0.0625rem solid #c9ccd2; padding-bottom: 0.6875rem; } .fcb-lineup-wrapper .fcb-lineup-referees .referees-wrapper .element-referee:last-child { border: 0; } .fcb-lineup-wrapper .fcb-lineup-referees .referee-border { margin-top: 0rem; } } @media screen and (max-width: 41.25rem) { .fcb-lineup-wrapper { padding-top: 0.625rem; } .fcb-lineup-wrapper .element-field.type-away { margin-top: 0.8125rem; } .fcb-lineup-wrapper .element-field .opta-widget-container { left: 0rem; } .fcb-lineup-wrapper .fcb-lineup-selection { padding-top: 0.625rem; } .fcb-lineup-wrapper .fcb-lineup-content-wrapper { width: 200%; position: relative; left: 0%; } .fcb-lineup-wrapper .fcb-lineup-substitutions { overflow: hidden; } .fcb-lineup-wrapper .fcb-tab-accordion-wrapper.type-tab .item-titles-wrapper .item-titles { overflow: hidden; } .fcb-lineup-wrapper .fcb-tab-accordion-wrapper.type-tab .item-titles-wrapper .item-titles .item-title { text-overflow: ellipsis; } .fcb-lineup-wrapper .fcb-tab-accordion-wrapper.type-tab .item-titles-wrapper .item-titles .item { width: 49.5%; } .fcb-lineup-wrapper .fcb-tab-accordion-wrapper.type-tab .item-titles-wrapper .item-titles .item a { width: 100%; text-align: center; } .fcb-lineup-wrapper .fcb-tab-accordion-wrapper.type-tab .item-titles-wrapper .item-titles .item:last-child { float: right; } .fcb-lineup-wrapper .fcb-tab-accordion-wrapper .item-content-wrapper { display: none; } .fcb-lineup-wrapper .column-away { opacity: 0; } .fcb-lineup-wrapper .fcb-lineup-content-wrapper .opta-widget-container { margin-top: 0.5625rem; } .fcb-lineup-wrapper .fcb-row.fcb-lineup-substitutes { margin: 0rem 0.1875rem; margin-bottom: 1.3125rem; } .fcb-lineup-wrapper .fcb-row.fcb-lineup-substitutes .column-away { padding-left: 0; } .fcb-lineup-wrapper .element-headline .logo { display: none; } .fcb-lineup-wrapper .fcb-lineup-selection { display: block; } .fcb-lineup-wrapper .fcb-lineup-headline .element-headline { display: none; } .fcb-lineup-wrapper .fcb-lineup-field .element-field { position: relative; /* &:after { content: ''; display: block; position: absolute; top: 0; bottom: 0; right: 50%; background: $color-white; width: rem($widget-cover-width); margin-right: rem($widget-cover-offset * -1); transition: margin $widget-animation; } */ } .fcb-lineup-wrapper .fcb-lineup-field .element-field .matchdaylive.opta-widget { margin-left: -0.25rem; transition: margin 0.6s; } .fcb-lineup-wrapper .fcb-lineup-substitutes { background-color: transparent; } .fcb-lineup-wrapper .fcb-lineup-substitutes .column { padding: 0rem; } .fcb-lineup-wrapper .fcb-lineup-substitutes .element-substitues { background-color: #e5e6e7; padding-left: 0.625rem; padding-right: 0.625rem; margin-right: 0.1875rem; } .fcb-lineup-wrapper .fcb-lineup-substitutes .column-away .element-substitues { margin-left: 0.1875rem; margin-right: 0rem; } .fcb-lineup-wrapper .fcb-lineup-referees { width: 100%; } } .ie-11 .fcb-lineup-wrapper .element-substitution .substitution-leave .details { width: 6.25rem; } .ie-10 .fcb-lineup-wrapper .element-substitution .substitution-leave .scored-goals .text-label { padding-right: 0.0625rem; } @media screen and (max-width: 63.9375rem) { .ie-11 .fcb-lineup-wrapper .element-substitution .substitution-leave .details, .ie-10 .fcb-lineup-wrapper .element-substitution .substitution-leave .details { top: -0.125rem; left: auto; } } .matchday { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; text-align: center; font-size: 1rem; line-height: 1.125rem; } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .matchday { display: block; } } .matchday-row:last-child .matchday-item:last-child:after { display: none; } .matchday-item { position: relative; text-transform: uppercase; white-space: nowrap; } .matchday-item:after { margin-left: 0.1875rem; margin-right: 0.1875rem; content: '|'; } .matchday-item:last-child:after { display: none; } .matchday-item:last-child:after { display: inline; } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .matchday-item:last-child:after { display: none; } } .fcb-matchcenter-header .team, .matchcenter-slide .team { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: center; width: 100%; } .fcb-matchcenter-header .team-logo, .matchcenter-slide .team-logo { -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 7rem; display: block; float: left; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-matchcenter-header .team-logo, .matchcenter-slide .team-logo { width: 4.6875rem; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-matchcenter-header .team-logo, .matchcenter-slide .team-logo { width: 2.8125rem; } } .fcb-matchcenter-header .team-image, .matchcenter-slide .team-image { max-height: 7rem; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-matchcenter-header .team-image, .matchcenter-slide .team-image { max-height: 4.6875rem; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-matchcenter-header .team-image, .matchcenter-slide .team-image { max-height: 2.8125rem; } } .fcb-matchcenter-header .team-name, .matchcenter-slide .team-name { font-size: 0.75rem; margin-top: 0.625rem; } .fcb-matchcenter-header .team-name span, .matchcenter-slide .team-name span { display: none; font-family: "expressway_bold"; } .fcb-matchcenter-header .team-name:after, .matchcenter-slide .team-name:after { content: attr(data-name-short); font-family: "expressway_bold"; } @media screen and (min-width: 41.25rem) { .fcb-matchcenter-header .team-name:after, .matchcenter-slide .team-name:after { content: attr(data-name-medium); } } @media screen and (min-width: 63.9375rem) { .fcb-matchcenter-header .team-name, .matchcenter-slide .team-name { font-size: 0.875rem; } .fcb-matchcenter-header .team-name span, .matchcenter-slide .team-name span { display: inline; } .fcb-matchcenter-header .team-name:after, .matchcenter-slide .team-name:after { display: none; } } .ie-10 .fcb-matchcenter-header .team { width: auto; } .scorers.is-away .scorer-name { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1; -webkit-align-self: flex-end; -moz-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .scorers.is-away .scorer-minute { -webkit-box-ordinal-group: 1; -webkit-order: 0; -moz-order: 0; -ms-flex-order: 0; order: 0; margin-right: 0.3125rem; } .scorers.is-home .scorer-minute { margin-left: 0.3125rem; } .scorer-item { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; font-size: 0.75rem; line-height: 1.125rem; } @media screen and (min-width: 63.9375rem) { .scorer-item { font-size: 0.875rem; line-height: 1.25rem; } } .is-away .scorer-item { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; } .is-away .scorer-wrapper { display: inline; text-align: right; } .is-away .scorer-wrapper .scorer-minute { margin-right: 0; } .ie-10 .scorer-wrapper, .ie-11 .scorer-wrapper { display: inline-block; width: 12.5rem; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .ie-10 .scorer-wrapper, .ie-11 .scorer-wrapper { width: 8.125rem; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .ie-10 .scorer-wrapper, .ie-11 .scorer-wrapper { display: inline; width: auto; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .ie-10 .scorer-wrapper { display: inline-block; max-width: 100%; } .ie-10 .is-away .scorer-wrapper { margin-right: 0.9375rem; } } .scorer-name { font-family: "expressway_light"; } .scorer-minute { font-family: "expressway_bold"; } .result { text-align: center; } .result-current { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .result-home, .result-divider, .result-away { font-family: "expressway_bold"; font-size: 3.375rem; line-height: 1; display: block; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .result-home, .result-divider, .result-away { font-size: 1.75rem; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .result-home, .result-divider, .result-away { font-size: 1.5rem; } } .result-divider { padding-left: 0.9375rem; padding-right: 0.9375rem; margin-top: -0.3125rem; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .result-divider { margin-top: -0.125rem; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .result-divider { margin-top: 0; } } .result-status { border-bottom: none; font-size: 0.875rem; color: #e6b4be; position: relative; z-index: 1; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .result-status { font-size: 0.75rem; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .result-status { font-size: 0.75rem; } } .result-halftime { font-size: 1rem; font-family: "expressway_bold"; color: #e6b4be; display: none; } .is-result .result-halftime, .has-halftime-score .result-halftime { display: block; } .is-prematch .result-halftime { display: none; } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .result-halftime { font-size: 0.75rem; } } .game-minute { text-align: center; display: none; } .is-live .game-minute { display: block; } .game-minute-icon { margin-right: 0.3125rem; } .is-half-time .game-minute-icon, .is-extra-time .game-minute-icon, .is-penalty .game-minute-icon { display: none; } .game-minute-icon .icon { width: 0.875rem; height: 0.875rem; } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .game-minute-icon .icon { width: 0.6875rem; } } .game-minute-label { font-family: "expressway_bold"; font-size: 1rem; } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .game-minute-label { font-size: 0.75rem; } } .sponsor { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; text-decoration: none; margin-top: -0.25rem; margin-bottom: -0.25rem; } .sponsor > :first-child { margin-right: 0.625rem; } .sponsor-copy { font-size: 0.625rem; } .sponsor-image img { vertical-align: bottom; height: 1.375rem; } .sponsor-matchcenter { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; height: 2.25rem; max-height: 2.25rem; padding-top: 0.625rem; padding-bottom: 0.625rem; padding-left: 0.875rem; padding-right: 0.875rem; /* &.is-countdown { @include breakpointMax($small-max-width) { @include flex-direction(column); @include align-items(flex-start); > :first-child { @include order(2); margin-top: rem(3); } > :last-child { @include order(1); } } } */ } .sponsor-matchcenter > :first-child { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; margin-top: 0; } .sponsor-matchcenter > :last-child { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2; } .sponsor-matchcenter.is-countdown > :first-child { width: 55%; } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .sponsor-matchcenter.is-countdown .sponsor-copy { display: none; } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); opacity: 0.6; } 100% { -webkit-transform: scale(2); opacity: 0; } } @-moz-keyframes pulse { 0% { -moz-transform: scale(1); opacity: 0.6; } 100% { -moz-transform: scale(2); opacity: 0; } } @keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 0.6; } 100% { -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); opacity: 0; } } .live-indicator { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .live-icon { width: 0.5625rem; height: 0.5625rem; display: block; border-radius: 0.5625rem; background-color: #6E0A28; margin-right: 0.3125rem; position: relative; } .live-icon:after { -webkit-animation: pulse 2s linear infinite; -moz-animation: pulse 2s linear infinite; animation: pulse 2s linear infinite; content: ''; display: block; width: 100%; height: 100%; border-radius: 100%; background-color: #961432; background-color: red; position: absolute; top: 0; left: 0; } .live-text { font-size: 0.75rem; text-transform: uppercase; font-family: "expressway_bold"; } .countdown { font-size: 0.75rem; } .countdown-value { font-family: "expressway_bold"; } .stage-teaser .stage-teaser-headline { color: #fff; text-decoration: none; } .stage-teaser .stage-teaser-subline { color: #fff; text-decoration: none; margin-top: 0.625rem; } .stage-teaser[data-label] { position: relative; } .stage-teaser[data-label]:after, .stage-teaser[data-label]:before { content: attr(data-label); font-family: "expressway_condensed_bold"; display: block; position: absolute; background-color: #C8AA78; color: #fff; top: 0.625rem; left: 3px; padding-left: 0.625rem; padding-top: 0.25rem; padding-bottom: 0.3125rem; z-index: 2; margin-right: 21.42857%; } .stage-teaser[data-label]:before { -webkit-transform: skewX(-20deg) translateX(20px); -moz-transform: skewX(-20deg) translateX(20px); -ms-transform: skewX(-20deg) translateX(20px); -o-transform: skewX(-20deg) translateX(20px); transform: skewX(-20deg) translateX(20px); color: #C8AA78; z-index: 1; } @media screen and (min-width: 41.25rem) { .stage-teaser[data-label]:after { left: 8px; } } @media screen and (min-width: 63.9375rem) { .stage-teaser[data-label]:after { left: 14px; } } .stage-teaser-link { text-decoration: none; position: relative; display: block; } .stage-teaser-link:hover .stage-teaser-headline { text-decoration: underline; } .stage-teaser-link:hover .teaser-image-wrapper img { -webkit-filter: brightness(110%) contrast(110%); filter: brightness(110%) contrast(110%); } .stage-teaser-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .fcb-matchplan-wrapper { margin-top: 2rem; } .fcb-matchplan-wrapper .fcb-matchplan-tooltip { width: 1.5rem; height: 1.5rem; border: 0.0625rem solid #c9ccd2; background: #ffffff; border-radius: 0.125rem; } .fcb-matchplan-wrapper .fcb-matchplan-tooltip .icon { width: 0.5625rem; position: relative; top: -0.125rem; left: 0.4375rem; } .page-type-rtl .fcb-matchplan-wrapper .fcb-matchplan-tooltip .icon { right: 0.4375rem; left: auto; } .fcb-matchplan-wrapper .fcb-matchplan-tooltip.active { border-color: #0A3C64; box-shadow: 0 0 0px 1px #0A3C64; } .fcb-tooltip-matchplan .tooltip-content-arrow { display: none; } .fcb-tooltip-matchplan .tooltip-content { background: #ffffff; } .fcb-tooltip-matchplan .tooltip-content li { list-style: none; display: block; } .fcb-tooltip-matchplan .tooltip-content li a { display: block; color: #6e7882; text-decoration: none; border-bottom: 0.0625rem solid #c9ccd2; font-size: 1rem; padding-bottom: 0.625rem; margin-bottom: 0.625rem; font-family: "expressway_condensed_light"; } .fcb-tooltip-matchplan .tooltip-content li a:last-child { border: none; margin-bottom: 0; padding-bottom: 0; } .fcb-tooltip-matchplan .tooltip-content li a:hover { color: #0A3C64; border-color: #0A3C64; font-family: "expressway_condensed_bold"; } .fcb-tooltip-matchplan .tooltip-content .icon { width: 1rem; margin-right: 0.3125rem; } .fcb-matchplan-wrapper .fcb-matchplan-header > .fcb-container { margin-bottom: 0; } .fcb-matchplan-wrapper .fcb-matchplan-header .calendar-links { display: none; } .fcb-matchplan-wrapper .fcb-matchplan-header .selectors-group .fcb-season-picker-wrapper .fcb-season-picker { text-align: right; } .fcb-matchplan-wrapper .fcb-matchplan-header .selectors-group .fcb-season-picker-wrapper .fcb-season-picker .competition-selector-wrapper, .fcb-matchplan-wrapper .fcb-matchplan-header .selectors-group .fcb-season-picker-wrapper .fcb-season-picker .season-selector-wrapper { width: auto; display: inline-block; float: none; } .fcb-matchplan-wrapper .fcb-matchplan-header .selectors-group .fcb-season-picker-wrapper .fcb-season-picker .competition-selector-wrapper .select2-container .select2-selection--single .select2-selection__rendered, .fcb-matchplan-wrapper .fcb-matchplan-header .selectors-group .fcb-season-picker-wrapper .fcb-season-picker .season-selector-wrapper .select2-container .select2-selection--single .select2-selection__rendered { padding-right: 2.5rem; } .fcb-matchplan-wrapper .fcb-matchplan-header .selectors-group .fcb-matchplan-tooltip { height: 2.75rem; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; padding-left: 0.625rem; background: #c9ccd2; color: #0A3C64; border-radius: 0.125rem; position: relative; text-decoration: none; font-family: "expressway_condensed_light"; max-width: 9.625rem; top: 0.0625rem; } .fcb-matchplan-wrapper .fcb-matchplan-header .selectors-group .fcb-matchplan-tooltip.active { background: #ffffff; color: #6e7882; } .fcb-matchplan-wrapper .fcb-matchplan-header .selectors-group .fcb-matchplan-tooltip .icon { position: absolute; top: 0.75rem; right: 0.9375rem; left: auto; width: 1rem; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-matchplan-wrapper .fcb-matchplan-header { margin-bottom: 0rem; } .fcb-matchplan-wrapper .fcb-matchplan-header > .fcb-container > .fcb-row { margin-bottom: 0.9375rem; } .fcb-matchplan-wrapper .fcb-matchplan-header .selectors-group .fcb-matchplan-tooltip { max-width: 100%; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-matchplan-wrapper .fcb-matchplan-header > .fcb-container > .fcb-row { margin-bottom: 1.875rem; } .fcb-matchplan-wrapper .fcb-matchplan-header .fcb-matchplan-title { margin-bottom: 0.625rem; } .fcb-matchplan-wrapper .fcb-matchplan-header .selectors-group { display: block; } .fcb-matchplan-wrapper .fcb-matchplan-header .selectors-group .fcb-season-picker-wrapper .fcb-season-picker { display: block; } .fcb-matchplan-wrapper .fcb-matchplan-header .selectors-group .fcb-season-picker-wrapper .fcb-season-picker .fcb-form-element-wrapper { width: 100%; max-width: 100%; float: none; } .fcb-matchplan-wrapper .fcb-matchplan-header .selectors-group .fcb-matchplan-tooltip { width: 100%; max-width: 100%; } } .fcb-matchplan-wrapper .fcb-matchplan-focus { background: #e5e6e7; outline: none; padding-top: 1.375rem; padding-bottom: 1.75rem; } .fcb-matchplan-wrapper .fcb-matchplan-focus > .fcb-container { margin-bottom: 0; } .fcb-matchplan-wrapper .fcb-matchplan-focus .focus-match { position: relative; } .fcb-matchplan-wrapper .fcb-matchplan-focus .focus-match a { outline-style: none; } .fcb-matchplan-wrapper .fcb-matchplan-focus .focus-match .match-details { padding-bottom: 0.875rem; position: relative; } .fcb-matchplan-wrapper .fcb-matchplan-focus .focus-match .match-details > div { position: relative; left: 2.25rem; } .page-type-rtl .fcb-matchplan-wrapper .fcb-matchplan-focus .focus-match .match-details > div { left: auto; right: 2.25rem; } .fcb-matchplan-wrapper .fcb-matchplan-focus .focus-match .match-details > div span { color: #6e7882; text-transform: uppercase; } .fcb-matchplan-wrapper .fcb-matchplan-focus .focus-match .match-details > div span.match-type { color: #961432; font-family: "expressway_condensed_bold"; } .fcb-matchplan-wrapper .fcb-matchplan-focus .focus-match .match-details > div span.match-time { font-family: "expressway_condensed_light"; padding-top: 0.125rem; } .fcb-matchplan-wrapper .fcb-matchplan-focus .focus-match .match-details > div span.match-league { color: #0A3C64; font-family: "expressway_condensed_light"; -webkit-font-smoothing: antialiased; } .fcb-matchplan-wrapper .fcb-matchplan-focus .focus-match .match-details > div span:last-child { display: block; } .fcb-matchplan-wrapper .fcb-matchplan-focus .focus-match .match-info-container { margin-top: 1rem; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 15%; -moz-box-flex: 0; -moz-flex: 0 0 15%; -ms-flex: 0 0 15%; flex: 0 0 15%; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .fcb-matchplan-wrapper .fcb-matchplan-focus .focus-match .match-info-container .game-tickets, .fcb-matchplan-wrapper .fcb-matchplan-focus .focus-match .match-info-container .game-rating, .fcb-matchplan-wrapper .fcb-matchplan-focus .focus-match .match-info-container .live-minutes { margin-bottom: 0.625rem; } .fcb-matchplan-wrapper .fcb-matchplan-focus .focus-match .match-info-container .game-tickets-placeholder { margin-bottom: 0.625rem; background: transparent; height: 1.875rem; } .fcb-matchplan-wrapper .fcb-matchplan-focus .focus-match .match-info-container .game-rating-placeholder { margin-bottom: 0.625rem; background: transparent; height: 2.0625rem; } .fcb-matchplan-wrapper .fcb-matchplan-focus .focus-match .match-info-container .game-rating .fcb-tipico-tooltip .tipico-icon { fill: #c9ccd2; } .fcb-matchplan-wrapper .fcb-matchplan-focus .focus-match .match-info-container .game-rating .fcb-tipico-tooltip:hover .tipico-icon { fill: #E4334D; } .fcb-matchplan-wrapper .fcb-matchplan-focus .focus-match .match-info-container .game-rating .icon-tipico { width: 2.0625rem; height: 2.0625rem; } .fcb-matchplan-wrapper .fcb-matchplan-focus .focus-match .match-info-container .fcb-tipico-tooltip-content { display: none; } .fcb-matchplan-wrapper .fcb-matchplan-focus .focus-match .match-info-container .fcb-matchplan-tooltip { position: absolute; top: 0; left: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; border-radius: 0.125rem; display: block; } .fcb-matchplan-wrapper .fcb-matchplan-focus .focus-match .match-info-container .fcb-matchplan-tooltip { z-index: 3; } .page-type-rtl .fcb-matchplan-wrapper .fcb-matchplan-focus .focus-match .match-info-container .fcb-matchplan-tooltip { left: auto; right: 50%; } .fcb-matchplan-wrapper .fcb-matchplan-focus .focus-match .fcb-matchplan-tooltip { z-index: 3; } .page-type-rtl .fcb-matchplan-wrapper .fcb-matchplan-focus .focus-match .fcb-matchplan-tooltip { left: auto; right: 50%; transform: translateX(50%); } .fcb-matchplan-wrapper .fcb-matchplan-focus .focus-match .match-teams { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -ms-flex-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around; max-width: 16.5rem; margin: 0 auto; } .fcb-matchplan-wrapper .fcb-matchplan-focus .focus-match .match-teams .team-image { max-width: 3.625rem; height: 3.625rem; width: 3.625rem; position: relative; float: left; display: block; } .fcb-matchplan-wrapper .fcb-matchplan-focus .focus-match .match-teams .team-image:after { content: ''; border-radius: 50%; position: absolute; bottom: -11px; left: 0; width: 100%; height: 4px; box-shadow: 0rem 0.625rem 0.75rem rgba(0, 0, 0, 0.2); position: absolute; } .fcb-matchplan-wrapper .fcb-matchplan-focus .focus-match .match-teams .game-score-time { max-width: 8.75rem; text-align: center; float: left; display: inline-block; } .fcb-matchplan-wrapper .fcb-matchplan-focus .focus-match .match-teams .game-score-time span { font-family: "expressway_bold"; font-size: 0.875rem; line-height: 1.25rem; } .fcb-matchplan-wrapper .fcb-matchplan-focus .focus-match .match-teams .game-score-time span:first-child { font-size: 1.75rem; line-height: 2.125rem; display: block; letter-spacing: 0.125rem; } .fcb-matchplan-wrapper .fcb-matchplan-focus .focus-match:hover .fcb-matchplan-tooltip { border-color: #0A3C64; box-shadow: 0 0 0px 1px #0A3C64; } .fcb-matchplan-wrapper .fcb-matchplan-focus .fcb-matchplan-entry-links { display: none; } .fcb-matchplan-wrapper .fcb-matchplan-focus .last-match .match-teams .game-score-time { position: relative; top: 0.5625rem; } .fcb-matchplan-wrapper .fcb-matchplan-focus .live-match .match-teams .game-score-time { color: #961432; } .fcb-matchplan-wrapper .fcb-matchplan-focus .fcb-matchplan-entry-links { display: none; width: 100%; background-color: #f8f8f9; position: relative; margin-bottom: 0; } .fcb-matchplan-wrapper .fcb-matchplan-focus .fcb-matchplan-entry-links li { text-align: left; } .fcb-matchplan-wrapper .fcb-matchplan-focus .fcb-matchplan-entry-links li:last-child { border-bottom: none; } .fcb-matchplan-wrapper .fcb-matchplan-focus .fcb-matchplan-entry-links li a { display: block; width: 100%; font-size: 1rem; font-family: "expressway_condensed_light"; border-bottom: 0.0625rem solid #c9ccd2; padding: 1.25rem 0; text-decoration: none; padding-left: 0.625rem; } .fcb-matchplan-wrapper .fcb-matchplan-focus .fcb-matchplan-entry-links li a:last-child { border: 0; } .fcb-matchplan-wrapper .fcb-matchplan-focus .fcb-matchplan-entry-links:after { width: 0%; content: ""; height: 2px; background: #0A3C64; position: absolute; top: -0.0625rem; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .fcb-matchplan-wrapper .fcb-matchplan-focus .fcb-row { margin-bottom: 0; } .fcb-matchplan-wrapper .fcb-matchplan-focus-pagination { padding-bottom: 1.5625rem; padding-top: 0.625rem; display: none; } .fcb-matchplan-wrapper .fcb-matchplan-focus-pagination:after { content: ''; clear: both; display: block; visibility: hidden; height: 0rem; } .fcb-matchplan-wrapper .fcb-matchplan-focus-pagination .slick-dots { margin: 0; } .fcb-matchplan-wrapper .fcb-matchplan-focus-pagination .slick-dots li { width: 0.5rem; height: 0.5rem; border: 0.0625rem solid #c9ccd2; margin: 0 0.25rem; } .fcb-matchplan-wrapper .fcb-matchplan-focus-pagination .slick-dots li.slick-active { background: #961432; border-color: #961432; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-matchplan-wrapper .fcb-matchplan-focus { padding-bottom: 0; } .fcb-matchplan-wrapper .fcb-matchplan-focus > .fcb-container { margin-bottom: 0.375rem; } .fcb-matchplan-wrapper .fcb-matchplan-focus > .fcb-container .match-details > div { left: 2.625rem; } .fcb-matchplan-wrapper .fcb-matchplan-focus > .fcb-container .focus-match .match-info-container { margin-bottom: -0.8125rem; margin-top: 1rem; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 15%; -moz-box-flex: 0; -moz-flex: 0 0 15%; -ms-flex: 0 0 15%; flex: 0 0 15%; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .fcb-matchplan-wrapper .fcb-matchplan-focus > .fcb-container .focus-match .match-info-container .game-rating .fcb-tipico-tooltip .tipico-icon { fill: #c9ccd2; } .fcb-matchplan-wrapper .fcb-matchplan-focus > .fcb-container .focus-match .match-info-container .game-rating .fcb-tipico-tooltip:hover .tipico-icon { fill: #E4334D; } .fcb-matchplan-wrapper .fcb-matchplan-focus > .fcb-container .focus-match .match-info-container .game-rating .icon-tipico { width: 2.0625rem; height: 2.0625rem; } .fcb-matchplan-wrapper .fcb-matchplan-focus > .fcb-container .focus-match .match-info-container .fcb-tipico-tooltip-content { display: none; } .fcb-matchplan-wrapper .fcb-matchplan-focus > .fcb-container .focus-match .match-info-container .fcb-matchplan-tooltip { position: static; width: 1.75rem; height: 1.75rem; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; border-radius: 0.125rem; display: block; } .fcb-matchplan-wrapper .fcb-matchplan-focus > .fcb-container .focus-match .match-info-container .fcb-matchplan-tooltip .icon { width: 0.875rem; top: 0.125rem; left: 0.375rem; } .fcb-matchplan-wrapper .fcb-matchplan-focus > .fcb-container .focus-match .match-info-container .fcb-tipico-tooltip-content { text-align: center; } .fcb-matchplan-wrapper .fcb-matchplan-focus > .fcb-container .focus-match.open .fcb-matchplan-tooltip { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .fcb-matchplan-wrapper .fcb-matchplan-focus > .fcb-container .focus-match.open .fcb-matchplan-entry-links:after { -webkit-transition: width 0.3s ease-in-out; -moz-transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out; width: 100%; } .fcb-matchplan-wrapper .fcb-matchplan-focus > .fcb-container .focus-match.open .fcb-matchplan-entry-links a:hover { font-family: "expressway_condensed_bold"; color: #0A3C64; } .fcb-matchplan-wrapper .fcb-matchplan-focus .fcb-container { margin-bottom: 0; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-matchplan-wrapper .fcb-matchplan-focus { padding-bottom: 0; } .fcb-matchplan-wrapper .fcb-matchplan-focus > .fcb-container { margin-bottom: 0; } .fcb-matchplan-wrapper .fcb-matchplan-focus > .fcb-container .slick-slider { margin-bottom: 0; overflow: visible; } .fcb-matchplan-wrapper .fcb-matchplan-focus > .fcb-container .slick-slider > div .match-details > div { left: 2.375rem; } .fcb-matchplan-wrapper .fcb-matchplan-focus > .fcb-container .slick-slide { margin: 0 -1rem 0 -1rem; min-height: 8.375rem; } .fcb-matchplan-wrapper .fcb-matchplan-focus > .fcb-container .slick-list { overflow: visible; } .fcb-matchplan-wrapper .fcb-matchplan-focus-pagination { padding-top: 1.25rem; display: block; } } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; position: relative; border-bottom: 0.0625rem solid #c9ccd2; height: 3.1875rem; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry:hover { background-color: #e5e6e7; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry:hover .fcb-matchplan-tooltip { border-color: #0A3C64; box-shadow: 0 0 0px 1px #0A3C64; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry span { font-size: 0.875rem; -webkit-text-size-adjust: none; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .match-detail-container { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -moz-box-flex: 0; -moz-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .match-detail-container .match-details { text-transform: uppercase; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .match-detail-container .match-details span { font-size: 1rem; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .match-detail-container .match-details .match-league { color: #0A3C64; font-family: "expressway_condensed_light"; -webkit-font-smoothing: antialiased; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .match-detail-container .match-details .match-time { display: block; padding-top: 0.125rem; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .match-score-container { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 60%; -moz-box-flex: 0; -moz-flex: 0 0 60%; -ms-flex: 0 0 60%; flex: 0 0 60%; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .match-info-container { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -moz-box-flex: 0; -moz-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .match-info-container .game-tickets, .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .match-info-container .game-rating, .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .match-info-container .live-minutes { margin-right: 0.625rem; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .match-info-container .game-rating .fcb-tipico-tooltip .tipico-icon { fill: #c9ccd2; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .match-info-container .game-rating .fcb-tipico-tooltip:hover .tipico-icon { fill: #E4334D; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .match-info-container .game-rating .icon-tipico { width: 2.0625rem; height: 2.0625rem; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .match-info-container .fcb-tipico-tooltip-content { display: none; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .game-score-time { -webkit-box-flex: 2; -webkit-flex: 2 0 auto; -moz-box-flex: 2; -moz-flex: 2 0 auto; -ms-flex: 2 0 auto; flex: 2 0 auto; text-align: center; max-width: 4.875rem; margin-top: 0.375rem; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .game-score-time .top-line, .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .game-score-time .sub-line { font-size: 0.625rem; display: block; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .game-score-time .score { height: 0.75rem; line-height: 0.75rem; font-family: "expressway_bold"; display: block; letter-spacing: 0.125rem; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .game-score-time .score span { font-size: 1rem; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .game-score-time .score span:first-child, .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .game-score-time .score span:last-child { padding: 0 0.125rem; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .game-score-time .time { background: #e5e6e7; padding: 0.75rem 0.8125rem; display: inline-block; font-family: "expressway_bold"; border-radius: 0.3125rem; position: relative; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .team-container { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-box-flex: 1; -moz-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; width: 40%; overflow: hidden; height: 3.1875rem; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .team-container .name, .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .team-container .short-name { display: inline-block; vertical-align: top; margin-top: 1.1875rem; font-family: "expressway_bold"; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .team-container .short-name { display: none; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .team-container img { max-width: 2.125rem; max-height: 2.125rem; padding: 0 0.625rem; box-sizing: content-box; position: relative; top: 0.5rem; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .home-team { text-align: right; } .page-type-rtl .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .home-team { text-align: left; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .fcb-matchplan-tooltip { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; border-radius: 0.125rem; display: block; margin-top: 1.375rem; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry.live-match { background-color: #fbf4f5; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry.live-match .team-container span { color: #961432; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry.live-match .game-score-time { padding-bottom: 0.1875rem; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry.live-match .game-score-time .score { height: 0.9375rem; line-height: 0.9375rem; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry.live-match .game-score-time .score span { color: #961432; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry.live-match .game-score-time .score .top-line { display: none; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry.live-match .game-score-time .score .result-home, .fcb-matchplan-entry-wrapper .fcb-matchplan-entry.live-match .game-score-time .score .result-away { font-size: 1rem; display: inline-block; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry.live-match .live-minutes { color: #961432; font-family: "expressway_bold"; font-size: 0.875rem; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry-links { display: none; width: 100%; background-color: #f8f8f9; border-bottom: 0.0625rem solid #c9ccd2; position: relative; margin-bottom: 0; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry-links li { text-align: left; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry-links li a { display: block; width: 100%; font-size: 1rem; font-family: "expressway_condensed_light"; border-bottom: 0.0625rem solid #c9ccd2; padding: 1.25rem 0; text-decoration: none; padding-left: 0.625rem; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry-links li a:last-child { border: 0; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry-links:after { width: 0%; content: ""; height: 2px; background: #0A3C64; position: absolute; top: -0.0625rem; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-matchplan-entry-wrapper { margin: 0 -0.8125rem 0 -0.8125rem; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height: auto; padding-top: 1.75rem; padding-bottom: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .match-detail-container { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -moz-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .match-detail-container .match-details { position: static; width: 100%; text-align: center; font-size: 0.875rem; padding-bottom: 0.625rem; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .match-detail-container .match-details .match-time { display: inline; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .match-score-container { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -moz-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .team-container { width: auto; border: 1px solid transparent; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .team-container .name, .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .team-container .short-name { font-size: 0.875rem; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .team-container .name { display: inline-block; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .team-container .short-name { display: none; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .game-score-time .live-minutes { right: 3.25rem; top: 61%; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .match-info-container { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -moz-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-top: 0.9375rem; margin-bottom: -1.6875rem; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .match-info-container .game-tickets, .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .match-info-container .game-rating, .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .match-info-container .live-minutes { margin: 0 0 0.625rem 0; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .match-info-container .fcb-tipico-tooltip-content { margin-top: -0.625rem; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .match-info-container .game-rating.open .fcb-tipico-tooltip .tipico-icon { fill: #E4334D; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .fcb-matchplan-tooltip { width: 1.75rem; height: 1.75rem; margin-top: 0.625rem; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .fcb-matchplan-tooltip .icon { width: 0.875rem; top: 0.125rem; left: 0.375rem; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .tickets-link { flex: 1 0 auto; text-align: center; white-space: nowrap; right: 0.625rem; top: 0.625rem; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry:hover .fcb-matchplan-tooltip { border-color: #0A3C64; box-shadow: 0 0 0px 1px #0A3C64; } .ie-10 .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .team-container, .ie-11 .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .team-container { max-width: 30%; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .fcb-matchplan-tooltip { z-index: 3; } .page-type-rtl .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .fcb-matchplan-tooltip { left: auto; right: 50%; transform: translateX(50%); } .fcb-matchplan-entry-wrapper.open .fcb-matchplan-tooltip { -webkit-transform: rotateX(180deg) translateY(50%); -moz-transform: rotateX(180deg) translateY(50%); -ms-transform: rotateX(180deg) translateY(50%); -o-transform: rotateX(180deg) translateY(50%); transform: rotateX(180deg) translateY(50%); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; box-shadow: 0rem 0rem 0rem 0.125rem #0A3C64; } .fcb-matchplan-entry-wrapper.open .fcb-matchplan-entry-links:after { -webkit-transition: width 0.3s ease-in-out; -moz-transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out; width: 100%; } .fcb-matchplan-entry-wrapper.open .fcb-matchplan-entry-links a:hover { font-family: "expressway_condensed_bold"; color: #0A3C64; } .fcb-matchplan-entry-wrapper:first-child { border-top: 0.0625rem solid #c9ccd2; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .team-container .name { display: none; } .fcb-matchplan-entry-wrapper .fcb-matchplan-entry .team-container .short-name { display: inline-block; } } /* Matchcenter ~ END */ /* Downloads Module ~ START */ .fcb-downloads-group { padding-left: 0 !important; padding-right: 0 !important; margin-left: -14px; margin-right: -14px; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .fcb-downloads-group .fcb-downloads-group { margin-left: -; margin-right: -; } } @media only tv { .fcb-downloads-group .fcb-downloads-group { margin-left: -; margin-right: -; } } @media only print { .fcb-downloads-group .fcb-downloads-group { margin-left: -; margin-right: -; } } @media only screen and (orientation: portrait) { .fcb-downloads-group .fcb-downloads-group { margin-left: -; margin-right: -; } } @media only screen and (orientation: landscape) { .fcb-downloads-group .fcb-downloads-group { margin-left: -; margin-right: -; } } .fcb-downloads-group .fcb-downloads-group { margin-left: -14px; margin-right: -14px; } @media screen and (min-width: 0rem) and (max-width: 85.375rem) { .fcb-downloads-group .fcb-downloads-group { margin-left: -14px; margin-right: -14px; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-downloads-group .fcb-downloads-group { margin-left: -8px; margin-right: -8px; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-downloads-group .fcb-downloads-group { margin-left: -3px; margin-right: -3px; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-downloads-group { margin-left: -0.5rem; margin-right: -0.5rem; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-downloads-group { margin-left: -0.1875rem; margin-right: -0.1875rem; } } .fcb-downloads-entry { width: 25%; text-align: center; text-decoration: none; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-downloads-entry { padding-right: 8px; padding-left: 8px; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-downloads-entry { padding-right: 3px; padding-left: 3px; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-downloads-entry { width: 50%; } } .fcb-downloads-entry .cover { width: 100%; padding-bottom: 56.25%; position: relative; overflow: hidden; display: block; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .fcb-downloads-entry .cover .image-wrapper { position: absolute; width: 100%; overflow: hidden; background: #e5e6e7; } .fcb-downloads-entry p { color: #6e7882; font-size: 1rem; line-height: 1.375rem; font-family: "expressway_condensed_light"; display: block; border-bottom: 2px solid #961432; padding: 0.5625rem 0; margin-bottom: 1.6875rem; width: 100%; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-box-flex: 1; -moz-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-downloads-entry p { font-size: 1.125rem; } .fcb-downloads-entry p span { display: block; } } .fcb-downloads-title { color: #e5e6e7; text-transform: uppercase; font-size: 4.375rem; line-height: 5.625rem; font-family: "expressway_bold"; margin-bottom: 0.1875rem; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-downloads-title { font-size: 3.375rem; line-height: 4.625rem; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-downloads-title { font-size: 2.375rem; line-height: 3.625rem; } } /* Downloads Module ~ END */ /* seasonPicker ~ START */ .fcb-season-picker-wrapper .season-selector-wrapper { float: left; width: 34%; } .fcb-season-picker-wrapper .competition-selector-wrapper { float: right; width: 65%; } .fcb-season-picker-wrapper .fcb-form-element-wrapper:first-child { margin-right: 1.3%; } .fcb-season-picker-wrapper .fcb-form-element-wrapper:last-child { margin-right: 0; } .fcb-season-picker-wrapper .season-calendar { text-decoration: none; border: 1px solid #c9ccd2; padding: 0rem 0.625rem 0rem 0.9375rem; border-radius: 0.125rem; font-size: 1rem; font-family: "expressway_condensed_light"; float: right; margin-left: 0.875rem; line-height: 2.75rem; color: #444; background-color: #fff; outline: none; cursor: pointer; /* span.icon { width: rem(24); margin-right: rem(6); svg { vertical-align: middle; margin-top: rem(-5); } } */ position: relative; padding-left: 3.0625rem; } .fcb-season-picker-wrapper .season-calendar:before { font-family: "fcb_icons"; font-size: 1.5rem; content: '\e901'; display: block; position: absolute; left: 0.9375rem; top: 0rem; } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-season-picker-wrapper { width: 100%; } .fcb-season-picker-wrapper .season-selector-wrapper, .fcb-season-picker-wrapper .competition-selector-wrapper, .fcb-season-picker-wrapper .season-calendar { width: 100%; text-align: left; } } div#cal_subscribe_overlay { display: none; z-index: 600; background: #000; position: fixed; width: 100%; height: 100%; top: 0; left: 0; text-align: center; } div.cal_subscribe_box { display: none; position: fixed; left: 0; right: 0; top: 0; margin: 7% auto 0; max-width: 650px; width: 85%; height: 350px; background: #fff; color: #000; z-index: 650; padding: 15px; } div.cal_close { cursor: pointer; position: absolute; top: 8px; color: #333; right: 8px; font-size: 0px; border-radius: 50%; height: 30px; width: 30px; border: 2px solid #6e7882; } div.cal_close:before { content: "\e912"; font-family: "fcb_icons"; color: #6e7882; font-size: 0.625rem; display: block; text-align: center; margin: 0 auto; margin-left: 0.0625rem; margin-top: 0.5625rem; } div.cal_loading { margin: -50px auto 0; text-align: center; font-family: Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: 900; color: #333; letter-spacing: .2em; font-size: 11px; } @media only screen and (max-width: 480px) { div.cal_subscribe_box { height: 400px; } } /* seasonPicker ~ END */ .payment-provider { border-bottom: 1px solid #c9ccd2; background-color: #fff; overflow: hidden; position: absolute; width: 100%; } .payment-provider:lastjier-child { border-bottom-color: transparent; } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .payment-provider .fcb-row { margin-left: -3px !important; margin-right: -3px !important; } } .payment-provider-header { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; height: 4rem; background-color: #fff; position: relative; z-index: 2; } .payment-provider-content { position: absolute; z-index: 1; } .payment-provider-content .is-required:after { display: none; } .payment-provider-label .form-label { font-size: 1.125rem; line-height: 1.5rem; color: #0A3C64; font-family: "expressway_condensed_bold"; } .payment-provider-icon { -webkit-transition: opacity 0.275s ease-in-out; -moz-transition: opacity 0.275s ease-in-out; transition: opacity 0.275s ease-in-out; opacity: 1; } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .payment-provider-icon { text-align: right; } } .accordion-is-open:not(.has-no-content) .payment-provider-icon { opacity: 0; } .payment-provider-icon svg { height: 1.1875rem; } .payment-provider-creditcard-radios { padding-bottom: 0.3125rem; margin-bottom: 1.5625rem; } .payment-provider-creditcard-radios .form-label { line-height: 1; } .payment-provider-creditcard-radios .form-label.is-extra { color: #6e7882; margin-left: 0.625rem; } .payment-provider-creditcard-radios .form-label > span { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } .payment-provider-creditcard-radios .form-label svg { height: 1.1875rem; } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .payment-provider-creditcard-radios { margin-bottom: 0; } .payment-provider-creditcard-radios .form-radio { display: block; margin-bottom: 0.9375rem; } .payment-provider-creditcard-radios .form-radio + .form-radio { margin-left: 0; } .payment-provider-creditcard-radios .form-label { width: 100%; } .payment-provider-creditcard-radios .form-label .icon-payment-mastercard svg { height: 1.6875rem; } .payment-provider-creditcard-radios .form-label .icon-payment-americanexpress svg { height: 2.125rem; } .payment-provider-creditcard-radios .form-label .icon-payment-visa svg { height: 1.6875rem; } .payment-provider-creditcard-radios .form-label > span { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; width: 100%; } .payment-provider-creditcard-radios .form-label > span .form-label { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; margin-left: 0; width: auto; } .payment-provider-creditcard-radios .form-label > span .icon { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2; } } .payment-provider-info { font-size: 0.875rem; line-height: 1.25rem; } .form-expiration-cvc { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; padding-right: 0 !important; } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .form-expiration-cvc { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; margin-top: 1.125rem; } .form-expiration-cvc .fcb-form-element-wrapper { width: 100%; } } .form-expiration-cvc label { margin-right: 3.125rem; color: #6e7882; } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .form-expiration-cvc label { margin-bottom: 0.3125rem; margin-right: 0; font-family: "expressway_condensed_bold"; color: #0A3C64; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .form-expiration-date-wrapper .fcb-input-wrapper { width: 50% !important; } } .form-expiration-date-wrapper .fcb-row > :first-child { padding-right: 10px !important; } .payment-provider-save { margin-bottom: 2.5rem; margin-top: 0.625rem; padding-left: 0.5rem; } .payment-provider-save .form-label { font-family: "expressway_light"; } /* Gallery ~ START */ .fcb-gallery-wrapper .fcb-gallery .fcb-gallery-element { display: block; width: 100%; position: relative; text-decoration: none; margin-bottom: 1.75rem; -webkit-text-size-adjust: none; cursor: pointer; } .fcb-gallery-wrapper .fcb-gallery .fcb-gallery-element .ballon-wrapper { height: 0; overflow: hidden; background: #e5e6e7; } .fcb-gallery-wrapper .fcb-gallery .fcb-gallery-element .ballon-wrapper:after { -webkit-transition: opacity 0.275s ease-in; -moz-transition: opacity 0.275s ease-in; transition: opacity 0.275s ease-in; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); opacity: 0; } .fcb-gallery-wrapper .fcb-gallery .fcb-gallery-element .fcb-gallery-element-description { background: #e5e6e7; } .fcb-gallery-wrapper .fcb-gallery .fcb-gallery-element .fcb-gallery-element-description p { color: #6e7882; font-size: 0.875rem; line-height: 1.25rem; padding: 0.625rem 0.9375rem; margin-bottom: 0; -webkit-text-size-adjust: none; } .fcb-gallery-wrapper .fcb-gallery .fcb-gallery-element:hover .ballon-wrapper:after { opacity: 1; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-gallery-wrapper .fcb-gallery .fcb-gallery-element { margin-bottom: 1rem; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-gallery-wrapper .fcb-gallery .fcb-gallery-element { margin-bottom: 0.625rem; } } .fcb-gallery-wrapper { padding-top: 3.0625rem; } .fcb-gallery-wrapper .fcb-gallery-content-text .text-block h5 { color: #961432; text-transform: uppercase; font-size: 1rem; line-height: 1.375rem; } .fcb-gallery-wrapper .fcb-gallery-content-text .text-block h4 { font-size: 1.125rem; line-height: 1.5rem; } .fcb-gallery-wrapper .fcb-gallery-content-text .social-block { width: 33.33333%; } .fcb-gallery-wrapper .fcb-gallery-content-text .social-block > div { float: right; } .fcb-gallery-wrapper .fcb-gallery { perspective: 2000px; } .fcb-gallery-wrapper .fcb-gallery-raw-data { visibility: hidden; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-gallery-wrapper .fcb-gallery-content-text .text-block { width: 100%; } .fcb-gallery-wrapper .fcb-gallery-content-text .social-block { width: 100%; } .fcb-gallery-wrapper .fcb-gallery-content-text .social-block > div { float: none; } } /* Gallery ~ END */ /* imageOverlay ~ START */ .fcb-image-overlay { background: rgba(0, 0, 0, 0.95); position: fixed; z-index: 400; width: 100%; height: 100%; top: 0; overflow-y: scroll; visibility: hidden; } .fcb-image-overlay .slick-list { height: 100%; } .fcb-image-overlay .slick-track { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .fcb-image-overlay .fcb-image-overlay-scroll-indicator { height: 0.25rem; position: fixed; top: 0; left: 0; width: 100%; background: #ffffff; z-index: 402; color: #ffffff; } .fcb-image-overlay .fcb-image-overlay-scroll-indicator .bar { background: #961432; position: absolute; top: 0; height: 100%; width: 0; } .fcb-image-overlay .fcb-image-overlay-scroll-indicator .label-group { display: inline-block; position: absolute; top: 10px; text-shadow: 1px 1px 3px #000; } .fcb-image-overlay .fcb-image-overlay-scroll-layer { z-index: 0; margin: 0 auto; background: none; width: 66.66667%; top: 6.25rem; position: relative; } .fcb-image-overlay .fcb-image-overlay-scroll-layer .fcb-image-overlay-element { max-width: 100%; margin: 0 auto 3.125rem; position: relative; } .fcb-image-overlay .fcb-image-overlay-scroll-layer .fcb-image-overlay-element .social-media-integration { position: absolute; right: -2.6875rem; top: 0; width: 2.0625rem; } .fcb-image-overlay .fcb-image-overlay-scroll-layer .fcb-image-overlay-element .social-media-integration .fcb-share.shariff > ul.orientation-vertical > li { clear: both; margin-left: 0; margin-bottom: 0.625rem; } .fcb-image-overlay .fcb-image-overlay-scroll-layer .fcb-image-overlay-element .ballon-wrapper { height: 0; overflow: hidden; background: none; } .fcb-image-overlay .fcb-image-overlay-scroll-layer .fcb-image-overlay-element .ballon-wrapper .image-wrapper { height: 100%; } .fcb-image-overlay .fcb-image-overlay-scroll-layer .fcb-image-overlay-element .ballon-wrapper .image-wrapper img { margin: 0 auto; } .fcb-image-overlay .fcb-image-overlay-scroll-layer .fcb-image-overlay-element .fcb-image-element-description { background: black; position: relative; bottom: 1px; } .fcb-image-overlay .fcb-image-overlay-scroll-layer .fcb-image-overlay-element .fcb-image-element-description p { color: #ffffff; font-size: 0.875rem; line-height: 1.25rem; padding: 0.3125rem 0.5rem; -webkit-text-size-adjust: none; } .fcb-image-overlay .fcb-image-overlay-scroll-layer .fcb-image-overlay-element.no-fit-image { max-width: 62vh; } .fcb-image-overlay .fcb-image-overlay-close { position: fixed; top: 2%; right: 3.5%; z-index: 533; color: #ffffff; fill: #ffffff; -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%); width: 1.875rem; height: 1.875rem; text-decoration: none; font-size: 1.875rem; opacity: 0; } .fcb-image-overlay.opened { visibility: visible; } .fcb-image-overlay .fcb-overlay-mobile-tools { display: none; } @keyframes blur { 0% { -webkit-filter: blur(0); } 100% { -webkit-filter: blur(3px); } } @media screen and (max-width: 35.4375rem) and (min-width: 0rem) { .fcb-image-overlay { overflow-y: hidden; height: 100vh; } .fcb-image-overlay .fcb-image-overlay-scroll-layer { width: 100%; top: 0; } .fcb-image-overlay .fcb-image-overlay-scroll-layer > div { transform: translateY(-50%); top: 50% !important; } .fcb-image-overlay .fcb-image-overlay-scroll-layer .fcb-image-overlay-element { margin: 0; } .fcb-image-overlay .fcb-image-overlay-scroll-layer .fcb-image-overlay-element .social-media-integration { display: none; } .fcb-image-overlay .fcb-image-overlay-scroll-layer .fcb-image-overlay-element .fcb-image-element-description { display: none; } .fcb-image-overlay .fcb-overlay-mobile-tools { display: block; position: fixed; width: 100%; bottom: 0; z-index: 0; } .fcb-image-overlay .fcb-overlay-mobile-tools p.floating-caption { color: #fff; box-sizing: border-box; padding: 2%; margin-bottom: 0; background: rgba(0, 0, 0, 0.8); font-size: 0.875rem; line-height: 1.25rem; } .fcb-image-overlay .fcb-overlay-mobile-tools .fcb-overlay-mobile-socials { height: 1.875rem; background: #0A5082; color: #ffffff; text-align: center; } .fcb-image-overlay .fcb-overlay-mobile-tools .fcb-overlay-mobile-socials .social-media-integration { width: 100%; left: 0; top: -1.875rem; } .fcb-image-overlay .fcb-overlay-mobile-tools .fcb-overlay-mobile-socials .social-media-integration .fcb-share.shariff > ul.orientation-vertical { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .fcb-image-overlay .fcb-overlay-mobile-tools .fcb-overlay-mobile-socials .social-media-integration .fcb-share.shariff > ul.orientation-vertical > li.shariff-button { clear: none; width: 100%; margin: 0; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; border-radius: 0; } .fcb-image-overlay .fcb-overlay-mobile-tools .fcb-overlay-mobile-socials .social-media-integration .fcb-share.shariff > ul.orientation-vertical > li.shariff-button a { width: auto; } .fcb-image-overlay .fcb-overlay-mobile-tools .fcb-overlay-mobile-socials .social-media-integration .fcb-share.shariff > ul.orientation-vertical > li.shariff-button.info { border: none; } .fcb-image-overlay .fcb-overlay-mobile-tools .fcb-overlay-mobile-socials .social-media-integration .fcb-share.shariff > ul.orientation-vertical > li.shariff-button.info a { height: 1.875rem; } .fcb-image-overlay .fcb-overlay-mobile-tools .fcb-overlay-mobile-socials .social-media-integration .fcb-share.shariff > ul.orientation-vertical > li.shariff-button:first-child { margin-left: 0; } .fcb-image-overlay .fcb-image-overlay-close { right: 1.125rem; } } .fcb-overlay-opened { overflow: hidden; } .fcb-overlay-mobile-fixed { position: fixed; } .overlay-list-item { background-color: #fff; border-bottom: 1px solid #c9ccd2; } .overlay-list-link { color: #0A3C64; font-family: "expressway_condensed_light"; text-decoration: none; padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 1.6875rem; padding-bottom: 1.6875rem; display: block; font-size: 1.25rem; } /* imageOverlay ~ END */ /* articleGallery ~ START */ .article-gallery-wrapper { min-height: 50px; } .fcb-article-gallery-wrapper { margin: 2.1875rem 0rem; /* .article-image-large , .article-image-square-wrapper { //link of image a { display: block; } } */ } .fcb-article-gallery-wrapper .article-gallery { height: auto; overflow: hidden; } .fcb-article-gallery-wrapper .article-gallery:after { content: ''; clear: both; display: block; visibility: hidden; height: 0rem; } .fcb-article-gallery-wrapper .image-wrapper { display: block; margin: 0rem; } .fcb-article-gallery-wrapper a { display: block; position: relative; } .fcb-article-gallery-wrapper a:after { -webkit-transition: opacity 0.275s ease-in; -moz-transition: opacity 0.275s ease-in; transition: opacity 0.275s ease-in; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); opacity: 0; } .fcb-article-gallery-wrapper a:hover:after { opacity: 1; } .fcb-article-gallery-wrapper .article-image-large { float: left; width: 63.46939%; } .fcb-article-gallery-wrapper .article-image-square-wrapper { float: right; width: 35.71429%; padding-bottom: 35.71429%; position: relative; overflow: hidden; } .fcb-article-gallery-wrapper .article-image-square { position: absolute; width: 48.85714%; } .fcb-article-gallery-wrapper .article-image-square.square-1 { top: 0rem; left: 0rem; } .fcb-article-gallery-wrapper .article-image-square.square-2 { top: 0rem; right: 0rem; } .fcb-article-gallery-wrapper .article-image-square.square-3 { bottom: 0rem; left: 0rem; } .fcb-article-gallery-wrapper .article-image-square.square-4 { bottom: 0rem; right: 0rem; } .fcb-article-gallery-wrapper .article-image-square.square-4.square-more .image-wrapper { position: relative; } .fcb-article-gallery-wrapper .article-image-square.square-4.square-more .image-wrapper:before { content: ''; display: block; background-color: rgba(0, 0, 0, 0.6); position: absolute; top: 0rem; bottom: 0rem; left: 0rem; right: 0rem; } .fcb-article-gallery-wrapper .article-image-square .article-more-info { position: absolute; color: #ffffff; font-family: "expressway_condensed_bold"; font-size: 1.75rem; top: 50%; margin-top: -0.5em; left: 0; right: 0; text-align: center; } .fcb-article-gallery-wrapper .article-image-square .image-wrapper { padding-bottom: 100%; background-color: #e5e6e7; } .fcb-article-gallery-wrapper .article-image-square .image-wrapper.loaded { padding-bottom: 0; } @media screen and (max-width: 41.1875rem) { .fcb-article-gallery-wrapper .article-image-large , .fcb-article-gallery-wrapper .article-image-square-wrapper { float: none; width: 100%; } .fcb-article-gallery-wrapper .article-image-square-wrapper { height: auto; padding: 0; margin-top: 1.87075%; } .fcb-article-gallery-wrapper .article-image-square-wrapper:after { content: ''; clear: both; display: block; visibility: hidden; height: 0rem; } .fcb-article-gallery-wrapper .article-image-square { position: static; width: 23.46939%; float: left; margin-left: 2.04082%; } .fcb-article-gallery-wrapper .article-image-square.square-1 { margin: 0; } .fcb-article-gallery-wrapper .article-image-square.square-4 { position: relative; } .fcb-article-gallery-wrapper .article-image-square .article-more-info { font-size: 1.125rem; } } @media screen and (max-width: 41.1875rem) and (min-width: 20.625rem) { .fcb-article-gallery-wrapper .article-image-square .article-more-info { font-size: 1.5rem; } } /* articleGallery ~ END */ /* inlineGallery ~ START */ /*************************************** * RESET BASE STYLES - INLINE GALLERY ***************************************/ .fcb-article .text-media-content .fcb-inline-gallery-wrapper .image-wrapper { margin: 0rem; padding: 0rem; } /*************************************** * OVERRIDE BASE STYLES - INLINE GALLERY ***************************************/ @media screen and (max-width: 63.875rem) { .fcb-row.row-full-width.inline-gallery { margin-left: -28px; margin-right: -28px; } } @media screen and (max-width: 41.1875rem) { .fcb-row.row-full-width.inline-gallery { margin-left: -13px; margin-right: -13px; } } /*************************************** * INLINE GALLERY ***************************************/ .fcb-inline-gallery-wrapper { /*************************************** * RESET BASE STYLES ***************************************/ /*************************************** * MODULE STYLES ***************************************/ margin-top: 0.125rem; margin-bottom: 0.625rem; } .fcb-inline-gallery-wrapper ul, .fcb-inline-gallery-wrapper li { margin: 0rem; padding: 0rem; } .fcb-inline-gallery-wrapper .image-wrapper { margin: 0rem; padding: 0rem; } .fcb-inline-gallery-wrapper .inline-gallery { background-color: #e5e6e7; position: relative; -webkit-text-size-adjust: none; padding-left: 2rem; padding-right: 2rem; } .fcb-inline-gallery-wrapper .inline-gallery .gallery-button { display: block; position: absolute; top: 50%; margin-top: -1.09375rem; z-index: 2; } .fcb-inline-gallery-wrapper .inline-gallery .gallery-button.type-prev { left: 0rem; margin-left: -1.09375rem; } .fcb-inline-gallery-wrapper .inline-gallery .gallery-button.type-next { right: 0rem; margin-right: -1.09375rem; } .fcb-inline-gallery-wrapper .inline-gallery .gallery-button.type-next .icon { margin-left: -0.1875rem; } .fcb-inline-gallery-wrapper .image-container { display: block; position: relative; height: 100%; width: 100%; overflow: hidden; } .fcb-inline-gallery-wrapper .enlarge-icon { display: none; } .fcb-inline-gallery-wrapper .inline-image-pagination { position: absolute; top: 86%; right: 0rem; bottom: 0rem; z-index: 1; padding-left: 0.9375rem; padding-right: 2rem; background-color: #e5e6e7; } .fcb-inline-gallery-wrapper .inline-image-pagination .text-label { display: block; font-family: "expressway_light"; font-size: 0.75rem; } .fcb-inline-gallery-wrapper .inline-image-pagination .pagination-placeholder { visibility: hidden; color: #e5e6e7; } .fcb-inline-gallery-wrapper .inline-image-pagination .pagination-display { position: absolute; bottom: 0.8125rem; right: 2rem; } .fcb-inline-gallery-wrapper .inline-image-wrapper { padding-top: 1.25rem; } .fcb-inline-gallery-wrapper .inline-image-wrapper .inline-image { width: 100%; } .fcb-inline-gallery-wrapper .inline-image-wrapper .inline-image a { display: block; outline: none; max-height: 28.25rem; overflow: hidden; } .fcb-inline-gallery-wrapper .inline-image-wrapper .inline-image a.type-portrait { padding: 0rem 28.96%; } .fcb-inline-gallery-wrapper .inline-image-wrapper .inline-image a.type-square { padding: 0rem 21.9%; } .fcb-inline-gallery-wrapper .inline-image-wrapper .inline-image .image-wrapper { display: block; height: 100%; width: 100%; } .fcb-inline-gallery-wrapper .inline-image-wrapper .inline-image .image-wrapper img { margin: 0 auto; } .fcb-inline-gallery-wrapper .inline-image-wrapper .image-description { display: block; } .fcb-inline-gallery-wrapper .inline-image-wrapper .image-description .image-text { display: block; padding-top: 0.5625rem; padding-bottom: 0.5625rem; font-family: "expressway_light"; font-size: 0.875rem; line-height: 1.25rem; margin-right: 3.625rem; white-space: nowrap; } @media screen and (min-width: 63.9375rem) { .fcb-inline-gallery-wrapper .enlarge-icon { position: absolute; z-index: 1; top: 0.625rem; right: 0.625rem; display: block; background-color: rgba(0, 20, 40, 0.2); -webkit-transition: background 0.275s ease-in; -moz-transition: background 0.275s ease-in; transition: background 0.275s ease-in; border-radius: 50%; width: 2.5rem; height: 2.5rem; } .fcb-inline-gallery-wrapper .enlarge-icon .icon { width: 1.375rem; margin-top: 0.5625rem; margin-left: 0.5625rem; } .fcb-inline-gallery-wrapper .enlarge-icon path { fill: #ffffff; -webkit-transition: fill 0.275s ease-in; -moz-transition: fill 0.275s ease-in; transition: fill 0.275s ease-in; } .fcb-inline-gallery-wrapper .image-wrapper { position: relative; } .fcb-inline-gallery-wrapper .image-wrapper:after { -webkit-transition: opacity 0.275s ease-in; -moz-transition: opacity 0.275s ease-in; transition: opacity 0.275s ease-in; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); opacity: 0; } .fcb-inline-gallery-wrapper .inline-image .image-container:hover .image-wrapper:after { opacity: 1; } .fcb-inline-gallery-wrapper .inline-image .image-container:hover .enlarge-icon { background-color: #ffffff; } .fcb-inline-gallery-wrapper .inline-image .image-container:hover .enlarge-icon path { fill: #961432; } } @media screen and (max-width: 63.875rem) { .fcb-inline-gallery-wrapper .swiper-container { margin-left: 1.25rem; } .fcb-inline-gallery-wrapper .inline-gallery { padding-left: 0rem; padding-right: 0rem; } .fcb-inline-gallery-wrapper .inline-gallery .gallery-button { display: none; } .fcb-inline-gallery-wrapper .inline-image-wrapper { padding-left: 0rem; padding-right: 0rem; padding-top: 0.9375rem; } .fcb-inline-gallery-wrapper .inline-image-wrapper .inline-image { width: auto; } .fcb-inline-gallery-wrapper .inline-image-wrapper .inline-image a { height: 20rem; overflow: hidden; } .fcb-inline-gallery-wrapper .inline-image-wrapper .inline-image a.type-portrait, .fcb-inline-gallery-wrapper .inline-image-wrapper .inline-image a.type-square { padding: 0rem; } .fcb-inline-gallery-wrapper .inline-image-wrapper .inline-image .image-wrapper img { margin: 0; margin-right: 1rem; } .fcb-inline-gallery-wrapper .inline-image-wrapper .inline-image:last-child .image-wrapper img { margin-right: 1.25rem; } .fcb-inline-gallery-wrapper .inline-image-wrapper .image-description { padding-right: 1rem; } .fcb-inline-gallery-wrapper .inline-image-wrapper .image-description .image-text { width: 100%; margin-right: 0rem; font-size: 0.875rem; line-height: 1.25rem; white-space: initial; } .fcb-inline-gallery-wrapper .inline-image-pagination { display: none; } } @media screen and (max-width: 41.1875rem) { .fcb-inline-gallery-wrapper .swiper-container { margin-left: 0.8125rem; } .fcb-inline-gallery-wrapper .inline-image-wrapper .image-description { padding-right: 0.375rem; } .fcb-inline-gallery-wrapper .inline-image-wrapper .inline-image a { height: 9.4375rem; } .fcb-inline-gallery-wrapper .inline-image-wrapper .inline-image .image-wrapper img { margin: 0; margin-right: 0.375rem; } .fcb-inline-gallery-wrapper .inline-image-wrapper .inline-image:last-child .image-wrapper img { margin-right: 0.8125rem; } } /* inlineGallery ~ END */ /* Content Navigation ~ START */ .fcb-content-navigation-overlay { width: 1.875rem; height: 1.875rem; background: #c9ccd2; border-radius: 0.125rem; z-index: 400; overflow: hidden; } .fcb-content-navigation-overlay.scrollable { overflow: scroll; } .fcb-content-navigation-overlay a.navigation-close-button { width: 1.875rem; height: 1.875rem; border: 2px solid #6e7882; position: absolute; top: 1rem; right: 1rem; opacity: 0; margin-top: 12.5rem; border-radius: 50%; cursor: pointer; } .fcb-content-navigation-overlay a.navigation-close-button:before { position: relative; top: 0.25rem; left: 0.4375rem; font-size: 0.75rem; color: #6e7882; } .fcb-content-navigation-overlay a.navigation-close-button:after { content: ''; display: block; height: 100%; width: 100%; padding: 0.625rem; box-sizing: content-box; margin-left: -44%; margin-top: -44%; border-radius: 50%; margin-top: -100%; } .fcb-content-navigation-overlay ul.content-navigation { margin-top: 2.875rem; } .fcb-content-navigation-overlay ul.content-navigation li { border-bottom: 2px solid #c9ccd2; opacity: 0; margin-top: 12.5rem; } .fcb-content-navigation-overlay ul.content-navigation li.active a { font-family: "expressway_condensed_bold"; } .fcb-content-navigation-overlay ul.content-navigation li a { font-family: "expressway_condensed_light"; font-size: 1.25rem; line-height: 1.625rem; display: block; width: 100%; padding: 1.5625rem 1.25rem; text-decoration: none; } .fcb-content-navigation-overlay.ps-container > .ps-scrollbar-y-rail { opacity: 1; margin-top: 0.25rem; margin-bottom: 0.25rem; } .fcb-content-navigation-overlay.ps-container > .ps-scrollbar-y-rail .ps-scrollbar-y { opacity: 1; width: 0.375rem; } .hst-container-item .fcb-container.fcb-content-navigation, .fcb-container.fcb-content-navigation { margin-bottom: 0; } .hst-container-item .fcb-container.fcb-content-navigation .fcb-row, .fcb-container.fcb-content-navigation .fcb-row { margin-bottom: 0; } .hst-container-item .fcb-container.fcb-content-navigation .fcb-row.fcb-row-full, .fcb-container.fcb-content-navigation .fcb-row.fcb-row-full { border-bottom: 1px solid #c9ccd2; } .hst-container-item .fcb-container.fcb-content-navigation .fcb-gr-12, .fcb-container.fcb-content-navigation .fcb-gr-12 { position: relative; padding-left: 2.125rem; padding-right: 2.125rem; } .touch-device .hst-container-item .fcb-container.fcb-content-navigation .fcb-gr-12, .touch-device .fcb-container.fcb-content-navigation .fcb-gr-12 { padding-left: 1.5625rem; padding-right: 1.5625rem; } @media screen and (min-width: 85.375rem) { .hst-container-item .fcb-container.fcb-content-navigation .fcb-gr-12, .fcb-container.fcb-content-navigation .fcb-gr-12 { padding-left: 0; padding-right: 0; } .touch-device .hst-container-item .fcb-container.fcb-content-navigation .fcb-gr-12, .touch-device .fcb-container.fcb-content-navigation .fcb-gr-12 { padding-left: 0; padding-right: 0; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .hst-container-item .fcb-container.fcb-content-navigation .fcb-gr-12, .fcb-container.fcb-content-navigation .fcb-gr-12 { padding-left: 1.8125rem; padding-right: 1.8125rem; } .touch-device .hst-container-item .fcb-container.fcb-content-navigation .fcb-gr-12, .touch-device .fcb-container.fcb-content-navigation .fcb-gr-12 { padding-left: 1.5rem; padding-right: 1.5rem; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .touch-device .hst-container-item .fcb-container.fcb-content-navigation .fcb-gr-12, .touch-device .fcb-container.fcb-content-navigation .fcb-gr-12 { padding-left: 0.5625rem; padding-right: 0.5625rem; } } .hst-container-item .fcb-container.fcb-content-navigation .fcb-gr-12 .animatable-border, .fcb-container.fcb-content-navigation .fcb-gr-12 .animatable-border { display: block; width: 0px; height: 0.1875rem; background-color: #0A3C64; position: relative; margin-top: -0.1875rem; top: -0.75rem; } .hst-container-item .fcb-container.fcb-content-navigation .fcb-gr-12 h3, .fcb-container.fcb-content-navigation .fcb-gr-12 h3 { font-family: "expressway_condensed_bold"; font-size: 1.5rem; line-height: 1.875rem; margin-top: 1.5625rem; } .hst-container-item .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper, .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper { position: relative; padding-right: 3rem; overflow: hidden; max-height: 3.5rem; } .hst-container-item .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper.show-navigation-toggle a.content-navigation-toggle, .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper.show-navigation-toggle a.content-navigation-toggle { display: block; } .hst-container-item .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper.show-navigation-toggle a.content-navigation-toggle span.icon, .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper.show-navigation-toggle a.content-navigation-toggle span.icon { width: 1rem; position: relative; display: block; top: 50%; margin: 0 auto; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .hst-container-item .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper.show-navigation-toggle a.content-navigation-toggle span.icon svg path, .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper.show-navigation-toggle a.content-navigation-toggle span.icon svg path { fill: #0A3C64; } .hst-container-item .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper a.content-navigation-toggle, .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper a.content-navigation-toggle { width: 1.875rem; height: 1.875rem; position: absolute; right: 1.625rem; bottom: 0.4375rem; background: #c9ccd2; border-radius: 0.125rem; display: none; right: 0; } .hst-container-item .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper:after, .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper:after { content: ''; position: absolute; top: 0; bottom: 0; right: 3rem; width: 1.625rem; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); } .hst-container-item .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper .ul-wrapper, .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper .ul-wrapper { overflow-x: scroll; padding-bottom: 1.5625rem; } .hst-container-item .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper ul, .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper ul { display: inline-block; overflow: hidden; margin-bottom: 0; box-sizing: content-box; } .hst-container-item .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper ul li, .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper ul li { float: left; margin-left: 0.9375rem; line-height: 2rem; } .hst-container-item .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper ul li:first-child, .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper ul li:first-child { margin-left: 0; } .hst-container-item .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper ul li.active a, .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper ul li.active a { font-family: "expressway_condensed_bold"; } .hst-container-item .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper ul li a, .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper ul li a { color: #0A3C64; font-family: "expressway_condensed_light"; font-size: 1.25rem; line-height: 1.625rem; text-decoration: none; display: block; padding-top: 1.375rem; padding-bottom: 1.125rem; } .hst-container-item .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper ul li a::selection, .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper ul li a::selection { background: #ffffff; color: #0A3C64; } .hst-container-item .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper ul li a::-moz-selection, .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper ul li a::-moz-selection { background: #ffffff; color: #0A3C64; } .hst-container-item .fcb-container.fcb-content-navigation.variant-red, .fcb-container.fcb-content-navigation.variant-red { background-color: #961432; } .hst-container-item .fcb-container.fcb-content-navigation.variant-red .fcb-gr-12:after, .fcb-container.fcb-content-navigation.variant-red .fcb-gr-12:after { content: none; } .hst-container-item .fcb-container.fcb-content-navigation.variant-red .fcb-gr-12 .animatable-border, .fcb-container.fcb-content-navigation.variant-red .fcb-gr-12 .animatable-border { background-color: #ffffff; } .hst-container-item .fcb-container.fcb-content-navigation.variant-red .fcb-gr-12 .content-navigation-wrapper:after, .fcb-container.fcb-content-navigation.variant-red .fcb-gr-12 .content-navigation-wrapper:after { background: -moz-linear-gradient(left, rgba(150, 20, 50, 0) 0%, #961432 100%); background: -webkit-linear-gradient(left, rgba(150, 20, 50, 0) 0%, #961432 100%); background: linear-gradient(to right, rgba(150, 20, 50, 0) 0%, #961432 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00961432', endColorstr='#961432',GradientType=1 ); } .hst-container-item .fcb-container.fcb-content-navigation.variant-red .fcb-gr-12 .content-navigation-wrapper ul li, .fcb-container.fcb-content-navigation.variant-red .fcb-gr-12 .content-navigation-wrapper ul li { color: #ffffff; } .hst-container-item .fcb-container.fcb-content-navigation.variant-red .fcb-gr-12 .content-navigation-wrapper ul li a, .fcb-container.fcb-content-navigation.variant-red .fcb-gr-12 .content-navigation-wrapper ul li a { color: #ffffff; } .hst-container-item .fcb-container.fcb-content-navigation.variant-red .fcb-gr-12 .content-navigation-wrapper ul li a::selection, .fcb-container.fcb-content-navigation.variant-red .fcb-gr-12 .content-navigation-wrapper ul li a::selection { background: #961432; } .hst-container-item .fcb-container.fcb-content-navigation.variant-red .fcb-gr-12 .content-navigation-wrapper ul li a::-moz-selection, .fcb-container.fcb-content-navigation.variant-red .fcb-gr-12 .content-navigation-wrapper ul li a::-moz-selection { background: #961432; } .hst-container-item .fcb-container.fcb-content-navigation.variant-red .fcb-gr-12 .content-navigation-wrapper a.content-navigation-toggle, .fcb-container.fcb-content-navigation.variant-red .fcb-gr-12 .content-navigation-wrapper a.content-navigation-toggle { background-color: #6E0A28; } .hst-container-item .fcb-container.fcb-content-navigation.variant-red .fcb-gr-12 .content-navigation-wrapper a.content-navigation-toggle span.icon svg path, .fcb-container.fcb-content-navigation.variant-red .fcb-gr-12 .content-navigation-wrapper a.content-navigation-toggle span.icon svg path { fill: #ffffff; } .touch-device .hst-container-item .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper:after, .touch-device .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper:after { right: 2.9375rem; } .touch-device .hst-container-item .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper a.content-navigation-toggle, .touch-device .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper a.content-navigation-toggle { top: 1.125rem; right: 0rem; } .touch-device .hst-container-item .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper .ul-wrapper, .touch-device .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper .ul-wrapper { padding-left: 0rem; padding-bottom: 0.625rem; } @media only screen and (min-width: 85.375rem) { .fcb-container.fcb-content-navigation .fcb-gr-12 { max-width: 82.25rem; padding-left: 0; padding-right: 0; } } @media screen and (min-width: 85.375rem) { .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper .ul-wrapper { padding-left: 0rem; } .touch-device .hst-container-item .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper a.content-navigation-toggle, .touch-device .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper a.content-navigation-toggle { right: 0rem; } .touch-device .hst-container-item .fcb-container.fcb-content-navigation .fcb-gr-12 .ul-wrapper, .touch-device .fcb-container.fcb-content-navigation .fcb-gr-12 .ul-wrapper { padding-left: 0rem; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .hst-container-item .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper, .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper { margin-left: -1.25rem; margin-right: -1.25rem; } .hst-container-item .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper:after, .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper:after { right: 4.375rem; } .hst-container-item .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper.show-navigation-toggle, .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper.show-navigation-toggle { padding-right: 4.375rem; } .hst-container-item .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper a.content-navigation-toggle, .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper a.content-navigation-toggle { right: 1.25rem; } .hst-container-item .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper .ul-wrapper, .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper .ul-wrapper { padding-left: 0.1875rem; } .hst-container-item .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper ul, .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper ul { padding-left: 1rem; padding-right: 1.25rem; } .hst-container-item .fcb-container.fcb-content-navigation.type-page-navigation .fcb-gr-12 .content-navigation-wrapper a.content-navigation-toggle, .fcb-container.fcb-content-navigation.type-page-navigation .fcb-gr-12 .content-navigation-wrapper a.content-navigation-toggle { top: 1.125rem; } .touch-device .hst-container-item .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper:after, .touch-device .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper:after { right: 4.3125rem; } .touch-device .hst-container-item .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper a.content-navigation-toggle, .touch-device .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper a.content-navigation-toggle { right: 1.0625rem; } .touch-device .hst-container-item .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper .ul-wrapper, .touch-device .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper .ul-wrapper { padding-left: 0rem; padding-bottom: 0.125rem; margin-bottom: -0.875rem; } .touch-device .hst-container-item .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper ul, .touch-device .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper ul { padding-left: 1.0625rem; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .hst-container-item .fcb-container.fcb-content-navigation .fcb-gr-12 h3, .fcb-container.fcb-content-navigation .fcb-gr-12 h3 { padding-left: 1.25rem; padding-right: 1.25rem; } .hst-container-item .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper, .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper { max-height: 4.3125rem; margin-left: -0.8125rem; margin-right: -0.8125rem; } .hst-container-item .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper:after, .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper:after { right: 4.0625rem; } .hst-container-item .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper a.content-navigation-toggle, .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper a.content-navigation-toggle { right: 1.875rem; bottom: 1.25rem; } .hst-container-item .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper .ul-wrapper, .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper .ul-wrapper { padding-left: 1.625rem; } .hst-container-item .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper ul, .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper ul { padding-left: 0.4375rem; padding-right: 0.8125rem; } .hst-container-item .fcb-container.fcb-content-navigation.type-page-navigation .fcb-gr-12 .content-navigation-wrapper a.content-navigation-toggle, .fcb-container.fcb-content-navigation.type-page-navigation .fcb-gr-12 .content-navigation-wrapper a.content-navigation-toggle { top: 1.25rem; } .touch-device .hst-container-item .fcb-container.fcb-content-navigation.type-page-navigation .fcb-gr-12, .touch-device .fcb-container.fcb-content-navigation.type-page-navigation .fcb-gr-12 { padding-left: 0.4375rem; padding-right: 0.4375rem; } .touch-device .hst-container-item .fcb-container.fcb-content-navigation.type-page-navigation .fcb-gr-12 .content-navigation-wrapper a.content-navigation-toggle, .touch-device .fcb-container.fcb-content-navigation.type-page-navigation .fcb-gr-12 .content-navigation-wrapper a.content-navigation-toggle { right: 1.1875rem; } .touch-device .hst-container-item .fcb-container.fcb-content-navigation .fcb-gr-12 h3, .touch-device .fcb-container.fcb-content-navigation .fcb-gr-12 h3 { padding-left: 0.1875rem; padding-right: 0.1875rem; } .touch-device .hst-container-item .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper a.content-navigation-toggle, .touch-device .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper a.content-navigation-toggle { right: 1.0625rem; top: 1.125rem; } .touch-device .hst-container-item .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper .ul-wrapper, .touch-device .fcb-container.fcb-content-navigation .fcb-gr-12 .content-navigation-wrapper .ul-wrapper { padding-left: 0rem; padding-bottom: 0.625rem; } } /* Content Navigation ~ END */ /* Content Card ~ START */ .content-card { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-bottom: 3.125rem !important; } @media screen and (max-width: 41.25rem) { .content-card .profile-picture { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; margin-left: -0.3125rem; margin-right: -0.3125rem; margin-bottom: 2.5rem; } } .content-card-headline { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1; } .content-card-subheadline { font-size: 0.875rem; line-height: 1.25rem; padding: 0; font-family: "expressway_bold"; color: #6e7882 !important; margin-bottom: 1.5625rem; margin-top: 1.5625rem; } .content-card-subheadline:first-of-type { margin-top: 0; } @media screen and (max-width: 41.25rem) { .content-card-subheadline { margin-left: -0.5rem; margin-right: -0.5rem; padding-left: 0.1875rem; padding-right: 0.1875rem; } } .content-card-content { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2; width: 100%; padding-top: 1.875rem; padding-bottom: 1.6875rem; margin-top: 0.625rem; margin-bottom: 0.625rem; padding-left: 0.75rem !important; padding-right: 0.75rem !important; } @media screen and (min-width: 41.25rem) { .content-card-content { -webkit-box-ordinal-group: 4; -webkit-order: 3; -moz-order: 3; -ms-flex-order: 3; order: 3; margin-bottom: 0; } } .content-card-content.with-background { background-color: #e5e6e7; } .content-card-content.with-border { border: 1px solid #c9ccd2; } .content-card-edit.button.small { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2; -webkit-align-self: flex-end; -moz-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; height: 1.875rem; } @media screen and (max-width: 41.25rem) { .content-card-edit.button.small { -webkit-box-ordinal-group: 4; -webkit-order: 3; -moz-order: 3; -ms-flex-order: 3; order: 3; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; height: auto; text-align: center; font-size: 1.125rem; padding-top: 0.75rem; padding-bottom: 0.8125rem; } } .content-card-entry { font-size: 0.875rem; line-height: 1.25rem; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; font-family: "expressway_light"; margin-bottom: 0; } .content-card-entry:after { content: ''; clear: both; display: block; visibility: hidden; height: 0rem; } .content-card-entry.has-margin { margin-bottom: 0.4375rem; } @media screen and (min-width: 41.25rem) { .content-card-entry.has-margin { margin-bottom: 0.9375rem; } } @media screen and (max-width: 41.25rem) { .content-card-entry.standalone-on-small { margin-left: -0.3125rem; margin-right: -0.3125rem; } } .content-card-entry-label { -webkit-align-self: flex-start; -moz-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } /* Content Card ~ END */ /* Profile Picture ~ START */ .profile-picture-wrapper { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; width: 9.375rem; height: 9.375rem; border-radius: 100%; padding: 0.3125rem; background-color: #c9ccd2; position: relative; overflow: hidden; } .profile-picture-wrapper:after { content: ''; display: block; width: 8.75rem; height: 8.75rem; background-color: #ffffff; position: absolute; top: 0.3125rem; left: 0.3125rem; z-index: 0; border-radius: 100%; } .profile-picture-name { font-size: 3.375rem; line-height: 3.75rem; position: relative; z-index: 1; color: #c9ccd2; } .profile-picture-image { position: relative; z-index: 1; border-radius: 100%; } .profile-picture-edit { margin-top: 0.9375rem; } @media screen and (min-width: 41.25rem) { .profile-picture-edit { margin-top: 1.25rem; } } .profile-picture-missing { position: relative; z-index: 1; width: 60%; height: 60%; color: #c9ccd2; } .profile-picture-missing svg { fill: currentColor; width: 100%; height: 100%; } /* Profile Picture ~ END */ /* Appointments ~ START */ .appointment-container { background-color: #f8f8f9; } .appointment-container .appointment-title h3 { margin-bottom: 0.625rem; display: inline-block; color: #0A3C64; font-family: "expressway_condensed_bold"; font-size: 1.125rem; line-height: 1.5rem; } .appointment-container .appointment-title .calender-button { display: none; float: right; } .appointment-container.vertical .appointments { margin-bottom: 1.125rem; } .appointment-container.vertical .appointments .appointment { padding-top: 0.625rem; } .appointment-container.vertical .appointments .appointment:after { content: ''; display: inline-block; border-bottom: solid 0.0625rem #c9ccd2; width: 100%; } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .appointment-container.vertical { width: 110%; margin-left: 1.125rem; } } .appointment-container.horizontal { padding: 1.5rem 1.5rem 1.6875rem; } .appointment-container.horizontal .appointments .appointment { width: auto; overflow: hidden; display: inline-block; margin-left: 7.5rem; } .appointment-container.horizontal .appointments .appointment:first-child { margin-left: 0; } .appointment-container.horizontal .appointments .appointment .days:after { content: "|"; } .appointment-container.horizontal .appointments .appointment:nth-child(n+4) { display: none; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .appointment-container.horizontal .appointments .appointment:nth-child(n+3) { display: none; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .appointment-container.horizontal .appointments .appointment:nth-child(n+2) { display: none; } } @media screen and (max-width: 63.9375rem) { .appointment-container .appointment-title .calender-button { display: inline-block; } } @media screen and (max-width: 41.25rem) { .appointment-container .appointment-title .calender-button { display: inline-block; } .appointment-container .appointments .appointment .invisible { display: none; } } /* Appointments ~ END */ /* TEAM - PlayerSlider ~ START */ .fcb-player-slider-wrapper { overflow: hidden; max-width: 120rem; width: 100vw; margin-left: 50%; transform: translateX(-50%); } .fcb-player-slider-wrapper .player-entry-wrapper { width: 12.75rem; border-left: 1px solid #ffffff; -webkit-transform: skew(-9deg); -moz-transform: skew(-9deg); transform: skew(-9deg); overflow: hidden; position: relative; float: left; background: -moz-linear-gradient(left, #ffffff 0%, #e5e6e7 100%); background: -webkit-linear-gradient(left, #ffffff 0%, #e5e6e7 100%); background: linear-gradient(to right, #ffffff 0%, #e5e6e7 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=1); cursor: pointer; } .fcb-player-slider-wrapper .player-entry-wrapper:after { content: ''; width: 100%; height: 3.125rem; background-color: rgba(234, 235, 237, 0.5); position: absolute; bottom: 0; z-index: -1; } .fcb-player-slider-wrapper .player-entry-wrapper.swiper-slide-active .player-entry .image-wrapper img { transform-origin: center center; -webkit-transform: scale(1) translate(-127px, 393px); -moz-transform: scale(1) translate(-127px, 393px); transform: scale(1) translate(-127px, 393px); } .fcb-player-slider-wrapper .player-entry-wrapper.swiper-slide-active .player-information { -webkit-transform: translateY(0%) skew(9deg); -moz-transform: translateY(0%) skew(9deg); transform: translateY(0%) skew(9deg); } .fcb-player-slider-wrapper .player-entry-wrapper .player-entry { min-height: 25rem; max-height: 25rem; margin-left: -1.875rem; margin-right: -1.875rem; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; } .fcb-player-slider-wrapper .player-entry-wrapper .player-entry .image-wrapper { width: 100%; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; padding-bottom: 0; } .fcb-player-slider-wrapper .player-entry-wrapper .player-entry .image-wrapper img { position: absolute; left: 50%; bottom: -0.875rem; max-width: none; -webkit-transform: translate(-50%, 183px) scale(0.5); -moz-transform: translate(-50%, 183px) scale(0.5); transform: translate(-50%, 183px) scale(0.5); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .fcb-player-slider-wrapper .player-entry-wrapper .player-entry, .fcb-player-slider-wrapper .player-entry-wrapper .player-information { -webkit-transform: skew(9deg); -moz-transform: skew(9deg); transform: skew(9deg); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .fcb-player-slider-wrapper .player-entry-wrapper .player-information { position: absolute; background-color: rgba(255, 255, 255, 0.9); bottom: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); transform: translateY(100%); left: -1.875rem; right: -1.875rem; padding: 1.25rem 1.875rem; text-align: center; color: #0A3C64; font-size: 1.375rem; line-height: 1.75rem; font-family: "expressway_condensed_bold"; } .fcb-player-slider-wrapper .player-slider-navigation { width: 100%; max-width: 85.375rem; padding-left: 1.5625rem; padding-right: 1.5625rem; margin: 0 auto; margin-top: 2.1875rem; text-align: center; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; position: relative; margin-bottom: 0.3125rem; } .fcb-player-slider-wrapper .player-slider-navigation .navigation-entry { width: 2.1875rem; height: 2.1875rem; border-radius: 50%; background: #961432; text-align: center; position: relative; margin-left: 3.3125rem; cursor: pointer; } .fcb-player-slider-wrapper .player-slider-navigation .navigation-entry span.icon { width: 0.5rem; margin-right: -0.125rem; top: 0.5625rem; position: relative; } .fcb-player-slider-wrapper .player-slider-navigation .navigation-entry span.icon svg { fill: #ffffff; } .fcb-player-slider-wrapper .player-slider-navigation .navigation-entry:first-child { margin-left: 0; margin-right: 3.3125rem; } .fcb-player-slider-wrapper .player-slider-navigation .navigation-entry:first-child span.icon { margin-left: -0.125rem; margin-right: 0; } .fcb-player-slider-wrapper .player-slider-navigation .navigation-entry:first-child:after { content: ''; position: absolute; right: -3.3125rem; height: 2.1875rem; border-right: 2px solid #c9ccd2; } .fcb-player-slider-wrapper .tooltip-content-original { display: none; } a.team-button-wrapper { text-decoration: none; float: right; border: 1px solid #0A3C64; font-family: "expressway_condensed_light"; font-size: 1.125rem; line-height: 1.5rem; line-height: 2.4375rem; border-radius: 0.1875rem; padding-left: 0.5rem; padding-right: 2.5rem; cursor: pointer; top: -0.1875rem; position: absolute; right: 1.5625rem; z-index: 50; } a.team-button-wrapper span.icon { width: 0.875rem; position: absolute; right: 0.5rem; top: 0; vertical-align: middle; } a.team-button-wrapper span.icon svg { vertical-align: middle; } a.team-button-wrapper:hover, a.team-button-wrapper.active { box-shadow: 0 0 0 0.0625rem #0A3C64 inset; } a.team-button-wrapper.visible-medium-small { display: none; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-player-slider-wrapper { padding-left: 1rem; padding-right: 1rem; } .fcb-player-slider-wrapper .player-slider-navigation { padding-left: 0; padding-right: 0; } a.team-button-wrapper { right: 0.25rem; } a.team-button-wrapper.visible-medium-small { display: block; } a.team-button-wrapper.visible-desktop { display: none; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-player-slider-wrapper { padding-left: 0; padding-right: 0; width: 100%; } .fcb-player-slider-wrapper .player-entry-wrapper.swiper-slide-active .player-entry .image-wrapper img { -webkit-transform: scale(2) translate(-34px, 99px); -moz-transform: scale(2) translate(-34px, 99px); transform: scale(2) translate(-34px, 99px); } .fcb-player-slider-wrapper .player-entry-wrapper .player-entry .image-wrapper img { -webkit-transform: translateX(-50%) scale(0.9); -moz-transform: translateX(-50%) scale(0.9); transform: translateX(-50%) scale(0.9); } .fcb-player-slider-wrapper .player-slider-navigation { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 0; } a.team-button-wrapper { position: relative; width: 100%; float: left; clear: both; left: 0; right: 0; margin-top: 1.25rem; } } /* TEAM - PlayerSlider ~ END */ .renewal-entry { padding-top: 1.25rem; padding-bottom: 1.25rem; border-bottom: 1px solid #c9ccd2; } .renewal-entry:first-of-type { padding-top: 0; } @media screen and (min-width: 41.25rem) { .renewal-entry .fcb-row { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } } .renewal-entry-label { margin-bottom: 0.8125rem; } @media screen and (min-width: 41.25rem) { .renewal-entry-label { margin-bottom: 0; } } /* SocialNews ~ START */ .social-news-wrapper .social-news-content-wrapper { margin-left: -0.875rem; margin-right: -0.875rem; overflow: hidden; } .social-news-wrapper .social-news-content-wrapper.is-loading { min-height: 100vh; } .social-news-wrapper .social-news-content-wrapper .social-news-col { float: left; width: 100%; } .social-news-wrapper .social-news-content-wrapper[data-column-count='2'] .social-news-col { width: 50%; } .social-news-wrapper .social-news-content-wrapper[data-column-count='3'] .social-news-col { width: 33.333333%; } .social-news-wrapper .social-news-content-wrapper[data-column-count='4'] .social-news-col { width: 25%; } .social-news-wrapper .social-news-content-wrapper[data-column-count='5'] .social-news-col { width: 25%; } .social-news-wrapper .social-news-content-wrapper[data-column-count='6'] .social-news-col { width: 16.66666666%; } .social-news-wrapper .social-news-content-wrapper .social-news-entry { border-bottom: 2px solid #961432; margin-bottom: 1.25rem; margin-left: 0.875rem; margin-right: 0.875rem; } .social-news-wrapper .social-news-content-wrapper .social-news-entry a { text-decoration: none; color: #961432; } .social-news-wrapper .social-news-content-wrapper .social-news-entry[data-network="Facebook"] .account-name .channel-icon { background-image: url("../assets/socialNews/socialNewsFacebook.svg"); } .social-news-wrapper .social-news-content-wrapper .social-news-entry[data-network="Twitter"] .account-name .channel-icon { background-image: url("../assets/socialNews/socialNewsTwitter.svg"); } .social-news-wrapper .social-news-content-wrapper .social-news-entry[data-network="Instagram"] .account-name .channel-icon { background-image: url("../assets/socialNews/socialNewsInstagram.svg"); } .social-news-wrapper .social-news-content-wrapper .social-news-entry .account-name { font-family: "expressway_bold"; font-size: 0.75rem; line-height: 1.125rem; line-height: 1.375rem; color: #6e7882; background-color: #f8f8f9; padding: 0.9375rem 0.625rem; width: 100%; } .social-news-wrapper .social-news-content-wrapper .social-news-entry .account-name .channel-icon { width: 1.375rem; height: 1.375rem; display: block; float: left; margin-right: 0.625rem; border-radius: 0.125rem; } .social-news-wrapper .social-news-content-wrapper .social-news-entry .message-date-wrapper { padding: 0.3125rem 0.625rem 0.75rem; background-color: #ffffff; } .social-news-wrapper .social-news-content-wrapper .social-news-entry .message-date-wrapper p { font-family: "expressway_light"; color: #6e7882; margin-bottom: 0.75rem; } .social-news-wrapper .social-news-content-wrapper .social-news-entry .message-date-wrapper .date-wrapper, .social-news-wrapper .social-news-content-wrapper .social-news-entry .message-date-wrapper .date-wrapper span { color: #0A3C64; text-transform: uppercase; } .social-news-wrapper .social-news-label-filter { width: 100%; display: block; margin-bottom: 1.875rem; } .social-news-wrapper .social-news-label-filter .label-buttons, .social-news-wrapper .social-news-label-filter .filter { display: inline; } .social-news-wrapper .social-news-label-filter .label-buttons a.button.active:hover, .social-news-wrapper .social-news-label-filter .label-buttons .ui-datepicker div.ui-datepicker-buttonpane button.active:hover, .ui-datepicker div.ui-datepicker-buttonpane .social-news-wrapper .social-news-label-filter .label-buttons button.active:hover { background: #ffffff; color: #961432; border-color: #961432; } .social-news-wrapper .social-news-label-filter .filter { float: right; } .social-news-wrapper .social-news-label-filter .filter a { color: #6e7882; line-height: 1.75rem; text-decoration: none; font-family: "expressway_condensed_light"; position: relative; } .social-news-wrapper .social-news-label-filter .filter a:after { content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 1px; background-color: #e3e5e6; } .social-news-wrapper .social-news-label-filter .social-news-filter { display: none; } .social-news-wrapper .more-link-wrapper { width: 100%; text-align: center; } .social-news-wrapper .more-link-wrapper a.round-button { display: inline-block; } .social-news-wrapper[data-integration-type="single"][data-visible-rows="1"] .social-news-col .social-news-entry:nth-child(n+2) { display: none; } .fcb-tooltip-social-news-filter-wrapper .tooltip-content-arrow { display: none; } .fcb-tooltip-social-news-filter-wrapper .tooltip-content { padding: 1.25rem 2.1875rem 1.25rem 1.25rem; background: #e5e6e7; } .fcb-tooltip-social-news-filter-wrapper .tooltip-content strong { color: #0A3C64; margin-bottom: 0.875rem; display: block; } .fcb-tooltip-social-news-filter-wrapper .tooltip-content a.button, .fcb-tooltip-social-news-filter-wrapper .tooltip-content .ui-datepicker div.ui-datepicker-buttonpane button, .ui-datepicker div.ui-datepicker-buttonpane .fcb-tooltip-social-news-filter-wrapper .tooltip-content button { margin-top: 0.875rem; } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .social-news-wrapper .social-news-content-wrapper { overflow: visible; padding-bottom: 1.9375rem; } .social-news-wrapper .social-news-content-wrapper .social-news-entry { border-bottom: 0; margin: 0; padding-left: 0.8125rem; padding-right: 0.8125rem; } .social-news-wrapper .social-news-content-wrapper .social-news-col { float: none; } .social-news-wrapper .social-news-content-wrapper .swiper-pagination { z-index: -1; position: absolute; bottom: -0.625rem; border-bottom: 2px solid #961432; left: 0.8125rem; right: 0.8125rem; width: auto; padding-bottom: 0.8125rem; } .social-news-wrapper .social-news-content-wrapper .swiper-pagination > span { width: 0.5rem; height: 0.5rem; border: 2px solid #c9ccd2; opacity: 1; background: none; } .social-news-wrapper .social-news-content-wrapper .swiper-pagination > span.swiper-pagination-bullet-active { background-color: #961432; border: none; } .social-news-wrapper .social-news-content-wrapper .swiper-pagination > span:nth-child(n+1) { margin-left: 0.375rem; } .social-news-wrapper[data-integration-type="single"][data-visible-rows="1"] .social-news-col .social-news-entry:nth-child(n+2) { display: block; } } /* SocialNews ~ END */ /* SocialShare ~ START */ .fcb-share.shariff > ul.orientation-vertical > li { display: inline-block; float: left; margin: 0; width: auto; height: auto; border-radius: 0.125rem; margin-left: 0.5625rem; } .fcb-share.shariff > ul.orientation-vertical > li a { width: 1.875rem; height: 1.875rem; background-repeat: no-repeat; background-position: center center; } .fcb-share.shariff > ul.orientation-vertical > li a .share_text { display: none; } .fcb-share.shariff > ul.orientation-vertical > li:first-child { margin-left: 0; } .fcb-share.shariff > ul.orientation-vertical > li.facebook a { background-image: url("../assets/socialNews/transparent/socialShareFacebook.svg"); background-color: #44619D; } .fcb-share.shariff > ul.orientation-vertical > li.facebook a:hover { background-color: #354b79; } .fcb-share.shariff > ul.orientation-vertical > li.twitter a { background-image: url("../assets/socialNews/transparent/socialShareTwitter.svg"); background-color: #1DA1F2; } .fcb-share.shariff > ul.orientation-vertical > li.twitter a:hover { background-color: #0c85d0; } .fcb-share.shariff > ul.orientation-vertical > li.whatsapp { display: none; } .fcb-share.shariff > ul.orientation-vertical > li.whatsapp a { background-image: url("../assets/socialNews/transparent/socialShareWhatsapp.svg"); background-color: #25D366; } .fcb-share.shariff > ul.orientation-vertical > li.whatsapp a:hover { background-color: #1da851; } .fcb-share.shariff > ul.orientation-vertical > li.mail a { background-image: url("../assets/socialNews/transparent/socialShareMail.svg"); background-color: #961432; } .fcb-share.shariff > ul.orientation-vertical > li.mail a:hover { background-color: #690e23; } .fcb-share.shariff > ul.orientation-vertical > li.info a { background-image: url("../assets/socialNews/transparent/socialShareInfo.svg"); } .fcb-share.shariff > ul.orientation-vertical > li.info a a { width: 1.75rem; height: 1.75rem; } body.touch-device .fcb-share.shariff > ul.orientation-vertical > li.whatsapp { display: block; } /* SocialShare ~ END */ /* playerDetails ~ START */ .statistic-entry { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; width: 11.25rem; height: 11.25rem; } .statistic-entry svg { width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .statistic-entry svg { width: 8.5rem; height: 8.5rem; } } .statistic-entry circle { fill-opacity: 0; stroke-miterlimit: 10; stroke-width: 3; } .statistic-entry:before { border: 0.1875rem #961432 solid; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .statistic-entry { width: 8.5rem; height: 8.5rem; } } .statistic-entry-label { display: block; margin-left: 1.25rem; margin-right: 1.25rem; font-size: 1rem; line-height: 1rem; color: #961432; text-align: center; text-transform: uppercase; } .statistic-entry-value { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } .statistic-entry-value-divider, .statistic-entry-value-reference, .statistic-entry-value-dynamic { font-size: 3.375rem; line-height: 3.75rem; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .statistic-entry-value-divider, .statistic-entry-value-reference, .statistic-entry-value-dynamic { font-size: 2.5rem; line-height: 3rem; } } .statistic-entry-value-divider { color: #961432; } .statistic-entry-value-reference { color: #6e7882; } .statistic-entry-value-dynamic { color: #961432; } .statistic-entry-total { stroke: #c9ccd2; } .statistic-entry-progress { display: none; } .js-enabled[data-reference-value] .statistic-entry-progress { display: block; stroke: #961432; stroke-linecap: round; } .player-info { position: relative; } .player-info-number { font-family: "expressway_condensed_bold"; font-size: 5.625rem; line-height: 4.75rem; color: #0A3C64; display: block; } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .player-info-number { font-size: 4.5rem; line-height: 3.8125rem; } } .player-info-name { font-family: "expressway_condensed_bold"; font-size: 3.375rem; line-height: 3.375rem; color: #0A3C64 !important; text-transform: uppercase; } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .player-info-name { font-size: 2.75rem; line-height: 2.75rem; } } .player-info-position { font-family: "expressway_condensed_light"; font-size: 3.375rem; line-height: 3.75rem; color: #961432; letter-spacing: -0.125rem; text-transform: uppercase; margin-top: 0.625rem; display: block; } .player-info-position:before { content: ''; width: 50%; height: 0.1875rem; background-color: #961432; position: absolute; bottom: 3.625rem; left: 0; } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .player-info-position { font-size: 2.5rem; line-height: 3.75rem; } .player-info-position:before { bottom: 3.375rem; } } .player-socialmedia { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .player-socialmedia-item { width: 1.9375rem; height: 1.9375rem; border-radius: 0.125rem; margin-right: 0.625rem; } .player-socialmedia-item:last-child { margin-right: 0; } .player-socialmedia-item .icon { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .player-socialmedia-item.is-facebook { background-color: #44619D; } .player-socialmedia-item.is-facebook .icon { width: 1.125rem; } .player-socialmedia-item.is-twitter { background-color: #1DA1F2; } .player-socialmedia-item.is-twitter .icon { width: 1.125rem; fill: #000; } .player-socialmedia-item.is-instagram { background-color: #fff; } .player-socialmedia-item.is-instagram .icon { width: 1.125rem; } .player-socialmedia-item.is-instagram .icon.is-white path { fill: #000; } .player-socialmedia-item.is-youtube { background-color: #e62117; } .player-socialmedia-item.is-youtube .icon { width: 1.5rem; } .player-socialmedia-item.is-snapchat { background-color: #fffc00; } .player-socialmedia-item.is-snapchat .icon { width: 1.375rem; } .player-socialmedia-item.is-snapchat .icon svg { stroke: black; stroke-width: 20px; } .player-socialmedia-link { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; width: 100%; height: 100%; } .player-bio { margin-bottom: 0; margin-left: 0; } .player-bio-long .player-bio-entry { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; padding-top: 1.1875rem; padding-bottom: 1.1875rem; padding-left: 0.5rem; padding-right: 0.5rem; } .player-bio-long .player-bio-entry:nth-child(even) { background-color: #fff; } .player-bio-long .player-bio-entry:nth-child(odd) { background-color: #f8f8f9; } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .player-bio-long .player-bio-entry { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-top: 0.9375rem; padding-bottom: 0.9375rem; } } .player-bio-long .player-bio-label { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; font-family: "expressway_bold"; } .player-bio-long .player-bio-value { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; } .player-bio-short { text-align: center; } .player-bio-short .player-bio-entry { position: relative; margin-bottom: 1.875rem; } .player-bio-short .player-bio-entry:after { content: ''; height: 0.125rem; width: 2.25rem; position: absolute; bottom: -1rem; left: 50%; margin-left: -1.125rem; background-color: #961432; } .player-bio-short .player-bio-entry:last-of-type:after { display: none; } .player-bio-short .player-bio-label { font-family: "expressway_condensed_bold"; font-size: 1.125rem; line-height: 1.5rem; text-transform: uppercase; color: #0A3C64; display: block; } .player-bio-short .player-bio-value { font-family: "expressway_bold"; font-size: 0.75rem; line-height: 1.1875rem; color: #6e7882; display: block; } /* playerDetails ~ END */ /* AdBanner ~ START */ .fcb-container.fcb-ad-banner-container { margin-bottom: 0; background: #e5e6e7; } .fcb-container.fcb-ad-banner-container.background-grey { padding-bottom: 0; padding-top: 0; } .fcb-container.fcb-ad-banner-container.background-grey:after { background-color: transparent; } .fcb-container.fcb-ad-banner-container > .fcb-row { max-width: 82.25rem; margin: 0 auto; } .fcb-container.fcb-ad-banner-container > .fcb-row > div { padding-left: 0; padding-right: 0; } .fcb-container.fcb-ad-banner-container .fcb-ad-banner.low-banner .image-wrapper { padding-bottom: 5.32%; } .fcb-container.fcb-ad-banner-container .fcb-ad-banner.low-banner .image-wrapper.loaded { padding-bottom: 0; } .fcb-container.fcb-ad-banner-container .fcb-ad-banner.low-banner iframe { width: 100%; height: 5.5rem; } .fcb-container.fcb-ad-banner-container .fcb-ad-banner.high-banner, .fcb-container.fcb-ad-banner-container .fcb-ad-banner.mid-banner, .fcb-container.fcb-ad-banner-container .fcb-ad-banner.multi-banner, .fcb-container.fcb-ad-banner-container .fcb-ad-banner.low-banner { padding-top: 1.25rem; padding-bottom: 1.25rem; } .fcb-container.fcb-ad-banner-container .fcb-ad-banner.mid-banner .image-wrapper { padding-bottom: 11.247%; } .fcb-container.fcb-ad-banner-container .fcb-ad-banner.mid-banner .image-wrapper.loaded { padding-bottom: 0; } .fcb-container.fcb-ad-banner-container .fcb-ad-banner.mid-banner iframe { width: 100%; height: 9.5rem; } .fcb-container.fcb-ad-banner-container .fcb-ad-banner.high-banner .image-wrapper { padding-bottom: 35.715%; } .fcb-container.fcb-ad-banner-container .fcb-ad-banner.high-banner .image-wrapper.loaded { padding-bottom: 0; } .fcb-container.fcb-ad-banner-container .fcb-ad-banner.high-banner iframe { width: 100%; height: 29.375rem; } .fcb-container.fcb-ad-banner-container .fcb-ad-banner.multi-banner { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; margin-left: -0.875rem; margin-right: -0.875rem; } .fcb-container.fcb-ad-banner-container .fcb-ad-banner.multi-banner.version-66-33 > *:first-child, .fcb-container.fcb-ad-banner-container .fcb-ad-banner.multi-banner.version-33-66 > *:last-child { width: 66.6666666%; } .fcb-container.fcb-ad-banner-container .fcb-ad-banner.multi-banner.version-66-33 > *:first-child .image-wrapper, .fcb-container.fcb-ad-banner-container .fcb-ad-banner.multi-banner.version-33-66 > *:last-child .image-wrapper { padding-bottom: 17.18%; } .fcb-container.fcb-ad-banner-container .fcb-ad-banner.multi-banner.version-66-33 > *:first-child .image-wrapper.loaded, .fcb-container.fcb-ad-banner-container .fcb-ad-banner.multi-banner.version-33-66 > *:last-child .image-wrapper.loaded { padding-bottom: 0; } .fcb-container.fcb-ad-banner-container .fcb-ad-banner.multi-banner > * { display: block; width: 33.33333333%; padding-left: 0.875rem; padding-right: 0.875rem; } .fcb-container.fcb-ad-banner-container .fcb-ad-banner.multi-banner .image-wrapper { padding-bottom: 35.718%; } .fcb-container.fcb-ad-banner-container .fcb-ad-banner.multi-banner .image-wrapper.loaded { padding-bottom: 0; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-container.fcb-ad-banner-container .fcb-ad-banner.low-banner .image-wrapper { padding-bottom: 6.816%; } .fcb-container.fcb-ad-banner-container .fcb-ad-banner.mid-banner .image-wrapper { padding-bottom: 14.548%; } .fcb-container.fcb-ad-banner-container .fcb-ad-banner.high-banner .image-wrapper { padding-bottom: 35.606%; } .fcb-container.fcb-ad-banner-container .fcb-ad-banner.multi-banner { margin-left: -0.5rem; margin-right: -0.5rem; } .fcb-container.fcb-ad-banner-container .fcb-ad-banner.multi-banner.version-66-33 > *:first-child .image-wrapper, .fcb-container.fcb-ad-banner-container .fcb-ad-banner.multi-banner.version-33-66 > *:last-child .image-wrapper { padding-bottom: 21.962%; } .fcb-container.fcb-ad-banner-container .fcb-ad-banner.multi-banner > { padding-left: 0.5rem; padding-right: 0.5rem; } .fcb-container.fcb-ad-banner-container .fcb-ad-banner.multi-banner .image-wrapper { padding-bottom: 45.956%; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-container.fcb-ad-banner-container .fcb-ad-banner.low-banner .image-wrapper { padding-bottom: 12.52%; } .fcb-container.fcb-ad-banner-container .fcb-ad-banner.mid-banner .image-wrapper { padding-bottom: 30.675%; } .fcb-container.fcb-ad-banner-container .fcb-ad-banner.high-banner .image-wrapper { padding-bottom: 61.19%; } .fcb-container.fcb-ad-banner-container .fcb-ad-banner.multi-banner { display: block; margin-left: 0; margin-right: 0; } .fcb-container.fcb-ad-banner-container .fcb-ad-banner.multi-banner > * { padding-left: 0; padding-right: 0; width: 100% !important; -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; display: block; margin-bottom: 0.9375rem; } .fcb-container.fcb-ad-banner-container .fcb-ad-banner.multi-banner > *:last-child { margin-bottom: 0rem; } .fcb-container.fcb-ad-banner-container .fcb-ad-banner.multi-banner .image-wrapper { padding-bottom: 30.675%; } } /* AdBanner ~ END */ /* Disclaimer ~ START */ .cookie-disclaimer { z-index: 100; position: fixed; bottom: 0; width: 100%; border-top: solid 2px #961432; background-color: #6E0A28; } .cookie-disclaimer.static { position: static; } .cookie-disclaimer.hidden { display: none; } .cookie-disclaimer .disclaimer-cookie-box { margin-bottom: 1.125rem; } .cookie-disclaimer .disclaimer-cookie-box .fcb-row { margin-bottom: 0; } .cookie-disclaimer .disclaimer-cookie-box .disclaimer-cookie-content { width: 80%; } .cookie-disclaimer .disclaimer-cookie-box .disclaimer-cookie-content h3 { margin-bottom: -0.3125rem; margin-top: 0.375rem; font-size: 1rem; color: #ffffff; font-family: "expressway_bold"; } .cookie-disclaimer .disclaimer-cookie-box .disclaimer-cookie-content .cookie-span { font-size: 0.875rem; color: #ffffff; font-family: "expressway_light"; } .cookie-disclaimer .disclaimer-cookie-box .disclaimer-cookie-content .cookie-span a { color: #ffffff; text-decoration: underline; } .cookie-disclaimer .disclaimer-cookie-box .button { float: right; background: transparent; margin-top: 1rem; border: 2px solid #ffffff; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .cookie-disclaimer .disclaimer-cookie-box .button:hover { background: #ffffff; color: #961432; } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .cookie-disclaimer .disclaimer-cookie-box { margin-left: 0.75rem; } } /* Disclaimer ~ END */ /* PartnerBar ~ START */ .partner-bar h2 { text-transform: uppercase; color: #961432; margin-top: 1.25rem; } .partner-bar h2 .last-word .underline { background: #961432; } .partner-bar .partner-wrapper { margin-left: -0.875rem; overflow: hidden; } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .partner-bar .partner-wrapper { margin-left: -0.125rem; } } .partner-bar .partner-wrapper .partner { width: 22.2%; margin-bottom: 0.875rem; padding-left: 0.875rem; cursor: pointer; float: left; } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .partner-bar .partner-wrapper .partner { width: 50%; margin-bottom: 0.125rem; padding-left: 0.125rem; } } .partner-bar .partner-wrapper .partner.main-partner:nth-child(2) { clear: left; } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .partner-bar .partner-wrapper .partner.main-partner { width: 40%; clear: none; } } .partner-bar .partner-wrapper .partner.platin-partner, .partner-bar .partner-wrapper .partner.gold-partner { width: 20%; } .partner-bar .partner-wrapper .partner.platin-partner:nth-child(5n+6), .partner-bar .partner-wrapper .partner.gold-partner:nth-child(5n+6) { clear: left; } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .partner-bar .partner-wrapper .partner.platin-partner, .partner-bar .partner-wrapper .partner.gold-partner { width: 33.3333333333333%; } .partner-bar .partner-wrapper .partner.platin-partner:nth-child(5n+6), .partner-bar .partner-wrapper .partner.gold-partner:nth-child(5n+6) { clear: none; } .partner-bar .partner-wrapper .partner.platin-partner:nth-child(3n+4), .partner-bar .partner-wrapper .partner.gold-partner:nth-child(3n+4) { clear: left; } } .partner-bar .partner-wrapper .partner.classic-partner { width: 16.6666666%; margin-bottom: 0.875rem; } .partner-bar .partner-wrapper .partner.classic-partner:nth-child(7n+7) { clear: left; } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .partner-bar .partner-wrapper .partner.classic-partner { width: 33.3333333333333%; margin-bottom: 0.125rem; } .partner-bar .partner-wrapper .partner.classic-partner:nth-child(7n+7) { clear: none; } .partner-bar .partner-wrapper .partner.classic-partner:nth-child(3n+4) { clear: left; } } .partner-bar .partner-wrapper .partner img { width: 100%; } /* PartnerBar ~ END */ /* Newsletter Registration ~ START */ .fcb-newsletter-registration { background: #f8f8f9; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .fcb-newsletter-registration .left-pane { padding: 1.3125rem 0.8125rem 1.25rem 1.25rem; -webkit-box-flex: 5; -webkit-flex: 5; -moz-box-flex: 5; -moz-flex: 5; -ms-flex: 5; flex: 5; } .fcb-newsletter-registration .left-pane h3 { color: #0A3C64; margin-bottom: 0.8125rem; width: 100%; font-size: 1.375rem; line-height: 1.75rem; } .fcb-newsletter-registration .left-pane .form-element-wrappper { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; width: 100%; margin-bottom: 0.5625rem; } .fcb-newsletter-registration .left-pane .form-element-wrappper > div { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; } .fcb-newsletter-registration .left-pane a.button, .fcb-newsletter-registration .left-pane .ui-datepicker div.ui-datepicker-buttonpane button, .ui-datepicker div.ui-datepicker-buttonpane .fcb-newsletter-registration .left-pane button { float: right; margin-right: 0.4375rem; } .fcb-newsletter-registration .left-pane .link-list { float: left; margin-top: -0.3125rem; margin-bottom: 0; } .fcb-newsletter-registration .left-pane .link-list a { font-size: 1rem; line-height: 1.375rem; font-family: "expressway_condensed_light"; text-decoration: none; border-bottom: 1px solid #c9ccd2; } .fcb-newsletter-registration .left-pane .fcb-form-element.fcb-form-input.input-text { margin: 0; padding-top: 1px; padding-bottom: 1px; padding-left: 0; padding-right: 0; } .fcb-newsletter-registration .left-pane .fcb-newsletter-type a.newsletter-type { width: 100%; background-color: #ffffff; border: 1px solid #c9ccd2; border-radius: 2px; display: block; font-size: 1.125rem; line-height: 1.5rem; line-height: 2.625rem; font-family: "expressway_condensed_light"; text-decoration: none; padding-left: 0.375rem; padding-right: 0.375rem; position: relative; } .fcb-newsletter-registration .left-pane .fcb-newsletter-type a.newsletter-type.active { border-color: #0A3C64; box-shadow: 0 0 0 1px #0A3C64; } .fcb-newsletter-registration .left-pane .fcb-newsletter-type a.newsletter-type span.icon { display: block; position: absolute; right: 0.625rem; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 1rem; height: 0.5625rem; } .fcb-newsletter-registration .left-pane .fcb-newsletter-type a.newsletter-type span.icon svg { display: block; width: 1rem; height: 0.5625rem; } .fcb-newsletter-registration .left-pane .fcb-newsletter-type.fcb-newsletter-type.error a.newsletter-type { border-color: #6E0A28; box-shadow: 0 0 0 1px #6E0A28; } .fcb-newsletter-registration .left-pane .fcb-newsletter-type .tooltip-select-box { display: none; } .fcb-newsletter-registration .picture-wrapper { -webkit-box-flex: 2; -webkit-flex: 2; -moz-box-flex: 2; -moz-flex: 2; -ms-flex: 2; flex: 2; width: 23.6875rem; overflow: hidden; position: relative; border-left: 1px solid #c9ccd2; } .fcb-newsletter-registration .picture-wrapper .image-wrapper { position: absolute; max-width: 100%; right: 0; bottom: 0; } .fcb-gr-8 .fcb-newsletter-registration .picture-wrapper { width: 13.375rem; min-width: 13.375rem; max-width: 13.375rem; } .fcb-gr-6 .fcb-newsletter-registration a.button, .fcb-gr-6 .fcb-newsletter-registration .ui-datepicker div.ui-datepicker-buttonpane button, .ui-datepicker div.ui-datepicker-buttonpane .fcb-gr-6 .fcb-newsletter-registration button, .fcb-gr-4 .fcb-newsletter-registration a.button, .fcb-gr-4 .fcb-newsletter-registration .ui-datepicker div.ui-datepicker-buttonpane button, .ui-datepicker div.ui-datepicker-buttonpane .fcb-gr-4 .fcb-newsletter-registration button { font-size: 0.875rem; line-height: 0.875rem; padding: 0.375rem 0.625rem; } .fcb-gr-6 .fcb-newsletter-registration .left-pane .form-element-wrappper, .fcb-gr-4 .fcb-newsletter-registration .left-pane .form-element-wrappper { margin-bottom: 0.3125rem; } .fcb-gr-6 .fcb-newsletter-registration.image-included .left-pane { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: wrap; -moz-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; } .fcb-gr-6 .fcb-newsletter-registration.image-included .left-pane .link-list { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1; width: 100%; margin-top: 0.5rem; } .fcb-gr-6 .fcb-newsletter-registration.image-included a.button, .fcb-gr-6 .fcb-newsletter-registration.image-included .ui-datepicker div.ui-datepicker-buttonpane button, .ui-datepicker div.ui-datepicker-buttonpane .fcb-gr-6 .fcb-newsletter-registration.image-included button { float: left; clear: left; } .fcb-gr-6 .fcb-newsletter-registration .picture-wrapper { width: 13.875rem; min-width: 13.875rem; max-width: 13.875rem; } .fcb-gr-4 .fcb-newsletter-registration { display: block; } .fcb-gr-4 .fcb-newsletter-registration .left-pane, .fcb-gr-4 .fcb-newsletter-registration .picture-wrapper { -webkit-box-flex: 0; -webkit-flex: 0; -moz-box-flex: 0; -moz-flex: 0; -ms-flex: 0; flex: 0; width: 100%; display: block; } .fcb-gr-4 .fcb-newsletter-registration .left-pane { overflow: hidden; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: wrap; -moz-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; } .fcb-gr-4 .fcb-newsletter-registration .left-pane .form-element-wrappper { display: block; } .fcb-gr-4 .fcb-newsletter-registration .left-pane .form-element-wrappper > div { width: 100%; } .fcb-gr-4 .fcb-newsletter-registration .left-pane .link-list { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1; width: 100%; margin-top: 0.5rem; } .fcb-gr-4 .fcb-newsletter-registration a.button, .fcb-gr-4 .fcb-newsletter-registration .ui-datepicker div.ui-datepicker-buttonpane button, .ui-datepicker div.ui-datepicker-buttonpane .fcb-gr-4 .fcb-newsletter-registration button { float: left; clear: both; margin: 0; } .fcb-gr-4 .fcb-newsletter-registration .picture-wrapper { border: none; } .fcb-gr-4 .fcb-newsletter-registration .picture-wrapper .image-wrapper { position: static; } .fcb-newsletter-registration .fcb-form-element-wrapper.error .fcb-form-error { display: block; } .fcb-newsletter-registration .fcb-newsletter-registration-overlay-content { display: none; } .fcb-newsletter-email, .fcb-newsletter-type { margin-right: 0.4375rem; } .fcb-newsletter-email strong, .fcb-newsletter-type strong { display: block; color: #0A3C64; margin-bottom: 0.5rem; } .fcb-newsletter-email .fcb-input-wrapper, .fcb-newsletter-type .fcb-input-wrapper { background: #ffffff; } .fcb-newsletter-email .fcb-form-error, .fcb-newsletter-type .fcb-form-error { display: none; } body > .fcb-newsletter-registration-overlay-content { display: block; position: fixed; top: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.8); z-index: 600; height: 100vh; } body > .fcb-newsletter-registration-overlay-content .content-wrapper { max-width: 61.4375rem; margin: 0 auto; padding: 1.875rem 1.25rem; border-radius: 0.1875rem; background: #ffffff; top: 50%; position: relative; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); overflow: hidden; max-height: 100vh; } body > .fcb-newsletter-registration-overlay-content .content-wrapper a.close { width: 1.875rem; height: 1.875rem; display: block; border: 2px solid #6e7882; border-radius: 50%; position: absolute; right: 1.25rem; top: 1.25rem; } body > .fcb-newsletter-registration-overlay-content .content-wrapper a.close span.icon { width: 1rem; height: 1rem; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } body > .fcb-newsletter-registration-overlay-content .content-wrapper a.close span.icon svg { fill: #6e7882; } body > .fcb-newsletter-registration-overlay-content h5 { font-size: 1.5rem; line-height: 1.875rem; color: #0A3C64; margin-bottom: 0.5625rem; padding-right: 3.75rem; } body > .fcb-newsletter-registration-overlay-content p { color: #6e7882; font-size: 0.875rem; line-height: 1.25rem; } body > .fcb-newsletter-registration-overlay-content .step-display { text-align: center; margin-top: 1.75rem; margin-bottom: 0.9375rem; padding-bottom: 1rem; border-bottom: 1px solid #c9ccd2; } body > .fcb-newsletter-registration-overlay-content .step { display: inline-block; width: 11.25rem; vertical-align: top; margin-left: 4.375rem; } body > .fcb-newsletter-registration-overlay-content .step:first-child { margin-left: 0; } body > .fcb-newsletter-registration-overlay-content .step .circle { width: 11.25rem; height: 11.25rem; line-height: 10.5625rem; text-align: center; font-size: 3.125rem; border: 0.1875rem solid #c9ccd2; border-radius: 50%; color: #6e7882; position: relative; } body > .fcb-newsletter-registration-overlay-content .step .circle .red-colored { color: #961432; } body > .fcb-newsletter-registration-overlay-content .step .circle svg { position: absolute; width: 11.875rem; height: 11.875rem; top: -0.5rem; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); pointer-events: none; } body > .fcb-newsletter-registration-overlay-content .step .circle svg path { -webkit-transition: 1.4s; -moz-transition: 1.4s; transition: 1.4s; stroke-dasharray: 204; stroke-dashoffset: 204; fill: none; stroke: #961432; stroke-width: 1; } body > .fcb-newsletter-registration-overlay-content .step b { font-size: 1.125rem; line-height: 1.5rem; color: #0A3C64; margin-top: 0.5625rem; display: block; } body > .fcb-newsletter-registration-overlay-content.animate-circle .step:nth-child(1) .circle svg path { stroke-dashoffset: 136; } body > .fcb-newsletter-registration-overlay-content.animate-circle .step:nth-child(2) .circle svg path { stroke-dashoffset: 68; } body > .fcb-newsletter-registration-overlay-content.animate-circle .step:nth-child(3) .circle svg path { stroke-dashoffset: 0; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-newsletter-registration .left-pane .form-element-wrappper { display: block; } .fcb-gr-6\@medium .fcb-newsletter-registration a.button, .fcb-gr-6\@medium .fcb-newsletter-registration .ui-datepicker div.ui-datepicker-buttonpane button, .ui-datepicker div.ui-datepicker-buttonpane .fcb-gr-6\@medium .fcb-newsletter-registration button, .fcb-newsletter-registration.image-included a.button, .fcb-newsletter-registration.image-included .ui-datepicker div.ui-datepicker-buttonpane button, .ui-datepicker div.ui-datepicker-buttonpane .fcb-newsletter-registration.image-included button { float: left; clear: both; margin-left: 0; margin-top: 0.5rem; } .fcb-gr-6 .fcb-newsletter-registration, .fcb-gr-6\@medium .fcb-newsletter-registration { display: block; } .fcb-gr-6 .fcb-newsletter-registration .left-pane, .fcb-gr-6\@medium .fcb-newsletter-registration .left-pane { width: 100%; overflow: hidden; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: wrap; -moz-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; } .fcb-gr-6 .fcb-newsletter-registration .left-pane .form-element-wrappper, .fcb-gr-6\@medium .fcb-newsletter-registration .left-pane .form-element-wrappper { display: block; } .fcb-gr-6 .fcb-newsletter-registration .left-pane .form-element-wrappper > div, .fcb-gr-6\@medium .fcb-newsletter-registration .left-pane .form-element-wrappper > div { width: 100%; } .fcb-gr-6 .fcb-newsletter-registration .left-pane a.button, .fcb-gr-6 .fcb-newsletter-registration .left-pane .ui-datepicker div.ui-datepicker-buttonpane button, .ui-datepicker div.ui-datepicker-buttonpane .fcb-gr-6 .fcb-newsletter-registration .left-pane button, .fcb-gr-6\@medium .fcb-newsletter-registration .left-pane a.button, .fcb-gr-6\@medium .fcb-newsletter-registration .left-pane .ui-datepicker div.ui-datepicker-buttonpane button, .ui-datepicker div.ui-datepicker-buttonpane .fcb-gr-6\@medium .fcb-newsletter-registration .left-pane button { margin-top: 0; } .fcb-gr-6 .fcb-newsletter-registration .left-pane .link-list, .fcb-gr-6\@medium .fcb-newsletter-registration .left-pane .link-list { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1; width: 100%; margin-top: 0.5rem; } .fcb-gr-6 .fcb-newsletter-registration .picture-wrapper, .fcb-gr-6\@medium .fcb-newsletter-registration .picture-wrapper { border: none; width: 100%; max-width: 100%; min-width: 100%; } .fcb-gr-6 .fcb-newsletter-registration .picture-wrapper .image-wrapper, .fcb-gr-6\@medium .fcb-newsletter-registration .picture-wrapper .image-wrapper { position: static; } .fcb-newsletter-registration .picture-wrapper { -webkit-box-flex: 0; -webkit-flex: 0; -moz-box-flex: 0; -moz-flex: 0; -ms-flex: 0; flex: 0; width: 300px; min-width: 300px; max-width: 300px; } body > .fcb-newsletter-registration-overlay-content .content-wrapper { max-width: 95vw; } body > .fcb-newsletter-registration-overlay-content .step { width: 8.4375rem; } body > .fcb-newsletter-registration-overlay-content .step .circle { width: 8.4375rem; height: 8.4375rem; font-size: 2.5rem; line-height: 7.6875rem; } body > .fcb-newsletter-registration-overlay-content .step .circle svg { top: -0.4375rem; width: 8.9375rem; height: 8.9375rem; } body > .fcb-newsletter-registration-overlay-content .step .circle svg path { stroke-width: 1.3; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-newsletter-registration { display: block; } .fcb-newsletter-registration .left-pane { width: 100%; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: wrap; -moz-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; } .fcb-newsletter-registration .left-pane a.button, .fcb-newsletter-registration .left-pane .ui-datepicker div.ui-datepicker-buttonpane button, .ui-datepicker div.ui-datepicker-buttonpane .fcb-newsletter-registration .left-pane button { margin-top: 0; } .fcb-newsletter-registration .left-pane .link-list { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1; width: 100%; margin-top: 0.5rem; } .fcb-newsletter-registration .picture-wrapper { border: none; width: 100%; max-width: 100%; min-width: 100%; } .fcb-newsletter-registration .picture-wrapper .image-wrapper { position: static; } body > .fcb-newsletter-registration-overlay-content .content-wrapper { max-width: 100%; top: 0; -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); border-radius: 0; } body > .fcb-newsletter-registration-overlay-content .step { width: 100%; margin-left: 0; margin-bottom: 0.9375rem; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } body > .fcb-newsletter-registration-overlay-content .step .text-label-wrapper { padding-left: 0.9375rem; -webkit-box-flex: 2; -webkit-flex: 2 1 auto; -moz-box-flex: 2; -moz-flex: 2 1 auto; -ms-flex: 2 1 auto; flex: 2 1 auto; position: relative; width: 100%; } body > .fcb-newsletter-registration-overlay-content .step .text-label-wrapper b { position: absolute; display: block; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: left; margin-top: 0; } body > .fcb-newsletter-registration-overlay-content .step .circle { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-box-flex: 1; -moz-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; width: 6.25rem; height: 6.25rem; font-size: 2.5rem; line-height: 5.5rem; } body > .fcb-newsletter-registration-overlay-content .step .circle svg { top: -0.375rem; width: 6.625rem; height: 6.625rem; } body > .fcb-newsletter-registration-overlay-content .step .circle svg path { stroke-width: 1.6; } } .button.newsletter-logout { margin-top: 0.9375rem; } /* Newsletter Registration ~ END */ /* Event ~ START */ .appointment-entry.is-toggleable .appointment-header { cursor: pointer; } .appointment-entry.is-toggleable .appointment-header svg { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: ease-in-out; -moz-transition-duration: ease-in-out; transition-duration: ease-in-out; -webkit-transition-duration: 0.275s; -moz-transition-duration: 0.275s; transition-duration: 0.275s; } .appointment-entry.is-toggleable .appointment-body { height: 0; } .appointment-entry.is-open .appointment-header svg { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .appointment-entry.is-open .appointment-body { height: auto; } .appointment-header { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; background-color: #e5e6e7; min-height: 4.5625rem; padding-left: 0.625rem; } .appointment-header-content { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; padding-top: 0.3125rem; padding-bottom: 0.3125rem; } .appointment-header-toggle { margin-right: 0.9375rem; margin-left: 0.9375rem; display: none; } .is-toggleable .appointment-header-toggle { display: block; } .appointment-header-toggle .icon { width: 1rem; } .appointment-header-toggle .icon path { fill: #0A3C64; } .appointment-image { width: 3.5rem; margin-right: 0.625rem; text-align: center; } .appointment-headline { font-size: 1rem; line-height: 1.375rem; font-family: "expressway_bold"; color: #961432 !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .appointment-info { font-size: 0.75rem; line-height: 1.125rem; margin-bottom: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .appointment-additional-info { font-size: 0.75rem; line-height: 1.125rem; margin-bottom: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .appointment-time { font-family: "expressway_bold"; color: #6e7882 !important; font-size: 1rem; line-height: 1.375rem; } .appointment-body { overflow: hidden; border-bottom: 2px solid #c9ccd2; } .can-animate .appointment-body { -webkit-transition: height 0.275s ease-in-out; -moz-transition: height 0.275s ease-in-out; transition: height 0.275s ease-in-out; } .appointment-body-wrapper { padding-top: 0.9375rem; padding-right: 0.625rem; padding-bottom: 1.25rem; padding-left: 0.625rem; border-left: 1px solid #e5e6e7; border-right: 1px solid #e5e6e7; } .appointment-location { font-family: "expressway_light"; color: #6e7882; font-size: 1rem; line-height: 1.375rem; margin-bottom: 0; } .appointment-save { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; float: left; text-decoration: none; font-family: "expressway_light"; color: #961432; font-size: 0.75rem; line-height: 1.125rem; } .appointment-save:hover .appointment-save-label { border-color: #961432; } .appointment-save .icon { width: 1rem; margin-right: 0.625rem; } .appointment-save path { fill: #961432; } .appointment-save-label { border-bottom: 1px solid transparent; } .appointment-actions { margin-top: 0.625rem; } .appointment-actions:after { content: ''; clear: both; display: block; visibility: hidden; height: 0rem; } .appointment-actions.has-link .appointment-save { position: relative; top: 0.3125rem; } .appointment-button { float: right; } .appointment-unconfirmed { position: relative; display: inline-block; color: #961432; font-family: "expressway_light"; text-transform: none; border: 0.125rem solid #961432; border-radius: 0.1875rem; font-size: 0.75rem; line-height: 0.75rem; padding: 0.1875rem; padding-top: 0.0625rem; padding-bottom: 0.125rem; margin-bottom: 0.375rem; } .matchplan-link { position: relative; display: block; text-decoration: none; } .matchplan-link-label { font-family: "expressway_condensed_bold"; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); color: #fff; font-size: 1.375rem; line-height: 1.75rem; position: absolute; bottom: 0.625rem; left: 0.625rem; position: absolute; z-index: 2; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .matchplan-link-label { font-size: 1.125rem; line-height: 1.5rem; } } .matchplan-link-image { -webkit-filter: saturate(0); filter: saturate(0); vertical-align: top; } /* Event Tips ~ END */ /* GameFacts ~ START */ .fcb-game-facts { margin-top: 1.125rem; margin-bottom: 2.5rem; border: 1px solid #c9ccd2; } .fcb-game-facts h5 { font-size: 1.375rem; line-height: 1.75rem; font-family: "expressway_condensed_bold"; text-transform: uppercase; padding: 0.8125rem 0.625rem 0.875rem 0.625rem; } .fcb-game-facts h5 span { color: #961432; text-transform: none; } .fcb-game-facts ul { margin: 0; } .fcb-game-facts ul li { list-style-type: none; padding: 0.8125rem 0.625rem 0.875rem 0.625rem; border-bottom: 2px solid #c9ccd2; } .fcb-game-facts ul li:last-child { border-bottom: 0; } .fcb-game-facts ul li hr { border: none; height: 1px; background-color: #c9ccd2; margin-top: 0; margin-bottom: 1rem; } .fcb-game-facts ul li hr:first-child { display: none; } .fcb-game-facts ul li.liveticker { padding-top: 0; padding-bottom: 0; border-bottom: none; } .fcb-game-facts ul li.liveticker a.button, .fcb-game-facts ul li.liveticker .ui-datepicker div.ui-datepicker-buttonpane button, .ui-datepicker div.ui-datepicker-buttonpane .fcb-game-facts ul li.liveticker button { margin-left: -0.625rem; margin-right: -0.625rem; padding-left: 0.625rem; padding-right: 0.625rem; color: #ffffff; background-color: #e6b4be; border-color: #e6b4be; display: block; border-radius: 0; font-family: "expressway_condensed_bold"; text-transform: none; } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-game-facts h5 { font-size: 1.125rem; line-height: 1.5rem; } .fcb-game-facts h5 span { width: 100%; display: block; } } /* GameFacts ~ END */ /* VideoBenefit ~ START */ /************************************** * OVERRIDES **************************************/ .main-page-wrapper .fcb-container.full-width.fcb-video-benefits { padding-left: 0rem; padding-right: 0rem; } .fcb-container.layout-container.fcb-video-benefits { padding-top: 1.4375rem; padding-bottom: 0rem; } .fcb-container.layout-container.fcb-video-benefits h2 { line-height: normal; margin-bottom: 1.375rem; } @media screen and (max-width: 63.9375rem) { .fcb-container.layout-container.fcb-video-benefits { padding-top: 1.25rem; } .fcb-container.layout-container.fcb-video-benefits h2 { margin-bottom: 0.625rem; } } .main-page-wrapper .fcb-container.fcb-video-benefits > .fcb-row { margin-bottom: 0rem; } @media screen and (max-width: 41.25rem) { .main-page-wrapper .fcb-container.fcb-video-benefits > .fcb-row.fcb-benefit-advantages { margin-right: -0.8125rem; } } @media screen and (max-width: 41.25rem) { .main-content-wrapper .fcb-container.fcb-video-benefits > .fcb-row > div { padding: 0; } } /************************************** * PAGE STYLES **************************************/ .fcb-video-benefits { position: relative; /* HEADLINES OF VIDEO BENEFITS PAGE */ } .fcb-video-benefits.border-bottom:after { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); content: ''; background-color: #e5e6e7; display: block; position: absolute; bottom: 0; left: 50%; width: 100vw; height: 0.375rem; } .fcb-video-benefits.background-grey { background-color: #e5e6e7; } .fcb-video-benefits .label-title-video { display: none; font-family: "expressway_bold"; padding-top: 0.8125rem; padding-bottom: 0.875rem; padding-left: 0.8125rem; } .fcb-video-benefits h2 { font-family: "expressway_condensed_light"; text-transform: uppercase; color: #961432; text-align: center; display: block; } .fcb-video-benefits h2.gold { color: #C8AA78; } @media screen and (max-width: 63.9375rem) { .fcb-video-benefits h2 { font-size: 2.125rem; line-height: 2.5rem; } } @media screen and (max-width: 41.25rem) { .fcb-video-benefits .label-title-video { display: block; } } /************************************** * PAGE AREAS **************************************/ @media screen and (max-width: 63.9375rem) { .fcb-benefit-advantages { padding-bottom: 0.625rem; } } @media screen and (max-width: 41.25rem) { .fcb-benefit-advantages .swiper-slide:last-child { margin-right: 0.8125rem; } } @media screen and (min-width: 41.25rem) { .fcb-benefit-advantages .swiper-container { overflow: visible; } .fcb-benefit-advantages .swiper-wrapper { display: block; height: auto; } } .fcb-benefit-player { display: block; position: relative; } .fcb-benefit-player .player-shadow { position: absolute; width: 100%; height: 100%; background-color: rgba(255, 0, 0, 0); background-image: -webkit-linear-gradient(rgba(255, 0, 0, 0), rgba(255, 0, 0, 0), rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.75)); background-image: linear-gradient(rgba(255, 0, 0, 0), rgba(255, 0, 0, 0), rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.75)); } .fcb-benefit-player .player-content { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .fcb-benefit-player .player-content.type-video { display: none; opacity: 0; -webkit-transition: opacity 0.275s ease-out; -moz-transition: opacity 0.275s ease-out; transition: opacity 0.275s ease-out; } .fcb-benefit-player .player-content.visible { display: block; opacity: 1; } .fcb-benefit-player .video-container { width: 100%; height: 100%; } .fcb-benefit-player .label-title { display: block; -webkit-align-self: center; -moz-align-self: center; -ms-flex-item-align: center; align-self: center; margin-left: 1.5625rem; padding-left: 2.5rem; font-family: "expressway_bold"; font-size: 3.375rem; line-height: 3.75rem; color: #ffffff; max-width: 25%; } .fcb-benefit-player .button-open { display: none; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .fcb-benefit-player .button-open .icon { width: 5rem; height: 5rem; } .fcb-benefit-player .button-open svg path { fill: #ffffff; -webkit-transition: all 0.275s; -moz-transition: all 0.275s; transition: all 0.275s; } .fcb-benefit-player .button-open:hover svg path { fill: #aa435b; } .fcb-benefit-player .button-close { position: absolute; top: 0.625rem; right: 0.625rem; } .fcb-benefit-player .button-close .icon { width: 1.125rem; height: 1.125rem; } .fcb-benefit-player .button-close svg path { fill: #ffffff; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; transition: all 0.15s; } .fcb-benefit-player .button-close:hover svg path { fill: #961432; } @media screen and (max-width: 63.9375rem) { .fcb-benefit-player .label-title { font-size: 1.75rem; line-height: 2.125rem; padding-left: 0.625rem; } } @media screen and (max-width: 41.25rem) { .fcb-benefit-player .label-title { display: none; } } .fcb-benefit-infos { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; margin-top: 2.5rem; margin-bottom: 2.5rem; padding-bottom: 1.5625rem; } @media screen and (max-width: 63.9375rem) { .fcb-benefit-infos { margin-top: 1.875rem; padding-bottom: 0.625rem; } } @media screen and (max-width: 41.25rem) { .fcb-benefit-infos { display: block; } } .fcb-benefit-options { padding-top: 4.5rem; background: url("../images/videoBenefit/background.png") top right no-repeat; } .fcb-benefit-options .option-wrapper { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } @media screen and (max-width: 63.9375rem) { .fcb-benefit-options { padding-top: 3.4375rem; } } @media screen and (max-width: 41.25rem) { .fcb-benefit-options .option-wrapper { display: block; overflow: hidden; margin-bottom: 0.9375rem; } } /************************************** * * MOLECULES * **************************************/ /**** * TEASER: ADVANTAGE ****/ .fcb-teaser-advantage .teaser-wrapper { height: 25.375rem; background-color: #f8f8f9; border-bottom: 0.125rem solid #961432; text-align: center; margin-bottom: 2.5rem; padding-top: 1.5rem; padding-bottom: 5.6875rem; } .fcb-teaser-advantage h3 { font-size: 1.375rem; line-height: 1.75rem; text-transform: uppercase; } .fcb-teaser-advantage .icon-background { background-color: #ffffff; width: 8.75rem; height: 8.75rem; border-radius: 50%; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; margin: 0 auto; margin-top: 1.1875rem; margin-bottom: 1.0625rem; } .fcb-teaser-advantage .icon { width: 6.25rem; } .fcb-teaser-advantage .icon svg path { fill: #961432; } .fcb-teaser-advantage .icon.icon-voting { width: 5rem; } .fcb-teaser-advantage .text-label { font-size: 1rem; line-height: 1.375rem; font-family: "expressway_light"; color: #6e7882; display: block; padding-left: 0.75rem; padding-right: 0.75rem; } .fcb-teaser-advantage .text-label a { font-size: 1rem; line-height: 1.375rem; font-family: "expressway_light"; color: #961432; text-decoration: none; } @media screen and (min-width: 41.25rem) { .fcb-teaser-advantage { width: 50%; } } @media screen and (min-width: 63.9375rem) { .fcb-teaser-advantage { width: 33.33333%; } } @media screen and (max-width: 63.9375rem) { .fcb-teaser-advantage .teaser-wrapper { margin-bottom: 1.25rem; } .fcb-teaser-advantage h3 { font-size: 1.125rem; line-height: 1.5rem; padding-bottom: 0.1875rem; } .fcb-teaser-advantage .text-label { padding-left: 1.125rem; padding-right: 1.125rem; } } @media screen and (max-width: 41.25rem) { .fcb-teaser-advantage { width: 16.875rem; } .fcb-teaser-advantage .teaser-wrapper { height: 30rem; } } /**** * TEASER: INFO ****/ .fcb-teaser-info { width: 19.25rem; box-sizing: content-box; text-align: center; padding: 0rem 0.8125rem; } .fcb-teaser-info:first-child { border-right: 0.125rem solid #961432; } .fcb-teaser-info h3 { padding-top: 0; margin-top: -0.5rem; } .fcb-teaser-info .text-label { font-size: 1rem; line-height: 1.375rem; font-family: "expressway_light"; color: #6e7882; display: block; margin-top: 0.625rem; margin-bottom: 1.25rem; } @media screen and (max-width: 41.25rem) { .fcb-teaser-info { width: 100%; padding-left: 0rem; padding-right: 0rem; } .fcb-teaser-info:first-child { border: none; position: relative; padding-bottom: 2rem; margin-bottom: 1.875rem; } .fcb-teaser-info:first-child:after { content: ''; display: block; width: 4.6875rem; height: 0.125rem; background-color: #961432; position: absolute; bottom: 0rem; left: 0; right: 0; margin: 0 auto; } .fcb-teaser-info .button { width: 100%; } } /**** * TEASER: OPTION ****/ .fcb-teaser-option { max-width: 15.625rem; margin-left: 1.75rem; margin-right: 1.75rem; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .fcb-teaser-option .teaser-wrapper { position: relative; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: column; -moz-flex-flow: column; -ms-flex-flow: column; flex-flow: column; border: 0.0625rem solid #c9ccd2; box-sizing: content-box; height: 100%; background-color: rgba(255, 255, 255, 0.8); } .fcb-teaser-option .teaser-wrapper:before { position: absolute; top: -0.0625rem; left: -0.0625rem; right: -0.0625rem; content: ''; display: block; height: 0.25rem; background-color: #C8AA78; } .fcb-teaser-option .radio-wrapper { -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; cursor: pointer; height: 2.5625rem; border-top: 0.0625rem solid #c9ccd2; padding: 0rem; margin: 0rem; background-color: #f8f8f9; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } .fcb-teaser-option .radio-wrapper input { display: none; } .fcb-teaser-option .radio-wrapper .radio-bullet { position: relative; display: block; border: 0.125rem solid #c9ccd2; border-radius: 50%; background-color: #ffffff; box-sizing: content-box; width: 1.0625rem; height: 1.0625rem; } .fcb-teaser-option .radio-wrapper .radio-bullet:after { position: absolute; top: 0.25rem; left: 0.25rem; content: none; display: block; border-radius: 50%; background-color: #0A3C64; width: 0.5625rem; height: 0.5625rem; } .fcb-teaser-option .radio-wrapper input:checked ~ .radio-bullet { border-color: #0A3C64; } .fcb-teaser-option .radio-wrapper input:checked ~ .radio-bullet:after { content: ''; } .fcb-teaser-option .text-label { text-align: center; } .fcb-teaser-option .label-duration { -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; display: block; font-family: "expressway_condensed_light"; font-size: 3.375rem; line-height: 3.75rem; color: #C8AA78; text-transform: uppercase; padding-top: 1.1875rem; padding-bottom: 1.25rem; } .fcb-teaser-option .label-wrapper { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; } .fcb-teaser-option .label-for-price, .fcb-teaser-option .label-savings { font-family: "expressway_light"; font-size: 1rem; line-height: 1.375rem; } .fcb-teaser-option .label-price { font-family: "expressway_condensed_bold"; font-size: 1.75rem; line-height: 2.125rem; } .fcb-teaser-option .label-value-text { font-family: "expressway_light"; font-size: 0.75rem; line-height: 1.125rem; display: block; position: relative; padding-top: 0.5rem; padding-bottom: 1.0625rem; } .fcb-teaser-option .label-value-text:after { content: ''; border-bottom: 0.0625rem solid #e5e6e7; display: block; width: 84%; margin: 0 auto; position: absolute; bottom: 0rem; left: 0rem; right: 0rem; } .fcb-teaser-option .label-savings { color: #961432; display: block; text-align: center; margin-top: 0.5rem; margin-bottom: 1.75rem; } @media screen and (max-width: 63.9375rem) { .fcb-teaser-option { max-width: 12.25rem; margin-left: 0.5rem; margin-right: 0.5rem; } .fcb-teaser-option .label-price { font-size: 1.5rem; line-height: 1.875rem; } .fcb-teaser-option .label-duration { font-size: 2.125rem; line-height: 2.5rem; padding-top: 0.8125rem; padding-bottom: 0.375rem; } .fcb-teaser-option .label-savings { margin-bottom: 1.25rem; } } @media screen and (max-width: 41.25rem) { .fcb-teaser-option { max-width: 100%; margin-bottom: 0.625rem; margin-left: 0rem; margin-right: 0rem; } .fcb-teaser-option .teaser-wrapper { min-height: 11.5rem; } } /**** * TEASER: CALL TO ACTION ****/ .call-to-action { text-align: center; padding-top: 0rem; padding-bottom: 2.5rem; } .call-to-action.type-border { position: relative; padding-top: 2.625rem; padding-bottom: 2.625rem; margin-bottom: 2.25rem; } .call-to-action.type-border:after { content: ''; display: block; width: 4.6875rem; height: 0.125rem; background-color: #961432; position: absolute; bottom: 0rem; left: 0; right: 0; margin: 0 auto; } .call-to-action .text-label { display: block; font-family: "expressway_light"; font-size: 1rem; line-height: 1.375rem; padding-bottom: 1.25rem; } @media screen and (max-width: 63.9375rem) { .call-to-action { padding-bottom: 1.875rem; } .call-to-action.type-border { padding-top: 2rem; padding-bottom: 2rem; margin-bottom: 1.625rem; } } @media screen and (max-width: 41.25rem) { .call-to-action.type-border .button { margin-bottom: 2rem; } .call-to-action .button { width: 100%; } } /* VideoBenefit ~ END */ /* Facts ~ START */ .facts-card { border: 1px solid #c9ccd2; } .facts-card-header { border-bottom: 1px solid #c9ccd2; padding-top: 0.5rem; padding-bottom: 0.5rem; } .facts-card-stage { background-color: #f8f8f9; border-bottom: 1px solid #c9ccd2; padding-top: 0.5rem; padding-right: 0.875rem; padding-bottom: 0.5rem; padding-left: 0.875rem; } .facts-card-headline { text-align: center; } .facts-card-content { padding-top: 0.5rem; padding-right: 0.875rem; padding-bottom: 0.5rem; padding-left: 0.875rem; } /* Facts ~ END */ /* Player ~ START */ .player-image { width: 4.375rem; height: 4.375rem; border-radius: 100%; overflow: hidden; border: 2px solid #c9ccd2; } .player-number { width: 4.375rem; height: 4.375rem; border-radius: 100%; overflow: hidden; border: 2px solid #c9ccd2; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } .player-number .number { font-family: "expressway_condensed_bold"; font-size: 1.75rem; line-height: 2.125rem; color: #0A3C64; margin-top: -0.25rem; } .player-number.home { color: #6E0A28; } .player-number.home .number { color: #6E0A28; } .player-number.away { color: #6E0A28; } .player-statistic { background-color: #fff; } .player-statistic .facts-card-stage { text-align: center; } .player-statistic .player-image { display: inline-block; } .player-statistic .player-number { margin: 0 auto; margin-bottom: 0.3125rem; } .player-statistic .list-item-label { font-family: expressway; } .player-statistic .list-item-value { font-size: 1.125rem; line-height: 1.5rem; font-family: expressway_condensed; font-weight: bold; } .player-statistic .list:after { content: ''; clear: both; display: block; visibility: hidden; height: 0rem; } .player-statistic .list-item { float: left; width: 50%; padding-bottom: 0.5625rem; } .player-statistic .list-item.is-active { color: #961432; } .player-statistic .list-item.is-active .list-item-label { font-weight: bold; } .player-statistic .list-item:nth-child(odd) { padding-right: 0.4375rem; } .player-statistic .list-item:nth-child(even) { padding-left: 0.4375rem; } .player-statistic .list-item:last-child, .player-statistic .list-item:nth-last-child(2) { padding-bottom: 0; } .player-statistic .list-item:last-child .list-item-wrapper, .player-statistic .list-item:nth-last-child(2) .list-item-wrapper { border-bottom: none; padding-bottom: 0; } .player-statistic .list-item-wrapper { border-bottom: 1px solid #c9ccd2; padding-bottom: 0.25rem; } .fcb-match-result-list-wrapper .fcb-match-result-list-header { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; border-bottom: 0.0625rem solid #c9ccd2; height: 3.3125rem; cursor: pointer; margin: 0; } .fcb-match-result-list-wrapper .fcb-match-result-list-header span { font-size: 0.875rem; -webkit-text-size-adjust: none; } .fcb-match-result-list-wrapper .fcb-match-result-list-header .icon-dropdown { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; position: absolute; right: 0.625rem; top: 50%; width: 1rem; color: #0A3C64; } .fcb-match-result-list-wrapper .fcb-match-result-list-header .icon-dropdown svg { vertical-align: inherit; } .fcb-match-result-list-wrapper .fcb-match-result-list-header .match-details { position: absolute; left: 0.625rem; top: 0.4375rem; text-transform: uppercase; } .fcb-match-result-list-wrapper .fcb-match-result-list-header .match-details span { font-size: 1rem; } .fcb-match-result-list-wrapper .fcb-match-result-list-header .match-details .match-league { color: #0A3C64; font-family: "expressway_condensed_light"; -webkit-font-smoothing: antialiased; } .fcb-match-result-list-wrapper .fcb-match-result-list-header .match-details .match-time { display: block; font-family: "expressway_condensed_light"; } .fcb-match-result-list-wrapper .fcb-match-result-list-header .match-details .match-tag { font-family: "expressway_condensed_light"; } .fcb-match-result-list-wrapper .fcb-match-result-list-header .game-score-time { -webkit-box-flex: 2; -webkit-flex-grow: 2; -moz-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2; text-align: center; max-width: 4.875rem; top: -0.1875rem; } .fcb-match-result-list-wrapper .fcb-match-result-list-header .game-score-time .top-line { font-size: 0.625rem; } .fcb-match-result-list-wrapper .fcb-match-result-list-header .game-score-time .score { line-height: 0.5625rem; font-family: "expressway_bold"; display: block; letter-spacing: 0.125rem; } .fcb-match-result-list-wrapper .fcb-match-result-list-header .game-score-time .score span { font-size: 1rem; } .fcb-match-result-list-wrapper .fcb-match-result-list-header .game-score-time .score span:first-child, .fcb-match-result-list-wrapper .fcb-match-result-list-header .game-score-time .score span:last-child { padding: 0 0.125rem; } .fcb-match-result-list-wrapper .fcb-match-result-list-header .game-score-time .sub-line { font-size: 0.625rem; } .fcb-match-result-list-wrapper .fcb-match-result-list-header .game-score-time .time { background: #e5e6e7; padding: 0.75rem 0.8125rem; display: inline-block; font-family: "expressway_bold"; border-radius: 0.01953rem; position: relative; } .fcb-match-result-list-wrapper .fcb-match-result-list-header .team-container { flex-grow: 1; max-width: 15.3125rem; } .fcb-match-result-list-wrapper .fcb-match-result-list-header .team-container .name, .fcb-match-result-list-wrapper .fcb-match-result-list-header .team-container .short-name { position: relative; top: -0.625rem; font-family: "expressway_bold"; } .fcb-match-result-list-wrapper .fcb-match-result-list-header .team-container .short-name { display: none; } .fcb-match-result-list-wrapper .fcb-match-result-list-header .team-container img { max-width: 2.125rem; padding: 0 0.625rem; box-sizing: content-box; } .fcb-match-result-list-wrapper .fcb-match-result-list-header .home-team { text-align: right; } .fcb-match-result-list-wrapper .fcb-match-result-list-header .fcb-matchplan-tooltip { display: block; position: absolute; right: 0.625rem; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; border-radius: 0.125rem; } .fcb-match-result-list-wrapper .fcb-match-result-list-content { background: #f8f8f9; padding-top: 2.5rem; padding-bottom: 2.5rem; border-bottom: 1px solid #c9ccd2; margin: 0; } .fcb-match-result-list-wrapper .fcb-match-result-list-content h5 { padding-bottom: 1.25rem; } .fcb-match-result-list-wrapper .fcb-match-result-list-content ul { margin-left: 0; } .fcb-match-result-list-wrapper .fcb-match-result-list-content .links a { display: block; } .fcb-match-result-list-wrapper .fcb-match-result-list-content li { padding: 0.3125rem; border-bottom: 1px solid #c9ccd2; } .fcb-match-result-list-wrapper .fcb-match-result-list-content li:after { content: ''; display: table; clear: both; } .fcb-match-result-list-wrapper .fcb-match-result-list-content .disciplinary .icon { width: 1rem; float: right; margin-left: 0.625rem; } .fcb-match-result-list-wrapper .fcb-match-result-list-content .location span { display: block; } .fcb-match-result-list-wrapper .fcb-match-result-list-content .location .viewer { font-size: 1.75rem; line-height: 2.125rem; font-weight: bold; font-family: 'expressway_condensed'; } .fcb-match-result-list-wrapper.open .fcb-match-result-list-header .icon-dropdown { -webkit-transform: translateY(-50%) rotateX(180deg); -moz-transform: translateY(-50%) rotateX(180deg); -ms-transform: translateY(-50%) rotateX(180deg); -o-transform: translateY(-50%) rotateX(180deg); transform: translateY(-50%) rotateX(180deg); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-match-result-list-wrapper .fcb-match-result-list-header { height: auto; } .fcb-match-result-list-wrapper .fcb-match-result-list-header .match-details { position: static; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; text-align: center; } .fcb-match-result-list-wrapper .fcb-match-result-list-header .match-details .match-time { display: inline-block; } .fcb-match-result-list-wrapper .fcb-matchplan-entry { height: auto; padding-bottom: 0.375rem; padding-top: 0.625rem; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .fcb-match-result-list-wrapper .fcb-matchplan-entry .match-details { position: static; width: 100%; text-align: center; padding-bottom: 0.625rem; } .fcb-match-result-list-wrapper .fcb-matchplan-entry .match-details .match-time { display: inline; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-match-result-list-wrapper .fcb-match-result-list-header { padding-bottom: 1.25rem; padding-top: 1.5625rem; } .fcb-match-result-list-wrapper .fcb-match-result-list-header .icon-dropdown { right: inherit; top: inherit; bottom: -1.875rem; background: white; padding-left: 5px; padding-right: 5px; border-radius: 2px; width: 1.875rem; height: 1.875rem; border: 1px solid #c9ccd2; } .fcb-match-result-list-wrapper .fcb-match-result-list-content { padding-left: 0.625rem !important; } .fcb-match-result-list-wrapper .fcb-match-result-list-content .fcb-gr-3 { width: 100%; } .fcb-match-result-list-wrapper:first-child { border-top: 0.0625rem solid #c9ccd2; } .fcb-match-result-list-wrapper .fcb-matchplan-entry { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 1.75rem; padding-bottom: 1.25rem; } .fcb-match-result-list-wrapper .fcb-matchplan-entry .match-details { font-size: 0.875rem; } } /* Player ~ END */ /* Season ~ START */ .season-statistic .facts-card-stage { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; overflow: hidden; } .season-statistic .facts-card-chart { -webkit-box-flex: 1; -webkit-flex: 1 0 50%; -moz-box-flex: 1; -moz-flex: 1 0 50%; -ms-flex: 1 0 50%; flex: 1 0 50%; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } .season-statistic .list { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .season-statistic .list-item { -webkit-box-flex: 1; -webkit-flex: 1 0 50%; -moz-box-flex: 1; -moz-flex: 1 0 50%; -ms-flex: 1 0 50%; flex: 1 0 50%; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; padding-top: 0.625rem; padding-bottom: 0.3125rem; border-bottom: 1px solid #c9ccd2; } .season-statistic .facts-card-chart-facts .list-item-wrapper { -webkit-box-flex: 1; -webkit-flex: 1 0 50%; -moz-box-flex: 1; -moz-flex: 1 0 50%; -ms-flex: 1 0 50%; flex: 1 0 50%; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .season-statistic .list-item-wrapper { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .season-statistic .list-item-label { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2; } .season-statistic .list-item-value { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1; width: 1.25rem; font-family: 'expressway'; font-weight: bold; } .season-statistic .facts-card-chart-facts { -webkit-box-flex: 1; -webkit-flex: 1 0 50%; -moz-box-flex: 1; -moz-flex: 1 0 50%; -ms-flex: 1 0 50%; flex: 1 0 50%; } .season-statistic .facts-card-chart-facts .list-item { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -moz-box-flex: 1; -moz-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; border-bottom: 1px solid #c9ccd2; padding-top: 1.25rem; padding-bottom: 0.3125rem; } .season-statistic .facts-card-chart-facts .list-item-label { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2; font-size: 0.875rem; line-height: 1.25rem; } .season-statistic .facts-card-chart-facts .list-item-value { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1; font-size: 0.875rem; line-height: 1.25rem; width: 1.875rem; } .season-statistic .facts-card-chart-facts .list-item:nth-child(1) .list-item-value { color: #b00b2f; } .season-statistic .facts-card-chart-facts .list-item:nth-child(2) .list-item-value { color: #0A3C64; } .season-statistic .facts-card-chart-facts .list-item:nth-child(3) .list-item-value { color: #c9ccd2; } .season-statistic .pie-chart-statistics-entry { padding-right: 0.625rem; } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .season-statistic .pie-chart-statistics-entry { padding: 0; } } .season-statistic .list { padding-right: 0.625rem; } .season-statistic .list-item-label { font-size: 0.875rem; line-height: 1.25rem; } .season-statistic .list-item-value { font-size: 0.875rem; line-height: 1.25rem; width: 1.875rem; } .season-statistic .icon-list { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .season-statistic .icon-list-item { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 0 33%; -moz-box-flex: 1; -moz-flex: 1 0 33%; -ms-flex: 1 0 33%; flex: 1 0 33%; padding-top: 0.625rem; padding-bottom: 0.3125rem; } .season-statistic .icon-list-item .icon { width: 1.25rem; margin-right: 0.625rem; } .season-statistic .icon-list-item-label { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2; display: none; font-size: 0.875rem; line-height: 1.25rem; } .season-statistic .icon-list-item-value { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-top: 0.25rem; font-family: expressway; font-weight: bold; font-size: 0.875rem; line-height: 1.25rem; } .fixed-layout .swiper-slide { -webkit-box-flex: 3; -webkit-flex: 3; -moz-box-flex: 3; -moz-flex: 3; -ms-flex: 3; flex: 3; margin-right: 0.9375rem; } .fixed-layout .swiper-slide:last-of-type { margin-right: 0; } .pagination-init { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .pie-chart-entry { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; width: 8.75rem; height: 8.75rem; } .pie-chart-entry svg { width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0; } .pie-chart-entry circle { fill-opacity: 0; stroke-miterlimit: 10; stroke-width: 8; stroke-linejoin: round; } .pie-chart-entry:before { border: 0.1875rem #6E0A28 solid; } .pie-chart-entry-entry-label { display: block; margin-left: 1.25rem; margin-right: 1.25rem; font-size: 1rem; line-height: 1rem; color: #6E0A28; text-align: center; text-transform: uppercase; } .pie-chart-entry-value { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } .pie-chart-entry-divider, .pie-chart-entry-reference, .pie-chart-entry-dynamic { font-size: 3.375rem; line-height: 3.75rem; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .pie-chart-entry-divider, .pie-chart-entry-reference, .pie-chart-entry-dynamic { font-size: 2.5rem; line-height: 3rem; } } .pie-chart-entry-total { fill-opacity: 1; fill: #ffffff; stroke: #c9ccd2; } .pie-chart-entry-primary { stroke: #b00b2f; display: none; } .pie-chart-entry-secondary { stroke: #0A3C64; display: none; } .pie-chart-entry-third { stroke: #c9ccd2; display: none; } .pie-chart-entry-value { margin-top: -0.9375rem; } .pie-chart-value-dynamic { font-size: 3.75rem; line-height: 4.125rem; color: #6e7882; } .pie-chart-label { color: #6e7882; text-transform: none; font-size: 1.125rem; line-height: 1.5rem; } .pie-chart-entry-progress { display: none; } .js-enabled[data-reference-value] .pie-chart-entry-progress { display: block; stroke: #6E0A28; stroke-linecap: round; } .js-enabled[data-primary-value] .pie-chart-entry-primary, .js-enabled[data-primary-value] .pie-chart-entry-secondary, .js-enabled[data-primary-value] .pie-chart-entry-third { display: block; } .seasons .buttons { width: 20rem; } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .seasons .buttons { width: 100%; } } .seasons .buttons .button.small { float: right; } .seasons .seasons-footer-link { float: right; display: block; margin-top: 1.25rem; font-family: "expressway_condensed_light"; } .seasons .seasons-footer-link .icon { width: 0.5rem; margin-right: 0.625rem; } .seasons .slider-pagination-wrapper { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; margin-top: 3rem; } .seasons .slider-pagination-wrapper p { margin-bottom: 0; } .seasons .slider-pagination-wrapper .slider-pagination { position: static; margin-bottom: 7px; } .seasons .slider-pagination-wrapper .slider-pagination > span { width: 0.5rem; height: 0.5rem; border: 2px solid #c9ccd2; opacity: 1; background: none; margin-left: 3px; margin-right: 3px; } .seasons .slider-pagination-wrapper .slider-pagination > span.swiper-pagination-bullet-active { background-color: #961432; border: none; } .seasons .slider-pagination-wrapper .slider-prev { margin-right: 2.5rem; } .seasons .slider-pagination-wrapper .slider-prev .icon { margin-right: 0; } .seasons .slider-pagination-wrapper .slider-next { margin-left: 2.5rem; } .seasons .slider-pagination-wrapper .slider-next .icon { margin-left: -1.9px !important; } .seasons .slider-nav > a.button.navi.round, .seasons .ui-datepicker div.ui-datepicker-buttonpane .slider-nav > button.navi.round, .ui-datepicker div.ui-datepicker-buttonpane .seasons .slider-nav > button.navi.round { -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; transition: all 0.2s ease-in; background-color: #961432; } .seasons .fcb-season-picker-wrapper .fcb-form-element-wrapper:first-child { margin-right: 0; } .seasons .fcb-season-picker-wrapper .season-calendar { display: none; } .seasons .fcb-season-picker-wrapper .season-selector-wrapper { float: right; } .seasons .fcb-season-picker-wrapper .competition-selector-wrapper { float: left; } .seasons .fcb-container.layout-container.full-width { margin-top: 0; padding-left: 0; padding-right: 0; } .player-statistics-filter { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; } .player-statistics-filter .fcb-form-element-wrapper { -webkit-flex-basis: 345px; -moz-flex-basis: 345px; -ms-flex-preferred-size: 345px; flex-basis: 345px; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; margin-bottom: 1.25rem; } .player-statistics-filter .fcb-form-element-wrapper .fcb-input-wrapper .select2-container { font-family: "expressway_condensed_light"; } .player-statistics-filter .fcb-form-element-wrapper .fcb-input-wrapper .select2-container .select2-selection__arrow b::after { line-height: initial; } .player-statistics-filter .fcb-form-element-wrapper label { margin-right: 0.625rem; color: #6e7882; } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .player-statistics-filter .fcb-form-element-wrapper { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; margin-left: 0; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; } .player-statistics-filter .fcb-form-element-wrapper .label { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .player-statistics-filter .fcb-form-element-wrapper .fcb-input-wrapper { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .player-statistics-filter .form-label { display: block; margin-right: 0; margin-bottom: 0.4375rem; } } .player-statistics-items { margin-bottom: -1.25rem; margin-left: -14px; margin-right: -14px; } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .player-statistics-items { margin-left: 0px; margin-right: 0px; } } .player-statistics-item { width: 25%; margin-bottom: 1.25rem; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .player-statistics-item { padding-right: 8px; padding-left: 8px; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .player-statistics-item { padding-right: 3px; padding-left: 3px; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .player-statistics-item { width: 33.33333%; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .player-statistics-item { width: 100%; padding-left: 0; padding-right: 0; } } /* Season ~ END */ /* List ~ START */ .list-item-wrapper:after { content: ''; clear: both; display: block; visibility: hidden; height: 0rem; } .list-aligned .list-item:after { content: ''; clear: both; display: block; visibility: hidden; height: 0rem; } .list-aligned .list-item-label { float: left; } .list-aligned .list-item-value { float: right; } /* List ~ END */ /* EPG Entry ~ START */ .epg-container { display: flex; display: -webkit-flex; justify-content: space-around; -webkit-justify-content: space-around; margin-left: -0.1875rem; margin-right: -0.1875rem; } .epg-container .epg-loader { flex: 1; display: flex; align-content: center; } .epg-container .epg-loader > span { align-self: center; margin: 0 auto; color: rgba(150, 20, 50, 0.8); } .epg-container .image-wrapper { background: #f8f8f9; } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .epg-container { flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; } } .epg-entry { flex: 1; margin-left: 0.1875rem; margin-right: 0.1875rem; align-items: stretch; background: #f8f8f9; } .epg-entry:last-child { margin-right: 0; } .epg-entry .date-and-time { width: 100%; font-family: "expressway_condensed_light"; font-size: 0.875rem; line-height: 0.875rem; color: #ffffff; background: #0A3C64; padding: 0.25rem 0.25rem 0.25rem 0.625rem; } .epg-entry .date-and-time > span.icon { display: none; } .epg-entry .date-and-time[data-live="true"] { position: relative; padding-right: 2.9375rem; } .epg-entry .date-and-time[data-live="true"] > span.icon { display: block; float: right; position: absolute; top: 0.25rem; right: 0.1875rem; } .epg-entry .subtitle { font-family: "expressway_light"; font-size: 0.875rem; line-height: 1.25rem; color: #6e7882; padding: 0.4375rem 0.625rem 0.4375rem; } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .epg-entry { flex-basis: 49%; margin-right: 0; margin-top: 0.625rem; } } .epg-container .teaser-link { position: relative; flex-basis: 27.722%; -webkit-flex-basis: 27.722%; margin-left: 0.1875rem; margin-right: 0.1875rem; background: #f8f8f9; } .epg-container .teaser-link .image-wrapper.loaded { position: absolute; height: 100%; background-color: #6E0A28; } .epg-container .teaser-link .image-wrapper.loaded img { position: relative; top: 50%; transform: translateY(-50%); } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .epg-container .teaser-link { flex-basis: 100%; -webkit-flex-basis: 100%; margin-right: 0; } .epg-container .teaser-link .image-wrapper.loaded { position: static; } .epg-container .teaser-link .image-wrapper.loaded img { position: static; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } } /* EPG Entry ~ END */ /********************* * ORGANISMS ~ START ********************/ /* MainHeader ~ START */ .language-switch { position: relative; display: inline-block; text-align: left; margin-right: 0.9375rem; } .language-switch .select-wrapper { padding-left: 0.9375rem; padding-right: 0.9375rem; background: #961432; height: 2.125rem; width: 4.5rem; } .language-switch .select-wrapper .icon { width: 1rem; position: absolute; right: 0.9375rem; top: 0.4375rem; } .language-switch .select-wrapper .icon svg { max-height: 1.5625rem; } .language-switch .select-wrapper:before { color: white; line-height: 31px; position: absolute; padding-left: 1.5rem; } .language-switch .select-wrapper:hover .tooltip-select-wrapper > div { color: #e6b4be; } .language-switch .select-wrapper:hover .icon svg path { fill: #e6b4be; } .language-switch .select-wrapper .tooltip-select-wrapper { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; } .language-switch .select-wrapper .tooltip-select-wrapper.active select { color: #e6b4be; } .language-switch .select-wrapper .tooltip-select-wrapper select { display: none; } .language-switch .select-wrapper .tooltip-select-wrapper > div { color: white; line-height: 2.125rem; text-indent: 0.9375rem; } .no-language-switch .language-switch .select-wrapper { display: none; } .header-wrapper.no-language-switch .language-switch:before { content: none; } .no-language-switch .action-language { display: none !important; } .fcb-tooltip-wrapper.fcb-tooltip-language { z-index: 500; } .fcb-tooltip-wrapper.fcb-tooltip-language .tooltip-content { background-color: #ffffff; padding: 0; } .fcb-tooltip-wrapper.fcb-tooltip-language .tooltip-content ul li { /* &:last-child { a { border-bottom: none; } } */ } .fcb-tooltip-wrapper.fcb-tooltip-language .tooltip-content ul li.active a { font-family: "expressway_condensed_bold"; color: #961432; border-bottom: 1px solid #961432; } .fcb-tooltip-wrapper.fcb-tooltip-language .tooltip-content ul li a { font-family: "expressway_condensed_light"; font-size: 1rem; line-height: 1.375rem; text-decoration: none; display: block; border-bottom: 1px solid #c9ccd2; margin: 0.625rem; padding: 0.375rem; } .fcb-tooltip-wrapper.fcb-tooltip-language .tooltip-content ul li:hover a { font-family: "expressway_condensed_bold"; color: #0A3C64; border-color: #0A3C64; } body.page-no-scroll { position: fixed; top: 0rem; width: 100%; height: 100%; overflow: scroll; overflow-x: hidden; } body.page-no-scroll .main-page-wrapper .main-header-wrapper .header-wrapper { z-index: 0; } body.page-no-scroll .main-page-wrapper .main-header-wrapper .header-wrapper.mobile-navi-active { z-index: 400; position: fixed; top: 0; } .main-page-wrapper .main-header-wrapper { color: #ffffff; margin-bottom: 7.5rem; } .main-page-wrapper .main-header-wrapper .header-wrapper { position: relative; height: 7.5rem; background: #961432; position: absolute; top: 0rem; left: 0rem; right: 0rem; z-index: 400; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; } .main-page-wrapper .main-header-wrapper .header-wrapper.fixed { position: fixed; top: -7.5rem; } .main-page-wrapper .main-header-wrapper .header-wrapper.hidden { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .main-page-wrapper .main-header-wrapper .header-wrapper .header-container { height: 100%; position: relative; } .main-page-wrapper .main-header-wrapper .header-container .fcb-row { height: 100%; margin-bottom: 0rem; } .main-page-wrapper .main-header-wrapper .column-title , .main-page-wrapper .main-header-wrapper .column-navigation , .main-page-wrapper .main-header-wrapper .column-actions { width: auto; height: 100%; } .main-page-wrapper .main-header-wrapper .column-actions { position: absolute; top: 0rem; right: 1.5625rem; display: block; float: none; padding-right: 0rem; text-align: right; } .main-page-wrapper .main-header-wrapper .column-navigation li.action-more a { opacity: 1; } .main-page-wrapper .main-header-wrapper .column-navigation.initial-style { overflow: hidden; } .main-page-wrapper .main-header-wrapper .column-navigation.initial-style li.action-more a { opacity: 0; } @media screen and (min-width: 64rem) { .main-page-wrapper .main-header-wrapper .column-title { width: auto; padding-right: 0rem; margin-right: 0rem; } .main-page-wrapper .main-header-wrapper .column-navigation { width: auto; padding-left: 2.5rem; padding-right: 0rem; max-width: 70%; } .main-page-wrapper .main-header-wrapper .column-navigation.initial-style { overflow: hidden; } } @media screen and (max-width: 63.9375rem) { .main-page-wrapper .main-header-wrapper { margin-bottom: 5rem; } .main-page-wrapper .main-header-wrapper.fixed { top: -5rem; } .main-page-wrapper .main-header-wrapper .header-container > .fcb-row .column-actions { padding-right: 0rem; width: auto; } .main-page-wrapper .main-header-wrapper .header-wrapper { height: 5rem; } .main-page-wrapper .main-header-wrapper .column-navigation.initial-style { overflow: visible; } .main-page-wrapper .main-header-wrapper .column-actions { right: 0rem; } } @media screen and (max-width: 41.25rem) { .main-page-wrapper .main-header-wrapper { margin-bottom: 4.0625rem; } .main-page-wrapper .main-header-wrapper.fixed { top: -4.0625rem; } .main-page-wrapper .main-header-wrapper .fcb-container .fcb-row { margin-left: 0rem; margin-right: 0rem; } .main-page-wrapper .main-header-wrapper .header-wrapper { height: 4.0625rem; } .main-page-wrapper .main-header-wrapper .column-navigation { float: right; height: 0rem; margin-right: 0rem; } } .header-wrapper .button-login { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; /********************************** * ICON **********************************/ /********************************** * LABEL **********************************/ /************************************ * IE ONLY ************************************/ /* @include ie-only() { .content-logged-in { .button-label { max-width: rem(81); } } } */ } .header-wrapper .button-login .button-login-overlay , .header-wrapper .button-login .content-tooltip-wrapper { display: none; } .header-wrapper .button-login .button-login-element { display: block; text-decoration: none; } .header-wrapper .button-login .button-login-element > span { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .header-wrapper .button-login .button-icon { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } .header-wrapper .button-login .button-icon img { max-width: initial; } .header-wrapper .button-login .button-icon .icon-initials { display: none; position: relative; font-family: "expressway_light"; font-size: 0.75rem; line-height: 1.625rem; text-align: center; padding-top: 0.125rem; } .header-wrapper .button-login .button-icon .icon-image { display: none; width: 100%; height: auto; } .header-wrapper .button-login .button-icon.type-icon { width: 1.125rem; } .header-wrapper .button-login .button-icon.type-content { border-radius: 50%; width: 2.125rem; height: 2.125rem; border: 0.125rem solid #ffffff; overflow: hidden; } .header-wrapper .button-login .button-label { text-align: left; margin-left: 0.6875rem; } .header-wrapper .button-login .button-label .label-logged-in-welcome { display: block; } .header-wrapper .button-login:hover .button-icon , .header-wrapper .button-login:hover .button-label { color: #e6b4be; border-color: #e6b4be; } .header-wrapper .button-login:hover .button-icon svg path { fill: #e6b4be; } .header-wrapper .button-login:hover .button-icon .icon-image { opacity: 0.8; } .header-wrapper .button-login .content-logged-out .button-icon { width: 1.1875rem; } .header-wrapper .button-login .content-logged-out .button-label { font-family: "expressway_condensed_light"; font-size: 1.125rem; line-height: 1.5rem; } .header-wrapper .button-login .content-logged-in { display: inline-block; } .header-wrapper .button-login .content-logged-in .button-icon { display: none; } .header-wrapper .button-login .content-logged-in .button-icon.type-icon { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .header-wrapper .button-login .content-logged-in .button-label { font-family: "expressway_light"; font-size: 0.75rem; line-height: 0.875rem; max-width: 4.6875rem; } .header-wrapper .button-login .button-login-overlay { background: #961432; height: 100%; width: 100%; text-align: left; padding: 1.25rem; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; display: none; } .header-wrapper .button-login .button-login-overlay .text-label { font-size: 1.125rem; line-height: 1.5rem; } .header-wrapper .button-login #content-tooltip-logged-in , .header-wrapper .button-login #content-tooltip-logged-out { display: block; text-align: left; margin-bottom: 1.875rem; } .header-wrapper .button-login #content-tooltip-logged-in .tooltip-link, .header-wrapper .button-login #content-tooltip-logged-out .tooltip-link { font-family: "expressway_condensed_light"; color: #6e7882; text-decoration: underline; font-size: 1.125rem; line-height: 1.5rem; } .header-wrapper .button-login #content-tooltip-logged-in ul { margin-bottom: 1.5rem; } .header-wrapper .button-login #content-tooltip-logged-in ul li { display: block; width: 100%; border-bottom: 0.125rem solid #c9ccd2; padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 0.625rem; padding-bottom: 0.625rem; vertical-align: middle; background-color: #e5e6e7; } .header-wrapper .button-login #content-tooltip-logged-in ul li a { font-family: "expressway_condensed_light"; font-size: 1.25rem; line-height: 1.625rem; color: #0A3C64; border: none; display: inline-block; width: 100%; vertical-align: middle; text-decoration: none; padding-top: 0.875rem; padding-bottom: 0.875rem; } .header-wrapper .button-login #content-tooltip-logged-in .tooltip-link { padding-left: 1.25rem; } .header-wrapper .button-login.status-logged-out #content-tooltip-logged-in , .header-wrapper .button-login.status-logged-out .overlay-logged-in , .header-wrapper .button-login.status-logged-out .content-logged-in { display: none; } .header-wrapper .button-login.status-logged-in #content-tooltip-logged-out , .header-wrapper .button-login.status-logged-in .overlay-logged-out , .header-wrapper .button-login.status-logged-in .content-logged-out { display: none; } @media screen and (max-width: 63.9375rem) { .header-wrapper .button-login { margin-right: 1.25rem; } .header-wrapper .button-login.status-logged-in { margin-right: 0.625rem; } .header-wrapper .button-login .content-logged-in { height: 100%; } .header-wrapper .button-login .content-logged-out { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .header-wrapper .button-login .content-logged-out .button-label { margin-left: 0rem; font-size: 1rem; line-height: 1.375rem; } .header-wrapper .button-login .button-login-overlay { padding-top: 0rem; padding-bottom: 0rem; } .header-wrapper .button-login .button-login-element { -webkit-tap-highlight-color: transparent; } .header-wrapper .button-login .content-tooltip-wrapper { position: fixed; display: none; top: 5rem; left: 0rem; right: 0rem; bottom: 0rem; height: 0rem; overflow: hidden; background: #ffffff; } .header-wrapper .button-login .content-tooltip-wrapper .show-password-wrapper { display: none; } .header-wrapper .button-login #content-tooltip-logged-out .fcb-form-element-wrapper { display: block; width: 18.75rem; } } @media screen and (max-width: 41.25rem) { .header-wrapper .button-login { display: none; } } .header-wrapper.no-login-button .button-login { display: none; } .header-wrapper.no-login-button .language-switch { margin-right: 0rem; } .header-wrapper.no-login-button .language-switch:before { content: none; } @media screen and (max-width: 63.9375rem) { .header-wrapper.no-login-button .header-navigation .level-1 > li.type-mobile.action-login { display: none; } } .header-wrapper .button-menu { position: relative; text-decoration: none; text-align: center; -webkit-tap-highlight-color: transparent; } .header-wrapper .button-menu .button-label { position: relative; font-family: "expressway_condensed_bold"; font-size: 1rem; line-height: 1.375rem; text-transform: uppercase; } .header-wrapper .button-menu .menu-open-label { font-family: "expressway_condensed_bold"; font-size: 1rem; line-height: 1.375rem; text-transform: uppercase; } .header-wrapper .button-menu .menu-open { -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%; display: block; padding-top: 1.25rem; } .header-wrapper .button-menu .menu-open:after, .header-wrapper .button-menu .menu-open:before { -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.275s; -moz-transition-duration: 0.275s; transition-duration: 0.275s; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; content: ''; position: absolute; width: 100%; height: 0.1875rem; background-color: #ffffff; top: 0; left: 0; } .header-wrapper .button-menu .menu-open:before { top: 0.1875rem; margin-top: 0.375rem; } .header-wrapper .button-menu.active { background-color: #961432; } .header-wrapper .button-menu.active .menu-open:after { -webkit-transform: rotate(45deg) translateX(12px) translateY(12px); -moz-transform: rotate(45deg) translateX(12px) translateY(12px); -ms-transform: rotate(45deg) translateX(12px) translateY(12px); -o-transform: rotate(45deg) translateX(12px) translateY(12px); transform: rotate(45deg) translateX(12px) translateY(12px); } .header-wrapper .button-menu.active .menu-open:before { -webkit-transform: rotate(-45deg) translateX(-5px) translateY(5px); -moz-transform: rotate(-45deg) translateX(-5px) translateY(5px); -ms-transform: rotate(-45deg) translateX(-5px) translateY(5px); -o-transform: rotate(-45deg) translateX(-5px) translateY(5px); transform: rotate(-45deg) translateX(-5px) translateY(5px); } @media screen and (max-width: 63.9375rem) { .header-wrapper .button-menu { width: 5.0625rem; border-left: 0.0625rem solid #6E0A28; } .header-wrapper .button-menu .menu-open { margin-top: 0.1875rem; padding-top: 1rem; } .header-wrapper .button-menu .button-label { position: relative; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } } @media screen and (max-width: 41.25rem) { .header-wrapper .button-menu { width: 4.125rem; } .header-wrapper .button-menu .menu-open { margin-top: 0.125rem; } } .no-touchevents .header-wrapper .button-menu:hover .menu-open:before, .no-touchevents .header-wrapper .button-menu:hover .menu-open:after { background-color: #e6b4be; } .no-touchevents .header-wrapper .button-menu:hover .menu-open-label { color: #e6b4be; } .header-wrapper .button-exit { display: inline-block; position: relative; background-color: #0A3C64; font-family: "expressway_condensed_light"; font-size: 1.25rem; line-height: 1.625rem; text-decoration: none; text-transform: uppercase; white-space: nowrap; padding-top: 0.1875rem; padding-bottom: 0.3125rem; padding-left: 1.25rem; padding-right: 1.25rem; border-bottom-left-radius: 0.1875rem; border-bottom-right-radius: 0.1875rem; } .header-wrapper .button-exit:hover { background-color: #052d50; } .header-wrapper .button-exit .icon { width: 1.0625rem; height: initial; margin-right: 0.5625rem; } .header-wrapper .button-exit .icon svg { max-height: 1.5625rem; } @media screen and (max-width: 63.9375rem) { .header-wrapper .button-exit { background-color: transparent; } } @media screen and (max-width: 63.9375rem) { .header-wrapper .header-navigation .level-1 li.action-external .button-exit { display: block; color: #961432; padding: 0rem; } .header-wrapper .header-navigation .level-1 li.action-external .button-exit .icon { margin-right: 0.3125rem; } .header-wrapper .header-navigation .level-1 li.action-external .button-exit .icon path { fill: #961432; } .header-wrapper .header-navigation .level-1 li.action-external .button-exit:before { position: absolute; top: 0.125rem; left: 0.4375rem; } .header-wrapper .header-navigation .level-1 li.action-external .button-exit:hover { background-color: transparent; } } .header-wrapper .header-search-wrapper { margin-right: 0rem; /* &:before { opacity: 1; } */ } .header-wrapper .header-search-wrapper .search-button-open { width: 1.5625rem; height: 1.5625rem; } .header-wrapper .header-search-wrapper .search-button-open .icon { width: 1.0625rem; height: 1.0625rem; /* svg path { @include transition(fill 0.15s linear); } */ } .header-wrapper .header-search-wrapper .search-button-open:hover .icon svg path { fill: #e6b4be; } .header-wrapper .header-search-wrapper .search-button-open:before { position: relative; top: 0.1875rem; } .header-wrapper .header-search-wrapper .search-input-wrapper { display: none; background-color: #ffffff; } .header-wrapper .header-search-wrapper .search-input-field input { outline: none; border: none; font-family: "expressway_condensed_light"; color: #6e7882; } .header-wrapper .header-search-wrapper .search-input-field input::-webkit-input-placeholder { color: #6e7882; opacity: 1; } .header-wrapper .header-search-wrapper .search-input-field input:-moz-placeholder { color: #6e7882; opacity: 1; } .header-wrapper .header-search-wrapper .search-input-field input::-moz-placeholder { color: #6e7882; opacity: 1; } .header-wrapper .header-search-wrapper .search-input-field input:-ms-input-placeholder { color: #6e7882; opacity: 1; } .header-wrapper .header-search-wrapper a { text-decoration: none; } @media screen and (min-width: 64rem) { .header-wrapper .header-search-wrapper { box-sizing: content-box; width: 1.875rem; height: 2.75rem; background-color: transparent; } .header-wrapper .header-search-wrapper .search-input-wrapper { display: none; position: absolute; left: 100%; right: 0rem; top: 0rem; bottom: 0rem; background-color: #ffffff; border-radius: 0.1875rem; overflow: hidden; } .header-wrapper .header-search-wrapper .search-input-field { position: absolute; left: 0rem; right: 8.125rem; top: 0rem; bottom: 0rem; } .header-wrapper .header-search-wrapper .search-input-field input { height: 100%; width: 100%; background-color: transparent; font-size: 1.125rem; line-height: 1.5rem; padding: 0rem 0.625rem; } .header-wrapper .header-search-wrapper .search-button-open { position: relative; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; height: auto; } .header-wrapper .header-search-wrapper .search-button-close { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; height: 100%; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .header-wrapper .header-search-wrapper .search-button-close .icon { width: 1rem; margin-right: 0.9375rem; /* svg path { fill: $color-white; @include transition(fill 0.15s linear); } */ } .header-wrapper .header-search-wrapper .search-button-close:hover .icon svg path { fill: #6E0A28; } .header-wrapper .header-search-wrapper .search-button-submit.action-desktop { display: none; font-size: 0.75rem; line-height: 0.75rem; font-family: "expressway_bold"; padding: 0.625rem; padding-top: 0.5625rem; padding-bottom: 0.5625rem; position: relative; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; right: 3.5rem; min-height: 2.0625rem; } .header-wrapper .header-search-wrapper .search-button-submit.action-mobile { display: none; } } @media screen and (max-width: 63.9375rem) { .header-wrapper .header-search-wrapper { position: absolute; left: 0rem; right: 3.125rem; top: 0rem; bottom: 0rem; height: 100%; background-color: #ffffff; margin-right: 0rem; padding-right: 0rem; display: none; } .header-wrapper .header-search-wrapper .search-input-wrapper { display: block; position: absolute; top: 0.625rem; bottom: 0rem; left: 0rem; right: 3.125rem; background-color: transparent; } .header-wrapper .header-search-wrapper .search-input-wrapper input { display: inline-block; font-size: 1.125rem; line-height: 1.5rem; height: 3.75rem; width: 100%; padding-left: 1.25rem; } .header-wrapper .header-search-wrapper .search-button-open { display: none; } .header-wrapper .header-search-wrapper .search-button-submit.action-desktop { display: none; } .header-wrapper .header-search-wrapper .search-button-submit.action-mobile { display: none; height: 100%; width: 3.125rem; text-align: center; color: #0A3C64; position: relative; } .header-wrapper .header-search-wrapper .search-button-submit.action-mobile .icon { /* @include transform(translateX(-50%) translateY(-50%)); position: absolute; left: 50%; top: 50%; */ } } @media screen and (max-width: 41.25rem) { .header-wrapper .header-search-wrapper .search-input-wrapper { top: 0.78125rem; } .header-wrapper .header-search-wrapper .search-input-wrapper input { height: 2.5rem; padding-left: 1.25rem; } } .header-wrapper .active-search .header-search-wrapper { position: absolute; top: 0rem; } @media screen and (min-width: 64rem) { .header-wrapper .active-search .header-search-wrapper { display: block; left: 0.0625rem; right: 11.9375rem; top: 3.25rem; width: auto; } .header-wrapper .active-search .header-search-wrapper:before { top: 0.125rem; height: 2.5rem; } @-moz-document url-prefix() { .header-wrapper .active-search .header-search-wrapper:before { top: 0.6875rem; height: 1.375rem; } } .header-wrapper .active-search .header-search-wrapper .search-input-wrapper { display: block; } .header-wrapper .active-search .header-search-wrapper .search-button-open , .header-wrapper .active-search .header-search-wrapper .search-button-submit.action-desktop { display: inline-block; } .header-wrapper .active-search .header-search-wrapper .search-button-close svg path { fill: #961432; } .header-wrapper .active-search .header-search-wrapper .search-button-open { height: auto; z-index: -1; } .header-wrapper .active-search .header-search-wrapper .search-button-open:before { position: relative; top: 0.375rem; } } @media screen and (max-width: 63.9375rem) { .header-wrapper .active-search .header-search-wrapper { display: block; margin-right: 0.0625rem; right: 5rem; } .header-wrapper .active-search .header-search-wrapper .search-button-close { display: none; } .header-wrapper .active-search .header-search-wrapper .search-button-submit.action-mobile { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; position: absolute; right: 0rem; } .header-wrapper .active-search .header-search-wrapper .search-button-submit.action-mobile .icon { width: 1.0625rem; } .header-wrapper .active-search .header-search-wrapper .search-button-submit.action-mobile .icon path { fill: #0A5082; } } @media screen and (max-width: 41.25rem) { .header-wrapper .active-search .header-search-wrapper { margin-right: 0rem; right: 4.0625rem; } } .header-wrapper.no-language-switch.no-login-button .header-search-wrapper:before { content: none; } @media screen and (min-width: 64rem) { .ie-10 .header-wrapper .active-search .header-search-wrapper .search-button-open .icon, .ie-11 .header-wrapper .active-search .header-search-wrapper .search-button-open .icon { margin-top: 0.1875rem; } .ie-10 .header-wrapper .active-search .header-search-wrapper .search-button-close .icon, .ie-11 .header-wrapper .active-search .header-search-wrapper .search-button-close .icon { margin-top: 0.1875rem; } .ie-10 .header-wrapper .active-search .header-search-wrapper .search-button-submit.action-desktop, .ie-11 .header-wrapper .active-search .header-search-wrapper .search-button-submit.action-desktop { line-height: 0.9em; } } .logging-out-message { display: block; display: none; } .header-wrapper .header-flyout-wrapper { display: block; position: fixed; z-index: 400; top: 7.5rem; left: 0rem; right: 0rem; background-color: #ffffff; overflow: hidden; height: 0rem; } .header-wrapper .header-flyout-wrapper ul, .header-wrapper .header-flyout-wrapper li { margin: 0; padding: 0; } .header-wrapper .header-flyout-wrapper .fcb-row { display: block; width: auto; } .header-wrapper .header-flyout-wrapper .header-flyout-navigation { display: block; padding-top: 2.5rem; padding-bottom: 2.5rem; clear: both; float: none; } .header-wrapper .header-flyout-wrapper .header-flyout-navigation .column-flyout-navigation , .header-wrapper .header-flyout-wrapper .header-flyout-navigation .column-flyout-teaser { display: block; float: left; } .header-wrapper .header-flyout-wrapper .header-flyout-navigation .column-flyout-navigation { width: 25%; margin-top: -0.75rem; } .header-wrapper .header-flyout-wrapper .header-flyout-navigation .column-flyout-teaser { width: 75%; padding: 0rem; } @media screen and (min-width: 64rem) { .header-wrapper .header-flyout-wrapper { box-shadow: 0rem 0rem 0.625rem #888888; } } @media screen and (max-width: 63.9375rem) { .header-wrapper .header-flyout-wrapper { top: 5rem; } } .header-wrapper .teaser-flyout { display: block; color: black; } .header-wrapper .teaser-flyout.hidden { display: none; } .header-wrapper .teaser-flyout > span { display: block; } .header-wrapper .teaser-flyout .teaser-image { display: block; } .header-wrapper .teaser-flyout .teaser-image img { width: 100%; } .header-wrapper .teaser-flyout .teaser-type { right: 0.9375rem; bottom: 0.625rem; line-height: 1em; } .header-wrapper .teaser-flyout .teaser-navi-title { font-size: 1rem; line-height: 1.375rem; color: #961432; font-family: "expressway_condensed_light"; text-transform: uppercase; margin-top: 0.3125rem; margin-bottom: 0.25rem; } .header-wrapper .teaser-flyout .teaser-title { font-size: 1.125rem; line-height: 1.5rem; color: #0A3C64; font-family: "expressway_condensed_bold"; white-space: normal; } .header-wrapper .teaser-flyout .teaser-text { font-size: 1rem; line-height: 1.375rem; color: #6e7882; font-family: "expressway_light"; white-space: normal; } .header-wrapper .teaser-flyout .teaser-link { font-size: 1rem; line-height: 1.375rem; color: #0A3C64; font-family: "expressway_condensed_light"; display: inline-block; background-color: #e5e6e7; border-radius: 0.125rem; text-decoration: none; padding-top: 0rem; padding-bottom: 0rem; padding-left: 0.25rem; padding-right: 0.25rem; margin-top: 0.625rem; } .header-wrapper .teaser-flyout .teaser-link:after { position: relative; padding-left: 0.25rem; padding-left: 0.0625rem; top: -0.125rem; right: 0rem; color: #0A3C64; font-size: 0.5rem; content: ' \e904'; transition: none; } .header-wrapper .teaser-flyout .teaser-link:hover { background-color: #0A3C64; color: #ffffff; text-decoration: none; } .header-wrapper .teaser-flyout .teaser-link:hover:after { color: #ffffff; } @-moz-document url-prefix() { .header-wrapper .teaser-flyout .teaser-link { line-height: 1.25rem; padding-top: 0rem; padding-bottom: 0.125rem; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .header-wrapper .teaser-flyout .teaser-link { line-height: 1.25rem; padding-top: 0rem; padding-bottom: 0.125rem; } } .header-wrapper .teaser-flyout .teaser-link:after { font-family: 'fcb_icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .header-wrapper .teaser-flyout:hover .teaser-title { color: #961432; } .header-wrapper .header-flyout-wrapper .teaser-collection { display: block; } .header-wrapper .header-flyout-wrapper .teaser-collection .teaser-flyout { width: 33.3%; float: left; padding-left: 0.875rem; padding-right: 0.875rem; } .header-wrapper .header-flyout-wrapper .teaser-collection .teaser-flyout.hide-teaser { display: none; } .header-wrapper .header-flyout-wrapper.no-navigation { margin-right: 0rem; } .header-wrapper .header-flyout-wrapper.no-navigation .header-flyout-navigation .column-flyout-navigation { display: none; } .header-wrapper .header-flyout-wrapper.no-navigation .header-flyout-navigation .column-flyout-teaser { width: 100%; margin-left: 0rem; } .header-wrapper .header-flyout-wrapper.no-navigation .teaser-collection .teaser-flyout { width: 25%; } .header-wrapper .header-flyout-wrapper.second-navigation .column-flyout-navigation , .header-wrapper .header-flyout-wrapper.second-navigation .column-flyout-teaser { width: 50%; } .header-wrapper .header-flyout-wrapper.second-navigation .column-flyout-navigation > ul { float: left; width: 50%; } .header-wrapper .header-flyout-wrapper.second-navigation .column-flyout-teaser .teaser-collection .teaser-flyout { width: 50%; } @media screen and (max-width: 63.9375rem) { .header-wrapper .header-flyout-wrapper.second-navigation .column-flyout-navigation .level-2 { width: 100%; float: none; } } .header-wrapper .header-navigation { /* .action-external , .action-submenu { a { &:after { font-family: 'fcb_icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } } } */ } .header-wrapper .header-navigation .action-submenu > a:after { font-size: 0.5rem; color: #6e7882; } .header-wrapper .header-navigation { height: 3.875rem; position: relative; } .header-wrapper .header-navigation:before { position: absolute; content: ''; display: block; width: 0rem; height: 0rem; border-style: solid; border-width: 0 0 2.9375rem 6.875rem; border-color: transparent transparent transparent transparent; left: -6.875rem; top: 0.8125rem; } .header-wrapper .header-navigation .layer-inactive { position: absolute; bottom: 0; left: 0; right: 0; top: 0; background-color: rgba(0, 0, 0, 0.3); height: 100vh; width: 100vw; display: none; opacity: 0; transition: opacity 0.4s linear; } .header-wrapper .header-navigation .layer-inactive.layer-level-1 { z-index: 406; } .header-wrapper .header-navigation .layer-inactive.layer-level-2 { z-index: 411; } .header-wrapper .header-navigation .layer-inactive.active { display: block; } .header-wrapper .header-navigation .layer-inactive.fade-in { display: block; opacity: 1; } .header-wrapper .header-navigation .level-1 a, .header-wrapper .header-navigation .level-2 a, .header-wrapper .header-navigation .level-3 a { text-decoration: none; -webkit-tap-highlight-color: transparent; } .header-wrapper .header-navigation .level-1 { display: inline-block; white-space: nowrap; } .header-wrapper .header-navigation .level-1 > li { white-space: initial; display: inline-block; margin-right: 0.5rem; } .header-wrapper .header-navigation .level-1 > li > a { display: block; position: relative; font-family: "expressway_condensed_light"; font-size: 1.25rem; line-height: 1.375rem; text-decoration: none; border: 0; } .header-wrapper .header-navigation .level-1 > li > a:hover { color: #e6b4be; } .header-wrapper .header-navigation .level-1 > li.action-external > a:after, .header-wrapper .header-navigation .level-1 > li.action-submenu > a:after { content: none; } .header-wrapper .header-navigation .level-1 > li.type-hidden { display: none; } .header-wrapper .header-navigation .level-1 > li.type-mobile { display: none; } .header-wrapper .header-navigation .level-1 > li.active > a, .header-wrapper .header-navigation .level-1 > li.selected > a { color: #e6b4be; } .header-wrapper .header-navigation .level-1 > li.active > a:before, .header-wrapper .header-navigation .level-1 > li.selected > a:before { content: ' '; border-top: 0.125rem solid #e6b4be; display: block; height: 0.0625rem; width: 100%; position: absolute; bottom: -0.625rem; left: 0rem; } .header-wrapper .header-navigation .level-1 > li.active .header-flyout-wrapper { height: auto; } .header-wrapper .header-navigation .level-1 > li.selected > a { color: #ffffff; } .header-wrapper .header-navigation .level-1 > li.selected > a:before { border-color: #ffffff; } .header-wrapper .header-navigation .level-1 > li.selected.action-more > a:before { content: none; } .header-wrapper .header-navigation .level-1 > li.action-more .button { position: static; font-size: 0.75rem; line-height: 0.75rem; font-family: "expressway_bold"; padding: 0.625rem; padding-top: 0.5625rem; padding-bottom: 0.5625rem; background-color: #6E0A28; border: 0; margin-top: -0.0625rem; } .header-wrapper .header-navigation .level-1 > li.action-more.active .button { background-color: #e6b4be; color: #6E0A28; } .header-wrapper .header-navigation .level-1 > li.action-more.active .button:before { content: none; } @media screen and (min-width: 64rem) { .header-wrapper .header-navigation .level-2 { padding-left: 0.875rem; padding-right: 0.875rem; } .header-wrapper .header-navigation .level-2 a { display: block; font-family: "expressway_condensed_light"; color: #6e7882; font-size: 1rem; line-height: 1.375rem; text-decoration: none; } .header-wrapper .header-navigation .level-2 a:hover { color: #0A3C64; } .header-wrapper .header-navigation .level-2 > li { border-bottom: 0.0625rem solid #c9ccd2; padding-top: 0.4375rem; padding-bottom: 0.4375rem; } .header-wrapper .header-navigation .level-2 > li a:hover { font-family: "expressway_condensed_bold"; } .header-wrapper .header-navigation .level-2 > li.action-submenu > a { position: relative; } .header-wrapper .header-navigation .level-2 > li.action-submenu > a:after { position: absolute; content: '\e911'; top: 0.5rem; right: 0.625rem; -webkit-transition: -webkit-transform, 0.2s, ease-in-out; -moz-transition: -moz-transform, 0.2s, ease-in-out; transition: transform, 0.2s, ease-in-out; } .header-wrapper .header-navigation .level-2 > li.action-submenu.no-sublevel-more > a:after { content: none; } .header-wrapper .header-navigation .level-2 > li.action-submenu:hover > a { color: #0A3C64; } .header-wrapper .header-navigation .level-2 > li.action-submenu:hover > a:after { color: #0A3C64; } .header-wrapper .header-navigation .level-2 > li.action-submenu.active > a { color: #961432; } .header-wrapper .header-navigation .level-2 > li.action-submenu.active > a:after { color: #961432; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .header-wrapper .header-navigation .level-2 > li.action-external { padding-bottom: 0.4375rem; } .header-wrapper .header-navigation .level-2 > li.action-external > a { position: static; font-size: 1rem; line-height: 1.375rem; color: #0A3C64; font-family: "expressway_condensed_light"; display: inline-block; background-color: #e5e6e7; border-radius: 0.125rem; text-decoration: none; padding-top: 0rem; padding-bottom: 0rem; padding-left: 0.25rem; padding-right: 0.25rem; } .header-wrapper .header-navigation .level-2 > li.action-external > a:after { position: relative; padding-left: 0.25rem; padding-left: 0.0625rem; top: -0.125rem; right: 0rem; color: #0A3C64; font-size: 0.5rem; content: ' \e904'; transition: none; } .header-wrapper .header-navigation .level-2 > li.action-external > a:hover { background-color: #0A3C64; color: #ffffff; text-decoration: none; } .header-wrapper .header-navigation .level-2 > li.action-external > a:hover:after { color: #ffffff; } @-moz-document url-prefix() { .header-wrapper .header-navigation .level-2 > li.action-external > a { line-height: 1.25rem; padding-top: 0rem; padding-bottom: 0.125rem; } } } @media screen and (min-width: 64rem) and (-ms-high-contrast: active) { .header-wrapper .header-navigation .level-2 > li.action-external > a { line-height: 1.25rem; padding-top: 0rem; padding-bottom: 0.125rem; } } @media screen and (min-width: 64rem) { .header-wrapper .header-navigation .level-2 > li.active { border-bottom: none; padding-bottom: 0rem; } .header-wrapper .header-navigation .level-2 > li.active > a { font-family: "expressway_condensed_bold"; color: #961432; border: 0; padding-bottom: 0.5rem; } .header-wrapper .header-navigation .level-2 > li.active .level-3 { display: block; } .header-wrapper .header-navigation .level-3 { overflow: hidden; height: 0; background-color: #f8f8f9; } .header-wrapper .header-navigation .level-3 > li { padding-left: 1.5625rem; padding-top: 0.625rem; } .header-wrapper .header-navigation .level-3 > li:first-child { padding-top: 0.875rem; } .header-wrapper .header-navigation .level-3 > li:last-child { padding-bottom: 0.9375rem; } .header-wrapper .header-navigation .level-3 > li a { border: 0; position: relative; padding-left: 0rem; } .header-wrapper .header-navigation .level-3 > li a:before { content: "•"; padding-right: 0rem; } } @media screen and (max-width: 63.9375rem) { .header-wrapper .button-login #content-tooltip-logged-in .action-logout { font-size: 1.125rem; line-height: 1.5rem; text-decoration: none; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .header-wrapper .button-login #content-tooltip-logged-in .action-logout .icon { display: inline-block; margin-right: 0.625rem; width: 0.3125rem; } .header-wrapper .button-login #content-tooltip-logged-in .action-logout .icon svg { margin-bottom: 0.4375rem; } .header-wrapper .button-login #content-tooltip-logged-in .action-logout:hover { color: #0A3C64; } .header-wrapper .button-login #content-tooltip-logged-in .action-logout:hover .icon path { fill: #0A3C64; } .header-wrapper .logging-out-message { font-family: "expressway_condensed_light"; color: #6e7882; padding-left: 1.25rem; } .header-wrapper .logging-out-message .text-label { vertical-align: top; font-size: 1.125rem; line-height: 1.5rem; display: inline-block; } .header-wrapper .logging-out-message .fcb-indicator-loading { width: 2.5rem; height: 2.5rem; margin-top: -0.4375rem; margin-left: 0.9375rem; } .header-wrapper .header-navigation { position: absolute; display: block; left: 0rem; right: 0rem; top: 5rem; background-color: #e5e6e7; height: 0rem; overflow: hidden; } .header-wrapper .header-navigation:before { content: none; } .header-wrapper .header-navigation.enable-scroll-navigation { height: 100%; position: fixed; bottom: 0rem; right: 0rem; overflow-x: hidden; overflow-y: scroll; z-index: 405; } .header-wrapper .header-navigation .level-1 , .header-wrapper .header-navigation .level-2 , .header-wrapper .header-navigation .level-3 { display: block; background-color: transparent; } .header-wrapper .header-navigation .level-1 li, .header-wrapper .header-navigation .level-2 li, .header-wrapper .header-navigation .level-3 li { display: block; width: 100%; border-bottom: 0.125rem solid #c9ccd2; padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 0.625rem; padding-bottom: 0.625rem; vertical-align: middle; } .header-wrapper .header-navigation .level-1 li a, .header-wrapper .header-navigation .level-2 li a, .header-wrapper .header-navigation .level-3 li a { font-family: "expressway_condensed_light"; font-size: 1.25rem; line-height: 1.625rem; color: #0A3C64; border: none; display: inline-block; width: 100%; vertical-align: middle; text-decoration: none; padding-top: 0.875rem; padding-bottom: 0.875rem; white-space: nowrap; } .header-wrapper .header-navigation .level-1 li a:hover, .header-wrapper .header-navigation .level-2 li a:hover, .header-wrapper .header-navigation .level-3 li a:hover { color: #0A3C64; } .header-wrapper .header-navigation .level-1 li.action-more, .header-wrapper .header-navigation .level-2 li.action-more, .header-wrapper .header-navigation .level-3 li.action-more { display: none; } .header-wrapper .header-navigation .level-1 li.action-submenu > a , .header-wrapper .header-navigation .level-1 li.action-login a, .header-wrapper .header-navigation .level-2 li.action-submenu > a , .header-wrapper .header-navigation .level-2 li.action-login a, .header-wrapper .header-navigation .level-3 li.action-submenu > a , .header-wrapper .header-navigation .level-3 li.action-login a { position: relative; } .header-wrapper .header-navigation .level-1 li.action-submenu > a:after , .header-wrapper .header-navigation .level-1 li.action-login a:after, .header-wrapper .header-navigation .level-2 li.action-submenu > a:after , .header-wrapper .header-navigation .level-2 li.action-login a:after, .header-wrapper .header-navigation .level-3 li.action-submenu > a:after , .header-wrapper .header-navigation .level-3 li.action-login a:after { content: '\e904'; font-size: 0.9375rem; color: #0A3C64; position: absolute; right: 0rem; } .header-wrapper .header-navigation .level-1 li.action-submenu > a:after, .header-wrapper .header-navigation .level-2 li.action-submenu > a:after, .header-wrapper .header-navigation .level-3 li.action-submenu > a:after { top: 1.25rem; } .header-wrapper .header-navigation .level-1 li.action-submenu.no-submenu > a:after, .header-wrapper .header-navigation .level-2 li.action-submenu.no-submenu > a:after, .header-wrapper .header-navigation .level-3 li.action-submenu.no-submenu > a:after { content: none; } .header-wrapper .header-navigation .level-1 li.action-back > a, .header-wrapper .header-navigation .level-2 li.action-back > a, .header-wrapper .header-navigation .level-3 li.action-back > a { font-family: "expressway_condensed_bold"; font-size: 1.25rem; line-height: 1.625rem; text-transform: uppercase; text-align: center; position: relative; } .header-wrapper .header-navigation .level-1 li.action-back > a:before, .header-wrapper .header-navigation .level-2 li.action-back > a:before, .header-wrapper .header-navigation .level-3 li.action-back > a:before { font-family: 'fcb_icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\e904'; font-size: 1.75rem; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); position: absolute; left: 0rem; top: 50%; margin-top: -0.875rem; color: #961432; display: inline; } .header-wrapper .header-navigation .level-1 li.action-back > a:after, .header-wrapper .header-navigation .level-2 li.action-back > a:after, .header-wrapper .header-navigation .level-3 li.action-back > a:after { content: none; } .header-wrapper .header-navigation .level-1 li.action-external, .header-wrapper .header-navigation .level-2 li.action-external, .header-wrapper .header-navigation .level-3 li.action-external { padding-top: 0.625rem; padding-bottom: 0.625rem; } .header-wrapper .header-navigation .level-1 li.action-external > a, .header-wrapper .header-navigation .level-2 li.action-external > a, .header-wrapper .header-navigation .level-3 li.action-external > a { padding-top: 0rem; padding-bottom: 0rem; margin-top: 0.625rem; margin-bottom: 0.625rem; } .header-wrapper .header-navigation .level-1 li.action-external > a:after, .header-wrapper .header-navigation .level-2 li.action-external > a:after, .header-wrapper .header-navigation .level-3 li.action-external > a:after { content: none; } .header-wrapper .header-navigation .level-1 li.action-external > a .label-external, .header-wrapper .header-navigation .level-2 li.action-external > a .label-external, .header-wrapper .header-navigation .level-3 li.action-external > a .label-external { display: inline-block; background-color: #ffffff; padding-left: 0.625rem; padding-right: 0.5625rem; padding-top: 0.1875rem; padding-bottom: 0.3125rem; border-radius: 0.125rem; vertical-align: bottom; padding-right: 0.625rem; } .header-wrapper .header-navigation .level-1 li.action-external > a .label-external:after, .header-wrapper .header-navigation .level-2 li.action-external > a .label-external:after, .header-wrapper .header-navigation .level-3 li.action-external > a .label-external:after { content: '\e904'; padding-left: 0.1875rem; } @-moz-document url-prefix() { .header-wrapper .header-navigation .level-1 li.action-external > a .label-external, .header-wrapper .header-navigation .level-2 li.action-external > a .label-external, .header-wrapper .header-navigation .level-3 li.action-external > a .label-external { padding-top: 0.125rem; padding-bottom: 0.375rem; } } .header-wrapper .header-navigation .level-1 li.action-external > a .label-external:after, .header-wrapper .header-navigation .level-2 li.action-external > a .label-external:after, .header-wrapper .header-navigation .level-3 li.action-external > a .label-external:after { font-size: 0.9375rem; padding-left: 0.3125rem; } .header-wrapper .header-navigation .level-1 > li.type-mobile.action-login { display: none; } .header-wrapper .header-navigation .level-1 li.action-language .level-2 > li > a { position: relative; } .header-wrapper .header-navigation .level-1 li.action-language .level-2 > li > a:after, .header-wrapper .header-navigation .level-1 li.action-language .level-2 > li > a:before { display: block; position: absolute; top: 0rem; right: 0rem; } .header-wrapper .header-navigation .level-1 li.action-language .level-2 > li > a:before { content: ''; top: 1.125rem; border: 0.125rem solid #c9ccd2; border-radius: 50%; width: 1.3125rem; height: 1.3125rem; } .header-wrapper .header-navigation .level-1 li.action-language .level-2 > li > a:after { content: none; } .header-wrapper .header-navigation .level-1 li.action-language .level-2 > li > a.active:before { content: ' '; background-color: #ffffff; border: 0rem solid #0A3C64; background-color: #0A3C64; } .header-wrapper .header-navigation .level-1 li.action-language .level-2 > li > a.active:after { content: ' '; top: 1.5rem; right: 0.375rem; background-color: #ffffff; border-radius: 50%; width: 0.5625rem; height: 0.5625rem; } .header-wrapper .header-navigation .level-1 li.action-language .level-2 > li.action-back > a { font-family: "expressway_condensed_bold"; font-size: 1.25rem; line-height: 1.625rem; text-transform: uppercase; text-align: center; position: relative; } .header-wrapper .header-navigation .level-1 li.action-language .level-2 > li.action-back > a:before { font-family: 'fcb_icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\e904'; font-size: 1.75rem; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); position: absolute; left: 0rem; top: 50%; margin-top: -0.875rem; color: #961432; display: inline; } .header-wrapper .header-navigation .level-1 li.action-language .level-2 > li.action-back > a:after { content: none; } .header-wrapper .header-navigation .level-1 li.action-language .level-2 > li.action-back > a:before { height: auto; border: none; } .header-wrapper .header-navigation .level-1 > li.active a, .header-wrapper .header-navigation .level-1 > li.selected a { color: #ffffff; } .header-wrapper .header-navigation .level-1 > li.active a:before, .header-wrapper .header-navigation .level-1 > li.selected a:before { content: none; } .header-wrapper .header-navigation .level-1 > li.selected a { color: #0A3C64; } .header-wrapper .header-navigation .level-1 > li.type-mobile { display: block; } .header-wrapper .header-navigation .level-1 > li.action-login.type-mobile .level-2 { padding-bottom: 0; } .header-wrapper .header-navigation .level-1 > li.action-external > a { color: #0A3C64; } .header-wrapper .header-navigation .level-1 > li.action-presented-by, .header-wrapper .header-navigation .level-1 > li.action-exit { height: 4.75rem; } .header-wrapper .header-navigation .level-1 > li.action-presented-by { display: none; } .header-wrapper .header-navigation .level-1 > li.action-more { display: none; } .header-wrapper .header-navigation .level-2.type-extension { display: none; } .header-wrapper .header-navigation .level-3 { background-color: #e5e6e7; padding-bottom: 4.0625rem; height: 100%; position: fixed; bottom: 0rem; right: 0rem; overflow-x: hidden; overflow-y: scroll; top: 5rem; left: 100%; z-index: 415; } .header-wrapper .header-navigation .header-flyout-wrapper { background-color: #e5e6e7; padding: 0rem; border: 0; display: block; height: 100%; position: fixed; bottom: 0rem; right: 0rem; overflow-x: hidden; overflow-y: scroll; top: 5rem; left: 100%; z-index: 410; } .header-wrapper .header-navigation .header-flyout-wrapper .fcb-row { margin: 0rem; text-align: left; } .header-wrapper .header-navigation .header-flyout-wrapper .level-2 { padding-bottom: 4.0625rem; } .header-wrapper .header-navigation .header-flyout-wrapper .header-flyout-navigation { background-color: transparent; padding: 0rem; } .header-wrapper .header-navigation .header-flyout-wrapper .header-flyout-navigation .column-flyout-navigation { width: 100%; position: static; padding: 0rem; float: none; display: block; margin-top: 0rem; } .header-wrapper .header-navigation .header-flyout-wrapper .teaser-collection .teaser-flyout { display: none; } } @media screen and (max-width: 41.25rem) { .header-wrapper .header-navigation { top: 4.0625rem; } .header-wrapper .header-navigation .level-3 , .header-wrapper .header-navigation .header-flyout-wrapper { top: 4.0625rem; } .header-wrapper .header-navigation .level-1 > li.type-mobile.action-login { display: block; } .header-wrapper .header-navigation li.action-login { display: block; padding-top: 0.9375rem; padding-bottom: 0.875rem; height: 4.75rem; } .header-wrapper .header-navigation li.action-login .button-icon { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; text-align: center; } .header-wrapper .header-navigation li.action-login .button-icon .icon-initials { font-size: 0.875rem; line-height: 1.25rem; width: 100%; text-align: center; padding-top: 0.6875rem; } .header-wrapper .header-navigation li.action-login .button-icon .icon-image { padding: 0; margin: 0 auto; } .header-wrapper .header-navigation li.action-login .button-icon.type-icon { width: 1.375rem; } .header-wrapper .header-navigation li.action-login .button-icon.type-content { width: auto; width: 2.8125rem; height: 2.8125rem; border: 0.125rem solid #c9ccd2; background-color: #ffffff; border-radius: 50%; overflow: hidden; } .header-wrapper .header-navigation li.action-login .button-login:hover .button-label { color: #0A3C64; } .header-wrapper .header-navigation li.action-login .button-login:hover .button-icon .icon-initials { color: #0A3C64; } .header-wrapper .header-navigation li.action-login .button-login:hover .button-icon .icon-image { opacity: 1; } .header-wrapper .header-navigation li.action-login .button-login:hover .button-icon svg path { fill: #0A3C64; } .header-wrapper .header-navigation li.action-login .content-logged-out , .header-wrapper .header-navigation li.action-login .content-logged-in { display: none; overflow: hidden; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .header-wrapper .header-navigation li.action-login .button-login { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; height: 100%; padding-right: 0rem; margin-right: 0rem; } .header-wrapper .header-navigation li.action-login .button-login.status-logged-out .content-logged-out { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .header-wrapper .header-navigation li.action-login .button-login.status-logged-in .content-logged-in { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .header-wrapper .header-navigation li.action-login .button-label { display: block; font-size: 1.25rem; line-height: 1.625rem; margin-left: 0.625rem; } .header-wrapper .header-navigation li.action-login .button-label .label-logged-in-welcome , .header-wrapper .header-navigation li.action-login .button-label .label-logged-in-name { font-family: "expressway_light"; display: block; } .header-wrapper .header-navigation li.action-login .button-label .label-logged-in-welcome { color: #6e7882; font-size: 0.75rem; line-height: 1.125rem; } .header-wrapper .header-navigation li.action-login .button-label .label-logged-in-name { font-size: 1rem; line-height: 1.375rem; margin-top: -0.125rem; } .header-wrapper .header-navigation li.action-login svg path { fill: #0A3C64; } .header-wrapper .header-navigation li.action-login .button-login-element { padding: 0rem; max-width: initial; } .header-wrapper .header-navigation li.action-login .button-login-element:hover .button-label { color: #0A3C64; } .header-wrapper .header-navigation li.action-login .button-login-element:hover .button-icon img { opacity: 1; } .header-wrapper .header-navigation li.action-login .button-login-element:hover .button-icon .icon-initials { color: #0A3C64; } .header-wrapper .header-navigation li.action-login .button-login-element:hover .button-icon .icon-initials:before { border-color: #0A3C64; } .header-wrapper .header-navigation li.action-login a:after { top: 50%; margin-top: -0.5rem; } .header-wrapper .header-navigation li.action-login a.action-logout { padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 2.5rem; color: #6e7882; font-size: 1.125rem; line-height: 1.5rem; text-decoration: none; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .header-wrapper .header-navigation li.action-login a.action-logout .icon { display: inline-block; margin-right: 0.625rem; width: 0.3125rem; } .header-wrapper .header-navigation li.action-login a.action-logout .icon svg { margin-bottom: 0.4375rem; } .header-wrapper .header-navigation li.action-login a.action-logout .icon path { fill: #6e7882; } .header-wrapper .header-navigation li.action-login a.action-logout:hover { color: #0A3C64; } .header-wrapper .header-navigation li.action-login a.action-logout:hover .icon path { fill: #0A3C64; } .header-wrapper .header-navigation li.action-login a.action-logout:after { content: none; } .header-wrapper .header-navigation li.action-login .logging-out-message { padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 2.375rem; } .header-wrapper .header-navigation li.action-login .action-back > a:after { content: none; } } .header-wrapper .header-title { position: relative; height: 100%; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .header-wrapper .header-title .text-label { display: block; } .header-wrapper .header-title a { text-decoration: none; } .header-wrapper .header-title > div { display: inline-block; } .header-wrapper .header-title .header-logo { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; height: 100%; } .header-wrapper .header-title .header-logo .fcb-logo .icon { width: 5rem; } .header-wrapper .header-title .header-title-text { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; margin-left: 0.9375rem; margin-bottom: 2.25rem; vertical-align: bottom; } .header-wrapper .header-title .header-title-text .title-top { font-family: "expressway_light"; font-size: 0.75rem; line-height: 0.875rem; text-transform: uppercase; } .header-wrapper .header-title .header-title-text .title-main { font-family: "expressway_bold"; font-size: 1rem; line-height: 1.25rem; text-transform: uppercase; } .header-wrapper .header-title .header-title-text .title-main-mobile { display: none; } @media screen and (max-width: 63.9375rem) { .header-wrapper .header-title { /* .header-logo , .header-title-text { vertical-align: middle; } */ } .header-wrapper .header-title .header-logo .fcb-logo .icon { width: 3.75rem; } .header-wrapper .header-title .header-title-text { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; margin-left: 0.875rem; margin-bottom: 0rem; } .header-wrapper .header-title .header-title-text .title-main-mobile { display: none; } .header-wrapper .header-title .header-title-text .title-top , .header-wrapper .header-title .header-title-text .title-main { display: block; } .header-wrapper .header-title .header-title-text .title-top { font-size: 0.625rem; line-height: 1rem; } .header-wrapper .header-title .header-title-text .title-main { font-size: 0.875rem; line-height: 1rem; } } @media screen and (max-width: 41.25rem) { .header-wrapper .header-title .header-logo .fcb-logo .icon { width: 2.875rem; } .header-wrapper .header-title .header-title-text { margin-left: 0.5625rem; } .header-wrapper .header-title .header-title-text .title-top , .header-wrapper .header-title .header-title-text .title-main { display: none; } .header-wrapper .header-title .header-title-text .title-main-mobile { display: block; } .header-wrapper .header-title .header-title-text .title-main-mobile { font-family: "expressway_bold"; font-size: 1.125rem; line-height: 1.375rem; text-transform: uppercase; } } .header-wrapper .header-presented-by { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; margin-top: 0.75rem; margin-bottom: 0.9375rem; } .header-wrapper .header-presented-by .presented-label { font-family: "expressway_light"; font-size: 0.75rem; line-height: 1rem; color: #e6b4be; margin-right: 0.875rem; } .header-wrapper .header-presented-by .presented-partner { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; /* .icon { display: block; height: rem(22); svg { width: auto; height: 100%; } } //set size for icons .icon-partner-telekom { width: rem(46); margin-top: rem(1); } .icon-partner-adidas { width: rem(34); } */ } .header-wrapper .header-presented-by .presented-partner a { display: block; text-decoration: none; height: 1.375rem; } .header-wrapper .header-presented-by .presented-partner a img { display: block; height: 100%; width: auto; } .header-wrapper .header-presented-by .presented-partner a.type-content { height: 2.125rem; } .header-wrapper .header-presented-by .presented-partner a.type-start, .header-wrapper .header-presented-by .presented-partner a.type-content { display: inline-block; } .header-wrapper .header-presented-by .presented-partner a.type-start { margin-right: 0.9375rem; } @media screen and (max-width: 63.9375rem) { .header-wrapper .header-presented-by { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; margin: 0rem; margin-top: 2.0625rem; margin-left: 0.8125rem; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .header-wrapper .header-presented-by .presented-partner { /* .icon { svg { height: rem(23); } } //set size for icons .icon-partner-telekom { width: rem(47); } .icon-partner-adidas { width: rem(35); } .icon { height: rem(23); } */ } .header-wrapper .header-presented-by .presented-partner a { height: 1.125rem; } .header-wrapper .header-presented-by .presented-partner a.type-start { margin-right: 0.625rem; } .header-wrapper .header-presented-by .presented-partner a.type-content { height: 1.875rem; } .header-wrapper .header-presented-by .presented-label { margin-bottom: 0; } } @media screen and (max-width: 41.25rem) { .header-wrapper .header-presented-by { height: 4.0625rem; margin-top: 0rem; margin-left: 0rem; margin-right: 3.25rem; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .header-wrapper .header-presented-by .presented-partner { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; /* .icon { height: rem(17); } .type-start { &:nth-child(2) { margin-top: rem(9); } } //set size for icons .icon-partner-telekom { width: rem(33); } .icon-partner-adidas { width: rem(26); } */ } .header-wrapper .header-presented-by .presented-partner a { height: 1.0625rem; } .header-wrapper .header-presented-by .presented-partner a.type-content { height: 1.25rem; } .header-wrapper .header-presented-by .presented-partner a.type-start:nth-child(2) { margin-top: 0.5625rem; } .header-wrapper .header-presented-by .presented-label { display: none; } } .header-wrapper .button-presented-by .presented-label { font-family: "expressway_light"; font-size: 0.875rem; line-height: 1.25rem; } .header-wrapper .button-presented-by a { text-decoration: none; } @media screen and (max-width: 63.9375rem) { .header-wrapper .header-navigation .level-1 li.action-external .button-presented-by { display: block; color: #6e7882; vertical-align: middle; padding-top: 0.1875rem; padding-bottom: 0.1875rem; } .header-wrapper .header-navigation .level-1 li.action-external .button-presented-by .presented-label , .header-wrapper .header-navigation .level-1 li.action-external .button-presented-by .presented-partner { vertical-align: middle; } .header-wrapper .header-navigation .level-1 li.action-external .button-presented-by:before { position: absolute; top: 0.125rem; left: 0.4375rem; } .header-wrapper .header-navigation .level-1 li.action-external .button-presented-by .presented-label { font-size: 0.75rem; line-height: 1.125rem; } .header-wrapper .header-navigation .level-1 li.action-external .button-presented-by .presented-partner > a { display: inline-block; width: auto; padding-left: 0.3125rem; } } .header-wrapper .header-presented-by .presented-partner a.type-start { display: none; } .header-wrapper .header-presented-by .presented-partner a.type-content { display: block; } body.page-type-start .header-wrapper .header-presented-by .presented-partner a.type-start { display: block; } /********************************** * BREAKPOINT: SMALL (DOWN) **********************************/ @media screen and (max-width: 20rem) { .header-wrapper .header-presented-by { display: none; } } .ie-10 .header-wrapper .header-presented-by, .ie-11 .header-wrapper .header-presented-by { margin-bottom: 1.0625rem; } @media screen and (max-width: 63.9375rem) { .ie-10 .header-wrapper .header-presented-by, .ie-11 .header-wrapper .header-presented-by { margin-top: 2.125rem; margin-bottom: 0; } } @media screen and (max-width: 41.25rem) { .ie-10 .header-wrapper .header-presented-by, .ie-11 .header-wrapper .header-presented-by { margin-top: 0; margin-bottom: 0; } } .ie-10 .header-wrapper .header-presented-by .presented-partner a, .ie-11 .header-wrapper .header-presented-by .presented-partner a { height: auto; height: initial; } .ie-10 .header-wrapper .header-presented-by .presented-partner a img, .ie-11 .header-wrapper .header-presented-by .presented-partner a img { height: auto; width: 100%; } .ie-10 .header-wrapper .header-presented-by .presented-partner a.type-start, .ie-11 .header-wrapper .header-presented-by .presented-partner a.type-start { width: 2.0625rem; } .ie-10 .header-wrapper .header-presented-by .presented-partner a.type-content, .ie-11 .header-wrapper .header-presented-by .presented-partner a.type-content { width: 3.75rem; } @media screen and (max-width: 63.9375rem) { .ie-10 .header-wrapper .header-presented-by .presented-partner a.type-start, .ie-11 .header-wrapper .header-presented-by .presented-partner a.type-start { width: 1.6875rem; } .ie-10 .header-wrapper .header-presented-by .presented-partner a.type-content, .ie-11 .header-wrapper .header-presented-by .presented-partner a.type-content { width: 3.3125rem; } } @media screen and (max-width: 41.25rem) { .ie-10 .header-wrapper .header-presented-by .presented-partner a.type-start, .ie-11 .header-wrapper .header-presented-by .presented-partner a.type-start { width: 1.5625rem; } .ie-10 .header-wrapper .header-presented-by .presented-partner a.type-content, .ie-11 .header-wrapper .header-presented-by .presented-partner a.type-content { width: 2.1875rem; } } .header-wrapper .header-search-wrapper , .header-wrapper .language-switch { position: relative; padding-right: 1rem; } .header-wrapper .header-search-wrapper:before , .header-wrapper .language-switch:before { content: ''; display: block; height: 1.375rem; width: 0.0625rem; border-right: 0.0625rem solid #ffffff; position: absolute; top: 0.6875rem; right: 0rem; } .header-wrapper .header-actions .header-actions-bottom { height: 2.75rem; margin-top: 1.125rem; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; } .header-wrapper .header-actions .header-search-wrapper:before { -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; transition: all 0.15s linear; } .header-wrapper .header-actions .language-switch { padding-left: 0rem; padding-right: 0rem; } .header-wrapper .header-actions .language-switch:before { top: 0.375rem; } .header-wrapper .header-actions .language-switch .select-wrapper { background: transparent; } .header-wrapper .header-actions .language-switch .tooltip-select-wrapper { font-size: 1.125rem; line-height: 1.5rem; } .header-wrapper .header-actions .button-menu { display: none; } .header-wrapper .header-actions .header-actions-bottom.initial-style { background-color: #961432; } .header-wrapper .header-actions .header-actions-bottom.initial-style .language-switch .select-wrapper select { display: none; } @media screen and (max-width: 63.9375rem) { .header-wrapper .header-actions { height: 100%; } .header-wrapper .header-actions .header-actions-top { display: none; } .header-wrapper .header-actions .header-actions-bottom { height: 100%; margin-top: 0rem; } .header-wrapper .header-actions .header-actions-bottom.initial-style { background-color: transparent; } .header-wrapper .header-actions .header-actions-bottom .language-switch { display: none; } .header-wrapper .header-actions .header-actions-bottom .language-switch { position: static; padding: 0rem; margin: 0rem; } .header-wrapper .header-actions .header-actions-bottom .language-switch:before { content: none; display: none; } .header-wrapper .header-actions .header-actions-bottom .button-menu { height: 100%; display: block; float: left; } } @media screen and (max-width: 41.25rem) { .header-wrapper .header-actions .header-actions-bottom .button-login { display: none; } } @media screen and (min-width: 64rem) { .header-wrapper .column-actions.active-search { left: 18.75rem; width: auto; } } @media screen and (max-width: 63.9375rem) { .header-wrapper .header-container > .fcb-row .column-actions { width: auto; } .header-wrapper .header-container > .fcb-row .column-actions.active-search { width: 100%; } .header-wrapper .header-container > .fcb-row .column-actions.active-login { width: 100%; } .header-wrapper .column-actions.active-search .button-menu, .header-wrapper .column-actions.active-login .button-menu { float: right; } .header-wrapper .column-actions.active-search .header-actions .header-actions-bottom .button-login { position: absolute; top: 0rem; z-index: -1; } .header-wrapper .column-actions.active-search .button-menu.active { border-color: transparent; } .header-wrapper .column-actions.active-login .header-actions .button-login { display: block; position: absolute; left: 0rem; right: 5.0625rem; top: 0rem; bottom: 0rem; margin: 0rem; } .header-wrapper .column-actions.active-login .header-actions .button-login .button-login-element { display: none; } .header-wrapper .column-actions.active-login .header-actions .button-login .button-login-overlay { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .header-wrapper .column-actions.active-login .header-actions .button-login .button-login-overlay .overlay-logged-in , .header-wrapper .column-actions.active-login .header-actions .button-login .button-login-overlay .overlay-logged-out { white-space: nowrap; } .header-wrapper .column-actions.active-login .header-actions .button-login:hover .button-label , .header-wrapper .column-actions.active-login .header-actions .button-login:hover .button-icon { border-color: #ffffff; color: #ffffff; } .header-wrapper .column-actions.active-login .header-actions .button-login:hover .button-label svg path, .header-wrapper .column-actions.active-login .header-actions .button-login:hover .button-icon svg path { fill: #ffffff; } .header-wrapper .column-actions.active-login .header-actions .button-login:hover .content-logged-in .button-icon .icon-image { opacity: 1; } .header-wrapper .column-actions.active-login .header-actions .button-login.status-logged-in .button-login-overlay { padding-left: 3.9375rem; } .header-wrapper .column-actions.active-login .header-actions .button-login.status-logged-in .button-login-element { position: absolute; top: 0rem; bottom: 0rem; left: 1.25rem; display: block; } .header-wrapper .column-actions.active-login .header-actions .button-login.status-logged-in .button-login-element .content-logged-in .text-label { display: none; } .header-wrapper .column-actions.active-login .header-actions .button-login.status-logged-in .overlay-logged-in .profile-user-name { display: inline; } } .header-wrapper .column-actions.initial-style .header-actions-bottom { background-color: #961432; } .header-wrapper .column-actions.initial-style .header-actions-bottom .language-switch .select-wrapper select { display: none; } .fcb-tooltip-language , .fcb-tooltip-logged-out , .fcb-tooltip-logged-in { z-index: 420; } .fcb-tooltip-language .tooltip-content, .fcb-tooltip-logged-out .tooltip-content, .fcb-tooltip-logged-in .tooltip-content { background-color: #ffffff; } .menu-open-label { -webkit-transition: opacity 0.275s ease-in-out; -moz-transition: opacity 0.275s ease-in-out; transition: opacity 0.275s ease-in-out; opacity: 1; } .active .menu-open-label { opacity: 0; } /* MainHeader ~ END */ /* MainFooter ~ START */ .main-page-wrapper .main-footer-wrapper { position: relative; } body .main-page-wrapper .main-footer-wrapper:before { position: absolute; height: 13.75rem; top: -10.375rem; z-index: -1; } .main-page-wrapper .main-footer-wrapper a.subline { margin-top: 2.1875rem; font-size: 1rem; line-height: 1.375rem; font-family: "expressway_condensed_light"; display: block; width: 100%; text-decoration: none; } .main-page-wrapper .main-footer-wrapper .footer-top-area { margin-top: 5rem; position: relative; padding-top: 0.3125rem; padding-bottom: 0.3125rem; } .main-page-wrapper .main-footer-wrapper .footer-top-area .shop-tour-links { float: left; line-height: 2.625rem; } .main-page-wrapper .main-footer-wrapper .footer-top-area .shop-tour-links ul { margin-bottom: 0; } .main-page-wrapper .main-footer-wrapper .footer-top-area .shop-tour-links ul li { float: left; padding-top: 0.5625rem; padding-bottom: 0.6875rem; } .main-page-wrapper .main-footer-wrapper .footer-top-area .shop-tour-links a.button, .main-page-wrapper .main-footer-wrapper .footer-top-area .shop-tour-links .ui-datepicker div.ui-datepicker-buttonpane button, .ui-datepicker div.ui-datepicker-buttonpane .main-page-wrapper .main-footer-wrapper .footer-top-area .shop-tour-links button { font-family: "expressway_condensed_light"; color: #6e7882; text-transform: none; font-size: 1.25rem; line-height: 1.625rem; margin-left: 1.5625rem; } .main-page-wrapper .main-footer-wrapper .footer-top-area .shop-tour-links a.button span.icon, .main-page-wrapper .main-footer-wrapper .footer-top-area .shop-tour-links .ui-datepicker div.ui-datepicker-buttonpane button span.icon, .ui-datepicker div.ui-datepicker-buttonpane .main-page-wrapper .main-footer-wrapper .footer-top-area .shop-tour-links button span.icon { top: 0.25rem; width: 1.25rem; } .main-page-wrapper .main-footer-wrapper .footer-top-area .shop-tour-links a.button span.icon.is-ie, .main-page-wrapper .main-footer-wrapper .footer-top-area .shop-tour-links .ui-datepicker div.ui-datepicker-buttonpane button span.icon.is-ie, .ui-datepicker div.ui-datepicker-buttonpane .main-page-wrapper .main-footer-wrapper .footer-top-area .shop-tour-links button span.icon.is-ie { top: 0; } .main-page-wrapper .main-footer-wrapper .footer-top-area .shop-tour-links a.button span.icon.is-ie.icon-shop, .main-page-wrapper .main-footer-wrapper .footer-top-area .shop-tour-links .ui-datepicker div.ui-datepicker-buttonpane button span.icon.is-ie.icon-shop, .ui-datepicker div.ui-datepicker-buttonpane .main-page-wrapper .main-footer-wrapper .footer-top-area .shop-tour-links button span.icon.is-ie.icon-shop { left: 1px; top: 0.0625rem; width: 0.75rem; } .main-page-wrapper .main-footer-wrapper .footer-top-area .shop-tour-links a.button span.icon svg, .main-page-wrapper .main-footer-wrapper .footer-top-area .shop-tour-links .ui-datepicker div.ui-datepicker-buttonpane button span.icon svg, .ui-datepicker div.ui-datepicker-buttonpane .main-page-wrapper .main-footer-wrapper .footer-top-area .shop-tour-links button span.icon svg, .main-page-wrapper .main-footer-wrapper .footer-top-area .shop-tour-links a.button span.icon svg path, .main-page-wrapper .main-footer-wrapper .footer-top-area .shop-tour-links .ui-datepicker div.ui-datepicker-buttonpane button span.icon svg path, .ui-datepicker div.ui-datepicker-buttonpane .main-page-wrapper .main-footer-wrapper .footer-top-area .shop-tour-links button span.icon svg path { fill: #6e7882; } .main-page-wrapper .main-footer-wrapper .footer-top-area .shop-tour-links a.button:first-child, .main-page-wrapper .main-footer-wrapper .footer-top-area .shop-tour-links .ui-datepicker div.ui-datepicker-buttonpane button:first-child, .ui-datepicker div.ui-datepicker-buttonpane .main-page-wrapper .main-footer-wrapper .footer-top-area .shop-tour-links button:first-child { margin-left: 0rem; } .main-page-wrapper .main-footer-wrapper .footer-top-area .shop-tour-links a.button:before, .main-page-wrapper .main-footer-wrapper .footer-top-area .shop-tour-links .ui-datepicker div.ui-datepicker-buttonpane button:before, .ui-datepicker div.ui-datepicker-buttonpane .main-page-wrapper .main-footer-wrapper .footer-top-area .shop-tour-links button:before { padding-right: 0.25rem; } .main-page-wrapper .main-footer-wrapper .footer-top-area .fcb-logo { max-width: 7.875rem; position: absolute; left: 50%; top: -0.5rem; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 10; } .main-page-wrapper .main-footer-wrapper .footer-top-area .to-top { float: right; } .main-page-wrapper .main-footer-wrapper .footer-top-area .to-top a.button span.icon, .main-page-wrapper .main-footer-wrapper .footer-top-area .to-top .ui-datepicker div.ui-datepicker-buttonpane button span.icon, .ui-datepicker div.ui-datepicker-buttonpane .main-page-wrapper .main-footer-wrapper .footer-top-area .to-top button span.icon { margin-left: 0.625rem; margin-right: 0; } .main-page-wrapper .main-footer-wrapper .footer-top-area .to-top a.button span.icon svg, .main-page-wrapper .main-footer-wrapper .footer-top-area .to-top .ui-datepicker div.ui-datepicker-buttonpane button span.icon svg, .ui-datepicker div.ui-datepicker-buttonpane .main-page-wrapper .main-footer-wrapper .footer-top-area .to-top button span.icon svg { margin-left: 0; } .main-page-wrapper .main-footer-wrapper .footer-top-area > a span.icon { width: 7.875rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper { background: #961432; border-top: 0.1875rem solid #961432; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .subline { color: #ffffff; text-transform: uppercase; text-align: center; margin-bottom: 2.1875rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner { padding-top: 3.9375rem; background-color: #6E0A28; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area { position: relative; padding-top: 1.5625rem; padding-bottom: 1.125rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .fcb-row { margin-bottom: 0; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .shop-tour-links { display: none; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .meta-navigation-copyright { width: 66.66667%; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .meta-navigation-copyright:before { content: ''; height: 0.125rem; position: absolute; top: 0px; left: 1.5625rem; right: 1.5625rem; background: #6E0A28; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .meta-navigation-copyright .meta-navigation { width: 100%; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .meta-navigation-copyright .meta-navigation ul { display: block; margin-bottom: 0.5625rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .meta-navigation-copyright .meta-navigation ul li { display: inline-block; color: #ffffff; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .meta-navigation-copyright .meta-navigation ul li:first-child a { margin-left: 0; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .meta-navigation-copyright .meta-navigation ul li a { font-size: 1.125rem; line-height: 1.5rem; font-family: "expressway_condensed_bold"; text-decoration: none; margin-left: 1.25rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .meta-navigation-copyright .copyright { width: 100%; float: left; color: #e6b4be; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .partner-navigation { width: 33.33333%; text-align: right; margin-top: -0.4375rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .partner-navigation a { color: #ffffff; text-decoration: none; display: inline-block; margin-left: 1.1875rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .partner-navigation a:first-child { margin-left: 0; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .partner-navigation a span.icon.icon-partner-footer-allianzarena { width: 8.5625rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .partner-navigation a span.icon.icon-partner-footer-eca { width: 2.625rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .partner-navigation a span.icon.icon-partner-footer-bundesliga { width: 4.1875rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .partner-navigation a span.icon svg { fill: #ffffff; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-navigation { overflow: hidden; margin-bottom: 3.75rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-navigation .fcb-row { margin-bottom: 0; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-navigation .fcb-row > div { position: relative; padding-right: 1.75rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-navigation .fcb-row > div:first-child:before { display: none; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-navigation .fcb-row > div:before { content: ''; width: 0.125rem; background: #6E0A28; display: block; position: absolute; top: 0.125rem; bottom: -37.5rem; right: 0.875rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-navigation .fcb-row > div:nth-child(-n+6) { right: 16.66667%; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-navigation .fcb-row > div:nth-child(-n+6) > a { margin-top: 0; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-navigation .fcb-row > div:nth-child(n+7) { float: left; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-navigation .fcb-row > div:nth-child(7), .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-navigation .fcb-row > div:nth-child(12), .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-navigation .fcb-row > div:nth-child(17) { float: left; clear: both; color: #ffffff; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-navigation .fcb-row > div a { color: #ffffff; text-decoration: none; display: block; width: 100%; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-navigation .fcb-row > div > a { font-size: 1.375rem; line-height: 1.75rem; font-family: "expressway_condensed_bold"; margin-bottom: 1.125rem; margin-top: 1.875rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-navigation .fcb-row > div ul.footer-navigation-subnavi { margin-top: 0; margin-bottom: 0; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-navigation .fcb-row > div ul.footer-navigation-subnavi li { margin-bottom: 0.3125rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-navigation .fcb-row > div ul.footer-navigation-subnavi li:last-child { margin-bottom: 0; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-navigation .fcb-row > div ul.footer-navigation-subnavi li a { font-family: "expressway_condensed_light"; color: #e6b4be; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-navigation .fcb-row > div.footer-special-links a { margin-bottom: 0.1875rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-social-media { margin-top: 2.1875rem; margin-bottom: 3.5rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-social-media .fcb-row { margin-bottom: 0; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-social-media .social-media-channels { text-align: center; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-social-media .social-media-channels a { text-decoration: none; display: inline-block; overflow: hidden; margin-left: 2.25rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-social-media .social-media-channels a:first-child { margin-left: 0; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-social-media .social-media-channels a span { display: block; width: 2.5rem; height: 2.5rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-social-media .social-media-channels a span svg { fill: #e6b4be; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-social-media .social-media-channels a span:first-child { margin-left: 0; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-social-media .social-media-channels a span.icon-social-media-footer-facebook:hover svg { fill: #44619D; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-social-media .social-media-channels a span.icon-social-media-footer-instagram:hover svg { fill: #fff; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-social-media .social-media-channels a span.icon-social-media-footer-youtube:hover svg { fill: #e62117; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-social-media .social-media-channels a span.icon-social-media-footer-snapchat:hover svg { fill: #fffc00; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-social-media .social-media-channels a span.icon-social-media-footer-twitter:hover svg { fill: #1DA1F2; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-social-media .social-media-channels a span.icon-social-media-footer-dugout:hover svg { fill: #ffffff; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .footer-partner-container .fcb-row:first-child { margin-bottom: 0; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner { text-align: center; margin-bottom: 2.5rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon { margin-right: 1.4375rem; margin-left: 1.4375rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon svg, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon svg { height: auto; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon svg path, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon svg path { fill: #f7bec8; fill-opacity: 1.0; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-telekom, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-telekom { width: 7.8125rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-adidas, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-adidas { width: 7.125rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-audi, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-audi { width: 7.5625rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-audi svg, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-audi svg { position: relative; top: -1.25rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-audi .svg-icon-fix, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-audi .svg-icon-fix { position: relative; top: -1.25rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-audi .svg-icon-fix svg, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-audi .svg-icon-fix svg { position: absolute; top: 0; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-allianz, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-allianz { width: 9.125rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-dhl, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-dhl { width: 7.5rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-dhl svg, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-dhl svg { position: relative; top: -0.1875rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-dhl .svg-icon-fix, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-dhl .svg-icon-fix { position: relative; top: -0.1875rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-dhl .svg-icon-fix svg, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-dhl .svg-icon-fix svg { position: absolute; top: 0; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-gigaset, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-gigaset { width: 5.3125rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-hypovereinsbank, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-hypovereinsbank { width: 9.6875rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-lufthansa, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-lufthansa { width: 10.125rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-goodyear, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-goodyear { width: 9.375rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-hamadairport, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-hamadairport { width: 7rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-hamadairport svg, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-hamadairport svg { position: relative; top: 0.625rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-hamadairport .svg-icon-fix, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-hamadairport .svg-icon-fix { position: relative; top: 0.625rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-hamadairport .svg-icon-fix svg, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-hamadairport .svg-icon-fix svg { position: absolute; top: 0; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-paulaner, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-paulaner { width: 9.25rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-philips, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-philips { width: 7.5rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-tipico, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-tipico { width: 5.1875rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-sap, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-sap { width: 3.4375rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-yinglisolar, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-yinglisolar { width: 15.4375rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner a { overflow: hidden; text-decoration: none; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner a span { color: #e6b4be; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner.fcb-row { max-width: 63.9375rem; margin: 0 auto; margin-bottom: 3.75rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner.fcb-row a span.icon { margin-bottom: 2.1875rem; } @media only screen and (min-width: 85.375rem) { body .main-page-wrapper .main-footer-wrapper:before { position: absolute; height: 16.625rem; top: -13.25rem; z-index: -1; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .main-page-wrapper .main-footer-wrapper .footer-top-area { margin-top: 2.5rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-navigation { display: none; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .footer-partner-container.fcb-container .fcb-row { margin-bottom: 1.25rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .footer-partner-container.fcb-container .fcb-row .subline { margin-bottom: 1rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .footer-partner-container.fcb-container .fcb-row:first-child { margin-bottom: 0; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .footer-partner-container.fcb-container .fcb-platin-partner.fcb-row { margin-bottom: 2.5rem; max-width: 42.5rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .footer-partner-container.fcb-container .fcb-platin-partner.fcb-row a span { margin-bottom: 2.1875rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner { margin-bottom: 2.5rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon { margin-left: 0.625rem; margin-right: 0.625rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-telekom, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-telekom { width: 4.3125rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-adidas, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-adidas { width: 3.9375rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-audi, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-audi { width: 4.1875rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-audi svg, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-audi svg { top: -0.625rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-audi .svg-icon-fix, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-audi .svg-icon-fix { top: -0.625rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-allianz, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-allianz { width: 5rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-dhl, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-dhl { width: 5rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-gigaset, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-gigaset { width: 3.75rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-hypovereinsbank, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-hypovereinsbank { width: 6.8125rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-lufthansa, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-lufthansa { width: 7.125rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-goodyear, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-goodyear { width: 6.875rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-hamadairport, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-hamadairport { width: 5.25rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-hamadairport svg, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-hamadairport svg { top: 0.5rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-paulaner, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-paulaner { width: 6.3125rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-philips, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-philips { width: 5.25rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-tipico, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-tipico { width: 3.75rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-sap, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-sap { width: 2.4375rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-yinglisolar, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-yinglisolar { width: 10.5rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area { padding-top: 0; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .meta-navigation-copyright, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .partner-navigation { float: left; clear: both; width: 100%; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .meta-navigation-copyright { padding-bottom: 1.1875rem; position: relative; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .meta-navigation-copyright:before { top: auto; bottom: 0px; left: 0.5rem; right: 0.5rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .meta-navigation-copyright .meta-navigation, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .meta-navigation-copyright .copyright { text-align: center; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .partner-navigation { margin-top: 1.25rem; text-align: center; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .partner-navigation a { margin-left: 2.25rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .partner-navigation a span { font-size: 3.1875rem; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .main-page-wrapper .main-footer-wrapper .footer-top-area { padding-left: 0.8125rem; padding-right: 0.8125rem; } .main-page-wrapper .main-footer-wrapper .footer-top-area .shop-tour-links { display: none; } .main-page-wrapper .main-footer-wrapper .footer-top-area .to-top a.button, .main-page-wrapper .main-footer-wrapper .footer-top-area .to-top .ui-datepicker div.ui-datepicker-buttonpane button, .ui-datepicker div.ui-datepicker-buttonpane .main-page-wrapper .main-footer-wrapper .footer-top-area .to-top button { font-size: 0; } .main-page-wrapper .main-footer-wrapper .footer-top-area .to-top a.button span.icon, .main-page-wrapper .main-footer-wrapper .footer-top-area .to-top .ui-datepicker div.ui-datepicker-buttonpane button span.icon, .ui-datepicker div.ui-datepicker-buttonpane .main-page-wrapper .main-footer-wrapper .footer-top-area .to-top button span.icon { margin: 0; } .main-page-wrapper .main-footer-wrapper .footer-top-area .to-top a.button span.icon svg, .main-page-wrapper .main-footer-wrapper .footer-top-area .to-top .ui-datepicker div.ui-datepicker-buttonpane button span.icon svg, .ui-datepicker div.ui-datepicker-buttonpane .main-page-wrapper .main-footer-wrapper .footer-top-area .to-top button span.icon svg { left: 0; margin-left: 0; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper { padding: 0 0.8125rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .subline { margin-bottom: 1.25rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-navigation { display: none; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner { padding-top: 3.625rem; width: auto; max-width: none; margin-left: -0.8125rem; margin-right: -0.8125rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner { margin-left: 0; margin-right: 0; margin-bottom: 1.25rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon { margin-left: 0.3125rem; margin-right: 0.3125rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-telekom, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-telekom { width: 3.625rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-adidas, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-adidas { width: 3.3125rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-audi, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-audi { width: 3.5rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-allianz, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-allianz { width: 4.25rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-dhl, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-dhl { width: 4.25rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-gigaset, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-gigaset { width: 3.4375rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-hypovereinsbank, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-hypovereinsbank { width: 6.375rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-lufthansa, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-lufthansa { width: 6.625rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-goodyear, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-goodyear { width: 6.0625rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-hamadairport, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-hamadairport { width: 4.8125rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-paulaner, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-paulaner { width: 5.9375rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-philips, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-philips { width: 4.8125rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-tipico, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-tipico { width: 3.4375rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-sap, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-sap { width: 2.125rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a span.icon.icon-partner-footer-yinglisolar, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-platin-partner a span.icon.icon-partner-footer-yinglisolar { width: 9.8125rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .footer-partner-container.fcb-container .fcb-platin-partner.fcb-row a { margin-bottom: 1.25rem; max-height: 1.0625rem; overflow: visible; display: inline-block; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .footer-partner-container.fcb-container .fcb-platin-partner.fcb-row a span { margin-bottom: 0; max-height: 1.0625rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .footer-partner-container.fcb-container .fcb-platin-partner.fcb-row a span.icon-partner-footer-hamadairport { margin-top: -1rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner .fcb-main-partner a svg { height: 2.1875rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-social-media { margin-bottom: 1.25rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-social-media .social-media-channels { padding: 0; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-social-media .social-media-channels a { margin-left: 0.625rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-social-media .social-media-channels a span { width: 2.25rem; height: 2.25rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area { padding-bottom: 1.25rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .shop-tour-links { display: block; text-align: center; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .shop-tour-links a.button.text-only, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .shop-tour-links .ui-datepicker div.ui-datepicker-buttonpane button.text-only, .ui-datepicker div.ui-datepicker-buttonpane .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .shop-tour-links button.text-only { color: #ffffff; font-size: 1.25rem; line-height: 1.625rem; font-family: "expressway_condensed_light"; text-transform: none; text-decoration: none; width: 100%; padding-top: 1.25rem; padding-bottom: 1.25rem; border-top: 2px solid #6E0A28; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .shop-tour-links a.button.text-only:first-child, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .shop-tour-links .ui-datepicker div.ui-datepicker-buttonpane button.text-only:first-child, .ui-datepicker div.ui-datepicker-buttonpane .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .shop-tour-links button.text-only:first-child { border-top: none; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .shop-tour-links a.button.text-only span.icon, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .shop-tour-links .ui-datepicker div.ui-datepicker-buttonpane button.text-only span.icon, .ui-datepicker div.ui-datepicker-buttonpane .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .shop-tour-links button.text-only span.icon { float: none; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .shop-tour-links a.button.text-only span.icon svg, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .shop-tour-links .ui-datepicker div.ui-datepicker-buttonpane button.text-only span.icon svg, .ui-datepicker div.ui-datepicker-buttonpane .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .shop-tour-links button.text-only span.icon svg { left: 0; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .shop-tour-links a.button.text-only span.icon svg path, .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .shop-tour-links .ui-datepicker div.ui-datepicker-buttonpane button.text-only span.icon svg path, .ui-datepicker div.ui-datepicker-buttonpane .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .shop-tour-links button.text-only span.icon svg path { fill: #ffffff; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .meta-navigation-copyright { padding-bottom: 0; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .meta-navigation-copyright:before { display: none; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .meta-navigation-copyright .meta-navigation { border-top: 0.125rem solid #6E0A28; border-bottom: 0.125rem solid #6E0A28; padding-top: 1.25rem; padding-bottom: 1.25rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .meta-navigation-copyright .meta-navigation ul { margin-bottom: 0; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .meta-navigation-copyright .meta-navigation ul li { display: block; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .meta-navigation-copyright .meta-navigation ul li a { display: block; text-align: left; width: 100%; margin: 0; padding-top: 0.9375rem; padding-bottom: 0.9375rem; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .meta-navigation-copyright .copyright .footnote { display: block; padding-top: 1.0625rem; padding-bottom: 1.0625rem; border-bottom: 0.125rem solid #6E0A28; } .main-page-wrapper .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .partner-navigation a { margin-left: 1.25rem; } } @media screen and (max-width: 53.75rem) and (min-width: 41.25rem) { .main-page-wrapper .main-footer-wrapper .footer-top-area .shop-tour-links { max-width: 30%; line-height: 1.875rem; } .main-page-wrapper .main-footer-wrapper .footer-top-area .shop-tour-links a.button, .main-page-wrapper .main-footer-wrapper .footer-top-area .shop-tour-links .ui-datepicker div.ui-datepicker-buttonpane button, .ui-datepicker div.ui-datepicker-buttonpane .main-page-wrapper .main-footer-wrapper .footer-top-area .shop-tour-links button { margin-left: 0; } .main-page-wrapper .main-footer-wrapper .footer-top-area .fcb-logo { top: 0.5rem; } .main-page-wrapper .main-footer-wrapper .footer-top-area .to-top { padding-top: 1rem; } } /* MainFooter ~ END */ /* MainHeroStage ~ START */ .main-content-wrapper .hst-container-item > .herostage-wrapper { padding-left: 0; padding-right: 0; } .main-page-wrapper .herostage-wrapper { padding: 0; position: relative; margin-bottom: 1.25rem; /* INCLUDE LARGE */ /* INCLUDE MEDIUM */ /* INCLUDE SMALL */ } .main-page-wrapper .herostage-wrapper.no-space-bottom { margin-bottom: 0; } .main-page-wrapper .herostage-wrapper .herostage-wrapper-inner { width: 100%; max-width: 120rem; margin: 0 auto; } .main-page-wrapper .herostage-wrapper .herostage-wrapper-inner:after { content: ''; clear: both; display: block; visibility: hidden; height: 0rem; } .main-page-wrapper .herostage-wrapper .herostage-frame { overflow: hidden; box-sizing: border-box; padding: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .main-page-wrapper .herostage-wrapper .herostage-frame .ballon-wrapper { position: relative; background: none; } .main-page-wrapper .herostage-wrapper .herostage-frame .fcb-video-paywall.ballon-wrapper.ballon16x9 { padding-bottom: 56.22255%; } .main-page-wrapper .herostage-wrapper .herostage-frame .background-image-wrapper { height: 100%; width: 100%; position: relative; overflow: hidden; } .main-page-wrapper .herostage-wrapper .herostage-frame .background-image-wrapper .teaser-shadow { display: block; position: absolute; z-index: 2; right: 0; width: 100%; height: 100%; background-color: transparent; background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.75)); background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.75)); top: initial; top: auto; bottom: 0; height: 55%; } .main-page-wrapper .herostage-wrapper .herostage-frame .background-image-wrapper .spinner { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #e5e6e7; z-index: 2; opacity: 1; transition: opacity .3s; } .main-page-wrapper .herostage-wrapper .herostage-frame .background-image-wrapper .spinner .fcb-indicator-loading { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .main-page-wrapper .herostage-wrapper .herostage-frame .background-image-wrapper .spinner.no-transition { transition: none; } .main-page-wrapper .herostage-wrapper .herostage-frame .background-image-wrapper .spinner.hiding { transition: opacity .9s; opacity: 0; } .main-page-wrapper .herostage-wrapper .herostage-frame .background-image { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; background-size: cover; background-position: center; } .main-page-wrapper .herostage-wrapper .herostage-frame .background-image img { width: 101%; max-width: 101%; height: auto; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .main-page-wrapper .herostage-wrapper .herostage-frame.frame-100 { width: 100%; } .main-page-wrapper .herostage-wrapper .herostage-frame.frame-100 .teaser-content { top: auto; bottom: 3.75rem; } .main-page-wrapper .herostage-wrapper .herostage-frame.frame-50 { width: 50%; } .main-page-wrapper .herostage-wrapper .herostage-frame.frame-50 .ballon-wrapper .teaser-content { bottom: 4.9375rem; } .main-page-wrapper .herostage-wrapper .herostage-frame.frame-50 .ballon-wrapper .teaser-type { bottom: 4.9375rem; } .main-page-wrapper .herostage-wrapper .herostage-frame.frame-50-16x9 { width: 50%; } .main-page-wrapper .herostage-wrapper .herostage-frame.frame-25 { width: 50%; } .main-page-wrapper .herostage-wrapper .herostage-frame.frame-25 .herostage-teaser { overflow: hidden; height: 50%; } .main-page-wrapper .herostage-wrapper .herostage-frame.frame-25 .herostage-teaser:last-child { top: 50%; } .main-page-wrapper .herostage-wrapper .herostage-frame.frame-25 .herostage-teaser .background-image-wrapper .teaser-shadow { background-color: transparent; background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7)); background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7)); } .main-page-wrapper .herostage-wrapper .herostage-frame.frame-25 .herostage-teaser .teaser-content { bottom: 2.5rem; } .main-page-wrapper .herostage-wrapper .herostage-frame.frame-25 .herostage-teaser .teaser-content .teaser-cta-wrapper { margin-bottom: 0 !important; } .main-page-wrapper .herostage-wrapper .herostage-frame.fake { visibility: hidden; } .main-page-wrapper .herostage-wrapper .heroslider-wrapper { position: relative; z-index: 3; top: -0.125rem; } .main-page-wrapper .herostage-wrapper .heroslider-wrapper .heroslider-viewport { overflow: hidden; width: 100%; width: 100vw; left: 0; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; transition: height 0.3s; } .main-page-wrapper .herostage-wrapper .heroslider-wrapper .heroslider-viewport .herostage-frame { width: 100%; position: absolute; top: 0; padding: 0; } .main-page-wrapper .herostage-wrapper .heroslider-wrapper .heroslider-viewport .herostage-frame .ballon-wrapper { padding: 0; } .main-page-wrapper .herostage-wrapper .heroslider-pagination { padding: 4px 0; text-align: center; } .main-page-wrapper .herostage-wrapper .heroslider-pagination .hero-bullet { cursor: pointer; display: inline-block; background: #ffffff; border: 2px solid #c9ccd2; width: 9px; height: 9px; margin: 0 5px; border-radius: 30px; } .main-page-wrapper .herostage-wrapper .heroslider-pagination .hero-bullet.active { background-color: #961432; border: 2px solid #961432; } .main-page-wrapper .herostage-wrapper.hero-type-50-50 .heroslider-wrapper { width: 100%; height: 133.33333vw; } .main-page-wrapper .herostage-wrapper.hero-type-50-50:before { content: ""; background: #c9ccd2; position: absolute; top: 0; left: 50%; height: 100%; width: 0.125rem; z-index: 10; } .main-page-wrapper .herostage-wrapper.hero-type-25-25-50 .herostage-wrapper-inner:before { content: ""; background: #c9ccd2; position: absolute; top: 0; left: 50%; height: 100%; width: 0.125rem; z-index: 10; } .main-page-wrapper .herostage-wrapper.hero-type-25-25-50 .herostage-wrapper-inner .herostage-frame:first-child > .ballon-wrapper:before { position: absolute; content: ""; width: 100%; height: 0.125rem; background: #c9ccd2; top: 50%; z-index: 1; } .main-page-wrapper .herostage-wrapper.hero-type-25-25-50 .herostage-wrapper-inner .frame-50 .teaser-content { bottom: 3.1875rem; } .main-page-wrapper .herostage-wrapper.hero-type-25-25-50 .herostage-wrapper-inner .frame-50 .teaser-type { bottom: 3.1875rem; } .main-page-wrapper .herostage-wrapper.hero-type-50-25-25 .herostage-wrapper-inner:before { content: ""; background: #c9ccd2; position: absolute; top: 0; left: 50%; height: 100%; width: 0.125rem; z-index: 10; } .main-page-wrapper .herostage-wrapper.hero-type-50-25-25 .herostage-wrapper-inner .herostage-frame:last-child > .ballon-wrapper:before { position: absolute; content: ""; width: 100%; height: 0.125rem; background: #c9ccd2; top: 50%; z-index: 1; z-index: 20; } .main-page-wrapper .herostage-wrapper.hero-type-50-25-25 .herostage-wrapper-inner .frame-50 .teaser-content { bottom: 3.1875rem; } .main-page-wrapper .herostage-wrapper.hero-type-50-25-25 .herostage-wrapper-inner .frame-50 .teaser-type { bottom: 3.1875rem; } .main-page-wrapper .herostage-wrapper .outer-links-wrapper { position: relative; display: none; box-sizing: border-box; padding: 10px 17px 16px; z-index: 4; } .main-page-wrapper .herostage-wrapper .outer-links-wrapper h3 { color: #0A5082; font-size: 0.875rem; line-height: 1.25rem; margin-bottom: 8px; } .main-page-wrapper .herostage-wrapper .outer-links-wrapper ul.outer-links li { margin-bottom: 5px; } .main-page-wrapper .herostage-wrapper .outer-links-wrapper ul.outer-links li a { color: #6e7882; font-family: "expressway_condensed_bold"; } .main-page-wrapper .herostage-wrapper .outer-links-wrapper:before { content: ""; position: absolute; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #ffffff; top: -5px; left: 5%; } @media screen and (min-width: 0rem) and (max-width: 85.375rem) { .main-page-wrapper .herostage-wrapper .herostage-frame.frame-50 .ballon-wrapper .background-image-wrapper .teaser-shadow { background-color: transparent; background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.75)); background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.75)); } .main-page-wrapper .herostage-wrapper .herostage-frame.frame-50 .ballon-wrapper .teaser-content { bottom: 2.5rem; left: 1.5625rem; } .main-page-wrapper .herostage-wrapper .herostage-frame.frame-50 .ballon-wrapper .teaser-type { bottom: 2.5rem; right: 1.5625rem; } .main-page-wrapper .herostage-wrapper .herostage-frame.frame-50 .ballon-wrapper h3.teaser-subheadline { margin-bottom: 0; } .main-page-wrapper .herostage-wrapper .herostage-frame.frame-50-16x9 .ballon-wrapper { padding-bottom: 56.25%; } .main-page-wrapper .herostage-wrapper .herostage-frame.frame-50-16x9 .ballon-wrapper .background-image-wrapper .teaser-shadow { background-image: -webkit-radial-gradient(64% 44%, closest-side, rgba(255, 255, 255, 0) 64%, rgba(0, 0, 0, 0.7) 143%); background-image: radial-gradient(closest-side at 64% 44%, rgba(255, 255, 255, 0) 64%, rgba(0, 0, 0, 0.7) 143%); } .main-page-wrapper .herostage-wrapper .herostage-frame.frame-25 .ballon-wrapper .teaser-content { bottom: 2.5rem; left: 1.5625rem; } .main-page-wrapper .herostage-wrapper .herostage-frame.frame-25 .ballon-wrapper .teaser-content .teaser-cta-wrapper { margin-bottom: 0 !important; } .main-page-wrapper .herostage-wrapper .herostage-frame.frame-25 .ballon-wrapper h3.teaser-subheadline { margin-bottom: 0; } } @media screen and (min-width: 63.9375rem) { .main-page-wrapper .herostage-wrapper.hero-type-50-50 .herostage-frame.frame-25 .herostage-teaser .teaser-type, .main-page-wrapper .herostage-wrapper.hero-type-50-50 .herostage-frame.frame-25 .herostage-teaser .teaser-content, .main-page-wrapper .herostage-wrapper.hero-type-50-50 .herostage-frame.frame-50 .herostage-teaser .teaser-type, .main-page-wrapper .herostage-wrapper.hero-type-50-50 .herostage-frame.frame-50 .herostage-teaser .teaser-content, .main-page-wrapper .herostage-wrapper.hero-type-25-25-50 .herostage-frame.frame-25 .herostage-teaser .teaser-type, .main-page-wrapper .herostage-wrapper.hero-type-25-25-50 .herostage-frame.frame-25 .herostage-teaser .teaser-content, .main-page-wrapper .herostage-wrapper.hero-type-25-25-50 .herostage-frame.frame-50 .herostage-teaser .teaser-type, .main-page-wrapper .herostage-wrapper.hero-type-25-25-50 .herostage-frame.frame-50 .herostage-teaser .teaser-content, .main-page-wrapper .herostage-wrapper.hero-type-50-25-25 .herostage-frame.frame-25 .herostage-teaser .teaser-type, .main-page-wrapper .herostage-wrapper.hero-type-50-25-25 .herostage-frame.frame-25 .herostage-teaser .teaser-content, .main-page-wrapper .herostage-wrapper.hero-type-50-25-25 .herostage-frame.frame-50 .herostage-teaser .teaser-type, .main-page-wrapper .herostage-wrapper.hero-type-50-25-25 .herostage-frame.frame-50 .herostage-teaser .teaser-content { bottom: 1.875rem; } } @media screen and (min-width: 85.375rem) { .main-page-wrapper .herostage-wrapper.hero-type-50-50 .herostage-frame.frame-25 .herostage-teaser .teaser-type, .main-page-wrapper .herostage-wrapper.hero-type-50-50 .herostage-frame.frame-25 .herostage-teaser .teaser-content, .main-page-wrapper .herostage-wrapper.hero-type-50-50 .herostage-frame.frame-50 .herostage-teaser .teaser-type, .main-page-wrapper .herostage-wrapper.hero-type-50-50 .herostage-frame.frame-50 .herostage-teaser .teaser-content, .main-page-wrapper .herostage-wrapper.hero-type-25-25-50 .herostage-frame.frame-25 .herostage-teaser .teaser-type, .main-page-wrapper .herostage-wrapper.hero-type-25-25-50 .herostage-frame.frame-25 .herostage-teaser .teaser-content, .main-page-wrapper .herostage-wrapper.hero-type-25-25-50 .herostage-frame.frame-50 .herostage-teaser .teaser-type, .main-page-wrapper .herostage-wrapper.hero-type-25-25-50 .herostage-frame.frame-50 .herostage-teaser .teaser-content, .main-page-wrapper .herostage-wrapper.hero-type-50-25-25 .herostage-frame.frame-25 .herostage-teaser .teaser-type, .main-page-wrapper .herostage-wrapper.hero-type-50-25-25 .herostage-frame.frame-25 .herostage-teaser .teaser-content, .main-page-wrapper .herostage-wrapper.hero-type-50-25-25 .herostage-frame.frame-50 .herostage-teaser .teaser-type, .main-page-wrapper .herostage-wrapper.hero-type-50-25-25 .herostage-frame.frame-50 .herostage-teaser .teaser-content { bottom: 2.5rem; } } @media screen and (min-width: 85.375rem) { .main-page-wrapper .herostage-wrapper.hero-type-50-50 .herostage-frame.frame-50 .herostage-teaser .teaser-type, .main-page-wrapper .herostage-wrapper.hero-type-50-50 .herostage-frame.frame-50 .herostage-teaser .teaser-content { bottom: 3.125rem; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .main-page-wrapper .herostage-wrapper .herostage-frame.frame-100 .ballon-wrapper { padding-bottom: 100%; } .main-page-wrapper .herostage-wrapper .herostage-frame.frame-100 .ballon-wrapper .background-image-wrapper .teaser-shadow { background-color: transparent; background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.75)); background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.75)); } .main-page-wrapper .herostage-wrapper .herostage-frame.frame-100.video .ballon-wrapper { padding-bottom: 50%; } .main-page-wrapper .herostage-wrapper .herostage-frame.frame-50 { width: 100%; float: none; } .main-page-wrapper .herostage-wrapper .herostage-frame.frame-50 .ballon-wrapper { padding-bottom: 50%; /* .teaser-content { bottom: rem(50); } */ } .main-page-wrapper .herostage-wrapper .herostage-frame.frame-50 .ballon-wrapper .background-image-wrapper .teaser-shadow { background-color: transparent; background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.75)); background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.75)); } .main-page-wrapper .herostage-wrapper .herostage-frame.frame-50-16x9 { width: 100%; float: none; } .main-page-wrapper .herostage-wrapper .herostage-frame.frame-50-16x9 .ballon-wrapper { padding-bottom: 56.25%; } .main-page-wrapper .herostage-wrapper .herostage-frame.frame-50-16x9 .ballon-wrapper .background-image-wrapper .teaser-shadow { background-image: -webkit-radial-gradient(64% 44%, closest-side, rgba(255, 255, 255, 0) 72%, rgba(0, 0, 0, 0.7) 130%); background-image: radial-gradient(closest-side at 64% 44%, rgba(255, 255, 255, 0) 72%, rgba(0, 0, 0, 0.7) 130%); } .main-page-wrapper .herostage-wrapper .herostage-frame.frame-25 { position: relative; z-index: 3; z-index: 11; top: -0.125rem; width: 100%; } .main-page-wrapper .herostage-wrapper .herostage-frame.frame-25 .ballon-wrapper { padding: 0; height: auto; } .main-page-wrapper .herostage-wrapper .herostage-frame.frame-25 .ballon-wrapper .background-image-wrapper .teaser-shadow { display: none; } .main-page-wrapper .herostage-wrapper .herostage-frame.frame-25 .ballon-wrapper .teaser-content { padding-bottom: 17px; background-image: -webkit-linear-gradient( left , #f0f0f0 0%, #f8f8f9 100%, transparent 50%); background-image: linear-gradient(to right, #f0f0f0 0%, #f8f8f9 100%, transparent 50%); } .main-page-wrapper .herostage-wrapper .herostage-frame.frame-25 .herostage-teaser { width: 50%; height: 100%; overflow: hidden; } .main-page-wrapper .herostage-wrapper .herostage-frame.frame-25 .herostage-teaser:last-child { top: 0; left: auto; } .main-page-wrapper .herostage-wrapper .herostage-frame.frame-25 .teaser-25:hover .teaser-title { color: #961432; } .main-page-wrapper .herostage-wrapper.hero-type-100 .herostage-teaser .teaser-content { bottom: 3.125rem; } .main-page-wrapper .herostage-wrapper.hero-type-100 .herostage-teaser .teaser-type { bottom: 3.125rem; right: 2.5rem; } .main-page-wrapper .herostage-wrapper.hero-type-50-50:before { content: ""; background: #c9ccd2; position: absolute; top: 50%; left: 0; height: 0.125rem; width: 100%; z-index: 10; } .main-page-wrapper .herostage-wrapper.hero-type-25-25-50 { width: 100%; margin-bottom: 1.5625rem; } .main-page-wrapper .herostage-wrapper.hero-type-25-25-50 .herostage-wrapper-inner { display: table; } .main-page-wrapper .herostage-wrapper.hero-type-25-25-50 .herostage-wrapper-inner:before { display: none; } .main-page-wrapper .herostage-wrapper.hero-type-25-25-50 .herostage-wrapper-inner .frame-25 { display: table-footer-group; } .main-page-wrapper .herostage-wrapper.hero-type-25-25-50 .herostage-wrapper-inner .frame-25 .teaser-25 .background-image:before { content: ""; position: absolute; height: 99.9%; background: #c9ccd2; width: 0.0625rem; z-index: 2; } .main-page-wrapper .herostage-wrapper.hero-type-25-25-50 .herostage-wrapper-inner .frame-25 .teaser-25:first-child .background-image:before { right: 0; } .main-page-wrapper .herostage-wrapper.hero-type-25-25-50 .herostage-wrapper-inner .frame-25 .teaser-25:last-child .background-image:before { left: 0; } .main-page-wrapper .herostage-wrapper.hero-type-25-25-50 .herostage-wrapper-inner .frame-50 { display: table-header-group; } .main-page-wrapper .herostage-wrapper.hero-type-25-25-50 .herostage-wrapper-inner .frame-50 .ballon-wrapper { position: relative; } .main-page-wrapper .herostage-wrapper.hero-type-25-25-50 .herostage-wrapper-inner .frame-50 .ballon-wrapper:after { content: ''; display: block; position: absolute; z-index: 20; left: 0; bottom: 0; background: #c9ccd2; height: 0.125rem; width: 100%; } .main-page-wrapper .herostage-wrapper.hero-type-50-25-25 .herostage-wrapper-inner:before { display: none; } .main-page-wrapper .herostage-wrapper.hero-type-50-25-25 .teaser-25 .background-image-wrapper:before { content: ""; position: absolute; height: 99.9%; background: #c9ccd2; width: 0.0625rem; z-index: 2; right: 0; } .main-page-wrapper .herostage-wrapper.hero-type-50-25-25 .teaser-25:last-child .background-image-wrapper:before { left: 0; } .main-page-wrapper .herostage-wrapper.hero-type-50-25-25 .frame-50 .ballon-wrapper { position: relative; } .main-page-wrapper .herostage-wrapper.hero-type-50-25-25 .frame-50 .ballon-wrapper:after { content: ''; display: block; position: absolute; z-index: 20; left: 0; bottom: 0; background: #c9ccd2; height: 0.125rem; width: 100%; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .main-page-wrapper .herostage-wrapper.hero-type-50-50 .herostage-frame.frame-50 .ballon-wrapper .teaser-type { right: 1.875rem; } .main-page-wrapper .herostage-wrapper .herostage-frame.frame-100 .ballon-wrapper { padding-bottom: 133.33333%; } .main-page-wrapper .herostage-wrapper .herostage-frame.frame-100 .ballon-wrapper .background-image-wrapper .teaser-shadow { background-color: transparent; background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.75)); background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.75)); } .main-page-wrapper .herostage-wrapper .herostage-frame.frame-100 .fcb-video-paywall.ballon-wrapper.ballon16x9 { padding-bottom: 0; } .main-page-wrapper .herostage-wrapper .herostage-frame.frame-50 { width: 100%; height: 128vw; width: 100%; float: none; position: relative; } .main-page-wrapper .herostage-wrapper .herostage-frame.frame-50 .ballon-wrapper { padding: 0; width: 100%; height: 133.33333vw; height: 100%; } .main-page-wrapper .herostage-wrapper .herostage-frame.frame-50 .ballon-wrapper .background-image-wrapper .teaser-shadow { background-color: transparent; background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.75)); background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.75)); } .main-page-wrapper .herostage-wrapper .herostage-frame.frame-50 .ballon-wrapper .teaser-content { left: 0.8125rem; bottom: 1.875rem; } .main-page-wrapper .herostage-wrapper .herostage-frame.frame-50 .ballon-wrapper .teaser-type { right: 0.8125rem; bottom: 1.875rem; } .main-page-wrapper .herostage-wrapper .herostage-frame.frame-50-16x9 { width: 100%; height: 133.33333vw; width: 100%; float: none; } .main-page-wrapper .herostage-wrapper .herostage-frame.frame-50-16x9 .ballon-wrapper { padding: 0; width: 100%; height: 133.33333vw; } .main-page-wrapper .herostage-wrapper .herostage-frame.frame-50-16x9 .ballon-wrapper .background-image-wrapper .teaser-shadow { background-image: -webkit-radial-gradient(64% 44%, closest-side, rgba(255, 255, 255, 0) 72%, rgba(0, 0, 0, 0.7) 150%); background-image: radial-gradient(closest-side at 64% 44%, rgba(255, 255, 255, 0) 72%, rgba(0, 0, 0, 0.7) 150%); } .main-page-wrapper .herostage-wrapper .herostage-frame.frame-25 { width: 100%; height: 50vw; } .main-page-wrapper .herostage-wrapper .herostage-frame.frame-25 .background-image-wrapper:before { display: none; } .main-page-wrapper .herostage-wrapper .herostage-frame.frame-25 .ballon-wrapper { width: 100%; height: 50vw; } .main-page-wrapper .herostage-wrapper .herostage-frame.frame-25 .herostage-teaser { width: 100%; height: 100%; left: auto; overflow: hidden; } .main-page-wrapper .herostage-wrapper .herostage-frame.frame-25 .herostage-teaser .teaser-content { background: #ffffff; } .main-page-wrapper .herostage-wrapper .herostage-frame.frame-25 .herostage-teaser:last-child { top: 0; left: auto; } .main-page-wrapper .herostage-wrapper.hero-type-100 .herostage-teaser .teaser-content { bottom: 1.875rem; } .main-page-wrapper .herostage-wrapper.hero-type-100 .herostage-teaser .teaser-type { bottom: 1.875rem; right: 0.75rem; } .main-page-wrapper .herostage-wrapper.hero-type-50-50:before { display: none; } .main-page-wrapper .herostage-wrapper.hero-type-50-50 .frame-50:before { display: none; } .main-page-wrapper .herostage-wrapper.hero-type-25-25-50 { width: 100%; } .main-page-wrapper .herostage-wrapper.hero-type-25-25-50 .herostage-wrapper-inner { display: block; } .main-page-wrapper .herostage-wrapper.hero-type-25-25-50 .herostage-wrapper-inner .frame-50 { display: block; } .main-page-wrapper .herostage-wrapper.hero-type-25-25-50 .herostage-frame.frame-25 .ballon-wrapper .teaser-content, .main-page-wrapper .herostage-wrapper.hero-type-50-25-25 .herostage-frame.frame-25 .ballon-wrapper .teaser-content { position: relative; left: 0; top: 0; padding-right: 1.875rem; } .main-page-wrapper .herostage-wrapper.hero-type-25-25-50 .herostage-frame.frame-25 .ballon-wrapper .teaser-content .teaser-badges, .main-page-wrapper .herostage-wrapper.hero-type-50-25-25 .herostage-frame.frame-25 .ballon-wrapper .teaser-content .teaser-badges { top: -3.4375rem; left: 0.625rem; } .main-page-wrapper .herostage-wrapper.hero-type-25-25-50 .herostage-frame.frame-25 .ballon-wrapper .teaser-type, .main-page-wrapper .herostage-wrapper.hero-type-50-25-25 .herostage-frame.frame-25 .ballon-wrapper .teaser-type { right: 1.875rem; bottom: 0.9375rem; } .main-page-wrapper .herostage-wrapper .outer-links-wrapper { display: block; background: #ffffff; width: 100%; } .main-page-wrapper .herostage-wrapper.style-dark { background-color: #001428; } } .main-page-wrapper .herostage-wrapper.style-dark .herostage-frame { background: #001428; } .main-page-wrapper .herostage-wrapper.style-dark .heroslider-pagination { background: #001428; padding-bottom: 0.9375rem; } /* MainHeroStage ~ END */ /* MainBaseOverview ~ START */ .fcb-base-overview-wrapper.fcb-container > .fcb-row .base-overview-content { margin-bottom: 0rem; } .fcb-base-overview-wrapper .column { width: 33.33333%; } .fcb-base-overview-wrapper .base-overview-actions:after { content: ''; clear: both; display: block; visibility: hidden; height: 0rem; } .fcb-base-overview-wrapper .actions-tab , .fcb-base-overview-wrapper .actions-filter { float: left; } .fcb-base-overview-wrapper .actions-layout { float: right; } .fcb-base-overview-wrapper .actions-tab { margin-right: 1.25rem; } .fcb-base-overview-wrapper .actions-tab .fcb-tab-accordion-wrapper { width: auto; } .fcb-base-overview-wrapper .actions-tab .fcb-tab-accordion-wrapper .item-content-wrapper , .fcb-base-overview-wrapper .actions-tab .fcb-tab-accordion-wrapper .actions-top-wrapper { display: none; } .fcb-base-overview-wrapper .actions-tab .fcb-tab-accordion-wrapper.type-tab.variant-mobile.variant-select .item-content-wrapper { display: none; } .fcb-base-overview-wrapper .actions-tab .fcb-tab-accordion-wrapper .item-titles-wrapper:after { content: ''; clear: both; display: block; visibility: hidden; height: 0rem; } .fcb-base-overview-wrapper .actions-tab .fcb-tab-accordion-wrapper .item-titles-wrapper .item-titles:after { content: ''; clear: both; display: block; visibility: hidden; height: 0rem; } .fcb-base-overview-wrapper .actions-layout { min-height: 1.875rem; } .fcb-base-overview-wrapper .actions-layout .button.switch-layout { width: 1.875rem; height: 1.875rem; padding: 0rem; background-color: #c9ccd2; border: 0; text-align: center; } .fcb-base-overview-wrapper .actions-layout .button.switch-layout .icon { width: 100%; height: 100%; float: none; margin: 0; } .fcb-base-overview-wrapper .actions-layout .button.switch-layout .icon svg { top: 48%; left: 0; } .fcb-base-overview-wrapper .actions-layout .button.switch-layout.active, .fcb-base-overview-wrapper .actions-layout .button.switch-layout:hover { background-color: #0A3C64; } .fcb-base-overview-wrapper .actions-filter { padding-top: 0.1875rem; /* //filter buttons .button-filter { font-family: $font-condensed-light; @include f16(); color: $color-grey-6e7882; text-decoration: underline; margin-right: rem(10); display: inline-block; &:hover , &:active , &.active { color: $color-red-961432; } //specific mobile button &.mobile-overlay-filters { display: none; } //arrow for button &.has-arrow { position: relative; margin-right: rem(15); &:after { display: block; position: absolute; top: rem(0); right: rem(-10); content: '>'; text-decoration: none; } } } */ } .fcb-base-overview-wrapper .base-overview-content { min-height: 90vh; } .fcb-base-overview-wrapper .base-overview-content .fcb-notification { display: none; } .fcb-base-overview-wrapper .base-overview-content .fcb-notification { margin-left: 0.875rem; } .fcb-base-overview-wrapper .base-overview-content .fcb-notification .notification-wrapper { margin-right: 1.75rem; } .fcb-base-overview-wrapper .base-overview-content .fcb-notification.variant-error { float: left; } .fcb-base-overview-wrapper .base-overview-pagination { text-align: center; } .fcb-base-overview-wrapper .base-overview-notifications { display: none; } .fcb-base-overview-wrapper.layout-grid .base-overview-pagination .button.button-pagination { margin-top: 0.8125rem; } .fcb-base-overview-wrapper.layout-list .base-overview-pagination .button.button-pagination { margin-top: 2.1875rem; } .fcb-base-overview-wrapper .tooltip-content-original { display: none; } .fcb-base-overview-wrapper.breakpoint-medium .column { width: 50%; } @media screen and (max-width: 63.9375rem) { .fcb-base-overview-wrapper .actions-tab { margin-right: 0.875rem; } .fcb-base-overview-wrapper .actions-layout .button.switch-layout { width: 1.875rem; height: 1.875rem; } .fcb-base-overview-wrapper .actions-filter { /* .button-filter { position: relative; padding-left: rem(15); text-decoration: none; @include f18(); &.has-arrow { display: none; } &.mobile-overlay-filters { display: inline-block; } &:before { position: absolute; left: rem(0); content: '>'; display: block; color: $color-grey-6e7882; } &:hover { &:before { color: $color-red-961432; } } &:after { content: none; } } */ } .fcb-base-overview-wrapper .base-overview-content .fcb-notification { margin-left: 0.5rem; } .fcb-base-overview-wrapper .base-overview-content .fcb-notification .notification-wrapper { margin-right: 1rem; } } .fcb-base-overview-wrapper.breakpoint-small .column { width: 100%; } @media screen and (max-width: 41.25rem) { .fcb-base-overview-wrapper .base-overview-actions { position: relative; min-height: 2.8125rem; } .fcb-base-overview-wrapper .actions-tab { margin: 0rem; padding-right: 6rem; float: none; } .fcb-base-overview-wrapper .actions-layout { position: absolute; top: 0rem; right: 0rem; float: none; min-height: 2.625rem; } .fcb-base-overview-wrapper .actions-layout .button.switch-layout { width: 2.6875rem; height: 2.6875rem; margin-left: 0.0625rem; } .fcb-base-overview-wrapper .actions-filter { padding-top: 0.9375rem; } .fcb-base-overview-wrapper .actions-filter .button-filter.has-arrow { display: none; } .fcb-base-overview-wrapper .actions-filter .button-filter.mobile-overlay-filters { display: inline-block; margin-right: 0.6875rem; } .fcb-base-overview-wrapper .base-overview-pagination .button.button-pagination { width: 100%; } .fcb-base-overview-wrapper.layout-grid .base-overview-pagination .button.button-pagination { margin-top: -0.125rem; } .fcb-base-overview-wrapper .base-overview-content .fcb-notification .notification-wrapper { margin-right: 0rem; } } .fcb-base-overview-wrapper .base-overview-overlay.type-filters .element-wrapper.type-filter-period label.type-datepicker { display: none; } .fcb-base-overview-wrapper .base-overview-overlay.type-filters .element-wrapper.type-filter-period a.type-datepicker { display: block; position: relative; } .fcb-base-overview-wrapper .base-overview-overlay.type-filters .element-wrapper.type-filter-period a.type-datepicker:before { position: absolute; top: 0.875rem; right: 0.6875rem; color: #c9ccd2; font-size: 1.375rem; } .fcb-base-overview-wrapper .base-overview-overlay.type-filters .element-wrapper.type-filter-period a.type-datepicker.active { color: #0A3C64; } .fcb-base-overview-wrapper .base-overview-overlay.type-filters .element-wrapper.type-filter-period a.type-datepicker.active:before { color: #0A3C64; } .fcb-base-overview-wrapper .base-overview-overlay.type-datepicker .overlay-headline { margin-bottom: 1.5625rem; } .fcb-base-overview-wrapper .base-overview-overlay.type-datepicker .fcb-range-datepicker .fcb-range-datepicker-header.has-label .field-wrapper .text-label { display: block; width: 50%; margin-bottom: 0.625rem; } .fcb-base-overview-wrapper .base-overview-overlay.type-datepicker .fcb-range-datepicker.mobile-view .fcb-range-datepicker-header.has-label .fcb-input-wrapper { width: 50%; } @media screen and (max-width: 41.25rem) { .fcb-base-overview-wrapper .base-overview-overlay.type-datepicker .fcb-range-datepicker.mobile-view .fcb-range-datepicker-header.has-label .fcb-input-wrapper { width: 100%; } } .fcb-tooltip-wrapper.fcb-tooltip-filter .tooltip-content-arrow { display: none; } .fcb-tooltip-wrapper.fcb-tooltip-filter .tooltip-content { background-color: #e5e6e7; border-radius: 0rem; border: 0rem; box-shadow: 0rem 0.125rem 0.25rem rgba(0, 0, 0, 0.3); padding: 1.25rem; padding-top: 0.875rem; padding-bottom: 1.25rem; } .fcb-tooltip-wrapper.fcb-tooltip-filter .tooltip-content .headline { display: block; color: #0A3C64; font-family: "expressway_condensed_bold"; font-size: 1.125rem; line-height: 1.5rem; margin-bottom: 0.625rem; } .fcb-tooltip-filter .button { margin-top: 0.9375rem; } .fcb-tooltip-filter.type-period { max-width: 36.875rem; } .fcb-tooltip-filter.type-period .tooltip-content:after { content: ''; clear: both; display: block; visibility: hidden; height: 0rem; } .fcb-tooltip-filter.type-period .column { float: left; } .fcb-tooltip-filter.type-period .column.column-right { display: block; width: 0rem; height: 12.5rem; overflow: hidden; } .fcb-tooltip-filter.type-period .column.column-right.active { width: auto; height: auto; } .fcb-tooltip-filter.type-period .column.column-right .column-wrapper , .fcb-tooltip-filter.type-period .column.column-right .headline { overflow: hidden; margin-left: 4.375rem; margin-right: 0rem; padding-right: 0rem; max-width: 18.125rem; } .fcb-tooltip-filter.type-period .fcb-range-datepicker .fcb-input-wrapper { background-color: #ffffff; } .fcb-tooltip-filter.type-period .fcb-range-datepicker .fcb-range-datepicker-header.has-label .field-wrapper .text-label { display: block; margin-bottom: 0.25rem; } .fcb-tooltip-filter.type-period .element-wrapper a.type-datepicker { display: none; } .tooltip-news-overview.type-category .button { margin-top: 0.9375rem; } /* MainBaseOverview ~ END */ /* MainNewsOverview ~ STARTs */ .fcb-news-overview-wrapper.fcb-container > .fcb-row.news-overview-loader { margin-bottom: 0rem; } .fcb-news-overview-wrapper .fcb-overlay { /* .element-period-wrapper { label.type-datepicker { display: none; } a.type-datepicker { display: block; position: relative; &:before { position: absolute; top: rem(14); right: rem(16); } &.active { color: $color-blue-0a3c64; } } } */ } .fcb-news-overview-wrapper.view-list { /* .text-content { .flag-video { display: none; width: rem(20); height: rem(20); border-radius: 50%; background-color: $color-blue-0a3c64; position: relative; top: rem(2); margin-right: rem(5); &:before { content: '>'; display: block; color: $color-white; position: absolute; top: rem(2); left: rem(6); } } }*/ } /* MainNewsOverview ~ END */ /* MainGalleryOverview ~ START */ @media screen and (max-width: 41.25rem) { .fcb-gallery-overview-wrapper .actions-tab { padding-right: 0rem; } } /* MainGalleryOverview ~ END */ /* MainVideoOverview ~ START */ /********************************************* * STYLING OF VIDEO OVERVIEW *********************************************/ .fcb-video-overview-wrapper .fcb-gr-centered { max-width: 85.375rem; padding-left: 1.5625rem; padding-right: 1.5625rem; } @media screen and (max-width: 85.375rem) { .fcb-video-overview-wrapper .fcb-gr-centered { padding-left: 2.0625rem; padding-right: 2.0625rem; } } @media screen and (max-width: 63.9375rem) { .fcb-video-overview-wrapper .fcb-gr-centered { max-width: 63.9375rem; padding-left: 1.75rem; padding-right: 1.75rem; } } @media screen and (max-width: 41.25rem) { .fcb-video-overview-wrapper .fcb-gr-centered { max-width: 41.25rem; padding-left: 0.8125rem; padding-right: 0.8125rem; } } .touch-device .fcb-video-overview-wrapper .fcb-gr-centered { padding-left: 1.5625rem; padding-right: 1.5625rem; } @media screen and (max-width: 63.9375rem) { .touch-device .fcb-video-overview-wrapper .fcb-gr-centered { padding-left: 1.25rem; padding-right: 1.25rem; } } @media screen and (max-width: 41.25rem) { .touch-device .hst-container-item .fcb-container.fcb-video-overview-navigation .fcb-gr-12 .content-navigation-wrapper .ul-wrapper, .touch-device .fcb-container.fcb-video-overview-navigation .fcb-gr-12 .content-navigation-wrapper .ul-wrapper { padding-left: 0.25rem; padding-right: 0.5rem; } } .fcb-video-overview-navigation .fcb-row-full { background-color: #961432; } .fcb-video-overview-navigation .content-navigation-wrapper { position: relative; } /********************************************* * STYLING OF VIDEO OVERVIEW *********************************************/ .fcb-video-overview-wrapper .video-overview-actions { border-bottom: 0.0625rem solid #c9ccd2; height: auto; min-height: 3.25rem; } .fcb-video-overview-wrapper .video-overview-actions:after { content: ''; clear: both; display: block; visibility: hidden; height: 0rem; } .fcb-video-overview-wrapper .video-overview-actions .actions-wrapper:after { content: ''; clear: both; display: block; visibility: hidden; height: 0rem; } .fcb-video-overview-wrapper .video-overview-actions .actions-wrapper .video-overview-labels { display: none; } .fcb-video-overview-wrapper .video-overview-actions .actions-wrapper .video-overview-labels:first-child { display: block; } .fcb-video-overview-wrapper .video-overview-actions .video-overview-labels { float: left; padding-top: 1.25rem; padding-bottom: 0.375rem; width: 77%; } .fcb-video-overview-wrapper .video-overview-actions .base-overview-actions { float: right; padding-top: 1.1875rem; } @media screen and (max-width: 63.9375rem) { .fcb-video-overview-wrapper .video-overview-actions { min-height: 2.875rem; } .fcb-video-overview-wrapper .video-overview-actions .video-overview-labels { padding-top: 0.9375rem; padding-bottom: 0.375rem; } .fcb-video-overview-wrapper .video-overview-actions .base-overview-actions { padding-top: 0.75rem; } .fcb-video-overview-wrapper .actions-filter .button-filter.mobile-overlay-filters { margin-right: 0rem; } } @media screen and (max-width: 41.25rem) { .fcb-video-overview-wrapper .video-overview-actions { height: auto; } .fcb-video-overview-wrapper .video-overview-actions .video-overview-labels { border-bottom: 0.0625rem solid #c9ccd2; padding-top: 1.0625rem; padding-bottom: 0.75rem; width: 100%; } .fcb-video-overview-wrapper .video-overview-actions .base-overview-actions { padding-top: 0rem; text-align: right; } .fcb-video-overview-wrapper .video-overview-actions .base-overview-actions .actions-filter { padding-top: 0rem; float: right; } .fcb-video-overview-wrapper .video-overview-actions .base-overview-actions .mobile-overlay-filters { margin-right: 0rem; padding-top: 0.875rem; padding-bottom: 0.9375rem; } } /************************************* * OVERVIEW GLOBALS *************************************/ @media screen and (max-width: 41.25rem) { .fcb-video-overview-wrapper .fcb-row-full { width: auto; transform: none; margin-left: 0rem !important; margin-right: 0rem !important; } .main-page-wrapper .fcb-container.fcb-video-overview-wrapper > .fcb-row { margin-bottom: 0.5625rem; } .main-page-wrapper .fcb-container.fcb-video-overview-wrapper > .fcb-row.fcb-row-full { margin-left: -0.625rem !important; margin-right: -0.625rem !important; } .main-page-wrapper .fcb-container.fcb-video-overview-wrapper > .fcb-row.video-overview-actions > div { padding: 0rem; } .main-page-wrapper .fcb-container.fcb-video-overview-wrapper > .fcb-row .video-overview-labels { padding-top: 1rem; padding-bottom: 0.625rem; } .main-page-wrapper .fcb-container.fcb-video-overview-wrapper > .fcb-row .video-overview-labels , .main-page-wrapper .fcb-container.fcb-video-overview-wrapper > .fcb-row .base-overview-actions { float: none; padding-left: 0.8125rem; padding-right: 0.8125rem; } } /************************************* * OVERVIEW HERO-STAGE *************************************/ .main-page-wrapper .fcb-container.herostage-wrapper.overview-herostage { margin-bottom: 0rem; } /************************************* * OVERVIEW TOOLTIP *************************************/ .tooltip-video-overview { margin-top: 0.625rem; margin-right: -1.0625rem; } /* MainVideoOverview ~ END */ /* MainSearchOverview ~ START */ .main-content-wrapper > .fcb-container.fcb-search-overview-input-wrapper { margin-bottom: 0rem; } .main-content-wrapper > .fcb-container.fcb-search-overview-input-wrapper .fcb-row { margin-bottom: 0rem; } .fcb-search-overview-input-wrapper .search-overview-input { margin-top: 2.8125rem; margin-bottom: 2.5rem; } .fcb-search-overview-input-wrapper .search-overview-input .search-input-wrapper { overflow: hidden; margin-bottom: 0.3125rem; } .fcb-search-overview-input-wrapper .search-overview-input .search-input-wrapper .column-left { overflow: hidden; } .fcb-search-overview-input-wrapper .search-overview-input .search-input-wrapper .column-right { float: right; margin-left: 0.625rem; } .fcb-search-overview-input-wrapper .search-overview-input .button-icon { display: none; } .fcb-search-overview-input-wrapper .search-overview-input .button-icon { width: 2.75rem; height: 2.75rem; position: relative; } .fcb-search-overview-input-wrapper .search-overview-input .button-icon .icon { display: block; float: none; margin-right: initial; position: absolute; top: 28%; left: 28%; } .fcb-search-overview-input-wrapper .search-overview-input .search-result-wrapper { height: 0rem; overflow: hidden; } .fcb-search-overview-input-wrapper .search-overview-input .search-result-wrapper .text-label { font-family: "expressway_light"; font-size: 1rem; line-height: 1.375rem; } .fcb-search-overview-input-wrapper .search-overview-input .search-result-wrapper .text-label.result-search-text { font-family: "expressway_bold"; } @media screen and (max-width: 63.9375rem) { .fcb-search-overview-input-wrapper .search-overview-input { margin-bottom: 1.125rem; } } @media screen and (max-width: 41.25rem) { .main-content-wrapper > .fcb-container.fcb-search-overview-input-wrapper { margin-bottom: 1.875rem; } .fcb-search-overview-input-wrapper { background-color: #e5e6e7; } .fcb-search-overview-input-wrapper .search-overview-input { margin-top: 0.625rem; margin-bottom: 0.8125rem; } .fcb-search-overview-input-wrapper .search-overview-input .button-icon { display: block; } .fcb-search-overview-input-wrapper .search-overview-input .button-text { display: none; } .fcb-search-overview-input-wrapper .search-overview-input .search-input-wrapper .column-right { margin-left: 0.3125rem; } .fcb-search-overview-input-wrapper .fcb-form-element-wrapper .fcb-input-wrapper { background-color: #ffffff; } } /* MainSearchOverview ~ END */ /* Appointments ~ START */ .appointment-overview .is-hidden { display: none; } .appointment-overview-header { margin-bottom: 0.9375rem; } .appointment-overview-weekday { font-family: "expressway_bold"; font-size: 1rem; line-height: 1; color: #fff; background-color: #961432; display: inline-block; text-transform: uppercase; padding-left: 0.625rem; padding-right: 0.625rem; padding-top: 0.1875rem; padding-bottom: 0.1875rem; } .appointment-overview-date { font-family: "expressway_light"; color: #6e7882; font-size: 1rem; line-height: 1; display: inline-block; padding-top: 0.1875rem; padding-bottom: 0.1875rem; margin-left: 0.1875rem; } .appointment-overview-entries { margin-bottom: 1.875rem; } .appointments-teaser .appointment-overview { padding-left: 0 !important; padding-right: 0 !important; margin-left: -14px; margin-right: -14px; width: auto; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .appointments-teaser .appointment-overview .appointments-teaser .appointment-overview { margin-left: -; margin-right: -; } } @media only tv { .appointments-teaser .appointment-overview .appointments-teaser .appointment-overview { margin-left: -; margin-right: -; } } @media only print { .appointments-teaser .appointment-overview .appointments-teaser .appointment-overview { margin-left: -; margin-right: -; } } @media only screen and (orientation: portrait) { .appointments-teaser .appointment-overview .appointments-teaser .appointment-overview { margin-left: -; margin-right: -; } } @media only screen and (orientation: landscape) { .appointments-teaser .appointment-overview .appointments-teaser .appointment-overview { margin-left: -; margin-right: -; } } .appointments-teaser .appointment-overview .appointments-teaser .appointment-overview { margin-left: -14px; margin-right: -14px; } @media screen and (min-width: 0rem) and (max-width: 85.375rem) { .appointments-teaser .appointment-overview .appointments-teaser .appointment-overview { margin-left: -14px; margin-right: -14px; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .appointments-teaser .appointment-overview .appointments-teaser .appointment-overview { margin-left: -8px; margin-right: -8px; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .appointments-teaser .appointment-overview .appointments-teaser .appointment-overview { margin-left: -3px; margin-right: -3px; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .appointments-teaser .appointment-overview { margin: 0; } } .appointments-teaser .base-overview-notifications { display: none; } .appointments-teaser .appointment-overview-entries { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .appointments-teaser .appointment-overview-entries:after { content: ''; clear: both; display: block; visibility: hidden; height: 0rem; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .appointments-teaser .appointment-overview-entries { display: block; } } .appointments-teaser .appointment-entry { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .appointments-teaser .appointment-entry .appointment-body { height: auto; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .appointments-teaser .appointment-entry .appointment-body { height: 0; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .appointments-teaser .appointment-entry { display: block; } .appointments-teaser .appointment-entry.is-open .appointment-body { height: auto; } } .appointments-teaser .slider-pagination-wrapper { display: none; } .appointments-teaser .slider-pagination-wrapper.disabled { display: none; } .appointments-teaser.fcb-slider-wrapper .slider-pagination-wrapper { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .appointments-teaser.fcb-slider-wrapper .slider-pagination-wrapper { display: none; } } .appointments-teaser.fcb-slider-wrapper .appointment-overview { margin: 0; width: 100%; } .appointments-teaser.fcb-slider-wrapper .appointment-overview-wrapper.has-1-child { width: auto; padding-left: 0rem; padding-right: 0rem; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .appointments-teaser.fcb-slider-wrapper .appointment-overview-wrapper.has-1-child { width: 100%; padding: 0; display: block; } .appointments-teaser.fcb-slider-wrapper .appointment-overview-wrapper.has-1-child.hidden { display: none; } } .appointments-teaser .related-content-slider-more { display: none; /* @include gridle_state(medium) { display: block; } */ } .appointments-teaser .appointment-overview-wrapper.has-1-child { width: 25%; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .appointments-teaser .appointment-overview-wrapper.has-1-child { padding-right: 8px; padding-left: 8px; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .appointments-teaser .appointment-overview-wrapper.has-1-child { padding-right: 3px; padding-left: 3px; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .appointments-teaser .appointment-overview-wrapper.has-1-child { width: 100%; padding: 0; display: block; } } .appointments-teaser .appointment-overview-wrapper.has-2-children { width: 50%; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .appointments-teaser .appointment-overview-wrapper.has-2-children { padding-right: 8px; padding-left: 8px; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .appointments-teaser .appointment-overview-wrapper.has-2-children { padding-right: 3px; padding-left: 3px; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .appointments-teaser .appointment-overview-wrapper.has-2-children { width: 100%; padding: 0; display: block; } } .appointments-teaser .appointment-overview-wrapper.has-2-children .appointment-entry:nth-child(1) .appointment-body-wrapper { border-right: 0; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .appointments-teaser .appointment-overview-wrapper.has-2-children .appointment-entry:nth-child(1) .appointment-body-wrapper { border-right: 1px solid #e5e6e7; } } .appointments-teaser .appointment-overview-wrapper.has-2-children .appointment-entry:nth-child(2) .appointment-body-wrapper { border-left: 0; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .appointments-teaser .appointment-overview-wrapper.has-2-children .appointment-entry:nth-child(2) .appointment-body-wrapper { border-left: 1px solid #e5e6e7; } } .appointments-teaser .appointment-overview-wrapper.has-2-children .appointment-entry:nth-child(2) .appointment-body { position: relative; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .appointments-teaser .appointment-overview-wrapper.has-2-children .appointment-entry:nth-child(2) .appointment-body:before { content: none; } } .appointments-teaser .appointment-overview-wrapper.has-2-children .appointment-entry:nth-child(2) .appointment-body:before { content: ''; position: absolute; height: 4.375rem; width: 1px; background-color: #e5e6e7; top: 50%; left: 0; margin-top: -2.1875rem; } .appointments-teaser .appointment-overview-wrapper.has-2-children .appointment-entry:nth-child(3) .appointment-body-wrapper { border-left: 0; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .appointments-teaser .appointment-overview-wrapper.has-2-children .appointment-entry:nth-child(3) .appointment-body-wrapper { border-left: 1px solid #e5e6e7; } } .appointments-teaser .appointment-overview-wrapper.has-3-children { width: 75%; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .appointments-teaser .appointment-overview-wrapper.has-3-children { padding-right: 8px; padding-left: 8px; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .appointments-teaser .appointment-overview-wrapper.has-3-children { padding-right: 3px; padding-left: 3px; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .appointments-teaser .appointment-overview-wrapper.has-3-children { width: 100%; padding: 0; display: block; } } .appointments-teaser .appointment-overview-wrapper.has-3-children .appointment-entry:nth-child(1) .appointment-body-wrapper { border-right: 0; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .appointments-teaser .appointment-overview-wrapper.has-3-children .appointment-entry:nth-child(1) .appointment-body-wrapper { border-right: 1px solid #e5e6e7; } } .appointments-teaser .appointment-overview-wrapper.has-3-children .appointment-entry:nth-child(2) .appointment-body-wrapper { border: 0; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .appointments-teaser .appointment-overview-wrapper.has-3-children .appointment-entry:nth-child(2) .appointment-body-wrapper { border-left: 1px solid #e5e6e7; border-right: 1px solid #e5e6e7; } } .appointments-teaser .appointment-overview-wrapper.has-3-children .appointment-entry:nth-child(2) .appointment-body { position: relative; } .appointments-teaser .appointment-overview-wrapper.has-3-children .appointment-entry:nth-child(2) .appointment-body:after, .appointments-teaser .appointment-overview-wrapper.has-3-children .appointment-entry:nth-child(2) .appointment-body:before { content: ''; position: absolute; height: 4.375rem; width: 1px; background-color: #e5e6e7; top: 50%; margin-top: -2.1875rem; } .appointments-teaser .appointment-overview-wrapper.has-3-children .appointment-entry:nth-child(2) .appointment-body:after { right: 0; } .appointments-teaser .appointment-overview-wrapper.has-3-children .appointment-entry:nth-child(2) .appointment-body:before { left: 0; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .appointments-teaser .appointment-overview-wrapper.has-3-children .appointment-entry:nth-child(2) .appointment-body:before, .appointments-teaser .appointment-overview-wrapper.has-3-children .appointment-entry:nth-child(2) .appointment-body:after { content: none; } } .appointments-teaser .appointment-overview-wrapper.has-3-children .appointment-entry:nth-child(3) .appointment-body-wrapper { border-left: 0; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .appointments-teaser .appointment-overview-wrapper.has-3-children .appointment-entry:nth-child(3) .appointment-body-wrapper { border-left: 1px solid #e5e6e7; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .appointments-teaser .appointment-overview-wrapper.hidden { display: none; } } .matchplan-links-item { margin-bottom: 1.25rem; position: relative; } /* Appointments ~ END */ /* playerDetailsStatistic ~ START */ .player-details-header { padding-left: 0 !important; padding-right: 0 !important; margin-left: -14px; margin-right: -14px; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; background-image: url(../assets/playerDetails/header.jpg); background-size: cover; background-position: center bottom; position: relative; min-height: 36.0625rem; height: 36.0625rem; /* .icon-play1 { display: none; } */ } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .player-details-header .player-details-header { margin-left: -; margin-right: -; } } @media only tv { .player-details-header .player-details-header { margin-left: -; margin-right: -; } } @media only print { .player-details-header .player-details-header { margin-left: -; margin-right: -; } } @media only screen and (orientation: portrait) { .player-details-header .player-details-header { margin-left: -; margin-right: -; } } @media only screen and (orientation: landscape) { .player-details-header .player-details-header { margin-left: -; margin-right: -; } } .player-details-header .player-details-header { margin-left: -14px; margin-right: -14px; } @media screen and (min-width: 0rem) and (max-width: 85.375rem) { .player-details-header .player-details-header { margin-left: -14px; margin-right: -14px; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .player-details-header .player-details-header { margin-left: -8px; margin-right: -8px; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .player-details-header .player-details-header { margin-left: -3px; margin-right: -3px; } } .player-details-header > .fcb-container { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-box-flex: 1; -moz-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; margin-bottom: 0; width: 100%; } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .player-details-header > .fcb-container { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-box-flex: 1; -moz-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; } } .player-details-header .player-video-button-wrapper { position: relative; z-index: 2; } .player-details-header .player-video-button .teaser-type { min-width: 3.4375rem; } .player-details-header .player-video-button:hover .teaser-type:not(.type-live) { background-color: #961432; background-color: rgba(150, 20, 50, 0.8); border: 0rem solid #961432; border: 0rem solid rgba(150, 20, 50, 0.8) !important; } .player-details-header .player-video-button:hover .teaser-type .icon path { fill: #ffffff; } .player-details-header .player-video-button { display: none; } .player-details-header .player-bio, .player-details-header .player-socialmedia, .player-details-header .player-info { position: relative; z-index: 2; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .player-details-header { min-height: 40rem; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .player-details-header { background-image: none; min-height: 50rem; position: relative; } } .player-details-header-info { width: 25%; margin-left: 8.33333%; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .player-details-header-info { padding-right: 8px; padding-left: 8px; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .player-details-header-info { padding-right: 3px; padding-left: 3px; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .player-details-header-info { margin-left: 0; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .player-details-header-info { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; width: 100%; margin-left: 0%; padding-left: 0 !important; padding-right: 0 !important; margin-left: -3px; margin-right: -3px; background-image: url(../assets/playerDetails/header.jpg); background-size: cover; background-position: center bottom; min-height: 27.5rem; position: relative; display: block; margin-right: 0; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 0rem) and (max-width: 41.25rem) and (min-resolution: 192dpi), screen and (min-width: 0rem) and (max-width: 41.25rem) and (min-resolution: 2dppx) { .player-details-header-info .player-details-header-info { margin-left: -; margin-right: -; } } @media only screen and (min-width: 0rem) and (max-width: 41.25rem) and (orientation: portrait) { .player-details-header-info .player-details-header-info { margin-left: -; margin-right: -; } } @media only screen and (min-width: 0rem) and (max-width: 41.25rem) and (orientation: landscape) { .player-details-header-info .player-details-header-info { margin-left: -; margin-right: -; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .player-details-header-info .player-details-header-info { margin-left: -14px; margin-right: -14px; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) and (min-width: 0rem) and (max-width: 85.375rem) { .player-details-header-info .player-details-header-info { margin-left: -14px; margin-right: -14px; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) and (min-width: 0rem) and (max-width: 63.9375rem) { .player-details-header-info .player-details-header-info { margin-left: -8px; margin-right: -8px; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) and (min-width: 0rem) and (max-width: 41.25rem) { .player-details-header-info .player-details-header-info { margin-left: -3px; margin-right: -3px; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .player-details-header-info .fcb-container { padding-left: 5%; } } @media screen and (max-width: 28.125rem) { .player-details-header-info .fcb-container { padding-left: 1.125rem; } } .player-details-header-info .player-info { padding-top: 6.0625rem; padding-left: 0 !important; padding-right: 0 !important; } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .player-details-header-info .player-info { padding-top: 4.375rem; width: 50%; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .player-details-header-info .player-info { padding-right: 8px; padding-left: 8px; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .player-details-header-info .player-info { padding-right: 3px; padding-left: 3px; } } @media screen and (max-width: 28.125rem) { .player-details-header-info .player-info { padding-top: 0.625rem; } } .player-details-header-image { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); position: absolute; left: 50%; bottom: 0; width: 100%; } .player-details-header-image img { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); position: absolute; bottom: 0; left: 50%; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .player-details-header-image { -webkit-transform: translateX(-40%); -moz-transform: translateX(-40%); -ms-transform: translateX(-40%); -o-transform: translateX(-40%); transform: translateX(-40%); bottom: 3.75rem; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .player-details-header-image { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; position: absolute; bottom: 0; width: 130%; left: 40%; } .player-details-header-image img { display: block; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; position: static; max-height: 26.25rem; } } @media screen and (max-width: 28.125rem) and (min-width: 0rem) { .player-details-header-image { position: relative; top: -7.1875rem; margin-bottom: -4.75rem; left: 24%; } .player-details-header-image img { max-height: 20rem; } } .player-details-header-select { display: inline-block; position: relative; margin-top: 1.25rem; margin-bottom: 1.25rem; } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .player-details-header-select { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-box-flex: 1; -moz-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; margin-top: 0.9375rem; margin-left: 0.875rem; margin-right: 0.875rem; margin-bottom: 0.8125rem; } } .player-details-header-select .button-filter { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; font-size: 1.125rem; line-height: 1.5rem; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; background-color: #fff; padding: 0.5rem 0.4375rem; color: #6e7882; text-decoration: none; position: relative; margin-right: 0; cursor: pointer; border: 0.0625rem solid #c9ccd2; border-radius: 0.125rem; } .player-details-header-select .button-filter:hover, .player-details-header-select .button-filter.active { color: #6e7882; } .player-details-header-select .button-filter.active { border: 1px solid #0A3C64; box-shadow: inset 0px 0 0px 1px #0A3C64; } .player-details-header-select .button-filter span { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-box-flex: 1; -moz-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; } .player-details-header-select .button-filter:before { display: none; } .player-details-header-select .button-filter:after { -webkit-transition: -webkit-transform; -moz-transition: -moz-transform; transition: transform; content: ''; position: static; display: block; height: 0.5625rem; width: 1rem; border: none; background-image: url("../images/arrow_down.png"); background-repeat: no-repeat; background-position: left top; background-size: 16px; } .player-details-header-select a.button-filter { margin-right: 0; } .player-details-header-select a.button-filter.has-arrow { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .player-details-header-select a.button-filter:after { position: static; content: ''; } .player-details-header-select .team-button-wrapper { position: static; margin: 0 auto; margin-bottom: 0.625rem; float: none; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .player-details-header-select .team-button-wrapper { right: 0rem; } } .player-details-header-sidebar { width: 25%; margin-left: 41.66667%; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-box-flex: 1; -moz-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background-image: -webkit-linear-gradient(transparent, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.6) 70%, transparent); background-image: linear-gradient(transparent, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.6) 70%, transparent); position: relative; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .player-details-header-sidebar { padding-right: 8px; padding-left: 8px; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .player-details-header-sidebar { padding-right: 3px; padding-left: 3px; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .player-details-header-sidebar { position: static; z-index: 2; margin-left: 50%; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .player-details-header-sidebar { width: 100%; margin-left: 0%; background-color: #e5e6e7; background-image: none; } } .player-details-header-sidebar .player-socialmedia { -ms-flex-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around; margin-bottom: 1.25rem; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .player-details-header-sidebar .player-socialmedia { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; margin-bottom: 0; } } .player-details-header-socialmedia { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); position: absolute; bottom: 0; left: 50%; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .player-details-header-socialmedia { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; background-color: #f8f8f9; padding-right: 1.5625rem; height: 3.75rem; position: absolute; left: 0; width: 100%; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .player-details-header-socialmedia { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-box-flex: 1; -moz-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; padding-right: 0; position: static; height: auto; padding-top: 1.375rem; padding-bottom: 1.875rem; } } .player-details-socialmedia-label { font-family: "expressway_bold"; text-align: center; font-size: 0.875rem; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .player-details-socialmedia-label { margin-bottom: 0; margin-right: 0.9375rem; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .player-details-socialmedia-label { margin-bottom: 0.625rem; margin-right: 0; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .player-details-header-bio-short { margin-top: 0; margin-bottom: 0.1875rem; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-box-flex: 1; -moz-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; } .player-details-header-bio-short .player-bio-entry { width: 50%; float: left; } .player-details-header-bio-short .player-bio-entry:nth-child(n+3) { margin-bottom: 1.375rem; } .player-details-header-bio-short .player-bio-entry:nth-child(n+3):after { display: none; } } .player-details-header-video-wrapper { -webkit-transition: opacity 0.275s ease-in; -moz-transition: opacity 0.275s ease-in; transition: opacity 0.275s ease-in; opacity: 0; position: absolute; width: 100%; height: 100%; padding-left: 14px; padding-right: 14px; top: 0; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: -1; max-width: 84rem; margin: 0 auto; } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .player-details-header-video-wrapper { height: 56%; } } .state-play .player-details-header-video-wrapper { z-index: 55; opacity: 1; } .player-details-header-video-wrapper .icon-close { position: absolute; z-index: 110; right: 2.1875rem; top: 0.625rem; color: #fff; width: 1rem; cursor: pointer; opacity: 0.7; } .player-details-header-video { height: 100%; width: 100%; position: relative; z-index: 100; } .player-details-header-video iframe { position: absolute; } .player-details-header-play { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; margin-top: 1.25rem; cursor: pointer; /* &:hover { .teaser-type { background-color: $color-red-961432; .icon { path { fill: $color-white; } } } } */ } .player-details-header-play .teaser-type { position: static; margin-right: 0.625rem; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .player-details-header-play .teaser-type { margin-right: 0.9375rem; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .player-details-header-play .teaser-type { margin-right: 0.625rem; /* .type-video { width: rem(18); } */ } } .player-details-header-play-label { font-size: 1.375rem; line-height: 1.75rem; color: #0A3C64; margin-top: -0.125rem; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .player-details-header-play-label { font-size: 1.25rem; line-height: 1.625rem; } } @media screen and (max-width: 28.125rem) and (min-width: 0rem) { .player-info-number { font-size: 3.125rem; } .player-info-position { font-size: 1.75rem; } .player-info-name { font-size: 2rem; line-height: 2rem; } .player-video-button-wrapper { margin-top: 0.625rem; min-height: 3rem; max-width: 3.125rem; display: block; } .player-details-header-play { margin-top: 0; } .player-details-header-play-label { display: none; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .ie-10 .player-details-header-info { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; } .ie-10 .player-details-header { /* .teaser-type { .icon { margin-top: rem(0); } } */ } } .player-details-statistics { margin: 1.75rem 0 0 0; } .player-details-statistics .season-calendar { display: none; } .player-details-statistics .buttons { width: 20rem; } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .player-details-statistics .buttons { width: 100%; } } .player-details-statistics .fcb-form-element-wrapper { margin-bottom: 0; } .player-details-statistics .fcb-season-picker:after { content: ''; clear: both; display: block; visibility: hidden; height: 0rem; } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .player-details-statistics .fcb-season-picker .fcb-form-element-wrapper:not(:first-child) { margin-top: 0.625rem; } } .player-details-headline { font-size: 3.75rem; line-height: 4.125rem; text-transform: uppercase; font-family: "expressway_condensed_bold"; } .select2-results__option { padding-right: 0.4375rem; } .select2-results__option--highlighted { padding-right: 0rem; } /* playerDetailsStatistic ~ END */ .fcb-matchcenter-header { max-width: 120rem; margin: 0 auto; } .fcb-matchcenter-header-content-wrapper { position: relative; padding-top: 1.25rem; background-color: #dfe0e0; margin-bottom: 1.875rem; } .is-stage .fcb-matchcenter-header-content-wrapper { padding-top: 0; } @media screen and (min-width: 41.25rem) { .fcb-matchcenter-header-content-wrapper { padding-top: 1.875rem; } } .fcb-matchcenter-header-content-wrapper .fcb-container { margin-bottom: 0; position: relative; top: 1.875rem; margin-top: -1.875rem; } .fcb-matchcenter-header-content-wrapper .fcb-container > .fcb-row { margin-bottom: 0; } .has-background-image .fcb-matchcenter-header-content-wrapper { padding-top: 0; margin-bottom: 0; background-color: transparent; overflow: hidden; } .has-background-image .fcb-matchcenter-header-content-wrapper .fcb-container { margin-top: -7.3125rem; top: 0; } .is-stage .has-background-image .fcb-matchcenter-header-content-wrapper .fcb-container > .fcb-row { margin-bottom: 0; } @media screen and (min-width: 41.25rem) { .has-background-image .fcb-matchcenter-header-content-wrapper .fcb-container { margin-top: -9.5625rem; } } @media screen and (min-width: 63.9375rem) { .has-background-image .fcb-matchcenter-header-content-wrapper .fcb-container { margin-top: -11.875rem; } } .fcb-matchcenter-header-content-wrapper .image-wrapper { top: 0; left: 0; position: absolute; width: 100%; height: 100%; } .fcb-matchcenter-header .fcb-matchcenter-header-sponsor { /* .sponsor, .countdown, .live-text { color: $color-white; } */ } .fcb-matchcenter-header .fcb-matchcenter-header-sponsor .sponsor-matchcenter { background-color: #961432; } .fcb-matchcenter-header-sponsor { /* .fcb-container { margin-bottom: 0; > .fcb-row { margin-bottom: 0; } }*/ } .fcb-matchcenter-header-sponsor .live-text, .fcb-matchcenter-header-sponsor .sponsor, .fcb-matchcenter-header-sponsor .sponsor-copy, .fcb-matchcenter-header-sponsor .countdown { color: #fff; } .fcb-matchcenter-header-sponsor .sponsor-matchcenter { padding-left: 1.875rem; padding-right: 1.875rem; } @media screen and (min-width: 0rem) and (max-width: 85.375rem) { .fcb-matchcenter-header-sponsor .sponsor-matchcenter { padding-left: 0.9375rem; padding-right: 0.9375rem; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-matchcenter-header-sponsor .sponsor-matchcenter { padding-left: 0.9375rem; padding-right: 0.9375rem; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-matchcenter-header-sponsor .sponsor-matchcenter { padding-left: 0.5625rem; padding-right: 0.5625rem; } } .fcb-matchcenter-header-background { position: relative; padding-top: 100%; overflow: hidden; display: none; } .has-background-image .fcb-matchcenter-header-background { display: block; } .is-stage .fcb-matchcenter-header-background { padding-top: 133.33333%; } @media screen and (min-width: 41.25rem) { .fcb-matchcenter-header-background { padding-top: 56.25%; } .is-stage .fcb-matchcenter-header-background { padding-top: 50%; } } @media screen and (min-width: 41.25rem) and (min-width: 63.9375rem) { .is-stage .fcb-matchcenter-header-background { padding-top: 50%; } } @media screen and (min-width: 41.25rem) and (min-width: 85.375rem) { .fcb-matchcenter-header-background { height: 48rem; } .is-stage .fcb-matchcenter-header-background { padding-top: 50%; height: auto; } } .is-stage .fcb-matchcenter-header-background:after, .is-stage .fcb-matchcenter-header-background:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .is-stage .fcb-matchcenter-header-background + .fcb-container { z-index: 3; position: absolute; width: 100%; bottom: 6.25%; left: 0; top: auto; margin-top: 0; } @media screen and (min-width: 41.25rem) { .is-stage .fcb-matchcenter-header-background + .fcb-container { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); bottom: auto; top: 50%; } } @media screen and (min-width: 85.375rem) { .is-stage .fcb-matchcenter-header-background + .fcb-container { -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); left: 50%; top: 50%; bottom: auto; } } .is-stage .fcb-matchcenter-header-background:after { background-color: rgba(0, 0, 0, 0.2); z-index: 2; } .is-stage .fcb-matchcenter-header-background:before { background-color: rgba(110, 10, 40, 0.6); z-index: 1; } .fcb-matchcenter-header-content { background-color: #6E0A28; color: #ffffff; padding-top: 0.9375rem; padding-bottom: 0.75rem; } .fcb-matchcenter-header-content:after { content: ''; clear: both; display: block; visibility: hidden; height: 0rem; } .is-stage .fcb-matchcenter-header-content { background-color: transparent; padding-top: 0; padding-bottom: 0; } @media screen and (min-width: 41.25rem) { .fcb-matchcenter-header-content { padding-top: 0.9375rem; padding-bottom: 2.1875rem; } } @media screen and (min-width: 63.9375rem) { .fcb-matchcenter-header-content { padding-top: 0.9375rem; padding-bottom: 1.5625rem; } } .has-background-image .fcb-matchcenter-header-content-row { float: none; } @media screen and (min-width: 63.9375rem) { .has-background-image .fcb-matchcenter-header-content-row { position: relative; } .is-stage .has-background-image .fcb-matchcenter-header-content-row { top: 0; width: 100%; margin-left: 0; } } .fcb-match-center-header-scorers { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; padding-left: 0.625rem; padding-right: 0.625rem; margin-top: 2.5rem; } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-match-center-header-scorers { margin-top: 0rem; } .fcb-match-center-header-scorers ul { margin-bottom: 0; } .fcb-match-center-header-scorers ul li:first-child { margin-top: 1.25rem; } .fcb-match-center-header-scorers ul li:last-child { margin-bottom: 0.625rem; } .has-background-image .fcb-match-center-header-scorers { margin-top: 1.25rem; } .has-background-image .fcb-match-center-header-scorers ul { margin-bottom: 0.625rem; } .has-background-image .fcb-match-center-header-scorers ul li:first-child { margin-top: 0rem; } .has-background-image .fcb-match-center-header-scorers ul li:last-child { margin-bottom: 0rem; } } .fcb-matchcenter-header-matchday { margin-bottom: 0.9375rem; } .fcb-matchcenter-header-score { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around; } .is-stage .fcb-matchcenter-header-score { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } @media screen and (min-width: 41.25rem) { .fcb-matchcenter-header-score-result { -webkit-align-self: center; -moz-align-self: center; -ms-flex-item-align: center; align-self: center; } } .fcb-matchcenter-header-score-home, .fcb-matchcenter-header-score-away { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; position: relative; } .fcb-matchcenter-header-score-home .scorers, .fcb-matchcenter-header-score-away .scorers { color: #e6b4be; } .is-stage .fcb-matchcenter-header-score-home, .is-stage .fcb-matchcenter-header-score-away { -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; } .is-stage .fcb-matchcenter-header-score-home .team-logo, .is-stage .fcb-matchcenter-header-score-away .team-logo { width: 4.4375rem; } @media screen and (min-width: 41.25rem) { .is-stage .fcb-matchcenter-header-score-home .team-logo, .is-stage .fcb-matchcenter-header-score-away .team-logo { width: 5.625rem; } } @media screen and (min-width: 63.9375rem) { .is-stage .fcb-matchcenter-header-score-home .team-logo, .is-stage .fcb-matchcenter-header-score-away .team-logo { width: 6.9375rem; } } @media screen and (min-width: 41.25rem) { .fcb-matchcenter-header-score-home, .fcb-matchcenter-header-score-away { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } .fcb-matchcenter-header-score-home .scorers.is-home, .fcb-matchcenter-header-score-away .scorers.is-home { margin-left: 0.9375rem; padding-right: 0.9375rem; } } @media screen and (min-width: 41.25rem) and (min-width: 85.375rem) { .fcb-matchcenter-header-score-home .scorers.is-home, .fcb-matchcenter-header-score-away .scorers.is-home { margin-left: 1.875rem; } } @media screen and (min-width: 41.25rem) { .fcb-matchcenter-header-score-home .scorers.is-away, .fcb-matchcenter-header-score-away .scorers.is-away { margin-right: 0.9375rem; padding-left: 0.9375rem; } } @media screen and (min-width: 41.25rem) and (min-width: 85.375rem) { .fcb-matchcenter-header-score-home .scorers.is-away, .fcb-matchcenter-header-score-away .scorers.is-away { margin-right: 1.875rem; } } @media screen and (min-width: 41.25rem) { .fcb-matchcenter-header-score-home .team { margin-right: 0; width: 50%; } .ie-10 .fcb-matchcenter-header-score-home .team { margin-right: 3.125rem; } .is-stage .fcb-matchcenter-header-score-home .team { margin-right: 0; } } @media screen and (min-width: 41.25rem) { .fcb-matchcenter-header-score-away .team { margin-left: 0; width: 50%; } .ie-10 .fcb-matchcenter-header-score-away .team { margin-left: 3.125rem; } .is-stage .fcb-matchcenter-header-score-away .team { margin-left: 0; } } .fcb-matchcenter-header-score-result .result { margin-bottom: 0.3125rem; } @media screen and (min-width: 41.25rem) { .fcb-matchcenter-header-score-result .result { margin-bottom: 0.625rem; } } @media screen and (min-width: 63.9375rem) { .fcb-matchcenter-header-score-result .result { margin-bottom: 0.8125rem; } } .is-stage .fcb-matchcenter-header-score-result { margin-left: 1.875rem; margin-right: 1.875rem; padding-top: 1.5rem; } @media screen and (min-width: 41.25rem) { .is-stage .fcb-matchcenter-header-score-result { margin-left: 2.5rem; margin-right: 2.5rem; padding-top: 0; } } @media screen and (min-width: 63.9375rem) { .is-stage .fcb-matchcenter-header-score-result { margin-left: 3.75rem; margin-right: 3.75rem; } } .fcb-matchcenter-header-actions { margin-top: 2.1875rem; } @media screen and (min-width: 41.25rem) { .fcb-matchcenter-header-actions { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; margin-top: 3.125rem; } } .fcb-matchcenter-header-action { width: 100%; text-align: center; margin-bottom: 0.625rem; } @media screen and (min-width: 41.25rem) { .fcb-matchcenter-header-action { margin-left: 0.625rem; margin-bottom: 0; width: auto; } .fcb-matchcenter-header-action:first-of-type { margin-left: 0; } } .is-stage .fcb-matchcenter-header-sponsor { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; margin-bottom: 1.25rem; } .is-stage .fcb-matchcenter-header-sponsor .sponsor-copy { font-family: "expressway_bold"; color: #ffffff; font-size: 0.875rem; line-height: 1.25rem; } .is-stage .fcb-matchcenter-header-sponsor .sponsor-matchcenter { display: block; } .is-stage .fcb-matchcenter-header-sponsor .fcb-logo-telekom { font-size: 1.125rem; } @media screen and (min-width: 41.25rem) { .is-stage .fcb-matchcenter-header-sponsor .fcb-logo-telekom { font-size: 1.8125rem; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-match-center-header-scorers-home { width: 50%; margin-right: 0.625rem; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-match-center-header-scorers-away { width: 50%; margin-left: 0.625rem; } .fcb-match-center-header-scorers-away .scorer-name { text-align: right; } .ie-10 .fcb-match-center-header-scorers-away { margin-left: 0; margin-right: 0.625rem; } } .fcb-matchcenter-stage { position: relative; overflow: hidden; } .fcb-matchcenter-stage .image-wrapper { position: static; width: auto; height: auto; } .fcb-matchcenter-stage.has-no-herostage .fcb-matchcenter-header-content-wrapper .fcb-container { top: 0; margin-top: 0; } .fcb-matchcenter-stage .fcb-matchcenter-header-content-wrapper .fcb-container { top: 0; margin-top: 0; } .fcb-matchcenter-stage .fcb-matchcenter-header { position: relative; z-index: 11; overflow: hidden; } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-matchcenter-stage .fcb-matchcenter-header { margin-top: -3.75rem; } } .fcb-matchcenter-stage .fcb-matchcenter-header.has-right-teaser .fcb-matchcenter-header-score { padding-left: 25%; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-matchcenter-stage .fcb-matchcenter-header.has-right-teaser .fcb-matchcenter-header-score { padding-left: 0; } } .fcb-matchcenter-stage .fcb-matchcenter-header.has-left-teaser .fcb-matchcenter-header-score { padding-right: 25%; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-matchcenter-stage .fcb-matchcenter-header.has-left-teaser .fcb-matchcenter-header-score { padding-right: 0; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-matchcenter-stage .fcb-matchcenter-header.has-no-teasers .fcb-matchcenter-header-content { padding-bottom: 15px; } } .fcb-matchcenter-stage .fcb-matchcenter-header.has-no-teasers .fcb-matchcenter-header-score { padding-bottom: 4.375rem; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-matchcenter-stage .fcb-matchcenter-header.has-no-teasers .fcb-matchcenter-header-score { padding-bottom: 0; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-matchcenter-stage .fcb-matchcenter-header.has-no-teasers .fcb-matchcenter-header-link-wrapper { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; } } .fcb-matchcenter-stage .fcb-matchcenter-header-link:hover { background-color: #aa435b; border-color: #aa435b; } .fcb-matchcenter-stage .fcb-match-center-header-scorers { display: none; } @media screen and (min-width: 41.25rem) { .fcb-matchcenter-stage .fcb-match-center-header-scorers { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } } .fcb-matchcenter-stage .fcb-matchcenter-header-link-wrapper { text-align: center; margin-bottom: 0.625rem; padding-bottom: 0.625rem; border-bottom: 2px solid #fff; margin-left: 0.1875rem; margin-right: 0.1875rem; margin-top: 0.625rem; } @media screen and (min-width: 41.25rem) { .fcb-matchcenter-stage .fcb-matchcenter-header-link-wrapper { margin-left: 0.5rem; margin-right: 0.5rem; margin-bottom: 1.25rem; padding-bottom: 1.125rem; } } @media screen and (min-width: 63.9375rem) { .fcb-matchcenter-stage .fcb-matchcenter-header-link-wrapper { -webkit-transform: translate(-50%); -moz-transform: translate(-50%); -ms-transform: translate(-50%); -o-transform: translate(-50%); transform: translate(-50%); position: absolute; left: 50%; bottom: 1.5625rem; padding-bottom: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; border-bottom: 0; } } .fcb-matchcenter-stage .fcb-matchcenter-header-score-result { -webkit-align-self: flex-start; -moz-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } @media screen and (min-width: 63.9375rem) { .fcb-matchcenter-stage .fcb-matchcenter-header-teaser { position: relative; margin-top: -1.75rem; } } .fcb-matchcenter-stage .fcb-matchcenter-header-content-wrapper { padding-top: 0; background-color: transparent; } @media screen and (min-width: 41.25rem) { .fcb-matchcenter-stage .fcb-matchcenter-header-content-wrapper { padding-top: 0; } } .fcb-matchcenter-stage .fcb-matchcenter-header-score-home { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; } .fcb-matchcenter-stage .fcb-matchcenter-header-score-home .team { margin-right: 1.875rem; } @media screen and (min-width: 63.9375rem) { .fcb-matchcenter-stage .fcb-matchcenter-header-score-home .scorers { margin-left: 0; } } .fcb-matchcenter-stage .fcb-matchcenter-header-score-away { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; } .fcb-matchcenter-stage .fcb-matchcenter-header-score-away .team { margin-left: 1.875rem; } @media screen and (min-width: 63.9375rem) { .fcb-matchcenter-stage .fcb-matchcenter-header-score-away .scorers { margin-right: 0; } } .fcb-matchcenter-stage .herostage-wrapper { margin-bottom: 0; } .fcb-matchcenter-stage .team-name { display: none; } @media screen and (min-width: 63.9375rem) { .fcb-matchcenter-stage .result-current { margin-bottom: 0.3125rem; margin-top: 0.125rem; } } .fcb-matchcenter-stage .team-logo { width: 3.0625rem; } @media screen and (min-width: 41.25rem) { .fcb-matchcenter-stage .team-logo { width: 3.6875rem; } } @media screen and (min-width: 85.375rem) { .fcb-matchcenter-stage .team-logo { width: 5rem; } } @media screen and (min-width: 63.9375rem) { .fcb-matchcenter-stage .fcb-matchcenter-header-teaser-wrapper { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } @media screen and (min-width: 63.9375rem) { .fcb-matchcenter-stage .fcb-matchcenter-header-teaser-wrapper .fcb-matchcenter-header-score { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; padding-right: 14px; padding-left: 14px; } } .fcb-matchcenter-stage .fcb-matchcenter-header-teaser-wrapper .stage-teaser.is-first { width: 100%; padding-right: 14px; padding-left: 14px; margin-bottom: 1.5625rem; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-matchcenter-stage .fcb-matchcenter-header-teaser-wrapper .stage-teaser.is-first { padding-right: 8px; padding-left: 8px; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-matchcenter-stage .fcb-matchcenter-header-teaser-wrapper .stage-teaser.is-first { padding-right: 3px; padding-left: 3px; } } @media screen and (min-width: 41.25rem) { .fcb-matchcenter-stage .fcb-matchcenter-header-teaser-wrapper .stage-teaser.is-first { width: 50%; margin-bottom: 0; } } @media screen and (min-width: 63.9375rem) { .fcb-matchcenter-stage .fcb-matchcenter-header-teaser-wrapper .stage-teaser.is-first { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1; width: 25%; } } .fcb-matchcenter-stage .fcb-matchcenter-header-teaser-wrapper .stage-teaser.is-last { width: 100%; padding-right: 14px; padding-left: 14px; float: left; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-matchcenter-stage .fcb-matchcenter-header-teaser-wrapper .stage-teaser.is-last { padding-right: 8px; padding-left: 8px; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-matchcenter-stage .fcb-matchcenter-header-teaser-wrapper .stage-teaser.is-last { padding-right: 3px; padding-left: 3px; } } @media screen and (min-width: 41.25rem) { .fcb-matchcenter-stage .fcb-matchcenter-header-teaser-wrapper .stage-teaser.is-last { width: 50%; } } @media screen and (min-width: 63.9375rem) { .fcb-matchcenter-stage .fcb-matchcenter-header-teaser-wrapper .stage-teaser.is-last { -webkit-box-ordinal-group: 4; -webkit-order: 3; -moz-order: 3; -ms-flex-order: 3; order: 3; width: 25%; } } @media screen and (min-width: 41.25rem) { .fcb-matchcenter-stage .result-home, .fcb-matchcenter-stage .result-divider, .fcb-matchcenter-stage .result-away { font-size: 1.75rem; } } @media screen and (min-width: 85.375rem) { .fcb-matchcenter-stage .result-home, .fcb-matchcenter-stage .result-divider, .fcb-matchcenter-stage .result-away { font-size: 3.375rem; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .fcb-matchcenter-stage .herostage-wrapper .herostage-teaser.teaser-100 .teaser-type { width: 6.25rem; height: 6.25rem; box-shadow: 0.0625rem 0.1875rem 0.625rem rgba(0, 0, 0, 0.3); right: 1.5625rem; } .fcb-matchcenter-stage .herostage-wrapper .herostage-teaser.teaser-100 .teaser-type.type-video .icon { width: 2.1875rem; margin-top: 0rem; margin-left: 0.6875rem; } .fcb-matchcenter-stage .herostage-wrapper .herostage-teaser.teaser-100 .teaser-type.type-gallery .icon { width: 3.125rem; margin-top: 0.125rem; } .fcb-matchcenter-stage .herostage-wrapper .herostage-teaser.teaser-100 .teaser-type.type-webradio .icon { width: 3.125rem; } .fcb-matchcenter-stage .herostage-wrapper .herostage-teaser.teaser-100 .teaser-type.type-live .icon { width: 3.125rem; margin-top: 0.125rem; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .fcb-matchcenter-stage .herostage-wrapper .herostage-teaser.teaser-100 .teaser-type { background-color: #ffffff; border-radius: 50%; bottom: 1.25rem; right: 1.25rem; width: 3.4375rem; height: 3.4375rem; box-shadow: 0.0625rem 0.1875rem 0.625rem rgba(0, 0, 0, 0.3); -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transition-property: background, border; -moz-transition-property: background, border; transition-property: background, border; -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; transition-duration: 0.25s; background-color: rgba(255, 255, 255, 0.2); border: 0.25rem solid #ffffff; right: 1.5625rem; bottom: 5.3125rem; } .fcb-matchcenter-stage .herostage-wrapper .herostage-teaser.teaser-100 .teaser-type .icon path { -webkit-transition: fill 0.5s ease-out; -moz-transition: fill 0.5s ease-out; transition: fill 0.5s ease-out; fill: #ffffff; } .fcb-matchcenter-stage .herostage-wrapper .herostage-teaser.teaser-100 .teaser-type.type-video .icon { width: 1.25rem; margin-top: 0rem; margin-left: 0.3125rem; } .fcb-matchcenter-stage .herostage-wrapper .herostage-teaser.teaser-100 .teaser-type.type-video .icon path { fill: #ffffff; } .fcb-matchcenter-stage .herostage-wrapper .herostage-teaser.teaser-100 .teaser-type.type-gallery .icon { width: 1.6875rem; margin-top: 0.125rem; } .fcb-matchcenter-stage .herostage-wrapper .herostage-teaser.teaser-100 .teaser-type.type-webradio .icon { width: 1.5625rem; } .fcb-matchcenter-stage .herostage-wrapper .herostage-teaser.teaser-100 .teaser-type.type-live { border: none; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; transition-timing-function: linear; -webkit-animation: PulseLivestream 3.5s infinite; -moz-animation: PulseLivestream 3.5s infinite; animation: PulseLivestream 3.5s infinite; } .fcb-matchcenter-stage .herostage-wrapper .herostage-teaser.teaser-100 .teaser-type.type-live .icon { width: 1.6875rem; margin-top: 0.125rem; } .ie-10 .fcb-matchcenter-stage .herostage-wrapper .herostage-teaser.teaser-100 .teaser-type.type-video .icon { margin-top: 0.125rem; } } .fcb-matchcenter-stage .herostage-wrapper .herostage-teaser.teaser-100 .teaser-content { bottom: 5.3125rem; } @media screen and (max-width: 63.9375rem) { .fcb-matchcenter-stage .herostage-wrapper .herostage-teaser.teaser-100 .teaser-content { left: 1.5625rem; } } @media screen and (min-width: 63.9375rem) { .fcb-matchcenter-stage .herostage-wrapper .herostage-teaser.teaser-100 .teaser-content { top: auto; } } .matchcenter-slider { background-color: #6E0A28; } .matchcenter-slider .swiper-wrapper { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .matchcenter-slider .swiper-button-prev { left: 0.625rem; } .matchcenter-slider .swiper-button-next { right: 0.625rem; } .matchcenter-slider .swiper-button-prev, .matchcenter-slider .swiper-button-next { background-image: none; top: 25%; height: 50%; margin-top: 0; width: 4.375rem; } .matchcenter-slider .swiper-button-prev .icon, .matchcenter-slider .swiper-button-next .icon { width: 0.625rem; } .matchcenter-slider .swiper-button-prev path, .matchcenter-slider .swiper-button-next path { fill: #fff; } .matchcenter-slider .swiper-button-disabled { display: none; } .matchcenter-slide .game-minute { padding-top: 0.5rem; } .matchcenter-slide.is-half-time .game-minute { margin-top: 2.1875rem; } .matchcenter-slide.is-result { -webkit-align-self: center; -moz-align-self: center; -ms-flex-item-align: center; align-self: center; } .matchcenter-slider-action { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); position: absolute; top: 50%; width: 2.1875rem; height: 2.1875rem; border-radius: 100%; background-color: transparent; } .matchcenter-slider-action:hover { background-color: #fff; } .matchcenter-slider-action:hover .icon path { fill: #961432; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .matchcenter-slider-action { background-color: #fff; } .matchcenter-slider-action .icon path { fill: #961432; } } .swiper-button-next .matchcenter-slider-action { right: 0; } .swiper-button-prev .matchcenter-slider-action { left: 0; } .matchcenter-slide-header > div, .matchcenter-slide-content > div { box-sizing: border-box; padding-left: 1.5625rem; padding-right: 1.5625rem; max-width: 85.375rem; margin: 0 auto; } .matchcenter-slide-header .sponsor-matchcenter { padding-left: 0; padding-right: 0; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .matchcenter-slide-header > div { padding-left: 1.25rem; padding-right: 1.25rem; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .matchcenter-slide-header > div { padding-left: 0.8125rem; padding-right: 0.8125rem; } } .matchcenter-slide-header { background-color: #961432; /* .live-icon { background-color: $color-red-6e0a28; &:after { background-color: $color-red-6e0a28; } } */ } .matchcenter-slide-header .live-text, .matchcenter-slide-header .sponsor-copy, .matchcenter-slide-header .countdown { color: #fff; } .matchcenter-slide-matchday { width: 33.33333%; -webkit-align-self: flex-end; -moz-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .matchcenter-slide-matchday { padding-right: 8px; padding-left: 8px; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .matchcenter-slide-matchday { padding-right: 3px; padding-left: 3px; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .matchcenter-slide-matchday { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; position: relative; } .matchcenter-slide-matchday:after { content: ''; width: 1px; height: 100%; background-color: #961432; display: block; position: absolute; top: 0; right: -0.4375rem; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .matchcenter-slide-matchday { width: 100%; display: block; margin-bottom: 1.25rem; } .matchcenter-slide-matchday:after { display: none; } } .matchcenter-slide-matchday .matchday { display: block; text-align: right; } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .matchcenter-slide-matchday .matchday { text-align: center; } } .matchcenter-slide-matchday .matchday-type { font-size: 1.5rem; line-height: 1.875rem; line-height: 1.375rem; font-family: "expressway_condensed_bold"; color: #fff; display: block; margin-bottom: 0.1875rem; white-space: normal; } .matchcenter-slide-matchday .matchday-type:after { display: none; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .matchcenter-slide-matchday .matchday-type { padding-left: 3.125rem; white-space: normal; margin-bottom: 0.3125rem; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .matchcenter-slide-matchday .matchday-type { padding-left: 0; } } .matchcenter-slide-matchday .matchday-round:after { display: none; } .matchcenter-slide-matchday .matchday-round, .matchcenter-slide-matchday .matchday-date, .matchcenter-slide-matchday .matchday-time { color: #e6b4be; } .matchcenter-slide-matchday .matchcenter-slide-action-wrapper { margin-top: 1.25rem; } .matchcenter-slide-content { padding-left: 0 !important; padding-right: 0 !important; margin-left: -14px; margin-right: -14px; padding-top: 1.25rem; padding-bottom: 1.25rem; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .matchcenter-slide-content .matchcenter-slide-content { margin-left: -; margin-right: -; } } @media only tv { .matchcenter-slide-content .matchcenter-slide-content { margin-left: -; margin-right: -; } } @media only print { .matchcenter-slide-content .matchcenter-slide-content { margin-left: -; margin-right: -; } } @media only screen and (orientation: portrait) { .matchcenter-slide-content .matchcenter-slide-content { margin-left: -; margin-right: -; } } @media only screen and (orientation: landscape) { .matchcenter-slide-content .matchcenter-slide-content { margin-left: -; margin-right: -; } } .matchcenter-slide-content .matchcenter-slide-content { margin-left: -14px; margin-right: -14px; } @media screen and (min-width: 0rem) and (max-width: 85.375rem) { .matchcenter-slide-content .matchcenter-slide-content { margin-left: -14px; margin-right: -14px; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .matchcenter-slide-content .matchcenter-slide-content { margin-left: -8px; margin-right: -8px; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .matchcenter-slide-content .matchcenter-slide-content { margin-left: -3px; margin-right: -3px; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .matchcenter-slide-content { padding-top: 0.9375rem; padding-bottom: 0.9375rem; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .matchcenter-slide-content { padding-top: 1.25rem; padding-bottom: 1.25rem; } } .matchcenter-slide-content > div { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .matchcenter-slide-content > div { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .matchcenter-slide-content > div { display: block; } } .matchcenter-slide-action { width: 33.33333%; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; /* .live-icon, .live-icon:after { background-color: $color-red-961432; } */ } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .matchcenter-slide-action { padding-right: 8px; padding-left: 8px; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .matchcenter-slide-action { padding-right: 3px; padding-left: 3px; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .matchcenter-slide-action { display: none; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .matchcenter-slide-action { width: 100%; display: block; text-align: center; margin-top: 1.25rem; padding-right: 0; text-align: right; margin-top: 1.25rem; } } .matchcenter-slide-action .matchcenter-slide-header { background-color: transparent; margin-bottom: 0.3125rem; } .matchcenter-slide-action .matchcenter-slide-header > div { padding: 0; margin: 0; max-width: auto; } .matchcenter-slide-action .matchcenter-slide-header .sponsor-matchcenter { -webkit-box-direction: reverse; -webkit-box-orient: vertical; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; } .matchcenter-slide-action .matchcenter-slide-header .countdown { color: #e6b4be; } .matchcenter-slide-action .matchcenter-slide-header .countdown b { color: #fff; } .matchcenter-slide-score { width: 33.33333%; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; position: relative; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .matchcenter-slide-score { padding-right: 8px; padding-left: 8px; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .matchcenter-slide-score { padding-right: 3px; padding-left: 3px; } } .matchcenter-slide-score:after, .matchcenter-slide-score:before { content: ''; width: 1px; height: 100%; background-color: #961432; display: block; position: absolute; top: 0; } .matchcenter-slide-score:after { right: 0.4375rem; } .matchcenter-slide-score:before { left: 0.4375rem; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .matchcenter-slide-score { width: 58.33333%; } .matchcenter-slide-score:after, .matchcenter-slide-score:before { display: none; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .matchcenter-slide-score { width: 100%; } } .matchcenter-slide-score .team-logo { width: 3.625rem; height: 3.625rem; } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .matchcenter-slide-score .team-logo { width: 2.8125rem; } } .matchcenter-slide-score .result-home, .matchcenter-slide-score .result-divider, .matchcenter-slide-score .result-away { color: #fff; font-size: 1.75rem; margin-top: 0; } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .matchcenter-slide-score .result-home, .matchcenter-slide-score .result-divider, .matchcenter-slide-score .result-away { font-size: 1.5rem; } } .matchcenter-slide-score .team-name { color: #fff; } .matchcenter-slide-score .result { padding-top: 0.4375rem; position: relative; } .matchcenter-slide-score .result-status { position: absolute; top: -0.3125rem; width: 100%; text-align: center; display: block; } .matchcenter-slide-score .result-current { margin-bottom: 0.125rem; } .matchcenter-slide-score .result-halftime { text-align: center; width: 100%; } .is-result .matchcenter-slide-score .result-halftime { display: block; } .matchcenter-slide-score .result-divider { padding-left: 0.625rem; padding-right: 0.625rem; } .matchcenter-slide-score .game-minute { color: #fff; } .matchcenter-slide-score-result { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-align-self: start; -moz-align-self: start; -ms-flex-item-align: start; align-self: start; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-left: 1.25rem; margin-right: 1.25rem; margin-top: 0.3125rem; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .matchcenter-slide-score-result { margin-left: 0.9375rem; margin-right: 0.9375rem; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .matchcenter-slide-score-result { margin-left: 1.25rem; margin-right: 1.25rem; } } .matchcenter-slide-action-wrapper { height: 2.125rem; } .matchcenter-slide-action-wrapper .button { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; float: left; position: relative; height: 2.125rem; top: 0; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .matchcenter-slide-action-wrapper .button { float: right; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .matchcenter-slide-action-wrapper .button { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); float: left; position: relative; left: 50%; } } .matchcenter-slide-action-wrapper .button:hover { background: #961432; border: 0.125rem solid #961432; color: #e6b4be; } .matchcenter-slide-action-wrapper .button-label { line-height: 1.0625rem; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .matchcenter-slide-action-wrapper .button-label { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2; } } .matchcenter-slide-action-wrapper a.button span.icon, .matchcenter-slide-action-wrapper .ui-datepicker div.ui-datepicker-buttonpane button span.icon, .ui-datepicker div.ui-datepicker-buttonpane .matchcenter-slide-action-wrapper button span.icon { width: 0.6875rem !important; margin-left: 0.625rem !important; margin-right: 0rem !important; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .matchcenter-slide-action-wrapper a.button span.icon, .matchcenter-slide-action-wrapper .ui-datepicker div.ui-datepicker-buttonpane button span.icon, .ui-datepicker div.ui-datepicker-buttonpane .matchcenter-slide-action-wrapper button span.icon { margin-left: 0rem !important; margin-right: 0.625rem !important; } } .matchcenter-slide-action-wrapper a.button span.icon svg, .matchcenter-slide-action-wrapper .ui-datepicker div.ui-datepicker-buttonpane button span.icon svg, .ui-datepicker div.ui-datepicker-buttonpane .matchcenter-slide-action-wrapper button span.icon svg { top: 0; left: 0; } .matchcenter-slide-action-wrapper .tooltip-select-wrapper { position: absolute; top: 0; left: 0; z-index: 2; height: 100%; width: 100%; } .matchcenter-slide-action-wrapper .tooltip-select-wrapper > div { z-index: 2; } .matchcenter-slide-action-wrapper select { opacity: 0; } .matchcenter-slide-overlay { display: none; } .matchcenter-slider-overlay .matchcenter-slide-overlay { display: block; } .matchcenter-slider-overlay { padding-left: 0; padding-right: 0; } .matchcenter-slide-score-home, .matchcenter-slide-score-away { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; } .matchcenter-slide-score-home { -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .matchcenter-slide-action-wrapper a.button span.icon svg, .matchcenter-slide-action-wrapper .ui-datepicker div.ui-datepicker-buttonpane button span.icon svg, .ui-datepicker div.ui-datepicker-buttonpane .matchcenter-slide-action-wrapper button span.icon svg { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .matchcenter-slide-action-wrapper a.button span.icon svg, .matchcenter-slide-action-wrapper .ui-datepicker div.ui-datepicker-buttonpane button span.icon svg, .ui-datepicker div.ui-datepicker-buttonpane .matchcenter-slide-action-wrapper button span.icon svg { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } } .matchday-date.no-time:after { content: none; } @media screen and (max-width: 88.75rem) { .matchcenter-slide-matchday { margin-right: 1.875rem; } .matchcenter-slide-action { margin-left: 1.875rem; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .matchcenter-slide-score-away .team { padding-right: 35%; } .matchcenter-slide-score-home .team { padding-left: 35%; } .matchcenter-slide-matchday { margin-right: 0; } .matchcenter-slide-action { margin-left: 0; } .matchcenter-slide-matchday:after { content: none; } } /* myFCB ~ START */ .myfcb .text-media p { font-size: 0.875rem; line-height: 1.25rem; } .myfcb .text-media > div { padding: 0; } .fcb-tv-details { margin-top: 0.625rem; } /* myFCB ~ END */ /* Appointments ~ START */ .appointments > .fcb-container > .fcb-row:first-child { margin-bottom: 0; } .appointments > .fcb-container > .fcb-row:first-child.base-overview-general { margin-bottom: 1.25rem; } .appointments .fcb-ad-banner-container { margin-top: 0; margin-bottom: 2.5rem; padding-left: 0; padding-right: 0; } .appointments .matchplan-links { margin-top: 2.3125rem; } .appointments .appointment-recommendations { margin-bottom: 1.875rem; } /* Appointments ~ END */ /* Styleguide ~ START */ .styleguide-headline { font-size: 2rem; line-height: 2.5rem; font-family: "expressway_bold"; } .styleguide-entry { border-bottom: 1px solid #e3e5e6; } .styleguide-entry:last-child { border: none; } .styleguide-entry-headline { font-size: 1.5rem; line-height: 2rem; font-family: "expressway_bold"; } .styleguide-example-code { margin-bottom: 1.5625rem; } .styleguide-example-code .hljs { font-family: monospace; padding-left: 0.9375rem; padding-right: 0.9375rem; padding-top: 0.9375rem; padding-bottom: 0.9375rem; } .styleguide-example-headline { margin-bottom: 0.625rem; font-size: 1.25rem; line-height: 1.75rem; font-family: "expressway_light"; } /* Styleguide ~ END */ /* Mediacenter ~ START */ .media-center .header-presented-by { visibility: hidden; } .media-center .header-actions .header-actions-bottom .header-search-wrapper { display: none; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .media-center .header-actions .header-actions-bottom .header-search-wrapper { visibility: hidden; } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .media-center .header-wrapper.mobile-navi-active .header-title { z-index: 600; } .media-center .header-wrapper.mobile-navi-active .column-actions.active-login { z-index: 605; } .media-center .main-header-wrapper .column-actions.active-search .button-menu.active { border-left: 0.0625rem solid #6E0A28; } .media-center .main-header-wrapper .header-navigation .level-1 > li.action-presented-by, .media-center .main-header-wrapper .header-navigation .level-1 > li.action-exit { display: none; } } .media-center .main-footer-wrapper .footer-top-area .shop-tour-links { display: none; } .media-center .main-footer-wrapper .footer-partner-navigation-bottom-wrapper { background: #6E0A28; border-top-color: #961432; } .media-center .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-partner { display: none; } .media-center .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-social-media { display: none; } .media-center .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-navigation { display: none; } .media-center .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area { padding-top: 7.875rem; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .media-center .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area { padding-top: 6rem; } .media-center .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .meta-navigation-copyright:before { background: #961432; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .media-center .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area { padding-top: 2.875rem; } .media-center .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .shop-tour-links { display: none; } .media-center .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .meta-navigation-copyright .meta-navigation { padding-left: 0.8125rem; padding-right: 0.8125rem; } .media-center .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .meta-navigation-copyright .copyright { padding-left: 0.8125rem; padding-right: 0.8125rem; } .media-center .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .footer-bottom-area .meta-navigation-copyright .copyright .footnote { border-bottom: 0.125rem solid #961432; border-top: 0.125rem solid #961432; } } .media-center .media-center-hero-stage { margin-bottom: 1.3125rem; } @media screen and (min-width: 63.9375rem) { .media-center .media-center-hero-stage { background-color: #f8f8f9; } } .media-center .media-center-hero-stage .media-center-hero-stage-container { background-color: #f8f8f9; } .media-center .media-center-hero-stage .media-center-hero-stage-container .frame-element .background-image-wrapper { position: relative; } .media-center .media-center-hero-stage .media-center-hero-stage-container .frame-element .background-image-wrapper .teaser-shadow { display: block; position: absolute; top: 0; z-index: 2; right: 0; width: 100%; height: 100%; background-image: -webkit-radial-gradient(64% 44%, closest-side, rgba(255, 255, 255, 0) 64%, rgba(0, 0, 0, 0.8) 143%); background-image: radial-gradient(closest-side at 64% 44%, rgba(255, 255, 255, 0) 64%, rgba(0, 0, 0, 0.8) 143%); } .media-center .media-center-hero-stage .media-center-hero-stage-container .frame-element .background-image-wrapper .background-image { display: block; } .media-center .media-center-hero-stage .media-center-hero-stage-container .frame-element .background-image-wrapper .background-image img { display: block; } .media-center .media-center-hero-stage .media-center-hero-stage-container .frame-element .background-image-wrapper .imagewrapper-content { position: absolute; bottom: 0; margin-left: 3.3125rem; margin-bottom: 1.25rem; width: 80%; z-index: 3; } .media-center .media-center-hero-stage .media-center-hero-stage-container .frame-element .background-image-wrapper .imagewrapper-content p.teaser-abtract { margin-top: 0.625rem; color: #6e7882; } .media-center .media-center-hero-stage .media-center-hero-stage-container .frame-element .background-image-wrapper .imagewrapper-content h2.teaser-title { font-size: 1.75rem; line-height: 2.125rem; color: #ffffff; width: 16.875rem; font-family: "expressway_bold"; } .media-center .media-center-hero-stage .media-center-hero-stage-container .frame-element .background-image-wrapper .imagewrapper-content p.teaser-cta-wrapper { margin-top: 1.875rem; } .media-center .media-center-hero-stage .media-center-hero-stage-container .frame-element:first-child .teaser-shadow { display: none; } .media-center .media-center-hero-stage .media-center-hero-stage-container .frame-element:first-child .imagewrapper-content h2.teaser-title { color: #0A3C64; } @media screen and (min-width: 0rem) and (max-width: 85.375rem) { .media-center .media-center-hero-stage .media-center-hero-stage-container .frame-element .background-image-wrapper .teaser-shadow { background-image: -webkit-radial-gradient(64% 44%, closest-side, rgba(255, 255, 255, 0) 64%, rgba(0, 0, 0, 0.7) 143%); background-image: radial-gradient(closest-side at 64% 44%, rgba(255, 255, 255, 0) 64%, rgba(0, 0, 0, 0.7) 143%); } } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .media-center .media-center-hero-stage .media-center-hero-stage-container .frame-element .appointment-container { padding-right: 0.1875rem; } .media-center .media-center-hero-stage .media-center-hero-stage-container .frame-element .background-image-wrapper .teaser-shadow { background-image: -webkit-radial-gradient(64% 44%, closest-side, rgba(255, 255, 255, 0) 72%, rgba(0, 0, 0, 0.7) 130%); background-image: radial-gradient(closest-side at 64% 44%, rgba(255, 255, 255, 0) 72%, rgba(0, 0, 0, 0.7) 130%); } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .media-center .media-center-hero-stage .media-center-hero-stage-container .frame-element:last-child .background-image-wrapper img { display: none; } .media-center .media-center-hero-stage .media-center-hero-stage-container .frame-element:last-child .background-image-wrapper .imagewrapper-content .teaser-title { display: none; } .media-center .media-center-hero-stage .media-center-hero-stage-container .frame-element:last-child .background-image-wrapper p.teaser-cta-wrapper { margin-top: -5px; } .media-center .media-center-hero-stage .media-center-hero-stage-container .frame-element:last-child .background-image-wrapper p.teaser-cta-wrapper a { margin-top: 0; } .media-center .media-center-hero-stage .media-center-hero-stage-container .frame-element:first-child .imagewrapper-content .teaser-title { position: absolute; margin-top: -5.9375rem; } .media-center .media-center-hero-stage .media-center-hero-stage-container .frame-element:first-child .imagewrapper-content .teaser-abtract { margin-top: 0.9375rem; margin-bottom: 2.1875rem; } .media-center .media-center-hero-stage .media-center-hero-stage-container .frame-element .background-image-wrapper .teaser-shadow { display: none; } .media-center .media-center-hero-stage .media-center-hero-stage-container .frame-element .background-image-wrapper .background-image { display: block; } .media-center .media-center-hero-stage .media-center-hero-stage-container .frame-element .background-image-wrapper .imagewrapper-content { width: 100%; position: relative; display: block; margin-left: 0; margin-right: 0; } .media-center .media-center-hero-stage .media-center-hero-stage-container .frame-element .background-image-wrapper .imagewrapper-content h2.teaser-title { color: #0A3C64; } .media-center .media-center-hero-stage .media-center-hero-stage-container .frame-element .background-image-wrapper .imagewrapper-content > * { margin-left: 1.5625rem; margin-right: 1.5625rem; } .media-center .media-center-hero-stage .media-center-hero-stage-container .frame-element .background-image-wrapper .imagewrapper-content .teaser-cta-wrapper a { text-align: center; margin-top: 1.5625rem; margin-bottom: 0.9375rem; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .media-center .media-center-hero-stage .media-center-hero-stage-container .frame-element.logged-in .imagewrapper-content { position: absolute; margin-bottom: 0; } .media-center .media-center-hero-stage .media-center-hero-stage-container .frame-element.logged-in .imagewrapper-content .teaser-abtract { margin-bottom: 0.9375rem; } .media-center .media-center-hero-stage .media-center-hero-stage-container .frame-element.logged-in .imagewrapper-content .teaser-title { margin-top: -4.375rem; } } .media-center.old-style .main-content-wrapper .myfcb .buttonbar span { color: #000000; } .media-center.old-style .main-content-wrapper .myfcb .buttonbar .buttons ::before { background-color: #cb0032; } .media-center.old-style .main-content-wrapper .myfcb .buttonbar h3 { color: #cb0032; } .media-center.old-style .main-content-wrapper .myfcb .buttonbar.admin { width: 100vw; margin-left: 50% !important; margin-right: 0 !important; -webkit-transform: translateX(-50%); -moz-transition: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); margin-bottom: -28px; background-color: #f0efef; } .media-center.old-style .main-content-wrapper .myfcb .buttonbar.admin .buttons ::before { background-color: #0d64ae; } .media-center.old-style .main-content-wrapper .myfcb .buttonbar.admin h3 { color: #0d64ae; } .media-center.old-style .main-header-wrapper .header-container { background-image: linear-gradient(to top, #950025 0%, #cc0033 50%); } .media-center.old-style .main-header-wrapper .header-container .header-actions { display: none; } .media-center.old-style .main-header-wrapper .header-container .column-navigation { display: none; } .media-center.old-style .main-footer-wrapper { background-color: #f0efef; } .media-center.old-style .main-footer-wrapper .footer-top-area { padding-top: 28px; } .media-center.old-style .main-footer-wrapper .icon-to-top { display: none; } .media-center.old-style .main-footer-wrapper .footer-partner-navigation-bottom-wrapper { background-image: linear-gradient(to top, #950025 0%, #cc0033 50%); border-top: 0; } .media-center.old-style .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .meta-navigation-copyright::before { background: none; } .media-center.old-style .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .partner-navigation { display: none; } .media-center.old-style .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .meta-navigation-copyright { width: 100%; text-align: center; } .media-center.old-style .main-footer-wrapper .footer-partner-navigation-bottom-wrapper .meta-navigation-copyright .meta-navigation { border: 0; } .media-center.old-style .media-center-hero-stage { background-image: linear-gradient(to top, #6c6165 0%, #332427 85%); } .media-center.old-style .media-center-hero-stage .media-center-hero-stage-container { background: none; } .media-center.old-style .media-center-hero-stage .media-center-hero-stage-container .ui-datepicker { margin-bottom: 1.5625rem; } .media-center.old-style .media-center-hero-stage .media-center-hero-stage-container .frame-element:first-child { height: 200px; } .media-center.old-style .media-center-hero-stage .media-center-hero-stage-container .frame-element .fcb-my-calendar tbody tr td.event span { color: #cb0032; } .media-center.old-style .media-center-hero-stage .media-center-hero-stage-container .frame-element .fcb-my-calendar .ui-datepicker table.ui-datepicker-calendar { color: black; } .media-center.old-style .media-center-hero-stage .media-center-hero-stage-container .frame-element .fcb-my-calendar .ui-datepicker table.ui-datepicker-calendar tbody tr td.ui-datepicker-today a { color: #0d64ae; } .media-center.old-style .media-center-hero-stage .media-center-hero-stage-container .frame-element .fcb-my-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-title .select2 .select2-selection .select2-selection__rendered { color: #cc0033; } .media-center.old-style .media-center-hero-stage .media-center-hero-stage-container .frame-element .fcb-my-calendar .select2-container .select2-dropdown .select2-results__options li.select2-results__option.select2-results__option--highlighted { color: hotpink !important; } .media-center.old-style .media-center-hero-stage .media-center-hero-stage-container .frame-element .appointment-container { color: #c1c2c8; background: none; } .media-center.old-style .media-center-hero-stage .media-center-hero-stage-container .frame-element .appointment-container .appointment-title h3 { color: white; } .media-center.old-style .media-center-hero-stage .media-center-hero-stage-container .frame-element .appointment-container .appointment p.title { color: white; } .media-center.old-style .media-center-hero-stage .media-center-hero-stage-container .frame-element .imagewrapper-content { top: 3.125rem; } .media-center.old-style .media-center-hero-stage .media-center-hero-stage-container .frame-element .imagewrapper-content h2.teaser-title { color: white !important; } .media-center.old-style .media-center-hero-stage .media-center-hero-stage-container .frame-element .imagewrapper-content p.teaser-abtract { color: white !important; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .media-center.old-style .media-center-hero-stage .media-center-hero-stage-container .frame-element .imagewrapper-content { top: 3.125rem; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .media-center.old-style .media-center-hero-stage .media-center-hero-stage-container .frame-element .imagewrapper-content { top: 6.25rem; } } .media-center.old-style .media-center-hero-stage .media-center-hero-stage-container img { visibility: hidden; min-height: 300px; } .fcb-media-center .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted, .fcb-media-center .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option[aria-selected=true] { color: #cc0033 !important; border-bottom: 1px solid black; } .buttonbar h3 { text-align: center; margin-bottom: 45px; } .buttonbar { margin-bottom: 18px; padding-top: 20px; } .buttonbar .buttons { max-width: 60.625rem; margin: 0 auto; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .buttonbar .buttons a { width: 16.66667%; margin-bottom: 1.625rem; font-family: "expressway_condensed_light"; text-transform: none; font-size: 1.25rem; line-height: 1.625rem; padding: 0px; } @media screen and (max-width: 63.9375rem) { .buttonbar .buttons a { width: 25%; } } @media screen and (max-width: 41.25rem) { .buttonbar .buttons a { width: 50%; } } .admin { background-color: #e5e6e7; } .admin .buttons a:before { background-color: #C8AA78; } /* Mediacenter ~ cEND */ /* Webradio ~ START */ .webradio-wrapper { width: 100%; max-width: 25rem; height: 2rem; position: relative; margin: 0 auto; } #webradio-player { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #webradio-player iframe { left: 0; } /* Webradio ~ END */ /* myFCB ~ START */ .myfcb .text-media p { font-size: 0.875rem; line-height: 1.25rem; } .myfcb .text-media > div { padding: 0; } .fcb-tv-details { margin-top: 0.625rem; } .myfcb-form.mediacenter { margin-top: 3.0625rem; } .myfcb-form.mediacenter .title { margin-bottom: 2.5rem; } .myfcb-form.mediacenter h3 { float: left; } .myfcb-form.mediacenter h3:before { margin-right: 1.3125rem; text-align: center; line-height: 2.5; width: 4.4375rem; height: 4.4375rem; background-color: #961432; border-radius: 50%; display: inline-block; } .myfcb-form.mediacenter .button.normal.form-back { float: left; } .myfcb-form.mediacenter .button.small.form-back { float: right; margin-top: 25px; } @media screen and (min-width: 63.9375rem) { .myfcb-form.mediacenter .button.normal.form-back { display: none; } } @media screen and (max-width: 63.9375rem) { .myfcb-form.mediacenter .button.small.form-back { display: none; } } /* Template ~ START */ .player-details .fcb-container.layout-container.large-headline.background-grey { margin-bottom: 0; } .player-details .social-news-wrapper .social-news-content-wrapper .social-news-entry { margin-bottom: 0; } .player-details .fcb-container.layout-container.full-width { margin-top: 0; padding-left: 0; padding-right: 0; } .player-details + .tooltip-content-original { display: none; } .player-details .fcb-teaser-slider-content, .player-details .fcb-related-content-slider { margin-bottom: 0; } .player-details .fcb-season-picker-wrapper .fcb-form-element-wrapper:first-child { margin-right: 0; } .player-details .tooltip-content-original { display: none; } .player-details-tabs { padding-top: 2.5rem; } .player-details-tabs .fcb-container, .player-details-tabs .fcb-row { margin-bottom: 0 !important; } .player-details-tabs .fcb-tab-accordion-wrapper.type-tab .item-titles-wrapper .item-titles { margin-bottom: 0; } .player-details-tabs .fcb-tab-accordion-wrapper.type-tab .item-titles-wrapper .item-titles:after { content: ''; clear: both; display: block; visibility: hidden; height: 0rem; } .player-details-tabs .fcb-tab-accordion-wrapper.type-tab .item-content { padding-left: 0.125rem; padding-right: 0.125rem; padding-top: 1.5625rem; padding-bottom: 1.5625rem; margin-bottom: 0; } .player-details-tabs .fcb-tab-accordion-wrapper.type-tab.variant-red .item-content { border-left: 0; border-right: 0; border-radius: 0; } .player-details-tabs .player-bio a { color: #961432; text-decoration: none; } .player-details-tabs .player-bio a:hover { text-decoration: underline; } .player-details-banner { position: relative; } .player-details-banner-info { position: absolute; width: 14.375rem; left: 0.625rem; bottom: 0.625rem; background-color: rgba(255, 255, 255, 0.9); padding-top: 0.25rem; padding-right: 0.625rem; padding-bottom: 0.1875rem; padding-left: 0.625rem; text-decoration: none; } .player-details-banner-headline { font-family: "expressway_condensed_light"; color: #6e7882; font-size: 1.25rem; line-height: 1.625rem; } .player-details-banner-text { font-family: "expressway_condensed_bold"; color: #0A3C64; font-size: 1.125rem; line-height: 1.5rem; margin-bottom: 0; } .player-details-socialnews .social-news-wrapper .social-news-content-wrapper .social-news-entry .account-name { background-color: #f8f8f9; } .player-details-socialnews .message-date-wrapper { background-color: #fff; } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .player-details-statistics .season-picker-controls { margin-top: 1.25rem; } } .player-details-statistics .statistic-entry { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); margin-left: 50%; } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .player-details-statistics-entry { width: 50% !important; margin-bottom: 0.5rem; } } /* Template ~ END */ /* LiveStatistics ~ START */ /****************************** * LIVE STATISTICS COMPONENTS ******************************/ .comparison-header { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .comparison-header .headline { text-align: center; padding: 0rem 0.3125rem; } .comparison-header .club { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 50%; width: 30%; height: 2.1875rem; } .comparison-header .club .text-label { font-family: "expressway_condensed_bold"; word-break: break-all; word-break: break-word; word-wrap: break-word; } .comparison-header .club .title-small, .comparison-header .club .title-medium { display: none; } .comparison-header .club img { height: 100%; margin-right: 0.625rem; } .comparison-header .club.type-right { -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .comparison-header .club.type-right img { margin-right: 0rem; margin-left: 0.625rem; } @media screen and (max-width: 63.9375rem) { .comparison-header { margin-top: 1.875rem; } .comparison-header .club .title-medium { display: inline; } .comparison-header .club .title-small, .comparison-header .club .title-large { display: none; } } @media screen and (max-width: 41.25rem) { .comparison-header .club .title-small { display: inline; } .comparison-header .club .title-medium, .comparison-header .club .title-large { display: none; } } .ie-10 .comparison-header .club { max-width: 45%; } .ie-10 .comparison-header .club .text-label { display: inline-block; width: 100%; max-width: 80%; } .ie-10 .comparison-header .club.type-right .text-label { text-align: right; } .label-counter { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .label-counter.type-right { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; } .label-player { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; padding-right: 0.875rem; text-decoration: none; } .label-player[href='#'] { cursor: default; } .label-player .name { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; word-wrap: break-word; word-break: break-all; word-break: break-word; padding: 0.625rem; padding-left: 0; } .label-player .image-wrapper , .label-player .player-number { min-width: 4.375rem; width: 4.375rem; height: 4.375rem; margin-top: 0.3125rem; margin-bottom: 0.3125rem; } .label-player .image-wrapper { display: block; padding-bottom: 0rem; } .label-player .image-wrapper img { border-radius: 50%; border: 0.125rem solid #c9ccd2; } .label-player .number-wrapper { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; border-radius: 50%; border: 0.125rem solid #c9ccd2; } .label-player .number-wrapper .number { font-family: "expressway_condensed_bold"; font-size: 1.75rem; line-height: 2.125rem; color: #0A3C64; margin-top: -0.25rem; } .label-player.type-right { -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; padding-right: initial; padding-left: 0.875rem; } .label-player.type-right .name { padding-right: 0; padding-left: 0.625rem; } .label-player.type-right .text-label { text-align: right; } @media screen and (max-width: 63.9375rem) { .label-player .image-wrapper , .label-player .number-wrapper { min-width: 3.125rem; width: 3.125rem; height: 3.125rem; margin-top: 0.3125rem; margin-bottom: 0.3125rem; } .label-player .number-wrapper .number { font-size: 1.375rem; line-height: 1.75rem; margin-top: -0.125rem; } } .ie-10 .label-player { max-width: 85%; } .ie-10 .label-player.type-right { padding-right: 0; } .ie-10 .label-player .name { -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; word-wrap: break-word; word-break: break-all; display: inline-block; max-width: 65%; width: 100%; } .ie-10 .label-player .image-wrapper { -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; display: inline-block; width: 30%; } .ie-10 .label-player .image-wrapper img { max-width: 4.375rem; max-height: 4.375rem; } @media screen and (max-width: 63.9375rem) { .ie-10 .label-player { max-width: 90%; width: 100%; } .ie-10 .label-player.type-right { margin-left: -0.75rem; } .ie-10 .label-player .name { max-width: 80%; } .ie-10 .label-player .image-wrapper img { max-width: 3.125rem; max-height: 3.125rem; } } @media screen and (max-width: 41.25rem) { .ie-10 .label-player .name { max-width: 90%; } .ie-10 .label-player.type-right { margin-left: -1.5625rem; } } .indicator-progress-bar { display: block; position: relative; background-color: #e5e6e7; border-radius: 0.1875rem; width: 100%; height: 0.3125rem; } .indicator-progress-bar .bar { position: absolute; right: 0rem; background-color: #961432; border-radius: 0.1875rem; height: 100%; width: 0%; } .indicator-progress-bar.type-right .bar { left: 0rem; right: initial; background-color: #6e7882; } .list-item-player { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; border-top: 0.0625rem solid #c9ccd2; /* @include breakpointMax($medium-max-width) { } */ } .list-item-player:first-child { border: none; } .list-item-player .label-counter span , .list-item-player .label-player .name { font-family: "expressway_bold"; font-size: 0.875rem; line-height: 1.25rem; color: #6e7882; } .list-item-player .player { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; min-width: 50%; width: 50%; } .list-item-player .label-counter { min-width: 3.125rem; width: 3.125rem; } @media screen and (max-width: 41.25rem) { .list-item-player .label-player { min-height: 2.5rem; height: auto; } .list-item-player .label-player .image-wrapper, .list-item-player .label-player .number-wrapper { display: none; } } .list-item-chart { overflow: hidden; } .list-item-chart .headline , .list-item-chart .label-counter span { font-family: "expressway_bold"; font-size: 0.875rem; line-height: 1.25rem; color: #6e7882; } .list-item-chart .headline { text-align: center; margin-top: 1rem; margin-bottom: 0.3125rem; } .list-item-chart .charts { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .list-item-chart .chart { width: 100%; position: relative; margin-right: 0.0625rem; } .list-item-chart .chart.type-right { margin-right: 0rem; margin-left: 0.0625rem; } .list-item-chart .label-counter { position: absolute; top: -1.5625rem; left: 0rem; } .list-item-chart .label-counter.type-right { left: initial; right: 0rem; } .ie-10 .list-item-chart .chart { width: 49.9%; } /****************************** * LIVE STATISTICS GENERAL ******************************/ .fcb-live-statistics-wrapper { position: relative; } .fcb-live-statistics-wrapper h3 { margin-top: 2.625rem; margin-bottom: 2.8125rem; } .fcb-live-statistics-wrapper .row-wrapper { position: relative; } .fcb-live-statistics-wrapper .fcb-tab-accordion-wrapper .item-titles .item { width: 49.5%; } .fcb-live-statistics-wrapper .fcb-tab-accordion-wrapper .item-titles .item:last-child { float: right; } .fcb-live-statistics-wrapper .fcb-tab-accordion-wrapper .item-titles .item .item-title { width: 100%; text-align: center; } .fcb-live-statistics-wrapper .fcb-tab-accordion-wrapper .item-content-wrapper { display: none; } .fcb-live-statistics-wrapper .fcb-tab-accordion-wrapper { display: none; } /****************************** * LIVE STATISTICS TEAMS ******************************/ .fcb-live-statistics.type-teams .list { margin-top: 0.625rem; } /****************************** * LIVE STATISTICS PLAYERS ******************************/ .fcb-live-statistics.type-players { /* h3 { margin-top: rem(17); //margin-top: rem(64); } */ } .fcb-live-statistics.type-players .comparison-header { padding-bottom: 0.125rem; } .fcb-live-statistics.type-players .list { margin-top: 0.9375rem; border-bottom: 0.125rem solid #961432; margin-bottom: 3.125rem; } /****************************** * BREAKPOINTS ******************************/ @media screen and (max-width: 63.9375rem) { .fcb-live-statistics .list-chart, .fcb-live-statistics .list-player { width: 100%; } .fcb-live-statistics.type-players .list { margin-bottom: 0; } .fcb-live-statistics h3 { margin-bottom: -0.3125rem; } .fcb-live-statistics.type-players h3 { margin-top: 1.375rem; } .fcb-live-statistics.type-players .comparison-header { padding-bottom: 0rem; } .fcb-live-statistics.type-teams h3 { margin-top: 2rem; } } @media screen and (max-width: 41.25rem) { .fcb-live-statistics-wrapper .fcb-tab-accordion-wrapper { padding-top: 0.625rem; display: block; } .fcb-live-statistics { margin-top: -0.1875rem; } .fcb-live-statistics h3 { display: none; } .fcb-live-statistics .list-player .comparison-header .text-label { display: none; } .row-wrapper { width: 200%; overflow: hidden; } .row-player { opacity: 0; } } @media screen and (max-width: 41.25rem) { .main-content-wrapper .fcb-container.fcb-live-statistics-wrapper .fcb-row.row-team, .main-content-wrapper .fcb-container.fcb-live-statistics-wrapper .fcb-row.row-player { width: 50%; float: left; margin: 0rem; } .main-content-wrapper .fcb-container.fcb-live-statistics-wrapper .fcb-row.row-tabs { margin-bottom: 0rem; } } /* LiveStatistics ~ END */ /* Error Page ~ START */ .error-wrapper.layout-container { padding-left: 0; padding-right: 0; } .error-page { position: relative; } .error-page video { width: 100%; } .error-page .text-media { position: absolute; z-index: 10; background: rgba(0, 0, 0, 0.65); padding: 1.5625rem; color: white; width: 100%; top: 0; bottom: 0; text-align: center; } .error-page .text-media h1, .error-page .text-media h2, .error-page .text-media p { color: white; width: 100%; text-align: center; } .error-page .text-media h1, .error-page .text-media h2 { font-family: "expressway_bold"; } .error-page .text-media h1 { width: 100%; text-align: center; font-size: 10rem; line-height: 10rem; margin-bottom: 2.5rem; color: rgba(255, 255, 255, 0.3); } .error-page .text-media h2 { margin-bottom: 1.875rem; } .error-page .text-media a.button, .error-page .text-media .ui-datepicker div.ui-datepicker-buttonpane button, .ui-datepicker div.ui-datepicker-buttonpane .error-page .text-media button { display: inline-block; } .error-page .text-media p { max-width: 48%; margin: 0 auto; margin-bottom: 1.25rem; } .error-page .text-media p a { color: white; text-decoration: underline; } .error-page .address-wrapper { width: 50%; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; margin: 0 auto; } .error-page .address-wrapper address { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; line-height: 1.25rem; } .error-page.no-access h1 { font-size: 7.5rem; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .error-page .text-media { padding: 1.25rem; } .error-page .text-media h1 { font-size: 5rem; line-height: 5rem; } .error-page .text-media h2 { margin-bottom: 1.25rem; } .error-page .text-media p { max-width: 70%; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .error-wrapper.layout-container .fcb-row.content .fcb-gr-12 { padding-left: 0; padding-right: 0; } .error-page .text-media { position: static; background: transparent; padding: 0.8125rem; } .error-page .text-media h1 { color: #e5e6e7; line-height: 3.125rem; margin-top: 0.625rem; } .error-page .text-media h2 { color: #0A3C64; line-height: 2.1875rem; } .error-page .text-media p { color: #6e7882; max-width: 100%; } .error-page .text-media a.button, .error-page .text-media .ui-datepicker div.ui-datepicker-buttonpane button, .ui-datepicker div.ui-datepicker-buttonpane .error-page .text-media button { width: 100%; margin-bottom: 0.25rem; background: #961432; border: 0.125rem solid #961432; border-radius: 0.1875rem; text-transform: uppercase; text-decoration: none; color: white; font-size: 1.125rem; line-height: 1.125rem; font-family: "expressway_condensed_bold"; padding-top: 0.625rem; padding-bottom: 0.75rem; padding-left: 1.125rem; padding-right: 1.125rem; } } /* Error Page ~ END*/ /* Browser Page ~ START */ /***************************** * styles for standalone template of browser support page *****************************/ .browser-support-page { background: white; } .browser-support-page .page-header { background-color: #a01439; height: 120px; width: 100%; } .browser-support-page .page-header .logo-wrapper { max-width: 1366px; margin: 0 auto; padding: 0 25px; } .browser-support-page .main-content-wrapper { border: none !important; width: 100%; max-width: 1366px; margin: 0 auto; } .browser-support-page .fcb-container { margin-bottom: 28px; } .browser-support-page .fcb-container .fcb-row { margin-bottom: 25px; } @media screen and (min-width: 0rem) and (max-width: 63.9375rem) { .browser-support-page .page-header .logo-wrapper { padding: 0 20px; } .browser-support-page .main-page-wrapper .main-content-wrapper { padding: 0 20px; } } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .browser-support-page .page-header .logo-wrapper { padding: 0 13px; } } body.allianz-arena.browser-support-page .page-header { background-color: white; border-bottom: 1px solid #e3e5e6; } /* Browser Page ~ END*/ /* PAGE VARIANT: FCB TV ~ START*/ body.fcbayern-tv .main-page-wrapper .main-header-wrapper .column-title { padding-left: 0.6875rem; } body.fcbayern-tv .header-wrapper .header-title .header-logo .fcb-logo .icon { width: 14.625rem; } body.fcbayern-tv .header-wrapper .header-navigation .level-1 > li { margin-right: 0.75rem; } @media screen and (max-width: 63.9375rem) { body.fcbayern-tv .main-page-wrapper .main-header-wrapper .column-title { padding-left: 0.375rem; } body.fcbayern-tv .header-wrapper .header-title .header-logo .fcb-logo .icon { width: 10.625rem; } } @media screen and (max-width: 41.25rem) { body.fcbayern-tv .main-page-wrapper .main-header-wrapper .column-title { padding-left: 0.0625rem; } body.fcbayern-tv .header-wrapper .header-title .header-logo .fcb-logo .icon { width: 8.625rem; } } /* PAGE VARIANT: FCB TV ~ END*/ /* PAGE VARIANT: Hilfe eV ~ START*/ body.fcb-hilfe-ev .main-page-wrapper .main-header-wrapper .column-title { padding-left: 0.625rem; } body.fcb-hilfe-ev .header-wrapper .header-title .header-logo .fcb-logo .icon { width: 12.75rem; } body.fcb-hilfe-ev .header-wrapper .header-presented-by { height: 1.375rem; } body.fcb-hilfe-ev .header-wrapper .header-presented-by .presented-label, body.fcb-hilfe-ev .header-wrapper .header-presented-by .presented-partner { display: none; } @media screen and (max-width: 63.9375rem) { body.fcb-hilfe-ev .main-page-wrapper .main-header-wrapper .column-title { padding-left: 0.3125rem; } body.fcb-hilfe-ev .header-wrapper .header-title .header-logo .fcb-logo .icon { width: 9.625rem; } body.fcb-hilfe-ev .header-wrapper .header-presented-by { height: auto; } } @media screen and (max-width: 41.25rem) { body.fcb-hilfe-ev .main-page-wrapper .main-header-wrapper .column-title { padding-left: 0rem; } body.fcb-hilfe-ev .header-wrapper .header-title .header-logo .fcb-logo .icon { width: 7.375rem; } } body.fcb-hilfe-ev .test-teaser { padding-bottom: 18.75rem; background-color: #f8f8f9; background-color: #e5e6e7; } body.fcb-hilfe-ev .test-teaser:before { content: ''; display: block; background-repeat: no-repeat; background-position: top left; width: 6.25rem; height: 2.8125rem; position: absolute; border: 1px solid lime; } body.fcb-hilfe-ev .test-teaser.type-plus:before { background-image: url("../assets/fcbtv/tvPlus.svg"); } body.fcb-hilfe-ev .fcb-tv-label.type-plus .path { fill: #C8AA78; } /* PAGE VARIANT: Hilfe eV ~ END*/ /* CONTENT VARIANT: BrowserSupport ~ START*/ /***************************** * styles for integrated browser support page (in default layout template) *****************************/ .browser-support-wrapper { background: white; } .browser-support-wrapper .error-page .text-media h1, .browser-support-wrapper h1 { font-size: 160px; line-height: 160px; color: #5e6161; } .browser-support-wrapper .error-page .text-media h2, .browser-support-wrapper h2 { font-size: 54px; line-height: 60px; margin-top: 20px; margin-bottom: 30px; } .browser-support-wrapper p, .browser-support-wrapper ul { font-size: 16px; line-height: 22px; color: white; padding-bottom: 10px; } .browser-support-wrapper ul li { margin-bottom: 4px; display: block; width: 100%; } .browser-support-wrapper .browser-support-page-content { position: relative; z-index: 10; margin: 0 25px; } .browser-support-wrapper .error-page .text-media { position: static; background: transparent; z-index: 20; } .browser-support-wrapper .transparent-background { background: url("../assets/browserPage/background.png"); position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: -1; min-height: 739px; } .browser-support-wrapper img.browser-support-img { position: absolute; top: 0; left: 0; right: 0; z-index: -2; width: 100%; } .browser-support-wrapper a.button.small, .browser-support-wrapper .ui-datepicker div.ui-datepicker-buttonpane button.small, .ui-datepicker div.ui-datepicker-buttonpane .browser-support-wrapper button.small { padding: 8px 10px; background: red; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #961432; } @media screen and (min-width: 0rem) and (max-width: 41.25rem) { .browser-support-wrapper .main-content-wrapper { padding: 0 13px; } .browser-support-wrapper .error-page .text-media { background: none; } .browser-support-wrapper .error-page .text-media h1, .browser-support-wrapper h1 { font-size: 80px; line-height: 80px; color: #5e6161; } .browser-support-wrapper .error-page .text-media h2, .browser-support-wrapper h2 { font-size: 34px; line-height: 40px; margin-top: 0px; margin-bottom: 20px; } .browser-support-wrapper p, .browser-support-wrapper ul { color: black; padding-bottom: 10px; } .browser-support-wrapper ul li { margin-bottom: 4px; display: block; width: 100%; } .browser-support-wrapper img.browser-support-img { position: static; } .browser-support-wrapper .transparent-background { display: none; } } /* CONTENT VARIANT: BrowserSupport ~ END*/