/* - ++resource++noeku.kunstmuseumtheme.css/custom.css - */
/* https://www.lgnoe.at/portal_css/++resource++noeku.kunstmuseumtheme.css/custom.css?original=1 */
@charset "UTF-8";
.flex-center {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row nowrap;
-webkit-box-align: center;
align-items: center;
}
.full-width-modern,
.wf_footer {
position: relative;
width: 100vw;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
#nav-phone,
.breadcrumb a,
.collage-item .program .title_link,
.event-link,
.no-select,
.panel-default > .panel-heading,
.program-calendar-view .event.row .list_title_link,
label {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.img-responsive {
width: 100%;
height: auto;
display: block;
}
.rc {
position: relative;
display: block;
overflow: hidden;
}
.rc:after {
content: "";
display: block;
height: 0;
width: 100%;
}
.rc > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
}
.rc img {
height: auto !important;
max-height: none;
}
#cookie-policy,
#portal-mobile-nav,
.cookie-policy-visible .baseOverlay,
.font-smoothing,
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover,
.portlet-myticket .portletContent,
.program-calendar-view .event.row,
.wf_footer {
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.absolute-center,
.iconPlay {
position: absolute;
display: inline-block;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.panel-toggle .icon-toggle,
.vertical-center {
position: absolute;
display: inline-block;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.horizontal-center {
position: absolute;
display: inline-block;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
} /* */
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: 700;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: 700;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
html {
box-sizing: border-box;
}
*,
:after,
:before {
box-sizing: inherit;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
b,
blockquote,
body,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
menu,
nav,
object,
ol,
p,
pre,
q,
s,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
u,
ul,
var {
margin: 0;
padding: 0;
border: 0;
}
iframe {
border: 0;
}
[tabindex="-1"]:focus {
outline: 0 !important;
}
abbr,
acronym,
dfn[title] {
cursor: help;
}
abbr a {
text-decoration: none;
}
acronym {
text-transform: uppercase;
}
del {
font-style: italic;
text-decoration: line-through;
color: #a7a7a7;
}
details {
cursor: pointer;
}
dl dt {
font-weight: 700;
color: #222;
}
dl dd {
margin: 0;
}
cite,
em,
i {
font-style: italic;
}
ins,
mark {
text-decoration: none;
color: #222;
background: #ff9;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-weight: 700;
color: #222;
}
.h1,
h1 {
font-size: 43px;
font-size: 2.6875rem;
}
.h2,
h2 {
font-size: 28px;
font-size: 1.75rem;
}
.h3,
h3 {
font-size: 28px;
font-size: 1.75rem;
}
.h4,
h4 {
font-size: 22px;
font-size: 1.375rem;
}
.h5,
h5 {
font-size: 18px;
font-size: 1.125rem;
}
.h6,
h6 {
font-size: 16px;
font-size: 1rem;
}
dl dt {
font-weight: 700;
color: #222;
}
dl dd {
margin: 0;
}
ol li,
ul li {
margin-left: 24px;
margin-left: 1.5rem;
}
ol {
list-style: decimal;
}
ol ol {
list-style: upper-alpha;
}
ol ol ol {
list-style: lower-roman;
}
ol ol ol ol {
list-style: lower-alpha;
}
ol ol,
ol ul,
ul ol,
ul ul {
margin-bottom: 0;
}
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle;
}
audio,
canvas,
video {
width: 100%;
}
audio:focus,
canvas:focus,
video:focus {
outline: 1px dotted #000;
}
embed,
img,
object,
video {
max-width: 100%;
height: auto;
}
embed,
object {
height: 100%;
}
figure {
margin-right: auto;
margin-left: auto;
}
figure > img {
display: block;
}
figcaption {
font-size: 11px;
font-size: 0.6875rem;
font-style: italic;
margin-top: 8px;
margin-top: 0.5rem;
color: #a7a7a7;
}
img {
font-style: italic;
-ms-interpolation-mode: bicubic;
}
button,
html input[type="button"],
input[type="file"],
input[type="image"],
input[type="reset"],
input[type="submit"],
input[type="checkbox"],
input[type="radio"],
label,
select {
cursor: pointer;
}
input[type="color"],
input[type="range"] {
vertical-align: middle;
}
fieldset {
min-width: 0;
margin: 0;
padding: 0;
border: 0;
}
input[type="image"],
input[type="checkbox"],
input[type="radio"] {
display: inline-block;
width: auto;
}
input[type="file"] {
max-width: 100%;
cursor: pointer;
}
input[type="search"] {
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input[type="image"],
input[type="button"],
input[type="reset"],
input[type="submit"],
select {
border-radius: 0;
}
legend {
font-weight: 700;
width: 100%;
padding: 0;
color: #222;
border: 0;
}
textarea {
max-width: 100%;
height: auto;
resize: vertical;
}
table {
width: 100%;
empty-cells: show;
}
tfoot td,
th {
text-align: left;
}
td,
th {
overflow: visible;
}
@media print {
* {
color: #000 !important;
background: 0 0 !important;
box-shadow: none !important;
text-shadow: none !important;
}
@page {
margin: 0.5cm;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
blockquote,
pre {
border: 1px solid #a7a7a7;
page-break-inside: avoid;
}
h2,
h3,
p {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
img,
tr {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
thead {
display: table-header-group;
}
}
.section-home .breadcrumb,
.section-home .documentFirstHeading,
.template-event-view .slide-description h1,
.vh {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
margin: -1px;
padding: 0;
width: 1px;
height: 1px;
border: 0;
}
.vh.focusable:active,
.vh.focusable:focus {
position: static;
overflow: visible;
clip: auto;
margin: 0;
width: auto;
height: auto;
}
.list-bare {
list-style: none;
}
.list-bare li {
margin-left: 0;
}
.list-reset,
.portlet-doormat li,
.portlet-doormat ul {
margin: 0;
padding: 0;
list-style: none;
}
.list-reset li {
margin-left: 0;
}
.list-inline {
list-style: none;
padding: 0;
}
.list-inline li {
display: inline;
margin-left: 0;
}
.list-inline-delimited > li + li:before {
content: ",\00A0";
}
a {
color: #000;
text-decoration: none;
}
a:active,
a:focus,
a:hover {
color: #000;
text-decoration: none;
font-weight: 700;
}
a > h1,
a > h2,
a > h3 {
color: #000;
}
a:hover > h1,
a:hover > h2,
a:hover > h3 {
color: #000;
}
a > h1,
a > h2,
a > h3 {
color: #000;
}
html {
font-size: 16px;
font-size: 1rem;
}
body {
background-color: #fff;
font-family: ccc, sans-serif;
font-weight: 400;
line-height: 1.4;
color: #000;
font-size: 16px;
font-size: 1rem;
-webkit-tap-highlight-color: rgba(0, 55, 112, 0.35);
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.collage-row-inner {
background-color: #fff;
}
.row {
margin-left: -12px;
margin-right: -12px;
}
.container {
padding-top: 0;
width: 100vw;
padding-left: 24px;
padding-right: 24px;
}
@media only screen and (max-width: 359px) {
.container {
padding-left: 16px;
padding-right: 16px;
}
}
.content {
margin-top: 0;
}
ul.thumbnails li {
margin-left: 0;
}
p {
margin: 0;
}
.modal-content {
border: none;
}
.alert {
font-size: 18px;
font-size: 1.125rem;
padding: 10px 15px;
border-radius: 1px;
margin-bottom: 2em;
border: none;
}
.alert-dismissable {
background-color: #003770;
color: #fff;
}
.alert-danger {
background-color: #eb5c2e;
color: #fff;
}
.section-home .alert-container {
position: fixed;
z-index: 100;
top: 24px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.template-entry-view .no-placeholder + .text {
margin-top: 1.5em;
}
.template-entry-view .bio {
display: none;
}
.template-entry-view #content .well {
display: none;
}
.template-entry-view h1 + .description {
margin-bottom: 1em;
}
.template-default_error_message h1.documentFirstHeading {
font-size: 28px;
font-size: 1.75rem;
margin-bottom: 1em;
}
.template-default_error_message h3 {
font-size: 22px;
font-size: 1.375rem;
}
.template-default_error_message #content-core p {
margin-bottom: 20px;
}
.collage-row-inner,
.thumbnail {
background-color: transparent;
}
@font-face {
font-family: ccc;
src: url("++resource++noeku.kunstmuseumtheme.fonts/ccc-regular_n-webfont.eot");
src: url("++resource++noeku.kunstmuseumtheme.fonts/ccc-regular_n-webfont.eot?#iefix")
format("embedded-opentype"),
url("++resource++noeku.kunstmuseumtheme.fonts/ccc-regular_n-webfont.woff2")
format("woff2"),
url("++resource++noeku.kunstmuseumtheme.fonts/ccc-regular_n-webfont.woff")
format("woff"),
url("++resource++noeku.kunstmuseumtheme.fonts/ccc-regular_n-webfont.ttf")
format("truetype"),
url("++resource++noeku.kunstmuseumtheme.fonts/ccc-regular_n-webfont.svg#ccc")
format("svg");
font-weight: 400;
font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
@font-face {
font-family: ccc;
src: url("++resource++noeku.kunstmuseumtheme.fonts/ccc-regular_n-webfont.svg#ccc")
format("svg");
}
}
@font-face {
font-family: ccc;
src: url("++resource++noeku.kunstmuseumtheme.fonts/ccc-bold_n-webfont.eot");
src: url("++resource++noeku.kunstmuseumtheme.fonts/ccc-bold_n-webfont.eot?#iefix")
format("embedded-opentype"),
url("++resource++noeku.kunstmuseumtheme.fonts/ccc-bold_n-webfont.woff2")
format("woff2"),
url("++resource++noeku.kunstmuseumtheme.fonts/ccc-bold_n-webfont.woff")
format("woff"),
url("++resource++noeku.kunstmuseumtheme.fonts/ccc-bold_n-webfont.ttf")
format("truetype"),
url("++resource++noeku.kunstmuseumtheme.fonts/ccc-bold_n-webfont.svg#ccc")
format("svg");
font-weight: 700;
font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
@font-face {
font-family: ccc;
src: url("++resource++noeku.kunstmuseumtheme.fonts/ccc-bold_n-webfont.svg#ccc")
format("svg");
}
}
@font-face {
font-family: noe-display;
src: url("++resource++noeku.kunstmuseumtheme.fonts/noe_display_regular_n-webfont.eot");
src: url("++resource++noeku.kunstmuseumtheme.fonts/noe_display_regular_n-webfont.eot?#iefix")
format("embedded-opentype"),
url("++resource++noeku.kunstmuseumtheme.fonts/noe_display_regular_n-webfont.woff2")
format("woff2"),
url("++resource++noeku.kunstmuseumtheme.fonts/noe_display_regular_n-webfont.woff")
format("woff"),
url("++resource++noeku.kunstmuseumtheme.fonts/noe_display_regular_n-webfont.ttf")
format("truetype"),
url("++resource++noeku.kunstmuseumtheme.fonts/noe_display_regular_n-webfont.svg#noe-display")
format("svg");
font-weight: 400;
font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
@font-face {
font-family: noe-display;
src: url("++resource++noeku.kunstmuseumtheme.fonts/noe_display_regular_n-webfont.svg#noe-display")
format("svg");
}
}
@font-face {
font-family: noe-display;
src: url("++resource++noeku.kunstmuseumtheme.fonts/noe_display_bold_n-webfont.eot");
src: url("++resource++noeku.kunstmuseumtheme.fonts/noe_display_bold_n-webfont.eot?#iefix")
format("embedded-opentype"),
url("++resource++noeku.kunstmuseumtheme.fonts/noe_display_bold_n-webfont.woff2")
format("woff2"),
url("++resource++noeku.kunstmuseumtheme.fonts/noe_display_bold_n-webfont.woff")
format("woff"),
url("++resource++noeku.kunstmuseumtheme.fonts/noe_display_bold_n-webfont.ttf")
format("truetype"),
url("++resource++noeku.kunstmuseumtheme.fonts/noe_display_bold_n-webfont.svg#noe-display")
format("svg");
font-weight: 700;
font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
@font-face {
font-family: noe-display;
src: url("++resource++noeku.kunstmuseumtheme.fonts/noe_display_bold_n-webfont.svg#noe-display")
format("svg");
}
}
.form-control {
border: 1px solid #000 !important;
font-size: 13px !important;
font-weight: 400;
box-shadow: none;
padding: 0 15px;
color: #888;
height: 39px;
background-color: #fff;
letter-spacing: 0.04em;
}
.form-control:focus {
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1),
0 0 8px rgba(255, 255, 255, 0.38);
background-color: transparent;
}
.uneditable-input,
input[type="text"],
input[type="password"],
textarea {
padding: 0 15px !important;
border: 1px solid #000 !important;
font-size: 13px !important;
color: #000;
height: 39px;
box-shadow: none;
border-radius: 1px !important;
}
.uneditable-input:focus,
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1),
0 0 8px rgba(255, 255, 255, 0.38);
background-color: transparent;
}
input {
box-shadow: none;
}
select {
border: 1px solid #000 !important;
font-size: 13px !important;
font-weight: 400;
box-shadow: none;
padding: 0 15px;
color: #888;
height: 39px;
background-color: #fff;
letter-spacing: 0.04em;
}
select:focus {
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1),
0 0 8px rgba(255, 255, 255, 0.38);
background-color: transparent;
}
textarea {
padding: 8px !important;
height: auto;
}
legend {
color: #000;
}
input[type="checkbox"],
input[type="radio"] {
margin: 2px 0 0;
}
.control-group input[type="checkbox"],
.control-group input[type="radio"] {
margin-right: 8px;
}
.control-group label {
margin-bottom: 0;
}
.control-group .control-label {
margin-bottom: 5px !important;
}
.form-select-date label {
font-weight: 400;
}
.form-select-date ol {
border-top: 1px solid #444;
border-bottom: 1px solid #444;
margin-bottom: 20px;
}
.form-select-date ol > li > label > p.description {
color: #000;
font-size: 15px;
}
.form-select-date .radio input[type="radio"] {
margin-left: -29px;
margin-top: 2px;
}
#login-form {
border: none;
max-width: 520px;
margin: 0 auto;
padding: 25px 50px;
margin-bottom: 50px;
margin-bottom: 3.125rem;
}
#login-form .field {
border: none;
}
#login-form .field label {
text-align: left;
width: 100%;
}
#login-form .field input[type="text"],
#login-form .field input[type="password"] {
width: 100%;
}
#login-form input.context {
display: inline-block;
height: 40px;
font-weight: 400 !important;
font-size: 13px;
font-size: 0.8125rem;
font-family: ccc, sans-serif;
background-color: transparent;
border-radius: 8px;
color: #003770;
border: 1px solid #003770 !important;
padding: 0 25px;
box-shadow: none;
-webkit-transform: none;
transform: none;
width: auto;
-webkit-transition: none;
transition: none;
margin: 0;
}
#login-form input.context:active {
box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3) !important;
background-color: #003770 !important;
color: #fff;
}
#login-form input.context:focus,
#login-form input.context:hover {
box-shadow: none !important;
background-color: transparent !important;
color: #fff;
outline: 0;
border: none !important;
padding-left: 26px;
-webkit-transform: none;
transform: none;
}
#login-form input.context.disabled,
#login-form input.context:disabled,
#login-form input.context:disabled:active,
#login-form input.context:disabled:focus,
#login-form input.context:disabled:hover,
#login-form input.context[disabled] {
pointer-events: none;
opacity: 1;
background-color: #ebebeb !important;
color: #fff !important;
border: none !important;
}
#login-form .formControls {
margin-bottom: 0;
}
#login-forgotten-password {
margin: 0 auto;
max-width: 540px;
}
#login-forgotten-password a {
text-decoration: underline;
}
.section-newsletter .portlet.portlet-newsletter-subscription {
float: none !important;
display: block;
}
.section-newsletter .portlet.portlet-newsletter-subscription input[item] {
border: 1px solid #000 !important;
font-size: 13px !important;
font-weight: 400;
box-shadow: none;
padding: 0 15px;
color: #888;
height: 39px;
background-color: #fff;
letter-spacing: 0.04em;
max-width: 420px;
}
.section-newsletter .portlet.portlet-newsletter-subscription input[item]:focus {
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1),
0 0 8px rgba(255, 255, 255, 0.38);
background-color: transparent;
}
.section-newsletter
.portlet.portlet-newsletter-subscription
.newsletter-email
input,
.section-newsletter
.portlet.portlet-newsletter-subscription
.newsletter-firstname
input,
.section-newsletter
.portlet.portlet-newsletter-subscription
.newsletter-surname
input {
width: 100%;
}
.section-newsletter
.portlet.portlet-newsletter-subscription
.newsletter-email
.control-label,
.section-newsletter
.portlet.portlet-newsletter-subscription
.newsletter-firstname
.control-label,
.section-newsletter
.portlet.portlet-newsletter-subscription
.newsletter-surname
.control-label {
display: none;
}
.section-newsletter .portlet.portlet-newsletter-subscription .portletHeader {
display: none;
}
.section-newsletter .portlet.portlet-newsletter-subscription .label-checkbox {
font-weight: 400;
}
.section-newsletter
.portlet.portlet-newsletter-subscription
.label-checkbox
input {
margin: -2px 8px 0 0 !important;
}
.section-newsletter
.portlet.portlet-newsletter-subscription
.form-group-form-of-address,
.section-newsletter .portlet.portlet-newsletter-subscription .label-checkbox,
.section-newsletter .portlet.portlet-newsletter-subscription .radio-option {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row nowrap;
-webkit-box-align: center;
align-items: center;
}
.section-newsletter .portlet.portlet-newsletter-subscription .radio-option {
padding: 0;
}
.section-newsletter
.portlet.portlet-newsletter-subscription
.radio-option
input {
margin: -3px 8px 0 0 !important;
}
.section-newsletter
.portlet.portlet-newsletter-subscription
.form-group-form-of-address {
margin: 1.5em 0;
}
.section-newsletter
.portlet.portlet-newsletter-subscription
.form-group-form-of-address
.control-label {
margin-right: 15px;
padding: 0 !important;
}
.section-newsletter
.portlet.portlet-newsletter-subscription
.form-group-form-of-address
> div:last-child {
margin-left: 20px;
}
.section-newsletter
.portlet.portlet-newsletter-subscription
label.checkbox.agb {
float: none;
margin-left: 20px;
font-weight: 400;
font-size: 13px;
}
.section-newsletter
.portlet.portlet-newsletter-subscription
label.checkbox.agb
input {
position: static;
margin-right: 5px !important;
}
.section-newsletter
.portlet.portlet-newsletter-subscription
label.checkbox.agb
a {
text-decoration: underline;
}
.section-newsletter .portlet.portlet-newsletter-subscription .btn {
height: 45px;
padding: 0 30px 0 25px;
width: auto;
}
.section-newsletter .portlet.portlet-newsletter-subscription .btn .glyphicon {
display: none;
}
::-webkit-input-placeholder {
color: #444;
line-height: 1.2;
}
:-moz-placeholder {
color: #444;
opacity: 1;
}
::-moz-placeholder {
color: #444;
opacity: 1;
}
input::-ms-input-placeholder {
color: #444;
opacity: 1;
}
[placeholder]:focus::-webkit-input-placeholder {
-webkit-transition: opacity 0.4s 0.4s ease;
transition: opacity 0.4s 0.4s ease;
opacity: 0;
}
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
padding-left: 12px;
padding-right: 12px;
}
.collage-column {
padding-left: 12px !important;
padding-right: 12px !important;
}
.primary {
padding-left: 12px !important;
padding-right: 12px !important;
width: 100% !important;
float: none !important;
left: auto !important;
}
@media only screen and (min-width: 992px) {
.primary {
width: 75% !important;
float: right !important;
}
}
.secondary {
width: 100% !important;
float: none !important;
padding-left: 12px !important;
padding-right: 12px !important;
right: auto !important;
}
@media only screen and (min-width: 992px) {
.secondary {
width: 25% !important;
float: left !important;
}
}
@media only screen and (max-width: 991px) {
.secondary {
margin-top: 3em;
}
}
.no-aside-portlets .primary,
.no-aside-portlets .secondary {
float: none !important;
width: 100% !important;
}
.no-aside-portlets .secondary {
margin: 0 !important;
}
@media only screen and (min-width: 992px) {
.template-default_error_message .primary,
.template-document_view.no-aside-portlets .primary,
.template-search .primary {
left: 25% !important;
width: 75% !important;
}
}
.template-collage_view.subsection-aktuell .primary,
.template-collage_view.subsection-current .primary,
.template-collage_view.subsection-preview .primary,
.template-collage_view.subsection-vorschau .primary {
width: 100% !important;
float: none !important;
}
@media only screen and (min-width: 1200px) {
.template-collage_view.subsection-aktuell .primary,
.template-collage_view.subsection-current .primary,
.template-collage_view.subsection-preview .primary,
.template-collage_view.subsection-vorschau .primary {
width: 75% !important;
float: right !important;
}
}
@media only screen and (max-width: 1199px) {
.template-collage_view.subsection-aktuell .primary,
.template-collage_view.subsection-current .primary,
.template-collage_view.subsection-preview .primary,
.template-collage_view.subsection-vorschau .primary {
width: 100% !important;
float: none !important;
}
}
.template-default_error_message #content,
.template-document_view #content,
.template-entry-view #content,
.template-event-view #content,
.template-newsitem_view #content,
.template-program_calendar_view #content,
.template-search #content,
.template-standard_view #content {
max-width: 720px;
}
.section-newsletter .primary {
max-width: 720px;
}
.template-event-view #viewlet-below-content {
max-width: 720px;
}
.two-columns-largeleft
.collage-row-inner[data-parallax-speed="text-right-bottom"]
.container
> .row {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row nowrap;
-webkit-box-align: stretch;
align-items: stretch;
}
@media only screen and (max-width: 767px) {
.two-columns-largeleft
.collage-row-inner[data-parallax-speed="text-right-bottom"]
.container
> .row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row wrap;
}
}
.two-columns-largeleft
.collage-row-inner[data-parallax-speed="text-right-bottom"]
.container
> .row
.collage-last-object {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-flow: column;
-webkit-box-pack: end;
justify-content: flex-end;
padding-bottom: 2.35em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: ccc, sans-serif;
font-weight: 400 !important;
margin: 0;
letter-spacing: 0.04em;
color: #000;
text-transform: uppercase;
line-height: 1.1;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
h1 {
font-size: 43px;
font-size: 2.6875rem;
color: #000;
margin-bottom: 0.45em;
}
@media only screen and (max-width: 767px) {
h1 {
font-size: 40px;
font-size: 2.5rem;
}
}
@media only screen and (max-width: 479px) {
h1 {
font-size: 32px;
font-size: 2rem;
}
}
.program-list .event h2,
.template-exhibition-view .main-block header h1,
h1 .noe-display,
h1 .noe-time,
h1 .program-list.program-view h2,
h1 .program-list.program-view time,
h1 .section-museum.template-newsitem_view #content > h1,
h1 .section-news .collage_view_two_column .list_title_link h2[itemprop],
h1 .subsection-news .collage_view_two_column .list_title_link h2[itemprop],
h1 .template-exhibition-view .main-block header h1,
h1 .template-exhibition-view .main-block time {
font-size: 50px;
font-size: 3.125rem;
line-height: 2.5rem;
}
@media only screen and (max-width: 479px) {
.program-list .event h2,
.template-exhibition-view .main-block header h1,
h1 .noe-display,
h1 .noe-time,
h1 .program-list.program-view h2,
h1 .program-list.program-view time,
h1 .section-museum.template-newsitem_view #content > h1,
h1 .section-news .collage_view_two_column .list_title_link h2[itemprop],
h1 .subsection-news .collage_view_two_column .list_title_link h2[itemprop],
h1 .template-exhibition-view .main-block header h1,
h1 .template-exhibition-view .main-block time {
font-size: 40px;
font-size: 2.5rem;
}
}
h2 {
font-size: 28px;
font-size: 1.75rem;
color: #000;
margin-bottom: 1em;
line-height: 1.2;
}
h2 .noe-display,
h2 .noe-time,
h2 .program-list.program-view h2,
h2 .program-list.program-view time,
h2 .section-museum.template-newsitem_view #content > h1,
h2 .section-news .collage_view_two_column .list_title_link h2[itemprop],
h2 .subsection-news .collage_view_two_column .list_title_link h2[itemprop],
h2 .template-exhibition-view .main-block header h1,
h2 .template-exhibition-view .main-block time {
font-size: 50px;
font-size: 3.125rem;
}
.news-item h3,
.standard > h1,
h3 {
font-size: 28px;
font-size: 1.75rem;
color: #000;
margin-bottom: 1em;
line-height: 1.25;
}
h4 {
font-size: 22px;
font-size: 1.375rem;
color: #000;
text-transform: uppercase;
font-weight: 400 !important;
line-height: 1.25;
margin-bottom: 1em;
}
h5 {
font-size: 18px;
font-size: 1.125rem;
color: #000;
}
h6 {
font-size: 16px;
font-size: 1rem;
color: #000;
}
.font-normal {
font-family: ccc, sans-serif;
}
.font-special {
font-family: Verdana, sans-serif;
}
.font-serif {
font-family: noe-display, serif;
}
.breadcrumb .dropdown-menu,
.breadcrumb a.btn .caret,
.hide {
display: none;
}
.rc {
position: relative;
display: block;
overflow: hidden;
}
.rc:after {
content: "";
display: block;
height: 0;
width: 100%;
}
.rc > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
}
.rc img {
height: auto !important;
max-height: none;
}
#login-form input.context:focus,
#login-form input.context:hover,
.btn-default:focus,
.btn-default:hover,
.btn-primary:focus,
.btn-primary:hover,
.btn:focus,
.btn:hover,
.checkout .btn:focus,
.checkout .btn:hover,
.collage-item .program .title_link:focus,
.collage-item .program .title_link:hover,
.event-link:focus,
.event-link:hover,
.pageheader .core-head.sticky .phone-nav-toggle i,
.pageheader .core-head.sticky .phone-nav-toggle:after,
.pageheader .core-head.sticky .phone-nav-toggle:before,
.panel-toggle,
.program-calendar-view .event.row .list_title_link:focus,
.program-calendar-view .event.row .list_title_link:hover,
.vertical-gradient {
background: #003770;
background: -webkit-gradient(
linear,
left top,
right top,
color-stop(0, #003770),
color-stop(41%, #2d5992),
to(#748ec8)
);
background: linear-gradient(to right, #003770 0, #2d5992 41%, #748ec8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003770', endColorstr='#748ec8', GradientType=1);
}
.FooterPortletManager2,
.horizontal-gradient,
.portlet-myticket .portletContent {
background: #003770;
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #003770),
color-stop(20%, #003770),
color-stop(40%, #2d5992),
to(#748ec8)
);
background: linear-gradient(
to bottom,
#003770 0,
#003770 20%,
#2d5992 40%,
#748ec8 100%
);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003770', endColorstr='#748ec8', GradientType=0);
}
.collage-item .program .title_link:after,
.event-link:after,
.gradient-skew,
.panel-toggle:after,
.program-calendar-view .event.row .list_title_link:after {
display: inline-block;
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2241%22%20viewBox%3D%220%200%2015%2041%22%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M15%200L0%2041h15z%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
position: absolute;
right: -1px;
top: -2px;
bottom: 0;
width: 6%;
height: calc(100% + 2px);
background-size: 100.2% auto;
}
.vertical-gradient-arrow {
background: -webkit-gradient(
linear,
left top,
right top,
color-stop(0, #003770),
color-stop(41%, #2d5992),
to(#748ec8)
),
url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2228%22%20viewBox%3D%220%200%2014%2028%22%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-opacity%3D%22.2%22%20d%3D%22M0%200l14%2014L0%2028z%22%2F%3E%3C%2Fsvg%3E");
background: linear-gradient(to right, #003770 0, #2d5992 41%, #748ec8 100%),
url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2228%22%20viewBox%3D%220%200%2014%2028%22%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-opacity%3D%22.2%22%20d%3D%22M0%200l14%2014L0%2028z%22%2F%3E%3C%2Fsvg%3E");
}
.arr-small {
padding: 6px;
}
.arr-medium {
padding: 8px;
}
.day:after,
.month:after {
content: ".";
margin-left: -2px;
margin-right: -2px;
}
.hour-zero-prefixed:after {
content: ".";
margin-right: -4px;
}
.month,
.year {
margin-left: -2px;
}
.postfix-month,
span.long-month,
span.numeric-month,
span.short-month,
span.weekday {
display: none;
}
span.numeric-month-zero-prefixed {
display: inline !important;
}
.month:after {
content: ".";
margin-left: -4px;
}
.noe-time,
.program-list.program-view time,
.template-exhibition-view .main-block time {
font-size: 28px;
font-size: 1.75rem;
letter-spacing: 0.04em;
}
@media screen and (max-width: 1280px) {
.noe-time,
.program-list.program-view time,
.template-exhibition-view .main-block time {
font-size: 24px;
font-size: 1.5rem;
}
}
.subject-farbe-rosa .description,
.subject-farbe-rosa .list_title_link,
.subject-farbe-rosa .primary a,
.subject-farbe-rosa h1,
.subject-farbe-rosa h2,
.subject-farbe-rosa header {
color: #de7fa9;
}
.subject-farbe-blau .description,
.subject-farbe-blau .list_title_link,
.subject-farbe-blau .primary a,
.subject-farbe-blau h1,
.subject-farbe-blau h2,
.subject-farbe-blau header {
color: #00759d;
}
.subject-farbe-rot .description,
.subject-farbe-rot .list_title_link,
.subject-farbe-rot .primary a,
.subject-farbe-rot h1,
.subject-farbe-rot h2,
.subject-farbe-rot header {
color: #eb5c2e;
}
.subject-farbe-orange .description,
.subject-farbe-orange .list_title_link,
.subject-farbe-orange .primary a,
.subject-farbe-orange h1,
.subject-farbe-orange h2,
.subject-farbe-orange header {
color: #da9040;
}
.subject-farbe-gra1-4n .description,
.subject-farbe-gra1-4n .list_title_link,
.subject-farbe-gra1-4n .primary a,
.subject-farbe-gra1-4n h1,
.subject-farbe-gra1-4n h2,
.subject-farbe-gra1-4n header {
color: #586627;
}
.subtitle,
.text {
font-size: 18px;
font-size: 1.125rem;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
letter-spacing: 0.02em;
}
.subtitle > h1,
.text > h1 {
margin-top: -0.15em;
margin-bottom: 0.75em;
line-height: 0.95;
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
@media only screen and (max-width: 479px) {
.subtitle > h1,
.text > h1 {
line-height: 1.1;
}
}
.subtitle h1 + h2,
.text h1 + h2 {
font-size: 28px;
font-size: 1.75rem;
margin-top: -0.3em;
margin-bottom: 1.35em;
}
@media only screen and (min-width: 768px) {
.subtitle h1 + h2,
.text h1 + h2 {
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
}
@media screen and (min-width: 600px) {
.subtitle h1 + h2,
.text h1 + h2 {
max-width: 66%;
}
}
.subtitle p,
.text p {
margin-bottom: 1.5em;
}
.subtitle .iframe-map-wrapper,
.subtitle embed,
.subtitle table,
.text .iframe-map-wrapper,
.text embed,
.text table {
margin-bottom: 1.25em;
}
.subtitle a,
.text a {
text-decoration: underline;
color: #000;
border-bottom: none;
}
.subtitle a:active,
.subtitle a:focus,
.subtitle a:hover,
.text a:active,
.text a:focus,
.text a:hover {
text-decoration: none;
color: #000;
border-bottom: none;
}
.subtitle p + h3,
.subtitle p + h4,
.text p + h3,
.text p + h4 {
margin-top: 1.5em;
}
.subtitle td > p,
.text td > p {
margin: 0;
}
.subtitle h2 > a,
.subtitle h3 > a,
.text h2 > a,
.text h3 > a {
display: inline;
color: inherit;
text-decoration: none;
font-family: inherit;
}
.subtitle h2 > a:hover,
.subtitle h3 > a:hover,
.text h2 > a:hover,
.text h3 > a:hover {
color: inherit;
text-decoration: none;
}
.subtitle ul li,
.text ul li {
list-style-type: disc;
display: list-item;
}
#nav-phone .dropdown-wrapper .mega-dropdown-level1 a,
.collage_type_image .discreet strong,
.image-caption strong,
.img-title strong,
.legende h4,
.legende ul li:before,
.navTree.navTreeLevel0 > li.navTreeTopNode a,
.noe-display,
.noe-time,
.portlet.exhibition-events .portletHeader h2,
.portlet.occurrences .portletHeader h2,
.portlet.portletCollection.portlet-collection-news .portletHeader h2,
.program-calendar-view article.month h2,
.program-list.program-view h2,
.program-list.program-view time,
.section-museum.template-newsitem_view #content > h1,
.section-news .collage_view_two_column .list_title_link h2[itemprop],
.subsection-news .collage_view_two_column .list_title_link h2[itemprop],
.template-event-view .slide-description .description,
.template-exhibition-view .main-block header h1,
.template-exhibition-view .main-block time,
span.customSelect {
font-family: noe-display, serif;
font-weight: 700 !important;
text-transform: uppercase;
letter-spacing: 0.04em;
}
@media only screen and (max-width: 479px) {
#nav-phone .dropdown-wrapper .mega-dropdown-level1 a,
.collage_type_image .discreet strong,
.image-caption strong,
.img-title strong,
.legende h4,
.legende ul li:before,
.navTree.navTreeLevel0 > li.navTreeTopNode a,
.noe-display,
.noe-time,
.portlet.exhibition-events .portletHeader h2,
.portlet.occurrences .portletHeader h2,
.portlet.portletCollection.portlet-collection-news .portletHeader h2,
.program-calendar-view article.month h2,
.program-list.program-view h2,
.program-list.program-view time,
.section-museum.template-newsitem_view #content > h1,
.section-news .collage_view_two_column .list_title_link h2[itemprop],
.subsection-news .collage_view_two_column .list_title_link h2[itemprop],
.template-event-view .slide-description .description,
.template-exhibition-view .main-block header h1,
.template-exhibition-view .main-block time,
span.customSelect {
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
}
.collage_type_image .discreet,
.image-caption,
.img-title,
.template-exhibition-view .slide-description h1 {
margin-top: 0.45em;
display: inline-block;
font-size: 11px;
letter-spacing: 0.07em;
line-height: 1.3;
}
.collage_type_image .discreet strong,
.image-caption strong,
.img-title strong {
font-size: 14px;
}
.subtitle {
font-weight: 400;
}
.text-small {
font-size: 14px;
margin-bottom: 0.6em;
}
.text-small + div:not(.text-small),
.text-small + h2,
.text-small + h3,
.text-small + h4,
.text-small + img,
.text-small + p,
.text-small + table,
.text-small + ul {
margin-top: 2em;
}
.text-small p {
margin-bottom: 0.6em;
}
.manual-br:before {
content: "";
display: block;
}
@media only screen and (max-width: 479px) {
.manual-br:before {
display: none;
}
}
.uhrzeit {
white-space: nowrap;
font-size: 16px;
font-size: 1rem;
}
.captioned,
.image-caption {
width: 100% !important;
}
.captioned {
margin-bottom: 2.2em;
}
table .captioned {
margin-bottom: 0.2em;
}
.table-responsive {
border: none !important;
}
.table-wireframe {
border: none;
margin: 0 -10px;
}
.table-wireframe > tbody > tr > td,
.table-wireframe > tbody > tr > th,
.table-wireframe > tfoot > tr > td,
.table-wireframe > tfoot > tr > th,
.table-wireframe > thead > tr > td,
.table-wireframe > thead > tr > th {
border: none;
background-color: #fff !important;
}
::-moz-selection {
background: #003770;
color: #fff;
}
::selection {
background: #003770;
color: #fff;
}
.template-mail_password_form #content,
body.template-logged_out #content,
body.template-login_form #content {
text-align: left;
padding: 3em 12px 5em 12px;
}
.template-mail_password_form .documentFirstHeading,
body.template-logged_out .documentFirstHeading,
body.template-login_form .documentFirstHeading {
margin: 0;
font-size: 24px;
}
.template-mail_password_form #offcanvas-group-top,
.template-mail_password_form #viewlet-header-top-content,
.template-mail_password_form .breadcrumb,
.template-mail_password_form .pageheader .core-head .cart-container,
.template-mail_password_form .pageheader .core-head .language-container,
.template-mail_password_form .pageheader .core-head .nav-container,
.template-mail_password_form .pageheader .core-head .search-container,
.template-mail_password_form .portlet-myticket,
.template-mail_password_form .wf_footer,
body.template-logged_out #offcanvas-group-top,
body.template-logged_out #viewlet-header-top-content,
body.template-logged_out .breadcrumb,
body.template-logged_out .pageheader .core-head .cart-container,
body.template-logged_out .pageheader .core-head .language-container,
body.template-logged_out .pageheader .core-head .nav-container,
body.template-logged_out .pageheader .core-head .search-container,
body.template-logged_out .portlet-myticket,
body.template-logged_out .wf_footer,
body.template-login_form #offcanvas-group-top,
body.template-login_form #viewlet-header-top-content,
body.template-login_form .breadcrumb,
body.template-login_form .pageheader .core-head .cart-container,
body.template-login_form .pageheader .core-head .language-container,
body.template-login_form .pageheader .core-head .nav-container,
body.template-login_form .pageheader .core-head .search-container,
body.template-login_form .portlet-myticket,
body.template-login_form .wf_footer {
display: none;
}
#login-form {
border: none;
max-width: 420px;
margin: 0 auto;
padding: 0;
margin-bottom: 50px;
margin-bottom: 3.125rem;
}
#login-form .field {
border: none;
}
#login-form .field label {
text-align: left;
width: 100%;
}
#login-form .field input[type="text"],
#login-form .field input[type="password"] {
width: 100%;
}
#login-form input.context {
display: inline-block;
height: 40px;
font-weight: 400 !important;
font-size: 13px;
font-size: 0.8125rem;
font-family: ccc, sans-serif;
background-color: transparent;
border-radius: 8px;
color: #003770;
border: 1px solid #003770 !important;
padding: 0 25px;
box-shadow: none;
-webkit-transform: none;
transform: none;
width: auto;
-webkit-transition: none;
transition: none;
margin: 0;
}
#login-form input.context:active {
box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3) !important;
background-color: #003770 !important;
color: #fff;
}
#login-form input.context:focus,
#login-form input.context:hover {
box-shadow: none !important;
background-color: transparent !important;
color: #fff;
outline: 0;
border: none !important;
padding-left: 26px;
-webkit-transform: none;
transform: none;
}
#login-form input.context.disabled,
#login-form input.context:disabled,
#login-form input.context:disabled:active,
#login-form input.context:disabled:focus,
#login-form input.context:disabled:hover,
#login-form input.context[disabled] {
pointer-events: none;
opacity: 1;
background-color: #ebebeb !important;
color: #fff !important;
border: none !important;
}
#login-form .formControls {
margin-bottom: 0;
}
#login-forgotten-password {
margin: 0 auto;
max-width: 420px;
font-size: 13px;
}
#login-forgotten-password a {
text-decoration: underline;
}
.breadcrumb {
overflow: visible;
width: 100%;
background-color: transparent;
color: #000;
padding: 0;
margin: 104px 0 3em 0;
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row wrap;
-webkit-box-align: center;
align-items: center;
}
@media only screen and (min-width: 992px) {
.breadcrumb {
margin: -2px 0 128px calc(25% + 21px / 2);
}
}
@media only screen and (max-width: 991px) {
.breadcrumb {
margin: 96px 0 56px 0;
}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
.breadcrumb {
margin-top: 2em;
}
}
@media only screen and (max-width: 479px) {
.breadcrumb {
margin-top: 2em;
}
}
.breadcrumb li {
white-space: nowrap;
margin: 0;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
margin-bottom: 0.3em;
}
.breadcrumb > li.active a.btn {
font-weight: 400;
color: #000;
text-decoration: none;
}
.breadcrumb a {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 320px;
color: #000;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.04em;
}
@media only screen and (max-width: 479px) {
.breadcrumb a {
max-width: 220px;
font-size: 11px;
}
}
.breadcrumb a:active,
.breadcrumb a:focus,
.breadcrumb a:hover {
text-decoration: none;
font-weight: 700;
}
.breadcrumb a.btn {
background: 0 0;
padding: 0;
box-shadow: none;
height: auto;
line-height: 1.4;
letter-spacing: 0;
font-weight: 400 !important;
border: none !important;
border-radius: 0;
display: inline;
letter-spacing: 0.04em;
color: #000;
font-size: 13px;
text-transform: uppercase;
}
.breadcrumb a.btn:focus,
.breadcrumb a.btn:hover {
color: #000;
background-color: transparent !important;
text-decoration: none !important;
box-shadow: none !important;
font-weight: 700 !important;
}
.breadcrumb a.btn:active {
background-color: transparent !important;
box-shadow: none !important;
}
.breadcrumb a.btn:before {
display: none;
}
.breadcrumb a.btn .btn-text {
display: inline;
}
@media only screen and (max-width: 479px) {
.breadcrumb a.btn {
font-size: 11px;
}
}
.breadcrumb .btn.dropdown-toggle:active,
.breadcrumb .btn.dropdown-toggle:focus,
.breadcrumb .btn.dropdown-toggle:hover {
background-color: transparent !important;
box-shadow: none !important;
text-decoration: underline;
}
.breadcrumb > li + li:before {
content: "|";
color: #000;
font-size: 13px;
display: inline-block;
margin: 0 0.3em;
}
@media only screen and (max-width: 479px) {
.breadcrumb > li + li:before {
font-size: 11px;
}
}
.breadcrumbs-home a {
color: #000 !important;
}
.btn,
.btn-default,
.btn-primary,
.checkout .btn {
display: inline-block;
height: 40px;
font-weight: 400 !important;
font-size: 13px;
font-size: 0.8125rem;
font-family: ccc, sans-serif;
background-color: transparent;
border-radius: 8px;
color: #003770;
border: 1px solid #003770 !important;
padding: 0 25px;
box-shadow: none;
-webkit-transform: none;
transform: none;
width: auto;
-webkit-transition: none;
transition: none;
}
.btn-default:active,
.btn-primary:active,
.btn:active,
.checkout .btn:active {
box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3) !important;
background-color: #003770 !important;
color: #fff;
}
.btn-default:focus,
.btn-default:hover,
.btn-primary:focus,
.btn-primary:hover,
.btn:focus,
.btn:hover,
.checkout .btn:focus,
.checkout .btn:hover {
box-shadow: none !important;
background-color: transparent !important;
color: #fff;
outline: 0;
border: none !important;
padding-left: 26px;
-webkit-transform: none;
transform: none;
}
.btn-default.disabled,
.btn-default:disabled,
.btn-default:disabled:active,
.btn-default:disabled:focus,
.btn-default:disabled:hover,
.btn-default[disabled],
.btn-primary.disabled,
.btn-primary:disabled,
.btn-primary:disabled:active,
.btn-primary:disabled:focus,
.btn-primary:disabled:hover,
.btn-primary[disabled],
.btn.disabled,
.btn:disabled,
.btn:disabled:active,
.btn:disabled:focus,
.btn:disabled:hover,
.btn[disabled],
.checkout .btn.disabled,
.checkout .btn:disabled,
.checkout .btn:disabled:active,
.checkout .btn:disabled:focus,
.checkout .btn:disabled:hover,
.checkout .btn[disabled] {
pointer-events: none;
opacity: 1;
background-color: #ebebeb !important;
color: #fff !important;
border: none !important;
}
.btn-reset {
background: 0 0;
padding: 0;
color: #000;
box-shadow: none;
height: auto;
line-height: 1.4;
letter-spacing: 0;
font-weight: 400 !important;
border: none !important;
border-radius: 0;
display: inline;
letter-spacing: 0.04em;
}
.btn-reset:focus,
.btn-reset:hover {
color: #000;
background-color: transparent !important;
text-decoration: none !important;
box-shadow: none !important;
font-weight: 700 !important;
}
.btn-reset:active {
background-color: transparent !important;
box-shadow: none !important;
}
.btn-reset:before {
display: none;
}
.btn-reset .btn-text {
display: inline;
}
.btn-arrow {
text-transform: uppercase;
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2228%22%20viewBox%3D%220%200%2014%2028%22%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-opacity%3D%22.2%22%20d%3D%22M0%200l14%2014L0%2028z%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: 93% center;
display: inline-block;
font-size: 16px;
line-height: 32px;
padding: 0.5em 65px 0.5em 12px;
letter-spacing: 0.07em;
border-top: 1px solid rgba(255, 255, 255, 0.25);
border-bottom: 1px solid rgba(255, 255, 255, 0.25);
width: 95%;
}
.btn-arrow a:focus,
.btn-arrow a:hover {
font-weight: 400 !important;
}
.btn-arrow-hover,
.portlet-myticket .portletContent .list_title_link:active .btn-arrow,
.portlet-myticket .portletContent .list_title_link:focus .btn-arrow,
.portlet-myticket .portletContent .list_title_link:hover .btn-arrow {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22615%22%20height%3D%2251%22%20viewBox%3D%220%200%20615%2051%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%20x1%3D%2249.999%25%22%20x2%3D%2249.999%25%22%20y1%3D%22-.011%25%22%20y2%3D%22100.011%25%22%3E%3Cstop%20stop-color%3D%22%23003770%22%20offset%3D%220%25%22%2F%3E%3Cstop%20stop-color%3D%22%232D5992%22%20offset%3D%2241.17%25%22%2F%3E%3Cstop%20stop-color%3D%22%23748EC8%22%20offset%3D%22100%25%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23FEFEFE%22%20d%3D%22M0%200v51h595l20-51z%22%2F%3E%3Cpath%20fill%3D%22url(%23a)%22%20d%3D%22M565%2012l14%2014-14%2014z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: right center;
width: 100%;
border-color: transparent;
}
.btn-arrow-hover a,
.portlet-myticket .portletContent .list_title_link:active .btn-arrow a,
.portlet-myticket .portletContent .list_title_link:focus .btn-arrow a,
.portlet-myticket .portletContent .list_title_link:hover .btn-arrow a {
color: #000;
}
.btn-animate:before,
.btn-default.pull-right:before {
content: "";
display: inline-block;
height: calc(100% + 1px);
vertical-align: middle;
}
.btn-animate .btn-text,
.btn-animate span,
.btn-default.pull-right .btn-text,
.btn-default.pull-right span {
vertical-align: middle;
}
.mModal-footer a.btn:before,
.modal-footer a.btn:before {
content: "";
display: inline-block;
height: calc(100% + 1px);
vertical-align: middle;
}
.pageheader .core-head.sticky .phone-nav-toggle {
right: auto;
bottom: auto;
left: 57px;
width: 39px;
height: 28px;
cursor: pointer;
z-index: 1;
position: absolute;
display: inline-block;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: opacity 0.2s ease-in;
transition: opacity 0.2s ease-in;
border: none;
display: block;
opacity: 1;
-webkit-tap-highlight-color: transparent;
}
.offCanvas-active .pageheader .core-head.sticky .phone-nav-toggle {
opacity: 0;
}
@media screen and (max-width: 600px), screen and (max-height: 600px) {
.pageheader .core-head.sticky .phone-nav-toggle {
left: 40px;
}
}
@media only screen and (max-width: 359px) {
.pageheader .core-head.sticky .phone-nav-toggle {
left: 24px;
}
}
.pageheader .core-head.sticky .phone-nav-toggle:hover {
border: none;
}
.pageheader .core-head.sticky .phone-nav-toggle i,
.pageheader .core-head.sticky .phone-nav-toggle:after,
.pageheader .core-head.sticky .phone-nav-toggle:before {
content: "";
display: block;
width: 100%;
height: 4px;
position: absolute;
left: 0;
top: 0;
-webkit-transition: none 0.25s ease 0.25s;
transition: none 0.25s ease 0.25s;
-webkit-transition-property: top, bottom, left, opacity, width,
-webkit-transform;
transition-property: top, bottom, left, opacity, width, -webkit-transform;
transition-property: transform, top, bottom, left, opacity, width;
transition-property: transform, top, bottom, left, opacity, width,
-webkit-transform;
}
.pageheader .core-head.sticky .phone-nav-toggle:before {
left: auto;
right: 0;
}
.pageheader .core-head.sticky .phone-nav-toggle i {
width: 100%;
top: 50%;
margin-top: -2px;
opacity: 1;
left: auto;
right: 0;
}
.pageheader .core-head.sticky .phone-nav-toggle i:before {
content: "";
}
.pageheader .core-head.sticky .phone-nav-toggle:after {
width: 100%;
top: auto;
bottom: 0;
left: auto;
right: 0;
}
#nav-phone .nav-phone-close {
display: none;
}
#nav-phone .nav-phone-close {
-webkit-tap-highlight-color: transparent;
position: absolute;
display: block;
top: 52px;
left: 57px;
right: auto;
width: 40px;
height: 40px;
cursor: pointer;
-webkit-transition: -webkit-transform 0.8s;
transition: -webkit-transform 0.8s;
transition: transform 0.8s;
transition: transform 0.8s, -webkit-transform 0.8s;
}
@media screen and (max-width: 600px), screen and (max-height: 600px) {
#nav-phone .nav-phone-close {
left: 40px;
top: 24px;
}
}
@media only screen and (max-width: 359px) {
#nav-phone .nav-phone-close {
left: 24px;
}
}
#nav-phone .nav-phone-close:after,
#nav-phone .nav-phone-close:before {
content: "";
display: block;
width: 40px;
background-color: #fff;
height: 4px;
position: absolute;
top: 50%;
-webkit-transition: background-color 0.15s;
transition: background-color 0.15s;
}
#nav-phone .nav-phone-close:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#nav-phone .nav-phone-close:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#nav-phone .nav-phone-close:focus,
#nav-phone .nav-phone-close:hover {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
#nav-phone .nav-phone-close:focus:after,
#nav-phone .nav-phone-close:focus:before,
#nav-phone .nav-phone-close:hover:after,
#nav-phone .nav-phone-close:hover:before {
background-color: #fff;
}
#cookie-policy {
background-color: rgba(0, 55, 112, 0.9) !important;
}
#cookie-policy .cookie-policy-wrapper {
height: 100%;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
}
#cookie-policy .row {
margin: 0;
}
#cookie-policy .col-sm-12 {
line-height: 1.5;
}
#cookie-policy .container {
padding-left: 15px;
padding-right: 15px;
}
@media only screen and (min-width: 768px) {
#cookie-policy .container {
width: 750px !important;
}
}
@media only screen and (min-width: 992px) {
#cookie-policy .container {
width: 970px !important;
}
}
#cookie-policy .button-col .btn {
text-transform: uppercase;
font-size: 20px;
font-size: 1.25rem;
line-height: 1;
margin-left: 16px;
}
@media only screen and (max-width: 479px) {
#cookie-policy .button-col .btn {
padding: 0.35em 2em 0.4em 2em;
}
}
#cookie-policy .button-col .btn:after {
display: none;
}
@media only screen and (max-width: 479px) {
#cookie-policy .button-col .col-xs-6 {
width: 100%;
padding: 0;
}
}
@media only screen and (max-width: 479px) {
#cookie-policy .button-col .info-btns {
margin-top: 2em;
}
}
#cookie-policy .button-col .btn-cookie-no {
border-color: rgba(255, 255, 255, 0.5) !important;
color: rgba(255, 255, 255, 0.5);
}
#cookie-policy .button-col .btn-cookie-no:active,
#cookie-policy .button-col .btn-cookie-no:focus,
#cookie-policy .button-col .btn-cookie-no:hover {
background-color: transparent !important;
color: #fff;
border: 1px solid #fff !important;
}
#cookie-policy .button-col .btn-cookie-ok {
border: 1px solid #fff !important;
}
#cookie-policy .button-col .btn-cookie-ok:active,
#cookie-policy .button-col .btn-cookie-ok:focus,
#cookie-policy .button-col .btn-cookie-ok:hover {
background-color: transparent !important;
color: #fff;
border: 1px solid #fff !important;
padding: 0 25px;
}
#cookie-policy .cookie-info-link {
text-decoration: underline;
}
.cookie-policy-visible .baseOverlay {
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
@media only screen and (max-width: 767px) {
.cookie-policy-visible .baseOverlay {
padding-left: 15px;
padding-right: 15px;
}
}
.cookie-policy-visible .baseOverlay h1 {
color: #fff !important;
}
.cookie-policy-visible .baseOverlay .overlay-bg {
background: #003770;
display: block;
}
.cookie-policy-visible .baseOverlay .overlay-close {
top: 20px;
right: 20px;
}
@media only screen and (max-width: 479px) {
.cookie-policy-visible .baseOverlay .overlay-close {
top: 15px;
right: 15px;
}
}
.cookie-policy-visible .baseOverlay .overlay-content {
position: relative;
display: inline-block;
-webkit-box-flex: 0;
flex: none;
margin-top: inherit;
background: #003770;
}
.cookie-policy-visible .baseOverlay .overlay-content-core {
background: #003770;
overflow: hidden;
color: #fff;
font-size: 20px;
padding-top: 20px;
padding-top: 1.25rem;
padding-bottom: 50px !important;
padding-bottom: 3.125rem !important;
width: 100% !important;
}
.cookie-policy-visible .baseOverlay .overlay-content-core p,
.cookie-policy-visible .baseOverlay .overlay-content-core ul {
margin-bottom: 1em;
}
.cookie-policy-visible .baseOverlay .overlay-content-core p:last-child,
.cookie-policy-visible .baseOverlay .overlay-content-core ul:last-child {
margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
.cookie-policy-visible .baseOverlay .overlay-content-core {
font-size: 16px;
}
}
.cookie-policy-visible .baseOverlay .overlay-content-core a {
color: #fff;
text-decoration: underline;
}
@media only screen and (min-width: 768px) {
.cookie-policy-visible .baseOverlay .overlay-content-core {
width: 750px !important;
}
}
@media only screen and (min-width: 992px) {
.cookie-policy-visible .baseOverlay .overlay-content-core {
width: 970px !important;
}
}
.baseOverlay .overlay-close {
position: fixed;
display: block;
top: 15px;
right: 15px;
bottom: auto;
left: auto;
z-index: 10;
font-size: 1px;
background-color: transparent !important;
width: 21px !important;
height: 21px !important;
line-height: 1;
padding: 0 !important;
}
.baseOverlay .overlay-close .glyphicon {
position: static;
text-indent: -9999em;
display: inline-block;
background-size: 100% auto;
text-indent: -9999px;
width: 21px;
height: 21px;
margin: 0;
vertical-align: middle;
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EShape%3C%2Ftitle%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M23.998%202.415l-9.584%209.584%209.584%209.584-2.416%202.416-9.584-9.584-9.584%209.584-2.416-2.416%209.584-9.584-9.584-9.584L2.414-.001l9.584%209.584%209.584-9.584z%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
}
.baseOverlay .overlay-close .glyphicon:before {
content: "";
}
.timeline-filter {
background-color: transparent;
padding: 1em 0;
font-size: 18px;
font-size: 1.125rem;
text-align: left;
}
.timeline-filter .next,
.timeline-filter .previous {
display: none;
}
.timeline-filter a {
color: #000;
}
.timeline-filter li {
margin-left: 0;
padding-top: 3px;
padding-bottom: 2px;
}
.timeline-filter .timeline-day.marked {
background: 0 0;
}
.timeline-filter .timeline-day.marked .timeline-daynumber {
background: #003770;
}
.timeline-filter .timeline-day.marked a {
color: #fff;
}
.timeline-filter .timeline-day.today {
background: 0 0;
}
.timeline-filter .timeline-day.today.marked a {
color: #003770;
}
.timeline-filter .timeline-day.today .timeline-daynumber {
background: #fff;
}
.timeline-filter .timeline-day a {
font-size: 18px;
font-size: 1.125rem;
}
.timeline-filter .timeline-day.expired.timeline-day0 {
border-left-color: rgba(0, 0, 0, 0.5);
}
.timeline-filter .timeline-day.expired a,
.timeline-filter .timeline-day.expired a:hover {
color: rgba(0, 0, 0, 0.5);
}
.timeline-filter > div {
position: relative;
}
.timeline-filter .timeline-bar {
margin-left: 0;
margin-right: 0;
}
.timeline-filter .timeline-bar .col-md-10 {
margin: 1em auto 0;
float: none;
width: 100%;
}
.timeline-filter .timeline-bar .timeline-monthname {
padding-right: 8px;
}
.timeline-filter .timeline-bar .timeline-months li + li:before {
font-weight: 700;
padding: 0 8px 0 0;
}
.timeline-filter .timeline-bar .timeline-months a {
font-weight: 700;
}
.timeline-filter .timeline-bar .timeline-months a.active {
color: #003770;
}
.timeline-filter .timeline-days {
margin-top: 1em;
}
.timeline-filter .timeline-year.visible-sm {
display: inline !important;
font-size: 20px !important;
font-size: 1.25rem !important;
margin: 0 0 0 12px;
color: #000;
font-weight: 700;
}
@media only screen and (max-width: 479px) {
.timeline-filter .timeline-year.visible-sm {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
margin: -1px;
padding: 0;
width: 1px;
height: 1px;
border: 0;
}
}
.timeline-filter .customSelect.customSelectChanged,
.timeline-filter .customSelect.customSelectFocus,
.timeline-filter .customSelect.customSelectHover,
.timeline-filter .customSelect.customSelectOpen {
box-shadow: none;
-webkit-transition: none;
transition: none;
-webkit-animation: none;
animation: none;
}
span.customSelect {
color: #000;
font-size: 16px !important;
font-size: 1rem !important;
border-radius: 0;
width: 240px;
height: 39px;
padding: 0 12px;
border: 1px solid #222;
border-radius: 1px;
text-align: left;
background: 0 0;
background-color: transparent;
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2214%22%20viewBox%3D%220%200%2028%2014%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%22a%22%20x1%3D%220%25%22%20x2%3D%2299.986%25%22%20y1%3D%2249.981%25%22%20y2%3D%2249.981%25%22%3E%0A%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23003770%22%20offset%3D%220%25%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%232D5992%22%20offset%3D%2241.17%25%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23748EC8%22%20offset%3D%22100%25%22%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cpolygon%20fill%3D%22url(%23a)%22%20points%3D%2228%200%2014%2014%200%200%22%2F%3E%0A%3C%2Fsvg%3E%0A");
background-position: 93% center;
background-repeat: no-repeat;
background-size: 18px auto;
font-size: 20px !important;
line-height: 1.8;
}
span.customSelect:before {
content: "";
display: inline-block;
height: calc(100% + 1px);
vertical-align: middle;
}
span.customSelect.customSelectChanged,
span.customSelect.customSelectFocus,
span.customSelect.customSelectHover {
background-color: transparent;
border: 1px solid #003770;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
}
.customSelectInner {
width: 100% !important;
}
.timeline-filter > .hidden-sm,
.timeline-filter > .visible-sm {
display: block !important;
}
@media only screen and (max-width: 479px) {
.timeline-filter > .hidden-sm {
display: none !important;
}
}
.timeline-filter .timeline-days {
display: block !important;
text-align: center;
}
.timeline-filter .timeline-bar .timeline-months {
display: none;
}
.timeline-filter .timeline-bar .timeline-days {
width: 300px;
}
.timeline-filter .timeline-bar .timeline-days .timeline-day {
width: 42px;
float: left;
}
.timeline-filter .timeline-bar .timeline-days .timeline-day .timeline-dayname {
display: none;
}
.timeline-filter
.timeline-bar
.timeline-days
.timeline-day
.timeline-daynumber {
border-left: 1px solid #fff;
border-right: 1px solid #fff;
line-height: 1.5;
padding-top: 0.1em;
letter-spacing: 0.04em;
}
.timeline-filter .timeline-bar .timeline-days .timeline-day.timeline-day0 {
border: 0;
}
.timeline-filter .timeline-bar .timeline-days .timeline-day.timeline-day1 {
clear: both;
}
.timeline-filter
.timeline-bar
.timeline-days
.timeline-day.timeline-day2.first-day-of-the-month,
.timeline-filter
.timeline-bar
.timeline-days
.timeline-day.timeline-day2:first-child {
margin-left: 42px;
}
.timeline-filter
.timeline-bar
.timeline-days
.timeline-day.timeline-day3.first-day-of-the-month,
.timeline-filter
.timeline-bar
.timeline-days
.timeline-day.timeline-day3:first-child {
margin-left: 84px;
}
.timeline-filter
.timeline-bar
.timeline-days
.timeline-day.timeline-day4.first-day-of-the-month,
.timeline-filter
.timeline-bar
.timeline-days
.timeline-day.timeline-day4:first-child {
margin-left: 126px;
}
.timeline-filter
.timeline-bar
.timeline-days
.timeline-day.timeline-day5.first-day-of-the-month,
.timeline-filter
.timeline-bar
.timeline-days
.timeline-day.timeline-day5:first-child {
margin-left: 168px;
}
.timeline-filter
.timeline-bar
.timeline-days
.timeline-day.timeline-day6.first-day-of-the-month,
.timeline-filter
.timeline-bar
.timeline-days
.timeline-day.timeline-day6:first-child {
margin-left: 210px;
}
.timeline-filter
.timeline-bar
.timeline-days
.timeline-day.timeline-day7.first-day-of-the-month,
.timeline-filter
.timeline-bar
.timeline-days
.timeline-day.timeline-day7:first-child {
margin-left: 252px;
}
.timeline-filter .timeline-bar .timeline-days:before {
content: "MO  DI  MI  DO  FR  SA  SO";
word-spacing: 11px;
text-align: center;
display: block;
letter-spacing: 0.04em;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
span.customSelect {
display: none !important;
}
.timeline-select {
opacity: 1 !important;
position: static !important;
}
}
.form-date-filter .btn,
.form-date-filter .btn-group-date-range,
.form-date-filter legend {
display: none;
}
.date-range-picker {
margin-top: 1em;
}
.date-range-picker .input-group .form-control {
border-bottom: 1px solid #222 !important;
width: 120px;
height: auto;
line-height: 1.4;
font-size: 16px;
color: #000;
}
@media only screen and (max-width: 479px) {
.date-range-picker .input-group .form-control {
width: 90px;
padding-left: 4px !important;
padding-right: 4px !important;
}
}
.date-range-picker-input {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row nowrap;
margin: 0;
}
.date-range-picker-input .input-group {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row nowrap;
}
.date-range-picker-from:before {
content: "von";
margin-right: 0.5em;
}
.date-range-picker-from:after {
margin-left: 0.6em;
}
.date-range-picker-from:after,
.date-range-picker-from:before {
text-transform: uppercase;
font-size: 18px;
font-weight: 700;
}
@media only screen and (max-width: 479px) {
.date-range-picker-from:after,
.date-range-picker-from:before {
font-size: 16px;
}
}
.form-category-filter {
border-top: 1px solid #444;
padding-top: 1em;
margin-top: 1.5em;
}
@media only screen and (min-width: 768px) {
.form-category-filter {
max-width: 93%;
}
}
.form-category-filter legend {
text-transform: uppercase;
border-bottom: 0;
display: none;
}
.form-category-filter .visible-xs {
display: none !important;
}
.form-category-filter label.checkbox {
margin-bottom: 0;
}
.form-category-filter .visible-md {
display: block !important;
}
.form-category-filter ul.list-inline {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row wrap;
}
.form-category-filter ul.list-inline li {
width: 50%;
}
@media only screen and (max-width: 479px) {
.form-category-filter ul.list-inline li {
width: 100%;
}
}
.program-calendar-view .hidden {
display: inline !important;
visibility: visible !important;
opacity: 1;
}
.program-calendar-view .day_marker {
display: none;
}
.program-calendar-view article.month {
padding-left: 24px;
}
@media only screen and (max-width: 479px) {
.program-calendar-view article.month {
padding-left: 16px;
}
}
.program-calendar-view article.month h2 {
font-size: 30px;
font-size: 1.875rem;
margin: 1.5em 0 0.2em 0;
}
.program-calendar-view article.month:after {
content: "";
display: none;
}
.program-calendar-view .event.row {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row wrap;
margin-bottom: 0;
}
.program-calendar-view .event.row .col-sm-2,
.program-calendar-view .event.row .information:not(.date) {
display: none;
}
.program-calendar-view .event.row .col-sm-8 {
width: 100% !important;
-webkit-box-ordinal-group: 1;
order: 0;
}
.program-calendar-view .event.row .col-sm-8 > div {
display: none;
}
.program-calendar-view .event.row .col-sm-8 h2 {
font-size: 22px;
font-size: 1.375rem;
margin: 0 0 0.5em;
line-height: 1.2;
}
.program-calendar-view .event.row > div:nth-child(2) {
padding: 0;
}
.collage-item .program .title_link,
.event-link,
.program-calendar-view .event.row .list_title_link {
display: block;
padding: 1.5em 18% 1.2em 24px;
background-position: 88.8% center;
position: relative;
}
@media only screen and (max-width: 479px) {
.collage-item .program .title_link,
.event-link,
.program-calendar-view .event.row .list_title_link {
background-position: 93% center;
padding-left: 12px;
}
}
.collage-item .program .title_link:after,
.event-link:after,
.program-calendar-view .event.row .list_title_link:after {
content: "";
width: 8vw;
}
@media only screen and (max-width: 479px) {
.collage-item .program .title_link:after,
.event-link:after,
.program-calendar-view .event.row .list_title_link:after {
display: none;
}
}
.collage-item .program .title_link:before,
.event-link:before,
.program-calendar-view .event.row .list_title_link:before {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
height: 1px;
width: 95%;
border-top: 1px solid #444;
}
@media only screen and (max-width: 479px) {
.collage-item .program .title_link:before,
.event-link:before,
.program-calendar-view .event.row .list_title_link:before {
width: 100%;
}
}
.collage-item .program .title_link:focus,
.collage-item .program .title_link:hover,
.event-link:focus,
.event-link:hover,
.program-calendar-view .event.row .list_title_link:focus,
.program-calendar-view .event.row .list_title_link:hover {
font-weight: 400;
color: #fff;
}
.collage-item .program .title_link:focus h1,
.collage-item .program .title_link:focus h2,
.collage-item .program .title_link:hover h1,
.collage-item .program .title_link:hover h2,
.event-link:focus h1,
.event-link:focus h2,
.event-link:hover h1,
.event-link:hover h2,
.program-calendar-view .event.row .list_title_link:focus h1,
.program-calendar-view .event.row .list_title_link:focus h2,
.program-calendar-view .event.row .list_title_link:hover h1,
.program-calendar-view .event.row .list_title_link:hover h2 {
color: #fff !important;
}
.collage-item .program .title_link:focus:before,
.collage-item .program .title_link:hover:before,
.event-link:focus:before,
.event-link:hover:before,
.program-calendar-view .event.row .list_title_link:focus:before,
.program-calendar-view .event.row .list_title_link:hover:before {
background-color: transparent;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 11%;
left: auto;
border: none;
}
@media only screen and (max-width: 479px) {
.collage-item .program .title_link:focus:before,
.collage-item .program .title_link:hover:before,
.event-link:focus:before,
.event-link:hover:before,
.program-calendar-view .event.row .list_title_link:focus:before,
.program-calendar-view .event.row .list_title_link:hover:before {
right: 7%;
}
}
.collage-item .program time,
.date-format,
.program-calendar-view .event.row .date {
display: inline;
font-weight: 700;
}
.date-format:after,
.program-calendar-view .event.row .date:after {
content: " | ";
display: inline;
margin: 0 0.3em;
}
.date-format .weekday,
.program-calendar-view .event.row .date .weekday {
display: inline;
text-transform: uppercase;
}
.collage-item .program {
margin-top: 2em;
}
@media only screen and (max-width: 479px) {
.collage-item .program {
margin-top: 3em;
}
}
.collage-item .program .label {
display: none;
}
.collage-item .program .event header a > p:first-child,
.collage-item .program .offer {
display: none;
}
.collage-item .program h1,
.collage-item .program h3 {
color: #000 !important;
font-size: 22px;
font-size: 1.375rem;
}
.collage-item .program time .weekday {
display: inline;
text-transform: uppercase;
}
.collage-item .program time .time {
font-weight: 400;
}
.collage-item .program time .year:after {
content: " | ";
display: inline;
margin: 0 0.3em;
}
.program-list.program-view .availability-message,
.program-list.program-view .listing_pagination,
.program-list.program-view .offer {
display: none;
}
.program-list.program-view .list_title_link:focus > h2,
.program-list.program-view .list_title_link:hover > h2 {
color: inherit;
}
.program-list.program-view .list_title_link:focus > *,
.program-list.program-view .list_title_link:hover > * {
font-weight: 400;
}
.program-list.program-view h2 {
margin-bottom: 0.5em;
font-size: 35px;
font-size: 2.1875rem;
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
.program-list.program-view .list_subtitle {
display: block;
text-transform: uppercase;
line-height: 1.2;
margin-bottom: 0.5em;
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
letter-spacing: 0.04em;
font-size: 28px;
font-size: 1.75rem;
}
.program-list.program-view .event {
margin-bottom: 40px;
}
.program-list.program-view .event .row {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row wrap;
}
.program-list.program-view .event .col-sm-3 {
width: 40%;
}
@media only screen and (max-width: 479px) {
.program-list.program-view .event .col-sm-3 {
width: 100%;
margin-bottom: 1em;
}
}
.program-list.program-view .event .col-sm-9 {
width: 60%;
}
@media only screen and (max-width: 479px) {
.program-list.program-view .event .col-sm-9 {
width: 100%;
}
}
.template-event-view .slide-description .description {
font-size: 14px;
margin-top: 0.3em;
}
.template-event-view .slick .caption {
position: static;
color: #000;
}
.template-event-view .main-block .information {
display: none;
}
.template-event-view.subject-datum-verbergen .main-block .information {
display: none;
}
.template-event-view .portlet:not(.portlet-pagenav),
.template-exhibition-view .portlet:not(.portlet-pagenav) {
width: 100%;
}
.template-event-view .portlet:not(.portlet-pagenav) .portletHeader,
.template-exhibition-view .portlet:not(.portlet-pagenav) .portletHeader {
display: none;
}
.template-event-view .categories,
.template-exhibition-view .categories {
display: none;
}
@media only screen and (max-width: 767px) {
.template-event-view .album-container > article:last-child,
.template-exhibition-view .album-container > article:last-child {
margin-bottom: 0;
}
}
.template-event-view .album-cols,
.template-exhibition-view .album-cols {
margin-top: 1.5em;
}
.template-event-view .album-cols .tileContent h2,
.template-exhibition-view .album-cols .tileContent h2 {
text-transform: none;
font-size: 11px;
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
margin-top: 0.5em;
}
.template-event-view .album-cols .tileContent h2 span,
.template-exhibition-view .album-cols .tileContent h2 span {
font-family: noe-display, serif;
font-weight: 700;
font-size: 14px;
}
.template-event-view .album-cols .tileOverlay,
.template-exhibition-view .album-cols .tileOverlay {
display: none !important;
}
.template-event-view .album-cols .tileImage,
.template-exhibition-view .album-cols .tileImage {
width: 100% !important;
}
.template-event-view .album-cols .tileItem,
.template-exhibition-view .album-cols .tileItem {
cursor: default;
}
.portlet.abstract .text img {
width: auto !important;
}
@media only screen and (max-width: 479px) {
.portlet.abstract .text img {
width: 100% !important;
max-width: 280px;
}
}
.template-exhibition-view #portlets-below-title,
.template-exhibition-view .availability-message,
.template-exhibition-view .offer {
display: none !important;
}
.template-exhibition-view #viewlet-below-content {
max-width: 720px;
}
.template-exhibition-view .main-block {
margin-bottom: 1.5em;
}
.template-exhibition-view .main-block > article {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-flow: column;
}
.template-exhibition-view .main-block .listing {
-webkit-box-ordinal-group: 1;
order: 0;
}
.template-exhibition-view .main-block header {
-webkit-box-ordinal-group: 2;
order: 1;
}
.template-exhibition-view .main-block header h1 {
margin-bottom: 0.4em;
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
max-width: 720px;
}
.template-exhibition-view .slide-description h1 {
text-transform: none;
}
.template-exhibition-view .subtitle {
display: block;
text-transform: uppercase;
line-height: 1.2;
margin-bottom: 0.4em;
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
letter-spacing: 0.04em;
font-size: 28px;
font-size: 1.75rem;
max-width: 600px;
}
.template-exhibition-view .subtitle p {
margin: 0;
}
.template-exhibition-view .abstract .text h1 + h2 {
margin: 0 0 0.35em 0 !important;
}
.bar-utility {
display: none;
}
footer > * {
border: none;
color: #000 !important;
font-size: 13px;
}
footer > .bar-bottom,
footer > .content {
background-color: #003770;
}
.wf_footer h2 {
font-size: 19px;
font-size: 1.1875rem;
margin-top: 0;
}
.wf_footer .text {
font-size: 13px;
}
.wf_footer a:not(.btn) {
color: #fff;
text-decoration: none;
}
.wf_footer a:not(.btn):focus,
.wf_footer a:not(.btn):hover {
color: #fff;
}
.wf_footer .contentwellportlets {
margin: 0;
}
.FooterPortletManager1 {
padding: 4em 0;
}
.FooterPortletManager2 {
padding: 3em 0 2em;
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row nowrap;
}
@media only screen and (max-width: 767px) {
.FooterPortletManager2 {
padding: 1em 6%;
}
}
@media only screen and (max-width: 479px) {
.FooterPortletManager2 {
padding-left: 0;
padding-right: 0;
}
}
.footerPortlets .FooterPortletManager2 {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row nowrap;
-webkit-box-align: stretch;
align-items: stretch;
color: #fff;
}
@media only screen and (max-width: 1199px) {
.footerPortlets .FooterPortletManager2 {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row wrap;
}
}
@media only screen and (max-width: 767px) {
.footerPortlets .FooterPortletManager2 {
-webkit-box-align: start;
align-items: flex-start;
}
}
.footerPortlets .FooterPortletManager2 section.portlet {
float: none !important;
padding-left: 24px !important;
padding-right: 24px !important;
}
@media only screen and (max-width: 359px) {
.footerPortlets .FooterPortletManager2 section.portlet {
padding-left: 16px !important;
padding-right: 16px !important;
}
}
@media only screen and (max-width: 1199px) {
.footerPortlets .FooterPortletManager2 section.portlet {
width: 49.85% !important;
}
.footerPortlets .FooterPortletManager2 section.portlet.portlet-hours-map,
.footerPortlets .FooterPortletManager2 section.portlet.portlet-kontakt {
margin-top: 3em;
}
}
@media only screen and (max-width: 767px) {
.footerPortlets .FooterPortletManager2 section.portlet {
width: 100% !important;
margin: 2em 0 !important;
}
}
.footerPortlets .FooterPortletManager2 h2 {
border-bottom: 2px solid rgba(255, 255, 255, 0.2);
padding-bottom: 0.3em;
margin-bottom: 1.2em;
color: #fff;
}
.footerPortlets .FooterPortletManager2 .portletNavigationTree {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-flow: column;
}
.footerPortlets .FooterPortletManager2 .navTree .navTreeLevel1 {
display: none;
}
.footerPortlets .FooterPortletManager2 .navTree a {
font-weight: 700;
color: rgba(255, 255, 255, 0.5) !important;
}
.footerPortlets .FooterPortletManager2 .navTree a:focus,
.footerPortlets .FooterPortletManager2 .navTree a:hover {
color: #fff !important;
}
@media only screen and (max-width: 1199px) {
.footerPortlets .num-portlets-3 section.portlet {
width: 33.2% !important;
}
.footerPortlets .num-portlets-3 section.portlet.portlet-hours-map,
.footerPortlets .num-portlets-3 section.portlet.portlet-kontakt {
margin-top: 0;
}
}
@media only screen and (max-width: 767px) {
.footerPortlets .num-portlets-3 section.portlet {
width: 100% !important;
margin: 2em 0 !important;
}
}
.portlet-doormat .portletHeader {
display: none;
}
.portlet-doormat .portletContent {
height: 100%;
}
.portlet-doormat .portletContent .text,
.portlet-doormat .portletContent div > section,
.portlet-doormat .portletContent > div {
height: 100%;
}
.portlet-doormat .portletContent .text {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-flow: column;
}
@media only screen and (max-width: 767px) {
.portlet-doormat .portletContent .text {
padding-top: 0;
}
}
.portlet-doormat li,
.portlet-doormat ul {
list-style-type: none !important;
}
.portlet-doormat li {
margin-bottom: 0.75em;
}
.portlet-doormat a {
color: rgba(255, 255, 255, 0.5);
font-size: 18px;
font-size: 1.125rem;
}
@media only screen and (max-width: 767px) {
.portlet-doormat .text {
text-align: center;
}
.portlet-doormat .text ul li {
display: inline-block;
margin: 0 1em;
}
.portlet-doormat .text ul li a {
line-height: 2.5;
}
}
footer > .bar-bottom {
display: none;
}
.portlet-kontakt img {
max-width: 162px !important;
margin-bottom: 1em;
}
.social-icons {
-webkit-box-flex: 1;
flex: 1 0 auto;
display: -webkit-box;
display: flex;
-webkit-box-align: end;
align-items: flex-end;
margin-top: 2.5em;
}
@media only screen and (max-width: 767px) {
.social-icons {
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
}
}
.social-icons a {
margin-right: 20px;
}
.social-icons a:last-child {
margin-right: 0;
}
section#kultur-noe {
margin: 0;
background: #ffd900;
}
section#kultur-noe a {
border: 0;
}
section#kultur-noe .container {
padding: 0;
width: 100% !important;
}
section#kultur-noe .container .row {
margin: 0;
}
section#kultur-noe .container .col-xs-12 {
float: none;
padding: 0 16px;
background: #ffd900;
}
.offCanvas-active .pageheader .core-head.sticky {
position: fixed !important;
}
.pageheader .core-head.sticky {
top: 0 !important;
z-index: 12;
}
.pageheader .core-head.sticky .full-width-wrapper {
background-color: transparent;
}
.pageheader .core-head.sticky .container {
width: 100vw;
padding: 16px 24px;
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row nowrap;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: end;
justify-content: flex-end;
}
@media screen and (min-width: 601px) and (min-height: 601px) {
.pageheader .core-head.sticky .container {
padding: 22px 30px 23px 56px;
}
}
@media only screen and (max-width: 359px) {
.pageheader .core-head.sticky .container {
padding: 16px;
}
}
.logo-and-meta {
width: auto;
align-self: flex-end;
}
.pageheader .logo-container {
float: none;
width: auto;
}
.logo {
display: block;
text-indent: 0;
font-size: 12px;
}
@media screen and (max-width: 600px), screen and (max-height: 600px) {
.logo {
font-size: 9px;
}
}
.logo img {
display: inline-block;
opacity: 0;
}
@media screen and (max-width: 600px), screen and (max-height: 600px) {
.logo img {
width: 166px;
height: auto;
}
}
.logo a {
width: auto;
height: auto;
background: 0 0;
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2280%22%20height%3D%2290%22%20viewBox%3D%220%200%2080%2090%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%20x1%3D%2248.879%25%22%20x2%3D%2251.226%25%22%20y1%3D%22-.139%25%22%20y2%3D%2299.138%25%22%3E%3Cstop%20stop-color%3D%22%23003770%22%20offset%3D%220%25%22%2F%3E%3Cstop%20stop-color%3D%22%232D5992%22%20offset%3D%2241.2%25%22%2F%3E%3Cstop%20stop-color%3D%22%23748EC8%22%20offset%3D%22100%25%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23a)%22%20transform%3D%22translate(-147)%22%20d%3D%22M190.128.756L151.872%2016.44l-4.62%2053.256%2057.852%2020.256%2019.512-39.456%202.268-34.056z%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: right center;
background-size: auto 100%;
position: relative;
}
.logo a:after,
.logo a:before {
content: "Landesgalerie Niederösterreich";
display: inline-block;
position: absolute;
text-align: right;
top: 7px;
right: 93px;
font-size: 1em;
white-space: normal;
line-height: 1.4;
letter-spacing: 0.04em;
font-weight: 700;
}
@media screen and (max-width: 600px), screen and (max-height: 600px) {
.logo a:after,
.logo a:before {
right: 68px;
}
}
.logo a:after {
content: "State Gallery of Lower Austria";
top: auto;
bottom: 5px;
font-weight: 400;
}
body[class*="subject-farbe"] .logo a:after,
body[class*="subject-farbe"] .logo a:before {
color: #000 !important;
}
@media only screen and (min-width: 768px) {
.section-home .core-head.sticky .logo {
font-size: 16px;
}
.section-home .core-head.sticky .logo img {
width: 304px;
height: 120px;
}
}
@media only screen and (max-width: 479px) {
.section-home .core-head.sticky .logo {
font-size: 12px;
}
.section-home .core-head.sticky .logo img {
width: auto;
height: auto;
}
}
@media only screen and (max-width: 359px) {
.section-home .core-head.sticky .logo {
font-size: 9px;
}
.section-home .core-head.sticky .logo img {
width: 166px;
height: auto;
}
}
.section-home .core-head.sticky .logo a {
color: #fff;
}
@media only screen and (max-width: 479px) {
.section-home .core-head.sticky .logo a:after,
.section-home .core-head.sticky .logo a:before {
top: 7px;
right: 93px;
}
.section-home .core-head.sticky .logo a:after {
bottom: 5px;
top: auto;
}
}
@media only screen and (max-width: 359px) {
.section-home .core-head.sticky .logo a:after,
.section-home .core-head.sticky .logo a:before {
right: 68px;
}
}
@media only screen and (min-width: 768px) {
.section-home .core-head.sticky .logo a:after,
.section-home .core-head.sticky .logo a:before {
right: 124px;
}
.section-home .core-head.sticky .logo a:before {
top: 9px;
}
.section-home .core-head.sticky .logo a:after {
bottom: 6px;
}
}
.section-home .core-head.sticky-free .logo a {
color: #000;
}
.pageheader .core-head.sticky-free .full-width-wrapper {
background-color: rgba(255, 255, 255, 0.96);
}
.pageheader .meta-container .language-container {
position: absolute;
width: auto !important;
right: 120px;
z-index: 10;
margin-top: 12px;
float: none;
}
.portal-languageselector a.currentLanguage {
color: #fff;
display: none;
}
.social {
text-indent: -9999em;
display: inline-block;
background-size: 100% auto;
background-repeat: no-repeat;
text-indent: -9999px;
width: 45px;
height: 45px;
margin: 0;
vertical-align: middle;
background-position: center center;
background-size: 45px 45px;
padding: 0;
border: 1px solid #fff !important;
border-radius: 10px;
}
.social:active,
.social:focus,
.social:hover {
background-color: #003770;
border-color: #003770 !important;
}
.social:before {
display: none;
}
.social.facebook {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2238%22%20viewBox%3D%220%200%2020%2038%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15.38%206.86h3.86V.8h-5.78S9.82.71%207.51%203.72c0%200-1.58%201.49-1.6%205.85v4.55H.2v6.44h5.71V37.2h6.59V20.56h5.67l.79-6.44H12.5V9.57c0-.51.23-2.75%202.88-2.71z%22%2F%3E%3Cpath%20d%3D%22M-8.648-4.61s-7.852%200-7.852%207.852v26.296s0%207.852%207.852%207.852h26.296s7.852%200%207.852-7.852V3.242s0-7.852-7.852-7.852H-8.648z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: auto 92%;
background-position: 75% 6px;
}
.social.instagram {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2237%22%20height%3D%2237%22%20viewBox%3D%220%200%2037%2037%22%3E%0A%20%20%3Cg%20fill%3D%22%23FFFFFF%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M30%2C9%20C30%2C10.1111111%2029.0994152%2C11%2028%2C11%20C26.8888889%2C11%2026%2C10.0994152%2026%2C9%20C26%2C7.9005848%2026.9005848%2C7%2028%2C7%20C29.0994152%2C7%2030%2C7.8888889%2030%2C9%20L30%2C9%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M25.6009509%2C0%20L11.3990491%2C0%20C5.10142631%2C0%200%2C5.10304375%200%2C11.4026633%20L0%2C25.5973367%20C0%2C31.8969562%205.10142631%2C37%2011.3990491%2C37%20L25.6009509%2C37%20C31.8985737%2C37%2037%2C31.8969562%2037%2C25.5973367%20L37%2C11.4026633%20C37%2C5.10304375%2031.8985737%2C0%2025.6009509%2C0%20L25.6009509%2C0%20Z%20M34%2C24.7574568%20C34%2C29.8673469%2029.855573%2C34%2024.7574568%2C34%20L13.2425432%2C34%20C8.1326531%2C34%204%2C29.8673469%204%2C24.7574568%20L4%2C13.2425432%20C4%2C8.1326531%208.144427%2C4%2013.2425432%2C4%20L24.7574568%2C4%20C29.8673469%2C4%2034%2C8.144427%2034%2C13.2425432%20L34%2C24.7574568%20L34%2C24.7574568%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M18.5%2C9%20C13.2527076%2C9%209%2C13.2527076%209%2C18.5%20C9%2C23.7472924%2013.2527076%2C28%2018.5%2C28%20C23.7472924%2C28%2028%2C23.7472924%2028%2C18.5%20C28%2C13.2527076%2023.7472924%2C9%2018.5%2C9%20M24%2C18.5%20C24%2C21.536%2021.536%2C24%2018.5%2C24%20C15.464%2C24%2013%2C21.536%2013%2C18.5%20C13%2C15.464%2015.464%2C13%2018.5%2C13%20C21.536%2C13%2024%2C15.464%2024%2C18.5%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
background-repeat: no-repeat;
background-size: 75%;
}
.social.youtube {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2222%22%20viewBox%3D%220%200%2032%2022%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M31.49%2014.807c0%203.973-1.34%207.193-5.236%207.193H6.16C2.255%2022%20.5%2018.78.5%2014.807V7.193C.5%203.22%202.087%200%205.992%200h20.43C30.327%200%2031.5%203.22%2031.5%207.193v7.614h-.01zm-18.43.873l9-4.5-9-4.5v9z%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: 80%;
}
.arrow-left,
.arrow-right-white,
.collage-item .program .title_link:focus:before,
.collage-item .program .title_link:hover:before,
.event-link:focus:before,
.event-link:hover:before,
.icon-page-back,
.program-calendar-view .event.row .list_title_link:focus:before,
.program-calendar-view .event.row .list_title_link:hover:before {
text-indent: -9999em;
display: inline-block;
background-size: 100% auto;
background-repeat: no-repeat;
text-indent: -9999px;
width: 14px;
height: 28px;
margin: 0;
vertical-align: middle;
}
.arrow-down,
.icon-page-up {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2214%22%20viewBox%3D%220%200%2028%2014%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%22a%22%20x1%3D%220%25%22%20x2%3D%2299.986%25%22%20y1%3D%2249.981%25%22%20y2%3D%2249.981%25%22%3E%0A%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23003770%22%20offset%3D%220%25%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%232D5992%22%20offset%3D%2241.17%25%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23748EC8%22%20offset%3D%22100%25%22%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cpolygon%20fill%3D%22url(%23a)%22%20points%3D%2228%2014%2014%200%200%2014%22%2F%3E%0A%3C%2Fsvg%3E%0A");
text-indent: -9999em;
display: inline-block;
background-size: 100% auto;
background-repeat: no-repeat;
text-indent: -9999px;
width: 28px;
height: 14px;
margin: 0;
vertical-align: middle;
}
.arrow-right,
.collage-item .program .title_link,
.event-link,
.program-calendar-view .event.row .list_title_link {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2228%22%20viewBox%3D%220%200%2014%2028%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%22a%22%20x1%3D%2249.999%25%22%20x2%3D%2249.999%25%22%20y1%3D%22-.011%25%22%20y2%3D%22100.011%25%22%3E%0A%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23003770%22%20offset%3D%220%25%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%232D5992%22%20offset%3D%2241.17%25%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23748EC8%22%20offset%3D%22100%25%22%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cpolygon%20fill%3D%22url(%23a)%22%20points%3D%220%200%2014%2014%200%2028%22%2F%3E%0A%3C%2Fsvg%3E%0A");
background-repeat: no-repeat;
}
.arrow-left,
.icon-page-back {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2228%22%20viewBox%3D%220%200%2014%2028%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%22a%22%20x1%3D%2249.986%25%22%20x2%3D%2249.986%25%22%20y1%3D%22-.002%25%22%20y2%3D%2299.983%25%22%3E%0A%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23003770%22%20offset%3D%220%25%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%232D5992%22%20offset%3D%2241.17%25%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23748EC8%22%20offset%3D%22100%25%22%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cpolygon%20fill%3D%22url(%23a)%22%20points%3D%2214%2028%200%2014%2014%200%22%2F%3E%0A%3C%2Fsvg%3E%0A");
background-repeat: no-repeat;
}
.arrow-right-white,
.collage-item .program .title_link:focus:before,
.collage-item .program .title_link:hover:before,
.event-link:focus:before,
.event-link:hover:before,
.program-calendar-view .event.row .list_title_link:focus:before,
.program-calendar-view .event.row .list_title_link:hover:before {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2228%22%20viewBox%3D%220%200%2014%2028%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M0%200l14%2014L0%2028z%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
}
.modal {
color: #000 !important;
}
.modal .close {
font-size: 50px;
font-weight: 500;
color: #29528e;
text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=20);
opacity: 1;
}
.modal .modal-label {
margin-bottom: 0;
font-size: 22px;
font-size: 1.375rem;
text-transform: uppercase;
letter-spacing: 0.04em;
}
.modal-content {
border-radius: 1px;
font-size: 16px !important;
font-size: 1rem !important;
}
.modal-content a:not(.btn) {
color: #003770 !important;
}
@media only screen and (min-width: 768px) {
.modal-header {
padding: 16px 24px 8px 24px;
}
}
.modal-header .close {
font-size: 32px;
opacity: 0.6;
margin-top: -3px;
}
.modal-body {
padding-top: 0;
padding-bottom: 8px;
}
@media only screen and (min-width: 768px) {
.modal-body {
padding-left: 24px;
padding-right: 24px;
}
}
#agb-modal span.formHelp {
display: block;
margin: 0.5em 0;
color: #003770;
}
.img-raster-2,
.img-raster-3 {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row wrap;
-webkit-box-align: stretch;
align-items: stretch;
margin: 0 -12px;
margin-bottom: 2em;
}
.img-raster-2 img,
.img-raster-3 img {
width: 100% !important;
max-width: 100% !important;
}
.img-raster-2 .captioned,
.img-raster-3 .captioned {
width: 50% !important;
margin-bottom: 0.3em;
}
@media only screen and (min-width: 768px) {
.img-raster-2 .captioned,
.img-raster-3 .captioned {
width: 33.333332% !important;
}
}
@media only screen and (max-width: 479px) {
.img-raster-2 .captioned,
.img-raster-3 .captioned {
width: 100% !important;
}
}
.img-raster-2 .captioned dd,
.img-raster-2 .captioned dt,
.img-raster-3 .captioned dd,
.img-raster-3 .captioned dt {
margin: 0 12px;
}
.img-raster-2 .captioned {
width: 50% !important;
}
@media only screen and (max-width: 479px) {
.img-raster-2 .captioned {
width: 100% !important;
}
}
.video-standard {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-flow: column;
margin-bottom: 3em;
}
.video-standard .iframe_wrapper {
padding-bottom: 74%;
}
.video-standard > header {
-webkit-box-ordinal-group: 2;
order: 1;
margin-top: 2.5em;
}
@media only screen and (max-width: 767px) {
.video-standard > header {
margin-top: 1.5em;
}
}
.video-standard .subtitle {
text-transform: uppercase;
font-size: 22px;
font-size: 1.375rem;
line-height: 1.25;
}
.iconPlay {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2239%22%20height%3D%2247%22%20viewBox%3D%220%200%2039%2047%22%3E%3Cpath%20fill%3D%22%23FEFEFE%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%200v46.772l38.268-23.386z%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: 100% auto;
width: 38px;
height: 47px;
margin: 0 !important;
}
.loader {
border: 5px solid #fff;
border-top: 5px solid #003770;
width: 50px;
height: 50px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.nav {
display: inline-block;
}
.nav:after,
.nav:before {
display: table;
content: " ";
}
.nav:after {
clear: both;
}
.nav-pills > li {
margin: 0 15px;
}
.nav-pills > li:first-child {
margin-left: 0;
}
.nav-pills > li:last-child {
margin-right: 0;
}
.nav-pills > li > a {
display: inline-block !important;
color: #000;
font-weight: 700;
font-size: 17px;
font-size: 1.0625rem;
padding: 0 17px;
background-color: transparent;
text-transform: none;
white-space: nowrap;
position: relative;
border-radius: 0;
border-top: none !important;
}
.nav-pills > li > a:focus,
.nav-pills > li > a:hover {
color: #003770;
font-weight: 700;
}
.nav-pills > li > a:focus {
outline: 0;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover,
.nav-pills > li.selected > a {
background-color: transparent;
color: #003770;
}
.portletNavigationTree {
margin-top: -8px;
}
@media only screen and (max-width: 991px) {
.portletNavigationTree {
max-width: 520px;
margin-top: 0;
}
}
.portletNavigationTree .portletHeader {
display: none;
}
.navTree li {
margin-left: 0;
}
.navTree li a {
text-transform: uppercase;
text-decoration: none !important;
}
.navTree li.navTreeItemInPath > a {
font-weight: 700 !important;
}
.navTree li a.navTreeCurrentItem {
color: #000;
font-weight: 700 !important;
}
.navTree.navTreeLevel0 > li {
line-height: 1.25;
}
.navTree.navTreeLevel0 > li.navTreeTopNode {
margin-bottom: 1.25em;
}
.navTree.navTreeLevel0 > li.navTreeTopNode a {
font-size: 35px;
font-size: 2rem;
}
@media only screen and (max-width: 1199px) {
.navTree.navTreeLevel0 > li.navTreeTopNode a {
font-size: 32px;
font-size: 1.9rem;
}
}
.navTree.navTreeLevel0 > li > a {
font-size: 26px;
font-size: 1.625rem;
padding: 10px 1px;
color: #000;
display: inline-block;
font-family: noe-display, serif;
font-weight: 400;
letter-spacing: 0.07em;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
@media only screen and (max-width: 1199px) {
.navTree.navTreeLevel0 > li > a {
font-size: 24px;
font-size: 1.5rem;
padding: 10px 1px;
}
}
.navTree.navTreeLevel0 > li > a:focus,
.navTree.navTreeLevel0 > li > a:hover {
color: #000;
font-weight: 700;
background-color: transparent;
}
.navTree.navTreeLevel1 {
margin: 0 0 0 24px;
}
.navTree.navTreeLevel1 > li {
margin: 0.2em 0 !important;
padding: 0;
line-height: 1.2;
}
.navTree.navTreeLevel1 > li > a {
color: #000;
font-size: 20px;
font-size: 1.25rem;
letter-spacing: 0.04em;
}
.navTree.navTreeLevel1 > li > a:focus,
.navTree.navTreeLevel1 > li > a:hover {
font-weight: 700;
}
.navTree .navTreeItem.exhibition {
margin: 0.2em 0 0.2em 24px !important;
padding: 0;
line-height: 1.2;
}
.navTree .navTreeItem.exhibition > a {
color: #000;
font-size: 20px;
font-size: 1.25rem;
letter-spacing: 0.04em;
padding: 0;
font-family: ccc, sans-serif;
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
.navTree .navTreeItem.exhibition > a:focus,
.navTree .navTreeItem.exhibition > a:hover {
font-weight: 700;
}
.template-document_view .navTree.navTreeLevel0 > li.exhibition,
.template-program_view .navTree.navTreeLevel0 > li.exhibition {
display: none;
}
.site-de #portal-mobile-nav li.vorschau ~ li:not(.archiv):not(.publikationen) {
display: none;
}
.site-de
#portal-mobile-nav
li.aktuell
~ li:not(.vorschau):not(.archiv):not(.publikationen) {
display: none;
}
.site-de #portal-mobile-nav li.aktuell {
margin-bottom: 1em;
}
.site-de #portal-mobile-nav li.vorschau {
margin-top: 1em;
}
.site-en #portal-mobile-nav li.preview ~ li:not(.archive):not(.publications) {
display: none;
}
.site-en
#portal-mobile-nav
li.current
~ li:not(.preview):not(.archive):not(.publications) {
display: none;
}
.site-en #portal-mobile-nav li.current {
margin-bottom: 1em;
}
.site-en #portal-mobile-nav li.preview {
margin-top: 1em;
}
.offCanvas-bg {
background-color: transparent;
}
.offCanvas-active .offCanvas-bg {
display: none !important;
}
.offCanvas-block {
background-color: #000;
}
.offCanvas-block a,
.offCanvas-block h1 {
color: #003770;
}
#nav-phone .search-container {
-webkit-box-ordinal-group: 2;
order: 1;
padding: 0;
width: 100%;
}
#nav-phone .search-container .form-search {
height: auto;
width: 100%;
max-width: 280px;
}
#nav-phone .search-container .search-query {
background-color: transparent;
border-radius: 1px !important;
color: #fff !important;
position: static;
height: 40px;
width: auto;
font-size: 14px !important;
font-weight: 400;
padding: 0 15px !important;
border-top: 1px solid rgba(255, 255, 255, 0.5) !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
border-left: 1px solid rgba(255, 255, 255, 0.5) !important;
border-right: 1px solid rgba(255, 255, 255, 0.5) !important;
text-transform: none;
}
#nav-phone .search-container .search-query::-webkit-input-placeholder {
color: #fff;
line-height: 1.2;
}
#nav-phone .search-container .search-query:-moz-placeholder {
color: #fff;
}
#nav-phone .search-container .search-query::-moz-placeholder {
color: #fff;
}
#nav-phone .search-container .search-query:-ms-input-placeholder {
color: #fff !important;
}
#nav-phone .search-container .btn {
display: none;
}
.offCanvas-block.offCanvas-position-left {
max-width: 100%;
}
#nav-phone {
top: -1px;
left: -1px;
height: calc(100% + 2px) !important;
width: 75vw;
background-color: transparent;
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221023%22%20height%3D%221257%22%20viewBox%3D%220%200%201023%201257%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%20x1%3D%220%25%22%20y1%3D%2250%25%22%20y2%3D%2250%25%22%3E%3Cstop%20stop-color%3D%22%23003770%22%20offset%3D%220%25%22%2F%3E%3Cstop%20stop-color%3D%22%232D5992%22%20offset%3D%2241.17%25%22%2F%3E%3Cstop%20stop-color%3D%22%23748EC8%22%20offset%3D%22100%25%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23a)%22%20opacity%3D%22.9%22%20d%3D%22M0%200v1257h742l251.27-505.87%2029.18-627.1L733%200z%22%2F%3E%3C%2Fsvg%3E");
background-position: left top;
background-repeat: no-repeat;
background-size: cover;
color: #fff;
}
@media only screen and (min-width: 1440px) {
#nav-phone {
width: 65vw;
}
}
@media only screen and (max-width: 1199px) {
#nav-phone {
width: 90vw;
}
}
@media only screen and (max-width: 991px) {
#nav-phone {
width: 100vw;
}
}
#nav-phone .language-en {
display: inline !important;
}
#nav-phone .language-en:before {
content: "/";
margin: 0 0.3em;
}
#nav-phone .language-en:hover:before {
color: rgba(255, 255, 255, 0.5);
}
#nav-phone .dropdown-trigger {
padding: 0 5px;
width: 20px;
height: 20px;
margin-left: 5px;
background-position: center center;
}
#nav-phone .active .dropdown-trigger {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
background-position: center 6px;
}
#nav-phone .dropdown-wrapper ul {
padding: 0;
}
#nav-phone .block {
padding: 0;
}
#portal-mobile-nav {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-flow: column;
margin-bottom: 3em;
width: 100%;
}
@media only screen and (max-width: 479px) {
#portal-mobile-nav {
margin-bottom: 1em;
}
}
#portal-mobile-nav > li {
text-align: left;
margin-left: 0;
display: inline-block;
position: relative;
}
@media only screen and (min-width: 992px) {
#portal-mobile-nav > li {
overflow: visible;
max-width: 360px;
width: 50%;
}
}
#portal-mobile-nav > li.block {
display: none;
}
#portal-mobile-nav > li:last-child {
-webkit-box-ordinal-group: 0;
order: -1;
border: none;
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row nowrap;
-webkit-box-align: center;
align-items: center;
}
#portal-mobile-nav > li:last-child .language-de {
-webkit-box-ordinal-group: 0;
order: -1;
}
#portal-mobile-nav > li:last-child > a {
float: none;
display: inline-block;
color: rgba(255, 255, 255, 0.5);
font-size: 18px !important;
font-size: 1.125rem !important;
font-family: ccc, sans-serif;
font-weight: 400;
}
#portal-mobile-nav > li:last-child > a.currentLanguage {
color: rgba(255, 255, 255, 0.5);
}
#portal-mobile-nav > li > a {
display: inline-block;
color: rgba(255, 255, 255, 0.5);
font-weight: 700;
letter-spacing: 0.04em;
font-size: 30px !important;
font-size: 1.875rem !important;
line-height: 1;
padding: 16px 0;
background-color: transparent;
font-family: noe-display, serif;
text-transform: uppercase;
position: relative;
}
#portal-mobile-nav > li > a .dropdown-trigger {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: block !important;
cursor: pointer;
}
#portal-mobile-nav > li > a .dropdown-trigger .glyphicon {
display: none;
}
#portal-mobile-nav > li > a:hover {
color: #fff;
background-color: transparent;
}
#portal-mobile-nav > li > a:active,
#portal-mobile-nav > li > a:focus {
color: #fff;
background-color: transparent;
}
#portal-mobile-nav > li > a.active {
color: #fff;
background-color: transparent;
}
.accessibility {
margin: 0 0 30px 0;
padding-left: 5px;
}
#nav-phone a[href$="news"] + .dropdown-wrapper {
display: none !important;
}
#nav-phone .submenu {
position: static;
background: 0 0;
width: auto;
border: none;
margin: 1em 0 1em;
}
@media only screen and (min-width: 992px) {
#nav-phone .mega-dropdown-wrapper {
position: absolute !important;
left: 100%;
top: 0;
visibility: hidden !important;
opacity: 0;
padding: 0 !important;
width: 100%;
-webkit-transition: opacity 0.25s ease;
transition: opacity 0.25s ease;
}
#nav-phone a.open.active + .mega-dropdown-wrapper {
opacity: 1;
visibility: visible !important;
display: block !important;
height: auto !important;
margin-top: 0 !important;
}
}
#nav-phone .dropdown-wrapper {
background-color: transparent;
padding: 0;
margin: 0;
}
#nav-phone .dropdown-wrapper .subnav-item.mega-dropdown > li {
margin: 0.75em 0;
}
#nav-phone .dropdown-wrapper .mega-dropdown-level1 {
box-shadow: none;
position: static;
}
#nav-phone .dropdown-wrapper .mega-dropdown-level1 .dropdown-trigger {
display: none;
}
#nav-phone .dropdown-wrapper .mega-dropdown-level1 > .dropdown-wrapper {
display: block;
}
#nav-phone .dropdown-wrapper .mega-dropdown-level1 a {
display: inline-block;
color: rgba(255, 255, 255, 0.5);
font-size: 26px !important;
font-size: 1.625rem !important;
font-weight: 400 !important;
line-height: 1.1;
padding: 5px 0;
}
#nav-phone .dropdown-wrapper .mega-dropdown-level1 a.active,
#nav-phone .dropdown-wrapper .mega-dropdown-level1 a:focus,
#nav-phone .dropdown-wrapper .mega-dropdown-level1 a:hover {
color: #fff !important;
font-weight: 700 !important;
}
#nav-phone .dropdown-wrapper .mega-dropdown-level2 a {
font-family: ccc, sans-serif;
color: rgba(255, 255, 255, 0.5);
font-size: 20px !important;
font-size: 1.25rem !important;
}
a.hasDropdown {
background-image: none;
}
#nav-phone-inner-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row wrap;
display: -webkit-box;
display: flex;
overflow-y: auto;
padding: 16vmin 50px 32px 10vw;
height: calc(100% - 1px);
}
@media only screen and (max-height: 700px) and (orientation: landscape) {
#nav-phone-inner-wrapper {
padding: 90px 35px 50px 54px;
}
}
@media only screen and (max-width: 479px) {
#nav-phone-inner-wrapper {
padding: 80px 24px 72px 48px;
}
}
@media only screen and (max-width: 359px) {
#nav-phone-inner-wrapper {
padding: 80px 24px 72px 32px;
}
}
.touch #nav-phone-inner-wrapper {
overflow-y: scroll;
}
.program .listing_pagination {
display: none !important;
}
.program-calendar-view > div:first-child + .listing_pagination {
display: none !important;
}
.flex-pagination {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row wrap;
}
.listing_pagination {
margin: 2em 0;
}
.listing_pagination .col-xs-3 {
-webkit-box-flex: 1;
flex: 1 0 auto;
width: auto;
}
.listing_pagination .col-xs-9 {
width: auto;
}
.pagination {
margin: 0 0 1em 0;
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row wrap;
-webkit-box-align: center;
align-items: center;
}
.pagination > li {
margin: 0;
}
.pagination > li > a,
.pagination > li > span {
color: #000;
padding: 0.4em 14px 0.25em;
border: none;
}
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
color: #000;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
background-color: #000;
border-color: #000;
font-weight: 700;
}
.page-size li + li:before {
content: "";
display: none;
}
.page-size .pull-right {
float: none !important;
display: -webkit-box;
display: flex;
margin-bottom: 1em;
-webkit-box-pack: end;
justify-content: flex-end;
}
.page-size .pull-right li {
margin: 0;
line-height: 1.4;
}
.page-size .pull-right > li:first-child {
display: none;
}
.page-size a,
.page-size a.pagination {
text-transform: uppercase;
border-radius: 0;
margin: 0;
}
.panel {
margin-bottom: 1em;
}
.panel-default {
border: none;
}
.panel-default .panel-body {
padding: 1.75em 16px 0.5em 0;
}
@media only screen and (max-width: 479px) {
.panel-default .panel-body {
padding: 1.5em 0 0 0;
}
}
.panel-default .panel-body img {
width: auto !important;
}
.panel-default > .panel-heading {
background-color: transparent;
border: none;
padding: 0;
}
.panel-toggle {
color: #000;
text-decoration: none !important;
display: inline-block;
position: relative;
padding: 0.5em 15px 0.4em 10px;
}
.panel-toggle:after {
content: "";
}
@media only screen and (max-width: 479px) {
.panel-toggle:after {
display: none;
}
}
.panel-toggle:focus > h3,
.panel-toggle:hover > h3 {
font-weight: 700 !important;
color: #fff;
}
.panel-toggle h3 {
font-size: 18px;
font-size: 1.125rem;
max-width: 100%;
position: relative;
padding: 0 60px 0 32px;
font-weight: 700 !important;
color: #fff;
display: inline-block;
}
@media only screen and (max-width: 479px) {
.panel-toggle h3 {
padding-right: 0;
}
}
.panel-toggle .icon-toggle {
width: 25px;
height: 25px;
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%225%22%20viewBox%3D%220%200%2015%205%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M0%200h15v5H0z%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: 16px 6px;
background-position: center 40% !important;
margin-right: 0;
left: 0;
}
.panel-toggle .icon-toggle:before {
content: "";
display: none;
}
.panel-toggle.collapsed {
background: 0 0;
}
.panel-toggle.collapsed:focus > h3,
.panel-toggle.collapsed:hover > h3 {
font-weight: 700 !important;
color: #000;
}
.panel-toggle.collapsed h3 {
font-weight: 400 !important;
color: #000;
}
.panel-toggle.collapsed .icon-toggle {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%20x1%3D%22.025%25%22%20y1%3D%2250.001%25%22%20y2%3D%2250.001%25%22%3E%3Cstop%20stop-color%3D%22%23003770%22%20offset%3D%220%25%22%2F%3E%3Cstop%20stop-color%3D%22%232D5992%22%20offset%3D%2241.17%25%22%2F%3E%3Cstop%20stop-color%3D%22%23748EC8%22%20offset%3D%22100%25%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23a)%22%20d%3D%22M0%205v5h5v5h5v-5h5V5h-5V0H5v5z%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: 16px 16px;
background-position: center 30% !important;
}
.panel-toggle.collapsed .icon-toggle:before {
content: "";
}
.contentwellportlets.row .BelowPortletManager1 .portlet,
.contentwellportlets.row .footerPortlets .num-portlets-1 section.portlet {
padding-left: 12px;
padding-right: 12px;
}
.offCanvas-bg {
z-index: 998;
}
.offCanvas-active .offCanvas-bg,
.show-myticket .offCanvas-bg {
visibility: visible;
opacity: 0;
cursor: pointer;
display: block !important;
}
@media screen and (min-width: 600px) {
.show-myticket .portlet-myticket {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@media screen and (max-width: 599px) {
.show-myticket .portlet-myticket .portletContent {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.offCanvas-bg {
-webkit-transition: all 0.8s;
transition: all 0.8s;
visibility: hidden;
}
.portlet-myticket {
position: fixed !important;
padding: 0 !important;
float: none !important;
left: 0;
top: 135px;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
width: 380px !important;
z-index: 1000;
-webkit-transition: -webkit-transform 0.4s
cubic-bezier(0.705, 0.135, 0.16, 0.85);
transition: -webkit-transform 0.4s cubic-bezier(0.705, 0.135, 0.16, 0.85);
transition: transform 0.4s cubic-bezier(0.705, 0.135, 0.16, 0.85);
transition: transform 0.4s cubic-bezier(0.705, 0.135, 0.16, 0.85),
-webkit-transform 0.4s cubic-bezier(0.705, 0.135, 0.16, 0.85);
will-change: transform;
}
@media screen and (max-width: 600px), screen and (max-height: 600px) {
.portlet-myticket {
top: 98px;
}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
.portlet-myticket {
display: none !important;
}
}
@media screen and (max-height: 780px) {
.portlet-myticket {
bottom: 0;
}
}
@media only screen and (max-width: 479px) {
.portlet-myticket {
display: none !important;
}
}
.section-home .portlet-myticket {
display: none;
}
.portlet-myticket .information {
display: none;
}
.portlet-myticket .portletHeader {
position: absolute;
top: 0;
right: -218px;
z-index: 2;
width: 219px;
height: 80px;
}
@media screen and (max-width: 991px), screen and (max-height: 720px) {
.portlet-myticket .portletHeader {
width: 178px;
height: 65px;
right: -177px;
}
}
.portlet-myticket .portletHeader h2 {
margin: 0;
}
.portlet-myticket .portletHeader h2 a {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22219%22%20height%3D%2280%22%20viewBox%3D%220%200%20219%2080%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%20x1%3D%22.889%25%22%20x2%3D%2298.299%25%22%20y1%3D%2250%25%22%20y2%3D%2250%25%22%3E%3Cstop%20stop-color%3D%22%23003770%22%20offset%3D%220%25%22%2F%3E%3Cstop%20stop-color%3D%22%232D5992%22%20offset%3D%2241.17%25%22%2F%3E%3Cstop%20stop-color%3D%22%23748EC8%22%20offset%3D%22100%25%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23a)%22%20d%3D%22M0%200v80h187.716L219%200z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M162.71%2051.33c2.98%200%205.92-2.2%207.65-3.58.95-.78%201.3-1.25%201.55-1.6.35-.48.6-1.17.82-1.77.09-.22-.09-.35-.26-.22-4.62%203.37-6.96%204.06-8.25%204.06-.26%200-.48-.04-.69-.09%201.34-2.98%204.84-8.29%207.34-11.92%201.77-.35%203.41-.65%204.62-.91%201.47-.35%201.68-.48%201.99-.82.22-.26.35-.6.43-1.08.09-.3-.04-.43-.82-.35-1.21.13-2.77.35-4.49.56%201.56-2.38%202.42-3.89%202.42-4.88%200-.91-.65-1.51-1.68-2.03-1.04-.52-1.82-.78-2.16-.78-.3%200-.43.22-1.04%201.34-.95%201.77-2.81%204.45-4.71%207.13-1.25.13-2.46.26-3.54.39-.56.09-.78.17-.78.48%200%20.3.13%201.17.3%201.51.17.43.73.65%201.9.56-1.34%201.86-2.55%203.54-3.33%204.75-2.07%203.2-2.33%205.49-1.64%206.44%201.17%201.64%202.64%202.81%204.37%202.81m-9.42-9.29c-1.17.86-2.94%201.77-4.88%202.59%201.51-2.98%204.71-6.18%207.08-6.7.44%201.52-.6%202.94-2.2%204.11m-5.4%209.67c4.36%200%209.85-3.97%2012.83-8.94l.13-.22c.17-.3.22-.52-.09-.82l-.13-.13c-.13-.13-.22-.09-.52.3l-.13.17c-3.02%204.02-7.73%206.65-10.97%206.65-.56%200-1.04-.09-1.42-.3-.17-.43-.13-.99%200-1.68%203.07-1.04%205.4-2.07%206.91-3.02%202.89-1.86%203.67-3.11%203.67-4.41%200-.91-.65-1.9-1.47-2.55-.39-.56-.73-.78-1.38-1.21-.65-.43-1.34-.73-2.2-.73-2.81%200-6.74%202.46-8.98%205.4-3.15%204.15-2.59%206.91-1.08%208.68%201.85%202.21%203.19%202.81%204.83%202.81m-12.35-1.12c1.73%200%204.06-2.07%204.93-3.41.26-.43.3-.69.3-.91%200-.17-.09-.52-.13-.65-.04-.13-.17-.17-.3%200-.6.69-1.47%201.25-1.99%201.34-.56-1.34-.39-3.97.65-7.47%201.51-1.08%202.94-2.2%204.23-3.46.99-.95%201.47-1.55%201.47-2.59%200-.78-.35-1.3-.69-.91-4.02%204.23-6.91%205.66-11.1%208.77%204.71-7.3%207.69-11.88%209.42-14.9%201.08-1.9%201.55-3.8.65-4.67-.65-.61-1.82-.99-2.72-1.25-.39-.09-.56-.04-.91.52-1.99%203.24-9.03%2014.21-13.48%2021.08-.95%201.47-1.6%202.68-2.07%203.63-2.07%204.23-1.21%204.62.13%204.67%202.42.13%203.02.35%206.18-3.37.82-.95%201.68-1.81%202.59-2.64-.19%204.49.59%206.22%202.84%206.22m-20.61%201.08c3.93%200%209.46-5.27%2011.66-8.9l.13-.22c.17-.3.22-.52-.09-.82l-.13-.13c-.13-.13-.22-.09-.52.3l-.13.17c-2.98%204.02-7.73%206.39-9.98%206.39-.99%200-1.68-.17-2.16-.43.39-3.54%205.27-8.47%2010.93-9.98.73-.17.99-.99-.65-2.29-1.04-.82-1.86-1.17-2.81-1.17-2.94%200-7.6%202.85-10.15%206.22-2.55%203.41-2.29%206.39-.17%208.86%201.31%201.48%202.13%202%204.07%202m-12.92-.39c3.24%200%208.16-5.27%2010.11-8.51l.13-.22c.17-.3.22-.52-.09-.82l-.13-.13c-.13-.13-.22-.09-.52.3l-.13.17c-3.76%205.01-6.48%206.26-8.51%206.44.52-1.55%201.94-3.85%204.32-7.21%201.51-2.12%202.38-3.63%202.38-4.49%200-1.64-2.72-1.86-3.8-1.86-.35%200-.52.09-.69.3-.95%201.08-3.11%204.06-4.93%206.82-3.24%205.01-3.15%206.01-1.21%207.78%201.22%201%201.82%201.43%203.07%201.43m6.66-19.7c.3.22%201.21.47%201.82.47.65%200%201.25-.09%201.94-.86.52-.52%201.77-1.68%202.89-2.81.35-.35.13-.6-.3-.95-.47-.43-1.55-.99-2.46-1.25-.35-.09-.73.17-1.38.91-.86.95-1.86%202.33-2.51%203.71-.18.39-.18.65%200%20.78M79.68%2052.79c.86%200%201.9-.39%204.06-.48%201.04%200%201.77-.22%202.81-1.55%205.79-7.56%2014.64-20.65%2017.5-25.23%203.89-.61%207.13-1.08%208.73-1.3.35-.04.52-.17.52-.35%200-.3-.39-.56-1.42-1.25-.86-.56-1.6-.95-2.77-.95-1.43%200-3.33.09-5.4.22-.78-.52-1.56-.99-2.12-1.3-.78-.39-.99-.35-1.43.3-.22.35-.48.78-.86%201.34-3.33.3-6.48.65-7.99.91-1.94.3-2.59.86-3.33%201.77-.48.61-.78%201.64-1.34%202.89-.17.35-.04.52.69.39%202.76-.47%205.88-.99%208.94-1.47-7%2010.24-13.39%2019.79-16.85%2025.53-.26.45%200%20.53.26.53m-26.61%208.26c-.17%200-.3%200-.47-.04-.13-1.12.22-2.33%201.68-3.63%201.68-1.47%203.93-2.55%208.9-3.89-4.19%205.27-7.61%207.56-10.11%207.56m1.9%203.02c2.98%200%209.16-3.15%2015.25-12.1%202.07-.43%203.93-.65%205.4-.78.22%200%20.3-.17.04-.65-.17-.39-.35-.65-1.47-.65-.78%200-1.68.04-2.68.13%202.9-4.32%206.14-9.81%206.74-11.97.3-.95.17-1.34-.52-1.73-.69-.35-2.03-.78-2.59-.78-.52%200-.82.3-1.3%201.12-2.55%204.54-5.53%207.43-7.91%208.73%201.17-3.11%202.64-6.22%203.02-7.6.43-1.47.04-2.25-1.73-2.72-.78-.22-1.6-.35-1.86-.35-.35%200-.47.09-.56.3-1.21%202.72-4.36%208.21-5.36%2011.06-.69%202.07-.56%202.68.52%203.41.82.56%201.25.73%201.99.73%201.43%200%202.89-.73%206.26-4.1-.95%201.6-1.94%203.2-3.02%204.67-6.31%201.12-10.97%202.46-13.57%204.75-1.3%201.17-1.86%202.51-1.86%203.67%200%201.6.69%202.68%201.73%203.58%201.23%201.06%202.36%201.28%203.48%201.28m-30.2-11.71c1.43-.56%202.25-1.34%203.28-2.77%205.57-7.47%2010.46-13.57%2015.68-19.27-2.25%204.93-4.02%209.16-5.18%2012.1-1.08%202.77-.69%204.06.56%204.88.91.6%201.56.95%202.03.95.39%200%20.65-.3%201.08-.91%202.59-3.59%208.51-10.71%2014.69-16.76-4.02%207.13-7.39%2014.13-10.15%2020.26-.17.39.09.6.73.3%201.04-.43%202.29-.69%202.98-.95.52-.17%201.47-1.17%201.77-1.73%203.2-5.88%208.86-15.47%2013.52-22.25%201.73-2.46%202.25-3.41.91-4.41-.78-.56-2.12-.69-3.46-1.17-.69-.22-.99-.17-1.86.61-4.36%203.8-9.76%209.94-15.12%2016.5%201.6-4.92%203.98-10.28%205.88-14.21.82-1.68%200-2.46-.99-2.68-1.38-.26-2.76-.39-3.07-.39-1.12%200-2.2%201.12-3.8%202.94-6.65%207.34-14.99%2018.62-21.21%2028.64-.43.69-.47%201.04-.17%201.04.39.02.87-.29%201.9-.72%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: 100.1% auto;
background-position: left top;
}
.portlet-myticket .portletHeader h2,
.portlet-myticket .portletHeader h2 > a {
display: block;
width: 100%;
height: 100%;
}
.portlet-myticket .portletHeader h2 span,
.portlet-myticket .portletHeader h2 > a span {
display: none;
}
.portlet-myticket .portletContent {
color: #fff;
padding: 24px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: -webkit-transform 0.4s
cubic-bezier(0.705, 0.135, 0.16, 0.85);
transition: -webkit-transform 0.4s cubic-bezier(0.705, 0.135, 0.16, 0.85);
transition: transform 0.4s cubic-bezier(0.705, 0.135, 0.16, 0.85);
transition: transform 0.4s cubic-bezier(0.705, 0.135, 0.16, 0.85),
-webkit-transform 0.4s cubic-bezier(0.705, 0.135, 0.16, 0.85);
}
@media screen and (max-width: 599px) {
.portlet-myticket .portletContent {
position: relative;
top: 65px;
}
}
@media screen and (max-height: 780px) {
.portlet-myticket .portletContent {
position: absolute;
width: 100%;
height: 100%;
overflow: auto;
}
}
.portlet-myticket .portletContent .list_title_link {
color: rgba(255, 255, 255, 0.5);
}
.portlet-myticket .portletContent .list_title_link .btn-arrow {
color: #fff;
}
.portlet-myticket .portletContent .list_title_link:active,
.portlet-myticket .portletContent .list_title_link:focus,
.portlet-myticket .portletContent .list_title_link:hover {
color: #fff !important;
font-weight: 400 !important;
}
.portlet-myticket .portletContent .list_title_link:active .btn-arrow,
.portlet-myticket .portletContent .list_title_link:focus .btn-arrow,
.portlet-myticket .portletContent .list_title_link:hover .btn-arrow {
color: #000;
}
.portlet-myticket .portletContent > div:last-child {
display: none;
}
.portlet-myticket .portletContent h2 {
text-transform: uppercase;
color: rgba(255, 255, 255, 0.5);
font-size: 22px;
font-size: 1.375rem;
margin: 0;
padding-bottom: 0.5em;
letter-spacing: 0.07em;
}
.portlet-myticket .portletContent .list_subtitle {
font-size: 14px;
font-size: 0.875rem;
}
.portlet-myticket .portletContent .list_subtitle p {
padding-bottom: 1em;
}
.portlet-myticket .portletContent .list_subtitle > p:last-child {
margin: 0;
}
.portlet-myticket .portletContent .listing > article {
margin-bottom: 1.75em;
color: rgba(255, 255, 255, 0.5);
}
.portlet-myticket .portletContent .listing > article:focus,
.portlet-myticket .portletContent .listing > article:hover {
color: #fff;
}
.portlet-myticket .portletContent .listing > article:focus a,
.portlet-myticket .portletContent .listing > article:focus h2,
.portlet-myticket .portletContent .listing > article:hover a,
.portlet-myticket .portletContent .listing > article:hover h2 {
color: #fff;
}
.portlet-myticket .portletContent .listing > article > div:first-child {
display: none;
}
.portlet-myticket .portletContent .listing > article:last-child {
margin-bottom: 0;
}
.portlet.portletCollection.portlet-collection-news .portletHeader h2 {
font-size: 35px;
font-size: 2.1875rem;
}
@media only screen and (min-width: 992px) {
.portlet.portletCollection.portlet-collection-news {
padding-right: 50px;
}
}
.portlet.portletCollection.portlet-collection-news .portletContent > div {
padding: 0.25em 0;
}
.portlet.portletCollection.portlet-collection-news
.portletContent
> div
a:focus,
.portlet.portletCollection.portlet-collection-news
.portletContent
> div
a:hover {
font-weight: 700;
}
.portlet.portlet-pagenav {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row;
float: none;
}
@media only screen and (max-width: 991px) {
.portlet.portlet-pagenav {
padding-left: 24px !important;
padding-right: 24px !important;
}
}
@media only screen and (min-width: 992px) {
.portlet.portlet-pagenav .portletHeader {
width: 25%;
padding: 0 12px;
}
}
@media only screen and (min-width: 992px) {
.portlet.portlet-pagenav .portletContent {
width: 75%;
padding: 0 12px;
}
}
.portlet.portlet-pagenav .icon {
cursor: pointer;
}
.portlet.portlet-pagenav .icon-page-up {
margin-right: 24px;
}
.portlet.portlet-pagenav .icon-page-back {
display: none;
}
.portlet.portlet-pagenav .icon-page-back.active {
display: inline-block;
}
.portlet.occurrences {
margin-top: 2.5em;
}
.portlet.occurrences .label {
text-transform: uppercase;
padding: 0;
font-weight: 700;
}
.portlet.occurrences .pull-right {
display: none;
}
.portlet.occurrences .portletHeader {
display: block !important;
}
.portlet.occurrences .portletHeader h2 {
font-size: 30px;
font-size: 1.875rem;
margin-bottom: 0.4em;
}
.portlet.occurrences .dates span[itemprop="location"] {
display: none;
}
.portlet.occurrences .dates ol li {
border-bottom-color: #222;
margin: 0;
padding: 1em 0;
}
.portlet.occurrences .dates ol li article {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-flow: column;
}
.portlet.occurrences .dates ol li .description {
-webkit-box-ordinal-group: 1;
order: 0;
text-transform: uppercase;
letter-spacing: 0.04em;
}
.portlet.exhibition-events .weekday,
.portlet.occurrences .weekday {
display: inline;
text-transform: uppercase;
}
.portlet.exhibition-events time,
.portlet.occurrences time {
font-weight: 700;
-webkit-box-ordinal-group: 2;
order: 1;
}
.portlet.exhibition-events .year:after,
.portlet.occurrences .year:after {
content: " | ";
margin: 0 0.3em;
}
.portlet.exhibition-events span.time,
.portlet.occurrences span.time {
font-weight: 400;
}
.portlet.exhibition-events {
margin-top: 1.5em;
width: 100%;
}
.portlet.exhibition-events .portletHeader {
display: block !important;
}
.portlet.exhibition-events .portletHeader h2 {
font-size: 30px;
font-size: 1.875rem;
margin-bottom: 1.2em;
}
.portlet.exhibition-events .categories,
.portlet.exhibition-events .genres,
.portlet.exhibition-events .subtitle,
.portlet.exhibition-events .subtitle h1,
.portlet.exhibition-events span[itemprop="location"] {
display: none;
}
.portlet.exhibition-events .event {
margin-bottom: 40px;
}
.portlet.exhibition-events .description {
margin-bottom: 0.4em;
}
.portlet.exhibition-events time {
font-weight: 700;
}
.portlet.exhibition-events .subtitle * {
text-transform: none;
font-size: 16px;
font-size: 1rem;
max-width: 100%;
letter-spacing: 0;
}
.portlet.exhibition-events .title_link h1 {
font-size: 22px;
font-size: 1.375rem;
}
.portlet.exhibition-events .title_link:focus .description,
.portlet.exhibition-events .title_link:hover .description {
font-weight: 400;
}
.portlet.exhibition-events .title_link:focus h1,
.portlet.exhibition-events .title_link:hover h1 {
color: inherit !important;
}
@media only screen and (max-width: 767px) {
.portlet.exhibition-events header {
margin-top: 1.5em;
}
}
.portlet.exhibition-events .hidden-xs {
display: block !important;
}
.portlet-presse {
margin-top: 0.1em;
}
.portlet-presse h2 {
font-size: 22px;
font-size: 1.375rem;
}
.portlet-presse .text em {
font-size: 22px;
font-size: 1.375rem;
font-style: normal;
margin-bottom: 0.3em;
display: inline-block;
}
.template-search #content-core > section:not(.search-result) header > h1 {
margin-bottom: 0.75em;
}
.template-search #content-core > section:not(.search-result) header p {
font-size: 14px;
font-size: 0.875rem;
margin-bottom: 1em;
}
.template-search .inline-radios {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row nowrap;
-webkit-box-align: center;
align-items: center;
}
.template-search label.radio-inline {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
margin: 0;
padding: 0 20px 0 7px;
}
.template-search label.radio-inline input[type="radio"] {
position: static;
margin: 0 8px 0 0;
}
.search-result {
margin-top: 3em;
}
.search-result > h3 {
font-size: 22px;
font-size: 1.375rem;
}
.search-result li {
margin-left: 0;
}
.search-result h4 {
margin: 15px 0;
margin: 0.9375rem 0;
}
.search-result .listing article {
margin-bottom: 1em;
}
.search-result .listing .subtitle {
display: none;
}
.search-result .listing .subtitle h2,
.search-result .listing .subtitle h3 {
font-size: 18px;
font-size: 1.125rem;
margin: 0;
}
.search-result .listing .subtitle p {
font-size: 16px;
font-size: 1rem;
font-weight: 300;
}
.search-result .listing a > h5 {
display: inline;
text-decoration: underline;
}
#searchform .radio-inline {
font-size: 14px;
font-size: 0.875rem;
}
.collage-row-wrapper.full_height div,
.collage-row-wrapper.full_height section {
height: 100%;
}
.collage-row-wrapper.full_height .collage-row-inner {
height: 100vh;
}
.full_width.full_height .container-fluid > .row {
margin: 0;
}
@media only screen and (max-width: 767px) {
.full_width.full_height .slide-container {
background-position: 25% center !important;
}
}
.full_width.full_height .collage-column {
padding: 0 !important;
}
.full_width.full_height .slick .slick-track {
padding: 0;
}
.full_width.full_height .slick-fullscreen {
left: 0;
}
.full_width.full_height .slick-fullscreen .slide-description {
display: none;
}
.full-screen-scroll-hint {
display: none !important;
}
.slick .slick-track {
padding-bottom: 2.5em;
}
.slick .slick-arrow {
width: 29px;
height: 52px;
background-repeat: no-repeat;
background-color: #00f;
background-size: 99% 99%;
background-position: center top;
margin-top: 0;
top: calc(50% - 2.5em);
opacity: 1;
}
.slick .slick-arrow:active {
margin-top: 1px;
}
.slick .slick-next {
right: 25px;
}
.slick .slick-next:before {
content: "";
display: none;
}
@media only screen and (max-width: 991px) {
.slick .slick-next {
right: 10px;
}
}
.slick .slick-prev {
left: 25px;
}
.slick .slick-prev:before {
content: "";
display: none;
}
@media only screen and (max-width: 991px) {
.slick .slick-prev {
left: 10px;
}
}
.slick .slick-dots {
position: absolute;
top: auto;
right: 0;
bottom: 0;
left: 0;
}
.slick .slick-dots li.slick-active button {
background-color: #fff;
color: transparent;
}
.slick .slick-dots li.slick-active button:hover {
background-color: #fff;
color: transparent;
}
.slick .slick-dots li {
margin-left: 0;
width: auto;
padding: 0;
margin: 0 5px;
}
.slick .slick-dots li button {
background-color: #444;
width: 14px;
height: 14px;
border-radius: 50%;
color: transparent;
font-size: 16px;
}
.slick .slick-dots li button:hover {
background-color: #1d1d1d;
color: transparent;
}
.slick .dots-wrapper {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.slick .dots-center {
position: relative;
margin: 0 auto;
max-width: 1440px;
width: 100%;
text-align: center;
}
.slick .caption {
color: #000;
font-size: 11px;
background: 0 0;
font-family: ccc, sans-serif;
padding: 0.45em 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
section[class*="flexslider"] .listing_pagination {
display: none;
}
.clickable {
cursor: default;
}
.news-item.row {
margin-bottom: 0;
}
.thumbnail .caption h4 {
font-weight: 400 !important;
font-size: 22px;
font-size: 1.375rem;
line-height: 1.15;
}
@media only screen and (max-width: 479px) {
.thumbnail .caption h4 {
font-size: 22px;
font-size: 1.375rem;
}
}
.col-sm-4 .thumbnail.subject-abstand-oben,
.col-sm-6 .thumbnail.subject-abstand-oben {
padding-top: 10em;
}
@media only screen and (max-width: 767px) {
.col-sm-4 .thumbnail.subject-abstand-oben,
.col-sm-6 .thumbnail.subject-abstand-oben {
padding-top: 0;
}
}
@media only screen and (min-width: 768px) {
.standard .subject-ausstellung-headline {
padding-top: 10em;
}
}
.standard .subject-ausstellung-headline img {
padding-top: 1.8em !important;
}
body.section-exhibitions .collage_view_three_column .teaser-list1 article,
body.subject-ausstellung-abersicht
.collage_view_three_column
.teaser-list1
article {
margin-bottom: 1.25em;
}
body.section-exhibitions .collage_view_three_column .col-sm-4,
body.subject-ausstellung-abersicht .collage_view_three_column .col-sm-4 {
float: none;
width: 100%;
}
.subject-ausstellung-headline {
position: relative;
}
@media only screen and (max-width: 479px) {
.subject-ausstellung-headline {
width: auto;
}
}
.subject-ausstellung-headline .caption,
.subject-ausstellung-headline .subtitle {
display: block;
padding-bottom: 1.5em !important;
}
.subject-ausstellung-headline h2 {
margin-bottom: 0.35em !important;
line-height: 0.95;
font-size: 43px;
font-size: 2.6875rem;
}
.subject-ausstellung-headline h3 {
margin: 0 0 0.35em 0 !important;
line-height: 1.1;
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
.subject-ausstellung-headline h2 {
font-size: 38px;
font-size: 2.375rem;
}
.subject-ausstellung-headline h2 .noe-display,
.subject-ausstellung-headline h2 .noe-time,
.subject-ausstellung-headline h2 .program-list.program-view h2,
.subject-ausstellung-headline h2 .program-list.program-view time,
.subject-ausstellung-headline
h2
.section-museum.template-newsitem_view
#content
> h1,
.subject-ausstellung-headline
h2
.section-news
.collage_view_two_column
.list_title_link
h2[itemprop],
.subject-ausstellung-headline
h2
.subsection-news
.collage_view_two_column
.list_title_link
h2[itemprop],
.subject-ausstellung-headline
h2
.template-exhibition-view
.main-block
header
h1,
.subject-ausstellung-headline
h2
.template-exhibition-view
.main-block
time {
font-size: 45px;
font-size: 2.8125rem;
}
.subject-ausstellung-headline h3 {
font-size: 24px;
font-size: 1.5rem;
}
}
.subject-ausstellung-headline p > .noe-display,
.subject-ausstellung-headline p > .noe-time,
.subject-ausstellung-headline p > .program-list.program-view h2,
.subject-ausstellung-headline p > .program-list.program-view time,
.subject-ausstellung-headline
p
> .section-museum.template-newsitem_view
#content
> h1,
.subject-ausstellung-headline
p
> .section-news
.collage_view_two_column
.list_title_link
h2[itemprop],
.subject-ausstellung-headline
p
> .subsection-news
.collage_view_two_column
.list_title_link
h2[itemprop],
.subject-ausstellung-headline
p
> .template-exhibition-view
.main-block
header
h1,
.subject-ausstellung-headline p > .template-exhibition-view .main-block time {
font-size: 28px;
font-size: 1.75rem;
letter-spacing: 0.04em;
}
@media screen and (max-width: 1280px) {
.subject-ausstellung-headline p > .noe-display,
.subject-ausstellung-headline p > .noe-time,
.subject-ausstellung-headline p > .program-list.program-view h2,
.subject-ausstellung-headline p > .program-list.program-view time,
.subject-ausstellung-headline
p
> .section-museum.template-newsitem_view
#content
> h1,
.subject-ausstellung-headline
p
> .section-news
.collage_view_two_column
.list_title_link
h2[itemprop],
.subject-ausstellung-headline
p
> .subsection-news
.collage_view_two_column
.list_title_link
h2[itemprop],
.subject-ausstellung-headline
p
> .template-exhibition-view
.main-block
header
h1,
.subject-ausstellung-headline
p
> .template-exhibition-view
.main-block
time {
font-size: 24px;
font-size: 1.5rem;
}
}
.subject-ausstellung-headline img {
position: absolute;
width: 100%;
max-width: 100%;
left: calc(-100% - 24px);
padding-top: 4em;
}
@media only screen and (max-width: 479px) {
.ausstellung-kurztext,
.news-item.subject-ausstellung-kurztext {
width: auto;
}
}
.ausstellung-kurztext .internal-link,
.news-item.subject-ausstellung-kurztext .internal-link {
text-transform: uppercase;
font-weight: 700;
letter-spacing: 0.04em;
text-decoration: none;
}
@media only screen and (max-width: 767px) {
.ausstellung-kurztext .internal-link,
.news-item.subject-ausstellung-kurztext .internal-link {
font-size: 20px;
font-size: 1.25rem;
}
}
.ausstellung-kurztext .subtitle,
.news-item.subject-ausstellung-kurztext .subtitle {
font-size: 18px;
font-size: 1.125rem;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
letter-spacing: 0.02em;
}
.ausstellung-kurztext .subtitle p,
.news-item.subject-ausstellung-kurztext .subtitle p {
margin-bottom: 1.5em;
}
.subsection-aktuell .two-columns-largeright .legende,
.subsection-vorschau .two-columns-largeright .legende {
margin-top: 0;
padding-top: 0;
}
@media only screen and (max-width: 479px) {
.subsection-aktuell .two-columns-largeright .legende,
.subsection-vorschau .two-columns-largeright .legende {
display: none;
}
}
.subsection-aktuell .two-columns-largeleft .legende,
.subsection-vorschau .two-columns-largeleft .legende {
padding-top: 0.5em;
}
.legende {
max-width: 360px;
}
.legende h4 {
font-size: 12px;
margin-bottom: 1em;
}
.legende ul {
counter-reset: mycounter;
}
.legende ul li {
position: relative;
font-size: 10px;
padding-left: 22px;
list-style-type: none;
margin: 0 0 0.7em 0;
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
color: #000 !important;
}
.legende ul li:before {
content: counter(mycounter, decimal-leading-zero);
counter-increment: mycounter;
font-size: 12px;
position: absolute;
left: 0;
top: -1px;
}
.collage_view_flexslider .ausstellung-hauptbild {
margin-bottom: 3.5em;
}
.collage_view_flexslider .ausstellung-hauptbild .slide-description {
display: none;
}
.collage_view_flexslider .ausstellung-hauptbild .slick-track {
padding: 0;
}
.subject-ausstellung-detail .clickable {
cursor: default;
}
.bg {
position: absolute;
top: 0;
bottom: 0;
width: 105vw;
z-index: -1;
left: calc(31% - 48px);
left: -24px;
background-size: cover;
background-position: center top;
}
@media only screen and (min-width: 992px) {
.bg {
left: -45%;
}
}
.collage-row-inner[data-parallax-speed*="farbe-"] {
padding-top: 10em;
padding-bottom: 5em;
}
.collage-last-row .collage-row-inner[data-parallax-speed*="farbe-"] {
padding-bottom: 2em;
}
body.subject-farbe-gra1-4n .content .list_subtitle,
body.subject-farbe-gra1-4n .content .news-item,
body.subject-farbe-gra1-4n .content .subtitle,
body.subject-farbe-gra1-4n .content .text,
body.subject-farbe-gra1-4n .content h2,
body.subject-farbe-gra1-4n .content h3,
body.subject-farbe-gra1-4n .content h4 {
color: #586627;
}
body.subject-farbe-gra1-4n .legende ul li:before {
color: #586627 !important;
}
.collage-row-inner[data-parallax-speed="farbe-gruen"] .legende ul li:before,
.collage-row-inner[data-parallax-speed="farbe-gruen"] .list_subtitle,
.collage-row-inner[data-parallax-speed="farbe-gruen"] .news-item,
.collage-row-inner[data-parallax-speed="farbe-gruen"] .subtitle p:last-child a,
.collage-row-inner[data-parallax-speed="farbe-gruen"] .text,
.collage-row-inner[data-parallax-speed="farbe-gruen"] h2,
.collage-row-inner[data-parallax-speed="farbe-gruen"] h3,
.collage-row-inner[data-parallax-speed="farbe-gruen"] h4 {
color: #586627;
}
body.subject-farbe-rosa .content .list_subtitle,
body.subject-farbe-rosa .content .news-item,
body.subject-farbe-rosa .content .subtitle,
body.subject-farbe-rosa .content .text,
body.subject-farbe-rosa .content h2,
body.subject-farbe-rosa .content h3,
body.subject-farbe-rosa .content h4 {
color: #de7fa9;
}
body.subject-farbe-rosa .legende ul li:before {
color: #de7fa9 !important;
}
.collage-row-inner[data-parallax-speed="farbe-rosa"] .legende ul li:before,
.collage-row-inner[data-parallax-speed="farbe-rosa"] .list_subtitle,
.collage-row-inner[data-parallax-speed="farbe-rosa"] .news-item,
.collage-row-inner[data-parallax-speed="farbe-rosa"] .subtitle p:last-child a,
.collage-row-inner[data-parallax-speed="farbe-rosa"] .text,
.collage-row-inner[data-parallax-speed="farbe-rosa"] h2,
.collage-row-inner[data-parallax-speed="farbe-rosa"] h3,
.collage-row-inner[data-parallax-speed="farbe-rosa"] h4 {
color: #de7fa9;
}
.collage-row-inner[data-parallax-speed="farbe-rosa"] + .bg {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221681%22%20height%3D%221302%22%20viewBox%3D%220%200%201681%201302%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%22a%22%20x1%3D%2250%25%22%20x2%3D%2250%25%22%20y1%3D%220%25%22%20y2%3D%2269.095%25%22%3E%0A%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23FCF2F7%22%20offset%3D%220%25%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23FCF2F7%22%20stop-opacity%3D%220%22%20offset%3D%22100%25%22%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cpolygon%20fill%3D%22url(%23a)%22%20points%3D%22874.932%20.398%200%20344.438%200%201580.668%201203.168%201883.891%201631.119%201134.838%201680.977%20344.438%22%2F%3E%0A%3C%2Fsvg%3E%0A");
background-repeat: no-repeat;
}
body.subject-farbe-blau .content .list_subtitle,
body.subject-farbe-blau .content .news-item,
body.subject-farbe-blau .content .subtitle,
body.subject-farbe-blau .content .text,
body.subject-farbe-blau .content h2,
body.subject-farbe-blau .content h3,
body.subject-farbe-blau .content h4 {
color: #00759d;
}
body.subject-farbe-blau .legende ul li:before {
color: #00759d !important;
}
.collage-row-inner[data-parallax-speed="farbe-blau"] .legende ul li:before,
.collage-row-inner[data-parallax-speed="farbe-blau"] .list_subtitle,
.collage-row-inner[data-parallax-speed="farbe-blau"] .news-item,
.collage-row-inner[data-parallax-speed="farbe-blau"] .subtitle p:last-child a,
.collage-row-inner[data-parallax-speed="farbe-blau"] .text,
.collage-row-inner[data-parallax-speed="farbe-blau"] h2,
.collage-row-inner[data-parallax-speed="farbe-blau"] h3,
.collage-row-inner[data-parallax-speed="farbe-blau"] h4 {
color: #00759d;
}
.collage-row-inner[data-parallax-speed="farbe-blau"] + .bg {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221681%22%20height%3D%221227%22%20viewBox%3D%220%200%201681%201227%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%22a%22%20x1%3D%2250%25%22%20x2%3D%2250%25%22%20y1%3D%220%25%22%20y2%3D%2265.12%25%22%3E%0A%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23E8F2F6%22%20offset%3D%220%25%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23E8F2F6%22%20stop-opacity%3D%220%22%20offset%3D%22100%25%22%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cpolygon%20fill%3D%22url(%23a)%22%20points%3D%22874.932%20.398%200%20344.438%200%201580.668%201203.168%201883.891%201631.119%201134.838%201680.977%20344.438%22%2F%3E%0A%3C%2Fsvg%3E%0A");
background-repeat: no-repeat;
width: 125vw;
}
body.subject-farbe-orange .content .list_subtitle,
body.subject-farbe-orange .content .news-item,
body.subject-farbe-orange .content .subtitle,
body.subject-farbe-orange .content .text,
body.subject-farbe-orange .content h2,
body.subject-farbe-orange .content h3,
body.subject-farbe-orange .content h4 {
color: #da9040;
}
body.subject-farbe-orange .legende ul li:before {
color: #da9040 !important;
}
.collage-row-inner[data-parallax-speed="farbe-orange"] .legende ul li:before,
.collage-row-inner[data-parallax-speed="farbe-orange"] .list_subtitle,
.collage-row-inner[data-parallax-speed="farbe-orange"] .news-item,
.collage-row-inner[data-parallax-speed="farbe-orange"] .subtitle p:last-child a,
.collage-row-inner[data-parallax-speed="farbe-orange"] .text,
.collage-row-inner[data-parallax-speed="farbe-orange"] h2,
.collage-row-inner[data-parallax-speed="farbe-orange"] h3,
.collage-row-inner[data-parallax-speed="farbe-orange"] h4 {
color: #da9040;
}
body.subject-farbe-rot .content .list_subtitle,
body.subject-farbe-rot .content .news-item,
body.subject-farbe-rot .content .subtitle,
body.subject-farbe-rot .content .text,
body.subject-farbe-rot .content h2,
body.subject-farbe-rot .content h3,
body.subject-farbe-rot .content h4 {
color: #eb5c2e;
}
body.subject-farbe-rot .legende ul li:before {
color: #eb5c2e !important;
}
.collage-row-inner[data-parallax-speed="farbe-rot"] .legende ul li:before,
.collage-row-inner[data-parallax-speed="farbe-rot"] .list_subtitle,
.collage-row-inner[data-parallax-speed="farbe-rot"] .news-item,
.collage-row-inner[data-parallax-speed="farbe-rot"] .subtitle p:last-child a,
.collage-row-inner[data-parallax-speed="farbe-rot"] .text,
.collage-row-inner[data-parallax-speed="farbe-rot"] h2,
.collage-row-inner[data-parallax-speed="farbe-rot"] h3,
.collage-row-inner[data-parallax-speed="farbe-rot"] h4 {
color: #eb5c2e;
}
.collage-row-inner[data-parallax-speed="farbe-gruen"],
.collage-row-inner[data-parallax-speed="farbe-orange"],
.collage-row-inner[data-parallax-speed="farbe-rot"] {
padding-top: 0;
}
.subsection-news .teaser-list1 .thumbnail .list_title_link:after {
content: "";
text-transform: uppercase;
display: inline-block;
margin-top: 1em;
letter-spacing: 0.04em;
}
.subsection-news .teaser-list1 .thumbnail .list_title_link:active:after,
.subsection-news .teaser-list1 .thumbnail .list_title_link:focus:after,
.subsection-news .teaser-list1 .thumbnail .list_title_link:hover:after {
font-weight: 700;
}
.site-de.subsection-news .teaser-list1 .thumbnail .list_title_link:after {
content: "Mehr erfahren";
}
.site-en.section-news .teaser-list1 .thumbnail .list_title_link:after {
content: "Read More";
}
.section-news .collage_view_two_column .thumbnail,
.subsection-news .collage_view_two_column .thumbnail {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row wrap;
}
.section-news .collage_view_two_column .thumbnail .list_title_link:active,
.section-news .collage_view_two_column .thumbnail .list_title_link:focus,
.section-news .collage_view_two_column .thumbnail .list_title_link:hover,
.subsection-news .collage_view_two_column .thumbnail .list_title_link:active,
.subsection-news .collage_view_two_column .thumbnail .list_title_link:focus,
.subsection-news .collage_view_two_column .thumbnail .list_title_link:hover {
font-weight: 400;
}
.section-news .collage_view_two_column .col-sm-6,
.subsection-news .collage_view_two_column .col-sm-6 {
width: 100%;
float: none;
}
.section-news .collage_view_two_column .lead-image-link,
.subsection-news .collage_view_two_column .lead-image-link {
width: 60%;
-webkit-box-ordinal-group: 2;
order: 1;
}
@media only screen and (max-width: 1199px) {
.section-news .collage_view_two_column .lead-image-link,
.subsection-news .collage_view_two_column .lead-image-link {
width: 50%;
}
}
@media only screen and (max-width: 479px) {
.section-news .collage_view_two_column .lead-image-link,
.subsection-news .collage_view_two_column .lead-image-link {
width: 100%;
-webkit-box-ordinal-group: 1;
order: 0;
margin-bottom: 1em;
}
}
.section-news .collage_view_two_column .caption,
.subsection-news .collage_view_two_column .caption {
width: 40%;
padding-right: 24px;
}
@media only screen and (max-width: 1199px) {
.section-news .collage_view_two_column .caption,
.subsection-news .collage_view_two_column .caption {
width: 50%;
}
}
@media only screen and (max-width: 479px) {
.section-news .collage_view_two_column .caption,
.subsection-news .collage_view_two_column .caption {
width: 100%;
padding-right: 0;
}
}
.section-news .collage_view_two_column .caption h1,
.subsection-news .collage_view_two_column .caption h1 {
margin-bottom: 0.5em;
}
.section-news .collage_view_two_column .information,
.subsection-news .collage_view_two_column .information {
display: inline;
}
.section-news .collage_view_two_column .information time,
.subsection-news .collage_view_two_column .information time {
font-weight: 700;
}
.section-news .collage_view_two_column .information time:after,
.subsection-news .collage_view_two_column .information time:after {
content: " | ";
display: inline;
margin: 0 0.2em;
}
.section-news .collage_view_two_column .time,
.subsection-news .collage_view_two_column .time {
display: none;
}
.section-news .collage_view_two_column .list_title_link h2[itemprop],
.subsection-news .collage_view_two_column .list_title_link h2[itemprop] {
margin-bottom: 0.5em;
font-size: 35px;
font-size: 2.1875rem;
}
.section-news .collage_view_two_column h2,
.subsection-news .collage_view_two_column h2 {
margin-bottom: 1.3em;
}
@media only screen and (max-width: 479px) {
.section-news .collage_view_two_column h2,
.subsection-news .collage_view_two_column h2 {
margin-bottom: 0.75em;
}
}
.section-museum.template-newsitem_view #content > img[itemprop] ~ h1 {
margin-top: 1em;
}
@media only screen and (min-width: 480px) { /* */
.hidden-phone {
display: none;
}
}
.hidden-tablet {
display: block;
}
@media only screen and (max-width: 767px) {
.hidden-tablet {
display: none;
}
}
@media only screen and (min-width: 992px) {
.hidden-desktop {
display: none;
}
}
@media only screen and (min-width: 1200px) {
.hidden-wide {
display: none;
}
}
.visible-wide {
display: none;
}
@media only screen and (min-width: 1200px) {
.visible-wide {
display: block;
}
}
@media only screen and (min-width: 992px) {
.visible-desktop {
display: block;
}
}
.visible-tablet {
display: none;
}
@media only screen and (max-width: 767px) {
.visible-tablet {
display: block;
}
}
@media only screen and (max-width: 1199px) {
html {
font-size: 15px;
}
}
@media only screen and (max-width: 767px) {
html {
font-size: 14px;
}
}
@media only screen and (max-width: 479px) {
html {
font-size: 13px;
}
}
.section-home .FooterPortletManager1 {
display: none;
}
.collage-item.collage_type_image {
margin-bottom: 1.75em;
}
.subsection-team #content {
max-width: 100% !important;
}
.subsection-team table.table-object-listing {
margin: 3em 0 0 0;
}
@media only screen and (max-width: 479px) {
.subsection-team table.table-object-listing {
margin-left: 0;
margin-right: 0;
}
}
.subsection-team table.table-object-listing tr {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row wrap;
-webkit-box-align: start;
align-items: flex-start;
margin-left: -12px;
margin-right: -12px;
}
@media only screen and (min-width: 1200px) {
.subsection-team table.table-object-listing tr {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row nowrap;
}
}
.subsection-team table.table-object-listing h3 {
font-size: 28px;
font-size: 1.75rem;
margin: 0 0 0.85em;
max-width: 100%;
}
.subsection-team table.table-object-listing td img {
width: 100% !important;
margin-bottom: 1em;
}
.subsection-team table.table-object-listing em {
font-size: 22px;
font-size: 1.375rem;
font-style: normal;
display: inline-block;
margin-bottom: 0.3em;
}
.subsection-team table.table-object-listing tr > td {
padding: 0 12px !important;
}
.subsection-team table.table-object-listing td {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row wrap;
flex-basis: 46.8%;
width: 49.8%;
padding: 0 !important;
}
.subsection-team table.table-object-listing td[colspan] {
width: 100%;
flex-basis: 100%;
}
@media only screen and (min-width: 1200px) {
.subsection-team table.table-object-listing td {
width: 33.2%;
flex-basis: 33.2%;
}
}
@media only screen and (max-width: 479px) {
.subsection-team table.table-object-listing td {
width: 100%;
flex-basis: 100%;
}
}
.subsection-team table.table-object-listing td p:last-child {
margin-bottom: 5em;
}
.subsection-team table.table-object-listing tbody tr:last-child td {
border: none;
}
.section-datenschutzerklaerung .phone-nav-toggle,
.section-datenschutzerklaerung h1[itemprop] {
display: none !important;
}
.section-datenschutzerklaerung .text > h1 {
font-size: 28px;
font-size: 1.75rem;
line-height: 1.25;
margin-bottom: 2em;
}
.section-datenschutzerklaerung .text h1 + h2 {
margin-bottom: 1em;
}
.template-standard_view h1[itemprop="name"] {
margin-bottom: 1em;
}
.template-standard_view .listing article a:hover > h3 {
font-weight: 700 !important;
}
.template-standard_view .listing article h3 {
font-size: 22px;
font-size: 1.375rem;
margin-bottom: 0.1em;
}
.template-standard_view .listing article .col-sm-12 {
border-bottom: 1px solid #444;
padding-bottom: 1.5em;
margin-bottom: 1.5em;
}
.subsection-partner .table-object-listing tr:first-child td h4,
.subsection-sponsoren-partner .table-object-listing tr:first-child td h4 {
margin-top: 0;
}
.subsection-partner .table-object-listing h4,
.subsection-sponsoren-partner .table-object-listing h4 {
margin-top: 30px;
margin-top: 1.875rem;
}
.subsection-partner .table-object-listing tr > td:first-child,
.subsection-sponsoren-partner .table-object-listing tr > td:first-child {
width: 30%;
min-width: 150px;
}
.subsection-partner .table-object-listing tr > td:last-child,
.subsection-sponsoren-partner .table-object-listing tr > td:last-child {
width: 70%;
}
.subsection-partner .table-object-listing td,
.subsection-sponsoren-partner .table-object-listing td {
vertical-align: middle;
padding-bottom: 0.5em !important;
padding-top: 0.5em !important;
}
.subsection-partner .table-object-listing td img,
.subsection-sponsoren-partner .table-object-listing td img {
max-width: 160px;
margin: 1em 0;
}
@media only screen and (max-width: 767px) {
.subsection-partner .table-object-listing td img,
.subsection-sponsoren-partner .table-object-listing td img {
margin: 1.25em 0 0.25em;
}
}
.noeku-hubspot-nl fieldset {
width: 100%;
max-width: none !important;
}
.noeku-hubspot-nl div.field {
width: 100% !important;
float: none;
max-width: none;
border-bottom: none;
padding-bottom: 0 !important;
}
.noeku-hubspot-nl .hs-fieldtype-select > label,
.noeku-hubspot-nl .hs-fieldtype-text > label {
display: none !important;
}
.noeku-hubspot-nl input::placeholder {
color: #000 !important;
}
.footerPortlets .noeku-hubspot-nl input::placeholder {
color: #fff !important;
}
.noeku-hubspot-nl input::-webkit-input-placeholder {
color: #000 !important;
}
.footerPortlets .noeku-hubspot-nl input::-webkit-input-placeholder {
color: #fff !important;
}
.noeku-hubspot-nl input:-ms-input-placeholder {
color: #000 !important;
}
.footerPortlets .noeku-hubspot-nl input:-ms-input-placeholder {
color: #fff !important;
}
.noeku-hubspot-nl input::-moz-placeholder {
color: #000 !important;
}
.footerPortlets .noeku-hubspot-nl input::-moz-placeholder {
color: #fff !important;
opacity: 1;
}
.noeku-hubspot-nl input:-moz-placeholder {
color: #000 !important;
}
.footerPortlets .noeku-hubspot-nl input:-moz-placeholder {
color: #fff !important;
opacity: 1;
}
.noeku-hubspot-nl select,
.noeku-hubspot-nl input[type="email"],
.noeku-hubspot-nl input[type="text"] {
box-sizing: border-box;
width: 100% !important;
height: 36px;
padding-left: 17px !important;
box-shadow: none;
outline: none;
border-radius: 0 !important;
border: 1px solid #003770 !important;
font-weight: normal;
font-size: 14px !important;
background: transparent;
color: #000 !important;
}
.footerPortlets .noeku-hubspot-nl select,
.footerPortlets .noeku-hubspot-nl input[type="email"],
.footerPortlets .noeku-hubspot-nl input[type="text"] {
color: #fff !important;
border: 1px solid #fff !important;
}
.noeku-hubspot-nl select.error,
.noeku-hubspot-nl input[type="email"].error,
.noeku-hubspot-nl input[type="text"].error {
margin-bottom: 10px;
padding-left: 17px !important;
}
.noeku-hubspot-nl select {
padding-left: 14px !important;
}
.noeku-hubspot-nl select.error {
padding-left: 14px !important;
}
.noeku-hubspot-nl .inputs-list {
list-style: none;
margin: 0;
padding: 0 0 0 2px;
font-size: 13px !important;
}
.noeku-hubspot-nl .inputs-list input {
margin-right: 10px !important;
float: none !important;
}
.noeku-hubspot-nl .inputs-list li {
list-style: none;
margin-left: 0;
}
.noeku-hubspot-nl .inputs-list label {
margin-bottom: 0;
line-height: 1.4;
font-weight: normal;
color: #000 !important;
}
.footerPortlets .noeku-hubspot-nl .inputs-list label {
color: #fff;
}
.noeku-hubspot-nl .inputs-list label a {
text-decoration: underline;
}
.noeku-hubspot-nl .inputs-list.hs-error-msgs label {
color: #fff !important;
}
.noeku-hubspot-nl .hs-richtext {
padding-left: 2px;
margin-top: 30px;
margin-bottom: 30px;
font-size: 13px;
color: #000 !important;
}
.footerPortlets .noeku-hubspot-nl .hs-richtext {
color: #fff !important;
}
.noeku-hubspot-nl .hs-richtext h2 {
margin-top: 0px;
}
.noeku-hubspot-nl .hs-richtext a {
text-decoration: underline;
white-space: nowrap;
}
.noeku-hubspot-nl form > div:first-child .hs-richtext {
margin-top: 5px;
}
.noeku-hubspot-nl fieldset:first-child .hs-richtext {
margin-bottom: 0;
}
.noeku-hubspot-nl .hs-button.primary.large {
width: auto !important;
height: 36px;
margin-top: 15px;
margin-bottom: 0;
padding: 0 20px !important;
border: 1px solid #003770;
border-radius: 8px;
max-width: 100%;
background: transparent;
white-space: nowrap;
font-size: 13px;
line-height: 1.4;
text-align: center;
box-shadow: none !important;
float: none !important;
left: initial !important;
color: #000 !important;
}
.footerPortlets .noeku-hubspot-nl .hs-button.primary.large {
border: 1px solid #fff;
color: #fff !important;
}
body.section-home .collage-first-row {
position: relative;
}
body.section-home .collage-first-row .collage_type_news-item {
position: absolute;
height: auto;
bottom: 5%;
left: 0%;
width: 28rem;
}
@media screen and (max-width: 30rem) {
body.section-home .collage-first-row .collage_type_news-item {
width: 100%;
right: 0;
bottom: 1rem;
}
}
body.section-home .collage-first-row .collage_type_news-item > section {
text-align: center;
width: 100%;
height: 0;
padding-bottom: 100%;
background-image: url("/++resource++noeku.kunstmuseumtheme.images/kubus-news.svg");
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
color: #fff;
}
body.section-home .collage-first-row .collage_type_news-item > section .subtitle {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding: 2rem 6rem 2rem 6rem;
}
body.section-home .collage-first-row .collage_type_news-item > section h1,
body.section-home .collage-first-row .collage_type_news-item > section h2,
body.section-home .collage-first-row .collage_type_news-item > section h3,
body.section-home .collage-first-row .collage_type_news-item > section h4 {
color: #fff;
font-family: "ccc", sans-serif;
text-transform: uppercase;
line-height: 1.1;
}
body.section-home .collage-first-row .collage_type_news-item > section p {
font-size: 1rem;
font-family: "ccc", sans-serif;
color: #fff;
display: block;
}
body.section-home .collage-first-row .collage_type_news-item > section .caption {
font-size: 11px;
color: #fff;
}
/* */
.font-serif,
#nav-phone .dropdown-wrapper .mega-dropdown-level1 a,
.collage_type_image .discreet strong,
.image-caption strong,
.img-title strong,
.legende h4,
.legende ul li:before,
.navTree.navTreeLevel0 > li.navTreeTopNode a,
.noe-display,
.noe-time,
.portlet.exhibition-events .portletHeader h2,
.portlet.occurrences .portletHeader h2,
.portlet.portletCollection.portlet-collection-news .portletHeader h2,
.program-calendar-view article.month h2,
.program-list.program-view h2,
.program-list.program-view time,
.section-museum.template-newsitem_view #content > h1,
.section-news .collage_view_two_column .list_title_link h2[itemprop],
.subsection-news .collage_view_two_column .list_title_link h2[itemprop],
.template-event-view .slide-description .description,
.template-exhibition-view .main-block header h1,
.template-exhibition-view .main-block time,
span.customSelect,
.template-event-view .album-cols .tileContent h2 span,
.template-exhibition-view .album-cols .tileContent h2 span,
.navTree.navTreeLevel0 > li > a,
#portal-mobile-nav > li > a,
.navTree.navTreeLevel0 > li > a {
font-family: ccc;
}
body.section-home .breadcrumb {
display: none;
}
.footerPortlets a.icon-page-up {
display: none;
}
body.section-home .container {
max-width: 1140px;
}
.program-calendar-view .event.row .col-sm-8 > div {
display: block;
margin-left: 25px;
margin-top: 30px;
}
.program-calendar-view .event.row .col-sm-8 > div > span {
color: #003770;
}
.program-list article.event .col-sm-8 {
display: flex;
flex-direction: column;
}
.program-list article.event .col-sm-8 > .pull-left {
order: 0;
}
.program-list article.event .col-sm-8 > header {
order: 1;
}
.pageheader .core-head.sticky .container {
display: flex;
flex-direction: row-reverse;
padding-left: 24px;
padding-right: 24px;
}
.pageheader .core-head.sticky .phone-nav-toggle {
position: relative;
right: unset;
left: unset;
margin-left: auto;
transform: none;
}
@media screen and (min-width: 601px) {
.pageheader .core-head.sticky .container {
padding-left: 24px;
padding-right: 24px;
}
}
#nav-phone {
height: 1em;
width: 1em;
display: block;
background: url("++resource++noeku.kunstmuseumtheme.images/menu_background.svg");
background-position: center center;
background-size: contain;
top: -1px;
left: unset;
right: -1px;
height: calc(100% + 2px) !important;
width: 75vw;
background-color: transparent;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
color: #fff;
}
#nav-phone .nav-phone-close {
right: 57px;
left: unset;
}
#nav-phone #portal-mobile-nav {
align-items: flex-end;
}
#nav-phone .search-container .form-search {
margin-left: auto;
}
#portal-logo {
height: 1em;
width: 1em;
background-color: transparent;
display: block;
background: url("++resource++noeku.kunstmuseumtheme.images/logo.svg");
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
width: 200px;
height: 60px;
left: 0;
position: relative;
}
#portal-logo:before,
#portal-logo:after {
content: none;
}
#portal-logo img {
display: none;
}
#core-head .phone-nav-toggle {
height: 1em;
width: 1em;
background-color: transparent;
display: block;
background: url("++resource++noeku.kunstmuseumtheme.images/menu_de_blue.svg");
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
width: 40px;
height: 40px;
}
#core-head .phone-nav-toggle:before,
#core-head .phone-nav-toggle:after {
content: none;
}
#core-head .phone-nav-toggle i {
display: none;
}
@media only screen and (min-width: 992px) {
#nav-phone .mega-dropdown-wrapper {
right: 100%;
left: unset;
}
}
@media only screen and (max-width: 991px) {
#nav-phone {
width: 100vw;
max-width: 100%;
}
}
#portal-mobile-nav > li {
text-align: left;
}
@media only screen and (max-width: 991px) {
#portal-mobile-nav > li {
text-align: right;
}
}
#nav-phone .dropdown-wrapper .subnav-item.mega-dropdown > li {
text-align: right;
}
#nav-phone a.open.active + .mega-dropdown-wrapper {
margin-right: 1.5rem;
}
#nav-phone .search-container .form-search {
display: flex;
flex-direction: row;
justify-content: flex-end;
}
/* */
body.section-home .slick-slider .slide-container {
position: relative;
}
body.section-home .slick-slider .lead-image-link::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0.7) 10%, rgba(0, 0, 0, 0) 35%);
}
body.section-home .slick-slider .slide-description {
position: absolute;
bottom: 20px;
color: #ffffff;
padding-left: 30px;
padding-right: 30px;
}
body.section-home .slick-slider .slide-description h1,
body.section-home .slick-slider .slide-description h2 {
color: #ffffff;
}
body.section-home .slick-slider .slide-description h1 {
font-size: 2.2rem;
font-weight: bold !important;
}
body.section-home .slick-slider .slide-description .slide-description-inner .description,
body.section-home .slick-slider .slide-description .slide-description-inner .information {
display: inline;
}
body.section-home .slick-slider .slide-description .slide-description-inner .description::after {
content: " - ";
}
body.section-home .slick-slider .slide-description .slide-description-inner p:last-child {
display: none;
}
body.section-home .slick-slider .caption {
position: absolute;
bottom: 0.2rem;
right: 10px;
color: #ffffff;
}
body.section-home .slick-slider .slick-prev,
body.section-home .slick-slider .slick-next {
top: 50%;
transform: translateY(-50%);
}
body.section-home .slick-slider .slick-prev {
height: 1em;
width: 1em;
background-color: transparent;
display: block;
background: url("++resource++noeku.kunstmuseumtheme.images/pfeil-links.svg");
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
}
body.section-home .slick-slider .slick-next {
height: 1em;
width: 1em;
background-color: transparent;
display: block;
background: url("++resource++noeku.kunstmuseumtheme.images/pfeil-rechts.svg");
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
}
body.section-home .slick .slick-dots {
display: block;
bottom: unset;
left: unset;
top: 20px;
right: 20px;
}
body.section-home .slick .slick-dots li button {
border-radius: 0;
border: 1px solid #fefefe;
background-color: #fff;
opacity: 0.4;
}
body.section-home .slick .slick-dots li.slick-active button {
opacity: 1;
}
body.section-home .slick-slider .slide-description .slide-description-inner .description:after {
display: none;
}
body.section-home .slick-slider .slide-description .slide-description-inner .information {
display: none;
}
@media screen and (max-width: 767px) {
body.section-home .slick-slider .slide-description {
position: relative;
background-color: #005a97;
top: unset;
left: unset;
right: unset;
bottom: unset;
display: block;
z-index: 100;
padding-top: 20px;
padding-bottom: 20px;
}
body.section-home .slick-slider .slide-description .slide-description-inner {
text-align: left;
}
body.section-home .slick-slider .slide-description .slide-description-inner h1,
body.section-home .slick-slider .slide-description .slide-description-inner h2 {
font-size: 1.5rem;
line-height: 1.5;
font-weight: 900;
margin-bottom: 1em;
}
body.section-home .slick-slider .caption {
position: absolute;
bottom: unset;
top: 39vw;
}
body.section-home .slick-slider .lead-image-link {
display: block;
}
body.section-home .slick-slider .slick-prev,
body.section-home .slick-slider .slick-next {
display: none !important;
}
}
@media screen and (max-width: 515px) {
body.section-home .slick-slider .caption {
top: 35vw;
}
}
/* */
#collage-row-8410a2ca82c74984969db1bd826197a3,
body.site-en #collage-row-1573557bf20c4431b29eed645254168c {
padding-bottom: 37.5px;
}
#collage-row-8410a2ca82c74984969db1bd826197a3 .collage-content-wrapper,
body.site-en #collage-row-1573557bf20c4431b29eed645254168c .collage-content-wrapper {
padding-top: 0;
width: 100vw;
max-width: 1140px;
padding-left: 24px;
padding-right: 24px;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 359px) {
#collage-row-8410a2ca82c74984969db1bd826197a3 .collage-content-wrapper,
body.site-en #collage-row-1573557bf20c4431b29eed645254168c .collage-content-wrapper {
padding-left: 16px;
padding-right: 16px;
}
}
#collage-row-8410a2ca82c74984969db1bd826197a3 .collage-content-wrapper .container,
body.site-en #collage-row-1573557bf20c4431b29eed645254168c .collage-content-wrapper .container {
width: 100%;
padding-left: 0 !important;
padding-right: 0 !important;
}
#collage-row-8410a2ca82c74984969db1bd826197a3 .collage-content-wrapper .row,
body.site-en #collage-row-1573557bf20c4431b29eed645254168c .collage-content-wrapper .row {
margin-left: 0 !important;
margin-right: 0 !important;
}
#collage-row-8410a2ca82c74984969db1bd826197a3 .collage-content-wrapper .collage-column,
body.site-en #collage-row-1573557bf20c4431b29eed645254168c .collage-content-wrapper .collage-column {
padding-left: 0 !important;
padding-right: 0 !important;
}
#collage-row-8410a2ca82c74984969db1bd826197a3 .collage-content-wrapper .container,
body.site-en #collage-row-1573557bf20c4431b29eed645254168c .collage-content-wrapper .container {
background: url("../de/startseite-inhalte/hintergrund_kachel.jpg") no-repeat;
background-size: cover;
width: calc(100% + 2px);
margin-left: -1px;
}
#collage-row-8410a2ca82c74984969db1bd826197a3 .collage-content-wrapper .collage-column,
body.site-en #collage-row-1573557bf20c4431b29eed645254168c .collage-content-wrapper .collage-column {
border-right: 1px solid #ffffff;
border-left: 1px solid #ffffff;
}
#collage-row-8410a2ca82c74984969db1bd826197a3 .collage-content-wrapper .collage-item.collage_type_news-item,
body.site-en #collage-row-1573557bf20c4431b29eed645254168c .collage-content-wrapper .collage-item.collage_type_news-item {
border-bottom: 1px solid #ffffff;
border-width: 2px !important;
}
#collage-row-8410a2ca82c74984969db1bd826197a3 .collage-content-wrapper .collage-item.collage_type_news-item,
body.site-en #collage-row-1573557bf20c4431b29eed645254168c .collage-content-wrapper .collage-item.collage_type_news-item {
position: relative;
height: 0;
padding-bottom: 42.85714286%;
}
#collage-row-8410a2ca82c74984969db1bd826197a3 .collage-content-wrapper .collage-item.collage_type_news-item > section,
body.site-en #collage-row-1573557bf20c4431b29eed645254168c .collage-content-wrapper .collage-item.collage_type_news-item > section {
width: 100%;
text-align: center;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
}
#collage-row-8410a2ca82c74984969db1bd826197a3 .collage-content-wrapper .collage-item.collage_type_news-item a,
body.site-en #collage-row-1573557bf20c4431b29eed645254168c .collage-content-wrapper .collage-item.collage_type_news-item a {
color: #ffffff;
display: flex;
height: 100%;
width: 100%;
flex-direction: row;
justify-content: center;
align-items: center;
transition: all 0.5s ease;
}
#collage-row-8410a2ca82c74984969db1bd826197a3 .collage-content-wrapper .collage-item.collage_type_news-item a:hover,
body.site-en #collage-row-1573557bf20c4431b29eed645254168c .collage-content-wrapper .collage-item.collage_type_news-item a:hover {
background-color: #003770;
}
#collage-row-8410a2ca82c74984969db1bd826197a3 .collage-content-wrapper .collage-item.collage_type_news-item [itemprop="text"],
body.site-en #collage-row-1573557bf20c4431b29eed645254168c .collage-content-wrapper .collage-item.collage_type_news-item [itemprop="text"] {
font-size: 1.2rem;
font-weight: 900;
text-transform: uppercase;
}
#collage-row-8410a2ca82c74984969db1bd826197a3 .collage-content-wrapper .collage-item.collage_type_news-item [itemprop="text"] p:last-child,
body.site-en #collage-row-1573557bf20c4431b29eed645254168c .collage-content-wrapper .collage-item.collage_type_news-item [itemprop="text"] p:last-child {
margin-bottom: 0;
}
/* */
#collage-row-6a577769983d42e8a06da32bdfb1e552 .collage-item.collage_type_news-item,
body.site-en #collage-row-f18939afcf6b4172a7441127512af015 .collage-item.collage_type_news-item {
margin-bottom: 37.5px;
}
#collage-row-6a577769983d42e8a06da32bdfb1e552 .collage-item.collage_type_news-item section > h1,
body.site-en #collage-row-f18939afcf6b4172a7441127512af015 .collage-item.collage_type_news-item section > h1 {
display: none;
}
#collage-row-6a577769983d42e8a06da32bdfb1e552 .collage-item.collage_type_news-item section h1,
body.site-en #collage-row-f18939afcf6b4172a7441127512af015 .collage-item.collage_type_news-item section h1 {
font-size: 1.5rem;
font-weight: 900 !important;
margin-bottom: 30px;
}
#collage-row-6a577769983d42e8a06da32bdfb1e552 .collage-item.collage_type_news-item section img,
body.site-en #collage-row-f18939afcf6b4172a7441127512af015 .collage-item.collage_type_news-item section img {
margin-bottom: 20px;
}
#collage-row-6a577769983d42e8a06da32bdfb1e552 .collage-item.collage_type_news-item section a:hover,
body.site-en #collage-row-f18939afcf6b4172a7441127512af015 .collage-item.collage_type_news-item section a:hover {
font-weight: normal;
}
#collage-row-6a577769983d42e8a06da32bdfb1e552 .collage-item.collage_type_news-item section [itemprop="text"] p:last-child,
body.site-en #collage-row-f18939afcf6b4172a7441127512af015 .collage-item.collage_type_news-item section [itemprop="text"] p:last-child {
margin-bottom: 0;
}
/* */
section.zitat-highlight-startseite [itemprop="text"] {
padding-left: 10px;
padding-right: 10px;
}
section.zitat-highlight-startseite [itemprop="text"] p:first-child {
font-size: 1.2rem;
font-weight: 900;
position: relative;
padding-top: calc(4rem / 2 + 10px);
padding-bottom: calc(4rem / 2);
padding-left: 20px;
padding-right: 20px;
margin-bottom: 0;
}
section.zitat-highlight-startseite [itemprop="text"] p:first-child::before {
position: absolute;
top: 0;
left: 0;
content: '';
height: 1em;
width: 1em;
background-color: transparent;
display: block;
background: url("++resource++noeku.kunstmuseumtheme.images/quote.svg");
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
width: 30px;
height: 30px;
}
section.zitat-highlight-startseite [itemprop="text"] p:first-child::after {
position: absolute;
right: 0;
bottom: 0;
content: '';
height: 1em;
width: 1em;
background-color: transparent;
display: block;
background: url("++resource++noeku.kunstmuseumtheme.images/quote.svg");
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
width: 30px;
height: 30px;
transform: rotate(180deg);
}
section.zitat-highlight-startseite .zitat-autor {
font-size: 1rem;
font-weight: normal;
padding-left: 20px;
padding-right: 20px;
}
/* */
/* */
button.noeku-cookiebot-show.btn-default,
button.noeku-cookiebot-show.btn-default:hover {
padding: 12px;
background-image: url("/++theme++wireframe/static/img/noeku-cookie.png") !important;
background-size: 100% !important;
background-repeat: no-repeat !important;
background-origin: content-box !important;
background-position: center !important;
background-color: #000 !important;
border: none !important;
}
/* */
.header-sticky .doormat .portlet.online-tickets {
display: block;
opacity: 0;
transition: all 1s;
right: -45px;
}
.header-sticky .doormat .portlet.online-tickets .portletContent {
display: none;
}
.header-sticky.sticky-free .doormat .portlet.online-tickets {
display: block;
right: 17px;
opacity: 1;
transition: all 1s;
}
/* */
.doormat .portlet.online-tickets {
position: fixed !important;
right: 0px !important;
bottom: 8%;
max-width: 400px;
width: auto !important;
z-index: 30;
padding-left: 0 !important;
padding-right: 0 !important;
}
@media (max-width: 767px) {
.doormat .portlet.online-tickets {
bottom: 2%;
}
}
.doormat .portlet.online-tickets .portletHeader {
margin-bottom: 0;
left: -117px;
position: absolute;
bottom: 0;
height: 117px;
}
.doormat .portlet.online-tickets .portletHeader h2 {
display: inline-block;
margin: 0;
white-space: nowrap;
font-size: 19px !important;
}
.doormat .portlet.online-tickets .portletHeader h2:after {
display: none;
}
.doormat .portlet.online-tickets .portletHeader h2 a {
/* */
background: #005a97;
color: #fff;
padding: 15px 20px 9px 20px;
border: 1px solid #fff;
border-bottom: 0;
border-radius: 3px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
width: 180px;
cursor: pointer;
overflow: hidden;
display: block;
-webkit-transform: scale(1) scaleZ(1) rotateZ(-90deg);
transform: scale(1) scaleZ(1) rotateZ(-90deg);
}
.doormat .portlet.online-tickets .portletHeader h2 a:hover {
font-weight: normal !important;
}
.doormat .portlet.online-tickets .portletHeader h2 a span {
width: 90px;
display: inline-block;
overflow: hidden;
float: left;
}
.doormat .portlet.online-tickets .portletHeader h2 a:before {
display: block;
content: "";
width: 36px;
height: 23px;
margin-top: 4px;
background: url("/++resource++noeku.kunstmuseumtheme.images/ticket-icon-w.svg") transparent no-repeat;
background-size: 36px 23px;
float: left;
margin-right: 10px;
}
.doormat .portlet.online-tickets .portletContent {
border-radius: 3px;
border-bottom-left-radius: 0;
background: #005a97;
border: 1px solid #fff;
color: #fff;
padding: 20px 20px;
}
.doormat .portlet.online-tickets .portletContent .btn {
border-color: #fff !important;
}
.doormat .portlet.online-tickets .portletContent .btn:hover {
border-color: #003eaa !important;
}
@media (max-width: 767px) {
.doormat .portlet.online-tickets .portletContent {
max-width: 75vw;
max-height: 95vh;
overflow-y: auto;
padding-top: 10px;
padding-bottom: 10px;
}
}
.doormat .portlet.online-tickets .portletContent article + article {
margin-top: 20px;
}
@media (max-width: 767px) {
.doormat .portlet.online-tickets .portletContent article + article {
margin-top: 10px;
}
}
.doormat .portlet.online-tickets .portletContent .subtitle {
font-weight: normal;
}
@media (max-width: 767px) {
.doormat .portlet.online-tickets .portletContent .subtitle {
font-size: 0.9em;
}
}
.doormat .portlet.online-tickets .portletContent a.sublist_title_link:hover,
.doormat .portlet.online-tickets .portletContent a.sublist_title_link:focus {
cursor: default;
}
.doormat .portlet.online-tickets .portletContent h3 {
color: #fff;
font-size: 1.25em;
display: inline-block;
border-bottom: 2px solid;
margin-bottom: 12px;
padding-bottom: 8px;
}
@media (max-width: 767px) {
.doormat .portlet.online-tickets .portletContent h3 {
font-size: 1em;
margin-bottom: 8px;
padding-bottom: 4px;
}
}
.doormat .portlet.online-tickets .portletContent a {
color: #fff;
padding-bottom: 1px;
background: transparent !important;
}
.doormat .portlet.online-tickets .portletContent a:hover,
.doormat .portlet.online-tickets .portletContent a:focus {
color: #fff !important;
}
.doormat .portlet.online-tickets .portletContent a:hover h3,
.doormat .portlet.online-tickets .portletContent a:focus h3 {
color: #fff !important;
}
.doormat .portlet.online-tickets .portletContent .btn.btn-default {
border-color: #fff;
margin-top: 5px;
}
.doormat .portlet.online-tickets .portletContent .hiddenStructure + span {
display: none;
}
/* */
.news-startseite img {
margin-bottom: 20px;
}
.news-startseite .caption {
font-size: 1.125rem;
color: #000;
}
.news-startseite .caption .information {
display: none;
}
.news-startseite .caption p {
margin-bottom: 1.5em;
}
.news-startseite .caption a {
text-decoration: underline;
color: #000;
border-bottom: none;
font-weight: normal !important;
}
.news-startseite .caption a:hover {
text-decoration: none;
}
.news-startseite .subject-zitat-highlight-startseite .caption {
position: relative;
}
.news-startseite .subject-zitat-highlight-startseite .caption p:first-child {
font-size: 1.2rem;
font-weight: 900;
position: relative;
padding-top: calc(4rem / 2 + 10px);
padding-bottom: calc(4rem / 2);
padding-left: 20px;
padding-right: 20px;
margin-bottom: 0;
}
.news-startseite .subject-zitat-highlight-startseite .caption p:first-child::before {
position: absolute;
top: 0;
left: 0;
content: '';
height: 1em;
width: 1em;
background-color: transparent;
display: block;
background: url("++resource++noeku.kunstmuseumtheme.images/quote.svg");
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
width: 30px;
height: 30px;
}
.news-startseite .subject-zitat-highlight-startseite .caption p:first-child::after {
position: absolute;
right: 0;
bottom: 0;
content: '';
height: 1em;
width: 1em;
background-color: transparent;
display: block;
background: url("++resource++noeku.kunstmuseumtheme.images/quote.svg");
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
width: 30px;
height: 30px;
transform: rotate(180deg);
}
.news-startseite .subject-zitat-highlight-startseite .zitat-autor {
font-size: 1rem;
font-weight: normal;
padding-left: 20px;
padding-right: 20px;
}
/* */