.SumoSelect { position: relative; display: inline-block; vertical-align: middle; width:50%; font-size:0.778em; outline:none; cursor:pointer; border:1px solid #ddd; border-right:0 none; } .SumoSelect select { display:none !important; width:100% !important; } .SlectBox { width: 100%; padding:0; } .SelectClass { position: absolute; top: 0px; left: 0px; right: 0px; height: 100%; width: 100%; border: none; z-index: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .SumoOptWrapper > .options > li label, .SumoSelect > .CaptionCont { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; } .SumoSelect:focus > .CaptionCont, .SumoSelect:hover > .CaptionCont { } .SumoSelect > .CaptionCont { position: relative; background-color: #fff; margin:0; } .SumoSelect.active > .CaptionCont { color:#333 !important; } .SumoSelect > .CaptionCont.open { background-color:#fff;color:#999 !important; } .SumoSelect > .CaptionCont > span { display: inline-block; height: 45px; line-height: 45px; overflow: hidden; padding: 0 15px; text-overflow: ellipsis; vertical-align: middle; width: 100%; white-space: nowrap; } .SumoSelect > .CaptionCont > span.placeholder { color:#999; } .SumoSelect > .CaptionCont.open > span.placeholder { color:#333 !important; } .SumoSelect > .CaptionCont > label { display:none; float:none; height: 45px; padding: 0; margin:0; width: 28%; } .SumoSelect > .CaptionCont > label > i { } .SumoOptWrapper { border:1px solid #ddd; font-size: 0.722em; top: 45px; width: 250px; padding:20px 15px; position: absolute; left: 0; opacity: 0; visibility: hidden; transition: opacity 200ms ease-out, top 200ms ease-out, visibility 200ms ease-out; -webkit-transition: opacity 200ms ease-out, top 200ms ease-out, visibility 200ms ease-out; -moz-transition: opacity 200ms ease-out, top 200ms ease-out, visibility 200ms ease-out; -ms-transition: opacity 200ms ease-out, top 200ms ease-out, visibility 200ms ease-out; -o-transition: opacity 200ms ease-out, top 200ms ease-out, visibility 200ms ease-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: -100; background: #fff; box-shadow: 10px 10px 10px 0px rgba(0, 0, 0, 0.30); overflow: hidden; } .SumoOptWrapper.open { top: 45px; visibility: visible; opacity: 1; z-index: 1000; } .SumoOptWrapper > .options { list-style: none; display: block; padding: 0px; margin: 0px; overflow: auto; border-radius: 2px; max-height: 330px; } .SumoOptWrapper.isFloating > .options { } .SumoOptWrapper > .options > li { padding: 6px 6px; border-bottom: 1px solid #F3F3F3; position: relative; } .SumoOptWrapper > .options > li:first-child { border-radius: 2px 2px 0px 0px; } .SumoOptWrapper > .options > li:last-child { border-bottom: none; border-radius: 0px 0px 2px 2px; } .SumoOptWrapper > .options > li:hover { background-color: #E4E4E4; } .SumoOptWrapper > .options > li.sel{background-color: #a1c0e4;} .SumoOptWrapper > .options > li label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block;cursor: pointer;} .SumoOptWrapper > .options > li span { display: none; } .SumoOptWrapper.isFloating { } .SumoOptWrapper > .options > li.disabled { background-color: inherit;pointer-events: none;} .SumoOptWrapper > .options > li.disabled * { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } .SumoOptWrapper.multiple > .options { margin:0 -3px; } .SumoOptWrapper.multiple > .options > li { cursor: pointer; display: inline-block; margin: 0 0 5px; padding: 0 0 0 3px; text-align: center; transition: all 0.4s ease 0s; vertical-align: top; width: 50%; background: none !important; border:0 none; cursor: pointer; } .SumoOptWrapper.multiple > .options > li span, .SumoSelect .select-all > span { position:absolute;display:block;width:30px;top:0;bottom:0;left:3px; } .SumoOptWrapper.multiple > .options > li span i, .SumoSelect .select-all > span i {position: absolute;margin: auto;left: 0px;right: 0px;top: 0px;bottom: 0px;width: 14px;height: 14px;border-radius: 2px; } .SumoOptWrapper.multiple > .options > li label { background: #f7f7f7; border: 1px solid #ccc; color:#666; display: block; padding: 10px; width: 100%; margin:0; float:none; -webkit-transition: all 0.4s ease;transition: all 0.4s ease; } .SumoOptWrapper.multiple > .options > li:hover label { background:#e6e6e6; } .SumoOptWrapper.multiple > .options > li.selected label { } .SumoOptWrapper > .MultiControls { display: none; border-top: 1px solid #ccc; margin-top: 10px; padding-top: 10px; } .SumoOptWrapper.multiple.isFloating > .MultiControls { display: block; margin-top: 5px; position: absolute; bottom: 0px; width: 100%; } .SumoOptWrapper.multiple.okCancelInMulti > .MultiControls { display: block; } .SumoOptWrapper.multiple > .MultiControls > .btnOkWrap { display:inline-block;vertical-align:top;padding-left:5px;width:50%; } .SumoOptWrapper.multiple > .MultiControls > .btnCancelWrap { display:inline-block;vertical-align:top;padding-right:5px;width:50%; } .SumoOptWrapper.multiple > .MultiControls button { width:100%; } .SumoOptWrapper.isFloating > .options > li { padding: 12px 6px; } .SumoOptWrapper.multiple.isFloating > .options > li { padding-left: 35px; } .SumoOptWrapper.multiple.isFloating { padding-bottom: 43px; } .SumoSelect.disabled { opacity: 0.7;cursor: not-allowed;} .SumoSelect.disabled > .CaptionCont{border-color:#ccc;box-shadow:none;} .SumoSelect .select-all{border-radius: 3px 3px 0px 0px;position: relative;border-bottom: 1px solid #ddd;background-color: #fff;padding: 8px 0px 3px 35px;height: 20px;} .SumoSelect .select-all > span i{cursor:pointer;} .SumoSelect .select-all.partial > span i{background-color:#ccc;} .SumoOptWrapper > .options > li.optGroup { padding-left: 5px; text-decoration: underline; } @media screen and (min-width: 480px) { .SumoOptWrapper { width:400px; } } @media screen and (min-width: 720px) { } @font-face { font-family: 'PT Sans'; src: url('./fonts/PTSans-Regular.ttf') format('truetype'); } @font-face { font-family: "PT Sans"; src: url('./fonts/PTSans-Bold.ttf') format('truetype'); font-weight: bold; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html, body, form, textarea, input, button, select, legend, h1, h2, h3, h4, h5, h6, p, ol, ul, table, td, th {color:#333;margin:0;padding:0;} body {background:#eee;text-align:center;font:16px/1.6 'PT Sans',arial,helvetica,clean,sans-serif;*font-size:small; *font:x-small; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html { min-width:300px; overflow-y:scroll; } body {-webkit-overflow-scrolling: touch;} body.size0 {font-size:12px;} body.size1 {font-size:13px;} body.size2 {font-size:14px;} body.size3 {font-size:15px;} body.size4 {font-size:16px;} body.size5 {font-size:17px;} body.size6 {font-size:18px;} body.size7 {font-size:19px;} body.size8 {font-size:20px;} body.size9 {font-size:21px;} body.size10 {font-size:22px;} body.size11 {font-size:23px;} #parent { margin: 0 auto;text-align: left;width: 100%;-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease; } #header { position:fixed;width: 100%;min-width:300px;z-index: 100;webkit-box-shadow: 0px 10px 22px -10px rgba(0,0,0,0.46);-moz-box-shadow: 0px 10px 22px -10px rgba(0,0,0,0.46);box-shadow: 0px 10px 22px -10px rgba(0,0,0,0.46); } .header-wrap { background: #fff; } .header-inner { height: 70px; position: relative; } .header-bar-right { position: absolute;right: 100px;top:0;height: 100%; } #content { font-size:1em;padding: 100px 0 0 0; position: relative;overflow-x: hidden; } #footer { margin: 10px 0 0 0; padding:10px 0 0 0;font-style:normal; } .content-image-background, .image-background { position: absolute; margin-top: -90px !important; left: 0; right: 0; max-height: 300px; overflow: hidden; } .content-image-background img, .image-background img { display: block; width: 100%; filter: blur(0.4rem); -webkit-filter: blur(0.4rem); filter: blur(0.4rem); } .content-image-background:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-image: linear-gradient(to bottom, rgba(238,238,238,0.5), rgba(238,238,238,1)); } .content-inner { position: relative; } .module_freepage .content-inner,.module_liste .content-inner,.module_search .content-text { background: #fff;padding: 40px 50px; } .infofooter { display: inline-block; } .infofooter p { display: inline-block;position: relative;margin: 0 0 0 10px;vertical-align: middle;font-size: 0.875em;color: #fff;padding: 10px 0; } .infofooter img { height: 20px; width: auto;display: inline-block;vertical-align: middle; } .SumoSelect { border: none !important;padding: 1px 0 !important;width: calc(100% - 25px) !important; } .SumoSelect > .CaptionCont { background-color:transparent; color:#999;} .SumoSelect > .CaptionCont > span { height: 36px; line-height: 36px; padding-right: 0; } .SumoSelect > .CaptionCont > span.placeholder { color:#999;padding: 0 !important;font-size: 1.285em !important; max-width:300px; } .SumoSelect > .CaptionCont.open > span.placeholder { color:#999 !important; } .SumoOptWrapper { border:none;opacity:0;top:80px !important; } .SumoOptWrapper.multiple > .options > li.selected label { border-color:#CA006F;color:#CA006F;font-weight:bold; } .daterangepicker { top:80px !important; } .daterangepicker.show-calendar .drp-calendar.left { padding-right:25px; } .daterangepicker.show-calendar .drp-calendar.right { padding-left:25px; } .daterangepicker .ranges ul li.active span { border-color:#CA006F;color:#CA006F;font-weight:bold; } .daterangepicker .drp-calendar .next, .daterangepicker .drp-calendar .prev { position: relative; } .daterangepicker .drp-calendar .next:before { content: ''; background-image:url("../content/icons/icon-arrow-right.png"); background-size: 10px; background-repeat: no-repeat; position: absolute; width: 40px; height: 35px; top: 0; left: 0; background-position: center; } .daterangepicker .drp-calendar .prev:before { content: ''; background-image:url("../content/icons/icon-arrow-left.png"); background-size: 10px; background-repeat: no-repeat; position: absolute; width: 40px; height: 35px; top: 0; left: 0; background-position: center; } .module_newsletter .nl-box { visibility: hidden; } .white_container { background-color: #FFFFFF; padding: 20px; } .white_container div.relations-newsletter-api-form { margin: 0; } .site1 #logo { display: inline-block;width:24px;height:50px;margin:10px;-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease; } .site2 #logo { width: 100px;height: 70px;margin: 0;line-height: 70px;position: relative; } .site1 #logo img { width: 100%;height:auto; } .site2 #logo img { position: absolute;transform: translate(-50%,-50%);top: 50%;left: 50%;width: 100%; } .site2 #logo img.logo { display: none; } .site2 #logo img. { display: none; } #logo a:link, #logo a:focus, #logo a:hover, #logo a:visited, #logo a:active { display:block; } #sitenav {font-weight:bold;list-style:none;left:20px;margin:0;padding:0;position:absolute;text-transform:uppercase;top:0;} #sitenav li {display:inline;} #sitenav a:link, #sitenav a:visited, #sitenav a:focus, #sitenav a:hover, #sitenav a:active {left:-1000px;position: absolute;top:-1000px;text-decoration:none;} #sitenav a:focus, #sitenav a:active {left:0;position:relative;top:5px;white-space:nowrap;} #navwrap { margin-top:70px; } .nav-outer { position: fixed;width: 260px;height: 100vh;background: #fff;top: 0;right: -270px;-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;z-index: 2; } .navactive .nav-outer { right: -10px; } #navanchor { display: block;position: absolute;top: 10px;right: 0;height: 50px; width: 50px;text-align: center; -webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;z-index: 999;background:#fff; } #navanchor span { position: absolute;left: 50%;top: 50%;margin: -2px 0 0 -11px; } #navanchor span, #navanchor span:before, #navanchor span:after { -webkit-transform-origin: center center;transform-origin: center center; -webkit-transition: -webkit-transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out;cursor: pointer; border-radius: 1px;height: 2px; width: 24px; background: #333745;position: absolute;display: block;content: ''; text-indent: -999em; } #navanchor span:before { top: -8px;content: ''; } #navanchor span:after { bottom: -8px;content: ''; } .navactive #navanchor span,.navactivescroll #navanchor span { background: none; } .navactive #navanchor span:after,.navactivescroll #navanchor span:after { background: #000; bottom: 0; transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .navactive #navanchor span:before,.navactivescroll #navanchor span:before { background: #000; top: 0; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);} #nav {margin:0;padding:0;} #nav li {display:inline-block;list-style:none;list-style-image:none;letter-spacing:0;position:relative;vertical-align:top;width: calc(100% - 40px);line-height:40px;border-bottom:1px solid #ddd;font-size:0.875em;margin:0 15px; } #nav li:first-child { border-top:1px solid #ddd; } #nav li:nth-last-child(2) a,#nav li:nth-last-child(2) strong { padding: 5px 25px 5px 5px !important; } #nav li ul li:nth-last-child(2) strong { padding: 0 !important; } #nav li ul li:nth-last-child(2) strong:after { content: '' !important; } #nav li:hover, #nav li.hover {z-index:10;} #nav a:link, #nav a:visited, #nav a:focus, #nav a:hover, #nav a:active, #nav strong { text-decoration:none; } #nav a.m:link, #nav a.m:visited, #nav a.m:focus, #nav a.m:hover, #nav a.m:active, #nav strong.m { border:1px solid transparent;display:inline-block;font-weight:bold;padding:0; text-transform:uppercase; text-decoration:none;position: relative; } #nav li a.plus { display:block;position:absolute;top:10px;right:-10px;text-indent: -1000em;width:40px;height:15px;overflow:hidden;text-decoration:none;margin:0;padding:0;border:0 none;z-index:10; } #nav a { color:#333745; } #nav .active a.m:link, #nav .active a.m:visited, #nav .active a.m:focus, #nav .active a.m:hover, #nav .active a.m:active, #nav .active strong.m, #nav a.m:focus, #nav a.m:hover, #nav a.m:active, #nav strong.m, #nav li.hover a.m:link, #nav li.hover a.m:visited, #nav li.hover a.m:focus, #nav li.hover a.m:hover, #nav li.hover a.m:active, #nav li.hover strong.m {background-color:#fff;color:#CA006F;} #nav ul li {display:list-item;float:none;line-height:20px;;border: none;margin: 0;font-size: 1em;width: 100%; } #nav ul li a.plus { top:0; } #nav ul ul li { line-height: 30px; } #nav ul li:first-child { border: none;margin:0 0 10px 0; } #nav li:hover ul, #nav li.hover ul {left:0;top:1.5em;} #nav ul ul a:link, #nav ul ul a:visited, #nav ul ul a:focus, #nav ul ul a:hover, #nav ul ul a:active, #nav ul ul strong {color:#333745;display:block;white-space:nowrap;} #nav ul a:focus, #nav ul a:hover, #nav ul a:active, #nav ul strong {color:#CA006F;} #nav ul li:nth-last-child(2) a { padding: 0 !important; } #nav li.voucher { line-height: 27px;margin: 0 0 0 10px;float: right;border: 0;position: absolute;top: 20px;left: 5px; } #nav li.voucher a,#nav li.voucher a:link,#nav li.voucher a:visited { background: #CA006F;color: #fff;text-transform: uppercase;font-weight: bold;padding: 5px 15px !important;position: relative; } .api-voucherselection__action--disabled { pointer-events: none;background-color: #bebebe !important; } .mobsubnav, .mobsubsubnav { display:none;margin: 0 0 10px 15px; } #nav ul.mobsubsubnav a,#nav ul.mobsubsubnav strong { font-weight: normal; } #nav ul.mobsubsubnav a.hover,#nav ul.mobsubsubnav a:hover,#nav ul.mobsubsubnav a:active,#nav ul.mobsubsubnav a:focus,#nav ul.mobsubsubnav strong.active { color:#CA006F; } #snav ul {list-style:none;list-style-image:none;margin:0;padding:0;} #snav li {list-style-image:none;} #snav a:link, #snav a:visited, #snav a:focus, #snav a:hover, #snav a:active, #snav strong {border-color: #919394;color: #919394;display:block;font-weight:normal;text-decoration:none;} #snav a:focus, #snav a:hover, #snav a:active {border-color:#4b4b4d;color:#4b4b4d;} #snav a.active:link, #snav a.active:visited, #snav a.active:focus, #snav a.active:hover, #snav a.active:active, #snav strong {border-color:#d10d1f;color:#d10d1f;} #snav a.u:link, #snav a.u:visited, #snav a.u:focus, #snav a.u:hover, #snav a.u:active, #snav strong.u {border-bottom-width:1px; border-bottom-style:solid;padding:5px 5px 3px 20px; text-transform:uppercase;} #snav a.u:focus, #snav a.u:hover, #snav a.u:active, #snav strong.u {} #snav ul ul {list-style:none;list-style-image:none;margin:0;padding:0 0 0 20px;} #snav ul ul a:link, #snav ul ul a:visited, #snav ul ul a:focus, #snav ul ul a:hover, #snav ul ul a:active, #snav ul ul strong { background:url(gfx/dot-light-grey.png) no-repeat 0 .5em;padding:.2em 0 .2em 15px;} #snav ul ul a:focus, #snav ul ul a:hover, #snav ul ul a:active {background-image:url(gfx/dot-dark-grey.png);} #snav ul ul strong {background-image:url(gfx/dot-red.png);} #e2s {text-align:left;margin-right:2.5em;padding:.5em 0;} #e2s h3 {float:left;font-size:1em;line-height:1.5;margin:0 .5em 0 1em; text-transform:uppercase;} #e2s ul {float:left;list-style:none; list-style-image:none;margin:0;padding:0;} #e2s li {display:inline;} #e2s li img {display:block;height:1.25em;} #e2s li a:link, #e2s li a:visited, #e2s li a:focus, #e2s li a:hover, #e2s li a:active, #e2s li strong {border:1px solid;float:left;margin:0 3px 1px 0;padding:0; text-decoration:none;} #e2s-info {float:left;margin:0 0 0 .5em;} #e2s-info a:link, #e2s-info a:visited, #e2s-info a:focus, #e2s-info a:hover, #e2s-info a:active {background-repeat:no-repeat; background-position:0 0;display:block;height:16px; text-indent:-10000px;width:16px;} .default #e2s-default, .black #e2s-black, .yellow #e2s-yellow, .white #e2s-white, .blue #e2s-blue {display:none;} .bx-wrapper { position: relative; } .flip_prev, .flip_next { cursor:pointer;text-indent: -999em; } .ie .flip_prev, .ie .flip_next { display: none; } .flip_prev, .flip_next { position: absolute; bottom: 50%;transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); width:20px; height: 20px; background-repeat: no-repeat !important; background-size: 20px !important;z-index: 999; } .bx-prev, .bx-next { position: absolute; top:35px;transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); width:20px; height: 20px; background-repeat: no-repeat !important; background-size: 20px !important;z-index: 99;cursor:pointer; } .flip_prev { left:-30px;background: url(gfx/slider_prev_mobile.svg); } .bx-prev { left: 0;background: url(gfx/slider_prev_mobile.svg); } .flip_next { right: -30px;background: url(gfx/slider_next_mobile.svg); } .bx-next { right: 0;background: url(gfx/slider_next_mobile.svg); } .bx-next:hover,.flip_next:hover { background: url(gfx/slider_next_mobile_hover.svg); } .bx-prev:hover,.flip_prev:hover { background: url(gfx/slider_prev_mobile_hover.svg); } .bx-pager { text-align:center; } .bx-pager-item { display: inline-block; vertical-align: middle; } .bx-wrapper .bx-pager.bx-default-pager a { text-indent: -999em; background: #ccc;display: block;border-radius: 50%;width: 7px;height: 7px;margin:5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus { background:#CA006F; } .ui-autocomplete { z-index: 110; list-style: none; text-align: left; max-width: 480px; width: 100%; background: #fff; padding: 10px; } .ui-menu-item { padding: 2px 0; } .ui-menu-item:hover { color:#CA006F;cursor: pointer; } .ui-autocomplete a.ui-menu-item-wrapper { color:#333745; text-decoration: none;display: block; } .ui-autocomplete a.ui-menu-item-wrapper:hover,.ui-autocomplete a.ui-menu-item-wrapper:focus, .ui-autocomplete a.ui-menu-item-wrapper:active { color:#CA006F; } #breadcrumb {font-size:0.92em;margin:0 0 1.5em;} #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:focus, #breadcrumb a:hover, #breadcrumb a:active {color:#333745; text-decoration:none;} #breadcrumb a:focus, #breadcrumb a:hover, #breadcrumb a:active {text-decoration:underline;} #footer h3,#footer .h3 { text-align: center;font-size: 1em;font-weight: bold; text-transform: uppercase; } #footer .helpnavblock.active h3 { color:#CA006F; } #footer ul { margin: 0;padding: 0;list-style: none;text-align: center; } .footerimg { display: -webkit-box; display: -ms-flexbox; display: flex; display:flex; align-items: flex-end; margin:0 auto; width:100%; } .footerimg img { width: 100%; height: auto;margin: 0;max-width:640px; } .footerimg div{ height: 4px; width: calc((100% - 620px)/2); } #footerimg-left{background-color: #CA006F; margin-right: -10px} #footerimg-right{background-color: #0039A6; margin-left: -10px} .slidenav-title span { position: relative; } #help { max-width: 96%;margin: 0 auto; } #help * { color:#fff; } .help-wrap { background: #6e6e6e; width: 100%; display: inline-block;padding: 0 10px; } .zahlarten img,.versandarten img { width: 50px;height:auto; } .zahlarten ul li,.versandarten ul li,.socialmedia ul li { display: inline-block;margin: 10px 10px 10px 0; } .zahlarten ul li:last-child,.versandarten ul li:last-child,.socialmedia ul li:last-child { margin: 5px 0; } #footer a.footerplus { display:block;position:absolute;top: -10px;right: -30px;text-indent: -1000em;width:40px;height:40px;overflow:hidden;text-decoration:none;margin:0;padding:0;border:0 none; } .helpnavblock { margin: 1.06em 0 .53em; } .helpnavblock ul { display: none; } .kontakttel { margin: 10px 0 !important; } .kontakttel .wrap { max-width: 170px;margin: 0 auto; } .kontakttel .inner { position: relative; } .kontakttel p,.kontakttel h4 { font-size: 0.875em; } .kontakttel h4 { font-weight: bold; } .kontakttel_a { font-size: 1em !important; } .metainfo { font-size:0.875em;color:#fff;position: relative; text-align: center;padding: 0 32px 0 5px; } .metainfo span { margin:0 0 10px 0; } .metainfo-inner { display:block; position: relative; } .metainfo-image { display: inline-block; vertical-align: middle; margin: 0 0 0 4px; } .nl-box { background-color: #6e6e6e; margin: 0 -10px;padding: 20px 0;border-bottom:1px solid #CCC; } .nl-box * { text-align:center !important;color:#fff !important; } .nl-box .h3 { margin: 0; } .nl-box p { font-size: 0.875em;margin: -5px 0; } .nl-box input { width: calc(100% - 7px);max-width: 400px;font-size: 0.875em;padding: 10px 5px;border: 1px solid #ddd;border-radius: 5px;text-align:left !important;color: #6e6e6e !important; } .nl-box input.button { width: 100%;max-width: 400px;background:#CA006F;color:#fff;font-weight: bold; } .nl-box li { margin:0 auto; } .nl-box label { width:auto;margin:0; } .hnav { margin:20px 0; } .sidenav.active { display: block; } .sidenav li { margin: 5px 0; } .sidenav li a:link,.sidenav li a:visited { color:#333745;font-size:0.875em;text-decoration: none; } .sidenav li a:focus,.sidenav li a:hover,.sidenav li a:active,.sidenav li a.active,.sidenav li strong { color:#CA006F; } .socialmedia { margin:15px 0; } .socialmedia h3 { color:#FFF; } .socialmedia ul li { margin:0 2px;padding:0 10px; } .socialmedia span { display:none;padding: 0 0 0 10px;font-size: 0.875em; } .socialmedia a,.socialmedia a:link,.socialmedia a:visited,.socialmedia a:focus,.socialmedia a:hover,.socialmedia a:active { color:#333;padding:0 !important; } .socialmedia a:focus span,.socialmedia a:hover span,.socialmedia a:active span { text-decoration:underline !important; } .socialmedia img { display:inline-block;height:36px;vertical-align:middle;width:36px; } .mnav-wrap { background: #6e6e6e;margin: 0 auto;padding:20px 10px;text-align: center; } #mnav ul {list-style:none;margin:0 auto;padding:0; max-width: 90%; } #mnav li {display:inline-block;list-style-image:none;font-size: 0.875em; } #mnav a:link, #mnav a:visited, #mnav a:focus, #mnav a:hover, #mnav a:active, #mnav strong {color: #fff;display:block; font-weight:normal;padding:10px 0 10px 10px;text-decoration:none;} #mnav a.active:link, #mnav a.active:visited, #mnav a.active:focus, #mnav a.active:hover, #mnav a.active:active, #mnav a:focus, #mnav a:hover, #mnav a:active, #mnav strong {color:#CA006F;} #searchanchor { display:inline-block; text-indent: -999em; background: url(gfx/searchanchor.svg); background-size: 18px; width: 40px;height: 40px;background-repeat: no-repeat; background-position: center;position: absolute;right: 60px;top: 15px; } section.search { position: fixed;top:-80px;z-index: 101;width: 100%;background: #fff;height: 80px;border-bottom: 1px solid #ddd;transform: none; -ms-transform: none; -webkit-transform: none; -webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease; } .searchopen section.search { top:0; } .searchopen .infoheader { top:50px; } section.search #search, section.search #search fieldset { padding: 0;margin: 0; } section.search #suchbegriff { height: 40px;width:100%;padding: 10px 10px 10px 25px;-webkit-appearance: textfield !important;border-radius: 0 !important;-webkit-border-radius:0px !important; } section.search #suchbegriff::-webkit-search-decoration, section.search #suchbegriff::-webkit-search-cancel-button { -webkit-appearance: none !important;border-radius: 0 !important;-webkit-border-radius:0px !important; } section.search #suchbegriff:focus { box-shadow: none;border-color:#CA006F;outline: none;-webkit-appearance: none !important;border-radius: 0 !important;-webkit-border-radius:0px !important; } section.search #suchbegriff:-webkit-autofill, section.search #suchbegriff:-webkit-autofill:hover, section.search #suchbegriff:-webkit-autofill:focus, section.search #suchbegriff:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 300px #fff inset; background: #fff !important; -webkit-appearance: none !important; border-radius: 0 !important; -webkit-border-radius:0px !important; } section.search input.button { position: absolute;width: 40px;top: 40px;right: 0;height: 40px;text-indent: -999em;background: url(gfx/searchanchor_white.svg);background-position: center; background-repeat: no-repeat;border:none;background-color: #CA006F;top:0;background-size: 18px; } .searchfilter_inner { width:calc(100% - 40px) !important;padding: 0 !important; border: none !important; } .searchfilters div span { display: inline-block;vertical-align: top;font-size: 0.875em;width:calc(100% / 3);overflow: hidden;height: 40px;color:#999;position: relative; padding: 0 0 0 25px; text-overflow: ellipsis; } .searchfilter { display:inline-block; vertical-align: top; width: 33.333%;border-right: 1px solid #ddd; } .searchfilter .select-arrow { display:none; } .timeselect-label { line-height: 38px; } .timeselect-label, .ortselect-label { cursor:pointer;word-break: break-all;white-space: nowrap; } .timeselect-label, .ortselect-label, .kategorieselect-label { width: 100% !important; } .timeselect-label:before { content: url(gfx/search_date.svg);padding: 0 5px 0 0; display: inline-block; vertical-align: middle; width: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;position: absolute; left: 0; top: 50%;transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); } .timeselect-label.selected:before { content: url(gfx/search_date_colored.svg); } .kategorieselect-label:before { content:''; padding: 0 5px 0 0; display: inline-block; vertical-align: middle; width: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-image: url(gfx/search_cat.svg); background-size: 15px; background-repeat: no-repeat; background-position: left center; height: 100%;position: absolute; left: 0; } #kategorieselect.icon-colored .kategorieselect-label:before { background-image: url(gfx/search_cat_colored.svg); } select.search_venue_region { cursor:pointer;width:100% !important;border: 0;background-image: url(gfx/search_location.svg);font-weight:normal;height: 37px;padding-left: 20px;background-repeat: no-repeat;background-position: 0 center;font-size: 0.875em !important;color:#999;-webkit-appearance:none !important; background-size: 15px !important;background-origin: unset; } select.search_venue_region:focus { box-shadow:none;-webkit-appearance:none !important; } select.search_venue_region.icon-colored { background-image: url(gfx/search_location_colored.svg); } .searchfilters div.filterlabel-inner { display: inline-block; vertical-align: middle; width:100%; } .deletefilters{ position: absolute;right: 0px;top: 40px;text-decoration: none !important; font-weight: bold; width: 40px; height: 40px; } .deletefilters:focus { outline:none !important; } .deletefilters span { top: 20px; right: 9px; } .deletefilters span,.deletefilters span:before, .deletefilters span:after { cursor: pointer;border-radius: 1px;height: 2px;width: 20px;position: absolute;display: block;content: '';text-indent: -999em; } .deletefilters span:before { background: #CA006F;top: 0;transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);} .deletefilters span:after { background: #CA006F;bottom: 0;transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .search_lists_list .performance_list, .search_lists_list .more_perf { margin:10px 15px 0 30px;list-style: none; } .performance_list .plink { color:#333745; text-decoration: none; } .more_perf { font-weight: bold; text-decoration: none !important; } .searchmore { position: relative; z-index: 1; } .searchmore a { background: #fff;padding: 0 20px; } .searchmore:after { border-bottom: 1px solid #dddddd;content:"";margin: 0 auto;position: absolute;bottom: 50%; left: 0; right: 0; top: 0;width: 100%;z-index: -1; } #detail_performancelist { display:inline-block; } .module_formmail .helpimg { display: inline-block; float: none; width: 20px; height: 20px; margin: 3px 0 0 7px;overflow: visible; } .module_formmail .helpimg .icon { display: inline-block;float: none;position: relative;margin: 0;overflow: visible; } .module_formmail .helpimg .help { width: 300px;height: auto;max-width: none;position: absolute;top: 23px;left: -20px;z-index: 999; } .module_formmail input[type='number'] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } form ol.parseimg, form ol.parseimg ul , form ol.parseimg li , form ol.parseimg label { overflow: visible !important;position: relative; } .list_category { list-style: none;margin: 10px 0;padding:0; } .list_container { position: relative; } .totop { position:sticky; bottom: 20px; width:100%; max-width: 1040px; text-align: right;z-index: 100;display: none; } .scrollheader .totop { display: inline-block; } .totop a { display:inline-block; text-indent: -999em;width: 40px; height: 40px; } .totop a:before{ } .ie .totop { position:fixed; } .click { position: relative; color: #333 !important; } .active.click { color: #CA006F !important; } .click .wrap { width: 20px;height: 20px;position: absolute;top: 2px;left: -22px; } .click span { position: absolute;left:50%; top: 50%;margin: -2px 0 0 -11px; } .click span, .click span:before, .click span:after { -webkit-transform-origin: center center;transform-origin: center center; -webkit-transition: -webkit-transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out;cursor: pointer; border-radius: 1px;height: 2px; width: 12px;position: absolute;display: block;content: ''; text-indent: -999em; } .click span { background:#CA006F; } .click span:after { background: #CA006F; bottom: 0; transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); } .active.click span:after { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); } .clicklist li, .list_nocategory li, .list_category li { margin: 10px 0 !important; } .list_nocategory { padding: 0 0 0 20px !important; } .clicklist .detail, .list_category .detail, .list_nocategory .detail { display:none; } .module_error #content { text-align: center; } #nl-head { margin-bottom: 5px; } div.relations-newsletter-api-form { position: relative; max-width: 450px; margin: 0 auto; } div.relations-newsletter-api-form .predefined-content { position: absolute;left: 0;top: 0;right: 0;bottom: 0;display: none; } div.relations-newsletter-api-form.loading .predefined-content { display: block; } div.relations-newsletter-api-form .form-wrapper h4 { font-family: Arial;font-size: 14px;line-height: 16px;font-weight: bold;margin: 0;padding: 7px 0 3px 0; } div.relations-newsletter-api-form .form-wrapper p { font-family: Arial; font-size: 14px; line-height: 16px; margin: 0; padding: 2px 0; } div.relations-newsletter-api-form .form-wrapper .message-wrapper .message, div.relations-newsletter-api-form .form-wrapper .error-message-wrapper .error-message { font-family: Arial; font-size: 14px; line-height: 16px; font-weight: bold; } div.relations-newsletter-api-form .form-wrapper .error-message-wrapper { margin-bottom: 10px; } div.relations-newsletter-api-form .form-wrapper .form-item.mandatory label:after { content: "*"; } div.relations-newsletter-api-form .form-block { margin-bottom: 10px; } div.relations-newsletter-api-overlay-window { z-index: 110 !important;background: rgba(11,11,11,0.8) !important;height: 100vh; } div.relations-newsletter-api-overlay-window div.relations-newsletter-api-overlay-content { border-radius: 20px; border: none !important;margin-top:0 !important; transform:translate(0,-50%); -ms-transform:translate(0,-50%); -webkit-transform:translate(0,-50%); } div.relations-newsletter-api-overlay-content h3 { margin-top:10px; } .data-security-confirmation-checkbox { display:none; font-size: 0.9em; text-align: left; } .data-security-confirmation-checkbox.dsgvoshow { display:block; } #min-1 .field-EMail label { display:none; } .data-security-confirmation-checkbox label { display: inline-block; width: 100%; width: calc(100% - 30px); float: none; text-align: left !important; } #min-1_security_confirmation_input+label.stylelabel { color: #fff; display: inline-block; width: 16px; height: 16px; border: 1px solid #999; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; border-radius: 5px; margin: 6px 10px -1px 0; font-size: 0.7em; font-style: normal; background-color: #fff; position:relative; } #min-1_security_confirmation_input+label.stylelabel:hover, #min-1_security_confirmation_input+label.stylelabel:focus { border-color: #e91b88; } #min-1_security_confirmation_input:checked+label.stylelabel { background-color: #e91b88; border-color: #e91b88; } #min-1_security_confirmation_input:checked+label.stylelabel:before { content:''; position: absolute; border: 2px solid #FFFFFF; border-top: 0 none; border-left: 0 none; top: 50%; left: 50%; width: 4px; height: 8px; -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); margin: -6px 0 0-3px; } #min-1_EMail_input { width: 100%; max-width: 0 none; } .interactive_bo_filter_list,.interactive_bo_list { list-style:none; margin: 0; padding: 0; } .interactive_bo_list_item { margin: 0 0 10px 0; border-bottom: 1px solid #ddd; padding: 10px;-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease; } .interactive_bo_list_item:last-child { border:none; } .interactive_bo_list_container { background: #fff; padding: 10px; } .interactive_bo_list_item .distance { font-size: 0.8em; } .interactive_bo_filter_list { background: #fff;padding: 10px;position: relative; } .interactive_bo_filter_list .filter { display: inline-block; } .interactive_bo_filter_list .search { text-align: center; } .interactive_bo_filter_list input { margin: 0 0 10px 0;float: none; } .interactive_bo_list_item p.img, .interactive_bo_selected_item p.img { float:right; } .interactive_bo_list_item p.img img,.interactive_bo_selected_item p.img img { margin: 0; } .interactive_bo_list_item .attr { margin:10px 0; } .interactive_bo_list_item .attr span { padding: 5px;font-size: 0.8em;background: #ddd;margin: 0 10px 0 0; } .interactive_bo_selected_item .attr span { padding: 5px;font-size: 0.8em;border: 1px solid #CA006F;margin: 0 10px 0 0;color:#CA006F; } .selected_item_wrap { display:none;margin: 20px 0 10px 0; } .selected_item_wrap span { display: inline-block; } .selected_item_wrap .additional * { color:#fff; } .interactive_bo_selected_item { padding: 10px;background: #fff;margin: 10px 0;border: 1px solid #CA006F; } .interactive_bo_selected_item .button { background: #CA006F !important;color:#fff !important;margin: 0 10px 0 0 !important; } .filterbtn { width: 100%; } a.addresslink { background-color: #eee !important; background-image: url("gfx/icon-googlemaps.svg") !important; background-position: center !important; background-size: 20px !important; background-repeat: no-repeat !important; text-align: left; width: 60px; height: 60px; display: inline-block; text-indent: -999em; margin:0.69em 0 0 0 !important; vertical-align: top; } .newsbanner, .covinfo { background-color: #BCD2EE; border: 2px solid #1874CD; border-radius: 4px; padding: 10px 12px; margin-bottom: 20px; } .covinfo { position: relative; } .newsbanner .important_icon { float: right; margin: 0 0 10px 10px; } .newsbanner a:link, .newsbanner a:visited, .newsbanner a:focus, .newsbanner a:hover, .newsbanner a:active, .covinfo a:link, .covinfo a:visited, .covinfo a:focus, .covinfo a:hover, .covinfo a:active{ color: #1874CD; } .newsbanner a.button:link, .newsbanner a.button:visited, .newsbanner a.button:focus, .newsbanner a.button:hover, .newsbanner a.button:active { background-color: #1874CD; width: 100%; } .covinfo a.button:link, .covinfo a.button:visited, .covinfo a.button:focus, .covinfo a.button:hover, .covinfo a.button:active { background-color: #1874CD; display: inline-block;width: 100%; vertical-align: top; margin: 20px 0;position: relative; } .covinfo a.button.open { text-indent: -999em; } .covinfo a.button.open:before { content: "schließen";position: absolute;width: 100%;height: 100%;text-indent: initial;margin: 10px auto;left: 0;top: 0; } .newsbanner>*:nth-child(2) { margin-top: 0; } .important_icon { width: 26px; height: 26px; position: relative; border-radius: 50%; background-image: url(gfx/rufzeichen.svg); background-size: 26px; background-position: center; background-repeat: no-repeat; } .covinfo .important_icon { position: absolute; top:15px;right:15px;width: 30px;height: 30px; background-size: 30px; } .covinfo .heading { display: inline-block;margin: 5px 0 0 0;width: calc(100% - 40px);vertical-align: top; } .covinfo .heading p { margin: 0; } .covinfo .body { margin: 0;display: none; } ul.lists_list, ul.lists_list_nobxslider { list-style: none; margin: 0; } ul.lists_list>li, ul.lists_list_nobxslider>li { display: inline-block; vertical-align: top; width: 100%; } p.button { display: none; vertical-align: middle;text-align: center; } p.button.salesstatus_SoldOut, a.button.salesstatus_SoldOut { width:160px;background-color: #bebebe !important; pointer-events: none; } p.button.salesstatus_SaleHasFinished,p.button.salesstatus_NotBookable,p.button.salesstatus_SaleDidNotStart,a.button.salesstatus_SaleHasFinished,a.button.salesstatus_NotBookable ,a.button.salesstatus_SaleDidNotStart { width:160px;background-color: #bebebe !important; pointer-events: none; } .calendar a.salesstatus_SaleHasFinished, .calendar a.salesstatus_NotBookable, .calendar a.salesstatus_SaleDidNotStart, tr.isitem.SaleDidNotStart a, tr.isitem.NotBookable a, tr.isitem.SaleHasFinished a { pointer-events: none; } .bwrap p.button.salesstatus_SoldOut, .bwrap p.button.salesstatus_SaleHasFinished, .bwrap p.button.salesstatus_NotBookable, .bwrap p.button.salesstatus_SaleDidNotStart { background-color:rgba(190, 190, 190, 1,0.7) !important; } .big_flip .bwrap p.button.salesstatus_SoldOut, .big_flip .bwrap p.button.salesstatus_SaleHasFinished, .big_flip .bwrap p.button.salesstatus_NotBookable, .big_flip .bwrap p.button.salesstatus_SaleDidNotStart { background-color:rgba(190, 190, 190, 1,1) !important; } p.button.salesstatus_SaleDidNotStart { width:160px; } p.button.salesstatus_Sale, p.button.salesstatus_ { width:160px; } .bwrap p.button.salesstatus_Sale, .bwrap p.button.salesstatus_ { background-color:rgba(202,0,111,0.7) !important; } .big_flip .bwrap p.button.salesstatus_Sale, .big_flip .bwrap p.button.salesstatus_Sale, a.button.salesstatus_Sale, .big_flip .bwrap p.button.salesstatus_, .big_flip .bwrap p.button.salesstatus_, a.button.salesstatus_ { background-color:rgba(202,0,111,1) !important; } p.button.salesstatus_Few,a.button.salesstatus_Few { width:160px;background-color: #333745 !important; } .bwrap p.button.salesstatus_Few,.bwrap p.button.salesstatus_Few { background-color:rgba(51,55,69,0.7) !important; } .big_flip .bwrap p.button.salesstatus_Few,.big_flip .bwrap p.button.salesstatus_Few { background-color:rgba(51,55,69,1) !important; } .type_catalogue_lists .bx-wrapper .lists_list { display: flex; flex-wrap: wrap; } .type_catalogue_lists .bx-wrapper .lists_list>li { display: flex; } .type_catalogue_lists .bx-wrapper .lists_list>li>div { width: 100%; } .catalogue_lists_list p.button, .search_lists_list p.button { font-size:.875em; } .catalogue_lists_list, .search_lists_list { list-style: none; margin: 0; } .catalogue_lists_list>li, .search_lists_list>li { display: inline-block; vertical-align: top; width: 100%; padding: 10px 0; border-bottom: 1px solid #CCCCCC;position: relative; } .catalogue_lists_list>li:first-child, .search_lists_list>li:first-child { border-top: 1px solid #CCCCCC; } .catalogue_lists, .search_lists { position:relative; } .catalogue_lists .listlink, .search_lists .listlink { display:block;font-weight:bold;margin:10px 0;text-align:center; } .catalogue_lists.hasmorelink .browse, .search_lists.hasmorelink .browse { display:none; } .catalogue_lists .listimage, .search_lists .listimage { display: inline-block; vertical-align: middle; width: 100px;margin: 10px 20px 10px 0; } .catalogue_lists .arr_sec_cont, .search_lists .arr_sec_cont { width: calc(100% - 145px); margin: 10px 10px 10px 0; min-height: 73px; } .catalogue_lists .arr_sec_cont, .catalogue_lists button, .search_lists .arr_sec_cont, .search_lists button { display:inline-block; vertical-align: middle; } .catalogue_lists h3.listname, .search_lists h3.listname, .tile_lists h3.listname, .flip_lists h3.listname { text-align: center;font-size: 1.3em;font-weight: bold; } .tile_lists_list { list-style: none; margin: 0; } .tile_lists_list>li { display: inline-block; vertical-align: top; width: 50%; padding: 0; } .tile_lists_list .listimage { display: inline-block; vertical-align: top; width: 100%; } .tile_lists_list a.listanchor:link,.tile_lists_list a.listanchor:visited, .tile_lists_list a.listanchor:hover, .tile_lists_list a.listanchor:focus, .tile_lists_list a.listanchor:active { text-decoration: none; display: block; } .tile { position: relative; overflow: hidden; } .tileoverlay { position: absolute; bottom: 0; left: 0; right: 0; -ms-transform: translate(0, 100%); -webkit-transform: translate(0, 100%); transform: translate(0, 100%); -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out; } .tile_lists_list .tile_wrap:hover .tileoverlay, .tile_lists_list .tile_wrap:focus .tileoverlay, .tile_lists_list .tile_wrap:active .tileoverlay { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } .tileoverlay p.button { width: 100%; border-radius: 0;font-weight: bold; text-decoration: none !important;padding: 10px 6px;margin: 0; } ul.lists_list h4 { font-size: 1em;color:#333745;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin: 1.12em 0 0.2em 0; } .tileoverlay a, .catalogue_lists_list .overlaybtn { pointer-events: auto; } .tileoverlay.salesstatus_SaleDidNotStart a,.tileoverlay.salesstatus_SoldOut a,.tileoverlay.salesstatus_SaleHasFinished a,.tileoverlay.salesstatus_NotBookable a, .catalogue_lists_list .status_SaleDidNotStart .overlaybtn,.catalogue_lists_list .status_SoldOut .overlaybtn,.catalogue_lists_list .status_SaleHasFinished .overlaybtn,.catalogue_lists_list .status_NotBookable .overlaybtn{ pointer-events: none; } ul.lists_list h4 a { color:#333745;text-decoration: none; } ul.lists_list .listvenueinfo { font-size: 0.875em;color:#666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .listnameloadmore,.listnameloadmore:link,.listnameloadmore:visited { font-size: 0.875em; font-weight: bold;text-decoration: none;text-align: center;display: block;margin: 1em 0 0 0; } .listnameloadmore:focus,.listnameloadmore:hover, .listnameloadmore:active { text-decoration: underline; } .flip_list { margin: 0 30px !important;overflow: hidden; } .flip_lists { margin: 0 0 20px 0; } .placeholder_flip { display:none; } .flip_lists_list { list-style: none; margin: 0; } .flip_lists_list>li { display: inline-block; vertical-align: top; width: 100%; } .swiper-container { overflow: inherit; } .swiper-pagination_catalogue { text-align: center; } .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: auto; } .arrangement_section_content { position: relative; } .swiper-pagination-bullet-active { background-color: #CA006F; } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { top:auto; bottom:0; } .flip_lists_list>li.big_flip .tile p.button, .flip_lists_list>li.small_flip .tile p.button { display: none !important; } .bx-wrapper .flip_lists_list > li.big_flip, .bx-wrapper .flip_lists_list > li.small_flip { display: inline-block !important; } .flip_lists_list .listimage { display: inline-block; vertical-align: top; width: 100%; } .small_flip .flipoverlay { position: absolute; bottom: 0; left: 0; right: 0; -ms-transform: translate(0, 100%); -webkit-transform: translate(0, 100%); transform: translate(0, 100%); -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out; } .big_flip .flipoverlay { display:none; } .small_flip .flipoverlay a.button { width: 100%; border-radius: 0;font-weight: bold; text-decoration: none !important;padding: 10px 6px;margin: 0; } .big_flip .tile { overflow: visible; } .flip_lists_list a.listanchor:link,.flip_lists_list a.listanchor:visited, .flip_lists_list a.listanchor:hover, .flip_lists_list a.listanchor:focus, .flip_lists_list a.listanchor:active { text-decoration: none; display: block; } .flip_lists_list .small_flip .listanchor:hover .flipoverlay, .flip_lists_list .small_flip .listanchor:focus .flipoverlay, .flip_lists_list .small_flip .listanchor:active .flipoverlay { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } ul.lists_list_nobxslider h4 { font-size: 1em;color:#333745;font-weight: bold;margin: 0.8em 0 .56em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; } .flip_lists_list>li.fliplistcolumnsmall { width: 24%; } .flip_lists_list>li.fliplistcolumnbig { width: 52%; } .fliplistspot { list-style: none; margin: 0; position: relative; } .fliplistspot>li { display: inline-block; vertical-align: top; width: 100%; padding: 3px 15px; backface-visibility: hidden; -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; transform-style: preserve-3d; transform-origin: center center; transition: transform 1s; transform: translateX(0%) rotateY(-180deg); -ms-transform: translateX(0%) rotateY(-180deg); -webkit-transform: translateX(0%) rotateY(-180deg); position: absolute; top: 0; left: 0; right: 0; } .fliplistspot > li.big_flip { padding: 3px 11px!important; } .fliplistspot>li:last-child { position: relative; } .fliplistspot>li.flipped { transform: translateX(0%) rotateY(0deg); -ms-transform: translateX(0%) rotateY(0deg); -webkit-transform: translateX(0%) rotateY(0deg); } ul.lists_list_nobxslider .listvenueinfo { font-size: 0.875em;color:#666 !important; } .small_flip .listvenueinfo { display: none; } li.custom h4 { margin: 18px 0 .56em 0; } li.custom.big_flip h4 { margin:0.8em 0 27px 0; } li.custom a { text-decoration: none;} li.custom .overlay { position: absolute; top:100%; left: 0; width: 100%; height: 100%; background-color: rgba(202,0,111,0.7) !important;color: #fff;padding: 5%;-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;hyphens: auto; overflow: hidden; } li.custom .imglink { display: block;position: relative;overflow: hidden; } li.custom .imglink img { vertical-align: top; } li.custom:hover .overlay { top:0; } li.custom .overlay .inner { position: relative;top: 50%;transform: translate(0,-50%);height: 100%; width: 100%; } li.custom .infos { display: none; } .externpopup { position: fixed;height: 100%;width: 100%;background-color: rgba(200,200,200,0.5);top: 0;left: 0;z-index: 999; } .externpopup div { position: absolute;top: 50%;left: 50%;width: 50%;min-width:300px;transform: translate(-50%,-50%);background: #fff;z-index: 99999;padding: 20px; } .externpopup h1, .externpopup h2, .externpopup h3, .externpopup h4, .externpopup h5, .externpopup h6 { margin-top:0 !important; } .externpopup a { min-width: 150px; } .module_show_event_h1, .h2.module_show_event_h1, .module_show_performance_h1, .h2.module_show_performance_h1,.module_show_article_h1, h1.module_show_article_h1 { color:#333745; } .show_detail_left { display: inline-block; vertical-align: top; width: 100%; } .show_detail_right { display: inline-block; vertical-align: top; width: 100%; position: relative; } .show_detail_images { vertical-align: top; width: 100%;margin: 0 0 10px 0;display: inline-block; } .show_detail_images .images_inner { visibility: hidden;overflow: hidden;} .show_detail_images ul.img.single { max-width: 100% } .show_detail_infos { display: inline-block; vertical-align: top; width: 100%; } .show_detail_infos a.button { padding: 15px !important;margin: 0 10px 10px 0 !important;font-weight: bold; text-decoration: none;display: inline-block; width: auto !important; } .show_detail_infos a.button.light { margin: 0 !important;min-width:inherit; } .show_detail_infos a.button.light img { margin: 0 10px; width: 11px; height: 11px; } .show_detail_infos a.button.light span { margin: 0 10px 0 0; } .show_detail_infos .date_short,.show_detail_infos .venue_short,.show_detail_infos .organizer_short { font-size:0.875em; font-weight: bold; } .show_detail_infos .date_short:before { background-image: url(gfx/icon_date.svg);padding: 0 10px 0 0;display: inline-block;vertical-align: middle;content: '';background-size: 15px;background-repeat: no-repeat; position: relative;width: 15px;height: 15px; } .show_detail_infos .venue_short:before { background-image: url(gfx/icon_location.svg);padding: 0 10px 0 0;display: inline-block;vertical-align: middle;content: '';background-size: 15px auto;background-repeat: no-repeat;position: relative;width: 15px;height: 20px; } .show_detail_inner { position: relative; } .show_detail_images ul.img>li { padding:0; } .show_detail_source { font-size:.8125em; } .show_detail_articleselection { display: inline-block; vertical-align: top; width: 100%; padding: 30px 0 0 0; } .show_detail_articleselection_inner { background: #FFFFFF; padding: 10px; } .show_detail_full { position: relative; display: inline-block;width: 100%; } .module_show_venue .topimg img { width:100%;height: auto; } .venueblock { background: #fff; margin: 0; } .venueblock #anfahrt_address { width: 100%;margin: 0 0 10px 0; } .venueblock .anfahrt { width: 100%; } .venue_inner { padding: 10px; } .venue_inner a.detailopener,.venue_inner a.detailopener:link,.venue_inner a.detailopener:visited { text-decoration:none;font-weight: bold;font-size: 0.875em; } .venue_inner a.detailopener:focus,.venue_inner a.detailopener:hover,.venue_inner a.detailopener:active { text-decoration:underline; } .organizerblock { background: #fff;margin: 0 0 40px 0;padding: 10px; } .taglist { margin:0; padding: 0; list-style: none; } .taglist li { display: inline-block; vertical-align: middle;margin: 5px 5px 5px 0;background: #ccc; border-radius: 15px;padding: 8px 10px;font-weight: bold;font-size: 0.75em; } .taglist a { text-decoration:none !important; } .detailed tr { border-bottom: 1px solid #ccc; } .detailed tr:last-of-type { border-bottom: none; } .detailed tr td { padding: 10px 0;font-size: 0.875em; } .detailed .td_button { text-align: right; } .detailed .td_date_day { font-weight:bold; } .detailed .td_date_month a.listanchor, .detailed .td_date_time a.listanchor { color:#666; } .detailed .td_date_time,.detailed .td_price,.detailed .td_date_month { min-width: 100px; } .detailed .td_date_day { min-width: 60px; } .detailed .td_name { max-width: 180px;padding: 10px 10px 10px 0; } .detailed .td_name a.listanchor strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; } .detailed .td_image .listimage { max-width: 100px;margin: 0 10px 0 0; } .detailed tr:first-of-type { border-top: 1px solid #ccc; } .detailed a.listanchor { color:#333745;text-decoration: none; } .detailed a.listanchor:hover strong,.detailed a.listanchor:focus strong, .detailed a.listanchor:active strong { text-decoration: underline; } .detailed .mobile_date_month { color:#545454; } .detailed .listvenueinfo { color:#999 !important; } .detailed tr.SoldOut *,.detailed tr.SaleDidNotStart *,.detailed tr.NotBookable *, .detailed tr.SaleHasFinished * { color:#545454 !important; } .detailed tr.SoldOut a.button,.detailed tr.SaleDidNotStart a.button,.detailed tr.NotBookable a.button, .detailed tr.SaleHasFinished a.button { background-color: #bebebe !important; color:#fff !important; opacity: 1 !important; } table.detailed .alternativelink a.button { background-color: transparent !important;border: 2px solid #CA006F;color: #CA006F !important;opacity: 1 !important; } table.detailed tr.SoldOut.alternativelink { opacity: 1; } table.detailed tr.SoldOut.alternativelink td { opacity: 1; } table.detailed tr.SoldOut.alternativelink td:not(.td_button) { opacity: 0.4; } .module_show_event .plist { display:none; } .module_show_event .plist.show { display:block;} .module_show_event .calendarwrap { display:none;float: left;width: 100%; } .module_show_event .calendarwrap.show { display:block;position: relative; } .view_wrap { display: inline-block;position: absolute;margin: 4px 0 20px 10px;right:0;top: 20px; } .view_wrap .m0 { font-size: 0.75em; } .view_wrap .listview,.view_wrap .calendarview { width:23px;height: 23px; display: inline-block; text-indent: -999em; position: relative;border:2px solid;margin: 5px 5px 0 0;cursor: pointer; } .view_wrap .listview { background: url("/assets/content/default/icon-liste-rosa.svg");background-color: transparent; border-color: #CA006F;background-repeat: no-repeat; background-position: center; } .view_wrap .listview.active { background: url("/assets/content/default/icon-liste-weiss.svg");background-color: #CA006F; border-color: #CA006F;background-repeat: no-repeat; background-position: center; } .view_wrap .calendarview { background: url("/assets/content/default/icon-kalender-rosa.svg");background-color: transparent; border-color: #CA006F;background-repeat: no-repeat; background-position: center; } .view_wrap .calendarview.active { background: url("/assets/content/default/icon-kalender-weiss.svg");background-color: #CA006F; border-color: #CA006F;background-repeat: no-repeat; background-position: center; } table.calendar a,table.calendar span { font-size: 0.875em;color: #333;hyphens: auto; } table.calendar td .elem.existingcontent .daynr { color: #CA006F;font-weight: bold; } table.calendar p.button { width: 100%;min-width: unset; } table.calendar td { padding: 0; } table.calendar td a,table.calendar td a:link,table.calendar td a:visited { text-decoration:none; } table.calendar th { border: 2px solid #eee; } table.calendar td div.elem.existingcontent { border-top:2px solid #CA006F; border-left: 2px solid #eee; border-right: 2px solid #eee; border-bottom: 2px solid #eee; } table.calendar td div.elem { border-top:2px solid #ddd; border-left: 2px solid #eee; border-right: 2px solid #eee; border-bottom: 2px solid #eee;padding: 5px; } table.calendar div.performance { padding: 2px;webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;line-height: 1.2; } table.calendar div.performance:hover { background-color: #CA006F; } table.calendar div.performance:hover a,table.calendar td:hover div.performance:hover span { color: #fff; } table.calendar div.performance:hover p.button { background-color: #fff;color:#CA006F; } table.calendar div.performance:hover p.button.salesstatus_Sale { color:#CA006F !important; } table.calendar caption { padding: 5px 0; background-color: #e3e3e3;border:2px solid #eee;position: relative; } table.calendar thead { background-color: #e3e3e3; } table.calendar a.prev, table.calendar a.next { position: absolute;width: 44px; height: 44px;background-color: #fff; display: inline-block; text-indent: -999em;border-radius: 5px; outline: none; background-size: 10px !important; } table.calendar a.prev { left: 5px;background-image: url("/assets/content/default/arrow_calendar_left.svg"); background-repeat: no-repeat;background-position: center; } table.calendar a.next { right: 5px;background-image: url("/assets/content/default/arrow_calendar_right.svg"); background-repeat: no-repeat;background-position: center; } table.calendar select.choosemonth { width:auto; } table.calendar .performance { margin:15px 0 0 0; } table.calendar .performance:last-of-type { margin:15px 0; } .calendar.floatingweekdays.floating { display: table; } .calendar.floatingweekdays { margin: 0;border: 0 none; position: absolute; top: 50px;left: 0; right: 0; background-color: #FFFFFF; display: none; z-index: 1; } .listfilter { display:block; } .listfilter.activecal { display: none; } .listfilter.activecal .filterbuttons button { border-color: #ddd; background-color: #ddd; } .listfilter.activecal .filterbuttons button.light { border-color: #ddd !important;color:#ddd !important; } .listfilter.activecal .filterbuttons button:focus,.listfilter.activecal .filterbuttons button:hover,.listfilter.activecal .filterbuttons button:active, .listfilter.activecal .filterbuttons button.light:focus, .listfilter.activecal .filterbuttons button.light:hover, .listfilter.activecal .filterbuttons button.light:active { box-shadow: none !important; } .listfilter.activecal input:focus, .listfilter.activecal input:active { box-shadow: none !important; border-color: #ddd !important; } .description_inner { max-height: 300px;overflow: hidden;position: relative; } .description .readmore,.description .readless { display: none;text-align: center; font-weight: bold;width: 100%; } .description .readmore a,.description .readless a { text-decoration: none; } .description .shadow { display: none; position: absolute;bottom: 0;height: 100px;width: 100%;-webkit-box-shadow: inset 0px -91px 60px -48px rgb(238, 238, 238); -moz-box-shadow: inset 0px -91px 60px -48px rgb(238, 238, 238); box-shadow: inset 0px -91px 60px -48px rgb(238, 238, 238); } .alertbox { border-radius:3px;color:#FFF;margin:20px 0;padding:15px 15px 15px 65px;position:relative; } .alertbox.blue { background:#76C0F1;background:rgba(27,150,232,.6);border-color:#1B96E8; } .alertbox.pink { background:#FB517F;background:rgba(250,7,72,.7);border-color:#FA0748; } .site2 .alertbox.pink { background:#CA006F;border-color:#CA006F; } .alertbox:before { background:#FFF;border-radius:50%;content:'!';display:block;font-size:1.25em;font-weight:bold;height:30px;left:20px;line-height:30px;position:absolute;text-align:center;top:12px;width:30px; } .alertbox.blue:before { color:#76C0F1; } .alertbox.pink:before { color:#FB517F; } .site2 .alertbox.pink:before { color:#CA006F; } .alertbox * { color: #fff !important; } .googlemapbackground { background-color: #f2f2f2; height: 180px; text-align: center; padding: 70px 20px; background-image: url("/assets/style/gfx/map.png"); background-repeat: no-repeat; background-size: cover; } .module_show_event .conftail, .module_show_performance .conftail, .module_show_event .confhead, .module_show_performance .confhead { float:left; width: 100%; } .listfilter { margin: 0 0 20px 0; } .listfilter h3 { display: inline-block; vertical-align: middle; margin: 0; } .listfilter .filter_wrapinner { margin: 20px 0 0 0; } .listfilter .filterbuttons { position: relative;display: inline-block; vertical-align: middle; } .listfilter .filterbuttons a{ position: absolute;left: 0px;top: -20px;text-decoration: none !important; font-weight: bold; width: 40px; height: 40px; cursor: pointer; } .listfilter .filterbuttons a:focus { outline:none !important; } .listfilter .filterbuttons a span { top: 20px; right: 9px; } .listfilter .filterbuttons a span,.listfilter .filterbuttons a span:before, .listfilter .filterbuttons a span:after { cursor: pointer;border-radius: 1px;height: 2px;width: 20px;position: absolute;display: block;content: '';text-indent: -999em; } .listfilter .filterbuttons a span:before { background: #CA006F;top: 0;transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);} .listfilter .filterbuttons a span:after { background: #CA006F;bottom: 0;transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .listfilter .words { width: 100%;display:inline-block;margin: 0 0 10px 0;position: relative; } .listfilter .searchfilterwait { position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; background-image: url("gfx/api-loading.svg");background-size: 50px;background-repeat: no-repeat; background-position: center;display: none; } .listfilter input { width: 100%; } .listfilter .from, .listfilter .to { position: relative;display: inline-block;width: calc(50% - 5px); margin: 0 0 10px 0; } .listfilter .from { margin: 0 5px 10px 0; } .listfilter .to { margin: 0 0 10px 5px; } .listfilter .from:after, .listfilter .to:after { content: url(gfx/search_date.svg);padding: 0 0 0 5px;display: inline-block;vertical-align: middle;width: 13px;position: absolute;right:12px;bottom:8px; } .listfilter .from label, .listfilter .to label { display: inline-block; vertical-align: middle; width: calc(100% - 40px); float: none; margin: 0 0 10px 0; } .listjselem_item:not(.show) { display: none; } .show_detail_images .bx-prev, .show_detail_images .bx-next { top:50%; transform:translate(0,-50%); } .show_detail_images .bx-prev { left: 0px; } .show_detail_images .bx-next { right: 0px; } .articlecollection_element+.articlecollection_element { margin-top: 40px; } .articlecollection_element .show_detail_infos a.button { min-width: 250px; } .seatselectionheader { background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 20px 20px 0 0; } .seatselectionheader-inner { background-color: rgba(51, 55, 69, 0.8); color: #FFFFFF; border-radius: 20px 20px 0 0; padding: 30px 40px; } .seatselectiontitle.h2 { font-size: 2.625em;margin: 0 0 5px 0; } .seatselectionvenue { font-size: 0.875em;margin: 10px 0 5px 0; } .seatselectiontitle.h2, .seatselectionvenue { color: #FFFFFF; line-height: 1em; } .seatselectionheader-inner select { background: url("/assets/style/gfx/dropdown_white.svg") 96% no-repeat; background-color: transparent !important; border-color: #e91b88; color:#fff;display:inline-block;padding: 8px 6px;margin: 0 30px 0 0;width: 150px; } .seatselectionheader-inner select option { color:#333745; } .seatselectionheader-inner select:focus { border-color: #e91b88 !important;background-color: rgba(255,255,255,0.2) !important; } .seatselectionheader-inner select.times_select { display: none; } .seatselectionheader-inner select.times_select.active { display: inline-block; } .seatselectionheader-inner select.onlyoneoption { background-color: transparent; border-color: #FFFFFF; cursor: not-allowed; } a#change_overlay:link, a#change_overlay:visited, a#change_overlay:focus, a#change_overlay:hover, a#change_overlay:active { border:0 none;cursor:pointer;display:inline-block;font-size:0.875em;font-weight: bold;line-height:1.2;margin:0;padding:10px 8px;text-align:center;text-decoration:none;width: 150px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } a#change_overlay:link, a#change_overlay:visited, a#change_overlay:focus, a#change_overlay:hover, a#change_overlay:active {background-color: #CA006F;color:#fff;} a#change_overlay.disabled:link, a#change_overlay.disabled:visited, a#change_overlay.disabled:focus, a#change_overlay.disabled:hover, a#change_overlay.disabled:active { background-color: #999999; cursor:not-allowed; } .video-container {padding-bottom: 56.25%;padding-top:10px;position:relative;width:100%;} .video-container iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} ul.article {list-style:none; list-style-image:none;margin:0;padding:0;} .article li.cfix {border-bottom:1px dotted #666;padding:12px 0 7px;} .article .title {margin-top:0;} .article .subtitle {font-size:1em;margin:.2em 0;line-height: 1.5;} .date {margin:0;} ul.img { list-style: none; list-style-image: none; margin: 0 -10px 0 0; padding: 0; position: relative; } ul.img>li { display: inline-block; vertical-align: top; width: 33.3333%; padding: 0 10px 10px 0; } ul.img>li:first-child { width: 100%; } p.img img { width: 100%; height:auto;margin: 0 0 10px 0; } ul.img img { width: 100%; height: auto; display: block; vertical-align: top; } ul.img a:link, ul.img a:visited, ul.img a:hover, ul.img a:focus, ul.img a:active { display: block; } article.article { padding: 20px;background: #fff; border: 1px solid #ddd;margin: 10px 0; -webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease; } article.article:hover { background: #fff; } div.gal-list {margin:1.4em 0;} ul.gal-list {list-style:none;list-style-image:none;margin:0;padding:0;} .gal-list li.item {border-bottom:1px solid #DCEEDC;padding:15px 0;} .gal-list li.item:last-child {border-bottom:0 none;} .gal-list .gal-thumbs {display:inline;margin:0;} .gal-list .gal-link {float:left;font-size:0.85em;height:59px;margin:0;padding:4px 0 0;width:78px;} .gal-link a:link, .gal-link a:visited, .gal-link a:focus, .gal-link a:hover, .gal-link a:active {background-color:#378B37;color:#fff;display:block;height:49px; padding:5px 10px;text-decoration:none;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;vertical-align:bottom; text-align:right;width:58px;} .gal-link a:focus, .gal-link a:hover, .gal-link a:active {background-color:#fff;color:#378B37;} ul.gal-thumbs {list-style:none;list-style-image:none;margin:0 -5px 0 0;padding:0;} .gal-thumbs li {float:left;height:59px;margin:4px 4px 0 0;width:78px;} .gal-thumbs li.active {margin-top:2px;height:61px;} .gal-thumbs img {height:59px;-moz-transform-origin: center center;-ms-transform-origin: center center;-o-transform-origin: center center;-webkit-transform-origin: center center;transform-origin: center center;-moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; -webkit-transition: all 0.1s ease-out;transition: all 0.1s ease-out;vertical-align:bottom;width:78px;} .gal-thumbs a:link, .gal-thumbs a:visited, .gal-thumbs a:focus, .gal-thumbs a:hover, .gal-thumbs a:active {display:block;} .gal-thumbs a:focus, .gal-thumbs a:hover, .gal-thumbs a:active {} .gal-thumbs a:focus img, .gal-thumbs a:hover img, .gal-thumbs a:active img { -moz-box-shadow: 0px 0px 4px #000;-ms-box-shadow: 0px 0px 4px #000;-webkit-box-shadow: 0px 0px 4px #000;box-shadow: 0px 0px 4px #000;margin:-3px -4px;height:64px !important; position:relative;width:86px !important;} .gal-thumbs li.active img {border-top:2px solid #378B37;} ul.gal-nav {list-style:none;list-style-image:none;margin:.3em 0;padding:.5em 7em ;position:relative; text-align:center;} .gal-nav li {display:block;padding:4px 0;} .gal-nav .prev, .gal-nav .next {position:absolute;top:.5em;padding:0;} .gal-nav .next {right:0;} .gal-nav .prev {left:0;} .gal-nav a:link, .gal-nav a:visited, .gal-nav a:focus, .gal-nav a:hover, .gal-nav a:active {border:1px solid #B4B4B6;color:#D71313;padding:3px 10px;position:relative;text-decoration:none;} .gal-nav a:focus, .gal-nav a:hover, .gal-nav a:active {border-color:#6D6D71;} .gal-nav .next a:link, .gal-nav .next a:visited, .gal-nav .next a:focus, .gal-nav .next a:hover, .gal-nav .next a:active {display:block;} .gal-nav .prev a:link, .gal-nav .prev a:visited, .gal-nav .prev a:focus, .gal-nav .prev a:hover, .gal-nav .prev a:active {display:block;} .gal-img {text-align:center;} .gal-img-descr {text-align:center;} .gmap {height:400px;width:100%;} .gmap img {vertical-align:bottom;} .gmap span.note {display: none;} .gmapInfoWindow {height:auto; width:150px; } ul.downloads {list-style:none;margin:0 0 .69em;padding:0;} ul.downloads li {background-position:0 .15em;list-style-type:none;margin:.2em 0;} .i {background-image:url(icon/fragezeichen.png);background-repeat:no-repeat;background-position:left center;padding-top:.1em; padding-bottom:.1em;text-decoration:none;} a.i:focus, a.i:hover, a.i:active {text-decoration:underline;} .idoc {background-image:url(icon/word.png);padding-left:25px;} .irtf, .itxt {background-image:url(icon/text.png);padding-left:25px;} .izip, .irar, .isit {background-image:url(icon/zip.png);padding-left:25px;} .ijpg, .ijpeg, .igif, .ieps, .ipng, .ibmp {background-image:url(icon/image.png);padding-left:25px;} .ixls, .icsv {background-image:url(icon/excel.png);padding-left:25px;} .ippt {background-image:url(icon/powerpoint.png);padding-left:25px;} .ipdf {background:transparent;padding-left:0;} .imp3, .iwav, .iaudio {background-image:url(icon/audio.png);padding-left:25px;} .iwmv, .ivideo {background-image:url(icon/media-player.png);padding-left:25px;} .imov {background-image:url(icon/quicktime.png);padding-left:25px;} .ihtml {background-image:url(icon/html2.png);padding-left:25px;} ul.browse { font-size:.92em;list-style:none;list-style-image:none;margin:10px 0;padding:20px 0 0;text-align:center; } .browse li {display:inline-block;margin:0 1px 5px; } .browse ul strong, .browse ul span, .browse a { border-radius:8px;display:block;height:30px;line-height:30px;text-align:center;text-decoration:none;transition:.3s ease all;width:30px; } .browse ul {display:inline;list-style:none;list-style-image:none;margin:0;padding:0;} .browse ul strong, .browse ul a:link, .browse ul a:visited, .browse ul a:focus, .browse ul a:hover, .browse ul a:active {border:1px solid;text-decoration:none;} .browse ul a:link, .browse ul a:visited, .browse ul a:focus, .browse ul a:hover, .browse ul a:active {background:#FFF;border-color:#FFF;color:#333745; } .browse ul strong, .browse ul a:focus, .browse ul a:hover, .browse ul a:active {background:#CA006F;border-color:#CA006F;color:#FFF;} .browse li.bnext { background: url(/assets/style/gfx/slider_next_mobile.svg);background-repeat: no-repeat;background-position: left center;margin-left:8px; } .browse li.bprev { background: url(/assets/style/gfx/slider_prev_mobile.svg);background-repeat: no-repeat;background-position: right center;margin-right:8px; } .browse li.bnext a, .browse li.bprev a { text-indent: -999em;width:30px; } .bpages li { margin:0 3px; } a:link, a:visited, a:focus, a:hover, a:active {color: #CA006F;text-decoration: underline;} a:hover:visited, a:focus:visited {} a:visited { border-color:#CA006F;color:#CA006F;} a:focus {outline: none;outline-offset:3px;-moz-outline-radius:5px;} *:focus { outline: none; } a.nof:focus {outline-offset:0;-moz-outline-radius:0;} a:focus, a:hover, a:active {} a:active { outline: none; } a.button, p.button, a.api-cart__gotohome { background:#CA006F;padding: 7px 8px;color:#fff !important;display: inline-block;border-radius: 5px;font-weight: bold;text-decoration: none; } a.api-cart__gotohome:hover, a.api-cart__gotohome:focus, a.api-cart__gotohome:active { text-decoration: underline; } a.button.light, button.light { background:#eee !important; padding: 13px 8px !important; border:2px solid #CA006F !important;color:#CA006F !important; } button.light { padding: 10px 8px !important; } p.button a { color:#fff; text-decoration: none; } .content a[href^="http://echonet.at"], .content a[href^="http://www.echonet.at"], .content a[href^="http://2010.echonet.at"] {background-image:none;padding-right:0;} .content a.noextern {background-image:none;padding-right:0;} a.more:after { content:url(gfx/more_pink.svg); padding: 0 0 0 5px; } p.more a:after { content:url(gfx/more_white.svg); padding: 0 0 0 5px; } .article p.more a:after { content:url(gfx/more_pink.svg); padding: 0 0 0 5px;background-size: 20px;position: absolute;width: 8px; } a.back:before { content:url(gfx/back_pink.svg); background-size: 20px;position: absolute;width: 8px;left: 0;} a.back,a.back:link, a.back:visited, p.back a,p.back a:link, p.back a:visited{ text-decoration: none;position: relative;padding: 0 0 0 15px; } a.back:focus,a.back:active, a.back:hover,p.back a:focus,p.back a:active,p.back a:hover { text-decoration: underline; } button,button:focus,button:active, button:hover { text-decoration: none !important; } p.back a:before { content:url(gfx/back_white.svg); padding: 0 5px 0 0; } a.nu:link, a.nu:visited, a.nu:focus, a.nu:hover, a.nu:active {text-decoration:none;} a.nu:focus, a.nu:hover, a.nu:active {text-decoration: underline;} a.spc:link, a.spc:visited, a.spc:focus, a.spc:hover, a.spc:active {color: #BF4342;} a.spc:focus, a.spc:hover, a.spc:active {} a.camu:link, a.camu:visited, a.camu:focus, a.camu:hover, a.camu:active {color: #333;text-decoration:none;} a.camu:focus, a.camu:hover, a.camu:active {text-decoration: underline;} a.tarn:link, a.tarn:visited, a.tarn:focus, a.tarn:hover, a.tarn:active {text-decoration:none;} h1, .h1 {font-size: 2.625em;line-height: 1.3;margin:0.76em 0 .38em;color:#CA006F;} h2, .h2 {font-size: 2.25em;line-height: 1.3;margin:1em 0 .5em; color:#CA006F;} h3, .h3 {font-size: 1.875em;line-height: 1.3;margin:1.06em 0 .53em;color:#333745;} h4, .h4 {font-size: 1.5em;line-height: 1.3;margin:1.12em 0 .56em;color:#333745;} h5, .h5 {font-size: 1.25em;line-height: 1.3;margin:1.28em 0 .64em;color:#CA006F; font-weight: bold;} h6, .h6 {font-size: 1.125em;line-height:1.3;margin:1.5em 0 .75em;color:#333745; font-weight: bold; } p {line-height: 1.6;margin: .69em 0; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } h1, h2, h3, h4 {font-weight:normal;} ol {margin:.69em 0 .69em 2.38em;} ul.tarn ul, ul.tarn ol, ul {margin:.69em 0 .69em 1.38em;} ul ul {list-style-type: disc;margin-top:0;} ul.tarn {list-style:none;list-style-image:none;margin:0;padding:0;} ul.tarn li li {border:0 none;float:none;margin:0;padding:0;} ul.inline {list-style:none;list-style-image:none;margin:0;padding:0;} ul.inline li {display:inline;} article, aside, figure, footer, header, hgroup, nav, section { display:block; } code, pre { font-family: "Courier New", monospace, serif; font-size: 1em; } q{quotes:"\201C""\201D""\2018""\2019";} *[lang|='de'] q:before{content:'\201C';} *[lang|='de'] q:after{content:'\201D';} *[lang|='de'] q q:before{content:'\2018';} *[lang|='de'] q q:after{content:'\2019';} ins,dfn{border-bottom:1px solid #000;} small,sup,sub{font-size:85%;} big{font-size:125%;line-height:80%;} abbr,acronym{text-transform:uppercase;font-size:85%;letter-spacing:.1em;} abbr[title],acronym[title],dfn[title]{cursor:help;border-bottom:1px dotted #888;} sub, sup { font-size: 75%; line-height: 0; position: relative; } sup { top: -0.5em; } sub { bottom: -0.25em; } blockquote{padding-left:2.2em;} hr {border:0;border-top:1px solid #ccc;background-color:#fff;display:block;height:1px;line-height:1px;margin: .69em 0;padding:0;} pre { padding: 15px; white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; text-align: left; } body>pre { white-space: pre; } img { border:0; max-width:100%; height: auto; } img.vmiddle { vertical-align:middle;} .fright img, img.fright {margin: 0 0 .3em .8em;} .fleft img, img.fleft {margin: 0 .8em .3em 0;} .copyright_sign { background-image: url("gfx/MT_Copyright.svg"); content: ''; display: inline-block; text-indent: -999em; width: 11px; height: 11px; background-size: 11px; background-repeat: no-repeat; position: relative; top: 3px; opacity: 0.5; } .copyright_container { position: absolute; top:0; right: 0; background-color: rgba(255, 255, 255, 0); padding: 5px; color: #333333;font-size: 0.7em; z-index: 2; } @media (hover: none) { .copyright_container.show { background-color: rgba(255, 255, 255, 0.5); color: #333333; } } @media (hover: hover) { .copyright_container:hover, .copyright_container:focus { background-color: rgba(255, 255, 255, 0.5); color: #333333; } } .copyright_owner { display: none; } @media (hover: none) { .copyright_container.show .copyright_owner { display: inline; } } @media (hover: hover) { .copyright_container:hover .copyright_owner, .copyright_container:focus .copyright_owner { display: inline; } } ::-moz-selection{ background: #CA006F; color:#fff; text-shadow: none; } ::selection { background:#CA006F; color:#fff; text-shadow: none; } img::selection {background: transparent;} img::-moz-selection {background: transparent;} .box {background-color:#F1F2F4;} .error {color:#f00;} .error a:link, .error a:visited, .error a:focus, .error a:hover, .error a:active, .error h1, .error h2, .error h3, .error h4, .error h5, .error h6 {color:#f00;} .success {color:#009900;} .success a:link, .success a:visited, .success a:focus, .success a:hover, .success a:active, .success h1, .success h2, .success h3, .success h4, .success h5, .success h6 {color:#009900;} .v { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); border:0 !important;height: 1px !important;margin: -1px !important;padding:0 !important;overflow: hidden;width: 1px !important;} .wai {display:inline;float:left;height:1px;margin:-1em 0 0;overflow:hidden;position:relative;width:1px;} .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } .none, .noem em {display:none;visibility:hidden;} .block {display:block;visibility:visible;} .cfix:before, .cfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .cfix:after { clear: both; } .ofix {overflow: hidden;} .bb {border-bottom:1px solid;padding-bottom:1em;} .bt {border-top:1px solid;padding-top:1em;} .c {clear: both;} .cl {clear:left;} .cr {clear:right;} .error {color:#f00;} .error a:link, .error a:visited, .error a:focus, .error a:hover, .error a:active, .error h1, .error h2, .error h3, .error h4, .error h5, .error h6 {color:#f00;} .fright {float:right;} .fleft {float:left;} .fnone {float:none;} .fnorm {font-size:1em;} .fsmall, small {font-size:.85em;} .iblock {display:inline-block;} .m0 {margin:0;} .mb {margin-bottom:.69em;} .mbh {margin-bottom:.35em;} .mbd {margin-bottom:1.4em;} .ml {margin-left:1em;} .mr {margin-right:1em;} .mt {margin-top:.69em;} .mth {margin-top:.35em;} .mtd {margin-top:1.4em;} .mt0 {margin-top:0;} .mb0 {margin-bottom:0;} .p0 {padding:0;} .pb {padding-bottom:.69em;} .pbh {padding-bottom:.35em;} .pbd {padding-bottom:1.4em;} .pl {padding-left:1em;} .pr {padding-right:1em;} .pt {padding-top:.69em;} .pth {padding-top:.35em;} .ptd {padding-top:1.4em;} .pt0 {padding-top:0;} .pb0 {padding-bottom:0;} .notop > *:first-child, #content > *:first-child, .content-inner > *:first-child {margin-top:0;} .nobottom > *:last-child {margin-bottom:0;} .nowrap {white-space:nowrap;} .pad {padding:.5em 1em;} .success {color:#009900;} .success a:link, .success a:visited, .success a:focus, .success a:hover, .success a:active, .success h1, .success h2, .success h3, .success h4, .success h5, .success h6 {color:#009900;} .tcenter {text-align:center;} .tleft {text-align:left;} .tright {text-align:right;} .versal {text-transform:uppercase;} .wauto {width:auto;} .bold { font-weight:bold; } table {border-collapse:collapse;border-spacing:0;font-size:inherit;font:100%;empty-cells:show;width:100%;} caption{} thead{} tbody{} tfoot{} thead th {} th, td {font-size:1em;padding: .2em .2em;} thead td, th {font-weight:bold;} p.button a { color:#fff;text-decoration: none !important;font-size: 0.875em !important; } .search_lists_list p.button a { font-size:1em !important; } .detailed .listanchor a { color:#333745;text-decoration: none; } .detailed .listanchor a:hover strong,.detailed .listanchor a:focus strong, .detailed .listanchor a:active strong { text-decoration: underline; } .module_show_event .lists_list { padding: 30px 0 0 0; } @media screen and (max-width: 719px){ .api-ticketbutton { position: relative; } .catalogue_lists_list .api-ticketbutton::after,.search_lists_list .api-ticketbutton::after { background-image: url(gfx/ticket_buttonlink.png); position: absolute; right: 0; top: 50%; transform: translate(0,-50%); -ms-ransform: translate(0,-50%); -webkit-ransform: translate(0,-50%); width: 12px; height: 28px; background-size: 12px 28px; background-repeat: no-repeat; } .catalogue_lists_list .both .button, .search_lists_list .both .button,.catalogue_lists_list .overlay .button, .search_lists_list .overlay .button { display:inline-block !important; } .catalogue_lists .both a.listanchor:after, .search_lists .both a.listanchor:after,.catalogue_lists .overlay a.listanchor:after, .search_lists .overlay a.listanchor:after { display:none; } .catalogue_lists .both a.listanchor, .search_lists .both a.listanchor,.catalogue_lists .overlay a.listanchor, .search_lists .overlay a.listanchor{ width:calc(100% - 40px);float: left; } .catalogue_lists .both p.button, .search_lists .both p.button,.catalogue_lists .overlay p.button, .search_lists .overlay p.button { width:40px;background-color: transparent;margin: 0; position: absolute; top: 50%; right: -5px; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); padding: 0; } .catalogue_lists .both p.button a, .search_lists .both p.button a,.catalogue_lists .overlay p.button a, .search_lists .overlay p.button a { text-indent:-999em;display:inline-block; width:100%; } .catalogue_lists .both p.button a:after, .search_lists .both p.button a:after,.catalogue_lists .overlay p.button a:after, .search_lists .overlay p.button a:after { text-indent:0; } .detailed_lists .both p.button,.detailed_lists .overlay p.button { width: 40px; margin: 0; border-radius: 50%; padding: 0; height: 40px; } .detailed_lists .both p.button a,.detailed_lists .overlay p.button a { display: inline-block; text-indent: -999em; background: url(gfx/icon_shopticket.svg); background-color: rgba(0, 0, 0, 0); background-position-x: 0%; background-position-y: 0%; background-repeat: repeat; background-repeat: no-repeat; background-position: center; width: 40px; height: 40px; border-radius: 50% !important; } } .api-voucherquery__headline { margin-bottom: 20px; } .api-voucherquery__fieldwrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .api-voucherquery__field { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .api-voucherquery__input { width: 100%; height: 40px; border: 1px solid #cccccc; } .api-voucherquery__action { width: 140px; margin-left: 20px; } .api-voucherquery__submit { display: block; width: 100%; padding: 7px; cursor: pointer; border: 0; border-radius: 3px; background-color: #e91b88; font-weight: bold; color: #ffffff; text-align: center; } .api-voucherquery__submit:hover { color: #ffffff; } .api-voucherquery__submit.api--is-loading { overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPgAAAD3CAIAAAC/5Q6JAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkRCNjMwRTk5MjQ4NTExRTk5Rjg3QUU1RDg3NTNBN0Q2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkRCNjMwRTlBMjQ4NTExRTk5Rjg3QUU1RDg3NTNBN0Q2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6REI2MzBFOTcyNDg1MTFFOTlGODdBRTVEODc1M0E3RDYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6REI2MzBFOTgyNDg1MTFFOTlGODdBRTVEODc1M0E3RDYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7z4bZ7AAAIPUlEQVR42uzdbWxV5QHAcfp6WwotBZ0RCMxiJplohhkuRskiiB9IppthcWYvCTExYR+2fVCXsPhpmYnMD9s+zIRkIdlcnBuRBROyiWJcXZZJAk6QoONlEJVVgVL6em972z1NF1Ao9vac59x7i7/fB2PCPc85Pf3znOfcN2q6Fj01C652tU4BQgehg9BB6CB0EDoIHYSO0EHoIHQQOggdhA5CB6GD0BE6CB2EDkIHoYPQQeggdBA6Qgehg9BB6CB0EDoIHYQOQkfoIHQQOggdhA5CB6GD0EHoCB2EDkIHoYPQQeggdBA6CB2hg9BB6CB0EDoIHYQOQgehI3QQOggdhA5CB6GD0EHoIHSEDkIHoYPQQeggdBA6CB2EjtBB6CB0EDoIHYQOQgehI3QQOggdhA5CB6GD0EHoIHSEDkIHoYPQQeggdIis3imYieqWzqtb2FrTmgv/P3Y+X/zgfPHEOadF6FfFxXfB7Nx9y3NrOhpWLa6Z03jJn471FYb3vpffcyy/8/DomQGn6xI1XYuechaupGHl9fU3X1e3pO3i3HmyZ+TtruH9p8o8f8/edHvzd75U4uMHn31z4Jk3zPFCn7rvpgdvya2/qXZ+86QPGD07mN/1ztDzB8pQfMsP7mh5fHWCDfu3dPb/6h9+m0KfbO5cNn/Oo3flvra8xMfnXzzc9/TrxaNnM1qrtP5ifePdHYlHKLx67PyPdpVtJVO/4rq6G9pr28dnh9HuweLx7pGDXUKvOmFtMPdn62bV1Uxvs+JY7092h9VC9OVK27YH6r9wTcpxRt493bPxhUyXMY2rlzZtWJG798aaublL7xx68/mXjgxtP1joPCH0qjBn81dnf/8riTcf+PU/+558LeJcPu9P30pf+YXWz33zD1nM62EKn/P46sY1U19zCnuO9W3prOAEX/dY67oqemLh2pa6z7eH/45PBgPDM6Xy8WX9qsU1TfWx5q22rfc3fHlRxL829cuvGdpxKPIF8Hsr5217IKxVSurshvZwwRw9PTDyr/9WJK2qeHqx/oufa37o1sa1y+qWtF1cEZzsKbxydPC5t0YOfZj1iiVl5RPCIOGY069hwt1nmnX55KuLuzvCsBHvTVt+eEfLY9O+RZ775Lra9qb+X1bgFrnyS5e5P72neeNtn/KAwW37ep94Obu7zwV7Hp72uvzK6/Uza36T5t40LM0X/P2RjH7YM3dujbJYD3N5SDbx5r2bdw/+dn+5FwuVXai07/j2p1c+flo33hYeNrGeib9oefSuaJWPd1ozPmCay8Km27M74VEGD+vyNJVPzOthkM9Q6G1bv96wqqSVaHhYeHD0A2hYeX3pzySWKAwYhk28mC79VaFki7Swi7RTQ6In9bMYZGaEHlYsJVZ+ofWwSdxjaHrwlix+tMTD5u5bnvVpT7mLxtVLS3mOZepx1nSEoa7+0MfvPqdasUy6hgkbxvytr78pk5iSDptb05F56Ol20bRhRbTpIN5Q1Rt680O3lnnDSdctV3qFP+05nd+cbPXSsGpx1mc+5S5y994Y7a9cvKGqN/TGtcvKvOEkV5WbM7wfSjB43dJ5l78nMbqwi7CjxLehl7/2mfxI5ubKeUtagdDHXxX62PPl06thSVusp18SH0NGg9ctbC3P+U+8oxJfG6rggFUXegU3vzijtOay+xkTDJ7p8UTZ0cS7tWKW0N58NYcOFZhey7/L0Y/6K7j5BWPn89n9jAkGz/R4ouxotHswcgmxB6y60Isne5JtGzaMFXriY8ho8OIH58tz/hPvqHi8O/KRxB6w6pYuhVeOlnnDy428neFbRhMMXjxxbqyvkPl03ldI/HaXkYNdY73RLjthqHK+a7cyoQ8+91aZN7zc8P5To2czuXSGYZN9xG5473tZn/mUu8i/dCTWkUQcqnpDHzn04eC2fdOufNu+uG/Zze96J4ufLvGw+T3Hsj7zKXcxtP1grCOJOFT1hh70PvHy8N73pzMVvR/9zbpDzx/I4kdLPGx+5+HMQ0+3i0LniUKMv41hkDJ/uK6STy/2PPLnElsPDwsPjn8d338q/2LktsKAib8aYPTMQPTPnn7ikvjsm+k/UNe3pTP9kUQZZMaEPvpRf/c3fj/lGiY8IDws1pMtl57xp1+fVRyL9zzC2PiAKQw880Z2JzzK4OEOsnfz7lQX8827y//h0cp/ZrTw6rH8X/49a2S0dsHs2rami82c7Mm/cKj3x38d+uOB7PY+1j04enogd0+ct9CEX2HhteOpjqdnKJyKxjvjv4W1f0tnrPu/8c99FhMeZP/POwe27i1/ZtX1LQC117ZMvMIf5u+MpvBJpf9w9KyoXwQw73cb4n5sNMwm5767Pe5JS/CBuop8iK5aZvRPzGcDwxOJl/MrACbusWqa6tO8hTXu110U/vafxrUd6T8N9P8J+N3TPQ/vGBuMfErDvB4uEXULW0t5b1a4++zZtLOw+0il0vK9Lh+bonyBUSK+wGjm8ZV0afhKuhnGl4xefYQ+RfG+NlrolJV/CEDon717Cf+0y3TvH5yCmShkrezpXQ+dAoQOQgehg9BB6CB0EDoIHaGD0EHoIHQQOggdhA5CB6EjdBA6CB2EDkIHoYPQQeggdIQOQgehg9BB6CB0EDoIHYSO0EHoIHQQOggdhA5CB6GD0BE6CB2EDkIHoYPQQeggdBA6Qgehg9BB6CB0EDoIHYQOQkfoIHQQOggdhA5CB6GD0EHoCB2EDkIHoYPQQeggdBA6CB2hg9BB6CB0EDoIHYQOQkfoIHQQOggdhA5CB6GD0EHoCB2EDkIHoYPQQeggdJi+/wkwALfH9Qxe14R0AAAAAElFTkSuQmCC"); color: transparent; } .api-voucherquery__errormessage { padding-top: 10px; font-weight: bold; color: #cc0000; } .api-voucherquery__message { padding: 10px; margin-top: 10px; background-color: #e91b88; font-weight: bold; color: #ffffff; } .api-voucherquery__resultlist { margin-top: 20px; } .api-voucherquery__resultlistloadmorebutton { display: block; width: 100%; padding: 10px; cursor: pointer; border: 0; border-radius: 3px; background-color: #e91b88; font-weight: bold; color: #ffffff; text-align: center; } .api-voucherquery__resultlistloadmorebutton.api--is-loading { overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPgAAAD3CAIAAAC/5Q6JAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkRCNjMwRTk5MjQ4NTExRTk5Rjg3QUU1RDg3NTNBN0Q2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkRCNjMwRTlBMjQ4NTExRTk5Rjg3QUU1RDg3NTNBN0Q2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6REI2MzBFOTcyNDg1MTFFOTlGODdBRTVEODc1M0E3RDYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6REI2MzBFOTgyNDg1MTFFOTlGODdBRTVEODc1M0E3RDYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7z4bZ7AAAIPUlEQVR42uzdbWxV5QHAcfp6WwotBZ0RCMxiJplohhkuRskiiB9IppthcWYvCTExYR+2fVCXsPhpmYnMD9s+zIRkIdlcnBuRBROyiWJcXZZJAk6QoONlEJVVgVL6em972z1NF1Ao9vac59x7i7/fB2PCPc85Pf3znOfcN2q6Fj01C652tU4BQgehg9BB6CB0EDoIHYSO0EHoIHQQOggdhA5CB6GD0BE6CB2EDkIHoYPQQeggdBA6Qgehg9BB6CB0EDoIHYQOQkfoIHQQOggdhA5CB6GD0EHoCB2EDkIHoYPQQeggdBA6CB2hg9BB6CB0EDoIHYQOQgehI3QQOggdhA5CB6GD0EHoIHSEDkIHoYPQQeggdBA6CB2EjtBB6CB0EDoIHYQOQgehI3QQOggdhA5CB6GD0EHoIHSEDkIHoYPQQeggdIis3imYieqWzqtb2FrTmgv/P3Y+X/zgfPHEOadF6FfFxXfB7Nx9y3NrOhpWLa6Z03jJn471FYb3vpffcyy/8/DomQGn6xI1XYuechaupGHl9fU3X1e3pO3i3HmyZ+TtruH9p8o8f8/edHvzd75U4uMHn31z4Jk3zPFCn7rvpgdvya2/qXZ+86QPGD07mN/1ztDzB8pQfMsP7mh5fHWCDfu3dPb/6h9+m0KfbO5cNn/Oo3flvra8xMfnXzzc9/TrxaNnM1qrtP5ifePdHYlHKLx67PyPdpVtJVO/4rq6G9pr28dnh9HuweLx7pGDXUKvOmFtMPdn62bV1Uxvs+JY7092h9VC9OVK27YH6r9wTcpxRt493bPxhUyXMY2rlzZtWJG798aaublL7xx68/mXjgxtP1joPCH0qjBn81dnf/8riTcf+PU/+558LeJcPu9P30pf+YXWz33zD1nM62EKn/P46sY1U19zCnuO9W3prOAEX/dY67oqemLh2pa6z7eH/45PBgPDM6Xy8WX9qsU1TfWx5q22rfc3fHlRxL829cuvGdpxKPIF8Hsr5217IKxVSurshvZwwRw9PTDyr/9WJK2qeHqx/oufa37o1sa1y+qWtF1cEZzsKbxydPC5t0YOfZj1iiVl5RPCIOGY069hwt1nmnX55KuLuzvCsBHvTVt+eEfLY9O+RZ775Lra9qb+X1bgFrnyS5e5P72neeNtn/KAwW37ep94Obu7zwV7Hp72uvzK6/Uza36T5t40LM0X/P2RjH7YM3dujbJYD3N5SDbx5r2bdw/+dn+5FwuVXai07/j2p1c+flo33hYeNrGeib9oefSuaJWPd1ozPmCay8Km27M74VEGD+vyNJVPzOthkM9Q6G1bv96wqqSVaHhYeHD0A2hYeX3pzySWKAwYhk28mC79VaFki7Swi7RTQ6In9bMYZGaEHlYsJVZ+ofWwSdxjaHrwlix+tMTD5u5bnvVpT7mLxtVLS3mOZepx1nSEoa7+0MfvPqdasUy6hgkbxvytr78pk5iSDptb05F56Ol20bRhRbTpIN5Q1Rt680O3lnnDSdctV3qFP+05nd+cbPXSsGpx1mc+5S5y994Y7a9cvKGqN/TGtcvKvOEkV5WbM7wfSjB43dJ5l78nMbqwi7CjxLehl7/2mfxI5ubKeUtagdDHXxX62PPl06thSVusp18SH0NGg9ctbC3P+U+8oxJfG6rggFUXegU3vzijtOay+xkTDJ7p8UTZ0cS7tWKW0N58NYcOFZhey7/L0Y/6K7j5BWPn89n9jAkGz/R4ouxotHswcgmxB6y60Isne5JtGzaMFXriY8ho8OIH58tz/hPvqHi8O/KRxB6w6pYuhVeOlnnDy428neFbRhMMXjxxbqyvkPl03ldI/HaXkYNdY73RLjthqHK+a7cyoQ8+91aZN7zc8P5To2czuXSGYZN9xG5473tZn/mUu8i/dCTWkUQcqnpDHzn04eC2fdOufNu+uG/Zze96J4ufLvGw+T3Hsj7zKXcxtP1grCOJOFT1hh70PvHy8N73pzMVvR/9zbpDzx/I4kdLPGx+5+HMQ0+3i0LniUKMv41hkDJ/uK6STy/2PPLnElsPDwsPjn8d338q/2LktsKAib8aYPTMQPTPnn7ikvjsm+k/UNe3pTP9kUQZZMaEPvpRf/c3fj/lGiY8IDws1pMtl57xp1+fVRyL9zzC2PiAKQw880Z2JzzK4OEOsnfz7lQX8827y//h0cp/ZrTw6rH8X/49a2S0dsHs2rami82c7Mm/cKj3x38d+uOB7PY+1j04enogd0+ct9CEX2HhteOpjqdnKJyKxjvjv4W1f0tnrPu/8c99FhMeZP/POwe27i1/ZtX1LQC117ZMvMIf5u+MpvBJpf9w9KyoXwQw73cb4n5sNMwm5767Pe5JS/CBuop8iK5aZvRPzGcDwxOJl/MrACbusWqa6tO8hTXu110U/vafxrUd6T8N9P8J+N3TPQ/vGBuMfErDvB4uEXULW0t5b1a4++zZtLOw+0il0vK9Lh+bonyBUSK+wGjm8ZV0afhKuhnGl4xefYQ+RfG+NlrolJV/CEDon717Cf+0y3TvH5yCmShkrezpXQ+dAoQOQgehg9BB6CB0EDoIHaGD0EHoIHQQOggdhA5CB6EjdBA6CB2EDkIHoYPQQeggdIQOQgehg9BB6CB0EDoIHYSO0EHoIHQQOggdhA5CB6GD0BE6CB2EDkIHoYPQQeggdBA6Qgehg9BB6CB0EDoIHYQOQkfoIHQQOggdhA5CB6GD0EHoCB2EDkIHoYPQQeggdBA6CB2hg9BB6CB0EDoIHYQOQkfoIHQQOggdhA5CB6GD0EHoCB2EDkIHoYPQQeggdJi+/wkwALfH9Qxe14R0AAAAAElFTkSuQmCC"); color: transparent; } .api-voucherquery__resultlistitem { border-bottom: 1px #cccccc solid; } .api-voucherquery__production { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 10px 0; } .api-voucherquery__productioncol { -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; margin-right: 20px; } .api-voucherquery__productioncol:last-child { margin-right: 0; } .api-voucherquery__productioncol--image { -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; margin-right: 20px; } .api-voucherquery__productioncol--name { -webkit-box-flex: 3; -ms-flex: 3 0 0px; flex: 3 0 0; } .api-voucherquery__productionimage { width: 100px; height: 59px; background-size: cover; } .api-voucherquery__productionimageplaceholder { width: 100px; height: 59px; background-color: #cccccc; } .api-voucherquery__productionname { margin: 0; font-size: 1.1em; line-height: 1.2223; font-weight: normal; } .api-voucherquery__productionname a,.api-voucherquery__performancename a { text-decoration: none;color: #333; } .api-voucherquery__productionname a { font-weight: bold; } .api-voucherquery__productionsummary { display: block; cursor: pointer; font-weight: bold; text-decoration: underline; } .api-voucherquery__productionsummary:hover { text-decoration: none; } .api-voucherquery__productionperformancedates { display: block; color:#545454; } .api-voucherquery__performance { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 10px 0; border-top: 1px #cccccc dashed; color: #545454; } .api-voucherquery__performancecol { -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; margin-right: 20px; } .api-voucherquery__performancecol:last-child { margin-right: 0; } .api-voucherquery__performancecol--name { -webkit-box-flex: 1; -ms-flex: 3 0 0px; flex: 3 0 0; font-size: 0.875em; } .api-voucherquery__performancecol--action .api-ticketbutton { display: block; width: 100%; padding: 7px; cursor: pointer; border: 0; border-radius: 3px; background-color: #e91b88; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; } .api-voucherquery__performancecol--action .api-ticketbutton--disabled { display: block; width: 100%; padding: 7px; cursor: pointer; border: 0; border-radius: 3px; background-color: #bebebe; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; pointer-events: none; } .api-voucherquery__performancename { margin: 0; font-size: 1.1em; line-height: 1.2223; font-weight: bold; color:#333745; } .api-voucherquery__performancecol--dayofweek, .api-voucherquery__performancecol--time, .api-voucherquery__performancecol--day { display: none; } .api-voucherquery__performancevenue, .api-voucherquery__productionvenue { color:#999; } form {clear: both;margin: 1.38em 0;padding:0;width:100%;} fieldset {border:0 none;margin:0 0 1em;padding:0.5em 0;position:relative;text-align: left;} fieldset.p0 {padding:0;} legend {font-weight:bold;font-size:1.1em;padding:0;} form ol, form ul {list-style-type:none;margin:0;overflow:hidden;padding:0;} form ol li, form ul li {background-image:none;float:left;list-style-image:none;padding:3px 0;width:100%;} form li ol, form li ul {float:left;padding:0;} form ol li li, form ul li li {list-style-image:none;padding:1px 0;} form ol div label, form ul div label {display:block;float:none;margin:0;width:auto;} form .optgroup, form .optgroup li {width:auto;} form .optgroup {float:none;} form .optgroup li {margin-right:10px;} form li.req {} label.checktxt::before { background-image: url(../content/default/check.svg); background-position: 0 2px; } label.radiotxt::before { background-image: url(../content/default/radio.svg); background-position: 1px 2px; } label.checktxt:before, label.radiotxt:before { background-color: #fff; content: ""; color: #fff; display: inline-block; width: 13px; height: 13px; background-repeat: no-repeat; border: 1px solid; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; border-radius: 0; margin: 6px 10px -1px 0; font-size: 0.7em; font-style: normal; background-size: 12px auto; margin-left: -25px; border: 1px solid #ddd; } label.checktxt, label.radiotxt { position: relative; font-size: 1em; padding-top: 5px; padding-bottom: 5px; display: block; padding-left: 30px; width: 100%; cursor: pointer; } label.dsgvo { text-align: left;width: 100% !important; } form .checktxt, form .radiotxt, form .widetxt { margin-right: 0; } input[type="checkbox"], input[type="radio"] { display: none; } label.radiotxt::before { border-radius: 50%; } input[type="checkbox"]:checked + label.checktxt::before, input[type="radio"]:checked + label.radiotxt::before { border-color: #CA006F; background-color: #CA006F; } form .error-msg {background: #F4B2B2;border: 2px solid #D90000;border-radius: 4px;margin-top: 20px;padding: 10px 12px;} form .error-msg legend {border:1px solid;padding:.2em .5em;} form .error-msg ul { list-style-type:square;margin-left:20px;overflow:visible;} form .error-msg ul li {clear:both;float: none;list-style-image:none;padding:2px 0;width:auto;} form .error-msg label {float:none;display:inline;margin:0;padding:0;width:auto;} form li.error label {} form li.error input, form li.error select, form li.error textarea {font-weight:normal;} .ng-invalid { border-color:#D90000; } form small {display:block;font-size:0.85em;} label, form ol div, form ul div {float:left;line-height:1.3;margin:5px 10px 0 0;vertical-align:top;} .req label {font-weight:bold;} form .checktxt, form .radiotxt, form .widetxt { margin-right:0;} form .radiotxt.full, form .checktxt.full {width:90%;} form fieldset .autotxt {width:auto;} form label.req {display:block;float:none;font-weight:bold;margin:0 0 .69em;width:100%;} input, select, textarea {border: 1px solid;display:inline-block;font-size:0.875em;padding:10px 12px; font-family: 'PT Sans', arial;font-weight: bold; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; border-radius: 0px; } input::placeholder, textarea::placeholder { font-weight: bold; } select {width:auto; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("/assets/style/gfx/dropdown.svg") no-repeat #fff; background-size: 15px; border-radius: 5px; padding-right: 20px !important; background-position: center right; background-position-x: calc(100% + 15px); background-origin: content-box; padding-top: 10px; } select.api-pricecategoryitem__quantity { padding-right: 10px !important; } select.onlyoneoption { background-image:none !important; } option {padding-left: 0.4em; color: #333;} textarea {vertical-align:top;resize:none;} input.button {text-align:center;font-family: 'PT Sans',arial,sans-serif !important; } input.button:focus {text-decoration:underline;} input.img {border:0 none;padding:0;width: auto;} input.noborder {background-color: transparent;border: 0 none;margin-bottom:.7em;margin-right:5px;padding:0;width:auto;} input.checkbox, input.radio {background-color: transparent;border: 0 none;margin:7px 5px 0 0;padding:0;width:auto;} label, input[type=checkbox], input[type=radio], input[type=submit], button {cursor:pointer;} input[type='text'],input[type='password']{cursor:text;} input[type='hidden']{display:none;} input[disabled], select[disabled], textarea[disabled] {background-color:#DDDDDD; cursor:auto;} input[type="submit"]::-moz-focus-inner {border:0;} form .wauto {width:auto;} form .full {width:98%;} form .spacer {display:block;margin:.2em 5px 0 0;float:left; text-align:center;} form .short {margin-right:10px;width:100px;} form img.captcha {float:left;margin-right:.5em;} a.button:link, a.button:visited, a.button:focus, a.button:hover, a.button:active, button {border:0 none;cursor:pointer;display:inline-block;font-size:0.875em;font-weight: bold;line-height:1.2;margin:0;padding:10px 8px;text-align:center;text-decoration:none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } button { overflow: visible;padding: 12px 6px;font-family: 'PT Sans',arial,sans-serif !important; } a.button:focus, a.button:hover, a.button:active, button:focus, button:hover, button:active { text-decoration:none; } button::-moz-focus-inner {border: none;} button.auto, a.auto:link, a.auto:visited, a.auto:focus, a.auto:hover, a.auto:active {width:auto;} button.fright, a.fright:link, a.fright:visited, a.fright:focus, a.fright:hover, a.fright:active {float:right;} label, form ol div, form ul div {overflow:hidden;width:100%;} form fieldset .right {width: 100%;} input, select, textarea {width:calc(100% - 14px);} form .checktxt, form .radiotxt, form .widetxt {width:calc(100% - 20px);} form li ol, form li ul, select, input.button {width:100%;} input.captcha {margin-top:10px;width:100px;} form li.req {} form .req li label {background-color:transparent;} input, select, textarea {background-color: #fff;border-color: #ddd;} a.button:link, a.button:visited, a.button:focus, a.button:hover, a.button:active, button {background-color: #CA006F;color:#fff;} a.button:focus, a.button:hover, a.button:active, button:focus, button:hover, button:active {} input.placeholder {color:#B3B3B3;} input::-webkit-input-placeholder {color:#B3B3B3;} input:-moz-placeholder {color:#B3B3B3s;} a.button:focus, a.button:hover, a.button:active, button:focus, button:hover, button:active, input:focus, select:focus, textarea:focus {border-color:#000; -webkit-box-shadow: 0 0 5px #333333; -moz-box-shadow: 0 0 5px #333333; -o-box-shadow: 0 0 5px #333333; box-shadow: 0 0 5px #333333; } form li.error label {color:#f00;} input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=date]:focus, input[type=tel]:focus, input[type=number]:focus { outline: none; } input[type=text]:focus:invalid, input[type=email]:focus:invalid, input[type=url]:focus:invalid, input[type=date]:focus:invalid, input[type=tel]:focus:invalid, input[type=number]:focus:out-of-range, form li.error input, form li.error select, form li.error textarea {border-color:#f00;} input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], select, textarea { font-size: 16px !important; } .api--textalign-left { text-align:left; } .api--textalign-center { text-align:center; } .api--textalign-right { text-align:right; } .api-button--disabled, .api-viewbestseat__submit--disabled { background-color:#CCC !important;pointer-events:none; } .api-errormessage, .error-message { background:#F4B2B2;border:2px solid #D90000;border-radius:4px;padding:10px 12px; } .api-fullsizeloading { position: fixed; z-index: 1050; left: 0; top: 0; display: none; width: 100vw; height: 100vh; } .api-fullsizeloading.api--is-loading { display: block; } .api-fullsizeloading__overlay { content: ''; position: absolute; z-index: 4; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(51, 51, 51, 0.6); } .api-fullsizeloading__animation { content: ''; display: inline-block; vertical-align: top; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: 120px; text-align: left; text-indent: -9999px; width: 200px; height: 200px; background-image:url(gfx/api-loading.gif); background-image:url(gfx/api-loading.svg); left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; z-index: 4; } .api-loading { left: 0; right: 0; top: 0; bottom: 0; display: none; overflow: hidden; } .api--is-loading .api-loading { display: block; } .api-loading__overlay { content: ''; position: absolute; z-index: 4; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(51, 51, 51, 0.6); } .api-loading--bright .api-loading__overlay { background-color: rgba(238, 238, 238, 0.8); } .api-loading__animation { content: ''; display: inline-block; vertical-align: top; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: 120px; text-align: left; text-indent: -9999px; width: 60px; height: 60px; background-image:url(gfx/api-loading.gif); background-image:url(gfx/api-loading.svg); left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; z-index: 4; } .api-loading__animation--large { content: ''; display: inline-block; vertical-align: top; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: 120px; text-align: left; text-indent: -9999px; width: 200px; height: 200px; background-image:url(gfx/api-loading.gif); background-image:url(gfx/api-loading.svg); left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; z-index: 4; } div.relations-newsletter-api-overlay-window { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: #ffffff; background-color: rgba(255,255,255,0.8); display: none; z-index: 20; } div.relations-newsletter-api-overlay-window i.loading-animation { width: 64px; height: 64px; background: transparent url("img/loading.gif") no-repeat scroll 0 0; position: absolute; top: 50%; left: 50%; margin-left: -32px; margin-top: -32px; display: none; } div.relations-newsletter-api-overlay-window.loading i.loading-animation { display: block; } div.relations-newsletter-api-overlay-window div.relations-newsletter-api-overlay-content { background-color: #ffffff; border: 1px #000000 solid; width: 600px; height: 500px; position: absolute; top: 50%; left: 50%; margin-left: -310px; margin-top: -260px; padding: 20px; text-align: center; display: none; overflow: auto; } .relations-newsletter-api-overlay-content .form-group { display:inline-block; max-width: 370px; width:100%; } .relations-newsletter-api-overlay-content input, .relations-newsletter-api-overlay-content select { width: 100%; max-width: 370px; } .relations-newsletter-api-overlay-content .form-group-label { display: none; } .relations-newsletter-api-overlay-content .form-group-item { margin-bottom: 10px; } .relations-newsletter-api-overlay-content label { font-style: italic; font-size: 0.875em; margin: 0 0 5px 0; text-align: left;width: 100%; } .relations-newsletter-api-overlay-content .form-item.checkbox { margin: 0 0 0 20px; } .relations-newsletter-api-overlay-content .form-item.checkbox label, .relations-newsletter-api-overlay-content .form-option-block .label-wrapper label { display: inline-block; float:left;max-width: calc(100% - 28px); margin:5px 0 10px 0; } .relations-newsletter-api-overlay-content .form-item.checkbox i { background: #BCD2EE; content: ""; color: #fff; display: inline-block; width: 16px; height: 16px; border: 1px solid #999; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; border-radius: 5px; margin: 5px 12px 10px 0; font-size: 0.7em; font-style: normal; background-color: #fff; position: relative; display: inline-block; float:left; } .relations-newsletter-api-overlay-content .form-item.checkbox i.checked:before { content: ''; position: absolute; border: 2px solid #FFFFFF; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 2px; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 2px; border-top: 0 none; border-left: 0 none; top: 50%; left: 50%; width: 4px; height: 8px; -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); margin: -6px 0 0-3px; } .relations-newsletter-api-overlay-content .form-option-block .label-wrapper i { background: #BCD2EE; border-radius: 50%; content: ""; color: #fff; display: inline-block; width: 16px; height: 16px; border: 1px solid #999; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; margin: 5px 12px 10px 0; font-size: 0.7em; font-style: normal; background-color: #fff; position: relative; display: inline-block; float:left; } .relations-newsletter-api-overlay-content .form-option-block .label-wrapper i.checked:before { content: ''; position: absolute; border-radius:50%; top: 50%; left: 50%; width: 8px;height: 8px;background-color: #fff;transform: translate(-50%,-50%); } .subscription-details-form { max-width: 370px; margin:0 auto; } .relations-newsletter-api-overlay-content a.button:link, .relations-newsletter-api-overlay-content a.button:hover, .relations-newsletter-api-overlay-content a.button:focus, .relations-newsletter-api-overlay-content a.button:active, .relations-newsletter-api-overlay-content a.button:visited { width: 100%; max-width: 370px; margin-bottom: 10px; } a.api--is-loading { position: relative; overflow: hidden; } a.api--is-loading:before { content:''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #CA006F; background-image:url(gfx/api-loading-button.svg); background-position: center center; background-repeat: no-repeat; background-size: 60px; } .api-articleselection__field { width: 100%; } .api-articleselection__formitem { margin: 0 0 10px 0; display: inline-block; width: 100%; } .api-articleselection__label { font-style: italic; font-size: 0.875em; margin: 0 0 5px 0; } a.api-articleselection__addtocart { display: inline-block; width: 100%; padding: 10px; cursor: pointer; border: 0; border-radius: 3px; background-color: #CA006F; font-weight: bold; color: #ffffff; text-align: center; font-size: 0.875em; text-decoration: none !important; margin-top: 10px; } .api-voucherselection { background-color: #FFFFFF; padding: 20px; margin: 0 auto 20px auto; max-width: 590px; border: 1px solid #cccccc; } .api-voucherselectionwrapper__headline { margin-top: 0; } .api-voucherselection select, .api-voucherselection input { width:100%; } .api-voucherselectionwrapper__label { font-style: italic;font-size: 0.875em;margin: 0 0 5px 0; } .api-voucherselection__action { background:#CA006F;padding: 10px;color:#fff !important;display: inline-block;border-radius: 5px;font-weight: bold;text-decoration: none !important;width: 100%;text-align: center;margin: 10px 0 0 0;font-size: 0.875em; } @media screen and (max-width: 719px){ div.relations-newsletter-api-overlay-window div.relations-newsletter-api-overlay-content { width: 90%; left:5%; margin-left: 0; } } / @media screen and (max-width: 320px){ } @media screen and (max-width: 479px){ .search_lists .arr_sec_cont { width: calc(100% - 140px); } ul.tile_lists_list>li { margin: 0; padding: 10px; } ul.tile_lists_list { margin-left: -10px; margin-right: -10px; } .tile_wrap .info { display:none; } .tileoverlay { text-align: center;padding: 5px 15px;height: 100%;overflow: hidden; } .tileoverlay h4 { font-size:0.875em !important;margin-bottom:0; } .tileoverlay p.listvenueinfo { font-size: 0.8125em !important;margin: 0; } .tileoverlay p.button { font-size: 0.875em !important; } .bwrap .tileoverlay p.button, .bwrap .tileoverlay a.button { padding:0;background-color: transparent !important; } .tileoverlay.salesstatus_Sale ,.tileoverlay.salesstatus_ { background-color: rgba(202,0,111,0.7) !important; } .tileoverlay.salesstatus_SaleDidNotStart *, .tileoverlay.salesstatus_Sale *, .tileoverlay.salesstatus_ *, .tileoverlay.salesstatus_Few * { color: #fff !important; } .tileoverlay.salesstatus_SaleDidNotStart,.tileoverlay.salesstatus_SoldOut, .tileoverlay.salesstatus_SaleHasFinished, .tileoverlay.salesstatus_NotBookable { background-color: rgba(204,204,204,0.7) !important; } .tileoverlay.salesstatus_SoldOut p.button, .tileoverlay.salesstatus_SaleHasFinished p.button, .tileoverlay.salesstatus_NotBookable p.button { color: #333745 !important; } .tileoverlay.salesstatus_Few{ background-color:rgba(51,55,69,1) !important; } .SumoOptWrapper { width: 100%; } .daterangepicker { width: 100%; } .custom .overlay .inner { font-size: 0.875em; } .custom .overlay .name { font-size: 1em;color: #fff; } } @media screen and (min-width: 480px), print{ p.img { float:left;margin:0 15px 3px 0; } p.img img { vertical-align:bottom;max-width: 250px; } .site2 #logo { width:200px; } .covinfo .important_icon { position: absolute; top:15px;right: auto;left: 18px; } .covinfo .heading { margin: 5px 0 0 48px;width: calc(100% - 148px); } .covinfo .heading p { margin: 0; } .covinfo .body { margin: 0 0 0 48px; } .covinfo a.button:link, .covinfo a.button:visited, .covinfo a.button:focus, .covinfo a.button:hover, .covinfo a.button:active { width: 100px; margin: 0; } label, form ol div, form ul div {overflow:hidden;width:170px;} form fieldset .right {width: 264px;margin-left: 180px;} input, select, textarea {width:264px;} form li ol, form li ul, select, input.button {width:250px;} form .checktxt, form .radiotxt, form .widetxt {width:200px;} .interactive_bo_filter_list input { width:calc(50% - 19px); } .interactive_bo_filter_list input:first-of-type { margin:0 5px 10px 0; } .interactive_bo_filter_list input:last-of-type { margin:0 0 10px 5px; } .interactive_bo_list_item p.img { margin: 0 0 10px 10px; } .interactive_bo_list_item .wrap { width: calc(100% - 70px);display: inline-block; vertical-align: top; } .interactive_bo_list_item .wrap.hasimg { width: calc(100% - 260px); } .interactive_bo_list_item .additionalcontent { float: right;width:60px; } .interactive_bo_list_item .additionalcontent.hasimg { width: 260px; } .interactive_bo_list_item .additionalcontent.hasimg .googlemaps { float: right;margin: 10px 0 20px 0 !important; } a.addresslink {} .module_formmail .helpimg .help { top: -8px;left: 25px; } .module_formmail .helpimg { position: relative; } .interactive_bo_filter_list input { width:calc(50% - 19px); } .interactive_bo_filter_list input:first-of-type { margin:0 5px 10px 0; } .interactive_bo_filter_list input:last-of-type { margin:0 0 10px 5px; } .interactive_bo_list_item p.img { margin: 0 0 10px 10px; } .newsbanner .important_icon { float: none; margin: 0 10px 0 0; display: inline-block; vertical-align: middle; } .newsbanner a.button:link, .newsbanner a.button:visited, .newsbanner a.button:focus, .newsbanner a.button:hover, .newsbanner a.button:active { float: right; width: auto; } .newsbanner>*:nth-child(2) { display: inline-block; vertical-align: middle; margin: 0; } .newsbanner p { line-height: 36px; } .tile_lists_list>li { width: 50%; } .tile_lists_list>li:nth-child(odd) { padding: 10px 15px 10px 0; } .tile_lists_list>li:nth-child(even) { padding: 10px 0 10px 15px; } .overlayinfo { display:none; } .tileoverlay p.button { width:100% !important; } .search_lists_list .performance_list, .search_lists_list .more_perf { margin:10px 0 0 140px; } li.custom .overlay { position: absolute; top: auto; bottom:-100%;height: auto; max-height: 100%; } li.custom:hover .overlay { bottom:0;top: auto; } li.custom .overlay .inner { top: auto;transform: none; } li.custom .infos { display: block; } li.custom .overlay .name { display: none; } } @media screen and (max-width: 579px){ .seatselectionheader-inner select { margin:0 0 0 10px;width:calc(50% - 10px); } .seatselectionheader-inner select:first-child { margin-left:0;margin-right:10px; } a#change_overlay:link, a#change_overlay:visited, a#change_overlay:focus, a#change_overlay:hover, a#change_overlay:active { margin-top:12px;width:100%; } .api-voucherquery__performance { display:inline-block; width:100%; } .api-voucherquery__performancecol { margin: 0 0 10px 0; } .api-voucherquery__production { display: block; } .api-voucherquery__productioncol { margin: 0; display: inline-block; width: 100%; } } @media screen and (min-width: 580px) { .api-voucherquery__performancelist { padding-left: 120px; } } @media screen and (min-width: 580px) and (max-width: 719px) { .seatselectionheader-inner select { margin-right:12px; } } @media screen and (max-width: 639px){ .footerimg div{display: none} } @media screen and (max-width: 719px){ h1, .h1 {font-size: 2em;} h2, .h2 {font-size: 1.75em;} h3, .h3 {font-size: 1.5em;} h4, .h4 {font-size: 1.375em;} h5, .h5 {font-size: 1.25em;} h6, .h6 {font-size: 1.125em;} .seatselectionheader-inner { padding:20px; } .seatselectiontitle.h2 { font-size:1.25em; } ul.img { margin:0; } .module_freepage .content-inner { padding: 20px 15px; } .search_lists .status_NotBookable *,.search_lists .status_SoldOut *,.search_lists .status_SaleHasFinished *,.search_lists .status_SaleDidNotStart * { color:#999 !important; } .catalogue_lists a.listanchor:link,.catalogue_lists a.listanchor:visited, .catalogue_lists a.listanchor:hover, .catalogue_lists a.listanchor:focus, .catalogue_lists a.listanchor:active, .search_lists a.listanchor:link,.search_lists a.listanchor:visited, .search_lists a.listanchor:hover, .search_lists a.listanchor:focus, .search_lists a.listanchor:active { text-decoration: none; } .catalogue_lists a.listanchor:after { background-image:url(gfx/ticket_buttonlink.svg);position: absolute;right: 0; top: 37px;transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%);content: ''; background-size: 12px 28px; width: 12px; height: 28px; } .search_lists a.outerlink { background-image:url(gfx/ticket_buttonlink.svg);position: absolute;right: 0; top: 37px;transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%);content: ''; text-indent: -999em; display: inline-block; background-size: 12px 28px; width: 12px; height: 28px; } .search_lists a.outerlink.salesstatus_SoldOut,.search_lists a.outerlink.salesstatus_SaleDidNotStart, .search_lists a.outerlink.salesstatus_SaleHasFinished, .search_lists a.outerlink.salesstatus_NotBookable { background-image:url(gfx/ticket_buttonlink_grey.svg);pointer-events: none; } .catalogue_lists .status_SoldOut a.listanchor:after, .catalogue_lists .status_NotBookable a.listanchor:after, .catalogue_lists .status_SaleHasFinished a.listanchor:after, .catalogue_lists .status_SaleDidNotStart a.listanchor:after { background-image:url(gfx/ticket_buttonlink_grey.svg);position: absolute; content: '';background-repeat: no-repeat; background-size: 12px 28px; position: absolute; width: 12px; height: 28px; } .small_flip .flipoverlay { display: none; } .search_lists .link_to_detail a.button { display: none; } .show_detail_infos a.button { margin-right:0;width:100%; } .lists_list .onlydesktop { display: none; } .detailed .salesstatus { text-indent: -999em; background: url('gfx/icon_shopticket.svg'); background-size: 21px 18px; background-repeat: no-repeat; background-position: center; width: 55px !important; height: 55px; border-radius: 50% !important; } .show_detail_infos a.button { min-width: calc(100% - 61px); } .show_detail_infos a.button.nocalendar { width: 100% !important; } .show_detail_infos a.button.light span { display: none; } .detailed .listvenueinfo { font-size: 1em !important; } .catalogue_lists_list > li, .search_lists_list > li { padding:5px 0; } .catalogue_lists_list .button, .search_lists_list .button { display:none; } .catalogue_lists .arr_sec_cont, .search_lists .arr_sec_cont { margin:0 10px 0 0; } .catalogue_lists .listimage, .search_lists .listimage { margin:0 20px 0 0; } table.detailed { table-layout: fixed; } table.detailed .td_name { width: 80%; } table.detailed .link_to_overlay { width: 80%; } .show_detail_images .bx-controls { top: 50%; position: absolute; width: 100%; margin-top: -7px; } .show_detail_images .bx-controls .bx-prev, .show_detail_images .bx-controls .bx-next { bottom: 0px; top: 0px !important; } .show_detail_images .bx-controls .bx-prev { left: 5px !important; } .show_detail_images .bx-controls .bx-next { right: 5px !important; } #detail_performancelist { line-height: 0.8em; } table.calendar td { display: none; } table.calendar td.act { display: block; } table.calendar thead { display: none; } } @media screen and (min-width: 720px) { label, form ol div, form ul div {overflow:hidden;width:290px;} form fieldset .right {width: 370px;margin-left: 300px;} input, select, textarea {width:370px;} form li ol, form li ul, select, input.button {width:370px;} form .checktxt, form .radiotxt, form .widetxt {width:320px;} .SumoSelect > .CaptionCont > span.placeholder { text-align: left; } .SumoSelect > .CaptionCont > label { height: 36px; background-position: center -12px; } .SumoSelect > .CaptionCont, .SumoSelect > .CaptionCont.open { border-bottom: 1px solid #fff; } .interactive_bo_filter_list input { width:calc(37.5% - 24px);margin: 0 10px 10px 0 !important; } .filterbtn { width:25%; } .venue_inner { padding: 20px; } .lists_list .onlymobile { display: none; } .show_detail_images .bx-wrapper { max-width: 100% !important;margin: 0 !important; } .show_detail_images .bx-viewport { padding: 0 !important; } .show_detail_infos, .show_detail_images { width: calc(50% - 10px); } .show_detail_infos { margin: 0 0 10px 10px; } .show_detail_images { margin: 0 10px 10px 0; } .venueblock { max-width: 80%; } .organizerblock { padding:20px;max-width: 80%; } .detailed tr td { font-size: 1em; } .detailed .td_date_time, .detailed .td_name strong, .detailed .td_price { font-size: 1.125em; font-weight: bold; } .detailed .td_date_month,.detailed .td_name p { font-size: 0.875em; } .show_detail_articleselection { padding: 0 0 0 40px; width: 50%; } .show_detail_articleselection_inner { padding: 20px; } .view_wrap { top: 35px; } #detail_performancelist { line-height: 1em; } .show_detail_images .bx-controls { opacity:0.3; -webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out; } .show_detail_images:hover .bx-controls { opacity:1; } table.calendar { table-layout: fixed; } .tile_lists_list>li { width: 25%; padding: 10px 15px; } .tile_lists_list>li:nth-child(odd),.tile_lists_list>li:nth-child(even) { padding:10px 15px; } .catalogue_lists_list, .search_lists_list { background: #fff;padding: 20px;-webkit-box-shadow: 0px 0px 23px -6px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 23px -6px rgba(0,0,0,0.5); box-shadow: 0px 0px 23px -6px rgba(0,0,0,0.5); } .catalogue_lists_list>li:first-child, .search_lists_list>li:first-child { border-top: none; } .catalogue_lists_list > li:last-child, .search_lists_list > li:last-child { border-bottom: 0; } .catalogue_lists a.listanchor:after, .search_lists a.listanchor:after { content:'' !important; } .catalogue_lists_list p.button, .search_lists_list p.button { display: inline-block; } .catalogue_lists .arr_sec_cont.SoldOut,.catalogue_lists .arr_sec_cont.Few, .search_lists .arr_sec_cont.SoldOut, .search_lists .arr_sec_cont.Few { width: calc(100% - 290px); } .catalogue_lists .arr_sec_cont.SaleHasFinished,.catalogue_lists .arr_sec_cont.NotBookable, .search_lists .arr_sec_cont.SaleHasFinished,.search_lists .arr_sec_cont.NotBookable { width: calc(100% - 290px); } .catalogue_lists .arr_sec_cont.SaleDidNotStart, .search_lists .arr_sec_cont.SaleDidNotStart { width: calc(100% - 290px); } .catalogue_lists .arr_sec_cont.Sale, .search_lists .arr_sec_cont.Sale, .catalogue_lists .status_ .arr_sec_cont { width: calc(100% - 290px); } .search_lists .performance_list li { width:100%; } .search_lists .performance_list li div { width: calc(100% - 160px);display: inline-block; } .catalogue_lists, .search_lists { padding:10px; } .catalogue_lists h3.listname, .search_lists h3.listname, .tile_lists h3.listname { font-size:1.875em;font-weight: normal; } .listfilter .from, .listfilter .words { margin: 0 15px 10px 0; } .listfilter .to { margin: 0 0 10px 0; } .listfilter .words { width: calc(54% - 10px); } .listfilter .from, .listfilter .to { width: calc(23% - 10px); } .listfilter .from input, .listfilter .to input { width: calc(100% - 35px); display: inline-block; } .listfilter .from label, .listfilter .to label { display: inline-block; width: 35px; float: none; margin: 0; } .listfilter .from::after, .listfilter .to::after { right: 12px; } .module_arrangement .detailed_lists_list p.button.salesstatus_Few,.module_arrangement .detailed_lists_list a.button.salesstatus_Few { min-width:125px; } .catalogue_lists .both .button,.catalogue_lists .overlay .button,.search_lists_list .both .button,.search_lists_list .overlay .button { position: absolute; top: 50%; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); margin: 0; right: 0; } .search_lists p.button.salesstatus_Sale,.search_lists a.button.salesstatus_Sale,.search_lists p.button.salesstatus_Few,.search_lists a.button.salesstatus_Few { min-width:160px; } .search_lists a.outerlink { display: none; } .small_flip .flipoverlay a.button { background-color:rgba(202,0,111,0.7) !important; } .small_flip .flipoverlay a.button.salesstatus_Few { background-color:rgba(51,55,69,0.7) !important; } .small_flip .flipoverlay a.button.salesstatus_SoldOut,.small_flip .flipoverlay a.button.salesstatus_NotBookable, .small_flip .flipoverlay a.button.salesstatus_SaleHasFinished, .small_flip .flipoverlay a.button.salesstatus_SaleDidNotStart { background-color:rgba(190, 190, 190, 0.7) !important; } .bx-prev, .bx-next { top:50px; } } @media screen and (max-width: 859px){ .flip_prev,.flip_next { display: none !important; } .flip_lists_list>li.big_flip , .flip_lists_list>li.small_flip { background: #fff;text-align: center; } .flip_lists_list a.infos:link, .flip_lists_list a.infos:visited, .flip_lists_list a.infos:hover, .flip_lists_list a.infos:focus, .flip_lists_list a.infos:active { display: inline-block !important; width: 100%; } .flip_lists_list>li.big_flip h4 , .flip_lists_list>li.small_flip h4,.flip_lists_list>li.big_flip p , .flip_lists_list>li.small_flip p { text-align: center; } .flip_lists_list li.big_flip p.button.below, .flip_lists_list li.small_flip p.button.below { display: block;margin: 0 auto 20px auto; } .flip_lists_list li.big_flip p.button.above, .flip_lists_list li.small_flip p.button.above { display: none; } .flip_list { margin: 0 !important; } .flip_list .bx-controls-direction { display: none; } .content-inner>.arrangement_section.type_flip_lists:first-child { margin-left: -10px; margin-right: -10px; margin-top: -30px; } ul.lists_list_nobxslider.flip_list h4 { padding:0 8px; } .flip_lists_list li.custom .infos h4 { min-height: 100px;line-height: 100px;margin: 0; } .small_flip .listvenueinfo, .big_flip .listvenueinfo { display: none; } } @media screen and (min-width: 860px){ .flip_list { overflow: inherit; } .flip_lists { position: relative; } .flip_lists_list li.small_flip p.button.above { display: none !important; } .flip_lists_list li.big_flip .tile p.button { display: none !important; } .flip_lists_list li.big_flip .wrapper { display: block;float: left; } .flip_lists_list li.small_flip p.button.below, .flip_lists_list li.big_flip p.button.below { display: none; } .flip_lists_list li.big_flip p.button.above { display: block; float: right;margin: 10px 0 10px 10px; } .flip_list .big_flip p.button { font-size:14px; } .flip_lists_list>li.big_flip , .flip_lists_list>li.small_flip { display: none !important; } .bx-prev, .bx-next { top:-35px; } .swiper-pagination { display: none; } .catalogue_lists h3.listname, .search_lists h3.listname { font-weight: normal; text-align: left;margin: 0; } .catalogue_lists.hasmorelink h3.listname, .search_lists.hasmorelink h3.listname { padding-right:126px; } .catalogue_lists .listlink, .search_lists .listlink { margin:0;position:absolute;right:18px;text-align:left;top:35px;max-width:120px; } .catalogue_lists, .search_lists { background: #fff;padding: 20px; -webkit-box-shadow: 0px 0px 23px -6px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 23px -6px rgba(0,0,0,0.5);box-shadow: 0px 0px 23px -6px rgba(0,0,0,0.5); } .catalogue_lists_list, .search_lists_list { background: none ;padding: 0;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none; } .leftcolumn, .rightcolumn { display:inline-block; width: calc(50% - 10px); vertical-align: top; } .leftcolumn { margin: 10px 10px 10px 0; } .rightcolumn { margin: 10px 0 10px 10px; } .module_lottery .rightcolumn form fieldset .right {margin-left: 0;} .module_lottery p.img { float:none; } .module_lottery p.img img { max-width: 100%; } .module_lottery .rightcolumn form { margin:0 0 1.38em 0; } } @media screen and (min-width: 880px){ .ie .flip_prev, .ie .flip_next { display: block; } } @media screen and (max-width: 959px){ .site1 .logotext { display: none; } .detailed .td_button .button { width: 130px;max-width: 130px; } .venueblock, .organizerblock {margin:20px auto 0 auto; } .module_show_event .gmap,.module_show_performance .gmap,.module_show_venue .gmap { height:180px; } } @media screen and (min-width: 960px){ #searchanchor { top: 50%;transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); } #navanchor { top:35px; } #navwrap { margin:120px auto 0 auto !important; } #nav li.voucher { top:50px; } #content { padding: 160px 0 0 0; } .header-wrap { padding:0 10px; } .header-inner { height:120px;padding: 0 10px; } .infofooter { float: right; } .infofooter p { padding: 10px 20px 10px 0; } .nav-outer { width: 300px;right: -310px; } .scrollheader .nav-outer { top:-30px; } .scrollheader.navactive .nav-outer { top:-30px;height: calc(100vh + 30px); } .scrollheader .site1 #logo { width: 24px;height: 50px;margin: 10px 0; } .scrollheader #header,.scrollheader .header-inner { height:70px; } .scrollheader #navanchor { display: block;top:10px; } .scrollheader .site1 .logotext { font-size: 0.5em;padding: 7px 0;top:-5px; width: 100px; } .site1 #logo img { display:none; } .site1 #logo { width: 39px;height: 80px;margin: 20px 20px 20px 0;position: absolute; } .site1 .logotext { display:inline-block;position: absolute; top:-15px; font-size: 0.8316em;line-height: 1;padding: 14px 0;color:#CA006F;transition:.8s ease all; width: 164px; } .site1 #logo .logotext img { display: block; } .site2 #logo { height: 120px;width:400px; } .scrollheader .site2 #logo { height: 70px; } .site2 #logo img.logo_mobil { display: none; } .site2 #logo img.logo { display:block; } .hnav { width: calc(20% - 10px);display: inline-block;vertical-align: top;margin: 40px 5px 0 5px; } .hnav:first-of-type { margin: 40px 5px 0 0; } .hnav:last-of-type { margin: 40px 0 0 5px; } .site2 .hnav { margin: 40px 5px 40px 5px; } .site2 .hnav:first-of-type { margin: 40px 5px 40px 0; } .site2 .hnav:last-of-type { margin: 40px 0 40px 5px; } #footer * { text-align: left; } #footer .hnav h3, #footer .hnav .h3 { margin-bottom: 20px;text-align: left; } .footerplus { display: none !important; } .sidenav { display: block !important; } .zahlarten ul li,.versandarten ul li{ display: block; } .kontakttel { padding:0;max-width: 170px; } .nl-box input { padding: 10px;max-width: 340px; } .nl-box input.button { text-align: center !important; } .mnav-inner { margin: 0 auto;max-width: 1200px; } #mnav { display:inline-block;margin:0;vertical-align:top;width:32%; } #mnav ul { max-width: none; text-align: left;display: inline-block;padding: 0 0 0 20px; } #mnav li:first-child a:link, #mnav li:first-child a:visited, #mnav li:first-child a:focus, #mnav li:first-child a:hover, #mnav li:first-child a:active, #mnav li:first-child strong { padding:10px 0; } .socialmedia { display:inline-block;margin:0;vertical-align:top;width:36%; } .socialmedia h3 { display:none; } .metainfo { display: inline-block; margin: 12px 0 0 0;padding:0;text-align:right !important;vertical-align:top;width:32%; } .metainfo-inner { text-align:right !important; } .metainfo-inner:after { padding-left:0;right:0; } .main { display: inline-block;vertical-align: top;margin: 0.69em 20px 0.69em 0; } .additional { display: inline-block;vertical-align: top;margin: 0 20px 0 0; } .show_detail_left { width: 100%;float: left;padding: 0 30px 0 0; } .show_detail_left.venueexists { width: 70%; min-height: 630px; } .module_show_venue .show_detail_left.venueexists { min-height: 0px; } .show_detail_full.venueexists{ float: left;padding: 0 0 20px 0; } .show_detail_right { display: inline-block; vertical-align: top; width: 30%;padding: 0 0 0 30px; } .show_detail_images { width: 60%;margin: 0 0 10px 0; } .module_show_article .show_detail_images, .module_articlecollection .show_detail_images { width: 41.5%; } .module_articlecollection .show_detail_infos { width: 58.5%; } .show_detail_articleselection { width: 58.5%; } .show_detail_infos { padding-left: 40px; width: 39%;position: relative;background: none;bottom: 0;margin: 0 0 10px 0; } .module_show_event .gmap,.module_show_performance .gmap,.module_show_venue .gmap { height:180px; } .venueblock, .organizerblock { max-width: none; } .detailed .td_button { min-width:150px; } .detailed .td_button a { width: 100%; } } @media screen and (max-width: 1159px){ #footer a.footerplus, #footer a.popen { background-color:transparent;background-position:center center;background-repeat:no-repeat; } #footer a.footerplus:before, #footer a.footerplus:after { background:#CA006F;content:'';display:block;height:2px;left:50%;margin-left:-5px;position:absolute;top:50%;width:10px; } #footer a.footerplus:after { transform:rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); } #footer a.footerplus.popen:after { transform:rotate(0); -ms-transform:rotate(0); -webkit-transform:rotate(0); } #footer a.footerplus.popen:after, #footer a.footerplus.popen:before { background:#CA006F; } .header-inner, .content-inner { max-width: calc(100% - 20px);margin: 0 auto; } #navwrap { max-width: calc(100% - 20px);margin:70px auto 0 auto; } #nav li a.plus, #nav li a.popen { background-color:transparent;background-position:center center;background-repeat:no-repeat; } #nav li a.plus:before, #nav li a.plus:after { background:#CA006F;content:'';display:block;height:2px;left:50%;margin-left:-5px;position:absolute;top:50%;width:10px; } #nav li a.plus:after { transform:rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); } #nav li a.plus.popen:after { transform:rotate(0); -ms-transform:rotate(0); -webkit-transform:rotate(0); } #nav li a.plus.popen:after, #nav li a.plus.popen:before { background:#CA006F; } .parentoverlay { display: block;position: absolute;top:0;left:0; background: rgba(0,0,0,00);width: 100%;height:100%;-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;z-index: -1; } .navactive .parentoverlay { background: rgba(0,0,0,0.5);z-index: 0; } } @media screen and (min-width: 1160px){ .site2 #logo { width:200px; } #header { height:200px;-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;-webkit-box-shadow: none;-moz-box-shadow: none; box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none; } .header-inner { height:120px; } .header-wrap { border-bottom: 1px solid #eee; } .nav-outer { position: relative; width: 100%; height: auto;top: 0;left: 0;-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;z-index: -1;padding: 0 10px;-webkit-box-shadow: 0px 10px 22px -10px rgba(0,0,0,0.46); -moz-box-shadow: 0px 10px 22px -10px rgba(0,0,0,0.46); box-shadow: 0px 10px 22px -10px rgba(0,0,0,0.46); } .navactivescroll.scrollheader #header { height:120px; } .navactivescroll.scrollheader .header-inner { height:80px; } .navactivescroll.scrollheader .nav-outer { top:0; } .scrollheader.navactive .nav-outer { top: 0;height:auto; } .scrollheader .nav-outer { top:-71px;max-height: 71px; } .infoheader { height: 50px;padding: 10px 0; } .infoheader img { height: 30px; } #navanchor { display: none;right: 0; } #navwrap, .content-inner { width:100%;margin:0 auto !important;max-width: 1140px; } .header-inner { width:100%;margin:0 auto;max-width: 1140px; } #nav { height:80px; } #nav li { width:auto;border:none !important;padding: 26px 0;margin: 0 7px;line-height: 1.2; } #nav li a,#nav li strong { border:2px solid #fff;line-height: 1;padding: 5px !important;border-radius: 4px; } #nav li a.m:focus, #nav li a.m:hover, #nav li a.m:active, #nav li strong.m, #nav li:hover a.m {border:1px solid #eee;color:#CA006F; } #nav .active a.m:link, #nav .active a.m:visited, #nav .active a.m:focus, #nav .active a.m:hover, #nav .active a.m:active, #nav .active strong.m, #nav a.m:focus, #nav a.m:hover, #nav a.m:active, #nav strong.m, #nav li.hover a.m:link, #nav li.hover a.m:visited, #nav li.hover a.m:focus, #nav li.hover a.m:hover, #nav li.hover a.m:active, #nav li.hover strong.m { background-color:#eee; } #nav li.active li a,#nav li.active li strong { border:2px solid #fff; } #nav li a.plus,#footer a.footerplus { display:none; } #nav ul.mobsubnav { background: #fff;min-width: 150px;margin: 0;text-align: center;position: absolute;left: 50% !important;transform: translate(-50%,0) !important; -ms-transform: translate(-50%,0) !important; -webkit-transform: translate(-50%,0) !important; top:70px !important; } #nav li:hover ul,#nav li.hover ul { display:block; } #nav ul li{ margin:10px !important; padding:0;width: auto; } #nav ul a,#nav ul stong { display:inline-block;border:none;padding:0 !important;font-weight: bold; } #nav li:first-child { margin: 0 10px 0 0; } #nav ul.mobsubsubnav { margin: 0; } #nav li.voucher { position: static; } #content { padding: 240px 10px 0; } .parentoverlay { display:none; } #help { max-width: 1140px;padding: 0 10px; } #mnav ul { padding: 0 0 0 40px; } .metainfo { padding: 0 70px 0 5px; } .infofooter p { padding: 10px 40px 10px 0; } #searchanchor { display: none; } section.search { top: 25px;height: 60px;border: none;max-width: 700px;left: 50%;transform: translate(-50%,0); -ms-transform: translate(-50%,0); -webkit-transform: translate(-50%,0);padding: 10px; } .searchopen section.search { top: 25px; } .scrollheader section.search { top:0; } #parent, .searchopen #parent { margin: 0; } .searchfilters { display: none;position: absolute;top: 50px;width: 100%; } section.search #suchbegriff {border-top-left-radius: 5px; border-bottom-left-radius: 5px;-webkit-box-shadow: 2px 2px 5px -3px rgba(0,0,0,0.5);-moz-box-shadow: 2px 2px 5px -3px rgba(0,0,0,0.5);box-shadow: 2px 2px 5px -3px rgba(0,0,0,0.5);height: 50px; padding: 10px 44px 10px 25px;width:calc(100% - 50px); } section.search #suchbegriff:focus {border-radius: 5px;-webkit-box-shadow: 2px 2px 5px -3px rgba(202,0,111,0.5);-moz-box-shadow: 2px 2px 5px -3px rgba(233,27,137,0.5);box-shadow: 2px 2px 5px -3px rgba(233,27,137,0.5); } section.search input.button { width:50px;height: 50px;top:0; border-top-right-radius: 5px; border-bottom-right-radius: 5px;-webkit-box-shadow: 2px 2px 5px -3px rgba(0,0,0,0.5);-moz-box-shadow: 2px 2px 5px -3px rgba(0,0,0,0.5);box-shadow: 2px 2px 5px -3px rgba(0,0,0,0.5); } .searchfilters { display: block; top:0;z-index: -1; border:1px solid #ddd;border-radius: 5px;background: #fff;-webkit-box-shadow: 2px 2px 5px -3px rgba(0,0,0,0.5);-moz-box-shadow: 2px 2px 5px -3px rgba(0,0,0,0.5);box-shadow: 2px 2px 5px -3px rgba(0,0,0,0.5); } .searchfilters div { border:none; } .searchfocus .searchfilters { top:50px; } .deletefilters { top: 0px;left:inherit;width:50px;height:50px; } .searchfilter { width: 30%; } .searchfilters div span { height: 47px; } select.search_venue_region { height:47px; } .daterangepicker, .SumoOptWrapper { top: 135px !important; } .scrollheader .daterangepicker, .scrollheader .SumoOptWrapper { top: 105px !important;position: fixed; } .SumoSelect > .CaptionCont > span { height:47px;line-height: 47px; } .searchfilter_inner { width: calc(100% - 50px) !important; } .deletefilters span { top: 23px;right: 13px; } .timeselect-label { line-height: 47px; } .header-bar-right { right: 10px; } .scrollheader .header-bar-right { right: 60px; } .bx-wrapper { max-width: calc(100% - 60px) !important;margin: -20px;padding: 0; } .bx-viewport { padding: 20px; } .bx-prev, .bx-next,.flip_prev, .flip_next { position: absolute; bottom: 50%;transform: translate(0,10px); -ms-transform: translate(0,10px); -webkit-transform: translate(0,10px);width:40px; height: 40px; text-indent: -9999em;background-size: 40px !important; } .bx-prev, .bx-next { top:-70px; } .bx-prev,.flip_prev { background: url(gfx/slider_prev.svg); } .bx-next,.flip_next { background: url(gfx/slider_next.svg); } .bx-next:hover,.flip_next:hover { background: url(gfx/slider_next_hover.svg); } .bx-prev:hover,.flip_prev:hover { background: url(gfx/slider_prev_hover.svg); } } @media screen and (max-width: 1179px){ .SumoOptWrapper { left:0 !important; } } @media screen and (min-width: 1180px){ } @media screen and (max-width: 1199px){ } @media screen and (min-width: 1200px){ } @media screen and (min-width: 1240px){ .bx-wrapper { max-width: none !important; } .bx-prev,.flip_prev { left: -50px; } .bx-next,.flip_next { right: -50px;} .bx-next, .bx-prev { top: 50%;transform: translate(0,-50%); } } @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5 )and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) { } @media screen and (max-height: 599px){ div.relations-newsletter-api-overlay-window div.relations-newsletter-api-overlay-content { height:90%; max-height: 550px; } } @media screen and (min-height: 600px){ div.relations-newsletter-api-overlay-window div.relations-newsletter-api-overlay-content { min-height: 600px;max-height: none; } } .ie6 #nav li {display:inline-block;} .ie6 .i, .ie6 a.i:link, .ie6 a.i:visited, .ie6 a.i:focus, .ie6 a.i:hover, .ie6 a.i:active {background-position:0 .1em;zoom:1;} .ie .cfix, .ie .ofix, .ie .iefix {zoom:1;-ms-zoom:1;} .ie a abbr, .ie a acronym {text-decoration:underline;} .ie sup, .ie sub{font-size:100%;} .ie6 blockquote *{margin:.8em 0;} .ie img {-ms-interpolation-mode: bicubic;} .ie6 fieldset, .ie7 fieldset, .ie8 fieldset { overflow:visible; height:1%; margin-top:1.5em; padding-top:1.5em; } .ie6 fieldset.p0, .ie7 fieldset.p0, .ie8 fieldset.p0 {margin-top:0;padding-top:0;} .ie6 legend, .ie7 legend, .ie8 legend { left:0;position:absolute; top: -.6em; } .ie6 .error-msg legend, .ie7 .error-msg legend, .ie8 .error-msg legend { position:absolute; top: -.9em; } .ie6 legend, .ie7 legend {margin-left:-6px;} .ie7 fieldset.p0 legend, .ie7 fieldset.p0 legend, .ie8 fieldset.p0 legend {position:static;top:0;} .ie6 input.radio, .ie6 input.checkbox, .ie7 input.radio, .ie7 input.checkbox {margin-top:4px;} .ie6 textarea {white-space:pre;} .ie textarea {overflow: auto;} .ie6 form input.button {padding-left:0;padding-right:0;} .ie button {overflow: visible;} .ie6 input{cursor:expression(this.type=='text' || this.type=='password' ? 'text' : 'pointer');display:expression(this.type=='hidden' ? 'none' : 'inline');} .ie6 select, .ie7 select {margin-top:3px;} .ie6 #lightviewController { position: absolute; top: auto; margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) + (Lightview.controllerOffset || 0)) + 'px'); } .ie6 #lightview { position: absolute; margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) - (Lightview.controllerHeight || 0)) + 'px'); margin-left: expression( -1 * this.offsetWidth / 2 + (document.documentElement ? document.documentElement.scrollLeft : 0) + 'px'); } .ie6 #lv_overlay { position: absolute; height: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight].max() : document.documentElement.scrollHeight) + 'px' ); width: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.clientHeight].max() : document.documentElement.scrollWidth) + 'px' ); } @media print { html, body {height:auto;min-height:inherit;} #parent, #content {clear:none;float:none;min-width:100%;min-width:10px;padding:0;overflow:visible;position:static;width:100%;} #sitenav, #nav, #search, .v, .back {display: none; visibility:hidden;} pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } body .content a[href^="http"], body .content a[href^="ftp"] {background-image:none;padding-right:0;} body .content a[href^="http"]:after {content: " (" attr(href) ") ";} body .content a[href^="http://echonet.at"], body .content a[href^="http://www.echonet.at"] {background-image:none;} body .content a[href^="http://echonet.at"]:after, body .content a[href^="http://www.echonet.at"]:after {content: "";} .page {page-break-after: always;} tr, img { page-break-inside: avoid; } .i, a.i:link, a.i:visited, a.i:focus, a.i:hover, a.i:active {background-image:none;padding-left:0;} ul.downloads {list-style:square;margin-left:1.67em;} ul.downloads li {list-style:square;padding-left:0;} a.button:link, a.button:visited, a.button:focus, a.button:hover, a.button:active, button {background-image:none;border:1px solid #B00020;color:#B00020;} a.button span, button span {background-image:none;} thead { display: table-header-group; } } .api-customeraccountviewregistration form, .api-customeraccountviewregistration__actions { } .api-customeraccountviewregistration__formitem { width: 100%; margin-bottom: 10px; } .api-addressdataform { margin-top: 20px; } customer-account form { margin:0; } .api-loginstatuswrapper { display: inline-block; vertical-align: middle; position: relative; top: 20px; width: 20px; margin: 0 20px 0 30px; } .api-loginstatuswrapper a { display:block;font-weight: bold; text-decoration: none;top:0;position: relative;color:#555;font-size: 1em; } .api-loginstatuswrapper a span.api__login-status__label { visibility: hidden; } .api-loginstatuswrapper a span.api__login-status__user-info { display: none; } .api-loginstatuswrapper a:before { content: url("gfx/icon_login.svg");position: absolute;left: 50%;transform: translate(-50%,0); -ms-transform: translate(-50%,0); -webkit-transform: translate(-50%,0); top:0;height: 20px; width:20px; } .api-loginstatus { text-decoration: none !important; } .api-setpassword { max-width: 547px; } .api-login__label, .api-setpassword__label { font-style: italic;font-size: 0.875em;margin: 0 0 5px 0; } .api-login__submit { background:#CA006F;padding: 10px;color:#fff !important;display: inline-block;border-radius: 5px;font-weight: bold;text-decoration: none !important;width: 100%;text-align: center;margin: 10px 0 0 0;font-size: 0.875em; } .api-login__forgotpassword, .api-registration__submit, .api-guestlogin__submit { background:#eee !important; padding: 8px 10px !important; border-radius: 5px; border:2px solid #CA006F !important;color:#CA006F !important;margin: 10px 0 0 0;width: 100%;display: block; text-align: center; text-decoration: none !important;font-size: 0.875em;font-weight: bold; } .api-login__formitem, .api-setpassword__formitem { margin: 0 0 10px 0; display: inline-block; width: 100%; } .api-customeraccountviewlogin__col input, .api-setpassword input { width:100%; } .api-loginstatus__label { color:#333745 !important; } .api-loginstatus--user-is-logged-in .api-loginstatus__label { display:none; } .api-addressdataform__headline { margin-bottom: 20px; } .api-addressdataform__headline h3 { display: inline-block; } .api-addressdataform__mandatoryhint { font-style: italic; } .api-addressdataform__formitem, .api-contactdataform__formitem, .api-customeraccountviewregistration__formitem { margin-bottom: 10px; display: inline-block; width: 100%; } .api-customeraccountviewregistration { max-width: 547px; } .api-customeraccountviewregistration__dataprotection input[type="checkbox"] { display:none; } .api-customeraccountviewregistration__checkboxlabel { margin: 0 0 0 30px;overflow: visible; width: 100%; } .api-customeraccountviewregistration__styledcheckbox { color: #fff; display: inline-block; width: 16px; height: 16px; border: 1px solid #999; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; border-radius: 5px; margin: 6px 10px -1px 0; margin-left: -30px; font-size: 0.7em; font-style: normal; background-color: #fff; position:relative; } .api-customeraccountviewregistration__styledcheckbox:before { border-radius:2px;content:'';height:10px;left:2px;position:absolute;top:2px;width:10px; } .api-customeraccountviewregistration__dataprotection input:checked + .api-customeraccountviewregistration__styledcheckbox { border-color:#CA006F;background-color:#CA006F; } .api-customeraccountviewregistration__dataprotection input:checked + .api-customeraccountviewregistration__styledcheckbox:before { content: '';position: absolute;border: 2px solid #FFFFFF;border-top: 0 none;border-left: 0 none;top: 50%;left: 50%;width: 4px;height: 8px;-webkit-transform: rotate(30deg);-ms-transform: rotate(30deg);transform: rotate(30deg);margin: -6px 0 0-3px; } .api-addressdataform__field,.api-login__field,.api-contactdataform__field,.api-customeraccountviewregistration__field, .api-checkoutviewaddress__field { width:100%;border-radius: 5px; } .api-addressdataform__label,.api-contactdataform__label,.api-customeraccountviewregistration__label, .api-checkoutviewaddress__label { font-size: 0.875em; line-height: 1.2728; display: block; width:100%; margin: 0 0 5px 0; font-style: italic; } .api-resetpassword { max-width: 547px; width: 100%; } .api-checkoutviewresetpassword .api-resetpassword { max-width: none; } .api-passwordmail__formitem { margin-top: 10px; } .api-passwordmail__label { font-style: italic; font-size: 0.875em; margin: 0 0 5px 0; width: 100%; } .api-passwordmail__action { display: block; width: 100%; padding: 10px; cursor: pointer; border: 0; border-radius: 3px; background-color: #CA006F; font-weight: bold; color: #ffffff !important; text-align: center; text-decoration:none !important; margin-top:10px; } .api-resetpassword input { width:100%; } .api-customeraccountviewregistration__actions { display: inline-block; width: 100%; color: #fff; margin: 20px 0; } .api-customeraccountviewregistration__submit { color: #fff !important;text-decoration: none !important;font-size: 0.875em;padding: 10px; } .api-customeraccountviewregistration__cancel { display:block; margin-top:30px; } .api-accountinfo { background:rgba(0,0,0,.2);bottom:0;left:0;position:fixed;right:0;top:0;z-index:101; } .api-accountinfo__overlay { bottom:0;left:0;position:absolute;right:0;top:0;z-index:9; } .api-accountinfo__popup { background:#FFF;left:50%;padding:20px 30px;position:fixed;top:50%;transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);width:100%;max-width:500px;z-index:10; } .api-accountinfo__close { background:#FFF;border-radius:50%;height:40px;position:absolute;right:0px;top:-50px;width:40px; } .api-accountinfo__close:before, .api-accountinfo__close:after { background:#333333;content:'';height:1px;left:10px;position:absolute;top:20px;width:20px; } .api-accountinfo__close:before { transform:rotate(45deg); } .api-accountinfo__close:after { transform:rotate(-45deg); } .api-accountinfo__intro { font-size:.875em;margin:20px 0 0; } .api-accountinfo__name { font-size:1.875em;line-height:1.1;margin:0 0 20px; } .api-accountinfo__link { background-image:url(gfx/sprite-account-icons.svg);background-size: 25px !important; background-repeat:no-repeat;display:block;font-size:.875em;font-weight:bold;padding:5px 0 5px 35px; } .api-accountinfo__link:link, .api-accountinfo__link:visited { color:#333745;text-decoration:none; } .api-accountinfo__link:hover, .api-accountinfo__link:focus { background-image:url(gfx/sprite-account-icons-hover.svg);color:#CA006F;text-decoration:none; } .api-accountinfo__link--overview { background-position:0 5px; } .api-accountinfo__link--orders { background-position:0 -27px; } .api-accountinfo__link--addresses { background-position:0 -61px; } .api-accountinfo__link--contact { background-position:0 -93px; } .api-accountinfo__link--account { background-position:0 -129px; } .api-accountinfo__link--payment { background-position:0 -163px; } .api-accountinfo__popupaction { margin:20px 0; } .api-accountinfo__popupbutton { display: block; width: 100%; padding: 10px; cursor: pointer; border: 0; border-radius: 3px; background-color: #CA006F; font-weight: bold; font-size:.875em; color: #ffffff !important; text-align: center; text-decoration:none !important; } .api-mlogin__headline { margin-bottom: 20px; } .api-mlogin__submit { display: block; width: 100%; padding: 8px 10px; cursor: pointer; border: 2px solid #0069FF; border-radius: 5px; background-color: #0069FF; font-weight: bold; color: #fff; text-align: center; font-size: 0.875em; font-weight: bold; position:relative; text-align: left; padding-left: 125px; } .api-mlogin__submit:link, .api-mlogin__submit:visited, .api-mlogin__submit:focus, .api-mlogin__submit:hover, .api-mlogin__submit:active { color:#fff; } .api-mlogin__submit:after{ content:''; position:absolute; background-image:url(gfx/M-Login_RGB_white.svg);width: 110px;height: 101%;background-repeat: no-repeat;background-position: 10px center;left: -2px;top: 51%;transform: translate(0,-51%);background-size: 85px;border: 2px solid transparent;border-top-left-radius: 5px;border-bottom-left-radius: 5px;background-color:transparent !important; } .api-mlogin__submit:before{ content: '';position: absolute;background: rgb(39,86,154);background: linear-gradient(90deg,rgb(39, 86, 154) 0%,rgb(25, 103, 213) 100%);left: -2px;top: 50%;width: 110px;height: 105%;transform: translate(0,-51%);border-right: 1px solid #ccc;border-top-left-radius: 5px;border-bottom-left-radius: 5px;background-color:transparent !important; } .api-mlogin__submit, .api-mlogin__submit:hover, .api-mlogin__submit:active, .api-mlogin__submit:focus, .api-mlogin__submit:visited, .api-mlogin__submit:link { text-decoration: none; text-align: center; } .api-addressdataform__formitem--mandatory .api-addressdataform__label::after { content: ' *'; } .api-contactdataform__formitem--mandatory .api-contactdataform__label::after { content: ' *'; } .api-checkoutviewaddress__formitem--mandatory .api-checkoutviewaddress__label::after { content: ' *'; } .api-customeraccountviewregistration__formitem--mandatory .api-customeraccountviewregistration__label::after { content: ' *'; } @media screen and (max-width: 499px){ .api-accountinfo__close { right:0;top:0; } } @media screen and (max-width: 719px){ .api-customeraccountviewlogin__cols { display: block !important; } .api-customeraccountviewlogin__col { width:100%; } } @media screen and (min-width: 720px){ .api-addressdataform__formitem--small { width: calc(33.3333% - 14px); float: left; margin: 0 20px 15px 0; } .api-addressdataform__group .api-addressdataform__formitem--small:last-of-type { margin: 0; } } @media screen and (min-width: 960px){ .api-loginstatuswrapper { top:44px; } .scrollheader .api-loginstatuswrapper { top:19px; } } @media screen and (max-width: 1159px){ .api-loginstatus__label, .api-loginstatus__userinfo{ display: none; } .api-loginstatuswrapper .api-loginstatus--user-is-logged-in:before {content: url("gfx/icon_login_pink.svg");position: absolute; } .site2 .api-loginstatuswrapper .api-loginstatus--user-is-logged-in:before {content: url("gfx/icon_login_pink.svg");position: absolute; } .api-loginstatuswrapper a { width: 20px; height: 20px; } } @media screen and (min-width: 1160px){ .api-loginstatuswrapper { margin:0 5px 0 30px;width:auto; } .api-loginstatuswrapper a span.api__login-status__label { visibility: visible; } .api-loginstatuswrapper a:before {content: url("gfx/icon_login.svg");position: absolute;top:-10px; } .api-loginstatus__label, .api-loginstatus__userinfo{ position: relative; top:10px; } .api-loginstatus__userinfo { max-width: 110px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .api-loginstatuswrapper { top: 50%;transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); } .scrollheader .api-loginstatuswrapper a { top:15px; } } .api-cartstatuswrapper { display: inline-block;vertical-align: middle;position: relative;top: 22px;width:20px; height: 20px; } .api-cartstatuswrapper a:before { background-image: url("gfx/icon_cart.svg");content: '';position: absolute;background-size: 20px;width: 20px;height: 20px;background-repeat: no-repeat; } .api-cartstatuswrapper a span { position: absolute;top: -15px;right: -15px;background: #CA006F;color: #fff;border-radius: 50%;padding: 0 6px;font-size: 0.75em;border: 2px solid #fff; } .api-cartstatuswrapper a.api-cartstatus--cart-has-items span { position: absolute;top: -15px;right: -15px;background: #CA006F;color: #fff;border-radius: 50%;padding: 0 6px;font-size: 0.75em;border: 2px solid #fff; } .api-cartstatuswrapper a.api-cartstatus--cart-is-empty { opacity:0; display: none; } .api-voucherselection__action { border:0 none;cursor:pointer;display:inline-block;font-size:0.875em;font-weight: bold;line-height:1.2;margin:0;padding:10px 8px;text-align:center;text-decoration:none !important; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;background-color: #CA006F;color:#fff !important;width:100%; margin: 20px 0; } .api-voucherselection__action:hover,.api-voucherselection__action:focus { border-color:#000; -webkit-box-shadow: 0 0 5px #333333; -moz-box-shadow: 0 0 5px #333333; -o-box-shadow: 0 0 5px #333333; box-shadow: 0 0 5px #333333; } .api-addressdataform__formitem--mandatory .api-addressdataform__label::after { content: ' *'; } .api-contactdataform__formitem--mandatory .api-contactdataform__label::after { content: ' *'; } .api-checkoutviewaddress__formitem--mandatory .api-checkoutviewaddress__label::after { content: ' *'; } .api-customeraccountviewregistration__formitem--mandatory .api-customeraccountviewregistration__label::after { content: ' *'; } @media screen and (min-width: 480px){ } @media screen and (min-width: 720px){ } @media screen and (min-width: 960px){ .api-cartstatuswrapper { top:50%;transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); } }