/* default styles for extension "tx_p123qsearch_pi1" */ .tx-p123qsearch-pi1 { margin-bottom: 16px; } #tx-p123qsearch-pi1-basket { padding-right: 0.5em !important; text-align: right; } #tx-p123qsearch-pi1-basket .basket-align { text-decoration: none; padding: 0 .5em 0 1.5em !important; } #tx-p123qsearch-pi1-basket:before { height: 100%; vertical-align: middle; } #tx-p123qsearch-pi1-basket:after { vertical-align: middle; } #tx-p123qsearch-pi1-basket > *:first-child { vertical-align: middle; } .header-fixed #tx-p123qsearch-pi1-basket .basket-align { display: inline-block !important; } #tx-p123qsearch-pi1-basket .basket-align:before, .header-fixed #tx-p123qsearch-pi1-basket .basket-align:before { content: ""; display: inline-block; height: 100%; *zoom: 1; } .header-fixed #tx-p123qsearch-pi1-basket .basket-align:before { vertical-align: middle; } #tx-p123qsearch-pi1-basket .basket-align:before { height: 95%; vertical-align: bottom; } #tx-p123qsearch-pi1-basket span { display: none; } #tx-p123qsearch-pi1-basket:after { background: url(../typo3conf/ext/p123qsearch/res/basket-icon.svg) no-repeat; content: ""; display: inline-block; height: 35px; vertical-align: bottom; width: 46px; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; background-size: 100% auto; } .no-svgasimg #tx-p123qsearch-pi1-basket:after { background-image: url(../typo3conf/ext/p123qsearch/res/basket-icon.png); } #header #tx-p123qsearch-pi1-basket > a { font-size: 1.45em; min-width: 3.5em; text-align: right; } .header-fixed #tx-p123qsearch-pi1-basket:before { height: 100%; vertical-align: middle; } .header-fixed #tx-p123qsearch-pi1-basket:after { vertical-align: middle; } .header-fixed #tx-p123qsearch-pi1-basket > *:first-child { vertical-align: middle; } .tx-p123qsearch-pi1 .search { position: relative; } .tx-p123qsearch-pi1 .search h3 { color: #B9B8B8; font-size: 11px; height: 20px; margin: 15px 0px 6px 0px; padding: 6px 0px 0px 19px; width: 231px; } .tx-p123qsearch-pi1 .search h3.n1 { background: url(../typo3conf/ext/p123qsearch/res/n1.gif) no-repeat; } .tx-p123qsearch-pi1 .search h3.n2 { background: url(../typo3conf/ext/p123qsearch/res/n2.gif) no-repeat; } .tx-p123qsearch-pi1 .search h3.n3 { background: url(../typo3conf/ext/p123qsearch/res/n3.gif) no-repeat; } .tx-p123qsearch-pi1 .search h3 a { color: #555659; } .tx-p123qsearch-pi1 .search h4 { color: #B9B8B8; font-size: 11px; font-weight: normal; margin: -12px 0px 6px 0px; padding: 0px 0px 0px 19px; width: 231px; } .tx-p123qsearch-pi1 .search .images { padding: 0px 0px 0px 19px; } .tx-p123qsearch-pi1 .search .images a { margin-right: 10px; } .tx-p123qsearch-pi1 .search .images a:before { content: none !important; } .tx-p123qsearch-pi1 .search .images img { border: 2px solid #DBDBDB; } .tx-p123qsearch-pi1 .search a.tx-p123qsearch-pi1-help { float: right; } .tx-p123qsearch-pi1 .search > a.tx-p123qsearch-pi1-help { float: none; position: absolute; right: 0px; z-index: 480; } .tx-p123qsearch-pi1 .search > a.tx-p123qsearch-pi1-help:nth-of-type(2) { z-index: 481; } .tx-p123qsearch-pi1 .search > a.tx-p123qsearch-pi1-help:nth-of-type(3) { z-index: 482; } .tx-p123qsearch-pi1 .search > a.tx-p123qsearch-pi1-help:nth-of-type(4) { z-index: 483; } .tx-p123qsearch-pi1 .search > a.tx-p123qsearch-pi1-help:nth-of-type(5) { z-index: 484; } .tx-p123qsearch-pi1 .search > a.tx-p123qsearch-pi1-help:nth-of-type(6) { z-index: 485; } .tx-p123qsearch-pi1 .search > a.tx-p123qsearch-pi1-help:nth-of-type(7) { z-index: 486; } .tx-p123qsearch-pi1 .search > a.tx-p123qsearch-pi1-help:nth-of-type(8) { z-index: 487; } .tx-p123qsearch-pi1 .search > a.tx-p123qsearch-pi1-help:nth-of-type(9) { z-index: 488; } .tx-p123search-pi3-overlay-open .tx-p123qsearch-pi1 .search > a.tx-p123qsearch-pi1-help { z-index: auto; } a.tx-p123qsearch-pi1-help { background: url(../typo3conf/ext/p123qsearch/res/help.gif) no-repeat; display: block; height: 20px; width: 19px; } .tx-p123qsearch-pi1 .search h3 span.help { margin-top: -6px; } .tx-p123qsearch-pi1 .search .field { margin: 0px 0px 12px 0px; } .tx-p123qsearch-pi1 .search .field .label label { color: #555659; display: inline-block; font-weight: bold; margin-bottom: 6px; } .tx-p123qsearch-pi1 .search .field .label label a { color: #555659; color: inherit; } .tx-p123qsearch-pi1 .search .field .label { padding-left: 9px; } .tx-p123qsearch-pi1 .search .field .input { min-height: 20px; padding-left: 9px; position: relative; } .tx-p123qsearch-pi1 .search .field .input.ready { background: url(../typo3conf/ext/p123qsearch/res/ready.png) no-repeat; } .tx-p123qsearch-pi1 .search .field .input.insert { background: url(../typo3conf/ext/p123qsearch/res/input.png) no-repeat; } .tx-p123qsearch-pi1 input.tx_p123qsearch_pi1_text { background: #FFFFFF; border: 1px solid #DBDBDB; cursor: cell; position: absolute; width: 198px; z-index: 1; } .tx-p123qsearch-pi1 input.tx_p123qsearch_pi1_text[disabled] { background: #F0F0F0; } *:first-child+html .tx-p123qsearch-pi1 input.tx_p123qsearch_pi1_text[disabled] { cursor: default; } /* IE7 */ /* city */ .tx-p123qsearch-pi1 #tx-p123qsearch-pi1-city-results { background: #FFFFFF; border: 1px solid #DBDBDB; border-top-style: dotted; display: none; padding: 1px; position: absolute; top: 16px; width: 196px; z-index: 3; } .tx-p123qsearch-pi1 #tx-p123qsearch-pi1-city-results > div { padding: 1px 0px; width: 196px; } .tx-p123qsearch-pi1 #tx-p123qsearch-pi1-city-results label { color: #555659; width: 180px; } .tx-p123qsearch-pi1 #tx-p123qsearch-pi1-city-results > div.active { background: #DBDBDB; } .tx-p123qsearch-pi1 #tx-p123qsearch-pi1-city-saved { background: #FAF7F2; border: 1px solid #DBDBDB; cursor: cell; display: none; left: 9px; line-height: 15px; padding: 1px; position: absolute; top: 0px; width: 196px; z-index: 2; } /* dates */ .tx-p123qsearch-pi1 #tx-p123qsearch-pi1-dates-results { background: #FFFFFF; border: 1px solid #DBDBDB; border-top-style: dotted; display: none; padding: 1px; position: absolute; top: 16px; width: 196px; z-index: 2; } #content #tx-p123qsearch-pi1-dates-results { float: right; margin-left: 10px; min-height: 120px; padding: 10px 10px 30px 10px; width: 670px; } #content #tx-p123qsearch-pi1-dates-results .csc-default { border: 1px solid #DBDBDB; background: #FFFFFF; margin: 40px 30px 0px 0px; padding: 10px 15px 18px 12px; position: relative; } .tx-p123qsearch-pi1 #tx-p123qsearch-pi1-dates-saved { background: #FAF7F2; border: 1px solid #DBDBDB; cursor: cell; display: none; left: 9px; line-height: 15px; padding: 1px; position: absolute; top: 0px; width: 196px; z-index: 2; } .tx-p123qsearch-pi1 #tx-p123qsearch-pi1-dates-saved > a { color: #555659; color: inherit; cursor: cell; display: block; height: 15px; line-height: 15px; width: 196px; } .tx-p123qsearch-pi1 #tx-p123qsearch-pi1-dates-saved > a:hover { text-decoration: none; } .tx-p123qsearch-pi1 #tx-p123qsearch-pi1-dates-saved label { color: #555659; cursor: default; } .tx-p123qsearch-pi1 #tx-p123qsearch-pi1-dates-saved .toggle { border-top: 1px solid transparent; cursor: default; line-height: 17px; max-height: 0px; overflow: hidden; position: relative; width: 196px; -moz-transition: max-height 0.2s ease; -ms-transition: max-height 0.2s ease; -o-transition: max-height 0.2s ease; -webkit-transition: max-height 0.2s ease; transition: max-height 0.2s ease; } .tx-p123qsearch-pi1 #tx-p123qsearch-pi1-dates-saved:hover .toggle, .tx-p123qsearch-pi1 #tx-p123qsearch-pi1-dates-saved.hover .toggle { border-color: #DBDBDB; max-height: 1000px; -moz-transition: max-height 0.75s ease; -ms-transition: max-height 0.75s ease; -o-transition: max-height 0.75s ease; -webkit-transition: max-height 0.75s ease; transition: max-height 0.75s ease; } /* locs */ .tx-p123qsearch-pi1 #tx-p123qsearch-pi1-locs-results { background: #FFFFFF; border: 1px solid #DBDBDB; border-top-style: dotted; display: none; padding: 1px; position: absolute; top: 16px; width: 196px; z-index: 2; } .tx-p123qsearch-pi1 #tx-p123qsearch-pi1-locs-saved { background: #FAF7F2; border: 1px solid #DBDBDB; cursor: cell; display: none; left: 9px; line-height: 15px; padding: 1px; position: absolute; top: 0px; width: 196px; z-index: 2; } .tx-p123qsearch-pi1 #tx-p123qsearch-pi1-locs-saved > a { color: #555659; color: inherit; cursor: cell; display: block; height: 15px; line-height: 15px; width: 196px; } .tx-p123qsearch-pi1 #tx-p123qsearch-pi1-locs-saved > a:hover { text-decoration: none; } .tx-p123qsearch-pi1 #tx-p123qsearch-pi1-locs-saved .city { font-style: italic; padding-left: 16px; text-decoration: underline; } .tx-p123qsearch-pi1 #tx-p123qsearch-pi1-locs-saved .location { cursor: default; float: left; padding: 0px 4px 2px 0px; width: 126px; } .tx-p123qsearch-pi1 #tx-p123qsearch-pi1-locs-saved span.date { display: block; float: left; line-height: 13px; padding-bottom: 2px; width: 47px; } .tx-p123qsearch-pi1 #tx-p123qsearch-pi1-locs-saved .toggle { border-top: 1px solid transparent; cursor: default; /*display: none;*/ line-height: 17px; max-height: 0px; overflow: hidden; position: relative; -moz-transition: max-height 0.2s ease; -ms-transition: max-height 0.2s ease; -o-transition: max-height 0.2s ease; -webkit-transition: max-height 0.2s ease; transition: max-height 0.2s ease; } .tx-p123qsearch-pi1 #tx-p123qsearch-pi1-locs-saved:hover .toggle, .tx-p123qsearch-pi1 #tx-p123qsearch-pi1-locs-saved.hover .toggle { border-color: #DBDBDB; max-height: 1000px; -moz-transition: max-height 0.75s ease; -ms-transition: max-height 0.75s ease; -o-transition: max-height 0.75s ease; -webkit-transition: max-height 0.75s ease; transition: max-height 0.75s ease; } .tx-p123qsearch-pi1 #tx-p123qsearch-pi1-locs-saved .toggle .clear { clear: left; height: 2px; } a#tx-p123qsearch-pi1-locs-overlay { background: #F0F0F0; cursor: cell; display: none; height: 15px; left: 10px; position: absolute; top: 1px; width: 198px; z-index: 3; -moz-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; filter: alpha(opacity=0); } @media all and (min-width:0\0) { a#tx-p123qsearch-pi1-locs-overlay { -ms-filter: none; filter: none; } } /* IE9+ */ a.tx-p123qsearch-pi1-show-saved { background: url(../typo3conf/ext/p123qsearch/res/input.png) 2px 0px no-repeat; border-top: 1px solid #DBDBDB; display: block; font-weight: bold; height: 17px; margin-top: 2px; padding-left: 16px; } /* ready window */ #tx-p123qsearch-pi1-ready, #tx-p123qsearch-pi1-error { display: none; } .tx-p123qsearch-pi1-window { padding: 30px 40px; } .tx-p123qsearch-pi1-window h2 { padding-bottom: 0px; } .tx-p123qsearch-pi1-window p span label { display: block; } .tx-p123qsearch-pi1-window a.csc-mailform-button, #TB_window .tx-p123qsearch-pi1-window a.csc-mailform-button { color: #FFFFFF; float: right; } .tx-p123qsearch-pi1-window a.csc-mailform-button.left, #TB_window .tx-p123qsearch-pi1-window a.csc-mailform-button.left { float: left; } .tx-p123qsearch-pi1-window a.csc-mailform-button.close, #TB_window .tx-p123qsearch-pi1-window a.csc-mailform-button.close { background: #8B7E66; border-color: #8B7E66; } .tx-p123qsearch-pi1-window a.csc-mailform-button + p, #TB_window .tx-p123qsearch-pi1-window a.csc-mailform-button + p { margin-right: 150px; padding-top: 3px !important; } .tx-p123qsearch-pi1-window .line { border-bottom: 1px dashed #ACA89C; clear: both; font-size: 0px; height: 0px; line-height: 0px; margin: 14px 0px; } #tx-p123qsearch-pi1-warning { display: none; } #tx-p123qsearch-pi1-express { width: 425px; } /* dates selection */ #tx-p123qsearch-pi1-dates-results .selectbox { float: left; position: relative; width: 425px; } #tx-p123qsearch-pi1-dates-results .selectbox:after { clear: left; content: "."; display: block; height: 0px; line-height: 0px; visibility: hidden; } #tx-p123qsearch-pi1-dates-results .selectbox + .clear { clear: left; } #tx-p123qsearch-pi1-dates-results #tx-p123qsearch-pi1-express { position: relative; } #tx-p123qsearch-pi1-dates-results #tx-p123qsearch-pi1-express .selectbox { float: none; } #tx-p123qsearch-pi1-dates-results #tx-p123qsearch-pi1-express .layer { background: rgba(255, 255, 255, 0.8); bottom: 46px; display: none; left: 0px; /*padding-right: 25px;*/ position: absolute; top: 25px; width: 100%; } #tx-p123qsearch-pi1-dates-results #tx-p123qsearch-pi1-express .layer > a { background: rgba(255, 255, 255, 0.9); border: 1px solid #C0C0C0; border-color: rgba(192, 192, 192, 0.6); color: #BE1010; display: block; font-size: 13px; font-weight: bold; left: 50%; margin: -36px 0px 0px -136px; min-height: 72px; padding: 4px 10px; position: absolute; text-align: center; text-decoration: none; top: 50%; width: 272px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-shadow: 1px 1px 4px 0px #C0C0C0; -webkit-box-shadow: 1px 1px 4px 0px #C0C0C0; box-shadow: 1px 1px 4px 0px #C0C0C0; } #tx-p123qsearch-pi1-dates-results #tx-p123qsearch-pi1-express .layer > a:after { content: "\00A0"; display: inline-block; line-height: 60px; overflow: hidden; vertical-align: middle; width: 0px; zoom: 1; } #tx-p123qsearch-pi1-dates-results #tx-p123qsearch-pi1-express .layer > a span { display: inline-block; vertical-align: middle; } #tx-p123qsearch-pi1-dates-results #tx-p123qsearch-pi1-express .layer > a button { background: #868686; border-color: #DBDBDB; font-weight: normal; margin-top: 4px; min-width: 0px; padding: 2px 10px 3px 10px; width: auto; } @media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { /* Chrome≥29, Opera≥16 */ #tx-p123qsearch-pi1-dates-results #tx-p123qsearch-pi1-express .layer > a button { padding: 3px 10px; } } #tx-p123qsearch-pi1-dates-results .select { float: left; line-height: 17px; max-height: 170px; min-height: 51px; overflow-x: hidden; overflow-y: auto; position: relative; width: 425px; -ms-touch-action: pan-y; } #tx-p123qsearch-pi1-dates-results .selector { background: #FFFFFF; height: 100%; min-height: 51px; position: absolute; right: 0px; top: 0px; width: 17px; } #tx-p123qsearch-pi1-dates-results .selector a { background: url(../typo3conf/ext/p123qsearch/res/scrollbars.gif) 30px 14px no-repeat; display: block; height: 14px; margin-left: 3px; width: 14px; } #tx-p123qsearch-pi1-dates-results .selector a.scrollbars-top { background-position: 0px 0px; } #tx-p123qsearch-pi1-dates-results .selector a.scrollbars-bottom { background-position: -16px 0px; bottom: 0px; left: 0px; position: absolute; } #tx-p123qsearch-pi1-dates-results .select a.option { color: #555659; display: block; height: 17px; line-height: 17px; white-space: nowrap; width: 405px; } #tx-p123qsearch-pi1-dates-results .select a.option:before { content: "\f096"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; height: inherit; line-height: inherit; padding-top: 2px; text-indent: 0px; text-rendering: auto; width: 15px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #tx-p123qsearch-pi1-dates-results .select a.express { color: #BE1010; } #tx-p123qsearch-pi1-dates-results .select a.selected { background: #DBDBDB; } #tx-p123qsearch-pi1-dates-results .select a.selected:before { content: "\f046"; } #tx-p123qsearch-pi1-dates-results .hint { background: url(../typo3conf/ext/p123qsearch/res/hint.png) no-repeat; bottom: -30px; left: 13px; padding: 5px 0px 8px 15px; position: absolute; } #tx-p123qsearch-pi1-dates-results .express-image { float: right; margin: 25px 75px 10px 0px; width: 100px; } #tx-p123qsearch-pi1-dates-results .express-hint { border-bottom: 1px dashed #A4A4A4; float: left; font-size: 10px; margin-bottom: 15px; padding-bottom: 14px; width: 278px; } #tx-p123qsearch-pi1-dates-results .express-price { border-bottom: 1px dashed #A4A4A4; float: left; font-size: 10px; margin-bottom: 15px; padding-bottom: 1px; width: 122px; } #tx-p123qsearch-pi1-dates-results .future { background: #BE1010; border: 1px solid #BE1010; float: right; margin: -25px 0px 0px 0px; padding: 0px; width: 175px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -moz-box-shadow: 1px 1px 4px 0px #BE1010; -webkit-box-shadow: 1px 1px 4px 0px #BE1010; box-shadow: 1px 1px 4px 0px #BE1010; } #tx-p123qsearch-pi1-dates-results .future h2 { color: #FFFFFF; margin: 0px; padding: 3px 5px; } #tx-p123qsearch-pi1-dates-results .future p { background: #FFFFFF; color: #BE1010; margin: 0px; padding: 2px 5px 2px 5px; -moz-border-radius: 0px 0px 8px 8px; -webkit-border-radius: 0px 0px 8px 8px; border-radius: 0px 0px 8px 8px; } @media screen and (max-width: 768px), screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-device-width: 1024px) and (min-resolution: 192dpi), screen and (max-device-width: 1024px) and (min-resolution: 2dppx) { .tx-p123qsearch-pi1 .search { z-index: 1; } .tx-p123qsearch-pi1 .search h3 { display: none; font-size: 13px; margin-left: -1%; padding-right: 19px; width: auto; margin-left: -moz-calc(100% / 0.32 / 0.98 * -0.01); margin-left: -webkit-calc(100% / 0.32 / 0.98 * -0.01); margin-left: calc(100% / 0.32 / 0.98 * -0.01); padding-left: -moz-calc(100% / 0.32 / 0.98 * 0.01 + 19px); padding-left: -webkit-calc(100% / 0.32 / 0.98 * 0.01 + 19px); padding-left: calc(100% / 0.32 / 0.98 * 0.01 + 19px); } .tx-p123qsearch-pi1 .search h3 a { color: #555659; } .tx-p123qsearch-pi1 .search h3.n1 { display: block; margin-top: 0px; } .tx-p123qsearch-pi1 .search .field.ready + h3 { display: block; } .tx-p123qsearch-pi1 .search h4 { display: none; font-size: 13px; line-height: 15px; padding-right: 19px; margin-top: -8px; width: auto; } .tx-p123qsearch-pi1 .search .field.ready + h3 + h4 { display: block; } .tx-p123qsearch-pi1 .search .field .label { padding-left: 19px; padding-right: 25px; } .tx-p123qsearch-pi1 .search .field .input { margin-right: 25px; min-height: 26px; padding-left: 19px; } .tx-p123qsearch-pi1 .search .field .input input[type="radio"], .tx-p123qsearch-pi1 .search .field .input input[type="checkbox"] { height: 19px; line-height: 17px; } :root .tx-p123qsearch-pi1 .search .field .input input[type="radio"] + label, :root .tx-p123qsearch-pi1 .search .field .input input[type="checkbox"] + label { line-height: 19px; } .tx-p123qsearch-pi1 .search .field { display: none; } .tx-p123qsearch-pi1 .search h3.n1 + .field, .tx-p123qsearch-pi1 .search .field.insert, .tx-p123qsearch-pi1 .search .field.ready { display: block; } .tx-p123qsearch-pi1 .search h3.n1 + .field.ready + .field.insert, .tx-p123qsearch-pi1 .search h3.n1 + .field.insert + .field.insert { display: none; } .tx-p123qsearch-pi1 input.tx_p123qsearch_pi1_text, .tx-p123qsearch-pi1 #tx-p123qsearch-pi1-city-results, .tx-p123qsearch-pi1 #tx-p123qsearch-pi1-city-saved, .tx-p123qsearch-pi1 #tx-p123qsearch-pi1-dates-saved, .tx-p123qsearch-pi1 #tx-p123qsearch-pi1-locs-results, .tx-p123qsearch-pi1 #tx-p123qsearch-pi1-locs-saved { font-size: 15px; line-height: 22px; outline: none; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: -moz-calc(100% - 19px); width: -webkit-calc(100% - 19px); width: calc(100% - 19px); } .tx-p123qsearch-pi1 #tx-p123qsearch-pi1-city-results, .tx-p123qsearch-pi1 #tx-p123qsearch-pi1-locs-results { top: 25px; } .tx-p123qsearch-pi1 #tx-p123qsearch-pi1-city-results > div { width: 100%; } .tx-p123qsearch-pi1 #tx-p123qsearch-pi1-city-results label { display: block; width: auto; } .tx-p123qsearch-pi1 #tx-p123qsearch-pi1-city-saved, .tx-p123qsearch-pi1 #tx-p123qsearch-pi1-dates-saved, .tx-p123qsearch-pi1 #tx-p123qsearch-pi1-locs-saved { left: 19px; } .tx-p123qsearch-pi1 #tx-p123qsearch-pi1-dates-saved > a, .tx-p123qsearch-pi1 #tx-p123qsearch-pi1-locs-saved > a { height: 22px; line-height: 22px; width: 100%; } .tx-p123qsearch-pi1 #tx-p123qsearch-pi1-dates-saved .toggle, .tx-p123qsearch-pi1 #tx-p123qsearch-pi1-locs-saved .toggle { line-height: 21px; width: 100%; } .tx-p123qsearch-pi1 #tx-p123qsearch-pi1-locs-saved .location { margin-bottom: 4px; padding: 0px; width: auto; max-width: -moz-calc(100% - 88px); max-width: -webkit-calc(100% - 88px); max-width: calc(100% - 88px); } .tx-p123qsearch-pi1 #tx-p123qsearch-pi1-locs-saved .date { text-align: right; width: 65px; } .tx-p123qsearch-pi1 #tx-p123qsearch-pi1-locs-saved span.date { width: 65px; } a.tx-p123qsearch-pi1-show-saved { height: 21px; } #content #tx-p123qsearch-pi1-dates-results { margin: 0px 0px 55px 0px; min-height: 0px; padding: 0px; width: 66%; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } #content #tx-p123qsearch-pi1-dates-results > div { margin-top: 25px; } #content #tx-p123qsearch-pi1-dates-results > div:first-child { margin-top: 0px; } #content #tx-p123qsearch-pi1-dates-results .csc-default { margin-right: 0px; } #tx-p123qsearch-pi1-dates-results .express-image { display: none !important; } #tx-p123qsearch-pi1-express { max-width: 490px; width: 100%; } #tx-p123qsearch-pi1-dates-results #tx-p123qsearch-pi1-express .layer { bottom: 37px; padding-right: 0px; top: 28px; } #tx-p123qsearch-pi1-dates-results .express-hint { border-bottom: none; font-size: 11px; margin-bottom: 0px; padding-bottom: 4px; width: auto; max-width: -moz-calc(100% - 125px); max-width: -webkit-calc(100% - 125px); max-width: calc(100% - 125px); } #tx-p123qsearch-pi1-dates-results .express-price { border-bottom: none; float: right; font-size: 11px; margin-bottom: 0px; max-width: 125px; padding-bottom: 4px; width: auto; } #tx-p123qsearch-pi1-dates-results .express-hint ~ .clear, #tx-p123qsearch-pi1-dates-results .express-price ~ .clear { border-top: 1px dashed #A4A4A4; margin-bottom: 15px; } #tx-p123qsearch-pi1-dates-results #tx-p123qsearch-pi1-express .layer a { margin: -41px 0px 0px -151px; min-height: 82px; width: 302px; } #tx-p123qsearch-pi1-dates-results .selectbox { float: none; max-width: 490px; width: 100%; } #tx-p123qsearch-pi1-dates-results .select { font-size: 12px; max-height: none; min-height: 0px; overflow: visible; width: 100%; } #tx-p123qsearch-pi1-dates-results .select a.option { height: auto; margin-top: 6px; padding-left: 15px; text-indent: -15px; white-space: normal; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #tx-p123qsearch-pi1-dates-results .select a.option:first-child { margin-top: 0px; } #tx-p123qsearch-pi1-dates-results .select a.selected { color: #002046; } #tx-p123qsearch-pi1-dates-results .selector { display: none; } #tx-p123qsearch-pi1-dates-results .future { float: left; margin-top: 16px; width: 100%; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } #tx-p123qsearch-pi1-dates-results .future h2 { padding: 3px 8px 8px; } #tx-p123qsearch-pi1-dates-results .future p { padding: 8px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } #tx-p123qsearch-pi1-dates-results .hint { margin-top: 16px; position: static; } a.tx-p123qsearch-pi1-help.tooltip:before { left: -moz-calc(50% - 6px); left: -webkit-calc(50% - 6px); left: calc(50% - 6px); } a.tx-p123qsearch-pi1-help.tooltip span { margin-left: 12px; -moz-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); } a.tx-p123qsearch-pi1-help.tooltip:hover span, a.tx-p123qsearch-pi1-help.tooltip:focus span { -moz-transform: translateX(-100%) translateY(-8px); -webkit-transform: translateX(-100%) translateY(-8px); transform: translateX(-100%) translateY(-8px); } .tx-p123qsearch-pi1-window { padding: 0px; } .tx-p123qsearch-pi1-window p { margin-right: 0px; } .tx-p123qsearch-pi1-window a.csc-mailform-button, #TB_window .tx-p123qsearch-pi1-window a.csc-mailform-button { font-size: 13px; height: 18px; line-height: 18px; margin-bottom: 15px; margin-left: 15px; } #tx-p123qsearch-pi1-basket { font-size: 11px; } #tx-p123qsearch-pi1-basket .basket-align { padding: 0 .6em; } } @media only screen and (max-width: 960px) { #tx-p123qsearch-pi1-basket .basket-align { display: inline-block !important; font-size: 1.45em !important; } #tx-p123qsearch-pi1-basket .basket-align:before { vertical-align: middle !important; height: 100%; } #tx-p123qsearch-pi1-basket:after { height: 25px; width: 29px; vertical-align: middle; } /*.header-fixed #tx-p123qsearch-pi1-basket:after { height: 35px; width: 46px; }*/ /*.header-fixed #tx-p123qsearch-pi1-basket .basket-align { font-size: 1.45em !important; }*/ } @media only screen and (max-width: 624px) { .tx-p123qsearch-pi1 .search h3 { font-size: 13px; margin-left: -1%; padding-right: 19px; width: auto; margin-left: -moz-calc(100vw / 0.98 * -0.01); margin-left: -webkit-calc(100vw / 0.98 * -0.01); margin-left: calc(100vw / 0.98 * -0.01); padding-left: -moz-calc(100vw / 0.98 * 0.01 + 19px); padding-left: -webkit-calc(100vw / 0.98 * 0.01 + 19px); padding-left: calc(100vw / 0.98 * 0.01 + 19px); } #content-left > .tx-p123qsearch-pi1 .search { margin-bottom: 40px; } #content #tx-p123qsearch-pi1-dates-results { width: 100%; } #content #tx-p123qsearch-pi1-dates-results .csc-mailform-submit-top { top: 0px; } } @media only screen and (max-width: 456px) { #tx-p123qsearch-pi1-dates-results .csc-mailform-submit-top { z-index: 2; } } @media only screen and (max-width: 368px) { .header-fixed #tx-p123qsearch-pi1-basket .basket-align { font-size: 1.1em !important; } .header-fixed #tx-p123qsearch-pi1-basket:after { height: 25px; width: 26px; } } /* default styles for extension "tx_p123designer_pi1" */ body.wide #content-normal .csc-default .tx-p123designer-pi1 { margin: -10px -15px -19px -12px; } #txp123designerpi1-flash, .tx-p123designer-pi1 .tx-rbflashobject-pi1-swf_altcontent { line-height: 0px; } body.wide #content-normal .csc-default #txp123designerpi1-flash .csc-default, body.wide-toggle #content-normal .csc-default #txp123designerpi1-flash .csc-default { border: none; background: none; margin: 0px; position: static; } #txp123designerpi1-flash embed, #txp123designerpi1-flash object { min-height: 525px; } #txp123designerpi1-flash .csc-default { line-height: normal; } #txp123designerpi1-flash.fullScreen { overflow: hidden; } #txp123designerpi1-flash.fullScreen embed, #txp123designerpi1-flash.fullScreen object { height: 95%; margin: 2.5% 0px 0px 2.5%; min-height: 0px; width: 95%; } .tx-p123designer-pi1 .csc-mailform-submit-top.deactivate, .tx-p123designer-pi1 .csc-mailform-submit-bottom.deactivate, .tx-p123designer-pi1 .csc-mailform-submit.deactivate { display: none; } .txp123designerpi1-fullscreen .tx-p123designer-pi1 .csc-mailform-submit-top, .txp123designerpi1-fullscreen .tx-p123designer-pi1 .csc-mailform-cancel-bottom, .txp123designerpi1-fullscreen .tx-p123designer-pi1 .csc-mailform-submit-bottom { position: fixed; z-index: 1002; } .txp123designerpi1-fullscreen .tx-p123designer-pi1 .csc-mailform-submit-top { bottom: 100%; margin: 0px 0px -30px 0px; top: auto; bottom: -moz-calc(50%); bottom: -webkit-calc(50%); bottom: calc(50%); /* calc((100vh * 0.98 - 30px - 49px + 40px) / 2 - 10px) */ margin-bottom: -moz-calc((100vh * 0.98 - 39px) / 2 - 10px); margin-bottom: -webkit-calc((100vh * 0.98 - 39px) / 2 - 10px); margin-bottom: calc((100vh * 0.98 - 39px) / 2 - 10px); } .txp123designerpi1-fullscreen .tx-p123designer-pi1 .csc-mailform-cancel-bottom, .txp123designerpi1-fullscreen .tx-p123designer-pi1 .csc-mailform-submit-bottom { bottom: auto; margin: -26px 0px 0px 0px; top: 100%; /* calc((100vh * 0.98 - 30px - 49px + 35px) / 2 - 1px) */ margin-top: -moz-calc((100vh * 0.98 - 44px) / 2 - 1px); margin-top: -webkit-calc((100vh * 0.98 - 44px) / 2 - 1px); margin-top: calc((100vh * 0.98 - 44px) / 2 - 1px); top: -moz-calc(50%); top: -webkit-calc(50%); top: calc(50%); } .txp123designerpi1-fullscreen .tx-p123designer-pi1 .csc-mailform-cancel-bottom { left: 1%; } .txp123designerpi1-fullscreen .tx-p123designer-pi1 .csc-mailform-submit-top, .txp123designerpi1-fullscreen .tx-p123designer-pi1 .csc-mailform-submit-bottom { right: 1%; } .tx-p123designer-pi1-fullscreen { background: #f5efe3; color: #BE1010; line-height: 16px; margin: -1px 0px 1px 0px; padding: 6px; position: relative; } .tx-p123designer-pi1-fullscreen a { color: #BE1010; font-weight: bold; } #TB_load.tx-p123designer-pi1-load { background: rgba(255, 255, 255, 0.9); border: 1px solid #C0C0C0; border-color: rgba(192, 192, 192, 0.6); color: #333333; font-weight: bold; height: 50px; margin: -25px 0px 0px -162.5px; padding-top: 18px; text-align: center; white-space: nowrap; width: 325px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -moz-box-shadow: 1px 1px 4px 0px #C0C0C0; -webkit-box-shadow: 1px 1px 4px 0px #C0C0C0; box-shadow: 1px 1px 4px 0px #C0C0C0; } #TB_load.tx-p123designer-pi1-load::after { background: #000000; margin-top: -16px; } #TB_load.tx-p123designer-pi1-load span { display: block; margin-left: 20px; } @media screen and (max-width: 768px), screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-device-width: 1024px) and (min-resolution: 192dpi), screen and (max-device-width: 1024px) and (min-resolution: 2dppx) { .tx-p123designer-pi1 { margin-top: 0px !important; position: relative; } .tx-p123designer-pi1 object, .tx-p123designer-pi1 embed { height: auto; max-width: 100%; min-height: 442px; } .txp123designerpi1-fullscreen .tx-p123designer-pi1 .csc-mailform-submit-top { /* calc((100vh * 0.98 - 30px - 55px + 40px) / 2 - 10px) */ margin-bottom: -moz-calc((100vh * 0.98 - 45px) / 2 - 10px); margin-bottom: -webkit-calc((100vh * 0.98 - 45px) / 2 - 10px); margin-bottom: calc((100vh * 0.98 - 45px) / 2 - 10px); } .txp123designerpi1-fullscreen .tx-p123designer-pi1 .csc-mailform-cancel-bottom, .txp123designerpi1-fullscreen .tx-p123designer-pi1 .csc-mailform-submit-bottom { /* calc((100vh * 0.98 - 30px - 55px + 35px) / 2 - 1px) */ margin-top: -moz-calc((100vh * 0.98 - 50px) / 2 - 1px); margin-top: -webkit-calc((100vh * 0.98 - 50px) / 2 - 1px); margin-top: calc((100vh * 0.98 - 50px) / 2 - 1px); } } @media only screen and (max-width: 456px) { .txp123designerpi1-fullscreen .tx-p123designer-pi1 .csc-mailform-submit-top { display: none; } } /* default styles for extension "tx_p123designer_pi3" */ body.wide #content-normal .csc-default .tx-p123designer-pi3 { margin: -10px -15px -19px -12px; } #txp123designerpi3-flash, .tx-p123designer-pi3 .tx-rbflashobject-pi1-swf_altcontent { line-height: 0px; } #txp123designerpi3-flash embed, #txp123designerpi3-flash object { min-height: 525px; } #txp123designerpi3-flash .csc-default { line-height: normal; } #txp123designerpi3-flash.fullScreen { overflow: hidden; } #txp123designerpi3-flash.fullScreen embed, #txp123designerpi3-flash.fullScreen object { height: 95%; margin: 2.5% 0px 0px 2.5%; min-height: 0px; width: 95%; } #txp123designerpi3-submit { display: none; } .tx-p123designer-pi3 .csc-mailform-submit-top.deactivate, .tx-p123designer-pi3 .csc-mailform-submit-bottom.deactivate, .tx-p123designer-pi3 .csc-mailform-submit.deactivate, .tx-p123designer-pi3 .csc-mailform-cancel-bottom.deactivate { display: none; } .txp123designerpi3-fullscreen .tx-p123designer-pi3 .csc-mailform-submit-top, .txp123designerpi3-fullscreen .tx-p123designer-pi3 .csc-mailform-cancel-bottom, .txp123designerpi3-fullscreen .tx-p123designer-pi3 .csc-mailform-submit-bottom { position: fixed; z-index: 1002; } .txp123designerpi3-fullscreen .tx-p123designer-pi3 .csc-mailform-submit-top { bottom: 100%; margin: 0px 0px -30px 0px; top: auto; bottom: -moz-calc(50%); bottom: -webkit-calc(50%); bottom: calc(50%); /* calc((100vh * 0.98 - 30px - 49px + 40px) / 2 - 10px) */ margin-bottom: -moz-calc((100vh * 0.98 - 39px) / 2 - 10px); margin-bottom: -webkit-calc((100vh * 0.98 - 39px) / 2 - 10px); margin-bottom: calc((100vh * 0.98 - 39px) / 2 - 10px); } .txp123designerpi3-fullscreen .tx-p123designer-pi3 .csc-mailform-cancel-bottom, .txp123designerpi3-fullscreen .tx-p123designer-pi3 .csc-mailform-submit-bottom { bottom: auto; margin: -26px 0px 0px 0px; top: 100%; /* calc((100vh * 0.98 - 30px - 49px + 35px) / 2 - 1px) */ margin-top: -moz-calc((100vh * 0.98 - 44px) / 2 - 1px); margin-top: -webkit-calc((100vh * 0.98 - 44px) / 2 - 1px); margin-top: calc((100vh * 0.98 - 44px) / 2 - 1px); top: -moz-calc(50%); top: -webkit-calc(50%); top: calc(50%); } .txp123designerpi3-fullscreen .tx-p123designer-pi3 .csc-mailform-cancel-bottom { left: 1%; } .txp123designerpi3-fullscreen .tx-p123designer-pi3 .csc-mailform-submit-top, .txp123designerpi3-fullscreen .tx-p123designer-pi3 .csc-mailform-submit-bottom { right: 1%; } .tx-p123designer-pi3-fullscreen { background: #f5efe3; color: #BE1010; line-height: 16px; margin: -1px 0px 1px 0px; padding: 6px; position: relative; } .tx-p123designer-pi3-fullscreen a { color: #BE1010; font-weight: bold; } .tx-p123designer-pi3-image { border: 1px solid #DBDBDB; float: right; margin: 0px 0px 5px 25px; } .tx-p123designer-pi3-window { padding: 30px 40px; } .tx-p123designer-pi3-window h2 { padding-bottom: 0px; } .tx-p123designer-pi3-window p { padding-top: 3px !important; } .tx-p123designer-pi3-window p span label { display: block; } .tx-p123designer-pi3-window a.csc-mailform-button, #TB_window .tx-p123designer-pi3-window a.csc-mailform-button { color: #FFFFFF; float: right; } .tx-p123designer-pi3-window a.csc-mailform-button.left, #TB_window .tx-p123designer-pi3-window a.csc-mailform-button.left { float: left; } .tx-p123designer-pi3-window .line { border-bottom: 1px dashed #ACA89C; clear: both; font-size: 0px; height: 0px; line-height: 0px; margin: 20px 0px; } #TB_load.tx-p123designer-pi3-load { background: rgba(255, 255, 255, 0.9); border: 1px solid #C0C0C0; border-color: rgba(192, 192, 192, 0.6); color: #333333; font-weight: bold; height: 50px; margin: -25px 0px 0px -162.5px; padding-top: 18px; text-align: center; white-space: nowrap; width: 325px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -moz-box-shadow: 1px 1px 4px 0px #C0C0C0; -webkit-box-shadow: 1px 1px 4px 0px #C0C0C0; box-shadow: 1px 1px 4px 0px #C0C0C0; } #TB_load.tx-p123designer-pi3-load::after { background: #000000; margin-top: -16px; } #TB_load.tx-p123designer-pi3-load span { display: block; margin-left: 20px; } .tx_p123designer_pi3-form { padding: 10px 15px 18px 12px; } .tx-p123designer-pi3-descriptionError, .tx-p123designer-pi3-uploadError { color: #BE1010; font-weight: bold; } .tx_p123designer_pi3-fileinput-button { background-color: #F8B300; color: #fff; font-weight: bold; overflow: hidden; padding: 6px 12px; position: relative; } .tx_p123designer_pi3-fileinput-button, .tx_p123designer_pi3-fileinput-text { display: inline-block; } .tx_p123designer_pi3-fileinput-text { font-size: 20px; margin-top: 10px; } .tx_p123designer_pi3-fileinput-button input { cursor: pointer; direction: ltr; font-size: 200px !important; margin: 0px; opacity: 0; position: absolute; right: 0px; top: 0px; -ms-filter: 'alpha(opacity=0)'; } .tx_p123designer_pi3-progress { background-color: #f5f5f5; border-radius: 4px; display: none; height: 20px; margin: 20px 0px; overflow: hidden; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .tx_p123designer_pi3-progress-bar { background-color: #337ab7; color: #fff; float: left; font-size: 12px; height: 100%; line-height: 20px; padding: 0px 5px; text-align: center; width: 0px; -webkit-box-shadow: inset 0 -1px 0px rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0px rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; transition: width 0.6s ease; } .tx_p123designer_pi3-progress-bar-success { background-color: #5cb85c; } .tx_p123designer_pi3-dropzone { background: #e7e7e7; border: 2px dashed #868686; height: 50px; padding: 50px 0px; text-align: center; width: 100%; } .tx_p123designer_pi3-dropzone.in { background: #c5c5c5; font-size: 150%; } .tx_p123designer_pi3-thumbnail img { border: 1px solid #dbdbdb; display: block; } .tx-p123designer-pi3-upload-titel .csc-mailform-button { float: left; } body.wide #content-normal .csc-default + .tx-p123designer-pi3-guidelines, body.wide-toggle #content-normal .csc-default + .tx-p123designer-pi3-guidelines { padding-top: 30px; } @media screen and (max-width: 768px), screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-device-width: 1024px) and (min-resolution: 192dpi), screen and (max-device-width: 1024px) and (min-resolution: 2dppx) { .tx-p123designer-pi3 { margin-top: 0px !important; position: relative; } #txp123designerpi3-flash { right: 0px; } .tx-p123designer-pi3 object, .tx-p123designer-pi3 embed { height: auto; max-width: 100%; min-height: 442px; width: 100%; } .txp123designerpi3-fullscreen .tx-p123designer-pi3 .csc-mailform-submit-top { /* calc((100vh * 0.98 - 30px - 55px + 40px) / 2 - 10px) */ margin-bottom: -moz-calc((100vh * 0.98 - 45px) / 2 - 10px); margin-bottom: -webkit-calc((100vh * 0.98 - 45px) / 2 - 10px); margin-bottom: calc((100vh * 0.98 - 45px) / 2 - 10px); } .txp123designerpi3-fullscreen .tx-p123designer-pi3 .csc-mailform-cancel-bottom, .txp123designerpi3-fullscreen .tx-p123designer-pi3 .csc-mailform-submit-bottom { /* calc((100vh * 0.98 - 30px - 55px + 35px) / 2 - 1px) */ margin-top: -moz-calc((100vh * 0.98 - 50px) / 2 - 1px); margin-top: -webkit-calc((100vh * 0.98 - 50px) / 2 - 1px); margin-top: calc((100vh * 0.98 - 50px) / 2 - 1px); } .tx_p123designer_pi3-thumbnail img { height: auto; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } } @media only screen and (max-width: 456px) { .txp123designerpi3-fullscreen .tx-p123designer-pi3 .csc-mailform-submit-top { display: none; } } /* default styles for extension "tx_p123designer_pi4" */ body.wide #content-normal .csc-default .tx-p123designer-pi4 { margin: -10px -15px -19px -12px; } #txp123designerpi4-flash, .tx-p123designer-pi4 .tx-rbflashobject-pi4-swf_altcontent { line-height: 0px; } body.wide #content-normal .csc-default #txp123designerpi4-flash .csc-default, body.wide-toggle #content-normal .csc-default #txp123designerpi4-flash .csc-default { border: none; background: none; margin: 0px; position: static; } #txp123designerpi4-flash embed, #txp123designerpi4-flash object { min-height: 525px; } #txp123designerpi4-flash .csc-default { line-height: normal; } #txp123designerpi4-flash.fullScreen { overflow: hidden; } #txp123designerpi4-flash.fullScreen embed, #txp123designerpi4-flash.fullScreen object { height: 95%; margin: 2.5% 0px 0px 2.5%; min-height: 0px; width: 95%; } .tx-p123designer-pi4 .csc-mailform-submit-top.deactivate, .tx-p123designer-pi4 .csc-mailform-submit-bottom.deactivate, .tx-p123designer-pi4 .csc-mailform-submit.deactivate { display: none; } .txp123designerpi4-fullscreen .tx-p123designer-pi4 .csc-mailform-submit-top, .txp123designerpi4-fullscreen .tx-p123designer-pi4 .csc-mailform-cancel-bottom, .txp123designerpi4-fullscreen .tx-p123designer-pi4 .csc-mailform-submit-bottom { position: fixed; z-index: 1002; } .txp123designerpi4-fullscreen .tx-p123designer-pi4 .csc-mailform-submit-top { bottom: 100%; margin: 0px 0px -30px 0px; top: auto; bottom: -moz-calc(50%); bottom: -webkit-calc(50%); bottom: calc(50%); /* calc((100vh * 0.98 - 30px - 49px + 40px) / 2 - 10px) */ margin-bottom: -moz-calc((100vh * 0.98 - 39px) / 2 - 10px); margin-bottom: -webkit-calc((100vh * 0.98 - 39px) / 2 - 10px); margin-bottom: calc((100vh * 0.98 - 39px) / 2 - 10px); } .txp123designerpi4-fullscreen .tx-p123designer-pi4 .csc-mailform-cancel-bottom, .txp123designerpi4-fullscreen .tx-p123designer-pi4 .csc-mailform-submit-bottom { bottom: auto; margin: -26px 0px 0px 0px; top: 100%; /* calc((100vh * 0.98 - 30px - 49px + 35px) / 2 - 1px) */ margin-top: -moz-calc((100vh * 0.98 - 44px) / 2 - 1px); margin-top: -webkit-calc((100vh * 0.98 - 44px) / 2 - 1px); margin-top: calc((100vh * 0.98 - 44px) / 2 - 1px); top: -moz-calc(50%); top: -webkit-calc(50%); top: calc(50%); } .txp123designerpi4-fullscreen .tx-p123designer-pi4 .csc-mailform-cancel-bottom { left: 1%; } .txp123designerpi4-fullscreen .tx-p123designer-pi4 .csc-mailform-submit-top, .txp123designerpi4-fullscreen .tx-p123designer-pi4 .csc-mailform-submit-bottom { right: 1%; } .tx-p123designer-pi4-fullscreen { background: #f5efe3; color: #BE1010; line-height: 16px; margin: -1px 0px 1px 0px; padding: 6px; position: relative; } .tx-p123designer-pi4-fullscreen a { color: #BE1010; font-weight: bold; } #TB_load.tx-p123designer-pi4-load { background: rgba(255, 255, 255, 0.9); border: 1px solid #C0C0C0; border-color: rgba(192, 192, 192, 0.6); color: #333333; font-weight: bold; height: 50px; margin: -25px 0px 0px -162.5px; padding-top: 18px; text-align: center; white-space: nowrap; width: 325px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -moz-box-shadow: 1px 1px 4px 0px #C0C0C0; -webkit-box-shadow: 1px 1px 4px 0px #C0C0C0; box-shadow: 1px 1px 4px 0px #C0C0C0; } #TB_load.tx-p123designer-pi4-load::after { background: #000000; margin-top: -16px; } #TB_load.tx-p123designer-pi4-load span { display: block; margin-left: 20px; } .tx_p123designer_pi4-form { padding: 10px 15px 18px 12px; } .tx-p123designer-pi4-descriptionError, .tx-p123designer-pi4-uploadError { color: #BE1010; font-weight: bold; } .tx-p123designer-pi4-uploadErrorButton {display: block; margin-top: 10px;} .tx_p123designer_pi4-fileinput-button { background-color: #F8B300; color: #fff; font-weight: bold; overflow: hidden; padding: 6px 12px; position: relative; } .tx_p123designer_pi4-fileinput-button, .tx_p123designer_pi4-fileinput-text { display: inline-block; } .tx_p123designer_pi4-fileinput-text { font-size: 20px; margin-top: 10px; } .tx_p123designer_pi4-fileinput-button input { cursor: pointer; direction: ltr; font-size: 200px !important; margin: 0px; opacity: 0; position: absolute; right: 0px; top: 0px; -ms-filter: 'alpha(opacity=0)'; } .tx_p123designer_pi4-progress { background-color: #f5f5f5; border-radius: 4px; display: none; height: 20px; margin: 20px 0px; overflow: hidden; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .tx_p123designer_pi4-progress-bar { background-color: #337ab7; color: #fff; float: left; font-size: 12px; height: 100%; line-height: 20px; padding: 0px 5px; text-align: center; width: 0px; -webkit-box-shadow: inset 0 -1px 0px rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0px rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; transition: width 0.6s ease; } .tx_p123designer_pi4-progress-bar-success { background-color: #5cb85c; } .tx_p123designer_pi4-dropzone { background: #e7e7e7; border: 2px dashed #868686; height: 50px; padding: 50px 0px; text-align: center; width: 100%; } .tx_p123designer_pi4-dropzone.in { background: #c5c5c5; font-size: 150%; } .tx_p123designer_pi4-thumbnail img { border: 1px solid #dbdbdb; display: block; } .tx-p123designer-pi4-upload-titel .csc-mailform-button { float: left; } body.wide #content-normal .csc-default + .tx-p123designer-pi4-guidelines, body.wide-toggle #content-normal .csc-default + .tx-p123designer-pi4-guidelines { padding-top: 30px; } .tx-p123designer-pi4-motifhint { display: none; } @media screen and (max-width: 768px), screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-device-width: 1024px) and (min-resolution: 192dpi), screen and (max-device-width: 1024px) and (min-resolution: 2dppx) { .tx-p123designer-pi4 { margin-top: 0px !important; position: relative; } .tx-p123designer-pi4 object, .tx-p123designer-pi4 embed { height: auto; max-width: 100%; min-height: 442px; } .txp123designerpi4-fullscreen .tx-p123designer-pi4 .csc-mailform-submit-top { /* calc((100vh * 0.98 - 30px - 55px + 40px) / 2 - 10px) */ margin-bottom: -moz-calc((100vh * 0.98 - 45px) / 2 - 10px); margin-bottom: -webkit-calc((100vh * 0.98 - 45px) / 2 - 10px); margin-bottom: calc((100vh * 0.98 - 45px) / 2 - 10px); } .txp123designerpi4-fullscreen .tx-p123designer-pi4 .csc-mailform-cancel-bottom, .txp123designerpi4-fullscreen .tx-p123designer-pi4 .csc-mailform-submit-bottom { /* calc((100vh * 0.98 - 30px - 55px + 35px) / 2 - 1px) */ margin-top: -moz-calc((100vh * 0.98 - 50px) / 2 - 1px); margin-top: -webkit-calc((100vh * 0.98 - 50px) / 2 - 1px); margin-top: calc((100vh * 0.98 - 50px) / 2 - 1px); } .tx_p123designer_pi4-thumbnail img { height: auto; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } } @media only screen and (max-width: 456px) { .txp123designerpi4-fullscreen .tx-p123designer-pi4 .csc-mailform-submit-top { display: none; } } /* default styles for extension "tx_p123designer_pi5" */ .tx-p123designer-pi5 .label { float: left; width: 200px; } .tx-p123designer-pi5 .field { float: left; width: 350px; } .tx-p123designer-pi5 .error { border: 0px solid #000000; color: red; margin-top: 20px; padding: 10px 0px; width: 620px; } .tx-p123designer-pi5 .error div { color: red; } .tx-p123designer-pi5 .error br, .tx-p123designer-pi5 .error span { display: none; } .tx-p123designer-pi5 .preview { background: #666666 url(../typo3conf/ext/p123designer/res/loading.gif) center no-repeat; border: 2px solid #999999; } .tx-p123designer-pi5 .dbutton { background: #999999; border: 1px solid #999999; color:#FFFFFF; font-size: 10px; font-weight: bold; } .tx-p123designer-pi5 .clear { clear: both; font-size: 0px; height: 0px; line-height: 0px; width: 0px; } .tx-p123designer-pi5 .required { color: red; } .tx-p123designer-pi5 input[type="checkbox"] { float: left; } .tx-p123designer-pi5 input[type="checkbox"] + label { display: block; margin-left: 20px; } .tx-p123designer-pi5 .helpbox { background-image: url(../typo3conf/ext/p123designer/res/editbox.png); display: none; line-height: 1; position: absolute; text-align: center; } .tx-p123designer-pi5 .helpbox span { display: none; } #TB_load.tx-p123designer-pi5-load { background: rgba(255, 255, 255, 0.9); border: 1px solid #C0C0C0; border-color: rgba(192, 192, 192, 0.6); color: #333333; font-weight: bold; height: 50px; padding-top: 25px; text-align: center; white-space: nowrap; width: 325px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -moz-box-shadow: 1px 1px 4px 0px #C0C0C0; -webkit-box-shadow: 1px 1px 4px 0px #C0C0C0; box-shadow: 1px 1px 4px 0px #C0C0C0; } #TB_load.tx-p123designer-pi5-load span { display: block; } /* default styles for extension "tx_p123designer_pi6" */ .tx-p123designer-pi5 .datacheck {margin-bottom: 1em;} .tx-p123designer-pi5 .submit .dbutton {text-align: center;} .tx-p123designer-pi5 .submit {text-align: center;} .tx-p123designer-pi5 .submit .dbutton[name="tx_p123designer_pi5[reset]"] {float: left;} .tx-p123designer-pi5 .submit .dbutton[name="tx_p123designer_pi5[preview]"] {margin: 0px auto; display: inline-block;} .tx-p123designer-pi5 .submit .dbutton[name="tx_p123designer_pi5[complete]"] {float: right;} .tx-p123designer-pi6-subheader { float: left; } .tx-p123designer-pi6-subheader + * { clear: left; } .tx-p123designer-pi6-subheader + .tx-p123designer-pi6-subheader { clear: none; } .tx-p123designer-pi6-item { float: left; margin: 0px 20px 20px 0px; width: 250px; } .tx-p123designer-pi6-item.deactivated { display: none; } .tx-p123designer-pi6-item h3 { font-size: 12px; } .tx-p123designer-pi6-image { cursor: pointer; height: 180px; overflow: hidden; position: relative; width: 250px; } .tx-p123designer-pi6-icon { background: url(../typo3conf/ext/p123designer/res/hint.png) no-repeat; bottom: 10px; height: 42px; position: absolute; right: 10px; width: 42px; z-index: 2; } .tx-p123designer-pi6-detail { background: #FAF7F2; border: 1px solid #DBDBDB; border-style: none solid solid solid; height: 171px; padding: 13px 8px 0px 8px; position: relative; width: 232px; } .tx-p123designer-pi6-found, .tx-p123qsearch-pi1-window .tx-p123designer-pi6-found { background: #FAF7F2 no-repeat center center; border: 1px solid #DBDBDB; float: right; height: 74px; width: 70px; overflow: hidden; } .tx-p123qsearch-pi1-window .tx-p123designer-pi6-found + p { margin-right: 100px; } .tx-p123designer-pi6-detail .tx-p123designer-pi6-found { margin-top: 3.5em; position: relative; } .tx-p123designer-pi6-found a, .tx-p123qsearch-pi1-window .tx-p123designer-pi6-found a { display: block; height: 74px; width: 70px; } .tx-p123designer-pi6-found a:before, .tx-p123qsearch-pi1-window .tx-p123designer-pi6-found a:before { content: none !important; } .tx-p123designer-pi6-saved { margin-right: 90px; } .tx-p123designer-pi6-saved .costs { overflow: visible; position: relative; } .tx-p123designer-pi6-saved .costs:before { content: "\a\00a0"; display: block; white-space: pre; } .tx-p123designer-pi6-saved .costs > div { bottom: 0px; left: 0px; position: absolute; right: -90px; top: 0px; } .tx-p123designer-pi6-saved .costs > div a:first-child { cursor: default; float: right; height: 100%; text-decoration: none !important; } .tx-p123designer-pi6-saved .costs > div a:first-child:after { content: "\00A0"; display: inline-block; height: 100%; overflow: hidden; vertical-align: bottom; width: 0px; zoom: 1; } .tx-p123designer-pi6-saved .costs > div a:first-child > * { vertical-align: bottom; } .tx-p123designer-pi6-saved .costs .tooltip span { float: none; } .tx-p123designer-pi6-saved .csc-mailform-button { display: inline-block; margin-top: 6px; padding-left: 19px; padding-right: 10px; } .tx-p123designer-pi6-saved .csc-mailform-button:first-child { margin-top: 13px; } .tx-p123designer-pi6-saved .csc-mailform-button:before { display: inline-block; font: normal normal normal 13px/1 FontAwesome; margin-left: -15px; text-rendering: auto; vertical-align: middle; width: 15px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .tx-p123designer-pi6-saved .csc-mailform-button.edit:before { content: "\f044"; } .tx-p123designer-pi6-saved .csc-mailform-button.delete:before { content: "\f014"; } .tx-p123designer-pi6-saved .csc-mailform-button.later:before, .tx-p123designer-pi6-saved .csc-mailform-button.no-production:before { content: "\f046"; } a.tx-p123designer-pi6-guidelines { bottom: 4px; display: block; font-style: italic; font-weight: bold; left: 8px; position: absolute; } .tx-p123designer-pi6-displayMedia { margin-bottom: 20px; } #tx-p123designer-pi6-later, #tx-p123designer-pi6-noproduction { margin: 8px 0px; } #tx-p123designer-pi6-later > form, #tx-p123designer-pi6-noproduction > form { float: left; max-width: 340px; width: 100%; } .tx-p123qsearch-pi1-window #tx-p123designer-pi6-later + p, .tx-p123qsearch-pi1-window #tx-p123designer-pi6-noproduction + p { margin-right: 161px; padding-top: 3px !important; } #tx-p123designer-pi6-later a.csc-mailform-button, #tx-p123designer-pi6-noproduction a.csc-mailform-button { float: none; } .tx-p123designer-pi6 #tx-p123designer-pi6-later, .tx-p123designer-pi6 #tx-p123designer-pi6-noproduction { display: none; } #tx-p123designer-pi6-later .tooltip, #tx-p123designer-pi6-noproduction .tooltip { width: 100%; } #tx-p123designer-pi6-later > form h2 { padding-bottom: 8px; } #tx-p123designer-pi6-later .bodytext { padding: 5px 0px 5px 0px; } #tx-p123designer-pi6-later input[type="text"], #tx-p123designer-pi6-later input[type="number"], #tx-p123designer-pi6-noproduction input[type="text"] { background: #FFFFFF; border: 1px solid #DBDBDB; height: 19px; line-height: 16px; margin: 0px; padding: 1px 10px 2px 10px; width: 100%; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #tx-p123designer-pi6-later input[type="number"] { padding-right: 0px; width: auto; } #tx-p123designer-pi6-later input[type="text"].error, #tx-p123designer-pi6-later input[type="number"].error, #tx-p123designer-pi6-noproduction input[type="text"].error { border-color: #BE1010; } .tx-p123designer-pi6-highlight { color: #BE1010; font-weight: bold; } .tx-p123qsearch-pi1-window a.csc-mailform-button.upload, #TB_window .tx-p123qsearch-pi1-window a.csc-mailform-button.upload { margin-top: 4px; } .tx-p123designer-pi6-motifhint { display: none; } .tx-p123designer-pi6-calculator { background: #FFFFFF url(../typo3conf/ext/p123designer/res/calculator.png) 10px 44px no-repeat; border: 1px solid #DBDBDB; border-left: none; height: 164px; left: 639px; position: absolute; top: -1px; width: 120px; -moz-border-radius: 0px 6px 6px 0px; -webkit-border-radius: 0px 6px 6px 0px; border-radius: 0px 6px 6px 0px; } .tx-p123designer-pi6-calculator a { color: #555659; color: inherit; } @media screen { .tx-p123designer-pi6-calculator.fixed { position: fixed; top: 16px; } } .tx-p123designer-pi6-calculator a { display: block; height: 100%; width: 100%; } .tx-p123designer-pi6-calculator h4 { background: #F4F4F4; margin: 0px; padding: 5px; text-align: center; -moz-border-radius: 0px 6px 0px 0px; -webkit-border-radius: 0px 6px 0px 0px; border-radius: 0px 6px 0px 0px; } @media screen and (max-width: 768px), screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-device-width: 1024px) and (min-resolution: 192dpi), screen and (max-device-width: 1024px) and (min-resolution: 2dppx) { .tx-p123designer-pi6 .hide-on-mobile { display: none; } .tx-p123designer-pi6-saved .csc-mailform-button:first-child { margin-top: 6px; } .tx-p123designer-pi6-saved .csc-mailform-button:not(.hide-on-mobile) { margin-top: 13px; } .tx-p123designer-pi6-saved .csc-mailform-button:not(.hide-on-mobile) ~ .csc-mailform-button { margin-top: 6px; } .tx-p123designer-pi6 .csc-subheader img { height: auto; max-width: 100%; } .tx-p123designer-pi6-calculator { display: none; } .tx-p123designer-pi6 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -moz-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: start; -moz-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -ms-grid-row-align: start; align-items: flex-start; } .tx-p123designer-pi6 > * { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } .tx-p123designer-pi6 > .tx-p123designer-pi6-subheader { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .tx-p123designer-pi6 > .tx-p123designer-pi6-displayMedia { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .tx-p123designer-pi6-item { max-width: 100%; width: 280px; } .tx-p123designer-pi6-item:nth-child(2n+1) { margin-right: 0px; } .tx-p123designer-pi6-item h3 { font-size: 13px; } .tx-p123designer-pi6-image { height: 200px; width: 280px; } .tx-p123designer-pi6-image img { height: auto; width: 100%; } .tx-p123designer-pi6-detail { height: auto; min-height: 180px; width: auto; } .tx-p123designer-pi6-saved { margin-bottom: 42px; } #tx-p123designer-pi6-later, #tx-p123designer-pi6-noproduction { margin-bottom: 15px; /*margin-left: 15px;*/ width: auto; } .tx-p123qsearch-pi1-window #tx-p123designer-pi6-later a.csc-mailform-button, .tx-p123qsearch-pi1-window #tx-p123designer-pi6-noproduction a.csc-mailform-button { margin-bottom: 0px; margin-left: 0px; } } @media only screen and (max-width: 456px) { .tx-p123designer-pi6 .csc-subheader { float: none; } .tx-p123designer-pi6 .csc-mailform-submit-top { display: none; } .tx-p123designer-pi6-item { float: none; margin-right: 0px; } } /* default styles for extension "tx_p123checkout_pi1" */ *:first-child+html .tx-p123checkout-pi1 { width: 100%; } /* IE7 */ .tx-p123checkout-pi1 .fixed { float: right; padding-bottom: 8px; width: 189px; } .tx-p123checkout-pi1 .fixed dl { color: inherit; display: inline; float: left; margin: 0px; min-height: 1px; } .tx-p123checkout-pi1 .fixed dl dt { color: inherit; display: inline; float: none; margin: 0px; } .tx-p123checkout-pi1 .variable { color: inherit; padding-bottom: 8px; margin-right: 189px; } .tx-p123checkout-pi1-header, .tx-p123checkout-pi1-subtotal, .tx-p123checkout-pi1-total-entry { background: url(../typo3conf/ext/p123checkout/res/table-header.gif) repeat-x; color: #000000; margin: 0px; padding-top: 5px; } .tx-p123checkout-pi1-header { margin-top: 5px; } .tx-p123checkout-pi1-header .fixed, .tx-p123checkout-pi1-subtotal .fixed, .tx-p123checkout-pi1-total-entry .fixed { color: #000000; } .tx-p123checkout-pi1-header .fixed dl, .tx-p123checkout-pi1-subtotal .fixed dl, .tx-p123checkout-pi1-total-entry .fixed dl { color: #000000; } .tx-p123checkout-pi1-header .fixed dl dt, .tx-p123checkout-pi1-subtotal .fixed dl dt, .tx-p123checkout-pi1-total-entry .fixed dl dt { color: #000000; } .tx-p123checkout-pi1-header .variable, .tx-p123checkout-pi1-subtotal .variable, .tx-p123checkout-pi1-total-entry .variable { color: #000000; } .tx-p123checkout-pi1-groups, .tx-p123checkout-pi1-total { margin: 0px -15px 0px -12px; padding: 3px 15px 3px 12px; } *:first-child+html .tx-p123checkout-pi1-groups { width: 100%; } /* IE7 */ *:first-child+html .tx-p123checkout-pi1-total { width: 100%; } /* IE7 */ .tx-p123checkout-pi1-groups.highlight { background: #F4F4F4; /* made by http://www.colorzilla.com/gradient-editor */ background: -moz-linear-gradient(top, #FFFFFF 0%, #F4F4F4 2.5%, #F4F4F4 97.5%, #FFFFFF 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(2.5%, #F4F4F4), color-stop(97.5%, #F4F4F4), color-stop(100%, #FFFFFF)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #FFFFFF 0%, #F4F4F4 2.5%, #F4F4F4 97.5%, #FFFFFF 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #FFFFFF 0%, #F4F4F4 2.5%, #F4F4F4 97.5%, #FFFFFF 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #FFFFFF 0%, #F4F4F4 2.5%, #F4F4F4 97.5%, #FFFFFF 100%); /* IE10+ */ background: linear-gradient(to bottom, #FFFFFF 0%, #F4F4F4 2.5%, #F4F4F4 97.5%, #FFFFFF 100%); /* W3C */ } h3.tx-p123checkout-pi1-groupName { margin: 0px; padding: 0px 0px 12px 0px; } .tx-p123checkout-pi1-groupName:after { clear: both; content: ""; display: table; zoom/*\**/: 1\9; /* IE6-8 */ } .tx-p123checkout-pi1-groupName .monthly { color: #000000; float: right; font-weight: normal; /*margin-right: calc(24px + 24px + 10px);*/ margin-right: 58px; text-align: right; width: 83px; } .tx-p123checkout-pi1-groupImage { background-position: center top; background-repeat: no-repeat; float: left; height: 70px; margin-top: -8px; overflow: hidden; width: 58px; } .tx-p123checkout-pi1-groupImage a { background: url(../typo3conf/ext/p123checkout/res/image-expand.gif) no-repeat right bottom; display: block; height: 70px; width: 58px; } .tx-p123checkout-pi1-extensions { background: url(../typo3conf/ext/p123checkout/res/table-header.gif) left bottom repeat-x; font-weight: bold; margin: 5px 189px 5px 0px; padding-bottom: 5px; } .tx-p123checkout-pi1-positions { line-height: 16px; margin-left: 66px; } .tx-p123checkout-pi1-positions input[type="text"] { background: #FFFFFF; border: 1px solid #DBDBDB; height: 14px; line-height: 14px; margin: 0px; padding: 0px; text-align: center; } .tx-p123checkout-pi1-positions input[type="text"].error { border-color: #BE1010; } .tx-p123checkout-pi1-positions .variable span { display: block; float: right; padding-bottom: 8px; width: 40%; } .tx-p123checkout-pi1-positions div.clear { clear: right; } .tx-p123checkout-pi1-subtotal { clear: both; } .tx-p123checkout-pi1-subtotal .fixed { padding-bottom: 0px; } .tx-p123checkout-pi1-subtotal .variable { margin-left: 66px; padding-bottom: 0px; } .tx-p123checkout-pi1-positions a.edit, .tx-p123checkout-pi1-positions a.delete { display: block; height: 16px; margin: 0px 4px; overflow: hidden; width: 16px; } .tx-p123checkout-pi1-positions a.edit .fa, .tx-p123checkout-pi1-positions a.delete .fa { color: #555659; } .tx-p123checkout-pi1-empty { color: #000000; font-weight: bold; margin: 10px 10px 20px 66px; } .tx-p123checkout-pi1-total { background: #F4F4F4; line-height: 16px; margin-top: 5px; padding-top: 5px; /* made by http://www.colorzilla.com/gradient-editor */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEyNSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #FFFFFF 0%, #F4F4F4 5px, #FFFFFF 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(5px, #F4F4F4), color-stop(100%, #FFFFFF)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #FFFFFF 0%, #F4F4F4 5px, #FFFFFF 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #FFFFFF 0%, #F4F4F4 5px, #FFFFFF 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #FFFFFF 0%, #F4F4F4 5px, #FFFFFF 100%); /* IE10+ */ background: linear-gradient(to bottom, #FFFFFF 0%, #F4F4F4 5px, #FFFFFF 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4F4F4', endColorstr='#FFFFFF', GradientType=0); /* IE6-8 */ } @media all and (min-width:0\0) { .tx-p123checkout-pi1-total { filter: none; } } /* IE9+ */ .tx-p123checkout-pi1-total-entry { margin: 0px; } .tx-p123checkout-pi1-total-entry .fixed { padding-bottom: 0px; } .tx-p123checkout-pi1-total-entry .variable { margin-left: 66px; padding-bottom: 0px; } #txp123checkoutpi1-total-gross { font-weight: bold; } ul.tx-p123checkout-pi1-require li:after { clear: both; content: ""; display: table; zoom/*\**/: 1\9; /* IE6-8 */ } ul.tx-p123checkout-pi1-require .button { float: right; margin-left: 14px; } ul.tx-p123checkout-pi1-require a { clear: right; float: right; margin-bottom: 4px; } ul.tx-p123checkout-pi1-require li:last-child a:last-child { margin-bottom: 0px; } .tx-p123checkout-pi1-require span { color: #BE1010; font-weight: bold; } *:first-child+html .tx-p123checkout-pi1-require span { display: inline-block; margin-right: 14px; } /* IE7 */ .tx-p123checkout-pi1 .csc-mailform-submit-top, .tx-p123checkout-pi1 .csc-mailform-submit-bottom { display: none; } .tx-p123checkout-pi1-hint-edit { float: right; width: 141px; } .tx-p123qsearch-pi1-window .tx-p123checkout-pi1-hint-edit + p { margin-right: 161px; padding-top: 3px !important; } .tx-p123checkout-pi1-hint-edit .csc-mailform-button { margin-top: 6px; } .tx-p123checkout-pi1-hint-edit .tooltip { width: 100%; } .tx-p123checkout-pi1-hint-edit input[type="text"] { background: #FFFFFF; border: 1px solid #DBDBDB; height: 19px; line-height: 16px; margin: 0px; padding: 1px 10px 2px 10px; width: 100%; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .tx-p123checkout-pi1-hint-edit input[type="text"].error { border-color: #BE1010; } .tx-p123checkout-pi1-header:after, .tx-p123checkout-pi1-positions-entry:after, .tx-p123checkout-pi1-subtotal:after, .tx-p123checkout-pi1-total-position:after { clear: both; content: ""; display: table; zoom/*\**/: 1\9; /* IE6-8 */ } .tx-p123checkout-pi1-positions-entry:after, .tx-p123checkout-pi1-positions div.clear { clear: right; } @media screen and (max-width: 768px), screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-device-width: 1024px) and (min-resolution: 192dpi), screen and (max-device-width: 1024px) and (min-resolution: 2dppx) { .tx-p123checkout-pi1-positions a.edit .fa, .tx-p123checkout-pi1-positions a.delete .fa { color: #555659; } .tx-p123checkout-pi1-groupImage { display: none; } .tx-p123checkout-pi1-positions { margin-left: 0px; } .tx-p123checkout-pi1-positions .variable span { float: none; width: auto; } .tx-p123checkout-pi1 .fixed { width: 165px; } .tx-p123checkout-pi1 .variable { margin-right: 165px; } .tx-p123checkout-pi1-subtotal .variable, .tx-p123checkout-pi1-total-entry .variable { margin-left: 0px; } .tx-p123checkout-pi1-header .fixed dl[style="width: 48px;"]:last-child, .tx-p123checkout-pi1-subtotal .fixed dl[style="width: 48px;"]:last-child, .tx-p123checkout-pi1-total-entry .fixed dl[style="width: 48px;"]:last-child { width: 24px !important; } .tx-p123checkout-pi1-groupName .monthly { /*margin-right: calc(24px + (24px * 0) + 10px);*/ margin-right: 34px; } ul.tx-p123checkout-pi1-require .hide-for-mobile { display: none; } .tx-p123checkout-pi1 .fixed dl[style="width: 24px;"] { width: auto !important; } } @media only screen and (max-width: 456px) { .tx-p123checkout-pi1 .csc-mailform-submit-top { display: none; } } /* default styles for extension "tx_p123checkout_pi2" */ body.wide #content-normal .csc-default .tx-p123checkout-pi2 .csc-header:first-child { background-image: url(../typo3conf/ext/p123checkout/res/csc-header-n1.png); min-width: 531px; } body.wide #content-normal .csc-default .tx-p123checkout-pi2 .csc-header:first-child:after { clear: left; content: ""; display: table; } body.wide #content-normal .csc-default .tx-p123checkout-pi2 .csc-header:first-child > * { color: #FFFFFF; display: inline-block; float: left; font-size: 11px; height: 27px; line-height: 13px; margin: 1px 0px; padding: 1px 5px 0px 5px; text-shadow: none; } body.wide #content-normal .csc-default .tx-p123checkout-pi2 .csc-header:first-child > h2 { border-left: 1px solid #FFFFFF; } body.wide #content-normal .csc-default .tx-p123checkout-pi2 .csc-header:first-child > h3 { float: none; font-size: 12px; margin: 0px; padding: 8px 0px 8px 5px; text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.8); } body.wide #content-normal .csc-default .tx-p123checkout-pi2 .csc-header:first-child > * > a { background: url(../typo3conf/ext/p123checkout/res/csc-header-link.gif) right top no-repeat; color: #FFFFFF; display: block; height: 27px; padding-right: 14px; } body.wide #content-normal .csc-default .tx-p123checkout-pi2 .csc-header:first-child > * > a:hover { text-decoration: none; } body.wide #content-normal .csc-default .tx-p123checkout-pi2 .csc-header:first-child > * > a.active { position: relative; } .tx-p123checkout-pi2 .csc-header:first-child a.active:before, .tx-p123checkout-pi2 .csc-header:first-child a.active .before { background: url(../typo3conf/ext/p123checkout/res/header-active.png) no-repeat; bottom: -10px; content: " "; height: 11px; left: 50%; margin-left: -16.5px; position: absolute; width: 19px; } .tx-p123checkout-pi2-option { display: none; } .tx-p123checkout-pi2-groups { margin: 0px -15px 0px -12px; padding: 6px 15px 6px 12px; } *:first-child+html .tx-p123checkout-pi2-groups { width: 100%; } /* IE7 */ .tx-p123checkout-pi2-groups.highlight { background: #F4F4F4; } .tx-p123checkout-pi2-groupName { margin: 0px; padding: 0px 0px 12px 0px; } .tx-p123checkout-pi2-positions { line-height: 16px; margin-left: 66px; } .tx-p123checkout-pi2-positions .tx-p123checkout-pi1 { margin-left: -66px; } .tx-p123checkout-pi2-positions a { color: #002046; } .tx-p123checkout-pi2-positions .radio { line-height: 16px; min-height: 16px; } .tx-p123checkout-pi2-positions .check label img, .tx-p123checkout-pi2-positions .radio label img { max-height: 20px; vertical-align: top; width: auto; } .tx-p123checkout-pi2-positions .select, .tx-p123checkout-pi2-positions .text, .tx-p123checkout-pi2-positions .input { float: left; margin-right: 7px; width: auto; } .tx-p123checkout-pi2-positions .select, .tx-p123checkout-pi2-positions .text, .tx-p123checkout-pi2-positions .input { position: relative; } .tx-p123checkout-pi2-positions .select > label, .tx-p123checkout-pi2-positions .text > label, .tx-p123checkout-pi2-positions .input > label { border-bottom: 1px solid #DBDBDB; color: #999999; display: inline-block; left: 1px; max-width: 100%; overflow: hidden; padding: 0px 7px 0px 4px; pointer-events: none; position: absolute; top: 2px; white-space: pre; z-index: 1; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: -moz-calc(100% - 2px); max-width: -webkit-calc(100% - 2px); max-width: calc(100% - 2px); } .tx-p123checkout-pi2-positions .select > label:empty, .tx-p123checkout-pi2-positions .text > label:empty, .tx-p123checkout-pi2-positions .input > label:empty { display: none; } .tx-p123checkout-pi2-positions .select > label:not(:empty) + select[required], .tx-p123checkout-pi2-positions .text > label:not(:empty) + textarea, .tx-p123checkout-pi2-positions .input > label:not(:empty) + input { position: relative; z-index: 2; -moz-transition: padding 0.5s ease; -ms-transition: padding 0.5s ease; -o-transition: padding 0.5s ease; -webkit-transition: padding 0.5s ease; transition: padding 0.5s ease; } .tx-p123checkout-pi2-positions .text > label:not(:empty) + textarea:not(:-ms-input-placeholder), .tx-p123checkout-pi2-positions .input > label:not(:empty) + input:not(:-ms-input-placeholder) { padding-top: 18px; z-index: 0; } .tx-p123checkout-pi2-positions .select > label:not(:empty) + select[required]:valid, .tx-p123checkout-pi2-positions .text > label:not(:empty) + textarea:not(:placeholder-shown), .tx-p123checkout-pi2-positions .input > label:not(:empty) + input:not(:placeholder-shown) { padding-top: 18px; z-index: 0; } .tx-p123checkout-pi2-positions .select > label:not(:empty) + select:not([required]) { padding-top: 18px; position: relative; width: 100%; z-index: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .tx-p123checkout-pi2-positions [rel] { display: none; } .tx-p123checkout-pi2-positions .select option.label { font-style: italic; } .tx-p123checkout-pi2-positions .hidden { display: none; } .tx-p123checkout-pi2-positions input[readonly] { pointer-events: none; } .tx-p123checkout-pi2-positions input[type="date"].hasDatepicker { -webkit-appearance: textfield; } .tx-p123checkout-pi2-positions input[type="date"].hasDatepicker::-webkit-calendar-picker-indicator, .tx-p123checkout-pi2-positions input[type="date"].hasDatepicker::-webkit-inner-spin-button { display: none; -webkit-appearance: none; } .tx-p123checkout-pi2-positions input.error-required, .tx-p123checkout-pi2-positions select.error-required, .tx-p123checkout-pi2-positions textarea.error-required, .tx-p123checkout-pi2-positions input.error-pattern, .tx-p123checkout-pi2-positions select.error-pattern, .tx-p123checkout-pi2-positions textarea.error-pattern { border-color: #BE1010; } .tx-p123checkout-pi2-line { background: url(../typo3conf/ext/p123checkout/res/table-header.gif) repeat-x; font-size: 0px; height: 1px; line-height: 1px; margin-top: 5px; padding-top: 5px; } ul.tx-p123checkout-pi2-require .button { float: right; margin-left: 14px; } ul.tx-p123checkout-pi2-require a { clear: right; float: right; margin-bottom: 4px; } ul.tx-p123checkout-pi2-require li:last-child a:last-child { margin-bottom: 0px; } ul.tx-p123checkout-pi2-require span { color: #BE1010; font-weight: bold; } *:first-child+html ul.tx-p123checkout-pi2-require span { display: inline-block; margin-right: 14px; } /* IE7 */ #txp123checkoutpi2-option-confirm, #txp123checkoutpi2-option-confirm h3 { font-size: 12px; } #txp123checkoutpi2-option-confirm .csc-mailform-submit-top:before { background: #BE1010; } #txp123checkoutpi2-option-confirm .csc-mailform-submit-top:after { border-bottom-color: #BE1010; } #txp123checkoutpi2-option-confirm .csc-mailform-submit-bottom:before { background: #BE1010; } #txp123checkoutpi2-option-confirm .csc-mailform-submit-bottom:after { border-right-color: #BE1010; } .tx-p123checkout-pi2-summary, #txp123checkoutpi2-option-confirm .tx-p123checkout-pi1 { background: url(../typo3conf/ext/p123checkout/res/table-header.gif) repeat-x; margin-top: 15px; padding-top: 5px; } #txp123checkoutpi2-option-confirm .tx-p123checkout-pi1 .fixed { width: 141px; } #txp123checkoutpi2-option-confirm .tx-p123checkout-pi1 .variable { margin-right: 141px; } #txp123checkoutpi2-option-confirm .tx-p123checkout-pi1-header { background: none; margin-top: 0px; padding-top: 0px; } .tx-p123checkout-pi2-edit .csc-mailform-button { float: right; min-width: auto; } .tx-p123checkout-pi2-window { padding: 30px 40px; } .tx-p123checkout-pi2-window h2 { padding-bottom: 0px; } .tx-p123checkout-pi2-window p { margin-right: 200px; padding-top: 3px !important; } .tx-p123checkout-pi2-window p span label { display: block; } .tx-p123checkout-pi2-window a.csc-mailform-button, #TB_window .tx-p123checkout-pi2-window a.csc-mailform-button { color: #FFFFFF; float: right; position: relative; z-index: 2; } .tx-p123checkout-pi2-window a.csc-mailform-button.left, #TB_window .tx-p123checkout-pi2-window a.csc-mailform-button.left { float: left; } #content-normal #txp123checkoutpi2-ready .csc-mailform-button { float: right; } .tx-p123checkout-pi2-window .line { border-bottom: 1px dashed #ACA89C; clear: both; font-size: 0px; height: 0px; line-height: 0px; margin: 20px 0px; } #txp123checkoutpi2-error, #txp123checkoutpi2-ajaxError, #txp123checkoutpi2-ready { display: none; } #TB_load.tx-p123checkout-pi2-load { background: url(../typo3conf/ext/p123checkout/res/bg-load.png); background: rgba(255, 255, 255, 0.9); border: 1px solid #C0C0C0; border-color: rgba(192, 192, 192, 0.6); color: #333333; font-weight: bold; height: 50px; margin: -25px 0px 0px -162.5px; padding-top: 18px; text-align: center; white-space: nowrap; width: 325px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -moz-box-shadow: 1px 1px 4px 0px #C0C0C0; -webkit-box-shadow: 1px 1px 4px 0px #C0C0C0; box-shadow: 1px 1px 4px 0px #C0C0C0; } #TB_load.tx-p123checkout-pi2-load:after { background: #000000; margin-top: -16px; } #TB_load.tx-p123checkout-pi2-load span { display: block; margin-left: 20px; } #txp123checkoutpi2-ibanGen-hint { background: #FFFFFF url(../typo3conf/ext/p123checkout/res/ibanGen.png) 10px 44px no-repeat; border: 1px solid #DBDBDB; border-left: none; display: none; height: 164px; left: 639px; overflow: hidden; position: absolute; top: -1px; width: 120px; -moz-border-radius: 0px 6px 6px 0px; -webkit-border-radius: 0px 6px 6px 0px; border-radius: 0px 6px 6px 0px; } @media screen { #txp123checkoutpi2-ibanGen-hint.fixed { position: fixed; top: 16px; } } @media only screen and (max-device-width: 480px) { #txp123checkoutpi2-ibanGen-hint.fixed { left: 639px !important; position: absolute; top: -1px; } } #txp123checkoutpi2-ibanGen-hint a { display: block; height: 100%; width: 120px; } #txp123checkoutpi2-ibanGen-hint a:hover { text-decoration: none; } #txp123checkoutpi2-ibanGen-hint h4 { background: #F4F4F4; margin: 0px; padding: 5px; text-align: center; -moz-border-radius: 0px 6px 0px 0px; -webkit-border-radius: 0px 6px 0px 0px; border-radius: 0px 6px 0px 0px; } @-moz-keyframes fadeOutSlider { 0% { right: 0px; } 100% { right: 121px; } } @-o-keyframes fadeOutSlider { 0% { right: 0px; } 100% { right: 121px; } } @-webkit-keyframes fadeOutSlider { 0% { right: 0px; } 100% { right: 121px; } } @keyframes fadenOutSlider { 0% { right: 0px; } 100% { right: 121px; } } #txp123checkoutpi2-ibanGen-slider { display: none; height: 45px; position: absolute; right: 121px; top: 12.5%; width: 45px; z-index: 3; -moz-animation: fadeOutSlider 0.6s ease 0s normal 1; -o-animation: fadeOutSlider 0.6s ease 0s normal 1; -webkit-animation: fadeOutSlider 0.6s ease 0s normal 1; animation: fadeOutSlider 0.6s ease 0s normal 1; -moz-transition: right 0.6s ease; -ms-transition: right 0.6s ease; -o-transition: right 0.6s ease; -webkit-transition: right 0.6s ease; transition: right 0.6s ease; } #txp123checkoutpi2-ibanGen-slider + label { display: none; line-height: 45px; margin-left: 0px; position: absolute; right: 121px; text-indent: 0px; top: 12.5%; z-index: 2; -moz-animation: fadeOutSlider 0.6s ease 0s normal 1; -o-animation: fadeOutSlider 0.6s ease 0s normal 1; -webkit-animation: fadeOutSlider 0.6s ease 0s normal 1; animation: fadeOutSlider 0.6s ease 0s normal 1; -moz-transition: right 0.6s ease; -ms-transition: right 0.6s ease; -o-transition: right 0.6s ease; -webkit-transition: right 0.6s ease; transition: right 0.6s ease; } #txp123checkoutpi2-ibanGen-slider + label:before { background: rgba(0, 0, 0, 0.5); border: none; color: #ffffff; content: "\f054\f054"; display: block; font: normal normal normal 13px/45px FontAwesome; height: auto; margin: 0px; position: static; text-rendering: auto; top: auto; width: 45px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #txp123checkoutpi2-ibanGen-slider:checked, #txp123checkoutpi2-ibanGen-slider:checked + label { right: 0px; } #txp123checkoutpi2-ibanGen-slider:checked + label:before { content: "\f053\f053"; } .tx-p123checkout-pi2-ibanGen-field { float: left; margin-right: 7px; width: auto; } #txp123checkoutpi2-ibanwindow, #txp123checkoutpi2-ibanGen-result, #txp123checkoutpi2-ibanGen-error { display: none; } .tx-p123checkout-pi2-window p.tx-p123checkout-pi2-ibanGen-desc { margin-right: 0px; } #txp123checkoutpi2-ibanGen-error { color: #BE1010; } #txp123checkoutpi2-ibanGen-insert { float: right; } .tx-p123checkout-pi2-positions .tx-p123checkout-pi2-check-iban, .tx-p123checkout-pi2-positions .tx-p123checkout-pi2-valid-iban { overflow: visible; position: relative; } .tx-p123checkout-pi2-check-iban:after, .tx-p123checkout-pi2-valid-iban:after { bottom: 0px; display: block; left: 100%; margin-left: 7px; position: absolute; white-space: nowrap; -moz-opacity: 0.7; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)"; filter: alpha(opacity=70); } @media all and (min-width:0\0) { .tx-p123checkout-pi2-check-iban:after, .tx-p123checkout-pi2-valid-iban:after { -ms-filter: none; filter: none; } } /* IE9+ */ .tx-p123checkout-pi2-check-iban:after { background: url(../typo3conf/ext/p123checkout/res/loading.gif) 0px 2px no-repeat; content: "Checking IBAN"; line-height: 21px; padding-left: 20px; } html[lang="de"] .tx-p123checkout-pi2-check-iban:after { content: "Überprüfe IBAN"; } .tx-p123checkout-pi2-valid-iban:after { content: "\f14a"; font: normal normal normal 24px/1 FontAwesome; text-rendering: auto; width: 32px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .tx-p123checkout-pi2-positions:after, ul.tx-p123checkout-pi2-require li:after, .tx-p123checkout-pi2-edit:after { clear: both; content: ""; display: table; zoom/*\**/: 1\9; /* IE6-8 */ } @media screen and (max-width: 768px), screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-device-width: 1024px) and (min-resolution: 192dpi), screen and (max-device-width: 1024px) and (min-resolution: 2dppx) { body.wide #content-normal .csc-default .tx-p123checkout-pi2 .csc-header:first-child { min-width: 0px; background: #f6ac0d; /* Old browsers */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6ac0d+0,eaa102+100 */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjZhYzBkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VhYTEwMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); /* Permalink - use to edit and share this gradient: http://angrytools.com/gradient/?0_eaa102,100_f6ac0d,50_f6ac0d,49_eaa102&0_100,100_100&l_120 */ background: -moz-linear-gradient(120deg, #eaa102 0%, #eaa102 49%, #f6ac0d 50%, #f6ac0d 100%); /* FF3.6-15 */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #f6ac0d), color-stop(50%, #f6ac0d), color-stop(51%, #eaa102), color-stop(100%, #eaa102)); /* Chrome4-9,Safari4-5 */ background: -webkit-linear-gradient(120deg, #eaa102 0%, #eaa102 49%, #f6ac0d 50%, #f6ac0d 100%); /* Chrome10-25,Safari5.1-6 */ background: -o-linear-gradient(120deg, #eaa102 0%, #eaa102 49%, #f6ac0d 50%, #f6ac0d 100%); /* Opera 11.10-11.50 */ background: -ms-linear-gradient(120deg, #eaa102 0%, #eaa102 49%, #f6ac0d 50%, #f6ac0d 100%); /* IE10 preview */ background: linear-gradient(330deg, #eaa102 0%, #eaa102 49%, #f6ac0d 50%, #f6ac0d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } body.wide #content-normal .csc-default .tx-p123checkout-pi2 .csc-header:first-child > * { font-size: 13px; font-weight: normal; line-height: 15px; margin: 0px 10px 0px 0px; padding: 5px; } body.wide #content-normal .csc-default .tx-p123checkout-pi2 .csc-header:first-child > h2 { border-left: none; } body.wide #content-normal .csc-default .tx-p123checkout-pi2 .csc-header:first-child > *:last-child { margin-right: 0px; } body.wide #content-normal .csc-default .tx-p123checkout-pi2 .csc-header:first-child > * > a { background: none; height: auto; padding-right: 0px; } .tx-p123checkout-pi2 .csc-mailform-submit-top { top: -36px; } .tx-p123checkout-pi2 .csc-header:first-child a.active:before, .tx-p123checkout-pi2 .csc-header:first-child a.active .before { border: solid transparent; border-width: 11px 9.5px 0px 9.5px; border-top-color: #F8B300; bottom: -13px; background: none; height: 0px; margin-left: -9.5px; width: 0px; } #txp123checkoutpi2-ibanGen-slider ~ .tx-p123checkout-pi2-option { margin-right: 120px; -moz-transition: margin 0.6s ease; -ms-transition: margin 0.6s ease; -o-transition: margin 0.6s ease; -webkit-transition: margin 0.6s ease; transition: margin 0.6s ease; } #txp123checkoutpi2-ibanGen-slider:checked ~ .tx-p123checkout-pi2-option { margin-right: 0px; } .tx-p123checkout-pi2-positions { margin-left: 0px; } .tx-p123checkout-pi2-positions .select, .tx-p123checkout-pi2-positions .text, .tx-p123checkout-pi2-positions .input { max-width: 100%; max-width: -moz-calc(100% - 14px); max-width: -webkit-calc(100% - 14px); max-width: calc(100% - 14px); } .tx-p123checkout-pi2-positions .select > label + select { background: #fff; padding: 5px; -webkit-appearance: none; } .tx-p123checkout-pi2-positions input, .tx-p123checkout-pi2-positions select, .tx-p123checkout-pi2-positions textarea { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .tx-p123checkout-pi2-positions .select > label, .tx-p123checkout-pi2-positions .text > label, .tx-p123checkout-pi2-positions .input > label { padding-left: 5px; } @-moz-keyframes fadeOutHint { 0% { width: 0px; } 100% { width: 120px; } } @-o-keyframes fadeOutHint { 0% { width: 0px; } 100% { width: 120px; } } @-webkit-keyframes fadeOutHint { 0% { width: 0px; } 100% { width: 120px; } } @keyframes fadeOutHint { 0% { width: 0px; } 100% { width: 120px; } } #txp123checkoutpi2-ibanGen-hint { border: solid #DBDBDB; border-width: 0px 0px 0px 1px; bottom: 0px; height: auto; left: auto !important; position: absolute !important; right: 0px; top: 0px !important; z-index: 5; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -moz-animation: fadeOutHint 0.6s ease 0s normal 1; -o-animation: fadeOutHint 0.6s ease 0s normal 1; -webkit-animation: fadeOutHint 0.6s ease 0s normal 1; animation: fadeOutHint 0.6s ease 0s normal 1; -moz-transition: width 0.6s ease; -ms-transition: width 0.6s ease; -o-transition: width 0.6s ease; -webkit-transition: width 0.6s ease; transition: width 0.6s ease; } #txp123checkoutpi2-ibanGen-slider, #txp123checkoutpi2-ibanGen-slider + label { display: inline-block; } #txp123checkoutpi2-ibanGen-slider:checked ~ #txp123checkoutpi2-ibanGen-hint { border-width: 0px; width: 0px; } } @media (max-width: 456px) { .tx-p123checkout-pi2 .csc-mailform-submit-top { display: none; } .tx-p123checkout-pi2 .csc-header:first-child a.active { text-decoration: underline; } .tx-p123checkout-pi2 .csc-header:first-child a.active:before, .tx-p123checkout-pi2 .csc-header:first-child a.active .before { content: none; display: none; } } /* default styles for extension "tx_p123search_pi3" */ *:first-child+html .tx-p123search-pi3 { width: 100%; } /* IE7 */ .tx-p123search-pi3 { max-height: 90000000px; min-height: 350px; padding-top: 65px; -moz-transition: max-height 0s linear; -ms-transition: max-height 0s linear; -o-transition: max-height 0s linear; -webkit-transition: max-height 0s ease; transition: max-height 0s ease; } .tx-p123search-pi3.map-open { max-height: 0px; overflow: hidden; -moz-transition-delay: 1s; -ms-transition-delay: 1s; -o-transition-delay: 1s; -webkit-transition-delay: 1s; transition-delay: 1s; } #tx-p123search-pi3-scroll { background: #FFFFFF; border: 1px solid #DBDBDB; border-bottom-color: #F4F4F4; left: 12px; margin: -11px 0px 0px -13px; padding: 10px 15px 0px 12px; position: absolute; top: 10px; width: 611px; z-index: 5; } #tx-p123search-pi3-scroll.fixed { margin-top: 0px; position: fixed; top: 31px; } #tx-p123search-pi3-scroll.fixed .tx-p123search-pi3-scroll-header { background: #F5EFE3; height: 31px; left: -1px; position: absolute; top: -32px; width: 640px; z-index: 1; } #tx-p123search-pi3-scroll .csc-mailform-submit-top { z-index: 3; } #tx-p123search-pi3-scroll #tx-p123search-pi3-sort { z-index: 2; } #tx-p123search-pi3-scroll #tx-p123search-pi3-sort:hover { z-index: 4; } #tx-p123search-pi3-scroll .tx-p123search-pi3-tableHeader { position: relative; z-index: 3; } body.wide #content-normal .csc-default .tx-p123search-pi3 .csc-header:first-child, body.wide-toggle #content-normal .csc-default .tx-p123search-pi3 .csc-header:first-child { background-image: url(../typo3conf/ext/p123search/res/csc-header-n1.png); min-width: 531px; z-index: 2; } body.wide #content-normal .csc-default .tx-p123search-pi3 .csc-header:first-child > *, body.wide-toggle #content-normal .csc-default .tx-p123search-pi3 .csc-header:first-child > * { color: #FFFFFF; display: inline-block; float: left; font-size: 11px; height: 27px; line-height: 13px; margin: 1px 0px; padding: 1px 5px 0px 5px; text-shadow: none; } body.wide #content-normal .csc-default .tx-p123search-pi3 .csc-header:first-child > *:first-child, body.wide-toggle #content-normal .csc-default .tx-p123search-pi3 .csc-header:first-child > *:first-child { margin-right: 5px; max-width: 132px; overflow: hidden; padding-right: 0px; white-space: nowrap; } body.wide #content-normal .csc-default .tx-p123search-pi3 .csc-header:first-child > h2, body.wide-toggle #content-normal .csc-default .tx-p123search-pi3 .csc-header:first-child > h2 { border-left: 1px solid #FFFFFF; } body.wide #content-normal .csc-default .tx-p123search-pi3 .csc-header:first-child > * > a, body.wide-toggle #content-normal .csc-default .tx-p123search-pi3 .csc-header:first-child > * > a { background: url(../typo3conf/ext/p123search/res/csc-header-link.gif) right top no-repeat; color: #FFFFFF; display: block; height: 27px; padding-right: 14px; } body.wide #content-normal .csc-default .tx-p123search-pi3 .csc-header:first-child > * > a:hover, body.wide-toggle #content-normal .csc-default .tx-p123search-pi3 .csc-header:first-child > * > a:hover { text-decoration: none; } body.wide #content-normal .csc-default .tx-p123search-pi3 .csc-header:first-child:after { clear: left; content: "."; display: block; height: 0px; line-height: 0px; visibility: hidden; } @media print { body.wide #content-normal .csc-default .tx-p123search-pi3 .csc-header:first-child, body.wide-toggle #content-normal .csc-default .tx-p123search-pi3 .csc-header:first-child { background: none; page-break-before: avoid; page-break-after: avoid; page-break-inside: avoid; } body.wide #content-normal .csc-default .tx-p123search-pi3 .csc-header:first-child > *, body.wide-toggle #content-normal .csc-default .tx-p123search-pi3 .csc-header:first-child > * { color: #000000; } body.wide #content-normal .csc-default .tx-p123search-pi3 .csc-header:first-child > *:first-child, body.wide-toggle #content-normal .csc-default .tx-p123search-pi3 .csc-header:first-child > *:first-child { margin-right: 0px; max-width: inherit; overflow: visible; padding-right: 5px; white-space: normal; } body.wide #content-normal .csc-default .tx-p123search-pi3 .csc-header:first-child > h2, body.wide-toggle #content-normal .csc-default .tx-p123search-pi3 .csc-header:first-child > h2 { display: none; } body.wide #content-normal .csc-default .tx-p123search-pi3 .csc-header:first-child > * > a, body.wide-toggle #content-normal .csc-default .tx-p123search-pi3 .csc-header:first-child > * > a { background: none; color: #000000; padding-right: 5px; } } /* map integration */ .tx-p123search-pi3-map { display: none; height: 1px !important; margin-top: -1px; overflow: hidden; position: relative; -moz-opacity: 0.01; opacity: 0.01; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=1)"; filter: alpha(opacity=1); } @media all and (min-width:0\0) { .tx-p123search-pi3-map { -ms-filter: none; filter: none; } } /* IE9+ */ .tx-p123search-pi3-map .tx-p123maps-pi1-icon { display: none; } /* changeView icon */ .tx-p123search-pi3-icon { background: #FFFFFF url(../typo3conf/ext/p123search/res/map-icon.png) 10px 44px no-repeat; border: 1px solid #DBDBDB; border-left: none; height: 164px; left: 639px; position: absolute; top: -1px; width: 120px; -moz-border-radius: 0px 6px 6px 0px; -webkit-border-radius: 0px 6px 6px 0px; border-radius: 0px 6px 6px 0px; } .tx-p123search-pi3-icon h4 { background: #F4F4F4; margin: 0px; padding: 5px; text-align: center; -moz-border-radius: 0px 6px 0px 0px; -webkit-border-radius: 0px 6px 0px 0px; border-radius: 0px 6px 0px 0px; } .tx-p123search-pi3-icon a { display: block; height: 100%; width: 100%; } .tx-p123search-pi3-icon a:hover { text-decoration: none; } @media print { .tx-p123search-pi3-icon { display: none; } } /* politics icon */ .tx-p123search-pi3-politics { background: #FFFFFF; border: 1px solid #DBDBDB; border-left: none; left: 639px; position: absolute; top: 166px; width: 120px; -moz-border-radius: 0px 6px 6px 0px; -webkit-border-radius: 0px 6px 6px 0px; border-radius: 0px 6px 6px 0px; } .tx-p123search-pi3-politics h4 { background: #F4F4F4; margin: 0px; padding: 5px; text-align: center; -moz-border-radius: 0px 6px 6px 0px; -webkit-border-radius: 0px 6px 6px 0px; border-radius: 0px 6px 6px 0px; } .tx-p123search-pi3-politics a { display: block; height: 100%; width: 100%; } @media print { .tx-p123search-pi3-politics { display: none; } } /* toggle, sort & search */ .tx-p123search-pi3-toggleAll { float: left; line-height: 17px; margin: 0px 50px 5px 0px; min-width: 135px; } .tx-p123search-pi3-toggleAll:empty { margin: 0px; min-width: 0px; } .tx-p123search-pi3-toggleAll a { color: #555659; color: inherit; } .tx-p123search-pi3-sort-label { float: left; line-height: 17px; margin: 0px 5px 5px 0px; } #tx-p123search-pi3-sort { float: left; height: 17px; line-height: 13px; margin-bottom: 5px; position: relative; } .tx-p123search-pi3-sort-wrapper { background: #F4F4F4; border: 1px solid #DBDBDB; left: 0px; min-width: 152px; position: absolute; top: 0px; } .tx-p123search-pi3-sort-current { padding: 1px; position: relative; width: 150px; } #tx-p123search-pi3-sort span { cursor: default; display: block; margin-left: 25px; } #tx-p123search-pi3-sort-options { display: none; left: 0px; position: relative; top: -1px; min-width: 152px; } #tx-p123search-pi3-sort-options div.option { border-top: 1px dotted #C0C0C0; margin-top: 1px; padding: 1px 2px 0px 2px; } #tx-p123search-pi3-sort-options div.empty { font-size: 0px; height: 1px; line-height: 0px; } #tx-p123search-pi3-sort a.up, #tx-p123search-pi3-sort a.down { background: url(../typo3conf/ext/p123search/res/icon-list.gif) no-repeat; display: inline; float: left; height: 13px; width: 8px; } #tx-p123search-pi3-sort a.up { background-position: 0px -120px; margin-right: 3px; } #tx-p123search-pi3-sort a.down { background-position: 0px 0px; } #tx-p123search-pi3-sort a.up:hover, #tx-p123search-pi3-sort a.up:active, #tx-p123search-pi3-sort a.up.active { background-position: 0px -180px; } #tx-p123search-pi3-sort a.down:hover, #tx-p123search-pi3-sort a.down:active, #tx-p123search-pi3-sort a.down.active { background-position: 0px -60px; } @media print { .tx-p123search-pi3-sort-wrapper { background: none; border: none; top: 1px; } #tx-p123search-pi3-sort span { margin-left: 0px; } #tx-p123search-pi3-sort a.up { display: none; } #tx-p123search-pi3-sort a.down { display: none; } } #tx-p123search-pi3-search { float: right; } .tx-p123search-pi3-search-label { float: left; line-height: 17px; margin: 0px 5px 5px 0px; } .tx-p123search-pi3-search-field { float: left; } .tx-p123search-pi3-search-field.tooltip span { pointer-events: auto; } #txp123searchpi3-search { background: #F4F4F4; border: 1px solid #DBDBDB; width: 130px; -webkit-appearance: textfield; } .tx-p123search-pi3-search-submit { float: left; line-height: 12px; margin: 5px 0px 0px 5px; } .tx-p123search-pi3-search-submit input[type="submit"] { background: url(../typo3conf/ext/p123search/res/search-submit.gif) no-repeat; border: none; font-size: 0px; height: 8px; line-height: 8px; margin: 0px; padding: 0px; width: 10px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .tx-p123search-pi3-search-submit input[type="submit"]:hover, .tx-p123search-pi3-search-submit input[type="submit"]:focus { background-position: 0px -8px; } /* table */ .tx-p123search-pi3-pageNav { color: #000000; margin-left: 120px; text-align: right; } .tx-p123search-pi3-tableHeader, .tx-p123search-pi3-tableFooter { background: url(../typo3conf/ext/p123search/res/table-header.gif) repeat-x; color: #000000; } .tx-p123search-pi3-tableHeader { padding-top: 30px; } #tx-p123search-pi3-sort ~ .tx-p123search-pi3-tableHeader, #tx-p123search-pi3-search ~ .tx-p123search-pi3-tableHeader { padding-top: 5px; } .tx-p123search-pi3-tableFooter { margin-top: 5px; padding-top: 5px; } .tx-p123search-pi3-tableHeader .variable, .tx-p123search-pi3-tableFooter .variable { color: #000000; } .tx-p123search-pi3-tableHeader .variable { padding-bottom: 8px; } @media print { .tx-p123search-pi3-tableHeader, .tx-p123search-pi3-tableFooter { background: none; border-top: 1px dotted #F4F4F4; page-break-before: avoid; page-break-after: avoid; page-break-inside: avoid; } } .tx-p123search-pi3 .variable-n1 { margin-right: 296px; } .tx-p123search-pi3 .variable-n2 { margin-right: 326px; } .tx-p123search-pi3 .variable-n3 { margin-right: 356px; } .tx-p123search-pi3 .variable-n4 { margin-right: 386px; } .tx-p123search-pi3 .variable-n5 { margin-right: 416px; } .tx-p123search-pi3 .variable-n6 { margin-right: 446px; } .tx-p123search-pi3 .variable-n7 { margin-right: 476px; } .tx-p123search-pi3 .variable-n8 { margin-right: 506px; } .tx-p123search-pi3 .variable-n9 { margin-right: 536px; } .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .variable-n1, .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .variable-n1 { margin-right: 344px; } .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .variable-n2, .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .variable-n2 { margin-right: 374px; } .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .variable-n3, .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .variable-n3 { margin-right: 404px; } .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .variable-n4, .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .variable-n4 { margin-right: 434px; } .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .variable-n5, .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .variable-n5 { margin-right: 464px; } .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .variable-n6, .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .variable-n6 { margin-right: 494px; } .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .variable-n7, .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .variable-n7 { margin-right: 524px; } .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .variable-n8, .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .variable-n8 { margin-right: 554px; } .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .variable-n9, .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .variable-n9 { margin-right: 584px; } .tx-p123search-pi3-tableHeader .fixed, .tx-p123search-pi3-tableFooter .fixed { clear: both; color: #000000; float: right; } .tx-p123search-pi3-tableHeader .fixed { padding-bottom: 8px; } .tx-p123search-pi3 .fixed-n1 { width: 296px; } .tx-p123search-pi3 .fixed-n2 { width: 326px; } .tx-p123search-pi3 .fixed-n3 { width: 356px; } .tx-p123search-pi3 .fixed-n4 { width: 386px; } .tx-p123search-pi3 .fixed-n5 { width: 416px; } .tx-p123search-pi3 .fixed-n6 { width: 446px; } .tx-p123search-pi3 .fixed-n7 { width: 476px; } .tx-p123search-pi3 .fixed-n8 { width: 506px; } .tx-p123search-pi3 .fixed-n9 { width: 536px; } .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .fixed-n1, .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .fixed-n1 { width: 344px; } .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .fixed-n2, .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .fixed-n2 { width: 374px; } .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .fixed-n3, .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .fixed-n3 { width: 404px; } .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .fixed-n4, .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .fixed-n4 { width: 434px; } .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .fixed-n5, .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .fixed-n5 { width: 464px; } .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .fixed-n6, .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .fixed-n6 { width: 494px; } .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .fixed-n7, .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .fixed-n7 { width: 524px; } .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .fixed-n8, .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .fixed-n8 { width: 554px; } .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .fixed-n9, .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .fixed-n9 { width: 584px; } .tx-p123search-pi3 .fixed .zip-row, #txp123searchpi3-permanent-window .fixed .zip-row, .tx-p123search-pi3 .fixed .count-row, #txp123searchpi3-permanent-window .fixed .count-row, .tx-p123search-pi3 .fixed .spare-row, #txp123searchpi3-permanent-window .fixed .spare-row, .tx-p123search-pi3 .fixed .rooms-row, #txp123searchpi3-permanent-window .fixed .rooms-row, .tx-p123search-pi3 .fixed .seats-row, #txp123searchpi3-permanent-window .fixed .seats-row, .tx-p123search-pi3 .fixed .seconds-row, #txp123searchpi3-permanent-window .fixed .seconds-row { width: 48px; } .tx-p123search-pi3 .fixed .format-row, #txp123searchpi3-permanent-window .fixed .format-row { width: 78px; } .tx-p123search-pi3 .fixed .rating-row, #txp123searchpi3-permanent-window .fixed .rating-row { width: 62px; } .tx-p123search-pi3 .fixed .previews-row, #txp123searchpi3-permanent-window .fixed .previews-row { width: 70px; } .tx-p123search-pi3 .tx-p123search-pi3-locationItem .fixed .previews-row, #txp123searchpi3-permanent-window .tx-p123search-pi3-locationItem .fixed .previews-row { margin-right: 30px; width: 40px; } .tx-p123search-pi3 .fixed .dayprice-row, #txp123searchpi3-permanent-window .fixed .dayprice-row { width: 63px; } .tx-p123search-pi3 .tx-p123search-pi3-locationItem .fixed .dayprice-row, #txp123searchpi3-permanent-window .tx-p123search-pi3-locationItem .fixed .dayprice-row { margin-right: 8px; width: 55px; } .tx-p123search-pi3 .fixed .checkbox-row, #txp123searchpi3-permanent-window .fixed .checkbox-row { width: 30px; } .tx-p123search-pi3 .fixed .price-row, #txp123searchpi3-permanent-window .fixed .price-row { width: 93px; } .tx-p123search-pi3-tableHeader .fixed dl, .tx-p123search-pi3-tableFooter .fixed dl { color: #000000; display: inline; float: left; margin: 0px; min-height: 1px; padding: 0px; } .tx-p123search-pi3-tableHeader .fixed dl dt, .tx-p123search-pi3-tableFooter .fixed dl dt { float: none; display: inline; margin: 0px; padding: 0px; } a.tx-p123search-pi3-datesHeader { color: #000000; } a.tx-p123search-pi3-datesHeader:hover { text-decoration: none; } a.tx-p123search-pi3-datesHeader span { text-align: left; } .tx-p123search-pi3-tableHeader .fixed dl dt .tooltip { color: #000000; } .tx-p123search-pi3-city { background: url(../typo3conf/ext/p123search/res/csc-header-n1.png) no-repeat; color: #FFFFFF; font-weight: bold; margin: 0px -15px 0px -5px; padding: 3px 15px 3px 5px; } @media print { .tx-p123search-pi3-city { background: none; color: #000000; } } .tx-p123search-pi3-locationItem { margin: 0px -15px 0px -12px; padding: 3px 15px 3px 12px; background: #FFFFFF } *:first-child+html .tx-p123search-pi3-locationItem { width: 100%; } /* IE7 */ .tx-p123search-pi3-locationItem.highlight, #txp123searchpi3-permanent-window .tx-p123search-pi3-locationItem { background: #F4F4F4; } .tx-p123search-pi3-locationItem .fixed { float: right; margin-left: 8px; } .tx-p123search-pi3-locationItem .fixed dl { display: inline; float: left; margin: 0px 0px 8px 0px; padding: 0px; } *:first-child+html .tx-p123search-pi3-locationItem .fixed dl { margin-bottom: 0px; padding-bottom: 8px; } /* IE7 */ .tx-p123search-pi3-locationItem .fixed dl dt { float: none; display: inline; margin: 0px; padding: 0px; } .tx-p123search-pi3-locationItem .fixed del { display: block; font-style: italic; margin-top: -13px; text-decoration: line-through; } .tx-p123search-pi3-locationItem .note.tooltip span { text-align: center; } .tx-p123search-pi3-locationItem .fixed dl.lock { clear: left; display: block; float: none; height: 13px; margin: 0px; position: relative; text-align: center; width: 90px; } /*.tx-p123search-pi3-locationItem .fixed dl.lock:before { content: url(../typo3conf/ext/p123search/res/media-lock.png); display: block; height: 15px; left: 50%; margin: -1px 0px 0px -8px; position: absolute; top: 0px; width: 15px; }*/ .tx-p123search-pi3-locationItem .fixed dl.lock del { color: #BE1010; display: inline; font-style: italic; margin: 0px; text-decoration: line-through; } .tx-p123search-pi3-locationItem .fixed dl.lock a { color: #BE1010; display: block; height: 100%; width: 100%; } .tx-p123search-pi3-locationItem .variable:after { clear: both; content: ""; display: block; height: 0px; line-height: 0px; overflow: hidden; width: 0px; } @media print { .tx-p123search-pi3-locationItem { page-break-inside: avoid; } } a.tx-p123search-pi3-locationCheckbox { border: 1px solid #868686; display: block; height: 11px; line-height: 11px; width: 11px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } a.tx-p123search-pi3-locationCheckbox.tooltip { border: 1px solid #868686; cursor: pointer; } a.tx-p123search-pi3-locationCheckbox img { border: 0px; height: 11px; width: 11px; } a.tx-p123search-pi3-locationCheckbox.express { border-color: #BE1010; } a.tx-p123search-pi3-locationCheckbox.checked { background: url(../fileadmin/image/csc-mailform-check.png) no-repeat; -moz-box-shadow: 0px 0px 1px 1px #B3B3B3; -webkit-box-shadow: 0px 0px 1px 1px #B3B3B3; box-shadow: 0px 0px 1px 1px #B3B3B3; } a.tx-p123search-pi3-locationCheckbox.disabled { background: url(../typo3conf/ext/p123search/res/disabled.png) center center no-repeat; cursor: default; pointer-events: none; -moz-opacity: 0.5; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; filter: alpha(opacity=50); } @media all and (min-width:0\0) { a.tx-p123search-pi3-locationCheckbox.disabled { -ms-filter: none; filter: none; } } /* IE9+ */ .align-center a.tx-p123search-pi3-locationCheckbox { margin: 0px auto; } .align-right a.tx-p123search-pi3-locationCheckbox { margin: 0px 0px 0px auto; } @media print { a.tx-p123search-pi3-locationCheckbox.checked:before { content: url(../fileadmin/image/csc-mailform-check.png); } a.tx-p123search-pi3-locationCheckbox.disabled:before { content: url(../typo3conf/ext/p123search/res/disabled.png); } } .tx-p123search-pi3-locationName { padding-bottom: 12px; } .tx-p123search-pi3-locationImage { background-position: top center; background-repeat: no-repeat; float: left; height: 78px; margin-top: -8px; overflow: hidden; width: 58px; -moz-background-size: auto 58px; -webkit-background-size: auto 58px; background-size: auto 58px; } .tx-p123search-pi3-locationImage.empty, .tx-p123search-pi3-locationListImage.empty { background-image: url(../typo3conf/ext/p123search/res/nopreview.png); background-position: 100px center; height: 44px; } .tx-p123search-pi3-locationImage.empty.GF, .tx-p123search-pi3-locationListImage.empty.GF { background-position: 0px center; } .tx-p123search-pi3-locationImage.empty.GZ, .tx-p123search-pi3-locationListImage.empty.GZ { background-position: -60px center; } .tx-p123search-pi3-locationImage.empty.AL, .tx-p123search-pi3-locationListImage.empty.AL { background-position: -60px center; } .tx-p123search-pi3-locationImage.empty.SP, .tx-p123search-pi3-locationListImage.empty.SP { background-position: -120px center; } .tx-p123search-pi3-locationImage.empty.ZZ, .tx-p123search-pi3-locationListImage.empty.ZZ { background-position: -180px center; } .tx-p123search-pi3-locationImage.empty.GV, .tx-p123search-pi3-locationListImage.empty.GV { background-position: -240px center; } .tx-p123search-pi3-locationImage.empty.PF, .tx-p123search-pi3-locationListImage.empty.PF { background-position: -300px center; } .tx-p123search-pi3-locationImage.empty.VI, .tx-p123search-pi3-locationListImage.empty.VI, .tx-p123search-pi3-locationImage.empty.VN, .tx-p123search-pi3-locationListImage.empty.VN { background-position: -360px center; } .tx-p123search-pi3-locationImage a { background: url(../typo3conf/ext/p123search/res/image-expand.gif) bottom right no-repeat; display: block; height: 75px; width: 58px; } .tx-p123search-pi3-rating .star { background: url(../typo3conf/ext/p123search/res/stars-rating@2x.png) -60px 0px no-repeat; display: inline-block; height: 12px; text-indent: -99999em; width: 61px; -moz-background-size: 123px 24px; -webkit-background-size: 123px 24px; background-size: 123px 24px; } .tx-p123search-pi3-rating .star.star0-0, .tx-p123search-pi3-rating .star.star9-9 { -moz-opacity: 0.4; opacity: 0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=40)"; filter: alpha(opacity=40); } @media all and (min-width:0\0) { .tx-p123search-pi3-rating .star.star0-0, .tx-p123search-pi3-rating .star.star9-9 { -ms-filter: none; filter: none; } } /* IE9+ */ .tx-p123search-pi3-rating .star.star1-0 { background-position: 0px 0px; } .tx-p123search-pi3-rating .star.star1-5 { background-position: 0px -12px; } .tx-p123search-pi3-rating .star.star2-0 { background-position: -12px 0px; } .tx-p123search-pi3-rating .star.star2-5 { background-position: -12px -12px; } .tx-p123search-pi3-rating .star.star3-0 { background-position: -24px 0px; } .tx-p123search-pi3-rating .star.star3-5 { background-position: -24px -12px; } .tx-p123search-pi3-rating .star.star4-0 { background-position: -36px 0px; } .tx-p123search-pi3-rating .star.star4-5 { background-position: -36px -12px; } .tx-p123search-pi3-rating .star.star5-0 { background-position: -48px 0px; } .tx-p123search-pi3-rating .star.star5-5 { background-position: -48px -12px; } .tx-p123search-pi3-rating .star.star6-0 { background-position: -60px -0px; } @media screen { .tx-p123search-pi3-locationImage { content: none !important; } } doesnotexist:-o-prefocus, .tx-p123search-pi3-locationImage { content: inherit !important; } @media print { .tx-p123search-pi3-locationImage { height: 58px; margin-bottom: 12px; position: relative; } .tx-p123search-pi3-locationImage a { background: none; content: inherit; height: 58px; position: absolute; top: 0px; } } .tx-p123search-pi3-locationDetails { display: none; margin-left: 66px; } .tx-p123search-pi3-locationDetails > div { white-space: nowrap; width: 100%; } .tx-p123search-pi3-locationDetails > div:first-child { white-space: normal; width: auto; } .tx-p123search-pi3-locationDetails > div .tooltip span { text-align: center; white-space: normal; } .tx-p123search-pi3-locationIcon { float: left; height: 20px; margin-top: -20px; pointer-events: none; width: 30px; } .tx-p123search-pi3-locationIcon span { background: url(../typo3conf/ext/p123search/res/media-icons.png) 30px 30px no-repeat; display: inline-block; height: 20px; width: 30px; } .tx-p123search-pi3-locationIcon .icon-GF { background-position: 0px 0px; } .tx-p123search-pi3-locationIcon .icon-GZ { background-position: -32px 0px; } .tx-p123search-pi3-locationIcon .icon-AL { background-position: -32px 0px; } .tx-p123search-pi3-locationIcon .icon-SP { background-position: -64px 0px; } .tx-p123search-pi3-locationIcon .icon-ZZ { background-position: -96px 0px; } .tx-p123search-pi3-locationIcon .icon-GV { background-position: -128px 0px; } .tx-p123search-pi3-locationIcon .icon-PF { background-position: -160px 0px; } .tx-p123search-pi3-locationIcon .icon-VI, .tx-p123search-pi3-locationIcon .icon-VN { background-position: -192px 0px; } .tx-p123search-pi3-locationDetailLink { float: right; margin-top: -13px; text-align: right; } .tx-p123search-pi3-locationDetailLink a { background: url(../typo3conf/ext/p123search/res/icon-list.gif) right 0px no-repeat; padding-right: 12px; } .tx-p123search-pi3-locationDetailLink a:hover { background-position: right -60px; } .tx-p123search-pi3-locationDetailLink a.active { background-position: right -120px; } .tx-p123search-pi3-locationDetailLink a.active:hover { background-position: right -180px; } @media print { .tx-p123search-pi3-locationDetailLink { display: none; } } .tx-p123search-pi3-locationListItem { margin: 0px -15px; padding: 3px 15px; } .tx-p123search-pi3-locationListItem.highlight { background: #F4F4F4; } .tx-p123search-pi3-locationListImage { background-position: top center; background-repeat: no-repeat; float: left; height: 70px; overflow: hidden; width: 58px; -moz-background-size: auto 58px; -webkit-background-size: auto 58px; background-size: auto 58px; } @media screen { .tx-p123search-pi3-locationListImage { content: none !important; } } doesnotexist:-o-prefocus, .tx-p123search-pi3-locationImage { content: inherit !important; } .tx-p123search-pi3-locationListImage a { background: url(../typo3conf/ext/p123search/res/image-expand.gif) bottom right no-repeat; display: block; height: 70px; width: 58px; } .tx-p123search-pi3-locationListDetails { margin-left: 66px; } .tx-p123search-pi3-locationItem .list { display: block !important; min-height: 53px; padding-bottom: 14px; position: relative; } .tx-p123search-pi3-locationItem .list a.toggle { bottom: 0px; color: #858585; display: inline-block; font-size: 10px; height: 14px; position: absolute; right: 0px; text-align: right; } .tx-p123search-pi3-locationItem .list a.toggle:hover { text-decoration: none; } .tx-p123search-pi3-locationItem .list a.toggle img { border: none; margin: 2px 2px 0px 0px; vertical-align: top; } .tx-p123search-pi3 table.details span.caption { display: block; } .tx-p123search-pi3-locationItem .list div.item { display: none; height: 31px; } .tx-p123search-pi3-locationItem tr.highlight div.list div.item { border-bottom-color: #FFFFFF; } .tx-p123search-pi3-locationItem .list div.item div.listimage { float: left; margin-right: 8px; } .tx-p123search-pi3-locationItem .list div.item div.location { margin-left: 53px; } .tx-p123search-pi3-locationMarket { background: url(../typo3conf/ext/p123search/res/market-icon.gif) left bottom no-repeat; margin-left: -25px; padding-left: 25px; } .tx-p123search-pi3-locationLoading { background: url(../typo3conf/ext/p123search/res/loading.gif) center center no-repeat; display: inline-block; float: right; height: 13px; width: 16px; } #txp123searchpi3-more { height: 54px; text-align: center; } #txp123searchpi3-more a { background: url(../typo3conf/ext/p123search/res/icon-list.gif) left 20px no-repeat, url(../typo3conf/ext/p123search/res/icon-list.gif) right 20px no-repeat; display: inline-block; padding: 20px 12px; } #txp123searchpi3-more a:hover { background-position: left -40px, right -40px; } #txp123searchpi3-more .moreLoad { background: url(../typo3conf/ext/p123search/res/loading.gif) left 22px no-repeat, url(../typo3conf/ext/p123search/res/loading.gif) right 22px no-repeat; display: inline-block; padding: 20px 26px; pointer-events: none; } ul.tx-p123search-pi3-empty div.button { float: right; } ul.tx-p123search-pi3-empty a { margin-bottom: 4px; } ul.tx-p123search-pi3-empty a:last-child { margin-bottom: 0px; } ul.tx-p123search-pi3-empty span { color: #BE1010; display: block; font-weight: bold; margin-right: 150px; } *:first-child+html ul.tx-p123search-pi3-empty span { display: inline-block; margin-right: 14px; } /* IE7 */ .tx-p123search-pi3-subtitle { font-size: 10px; padding-top: 16px; } .tx-p123search-pi3-locationItem.special { background: #BE1010; border-bottom: 1px solid #FFFFFF; color: #FFFFFF; padding-bottom: 2px; } .tx-p123search-pi3-locationItem.highlight.special { border-bottom-color: #F4F4F4; } .tx-p123search-pi3-locationItem.special a { color: #FFFFFF; } .tx-p123search-pi3-locationItem.special a.tx-p123search-pi3-locationCheckbox { border-color: #FFFFFF; } .tx-p123search-pi3-locationItem.special a.tx-p123search-pi3-locationCheckbox.checked { -moz-box-shadow: 0px 0px 1px 1px #FFFFFF; -webkit-box-shadow: 0px 0px 1px 1px #FFFFFF; box-shadow: 0px 0px 1px 1px #FFFFFF; } @media print { .tx-p123search-pi3-locationItem.special a.tx-p123search-pi3-locationCheckbox { border-color: #868686; } .tx-p123search-pi3-locationItem.special a.tx-p123search-pi3-locationCheckbox.checked { -moz-box-shadow: 0px 0px 1px 1px #B3B3B3; -webkit-box-shadow: 0px 0px 1px 1px #B3B3B3; box-shadow: 0px 0px 1px 1px #B3B3B3; } } .tx-p123search-pi3-locationItem.special .tx-p123search-pi3-locationName .after { display: block; font-style: italic; letter-spacing: 1.1px; pointer-events: none; text-shadow: 1px 1px 1px #E59999; } .tx-p123search-pi3-locationItem.special .tx-p123search-pi3-locationDetailLink a { background-image: url(../typo3conf/ext/p123search/res/icon-list-special.gif); } @media print { .tx-p123search-pi3-locationItem.special .tx-p123search-pi3-locationName:after { text-shadow: none; } } #txp123searchpi3-permanent-window .line { background: url(../typo3conf/ext/p123search/res/table-header.gif) repeat-x; border: none; height: 1px; } #txp123searchpi3-permanent-price, #txp123searchpi3-permanent-priceComplete { border-color: transparent transparent #868686; width: auto; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .tx-p123search-pi3-permanent-require li { color: #BE1010; font-weight: bold; } .tx-p123maps-pi1-infoWindow-permanent-close { bottom: 0px; height: 19px; position: absolute; right: 193px; width: 30px; } .tx-p123maps-pi1-infoWindow-permanent-close:before, .tx-p123maps-pi1-infoWindow-permanent-close:after { content: ""; left: 0px; position: absolute; } .tx-p123maps-pi1-infoWindow-permanent-close:before { border: 0px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.5); border-width: 0px 15px 15px 15px; content: ""; bottom: 4px; height: 0px; width: 0px; } .tx-p123maps-pi1-infoWindow-permanent-close:after { background: rgba(0, 0, 0, 0.5); bottom: 0px; height: 2px; line-height: 2px; right: 0px; } @media screen and (max-width: 768px), screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-device-width: 1024px) and (min-resolution: 192dpi), screen and (max-device-width: 1024px) and (min-resolution: 2dppx) { .tx-p123search-pi3 { min-height: 0px; padding: 0px; } #tx-p123search-pi3-scroll { background: none; border: none; left: auto; margin: 0px; padding: 0px; position: static; top: auto; width: 100%; z-index: auto; } #tx-p123search-pi3-scroll.fixed { left: auto !important; position: static; top: auto; } #tx-p123search-pi3-scroll.fixed .csc-mailform-submit-top { height: 35px; position: fixed; right: 1px; top: 100px; z-index: 4; } #tx-p123search-pi3-scroll.fixed .csc-mailform-submit-top:before { left: 0px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #tx-p123search-pi3-scroll.fixed .csc-mailform-submit-top:after { content: none; display: none; } #tx-p123search-pi3-scroll.fixed .csc-mailform-submit-top a.csc-mailform-submit { height: 30px; line-height: 28px; padding-left: 10px; padding-right: 10px; } #tx-p123search-pi3-scroll.fixed .tx-p123search-pi3-scroll-header { display: none; } body.wide #content-normal .csc-default .tx-p123search-pi3 .csc-header:first-child, body.wide-toggle #content-normal .csc-default .tx-p123search-pi3 .csc-header:first-child { bottom: auto; height: auto; left: auto; margin: 0px; min-width: 0px; padding: 0px 1px; position: absolute; right: -1px; top: -38px; width: 100%; background: #f6ac0d; /* Old browsers */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6ac0d+0,eaa102+100 */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjZhYzBkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VhYTEwMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); /* Permalink - use to edit and share this gradient: http://angrytools.com/gradient/?0_eaa102,100_f6ac0d,50_f6ac0d,49_eaa102&0_100,100_100&l_120 */ background: -moz-linear-gradient(120deg, #eaa102 0%, #eaa102 49%, #f6ac0d 50%, #f6ac0d 100%); /* FF3.6-15 */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #f6ac0d), color-stop(50%, #f6ac0d), color-stop(51%, #eaa102), color-stop(100%, #eaa102)); /* Chrome4-9,Safari4-5 */ background: -webkit-linear-gradient(120deg, #eaa102 0%, #eaa102 49%, #f6ac0d 50%, #f6ac0d 100%); /* Chrome10-25,Safari5.1-6 */ background: -o-linear-gradient(120deg, #eaa102 0%, #eaa102 49%, #f6ac0d 50%, #f6ac0d 100%); /* Opera 11.10-11.50 */ background: -ms-linear-gradient(120deg, #eaa102 0%, #eaa102 49%, #f6ac0d 50%, #f6ac0d 100%); /* IE10 preview */ background: linear-gradient(330deg, #eaa102 0%, #eaa102 49%, #f6ac0d 50%, #f6ac0d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ right: -moz-calc(100% / 0.66 / 0.98 * -0.01 - 1px); right: -webkit-calc(100% / 0.66 / 0.98 * -0.01 - 1px); right: calc(100% / 0.66 / 0.98 * -0.01 - 1px); width: -moz-calc(100% / 0.66 / 0.98 + 1px); width: -webkit-calc(100% / 0.66 / 0.98 + 1px); width: calc(100% / 0.66 / 0.98 + 1px); } body.wide #content-normal .csc-default .tx-p123search-pi3 .csc-header:first-child > *, body.wide-toggle #content-normal .csc-default .tx-p123search-pi3 .csc-header:first-child > * { font-size: 13px; font-weight: normal; line-height: 15px; margin: 0px 10px 0px 0px; padding: 5px; } body.wide #content-normal .csc-default .tx-p123search-pi3 .csc-header:first-child > h2, body.wide-toggle #content-normal .csc-default .tx-p123search-pi3 .csc-header:first-child > h2 { border-left: none; } body.wide #content-normal .csc-default .tx-p123search-pi3 .csc-header:first-child > *:first-child, body.wide-toggle #content-normal .csc-default .tx-p123search-pi3 .csc-header:first-child > *:first-child { color: #002046; } body.wide #content-normal .csc-default .tx-p123search-pi3 .csc-header:first-child > *:last-child, body.wide-toggle #content-normal .csc-default .tx-p123search-pi3 .csc-header:first-child > *:last-child { margin-right: 0px; } body.wide #content-normal .csc-default .tx-p123search-pi3 .csc-header:first-child > * > a, body.wide-toggle #content-normal .csc-default .tx-p123search-pi3 .csc-header:first-child > * > a { background: none; height: auto; padding-right: 0px; } .tx-p123search-pi3-icon, .tx-p123search-pi3-politics, .tx-p123search-pi3-toggleAll { display: none; } .tx-p123search-pi3-sort-label { line-height: 19px; margin-bottom: 10px; } #tx-p123search-pi3-sort { height: 19px; line-height: 15px; margin-bottom: 10px; margin-right: 25px; } #tx-p123search-pi3-scroll #tx-p123search-pi3-sort { z-index: 4; } .tx-p123search-pi3-sort-wrapper { min-width: 95px; position: relative; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .tx-p123search-pi3-sort-current { width: 100%; } #tx-p123search-pi3-sort-options { min-width: 0px; width: 100%; } #tx-p123search-pi3-sort span { margin-right: 5px; } #tx-p123search-pi3-search { float: left; margin-bottom: 10px; } #txp123searchpi3-search[type="search"] { -webkit-appearance: none; } #tx-p123search-pi3-search .tooltip:before { left: calc(50% - 6px); } #tx-p123search-pi3-search .tooltip span { left: 50%; margin-left: 12px; -moz-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); } #tx-p123search-pi3-search .tooltip:hover:before, #tx-p123search-pi3-search .tooltip:focus:before { -moz-transform: translateY(8px); -webkit-transform: translateY(8px); transform: translateY(8px); } #tx-p123search-pi3-search .tooltip:hover span, #tx-p123search-pi3-search .tooltip:focus span { -moz-transform: translateX(-100%) translateY(8px); -webkit-transform: translateX(-100%) translateY(8px); transform: translateX(-100%) translateY(8px); } .tx-p123search-pi3-tableHeader, .tx-p123search-pi3-tableFooter { font-size: 12px; line-height: 13px; padding-left: 12px; padding-right: 15px; } #tx-p123search-pi3-scroll .tx-p123search-pi3-tableHeader { margin-left: -12px; width: 100%; } .tx-p123search-pi3 .fixed dl.hide-tablet { display: none; } .tx-p123search-pi3 .fixed .rooms-row { width: 28px; } .tx-p123search-pi3 .fixed .seats-row { width: 32px; } .tx-p123search-pi3 .fixed .seconds-row { width: 40px; } .tx-p123search-pi3 .fixed dl.price-row { max-width: 71px; } .tx-p123search-pi3-tableHeader .variable { padding-top: 13px; } #tx-p123search-pi3-locations { font-size: 12px; line-height: 13px; } .tx-p123search-pi3-locationDetails { margin-bottom: 19px; } .tx-p123search-pi3-city { font-size: 13px; line-height: 15px; margin-left: -12px; padding-left: 12px; background: #f6ac0d; /* Old browsers */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6ac0d+0,eaa102+100 */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjZhYzBkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VhYTEwMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); /* Permalink - use to edit and share this gradient: http://angrytools.com/gradient/?0_eaa102,100_f6ac0d,50_f6ac0d,49_eaa102&0_100,100_100&l_120 */ background: -moz-linear-gradient(120deg, #eaa102 0%, #eaa102 49%, #f6ac0d 50%, #f6ac0d 100%); /* FF3.6-15 */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #f6ac0d), color-stop(50%, #f6ac0d), color-stop(51%, #eaa102), color-stop(100%, #eaa102)); /* Chrome4-9,Safari4-5 */ background: -webkit-linear-gradient(120deg, #eaa102 0%, #eaa102 49%, #f6ac0d 50%, #f6ac0d 100%); /* Chrome10-25,Safari5.1-6 */ background: -o-linear-gradient(120deg, #eaa102 0%, #eaa102 49%, #f6ac0d 50%, #f6ac0d 100%); /* Opera 11.10-11.50 */ background: -ms-linear-gradient(120deg, #eaa102 0%, #eaa102 49%, #f6ac0d 50%, #f6ac0d 100%); /* IE10 preview */ background: linear-gradient(330deg, #eaa102 0%, #eaa102 49%, #f6ac0d 50%, #f6ac0d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .tx-p123search-pi3 .variable-n1, .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .variable-n1 { margin-right: 226px; } .tx-p123search-pi3 .variable-n2, .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .variable-n2 { margin-right: 256px; } .tx-p123search-pi3 .variable-n3, .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .variable-n3 { margin-right: 286px; } .tx-p123search-pi3 .variable-n4, .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .variable-n4 { margin-right: 316px; } .tx-p123search-pi3 .variable-n5, .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .variable-n5 { margin-right: 346px; } .tx-p123search-pi3 .variable-n6, .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .variable-n6 { margin-right: 376px; } .tx-p123search-pi3 .variable-n7, .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .variable-n7 { margin-right: 406px; } .tx-p123search-pi3 .variable-n8, .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .variable-n8 { margin-right: 436px; } .tx-p123search-pi3 .variable-n9, .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .variable-n9 { margin-right: 466px; } .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .variable-n1 { margin-right: 274px; } .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .variable-n2 { margin-right: 304px; } .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .variable-n3 { margin-right: 334px; } .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .variable-n4 { margin-right: 364px; } .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .variable-n5 { margin-right: 394px; } .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .variable-n6 { margin-right: 424px; } .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .variable-n7 { margin-right: 454px; } .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .variable-n8 { margin-right: 484px; } .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .variable-n9 { margin-right: 514px; } .tx-p123search-pi3 .fixed-n1, .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .fixed-n1 { width: 226px; } .tx-p123search-pi3 .fixed-n2, .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .fixed-n2 { width: 256px; } .tx-p123search-pi3 .fixed-n3, .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .fixed-n3 { width: 286px; } .tx-p123search-pi3 .fixed-n4, .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .fixed-n4 { width: 316px; } .tx-p123search-pi3 .fixed-n5, .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .fixed-n5 { width: 346px; } .tx-p123search-pi3 .fixed-n6, .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .fixed-n6 { width: 376px; } .tx-p123search-pi3 .fixed-n7, .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .fixed-n7 { width: 406px; } .tx-p123search-pi3 .fixed-n8, .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .fixed-n8 { width: 436px; } .tx-p123search-pi3 .fixed-n9, .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .fixed-n9 { width: 466px; } .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .fixed-n1 { width: 274px; } .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .fixed-n2 { width: 304px; } .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .fixed-n3 { width: 334px; } .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .fixed-n4 { width: 364px; } .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .fixed-n5 { width: 394px; } .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .fixed-n6 { width: 424px; } .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .fixed-n7 { width: 454px; } .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .fixed-n8 { width: 484px; } .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .fixed-n9 { width: 514px; } } @media only screen and (max-width: 624px) { body.wide #content-normal .csc-default .tx-p123search-pi3 .csc-header:first-child, body.wide-toggle #content-normal .csc-default .tx-p123search-pi3 .csc-header:first-child { bottom: 100%; top: auto; width: auto; bottom: -moz-calc(100% + 2px); bottom: -webkit-calc(100% + 2px); bottom: calc(100% + 2px); left: -moz-calc(100% / 0.98 * -0.01 - 1px); left: -webkit-calc(100% / 0.98 * -0.01 - 1px); left: calc(100% / 0.98 * -0.01 - 1px); right: -moz-calc(100% / 0.98 * -0.01 - 1px); right: -webkit-calc(100% / 0.98 * -0.01 - 1px); right: calc(100% / 0.98 * -0.01 - 1px); } #tx-p123search-pi3-scroll .csc-mailform-submit-top { top: -38px; } } @media only screen and (max-width: 456px) { #tx-p123search-pi3-scroll { padding-top: 16px; } #tx-p123search-pi3-scroll .csc-mailform-submit-top { top: 24px; } #tx-p123search-pi3-scroll:not(.fixed) .csc-mailform-submit-top:before { -moz-border-radius: 0px 0px 4px 0px; -webkit-border-radius: 0px 0px 4px 0px; border-radius: 0px 0px 4px 0px; } #tx-p123search-pi3-scroll:not(.fixed) .csc-mailform-submit-top:after { border-bottom-color: transparent; border-left-width: 0px; border-right-color: #F8B300; border-right-width: 23px; } .tx-p123search-pi3 .fixed dl.hide-phone { display: none; } .tx-p123search-pi3 .variable-n1, .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .variable-n1 { margin-right: 163px; } .tx-p123search-pi3 .variable-n2, .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .variable-n2 { margin-right: 193px; } .tx-p123search-pi3 .variable-n3, .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .variable-n3 { margin-right: 223px; } .tx-p123search-pi3 .variable-n4, .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .variable-n4 { margin-right: 253px; } .tx-p123search-pi3 .variable-n5, .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .variable-n5 { margin-right: 283px; } .tx-p123search-pi3 .variable-n6, .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .variable-n6 { margin-right: 313px; } .tx-p123search-pi3 .variable-n7, .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .variable-n7 { margin-right: 343px; } .tx-p123search-pi3 .variable-n8, .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .variable-n8 { margin-right: 373px; } .tx-p123search-pi3 .variable-n9, .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .variable-n9 { margin-right: 403px; } .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .variable-n1 { margin-right: 211px; } .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .variable-n2 { margin-right: 241px; } .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .variable-n3 { margin-right: 271px; } .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .variable-n4 { margin-right: 301px; } .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .variable-n5 { margin-right: 331px; } .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .variable-n6 { margin-right: 361px; } .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .variable-n7 { margin-right: 391px; } .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .variable-n8 { margin-right: 421px; } .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .variable-n9 { margin-right: 451px; } .tx-p123search-pi3 .fixed-n1, .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .fixed-n1 { width: 163px; } .tx-p123search-pi3 .fixed-n2, .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .fixed-n2 { width: 193px; } .tx-p123search-pi3 .fixed-n3, .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .fixed-n3 { width: 223px; } .tx-p123search-pi3 .fixed-n4, .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .fixed-n4 { width: 253px; } .tx-p123search-pi3 .fixed-n5, .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .fixed-n5 { width: 283px; } .tx-p123search-pi3 .fixed-n6, .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .fixed-n6 { width: 313px; } .tx-p123search-pi3 .fixed-n7, .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .fixed-n7 { width: 343px; } .tx-p123search-pi3 .fixed-n8, .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .fixed-n8 { width: 373px; } .tx-p123search-pi3 .fixed-n9, .tx-p123search-pi3 .tx-p123search-pi3-spareEnabled .fixed-n9 { width: 403px; } .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .fixed-n1 { width: 211px; } .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .fixed-n2 { width: 241px; } .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .fixed-n3 { width: 271px; } .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .fixed-n4 { width: 301px; } .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .fixed-n5 { width: 331px; } .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .fixed-n6 { width: 361px; } .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .fixed-n7 { width: 391px; } .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .fixed-n8 { width: 421px; } .tx-p123search-pi3 .tx-p123search-pi3-permanentEnabled .fixed-n9 { width: 451px; } .tx-p123search-pi3-tableHeader .fixed .dl-rating-row { display: none; } .tx-p123search-pi3-tableHeader .variable-n3, .tx-p123search-pi3-tableHeader .variable-n4, .tx-p123search-pi3-tableHeader .variable-n5, .tx-p123search-pi3-tableHeader .variable-n6, .tx-p123search-pi3-tableHeader .variable-n7, .tx-p123search-pi3-tableHeader .variable-n8, .tx-p123search-pi3-tableHeader .variable-n9 { display: none; } } @media only screen and (max-width: 400px) { .tx-p123search-pi3-tableHeader .variable { display: none; } } /* Added by oezet */ #tx-p123search-pi3-locations { position: relative; } .tx-p123search-pi3-locationItem { background: #ffffff; } .tx-p123search-pi3-overlay { background: #fff; border: 1px solid #dbdbdb; border-right: none; left: 270px; min-height: 311px; overflow: hidden; overflow-y: visible; padding: 20px 0px; position: absolute; top: 50px; width: 269px; z-index: 19; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* calc(100vh - 50px - 60px); */ max-height: -moz-calc(100% - 110px); max-height: -webkit-calc(100% - 110px); max-height: calc(100% - 110px); min-height: -moz-calc(100% - 50px); min-height: -webkit-calc(100% - 50px); min-height: calc(100% - 50px); -moz-transition: left 0.4s ease-in-out; -webkit-transition: left 0.4s ease-in-out; transition: left 0.4s ease-in-out; } .tx-p123search-pi3-overlay .tx-p123search-pi3-toggleAll { float: none; margin: 15px 0px 0px 0px; min-width: 0px; } .tx-p123search-pi3-overlay .tx-p123search-pi3-toggleAll a { color: #002046; display: block; height: 100%; width: 100%; } .tx-p123search-pi3-overlay .tx-p123search-pi3-sort-label, .tx-p123search-pi3-overlay .tx-p123search-pi3-search-label, .tx-p123search-pi3-overlay #tx-p123search-pi3-search { float: none; margin: 0px; } .tx-p123search-pi3-overlay .tx-p123search-pi3-search-label { margin: 15px 0px 0px 0px; } .tx-p123search-pi3-overlay .tx-p123search-pi3-search-field { margin-left: 7px; } .tx-p123search-pi3-overlay #txp123searchpi3-search { font-size: 14px; line-height: 18px; padding: 3px; width: 190px; } .tx-p123search-pi3-overlay .tx-p123search-pi3-search-submit { margin: 0px; } .tx-p123search-pi3-overlay .tx-p123search-pi3-search-submit:after { background: #f8b300; color: #ffffff; content: "\f054\f054"; display: inline-block; font: normal normal normal 10px/26px FontAwesome; height: 26px; text-align: center; width: 26px; } .tx-p123search-pi3-overlay .tx-p123search-pi3-search-submit input[type="submit"] { background: none; height: 26px; opacity: 0; position: absolute; width: 26px; z-index: 1; } .tx-p123search-pi3-overlay #tx-p123search-pi3-sort { float: none; height: auto; margin: 0px 7px 0px 7px; } .tx-p123search-pi3-overlay .tx-p123search-pi3-sort-wrapper { background: none; border: none; min-width: 0px; position: static; } .tx-p123search-pi3-overlay #tx-p123search-pi3-sort-options { display: block; min-width: 0px; position: static; } .tx-p123search-pi3-overlay #tx-p123search-pi3-sort-options .empty { display: none; } .tx-p123search-pi3-overlay .tx-p123search-pi3-sort-label { margin: 15px 0px 0px 0px; } .tx-p123search-pi3-overlay .tx-p123search-pi3-sort-current { font-size: 14px; line-height: 18px; padding: 0px; width: auto; } .tx-p123search-pi3-overlay #tx-p123search-pi3-sort span { margin-left: 46px; } .tx-p123search-pi3-overlay #tx-p123search-pi3-sort a.up, .tx-p123search-pi3-overlay #tx-p123search-pi3-sort a.down { background: none; color: #ffffff; height: 18px; margin-right: 5px; width: 18px; } .tx-p123search-pi3-overlay #tx-p123search-pi3-sort a.up:after, .tx-p123search-pi3-overlay #tx-p123search-pi3-sort a.down:after { background: #f8b300; color: #ffffff; display: inline-block; font: normal normal normal 10px/18px FontAwesome; height: 18px; text-align: center; width: 18px; } .tx-p123search-pi3-overlay #tx-p123search-pi3-sort a.up:after { content: "\f077"; } .tx-p123search-pi3-overlay #tx-p123search-pi3-sort a.up.active:after { background: #002046; } .tx-p123search-pi3-overlay #tx-p123search-pi3-sort a.down:after { content: "\f078"; } .tx-p123search-pi3-overlay #tx-p123search-pi3-sort a.down.active:after { background: #002046; } .tx-p123search-pi3-overlay #tx-p123search-pi3-sort-options .option { border: none; font-size: 14px; line-height: 18px; margin-top: 6px; padding: 0px; } .tx-p123search-pi3-overlay .tx-p123search-pi3-icon { background-position: 50% 35px; border: none; display: block; height: 160px; position: static; width: auto; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .tx-p123search-pi3-overlay .tx-p123search-pi3-icon h4 { border: none; background: #ffffff; text-align: left; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .tx-p123search-pi3-overlay .tx-p123search-pi3-politics { border: none; border-top: 1px solid #dbdbdb; position: static; width: auto; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .tx-p123search-pi3-overlay .tx-p123search-pi3-politics h4 { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .tx-p123search-pi3-overlay-button { background: rgba(0, 0, 0, 0.5) url(../typo3conf/ext/p123search/res/map-icon.png) 8px 46px no-repeat; cursor: pointer; height: 90px; left: 225px; position: absolute; top: 50px; width: 45px; z-index: 485; -webkit-background-size: 2.3em; -moz-background-size: 2.3em; background-size: 2.3em; -moz-transition: left 0.4s ease-in-out; -webkit-transition: left 0.4s ease-in-out; transition: left 0.4s ease-in-out; top: -moz-calc(50px + 12.5vh); top: -webkit-calc(50px + 12.5vh); top: calc(50px + 12.5vh); } .tx-p123search-pi3-overlay-button:before { color: #ffffff; content: "\f002"; display: block; font: normal normal normal 24px/45px FontAwesome; text-align: center; } .tx-p123search-pi3-overlay-button.is-opened { left: -45px; } .tx-p123search-pi3-overlay-button.is-opened + .tx-p123search-pi3-overlay { left: 0px; } .tx-p123search-pi3-overlay-headline { border-top: 1px solid #dbdbdb; font-size: 16px; font-weight: normal; line-height: 18px; margin: 4px 0px 0px 0px; padding: 11px 7px; text-align: left; } .tx-p123search-pi3-overlay-link { font-size: 16px; line-height: 18px; padding: 11px 7px; } .tx-p123search-pi3-overlay .tx-p123search-pi3-media-item, .tx-p123search-pi3-overlay .tx-p123search-pi3-searchFilter-item { font-size: 16px; line-height: 20px; margin: 0px 7px 6px; } .tx-p123search-pi3-overlay .tx-p123search-pi3-media-item { line-height: 23px; } .tx-p123search-pi3-overlay .tx-p123search-pi3-media-item input[type="checkbox"] + label, .tx-p123search-pi3-overlay .tx-p123search-pi3-searchFilter-item input[type="checkbox"] + label { font-size: 14px; line-height: 16px; margin-left: 0px; text-indent: 0px; } .tx-p123search-pi3-overlay .tx-p123search-pi3-media-item input[type="checkbox"] + label:before { background: url(../typo3conf/ext/p123maps/res/media-icons.png) no-repeat 100% 100%; border: none; content: ""; float: left; margin-top: 2px; top: auto; vertical-align: top; width: 24px; -moz-background-size: 74px 161px; -webkit-background-size: 74px 161px; background-size: 74px 161px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .tx-p123search-pi3-overlay .tx-p123search-pi3-media-item[data-item="GF"] input[type="checkbox"] + label:before { background-position: 0px 0px; height: 14px; } .tx-p123search-pi3-overlay .tx-p123search-pi3-media-item[data-item="SP"] input[type="checkbox"] + label:before { background-position: 0px -23px; height: 15px; } .tx-p123search-pi3-overlay .tx-p123search-pi3-media-item[data-item="ZZ"] input[type="checkbox"] + label:before { background-position: 0px -46px; height: 14px; } .tx-p123search-pi3-overlay .tx-p123search-pi3-media-item[data-item="GZ"] input[type="checkbox"] + label:before { background-position: 0px -69px; height: 15px; } .tx-p123search-pi3-overlay .tx-p123search-pi3-media-item[data-item="GV"] input[type="checkbox"] + label:before { background-position: 0px -92px; height: 22px; } .tx-p123search-pi3-overlay .tx-p123search-pi3-media-item[data-item="PF"] input[type="checkbox"] + label:before { background-position: 0px -115px; height: 14px; } .tx-p123search-pi3-overlay .tx-p123search-pi3-media-item[data-item="VI"] input[type="checkbox"] + label:before { background-position: 0px -138px; height: 10px; } .tx-p123search-pi3-overlay .tx-p123search-pi3-media-item[data-item="VN"] input[type="checkbox"] + label:before { background-position: 0px -138px; height: 10px; } .tx-p123search-pi3-overlay .tx-p123search-pi3-media-item input[type="checkbox"]:checked + label:before { content: ""; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .tx-p123search-pi3-overlay .tx-p123search-pi3-media-item[data-item="GF"] input[type="checkbox"]:checked + label:before { background-position: -37px 0px; } .tx-p123search-pi3-overlay .tx-p123search-pi3-media-item[data-item="SP"] input[type="checkbox"]:checked + label:before { background-position: -37px -23px; } .tx-p123search-pi3-overlay .tx-p123search-pi3-media-item[data-item="ZZ"] input[type="checkbox"]:checked + label:before { background-position: -37px -46px; } .tx-p123search-pi3-overlay .tx-p123search-pi3-media-item[data-item="GZ"] input[type="checkbox"]:checked + label:before { background-position: -37px -69px; } .tx-p123search-pi3-overlay .tx-p123search-pi3-media-item[data-item="GV"] input[type="checkbox"]:checked + label:before { background-position: -37px -92px; } .tx-p123search-pi3-overlay .tx-p123search-pi3-media-item[data-item="PF"] input[type="checkbox"]:checked + label:before { background-position: -37px -115px; } .tx-p123search-pi3-overlay .tx-p123search-pi3-media-item[data-item="VI"] input[type="checkbox"]:checked + label:before { background-position: -37px -138px; } .tx-p123search-pi3-overlay .tx-p123search-pi3-media-item[data-item="VN"] input[type="checkbox"]:checked + label:before { background-position: -37px -138px; } .tx-p123search-pi3-overlay .tx-p123search-pi3-searchFilter-item input[type="checkbox"] + label:before { display: none; } .tx-p123search-pi3-overlay .tx-p123search-pi3-searchFilter-item input[type="checkbox"]:checked + label { color: #002046; font-weight: bold; } @media screen and (max-width: 768px), screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-device-width: 1024px) and (min-resolution: 192dpi), screen and (max-device-width: 1024px) and (min-resolution: 2dppx) { .tx-p123search-pi3-overlay { bottom: 0px; left: -400px !important; margin-top: 0px !important; margin-bottom: 0px; max-height: none; min-height: 0px; position: fixed; top: 55px; width: 34.32%; z-index: 20; } .tx-p123search-pi3-overlay-button { left: 0px; margin-top: 0px !important; position: fixed; top: 55px; z-index: 20; top: -moz-calc(55px + 12.5vh); top: -webkit-calc(55px + 12.5vh); top: calc(55px + 12.5vh); } .tx-p123search-pi3-overlay-button.is-opened { left: 34%; } .tx-p123search-pi3-overlay-button.is-opened + .tx-p123search-pi3-overlay { left: -1px !important; } .tx-p123maps-pi1-fullscreen-open .tx-p123search-pi3-overlay, .tx-p123maps-pi1-fullscreen-open .tx-p123search-pi3-overlay-button { display: none; } .tx-p123search-pi3-overlay .tx-p123search-pi3-toggleAll, .tx-p123search-pi3-overlay .tx-p123search-pi3-politics { display: block; } #tx-p123search-pi3-search .tooltip--top span { left: 10%; -moz-transform: translateX(0) !important; -webkit-transform: translateX(0) !important; transform: translateX(0) !important; } #tx-p123search-pi3-search .tooltip--top:hover::before, #tx-p123search-pi3-search .tooltip--top:focus::before { -moz-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } } @media only screen and (max-width: 624px) { .tx-p123search-pi3-overlay { border: none; border-right: 1px solid #dbdbdb; left: -260px !important; margin-top: 0px !important; width: 260px; } .tx-p123search-pi3-overlay-button { left: 0px; margin-top: 0px !important; } .tx-p123search-pi3-overlay-button.is-opened { left: 260px; } .tx-p123search-pi3-overlay-button.is-opened + .tx-p123search-pi3-overlay { left: 0px !important; } } /* default styles for extension "tx_p123maps_pi1" */ *:first-child+html .tx-p123maps-pi1 { width: 100%; } /* IE7 */ /* prevent scrolling on desktop */ html.tx-p123maps-pi1-fullscreen-open { overflow: hidden; } html.tx-p123maps-pi1-fullscreen-open > body { overflow: hidden; position: absolute; width: 100%; } /* header */ body.wide #content-normal .csc-default .tx-p123maps-pi1 .csc-header:first-child, body.wide-toggle #content-normal .csc-default .tx-p123maps-pi1 .csc-header:first-child { background-image: url(../typo3conf/ext/p123search/res/csc-header-n1.png); min-width: 531px; z-index: 2; } body.wide #content-normal .csc-default .tx-p123maps-pi1 .csc-header:first-child > *, body.wide-toggle #content-normal .csc-default .tx-p123maps-pi1 .csc-header:first-child > * { color: #FFFFFF; display: inline-block; float: left; font-size: 11px; height: 27px; line-height: 13px; margin: 1px 0px; padding: 1px 5px 0px 5px; text-shadow: none; } body.wide #content-normal .csc-default .tx-p123maps-pi1 .csc-header:first-child > *:first-child, body.wide-toggle #content-normal .csc-default .tx-p123maps-pi1 .csc-header:first-child > *:first-child { margin-right: 5px; max-width: 132px; overflow: hidden; padding-right: 0px; white-space: nowrap; } body.wide #content-normal .csc-default .tx-p123maps-pi1 .csc-header:first-child > h2, body.wide-toggle #content-normal .csc-default .tx-p123maps-pi1 .csc-header:first-child > h2 { border-left: 1px solid #FFFFFF; } body.wide #content-normal .csc-default .tx-p123maps-pi1 .csc-header:first-child > * > a, body.wide-toggle #content-normal .csc-default .tx-p123maps-pi1 .csc-header:first-child > * > a { background: url(../typo3conf/ext/p123search/res/csc-header-link.gif) right top no-repeat; color: #FFFFFF; display: block; height: 27px; padding-right: 14px; } body.wide #content-normal .csc-default .tx-p123maps-pi1 .csc-header:first-child > * > a:hover, body.wide-toggle #content-normal .csc-default .tx-p123maps-pi1 .csc-header:first-child > * > a:hover { text-decoration: none; } body.wide #content-normal .csc-default .tx-p123maps-pi1 .csc-header:first-child:after { clear: left; content: "."; display: block; height: 0px; line-height: 0px; visibility: hidden; } @media print { body.wide #content-normal .csc-default .tx-p123maps-pi1 .csc-header:first-child, body.wide-toggle #content-normal .csc-default .tx-p123maps-pi1 .csc-header:first-child { background: none; page-break-before: avoid; page-break-after: avoid; page-break-inside: avoid; } body.wide #content-normal .csc-default .tx-p123maps-pi1 .csc-header:first-child > *, body.wide-toggle #content-normal .csc-default .tx-p123maps-pi1 .csc-header:first-child > * { color: #000000; } body.wide #content-normal .csc-default .tx-p123maps-pi1 .csc-header:first-child > *:first-child, body.wide-toggle #content-normal .csc-default .tx-p123maps-pi1 .csc-header:first-child > *:first-child { margin-right: 0px; max-width: inherit; overflow: visible; padding-right: 5px; white-space: normal; } body.wide #content-normal .csc-default .tx-p123maps-pi1 .csc-header:first-child > h2, body.wide-toggle #content-normal .csc-default .tx-p123maps-pi1 .csc-header:first-child > h2 { display: none; } body.wide #content-normal .csc-default .tx-p123maps-pi1 .csc-header:first-child > * > a, body.wide-toggle #content-normal .csc-default .tx-p123maps-pi1 .csc-header:first-child > * > a { background: none; color: #000000; padding-right: 5px; } } .tx-p123maps-pi1-fullscreen .csc-header { background: #f6ac0d; z-index: 2; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6ac0d+0,eaa102+100 */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjZhYzBkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VhYTEwMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); /* Permalink - use to edit and share this gradient: http://angrytools.com/gradient/?0_eaa102,100_f6ac0d,50_f6ac0d,49_eaa102&0_100,100_100&l_120 */ background: -moz-linear-gradient(120deg, #eaa102 0%, #eaa102 49%, #f6ac0d 50%, #f6ac0d 100%); /* FF3.6-15 */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #f6ac0d), color-stop(50%, #f6ac0d), color-stop(51%, #eaa102), color-stop(100%, #eaa102)); /* Chrome4-9,Safari4-5 */ background: -webkit-linear-gradient(120deg, #eaa102 0%, #eaa102 49%, #f6ac0d 50%, #f6ac0d 100%); /* Chrome10-25,Safari5.1-6 */ background: -o-linear-gradient(120deg, #eaa102 0%, #eaa102 49%, #f6ac0d 50%, #f6ac0d 100%); /* Opera 11.10-11.50 */ background: -ms-linear-gradient(120deg, #eaa102 0%, #eaa102 49%, #f6ac0d 50%, #f6ac0d 100%); /* IE10 preview */ background: linear-gradient(330deg, #eaa102 0%, #eaa102 49%, #f6ac0d 50%, #f6ac0d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .tx-p123maps-pi1-fullscreen .csc-header > * { color: #FFFFFF; display: inline-block; float: left; font-size: 13px; font-weight: normal; height: 27px; line-height: 15px; margin: 0px 10px 0px 0px; padding: 5px; } .tx-p123maps-pi1-fullscreen .csc-header:after { clear: left; content: "."; display: block; height: 0px; line-height: 0px; visibility: hidden; } .tx-p123maps-pi1-fullscreen .csc-header > *:first-child { color: #002046; } .tx-p123maps-pi1-fullscreen .csc-header > *:last-child { margin-right: 0px; } .tx-p123maps-pi1-fullscreen .csc-header > * > a { color: #FFFFFF; display: block; } /* change google default styles */ .tx-p123maps-pi1 .gm-style { font-family: Tahoma,Arial,sans-serif; font-size: 11px; line-height: 1.18182em; } .tx-p123maps-pi1 .gm-style .gm-style-iw, .tx-p123maps-pi1 .gm-style .gm-style-iw a, .tx-p123maps-pi1 .gm-style .gm-style-iw span, .tx-p123maps-pi1 .gm-style .gm-style-iw label, .tx-p123maps-pi1 .gm-style .gm-style-iw div { font-size: 1em; font-weight: normal; } .tx-p123maps-pi1 .gm-style button { color: inherit; font-size: inherit; line-height: inherit; outline: none; min-width: auto; text-align: inherit; text-decoration: inherit; vertical-align: inherit; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -moz-box-sizing: inherit; -webkit-box-sizing: inherit; box-sizing: inherit; } /* changeView icon */ .tx-p123maps-pi1-icon { background: #fff url(../typo3conf/ext/p123maps/res/table-icon.png?201304291033) 10px 44px no-repeat; border: 1px solid #dbdbdb; border-left: none; height: 164px; left: 627px; position: absolute; top: -11px; width: 120px; -moz-border-radius: 0px 6px 6px 0px; -webkit-border-radius: 0px 6px 6px 0px; border-radius: 0px 6px 6px 0px; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-icon { display: none; } .tx-p123maps-pi1-icon a { display: block; height: 100%; width: 100%; } .tx-p123maps-pi1-icon a:hover { text-decoration: none; } .tx-p123maps-pi1-icon h4 { background: #F4F4F4; margin: 0px; padding: 5px; text-align: center; -moz-border-radius: 0px 6px 0px 0px; -webkit-border-radius: 0px 6px 0px 0px; border-radius: 0px 6px 0px 0px; } /* slider */ #tx-p123maps-pi1-slider-button { display: none; height: 45px; left: 250px; top: 12.5%; width: 45px; z-index: auto; -moz-transition: left 0.6s ease; -ms-transition: left 0.6s ease; -o-transition: left 0.6s ease; -webkit-transition: left 0.6s ease; transition: left 0.6s ease; } #tx-p123maps-pi1-slider-button + label { display: none; left: 250px; line-height: 45px; margin-left: 0px; position: absolute; text-indent: 0px; top: 12.5%; -moz-transition: left 0.6s ease; -ms-transition: left 0.6s ease; -o-transition: left 0.6s ease; -webkit-transition: left 0.6s ease; transition: left 0.6s ease; } #tx-p123maps-pi1-slider-button:checked, #tx-p123maps-pi1-slider-button:checked + label { left: 0px; } #tx-p123maps-pi1-slider-button + label:before { background: rgba(0, 0, 0, 0.5); border: none; color: #ffffff; content: "\f002"; display: block; font: normal normal normal 24px/45px FontAwesome; height: auto; margin: 0px; position: static; text-rendering: auto; top: auto; width: 45px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #tx-p123maps-pi1-slider-button:checked + label:before { } .tx-p123maps-pi1-fullscreen #tx-p123maps-pi1-slider-button, .tx-p123maps-pi1-fullscreen #tx-p123maps-pi1-slider-button + label { display: inline-block; } #tx-p123maps-pi1-slider-button + .tx-p123maps-pi1-slider #txp123mapspi1 > label { display: none; left: 0px; line-height: 45px; position: absolute; top: 12.5%; vertical-align: middle; z-index: 1; } #tx-p123maps-pi1-slider-button + .tx-p123maps-pi1-slider #txp123mapspi1 > label:before { background: rgba(0, 0, 0, 0.5); color: #ffffff; content: "\f002\A\f0ce"; cursor: pointer; display: block; font: normal normal normal 24px/45px FontAwesome; text-align: center; text-rendering: auto; width: 45px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #tx-p123maps-pi1-slider-button:checked + .tx-p123maps-pi1-slider #txp123mapspi1 > label:before { } .tx-p123maps-pi1-fullscreen #tx-p123maps-pi1-slider-button + .tx-p123maps-pi1-slider #txp123mapspi1 > label { display: inline-block; } .tx-p123maps-pi1-slider { background: #ffffff; bottom: 0px; left: 0px; position: relative; right: 0px; top: 0px; -moz-transition: left 0.6s ease; -ms-transition: left 0.6s ease; -o-transition: left 0.6s ease; -webkit-transition: left 0.6s ease; transition: left 0.6s ease; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-slider { overflow-y: auto; position: absolute; } .tx-p123maps-pi1-fullscreen #tx-p123maps-pi1-slider-button:checked ~ .tx-p123maps-pi1-slider { left: -250px; } /* open close menus */ #txp123mapspi1-address-slider + form, #txp123mapspi1-searchFilter-slider + form, #txp123mapspi1-search-slider + form, #txp123mapspi1-poi-slider + form, #txp123mapspi1-poi-slider + form ~ a, #txp123mapspi1-periods-slider + form { -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } #txp123mapspi1-poi-slider + form ~ a { overflow: hidden; } #txp123mapspi1-poi-slider:checked + form ~ a { height: 0px; margin-bottom: 0px; margin-top: 0px; padding-bottom: 0px; padding-top: 0px; } #txp123mapspi1-address-slider + form .tx-p123maps-pi1-address-label label.slider, #txp123mapspi1-searchFilter-slider + form .tx-p123maps-pi1-searchFilter-label label.slider, #txp123mapspi1-search-slider + form .tx-p123maps-pi1-search-label label.slider, #txp123mapspi1-poi-slider + form .tx-p123maps-pi1-poi-label label.slider, #txp123mapspi1-periods-slider + form .tx-p123maps-pi1-periods-label label.slider { display: block; margin: -11px -7px; padding: 11px 7px; } #txp123mapspi1-address-slider + form .tx-p123maps-pi1-address-label label.slider:after, #txp123mapspi1-search-slider + form .tx-p123maps-pi1-search-label label.slider:after, #txp123mapspi1-searchFilter-slider + form .tx-p123maps-pi1-searchFilter-label label.slider:after, #txp123mapspi1-poi-slider + form .tx-p123maps-pi1-poi-label label.slider:after, #txp123mapspi1-periods-slider + form .tx-p123maps-pi1-periods-label label.slider:after { content: "\f077"; display: inline-block; float: right; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #txp123mapspi1-address-slider:checked + form .tx-p123maps-pi1-address-label label.slider:after, #txp123mapspi1-searchFilter-slider:checked + form .tx-p123maps-pi1-searchFilter-label label.slider:after, #txp123mapspi1-search-slider:checked + form .tx-p123maps-pi1-search-label label.slider:after, #txp123mapspi1-poi-slider:checked + form .tx-p123maps-pi1-poi-label label.slider:after, #txp123mapspi1-periods-slider:checked + form .tx-p123maps-pi1-periods-label label.slider:after { content: "\f078"; } /* address */ #tx-p123maps-pi1-address { width: 200px } .tx-p123maps-pi1-fullscreen #tx-p123maps-pi1-address { width: 250px; } .tx-p123maps-pi1-address-label { font-size: 13px; line-height: 15px; margin: 0px; padding: 8px 7px; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-address-label { font-size: 16px; line-height: 18px; padding: 11px 7px; } .tx-p123maps-pi1-address-field { float: left; margin: 0px 0px 11px 7px; } #txp123mapspi1-address { background: #F4F4F4; border: 1px solid #DBDBDB; font-size: 12px; line-height: 14px; padding: 3px; width: 150px; -webkit-appearance: textfield; } .tx-p123maps-pi1-fullscreen #txp123mapspi1-address { font-size: 14px; line-height: 18px; width: 190px; } .tx-p123maps-pi1-address-submit { float: left; margin: 0px; } .tx-p123maps-pi1-address-submit input[type="submit"] { background: none; border: none; font-size: 0px; height: 22px; margin: 0px; padding: 0px; position: absolute; width: 22px; z-index: 1; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -moz-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; filter: alpha(opacity=0); } @media all and (min-width:0\0) { .tx-p123maps-pi1-address-submit input[type="submit"] { -ms-filter: none; filter: none; } } /* IE9+ */ .tx-p123maps-pi1-address-submit:after { background: #f8b300; color: #ffffff; content: "\f054\f054"; display: inline-block; float: right; font: normal normal normal 8px/22px FontAwesome; position: relative; text-align: center; text-rendering: auto; width: 22px; z-index: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-address-submit input[type="submit"] { height: 26px; width: 26px; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-address-submit:after { font-size: 10px; line-height: 26px; width: 26px; } /* media */ #tx-p123maps-pi1-media { display: none; width: 200px; } .tx-p123maps-pi1-fullscreen #tx-p123maps-pi1-media { width: 250px; } .tx-p123maps-pi1-media-label { font-size: 13px; line-height: 15px; margin: 0px; padding: 8px 7px; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-media-label { font-size: 16px; line-height: 18px; padding: 11px 7px; } .tx-p123maps-pi1-media-item { line-height: 23px; margin: 0px 7px 6px; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-media-item { font-size: 14px; } .tx-p123maps-pi1-media-item:last-child { margin-bottom: 11px; } :root .tx-p123maps-pi1-media-item input[type="checkbox"] { height: 16px; width: 24px; z-index: auto; } :root .tx-p123maps-pi1-media-item input[type="checkbox"] + label { line-height: 16px; margin-left: 0px; text-indent: 0px; z-index: auto; } :root .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-media-item input[type="checkbox"] + label { font-size: 14px; } :root .tx-p123maps-pi1-media-item input[type="checkbox"] + label:before { background: url(../typo3conf/ext/p123maps/res/media-icons.png?201610181734) 100% 100% no-repeat; border: none; float: left; margin-top: 2px; top: auto; vertical-align: top; width: 24px; -moz-background-size: 74px 161px; -webkit-background-size: 74px 161px; background-size: 74px 161px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } :root .tx-p123maps-pi1-media-item[data-item="GF"] input[type="checkbox"] + label:before { background-position: 0px 0px; height: 14px; } :root .tx-p123maps-pi1-media-item[data-item="SP"] input[type="checkbox"] + label:before { background-position: 0px -23px; height: 15px; } :root .tx-p123maps-pi1-media-item[data-item="ZZ"] input[type="checkbox"] + label:before { background-position: 0px -46px; height: 14px; } :root .tx-p123maps-pi1-media-item[data-item="GZ"] input[type="checkbox"] + label:before { background-position: 0px -69px; height: 15px; } :root .tx-p123maps-pi1-media-item[data-item="GV"] input[type="checkbox"] + label:before { background-position: 0px -92px; height: 22px; } :root .tx-p123maps-pi1-media-item[data-item="PF"] input[type="checkbox"] + label:before { background-position: 0px -115px; height: 14px; } :root .tx-p123maps-pi1-media-item[data-item="VI"] input[type="checkbox"] + label:before, :root .tx-p123maps-pi1-media-item[data-item="VN"] input[type="checkbox"] + label:before { background-position: 0px -138px; height: 10px; } :root .tx-p123maps-pi1-media-item input[type="checkbox"]:checked + label:before { content: ""; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } :root .tx-p123maps-pi1-media-item[data-item="GF"] input[type="checkbox"]:checked + label:before { background-position: -37px -0px; } :root .tx-p123maps-pi1-media-item[data-item="SP"] input[type="checkbox"]:checked + label:before { background-position: -37px -23px; } :root .tx-p123maps-pi1-media-item[data-item="ZZ"] input[type="checkbox"]:checked + label:before { background-position: -37px -46px; } :root .tx-p123maps-pi1-media-item[data-item="GZ"] input[type="checkbox"]:checked + label:before { background-position: -37px -69px; } :root .tx-p123maps-pi1-media-item[data-item="GV"] input[type="checkbox"]:checked + label:before { background-position: -37px -92px; } :root .tx-p123maps-pi1-media-item[data-item="PF"] input[type="checkbox"]:checked + label:before { background-position: -37px -115px; } :root .tx-p123maps-pi1-media-item[data-item="VI"] input[type="checkbox"]:checked + label:before, :root .tx-p123maps-pi1-media-item[data-item="VN"] input[type="checkbox"]:checked + label:before { background-position: -37px -138px; } :root .tx-p123maps-pi1-media-item[data-item] input[type="checkbox"] + label[data-count]:after { content: " (" attr(data-count) ")"; } /* filter */ #tx-p123maps-pi1-searchFilter { display: none; width: 200px; } .tx-p123maps-pi1-fullscreen #tx-p123maps-pi1-searchFilter { width: 250px; } .tx-p123maps-pi1-searchFilter-label { font-size: 13px; line-height: 15px; margin: 0px; padding: 8px 7px; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-searchFilter-label { font-size: 16px; line-height: 18px; padding: 11px 7px; } .tx-p123maps-pi1-searchFilter-item { line-height: 23px; margin: 0px 7px 6px; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-searchFilter-item { font-size: 14px; } .tx-p123maps-pi1-searchFilter-item:last-child { margin-bottom: 11px; } :root .tx-p123maps-pi1-searchFilter-item input[type="checkbox"] { /*height: 16px; width: 24px;*/ z-index: auto; } :root .tx-p123maps-pi1-searchFilter-item input[type="checkbox"] + label { line-height: 16px; margin-left: 0px; text-indent: 0px; z-index: auto; } :root .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-searchFilter-item input[type="checkbox"] + label { font-size: 14px; } :root .tx-p123maps-pi1-searchFilter-item input[type="checkbox"] + label:before { content: ""; display: none; } :root .tx-p123maps-pi1-searchFilter-item input[type="checkbox"]:checked + label { color: #002046; font-weight: bold; } :root .tx-p123maps-pi1-searchFilter-item input[type="checkbox"] + label .tx-p123search-pi3-rating { display: inline-block; } :root .tx-p123maps-pi1-searchFilter-item input[type="checkbox"] + label .tx-p123search-pi3-rating .star { display: inline-block; margin-top: 3px; } /* search */ #tx-p123maps-pi1-search { width: 200px; } .tx-p123maps-pi1-fullscreen #tx-p123maps-pi1-search { width: 250px; } .tx-p123maps-pi1-search-label { font-size: 13px; line-height: 15px; margin: 0px; padding: 8px 7px; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-search-label { font-size: 16px; line-height: 18px; padding: 11px 7px; } .tx-p123maps-pi1-search-field { float: left; margin: 0px 0px 11px 7px; } .tx-p123maps-pi1-search-field.tooltip span { pointer-events: auto; } #txp123mapspi1-search { background: #F4F4F4; border: 1px solid #DBDBDB; font-size: 12px; line-height: 14px; padding: 3px; width: 150px; -webkit-appearance: textfield; } .tx-p123maps-pi1-fullscreen #txp123mapspi1-search { font-size: 14px; line-height: 18px; width: 190px; } .tx-p123maps-pi1-search-submit { float: left; margin: 0px; } .tx-p123maps-pi1-search-submit input[type="submit"] { background: none; border: none; font-size: 0px; height: 22px; margin: 0px; padding: 0px; position: absolute; width: 22px; z-index: 1; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -moz-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; filter: alpha(opacity=0); } @media all and (min-width:0\0) { .tx-p123maps-pi1-search-submit input[type="submit"] { -ms-filter: none; filter: none; } } /* IE9+ */ .tx-p123maps-pi1-search-submit:after { background: #f8b300; color: #ffffff; content: "\f054\f054"; display: inline-block; float: right; font: normal normal normal 8px/22px FontAwesome; position: relative; text-align: center; text-rendering: auto; width: 22px; z-index: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-search-submit input[type="submit"] { height: 26px; width: 26px; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-search-submit:after { font-size: 10px; line-height: 26px; width: 26px; } /* poi */ #tx-p123maps-pi1-poi { margin: 0px auto; max-width: 230px; } .tx-p123maps-pi1-poi { overflow: visible; min-height: 94px; min-width: 220px; } .tx-p123maps-pi1-poi-label { font-size: 13px; line-height: 15px; margin: 0px; padding: 8px 7px; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-poi-label { font-size: 16px; line-height: 18px; padding: 11px 7px; } .tx-p123maps-pi1-poi-field { float: left; margin: 0px 0px 11px 7px; } #txp123mapspi1-poi-field { background: #F4F4F4; border: 1px solid #DBDBDB; font-size: 12px; line-height: 14px; padding: 3px; width: 150px; -webkit-appearance: textfield; } .tx-p123maps-pi1-fullscreen #txp123mapspi1-poi-field { font-size: 14px; line-height: 18px; width: 190px; } .tx-p123maps-pi1-poi-submit { float: left; margin: 0px; } .tx-p123maps-pi1-poi-submit input[type="submit"] { background: none; border: none; font-size: 0px; height: 22px; margin: 0px; padding: 0px; position: absolute; width: 22px; z-index: 1; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -moz-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; filter: alpha(opacity=0); } @media all and (min-width:0\0) { .tx-p123maps-pi1-poi-submit input[type="submit"] { -ms-filter: none; filter: none; } } /* IE9+ */ .tx-p123maps-pi1-poi-submit:after { background: #f8b300; color: #ffffff; content: "\f054\f054"; display: inline-block; float: right; font: normal normal normal 8px/22px FontAwesome; position: relative; text-align: center; text-rendering: auto; width: 22px; z-index: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-poi-submit input[type="submit"] { height: 26px; width: 26px; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-poi-submit:after { font-size: 10px; line-height: 26px; width: 26px; } #txp123mapspi1-poi { display: none; width: 200px; } .tx-p123maps-pi1-fullscreen #txp123mapspi1-poi { width: 250px; } #txp123mapspi1-poi a { background: url(../typo3conf/ext/p123maps/res/poi-icon.png?201304291032) no-repeat; display: block; height: 15px; line-height: 15px; margin: 8px 0px 0px 7px; padding: 19px 0px 0px 18px; } .tx-p123maps-pi1-fullscreen #txp123mapspi1-poi a { font-size: 13px; } /* slider-border */ #txp123mapspi1-fullscreen ~ #tx-p123maps-pi1-address, #txp123mapspi1-fullscreen ~ #tx-p123maps-pi1-media, #txp123mapspi1-fullscreen ~ #tx-p123maps-pi1-searchFilter, #txp123mapspi1-fullscreen ~ #tx-p123maps-pi1-search, #txp123mapspi1-fullscreen ~ #txp123mapspi1-poi, #txp123mapspi1-fullscreen ~ #txp123mapspi1-fullscreen, #txp123mapspi1-fullscreen ~ #txp123mapspi1-helpLayer, #txp123mapspi1-fullscreen ~ #txp123mapspi1-legend, #tx-p123maps-pi1-address ~ #tx-p123maps-pi1-media, #tx-p123maps-pi1-address ~ #tx-p123maps-pi1-searchFilter, #tx-p123maps-pi1-address ~ #tx-p123maps-pi1-search, #tx-p123maps-pi1-address ~ #txp123mapspi1-poi, #tx-p123maps-pi1-address ~ #txp123mapspi1-fullscreen, #tx-p123maps-pi1-address ~ #txp123mapspi1-helpLayer, #tx-p123maps-pi1-address ~ #txp123mapspi1-legend, #tx-p123maps-pi1-media ~ #tx-p123maps-pi1-searchFilter, #tx-p123maps-pi1-media ~ #tx-p123maps-pi1-search, #tx-p123maps-pi1-media ~ #txp123mapspi1-poi, #tx-p123maps-pi1-media ~ #tx-p123maps-pi1-fullscreen, #tx-p123maps-pi1-media ~ #tx-p123maps-pi1-helpLayer, #tx-p123maps-pi1-media ~ #txp123mapspi1-legend, #tx-p123maps-pi1-searchFilter ~ #txp123mapspi1-poi, #tx-p123maps-pi1-searchFilter ~ #txp123mapspi1-fullscreen, #tx-p123maps-pi1-searchFilter ~ #txp123mapspi1-helpLayer, #tx-p123maps-pi1-searchFilter ~ #txp123mapspi1-legend, #tx-p123maps-pi1-search ~ #txp123mapspi1-poi, #tx-p123maps-pi1-search ~ #txp123mapspi1-fullscreen, #tx-p123maps-pi1-search ~ #txp123mapspi1-helpLayer, #tx-p123maps-pi1-search ~ #txp123mapspi1-legend, #txp123mapspi1-poi ~ #txp123mapspi1-fullscreen, #txp123mapspi1-poi ~ #txp123mapspi1-helpLayer, #txp123mapspi1-poi ~ #txp123mapspi1-legend, #txp123mapspi1-helpLayer ~ #txp123mapspi1-legend { border-top: 1px solid #dbdbdb; margin-top: 4px; } /* poi slider */ .tx-p123maps-pi1-poi-slider-label { float: left; margin: 5px 4px 0px 0px; } .tx-p123maps-pi1-poi-slider-layer { border: 1px solid #CCCCCC; float: left; height: 8px; margin: 8px 0px 16px 0px; position: relative; width: 122px; } .tx-p123maps-pi1-poi-slider-layer span { left: 130px; position: absolute; top: -3px; white-space: nowrap; } .tx-p123maps-pi1-poi-slider { background: #FFFFFF; height: 8px; margin: 0px auto; width: 108px; -webkit-touch-callout: none; } .tx-p123maps-pi1-poi-slider .noUi-base { background: #F8AE01; height: 100%; position: relative; width: 100%; } .tx-p123maps-pi1-poi-slider .noUi-base:before { background: #F8AE01; content: ""; height: 8px; left: -7px; position: absolute; top: 0px; width: 7px; } .tx-p123maps-pi1-poi-slider .noUi-origin { background: #FFFFFF; bottom: 0px; left: 0px; position: absolute; right: 0px; top: 0px; } .tx-p123maps-pi1-poi-slider .noUi-handle { background: #FFFFFF; border: 1px solid #CCCCCC; height: 16px; left: -8px; position: absolute; top: -5px; width: 16px; z-index: 5; } .tx-p123maps-pi1-poi-slider .noUi-handle:hover, .tx-p123maps-pi1-poi-slider .noUi-handle:active { background: #BE1010; } .tx-p123maps-pi1-poi-slider.disabled .noUi-base, .tx-p123maps-pi1-poi-slider.disabled .noUi-base:before { background: #999999; } .tx-p123maps-pi1-poi-slider.disabled .noUi-handle { border-color: #CCCCCC; background: #CCCCCC; } @media (-webkit-min-device-pixel-ratio: 1.2), -moz-touch-enabled, (max-device-width: 1024px) { .tx-p123maps-pi1-poi-slider .noUi-handle > div { height: 32px; left: -16px; top: -13px; width: 32px; } } /* fullscreen */ #txp123mapspi1-fullscreen { width: 200px } .tx-p123maps-pi1-fullscreen #txp123mapspi1-fullscreen { width: 250px; } #txp123mapspi1-fullscreen a { /*background: url(../typo3conf/ext/p123maps/res/fullscreen.gif?201302081600) center right no-repeat;*/ display: inline-block; line-height: 17px; margin: 11px 7px; /*padding-right: 26px;*/ } #txp123mapspi1-fullscreen a:after { color: #555659; content: "\f0ce"; display: inline-block; float: right; font: normal normal normal 18px/1 FontAwesome; margin: 1px 0px -1px 4px; text-rendering: auto; vertical-align: bottom; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .tx-p123maps-pi1-fullscreen #txp123mapspi1-fullscreen a { font-size: 16px; line-height: 18px; } .tx-p123maps-pi1-fullscreen { background: #f4efe2; bottom: 0px; left: 0px; min-width: 320px; padding: 0px; position: fixed; right: 0px; top: 56px; z-index: 400; } .tx-p123maps-pi1-fullscreen:before { background: #fff; border-bottom: 1px solid #d4d4d4; content: ""; display: block; height: 55px; left: 0px; min-width: 170px; position: fixed; right: 150px; top: 0px; z-index: 1; } .tx-p123maps-pi1-fullscreen .csc-header { bottom: 100%; left: -1px; margin-bottom: 1px; padding: 0px 1px; position: absolute; width: 100%; } .tx-p123maps-pi1-fullscreen .csc-header ~ .csc-mailform-submit-top { bottom: 14px; top: auto; z-index: 2; } .tx-p123maps-pi1-fullscreen #txp123mapspi1-layer { background: #FFFFFF; bottom: 0px; border: 1px solid #dbdbdb; left: 0px; position: absolute; right: 0px; top: 37px; } .tx-p123maps-pi1-fullscreen .csc-mailform-submit-bottom { bottom: auto; top: 0px; z-index: 1; } .tx-p123maps-pi1-fullscreen #tx-p123qsearch-pi1-basket { background: #fff; border: solid #d4d4d4; border-width: 0px 0px 1px 1px; display: block; font-size: 16px; height: 55px; left: auto !important; line-height: 55px; list-style: none; margin: 0px !important; padding: 0px; position: fixed !important; right: 0px; top: 0px !important; visibility: visible !important; width: auto; z-index: 20; -moz-opacity: 1; opacity: 1; -ms-filter: none; filter: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .tx-p123maps-pi1-fullscreen #tx-p123qsearch-pi1-basket a { display: inline-block; height: 55px; } .tx-p123maps-pi1-fullscreen #tx-p123qsearch-pi1-basket:after { vertical-align: middle; } .tx-p123maps-pi1-fullscreen #tx-p123qsearch-pi1-basket a.tooltip:before { border-bottom-color: #383838; border-top-color: transparent; bottom: auto; left: calc(50% - 6px); margin-bottom: 0px; margin-top: -11px; top: 100%; } .tx-p123maps-pi1-fullscreen #tx-p123qsearch-pi1-basket a.tooltip span { bottom: auto; font-size: 13px; left: 50%; top: 100%; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tx-p123maps-pi1-fullscreen #tx-p123qsearch-pi1-basket a.tooltip:hover:before, .tx-p123maps-pi1-fullscreen #tx-p123qsearch-pi1-basket a.tooltip:focus:before { -moz-transform: translateY(8px); -webkit-transform: translateY(8px); transform: translateY(8px); } .tx-p123maps-pi1-fullscreen #tx-p123qsearch-pi1-basket a.tooltip:hover span, .tx-p123maps-pi1-fullscreen #tx-p123qsearch-pi1-basket a.tooltip:focus span { -moz-transform: translateX(-50%) translateY(8px); -webkit-transform: translateX(-50%) translateY(8px); transform: translateX(-50%) translateY(8px); } .tx-p123maps-pi1-close { display: none; height: 15px; left: 8px; position: fixed; top: 20px; width: 24px; z-index: 2; } .tx-p123maps-pi1-close:before, .tx-p123maps-pi1-close:after { background: #555659; content: ""; display: block; height: 3px; left: 0px; position: absolute; top: 6px; width: 24px; } .tx-p123maps-pi1-close:before { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .tx-p123maps-pi1-close:after { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-close { display: inline-block; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-logo { height: 55px !important; /*left: 40px;*/ margin-left: 40px !important; max-width: 260px !important; /*min-width: 134px;*/ position: fixed; top: 0px; width: 35%; z-index: 2; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-logo a { /*display: block; height: 100%; width: 100%;*/ } /*.tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-logo a:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; }*/ .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-logo img { display: inline-block; height: auto; vertical-align: middle; width: 100%; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-hotline { color: #002046; font-size: 16px; height: 55px; line-height: 55px; margin-right: 1.5em; position: fixed; right: 163px; top: 0px; z-index: 2; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-hotline .whatsapp { display: none; } /* .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-hotline strong { font-weight: normal; } */ .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-hotline em { display: none; } /* .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-hotline > * > * { display: block; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-hotline > * > *:before { content: "\f095"; display: inline-block; font: normal normal normal 22px/18px FontAwesome; margin-right: 6px; text-rendering: auto; vertical-align: -15%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } */ @media print { .tx-p123maps-pi1-fullscreen { display: none; } } /* legend */ #txp123mapspi1-legend { width: 200px; } .tx-p123maps-pi1-fullscreen #txp123mapspi1-legend { width: 250px; } .tx-p123maps-pi1-legend { line-height: 17px; margin: 11px 7px; position: relative; } .tx-p123maps-pi1-legend ~ .tx-p123maps-pi1-legend { margin-top: 0px; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-legend { font-size: 16px; line-height: 18px; } /* map & loader */ #txp123mapspi1 { bottom: 0px; left: 200px; overflow: visible !important; position: absolute !important; right: 0px; top: 0px; z-index: 1; -moz-transition: left 0.6s ease; -webkit-transition: left 0.6s ease; transition: left 0.6s ease; } .tx-p123maps-pi1-fullscreen #txp123mapspi1 { left: 250px; /*overflow: hidden !important;*/ position: fixed !important; /*right: auto;*/ top: 94px; /*width: 100%;*/ } .tx-p123maps-pi1-fullscreen #tx-p123maps-pi1-slider-button:checked ~ .tx-p123maps-pi1-slider #txp123mapspi1 { left: 0px; } #txp123mapspi1 > .map { height: 100%; position: relative; width: 100%; } #txp123mapspi1-loader { background: rgba(255, 255, 255, 0.6); height: 100%; left: 0px; overflow: hidden; position: absolute; top: 0px; width: 100%; z-index: 450; } #txp123mapspi1-loader span { background: rgba(255, 255, 255, 0.9) url(../typo3conf/ext/p123maps/res/loading.gif?201302051029) center 20px no-repeat; border: 1px solid rgba(192, 192, 192, 0.6); color: #333333; font-weight: bold; height: 32px; left: 50%; line-height: 15px; margin: -35px 0px 0px -120px; padding-top: 36px; position: absolute; text-align: center; top: 50%; width: 238px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -moz-box-shadow: 1px 1px 4px 0px #C0C0C0; -webkit-box-shadow: 1px 1px 4px 0px #C0C0C0; box-shadow: 1px 1px 4px 0px #C0C0C0; -moz-transition: margin 0.6s ease; -ms-transition: margin 0.6s ease; -o-transition: margin 0.6s ease; -webkit-transition: margin 0.6s ease; transition: margin 0.6s ease; } /* infoWindow */ #txp123mapspi1-infoWindow { background: rgba(255, 255, 255, 0.95); border: 1px solid #CCCCCC; display: none; min-height: 320px; position: absolute; width: 430px; z-index: 500; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .tx-p123maps-pi1-fullscreen #txp123mapspi1-infoWindow { min-height: 430px; width: 540px; } #txp123mapspi1-infoWindow.left { margin-right: 50px; /* margin-left: 250px; */ } #txp123mapspi1-infoWindow.right { margin-left: 50px; /* margin-left: 300px; */ } #txp123mapspi1-infoWindow-arrow { height: 0px; position: absolute; top: 50%; width: 0px; } .left #txp123mapspi1-infoWindow-arrow { left: 100%; } .right #txp123mapspi1-infoWindow-arrow { right: 100%; } #txp123mapspi1-infoWindow-arrow:after, #txp123mapspi1-infoWindow-arrow .after, #txp123mapspi1-infoWindow-arrow:before, #txp123mapspi1-infoWindow-arrow .before { border: 20px solid transparent; content: ""; height: 0px; pointer-events: none; position: absolute; width: 0px; } .left #txp123mapspi1-infoWindow-arrow:after, .left #txp123mapspi1-infoWindow-arrow .after, .left #txp123mapspi1-infoWindow-arrow:before, .left #txp123mapspi1-infoWindow-arrow .before { left: 100%; } .right #txp123mapspi1-infoWindow-arrow:after, .right #txp123mapspi1-infoWindow-arrow .after, .right #txp123mapspi1-infoWindow-arrow:before, .right #txp123mapspi1-infoWindow-arrow .before { right: 100%; } #txp123mapspi1-infoWindow-arrow:after, #txp123mapspi1-infoWindow-arrow .after { border-width: 20px 50px; top: 50%; margin-top: -20px; } .left #txp123mapspi1-infoWindow-arrow:after, .left #txp123mapspi1-infoWindow-arrow .after { border-left-color: #FFFFFF; } .right #txp123mapspi1-infoWindow-arrow:after, .right #txp123mapspi1-infoWindow-arrow .after { border-right-color: #FFFFFF; } #txp123mapspi1-infoWindow-arrow:before, #txp123mapspi1-infoWindow-arrow .before { border-width: 21px 51px; top: 50%; margin-top: -21px; } .left #txp123mapspi1-infoWindow-arrow:before, .left #txp123mapspi1-infoWindow-arrow .before { border-left-color: #CCCCCC; } .right #txp123mapspi1-infoWindow-arrow:before, .right #txp123mapspi1-infoWindow-arrow .before { border-right-color: #CCCCCC; } /* infoWindow content */ .tx-p123maps-pi1-infoWindow-closeLink { display: block; height: 17px; position: absolute; right: 0px; top: 0px; width: 17px; z-index: 51; } .tx-p123maps-pi1-infoWindow-closeLink:before, .tx-p123maps-pi1-infoWindow-closeLink:after { background: #555659; content: ""; display: block; height: 3px; left: 3px; position: absolute; top: 7px; width: 13px; } .tx-p123maps-pi1-infoWindow-closeLink:before { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .tx-p123maps-pi1-infoWindow-closeLink:after { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .tx-p123maps-pi1-infoWindow-city { margin-left: 66px; } .tx-p123maps-pi1-infoWindow-title { background: #F4F4F4; height: 31px; overflow: hidden; padding: 15px 15px 5px 15px; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } .tx-p123maps-pi1-infoWindow-title .icon { background: url(../typo3conf/ext/p123maps/res/media-icons.png?201610181734) 100% 100% no-repeat; float: left; height: 23px; margin-top: 4px; width: 24px; -moz-background-size: 74px 161px; -webkit-background-size: -74px 161px; background-size: 74px 161px; } .tx-p123maps-pi1-infoWindow-title .icon.GF { background-position: 0px 0px; } .tx-p123maps-pi1-infoWindow-title .icon.SP { background-position: 0px -23px; } .tx-p123maps-pi1-infoWindow-title .icon.ZZ { background-position: 0px -46px; } .tx-p123maps-pi1-infoWindow-title .icon.GZ { background-position: 0px -69px; } .tx-p123maps-pi1-infoWindow-title .icon.GV { background-position: 0px -92px; } .tx-p123maps-pi1-infoWindow-title .icon.PF { background-position: 0px -115px; } .tx-p123maps-pi1-infoWindow-title .icon.VI, .tx-p123maps-pi1-infoWindow-title .icon.VN { background-position: 0px -138px; } .tx-p123maps-pi1-infoWindow-title .data { float: right; min-width: 53px; padding: 0px 0px 2px 12px; text-align: right; } .tx-p123maps-pi1-infoWindow-title .name { margin: 0px 0px 0px 28px; } .tx-p123maps-pi1-infoWindow-title * { color: #000000; } .tx-p123maps-pi1-infoWindow-title h1, .tx-p123maps-pi1-infoWindow-title h2, .tx-p123maps-pi1-infoWindow-title h3 { font-size: 13px; font-weight: bold; height: 17px; margin: 0px; overflow: hidden; padding: 0px; } .tx-p123maps-pi1-infoWindow-title del { font-style: italic; font-weight: normal; padding-right: 10px; } .tx-p123maps-pi1-infoWindow-title .rating .star { background: url(../typo3conf/ext/p123maps/res/stars-rating.png?201610121329) -60px 0px no-repeat; display: block; height: 12px; text-indent: -99999em; width: 61px; -moz-background-size: 123px 24px; -webkit-background-size: 123px 24px; background-size: 123px 24px; } .tx-p123maps-pi1-infoWindow-title .rating .star.star0-0, .tx-p123maps-pi1-infoWindow-title .rating .star.star9-9 { -moz-opacity: 0.4; opacity: 0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=40)"; filter: alpha(opacity=40); } @media all and (min-width:0\0) { .tx-p123maps-pi1-infoWindow-title .rating .star.star0-0, .tx-p123maps-pi1-infoWindow-title .rating .star.star9-9 { -ms-filter: none; filter: none; } } /* IE9+ */ .tx-p123maps-pi1-infoWindow-title .rating .star.star1-0 { background-position: 0px 0px; } .tx-p123maps-pi1-infoWindow-title .rating .star.star1-5 { background-position: 0px -12px; } .tx-p123maps-pi1-infoWindow-title .rating .star.star2-0 { background-position: -12px 0px; } .tx-p123maps-pi1-infoWindow-title .rating .star.star2-5 { background-position: -12px -12px; } .tx-p123maps-pi1-infoWindow-title .rating .star.star3-0 { background-position: -24px 0px; } .tx-p123maps-pi1-infoWindow-title .rating .star.star3-5 { background-position: -24px -12px; } .tx-p123maps-pi1-infoWindow-title .rating .star.star4-0 { background-position: -36px 0px; } .tx-p123maps-pi1-infoWindow-title .rating .star.star4-5 { background-position: -36px -12px; } .tx-p123maps-pi1-infoWindow-title .rating .star.star5-0 { background-position: -48px 0px; } .tx-p123maps-pi1-infoWindow-title .rating .star.star5-5 { background-position: -48px -12px; } .tx-p123maps-pi1-infoWindow-title .rating .star.star6-0 { background-position: -60px -0px; } /* infoWindow item */ .tx-p123maps-pi1-infoWindow-index { bottom: 100%; height: 23px; left: 9px; position: absolute; z-index: 51; } .tx-p123maps-pi1-infoWindow-index a { color: #FFFFFF; display: block; float: left; margin-left: 2px; padding: 5px 10px; white-space: nowrap; /* made by http://www.colorzilla.com/gradient-editor */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4YWUwMSIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyZDQ3MiIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(top, rgba(248, 174, 1, 0.9) 0%, rgba(242, 212, 114, 0.9) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(248, 174, 1, 0.9)), color-stop(100%, rgba(242, 212, 114, 0.9))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(248, 174, 1, 0.9) 0%, rgba(242, 212, 114, 0.9) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(248,174,1,0.9) 0%, rgba(242, 212, 114, 0.9) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(248, 174, 1, 0.9) 0%, rgba(242, 212, 114, 0.9) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(248, 174, 1, 0.9) 0%, rgba(242, 212, 114, 0.9) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6f8ae01', endColorstr='#e6f2d472', GradientType=0); /* IE6-8 */ -moz-border-radius: 4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; -moz-box-shadow: 0px -1px 3px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px -1px 3px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px -1px 3px 0px rgba(0, 0, 0, 0.4), inset 0px -1px 0px 0px rgba(255, 255, 255, 0.3); } @media all and (min-width:0\0) { .tx-p123maps-pi1-infoWindow-index a { filter: none; } } /* IE9+ */ .tx-p123maps-pi1-infoWindow-index a:hover, .tx-p123maps-pi1-infoWindow-index a:focus { text-decoration: none; } .tx-p123maps-pi1-infoWindow-index a.active { text-decoration: underline; /* made by http://www.colorzilla.com/gradient-editor */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlMWUxZSIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFlMWUxZSIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.9) 0%, rgba(30, 30, 30, 0.9) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(30, 30, 30, 0.9)), color-stop(100%, rgba(30, 30, 30, 0.9))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.9) 0%, rgba(30, 30, 30, 0.9) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(30, 30, 30, 0.9) 0%, rgba(30, 30, 30, 0.9) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.9) 0%, rgba(30, 30, 30, 0.9) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(30, 30, 30, 0.9) 0%, rgba(30, 30, 30, 0.9) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e61e1e1e', endColorstr='#e61e1e1e', GradientType=0); /* IE6-8 */ } @media all and (min-width:0\0) { .tx-p123maps-pi1-infoWindow-index a.active { filter: none; } } /* IE9+ */ .tx-p123maps-pi1-infoWindow-item { background: #FFFFFF; bottom: 0px; left: 0px; position: absolute; right: 0px; top: 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .tx-p123maps-pi1-infoWindow-toggle { bottom: 76px; left: 10px; position: absolute; z-index: 1; } .tx-p123maps-pi1-infoWindow-toggle a.toggle { background: url(../typo3conf/ext/p123maps/res/icon-list.gif?201301281533) left 0px no-repeat; padding-left: 12px; } .tx-p123maps-pi1-infoWindow-toggle a.toggle:hover { background-position: left -60px; } .tx-p123maps-pi1-infoWindow-toggle a.toggle.active { background-position: left -120px; } .tx-p123maps-pi1-infoWindow-toggle a.toggle.active:hover { background-position: left -180px; } .tx-p123maps-pi1-infoWindow-toggle del { color: #BE1010; font-style: italic; text-decoration: line-through; } /* infoWindow net */ .tx-p123maps-pi1-infoWindow-net { background: rgba(255, 255, 255, 0.8); bottom: 0px; color: #BE1010; display: block; height: 18px; left: 0px; line-height: 18px; padding: 0px 12px; pointer-events: none; position: absolute; right: 0px; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } /* infoWindow details */ .tx-p123maps-pi1-infoWindow-details { background: rgba(255, 255, 255, 0.8); bottom: 10px; float: right; overflow: hidden; padding: 10px 5px 10px 10px; position: absolute; right: 0px; top: 10px; width: auto; -moz-border-radius: 5px 0px 0px 5px; -webkit-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; } .tx-p123maps-pi1-infoWindow-net ~ .tx-p123maps-pi1-infoWindow-details { bottom: 28px; } .tx-p123maps-pi1-infoWindow-details-open { bottom: 3px; cursor: cell; display: block; left: 0px; position: absolute; right: 3px; top: 3px; /*width: 15px;*/ } .tx-p123maps-pi1-infoWindow-details > div { display: none; overflow: hidden; } .tx-p123maps-pi1-infoWindow-details > div div { clear: right; color: #333333; float: right; text-align: right; white-space: nowrap; } .tx-p123maps-pi1-infoWindow-locationMarket { background: url(../typo3conf/ext/p123maps/res/market-icon.gif?201302121418) left top no-repeat; margin-top: 13px; padding: 3px 0px 0px 25px; } /* infoWindow image */ .tx-p123maps-pi1-infoWindow-locationImage { background-position: center center; background-repeat: no-repeat; background-size: cover; bottom: 89px; /*height: 180px;*/ left: 10px; /*margin: 0px 10px;*/ /*margin-bottom: 25px;*/ position: absolute; right: 10px; top: 51px; } .tx-p123maps-pi1-infoWindow-locationImage-empty { background: rgba(255, 255, 255, 0.8); border: 1px solid #C0C0C0; border-color: rgba(192, 192, 192, 0.8); color: #303030; display: block; font-size: 15px; font-weight: bold; height: 70px; left: 50%; line-height: 70px; margin: -35px 0px 0px -125px; position: absolute; text-align: center; top: 50%; width: 250px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 0px 4px 0px #C0C0C0; -webkit-box-shadow: 0px 0px 4px 0px #C0C0C0; box-shadow: 0px 0px 4px 0px #C0C0C0; } .tx-p123maps-pi1-infoWindow-locationImage.empty.GF { background-image: url(../fileadmin/image/plakat/p123search_media_GF-ST.jpg); } .tx-p123maps-pi1-infoWindow-locationImage.empty.GZ { background-image: url(../fileadmin/image/plakat/p123search_media_GZ-ST.jpg); } .tx-p123maps-pi1-infoWindow-locationImage.empty.SP { background-image: url(../fileadmin/image/plakat/p123search_media_SP.jpg); } .tx-p123maps-pi1-infoWindow-locationImage.empty.ZZ { background-image: url(../fileadmin/image/plakat/p123search_media_GF-VB.jpg); } .tx-p123maps-pi1-infoWindow-locationImage.empty.GV { background-image: url(../fileadmin/image/plakat/p123search_media_GV-ST.jpg); } .tx-p123maps-pi1-infoWindow-locationImage.empty.PF { background-image: url(../fileadmin/image/plakat/p123search_media_PF.jpg); } .tx-p123maps-pi1-infoWindow-locationImage.empty.VI, .tx-p123maps-pi1-infoWindow-locationImage.empty.VN { background-image: url(../fileadmin/image/plakat/p123search_media_VI-ST.jpg); } .tx-p123maps-pi1-infoWindow-locationImage a { display: block; height: 100%; left: 0px; overflow: visible; padding-bottom: 1.2em; position: absolute; top: 0px; width: 100%; } .tx-p123maps-pi1-infoWindow-locationImage a:hover { text-decoration: none; } .tx-p123maps-pi1-infoWindow-locationImage a:before { content: "" !important; display: block !important; height: 100% !important; margin: 0px !important; width: auto !important; } .tx-p123maps-pi1-infoWindow-locationImage a:after { content: "\f00e"; color: #000000; display: block; font: normal normal normal 14px/1 FontAwesome; text-align: right; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* infoWindow permanent */ .tx-p123maps-pi1-infoWindow-permanent { background: #FFFFFF; bottom: 100%; left: 0px; overflow-y: auto; position: absolute; right: 0px; top: 51px; z-index: 1; -moz-transition: bottom 0.6s ease; -webkit-transition: bottom 0.6s ease; transition: bottom 0.6s ease; } .tx-p123maps-pi1-infoWindow-permanent.active { bottom: 64px; } .tx-p123maps-pi1-infoWindow-permanent-info { border-right: 2px solid #F4F4F4; height: 100%; margin: 0px 200px 0px 10px; overflow-y: auto; padding-right: 10px; } .tx-p123maps-pi1-infoWindow-permanent > form { float: right; max-height: 100%; overflow-y: auto; width: 185px; } .tx-p123maps-pi1-infoWindow-permanent > form .csc-mailform-field { padding-bottom: 0px; } .tx-p123maps-pi1-permanent-price, .tx-p123maps-pi1-permanent-priceYear { border-color: transparent transparent #868686; width: auto; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .tx-p123maps-pi1-permanent-price-year { display: none; } .tx-p123maps-pi1-permanent-require li { color: #BE1010; font-weight: bold; } .tx-p123maps-pi1-fullscreen ~ .ui-datepicker { z-index: 401 !important; } /* infoWindow periods */ .tx-p123maps-pi1-infoWindow-periods { background: #F4F4F4; bottom: 0px; height: 56px; left: 0px; padding: 4px 10px; position: absolute; right: 0px; z-index: 2; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; } .tx-p123maps-pi1-infoWindow-periods:after { clear: left; content: "."; display: block; height: 0px; line-height: 0px; visibility: hidden; } .tx-p123maps-pi1-infoWindow-periods dl { display: block; float: left; margin: 0px; padding: 0px; width: 30px; } .tx-p123maps-pi1-infoWindow-periods dl.permanent { width: 55px; } .tx-p123maps-pi1-infoWindow-periods dt { color: #000000; display: block; margin: 0px; padding: 0px; } .tx-p123maps-pi1-infoWindow-periods .tooltip { color: #000000; } .tx-p123maps-pi1-infoWindow-periods .tooltip span { text-align: left; } .tx-p123maps-pi1-infoWindow-periods .express { color: #BE1010; } .tx-p123maps-pi1-infoWindow-periods .align-center .checkbox { margin: 4px auto 0px auto; } .tx-p123maps-pi1-infoWindow-periods .checkbox { border: 1px solid #868686; display: block; height: 11px; line-height: 11px; margin-top: 4px; width: 11px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .tx-p123maps-pi1-infoWindow-periods .checkbox.checked { background: url(../fileadmin/image/csc-mailform-check.png) no-repeat; -moz-box-shadow: 0px 0px 1px 1px #B3B3B3; -webkit-box-shadow: 0px 0px 1px 1px #B3B3B3; box-shadow: 0px 0px 1px 1px #B3B3B3; } .tx-p123maps-pi1-infoWindow-periods .checkbox.disabled { background: url(../typo3conf/ext/p123maps/res/disabled.png?201304291032) center center no-repeat; cursor: default; -moz-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; filter: alpha(opacity=50); -moz-box-shadow: 0px 0px 1px 1px #FFFFFF; -webkit-box-shadow: 0px 0px 1px 1px #FFFFFF; box-shadow: 0px 0px 1px 1px #FFFFFF; } @media all and (min-width: 0\0) { .tx-p123maps-pi1-infoWindow-periods .checkbox.disabled { -ms-filter: none; filter: none; } } /* IE9+ */ .tx-p123maps-pi1-infoWindow-special { background: #BE1010; color: #FFFFFF; font-style: italic; left: 0px; letter-spacing: 1.1px; padding: 3px 13px; pointer-events: none; position: absolute; right: 0px; text-shadow: 1px 1px 1px #E59999; top: 51px; } /* infoWindow price */ .tx-p123maps-pi1-infoWindow-price { bottom: 0px; color: #000000; display: none; height: 56px; padding: 4px 10px; position: absolute; right: 0px; text-align: right; z-index: 55; } .tx-p123maps-pi1-infoWindow-price b { display: block; margin-top: 4px; } .tx-p123maps-pi1-locationLoading { background: url(../typo3conf/ext/p123maps/res/loc-loading.gif?201301291102) center center no-repeat; display: inline-block; height: 13px; width: 16px; } #txp123mapspi1-helpLayer { width: 200px } .tx-p123maps-pi1-fullscreen #txp123mapspi1-helpLayer { width: 250px; } #txp123mapspi1-helpLayer a { display: inline-block; line-height: 17px; margin: 11px 7px; } #txp123mapspi1-helpLayer a:after { color: #555659; content: "\f059"; display: inline-block; float: right; font: normal normal normal 18px/1 FontAwesome; margin: 2px 0px -2px 4px; text-rendering: auto; vertical-align: bottom; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .tx-p123maps-pi1-fullscreen #txp123mapspi1-helpLayer a { font-size: 16px; line-height: 18px; } #txp123mapspi1-description { bottom: 0px; cursor: pointer; display: none; left: 0px; position: absolute; right: 0px; top: 0px; z-index: 900; } .tx-p123maps-pi1-description-close, .tx-p123maps-pi1-description-media, .tx-p123maps-pi1-description-address, .tx-p123maps-pi1-description-filter { background: #162884; color: #fff; font-size: 13px; line-height: 15px; padding: 10px; position: absolute; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-description-close, .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-description-media, .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-description-address, .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-description-filter { font-size: 16px; line-height: 18px; padding: 15px; } .tx-p123maps-pi1-description-media:after, .tx-p123maps-pi1-description-address:after, .tx-p123maps-pi1-description-filter:after { border-color: #162884 transparent; border-style: solid; border-width: 0px 11px 28px; bottom: 100%; content: ""; height: 0px; left: 10px; margin-bottom: -5px; position: absolute; width: 0px; -moz-border-radius: 0px 0px 0px 11px; -webkit-border-radius: 0px 0px 0px 11px; border-radius: 0px 0px 0px 11px; -moz-transform: rotate(-40deg) scaleY(1.5); -ms-transform: rotate(-40deg) scaleY(1.5); -o-transform: rotate(-40deg) scaleY(1.5); -webkit-transform: rotate(-40deg) scaleY(1.5); transform: rotate(-40deg) scaleY(1.5); } .tx-p123maps-pi1-description-close { background: #c33; left: 10px; top: 10px; width: 130px; z-index: 905; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-description-close { width: 160px; } .tx-p123maps-pi1-description-close:after { background: #555659; color: #fff; content: "\f00d"; font-family: FontAwesome; font-size: 16px; height: 22px; line-height: 21px; position: absolute; right: -4px; text-align: center; text-rendering: auto; top: -4px; width: 22px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .tx-p123maps-pi1-description-media { left: 40px; top: 200px; width: 140px; z-index: 902; } .tx-p123maps-pi1-description-address { left: 10px; top: 500px; width: 140px; z-index: 903; } .tx-p123maps-pi1-description-filter { left: 45px; top: 415px; width: 125px; z-index: 904; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-description-filter { width: 155px; } .tx-p123maps-pi1-description-image { height: 100%; margin-left: 195px; position: relative; z-index: 901; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-description-image { margin-left: 180px; } .tx-p123maps-pi1-description-image:before { background: url(../typo3conf/ext/p123maps/res/layer-descriptions-de.png?201610121328) center center no-repeat; content: ""; display: block; height: 100%; margin: 0px auto; max-width: 688px; -moz-background-size: contain; -webkit-background-size: contain; background-size: contain; } @media only screen and (min-width: 961px) { html.tx-p123maps-pi1-fullscreen-open #tx-p123qsearch-pi1-basket { background: #fff; border-bottom: 1px solid #d4d4d4; border-left-width: 0px; height: 56px !important; position: fixed; right: 0px; top: 0px; text-align: right !important; width: auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html.tx-p123maps-pi1-fullscreen-open #tx-p123qsearch-pi1-basket:after { height: 25px; vertical-align: middle; width: 29px; } html.tx-p123maps-pi1-fullscreen-open #tx-p123qsearch-pi1-basket:before { content: ""; border: solid #d4d4d4; border-width: 0px 1px 1px 0px; background: #fff; height: 100%; float: left; min-width: 35px; } html.tx-p123maps-pi1-fullscreen-open #tx-p123qsearch-pi1-basket .basket-align:before { height: 100%; vertical-align: middle; } } @media only screen and (max-width: 960px) { .tx-p123maps-pi1-fullscreen:before { content: none; display: none; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-logo { display: none; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-close { display: none; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-hotline { display: none; } } @media screen and (max-width: 768px), screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-device-width: 1024px) and (min-resolution: 192dpi), screen and (max-device-width: 1024px) and (min-resolution: 2dppx) { /* prevent scrolling on mobile */ html.tx-p123maps-pi1-fullscreen-open > body { position: fixed; } .tx-p123maps-pi1-fullscreen:before { content: none; display: none; } .tx-p123maps-pi1-fullscreen #tx-p123qsearch-pi1-basket { font-size: 11px; width: auto; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-close { display: none; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-logo { display: none; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-hotline { display: none; } .tx-p123maps-pi1-fullscreen #txp123mapspi1 > .map ~ #txp123mapspi1-infoWindow { left: 5% !important; margin: 0px 0px 0px -250px; right: 5% !important; top: 30px !important; width: auto !important; max-height: -moz-calc(100vh - 56px - 37px - 30px - (23px + 14px)); max-height: -webkit-calc(100vh - 56px - 37px - 30px - (23px + 14px)); max-height: calc(100vh - 56px - 37px - 30px - (23px + 14px)); } .tx-p123maps-pi1-fullscreen #tx-p123maps-pi1-slider-button:checked ~ .tx-p123maps-pi1-slider #txp123mapspi1 > .map ~ #txp123mapspi1-infoWindow { margin-left: 0px; } #txp123mapspi1-infoWindow-arrow { display: none; } .tx-p123maps-pi1-infoWindow-toggle { bottom: 73px; } } @media only screen and (max-width: 624px) { .tx-p123maps-pi1-fullscreen .csc-header ~ .csc-mailform-submit-top { display: none; } } @media only screen and (max-width: 456px) { body.wide #content-normal .csc-default .tx-p123maps-pi1 .csc-header:first-child > *, .tx-p123maps-pi1-fullscreen .csc-header > * { margin-right: 6px; padding: 5px 3px; } body.wide #content-normal .csc-default .tx-p123maps-pi1 .csc-header > *:nth-last-child(2), .tx-p123maps-pi1-fullscreen .csc-header > *:nth-last-child(2) { margin-right: 0px; } body.wide #content-normal .csc-default .tx-p123maps-pi1 .csc-header:first-child > *:last-child, .tx-p123maps-pi1-fullscreen .csc-header > *:last-child { display: none; } .tx-p123maps-pi1-fullscreen #txp123mapspi1-infoWindow { left: 1% !important; right: 1% !important; } .tx-p123maps-pi1-description-image { display: none; } } @media only screen and (max-width: 648px) and (min-width: 0px) { .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-slider { padding-bottom: 4.6em; } } @media only screen and (max-height: 616px) and (min-height: 0px) { .tx-p123maps-pi1-fullscreen #txp123mapspi1-infoWindow { bottom: 4.6em; height: auto !important; min-height: auto !important; } } /* default styles for extension "tx_p123tooltipcss" */ /*! Hint.css - v2.2.1 - 2016-03-26 * http://kushagragour.in/lab/hint/ * Copyright (c) 2016 Kushagra Gour; Licensed */ .tooltip { cursor: help; display: inline-block; outline: none; position: relative; text-decoration: none; } .tooltip span, .tooltip:before { pointer-events: none; position: absolute; visibility: hidden; z-index: 1000000; -moz-opacity: 0; opacity: 0; -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; -moz-transition-delay: 50ms; -webkit-transition-delay: 50ms; transition-delay: 50ms; } .tooltip:hover span, .tooltip:hover:before { visibility: visible; -moz-opacity: 1; opacity: 1; } .tooltip:hover span, .tooltip:hover:before { -moz-transition-delay: 100ms; -webkit-transition-delay: 100ms; transition-delay: 100ms; } .tooltip:before { background: transparent; border: 6px solid transparent; content: ""; position: absolute; z-index: 1000001; } .tooltip span { background: #383838; color: #FFFFFF; cursor: default; font-weight: normal; line-height: normal; padding: 8px 10px; text-shadow: 0 -1px 0px #000000; width: 130px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); } .tooltip span a { color: #FFFFFF; color: inherit; text-decoration: underline; } .tooltip span:empty { display: none !important; } /* width restricted tooltips */ .tooltip--auto span { width: auto; white-space: nowrap; } .tooltip--small span { width: 80px; } .tooltip--large span { width: 300px; } /* positioning logic */ .tooltip:before { border-top-color: #383838; } .tooltip--bottom:before, .tooltip--bottom-left:before, .tooltip--bottom-right:before { border-bottom-color: #383838; border-top-color: transparent; } .tooltip--left:before { border-left-color: #383838; border-top-color: transparent; } .tooltip--right:before { border-right-color: #383838; border-top-color: transparent; } /* default (top) tooltip */ .tooltip:before { left: calc(50% - 6px); margin-bottom: -11px; } .tooltip:before, .tooltip span { bottom: 100%; } .tooltip span { left: 50%; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tooltip:hover:before, .tooltip:focus:before { -moz-transform: translateY(-8px); -webkit-transform: translateY(-8px); transform: translateY(-8px); } .tooltip:hover span, .tooltip:focus span { -moz-transform: translateX(-50%) translateY(-8px); -webkit-transform: translateX(-50%) translateY(-8px); transform: translateX(-50%) translateY(-8px); } /* bottom tooltip */ .tooltip--bottom:before { left: calc(50% - 6px); margin-bottom: 0px; margin-top: -11px; } .tooltip--bottom:before, .tooltip--bottom span { bottom: auto; top: 100%; } .tooltip--bottom span { left: 50%; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tooltip--bottom:hover:before, .tooltip--bottom:focus:before { -moz-transform: translateY(8px); -webkit-transform: translateY(8px); transform: translateY(8px); } .tooltip--bottom:hover span, .tooltip--bottom:focus span { -moz-transform: translateX(-50%) translateY(8px); -webkit-transform: translateX(-50%) translateY(8px); transform: translateX(-50%) translateY(8px); } /* right tooltip */ .tooltip--right:before { left: 100%; margin-bottom: -6px; margin-left: -11px; } .tooltip--right:before, .tooltip--right span { bottom: 50%; } .tooltip--right span { left: 100%; margin-bottom: -14px; -moz-transform: none; -webkit-transform: none; transform: none; } .tooltip--right:hover:before, .tooltip--right:focus:before { -moz-transform: translateX(8px); -webkit-transform: translateX(8px); transform: translateX(8px); } .tooltip--right:hover span, .tooltip--right:focus span { -moz-transform: translateX(8px); -webkit-transform: translateX(8px); transform: translateX(8px); } /* left tooltip */ .tooltip--left:before { left: auto; margin-bottom: -6px; margin-right: -11px; } .tooltip--left:before, .tooltip--left span { bottom: 50%; right: 100%; } .tooltip--left span { left: auto; margin-bottom: -14px; -moz-transform: none; -webkit-transform: none; transform: none; } .tooltip--left:hover:before, .tooltip--left:focus:before { -moz-transform: translateX(-8px); -webkit-transform: translateX(-8px); transform: translateX(-8px); } .tooltip--left:hover span, .tooltip--left:focus span { -moz-transform: translateX(-8px); -webkit-transform: translateX(-8px); transform: translateX(-8px); } /* top-left tooltip */ .tooltip--top-left:before { left: calc(50% - 6px); margin-bottom: -11px; } .tooltip--top-left:before, .tooltip--top-left span { bottom: 100%; } .tooltip--top-left span { left: 50%; margin-left: 12px; -moz-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); } .tooltip--top-left:hover:before, .tooltip--top-left:focus:before { -moz-transform: translateY(-8px); -webkit-transform: translateY(-8px); transform: translateY(-8px); } .tooltip--top-left:hover span, .tooltip--top-left:focus span { -moz-transform: translateX(-100%) translateY(-8px); -webkit-transform: translateX(-100%) translateY(-8px); transform: translateX(-100%) translateY(-8px); } /* top-right tooltip */ .tooltip--top-right:before { left: calc(50% - 6px); margin-bottom: -11px; } .tooltip--top-right:before, .tooltip--top-right span { bottom: 100%; } .tooltip--top-right span { left: 50%; margin-left: -12px; -moz-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } .tooltip--top-right:hover:before, .tooltip--top-right:focus:before { -moz-transform: translateY(-8px); -webkit-transform: translateY(-8px); transform: translateY(-8px); } .tooltip--top-right:hover span, .tooltip--top-right:focus span { -moz-transform: translateY(-8px); -webkit-transform: translateY(-8px); transform: translateY(-8px); } /* bottom-left tooltip */ .tooltip--bottom-left:before { left: calc(50% - 6px); margin-bottom: 0px; margin-top: -11px; } .tooltip--bottom-left:before, .tooltip--bottom-left span { bottom: auto; top: 100%; } .tooltip--bottom-left span { left: 50%; margin-left: 12px; -moz-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); } .tooltip--bottom-left:hover:before, .tooltip--bottom-left:focus:before { -moz-transform: translateY(8px); -webkit-transform: translateY(8px); transform: translateY(8px); } .tooltip--bottom-left:hover span, .tooltip--bottom-left:focus span { -moz-transform: translateX(-100%) translateY(8px); -webkit-transform: translateX(-100%) translateY(8px); transform: translateX(-100%) translateY(8px); } /* bottom-right tooltip */ .tooltip--bottom-right:before { left: calc(50% - 6px); margin-bottom: 0px; margin-top: -11px; } .tooltip--bottom-right:before, .tooltip--bottom-right span { bottom: auto; top: 100%; } .tooltip--bottom-right span { left: 50%; margin-left: -12px; -moz-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } .tooltip--bottom-right:hover:before, .tooltip--bottom-right:focus:before { -moz-transform: translateY(8px); -webkit-transform: translateY(8px); transform: translateY(8px); } .tooltip--bottom-right:hover span, .tooltip--bottom-right:focus span { -moz-transform: translateY(8px); -webkit-transform: translateY(8px); transform: translateY(8px); } /* tooltips of various types based on color differences */ .tooltip--error span { background-color: #B34E4D; text-shadow: 0px -1px 0px #592726; } .tooltip--error:before { border-top-color: #B34E4D; } .tooltip--error.tooltip--bottom-left:before, .tooltip--error.tooltip--bottom-right:before, .tooltip--error.tooltip--bottom:before { border-bottom-color: #B34E4D; border-top-color: transparent; } .tooltip--error.tooltip--left:before { border-left-color: #B34E4D; border-top-color: transparent; } .tooltip--error.tooltip--right:before { border-right-color: #B34E4D; border-top-color: transparent; } .tooltip--warning span { background-color: #C09854; text-shadow: 0px -1px 0px #6C5328; } .tooltip--warning:before { border-top-color: #C09854; } .tooltip--warning.tooltip--bottom-left:before, .tooltip--warning.tooltip--bottom-right:before, .tooltip--warning.tooltip--bottom:before { border-bottom-color: #C09854; border-top-color: transparent; } .tooltip--warning.tooltip--left:before { border-left-color: #C09854; border-top-color: transparent; } .tooltip--warning.tooltip--right:before { border-right-color: #C09854; border-top-color: transparent; } .tooltip--info span { background-color: #3986AC; text-shadow: 0px -1px 0px #1A3C4D; } .tooltip--info:before { border-top-color: #3986AC; } .tooltip--info.tooltip--bottom-left:before, .tooltip--info.tooltip--bottom-right:before, .tooltip--info.tooltip--bottom:before { border-bottom-color: #3986AC; border-top-color: transparent; } .tooltip--info.tooltip--left:before { border-left-color: #3986AC; border-top-color: transparent; } .tooltip--info.tooltip--right:before { border-right-color: #3986AC; border-top-color: transparent; } .tooltip--success span { background-color: #458746; text-shadow: 0px -1px 0px #1A321A; } .tooltip--success:before { border-top-color: #458746; } .tooltip--success.tooltip--bottom-left:before, .tooltip--success.tooltip--bottom-right:before, .tooltip--success.tooltip--bottom:before { border-bottom-color: #458746; border-top-color: transparent; } .tooltip--success.tooltip--left:before { border-left-color: #458746; border-top-color: transparent; } .tooltip--success.tooltip--right:before { border-right-color: #458746; border-top-color: transparent; } /* persisted tooltip which shows always */ .tooltip--always span, .tooltip--always:before { visibility: visible; -moz-opacity: 1; opacity: 1; } .tooltip--always:before { -moz-transform: translateY(-8px); -webkit-transform: translateY(-8px); transform: translateY(-8px); } .tooltip--always span { -moz-transform: translateX(-50%) translateY(-8px); -webkit-transform: translateX(-50%) translateY(-8px); transform: translateX(-50%) translateY(-8px); } .tooltip--always.tooltip--top-left:before { -moz-transform: translateY(-8px); -webkit-transform: translateY(-8px); transform: translateY(-8px); } .tooltip--always.tooltip--top-left span { -moz-transform: translateX(-100%) translateY(-8px); -webkit-transform: translateX(-100%) translateY(-8px); transform: translateX(-100%) translateY(-8px); } .tooltip--always.tooltip--top-right:before { -moz-transform: translateY(-8px); -webkit-transform: translateY(-8px); transform: translateY(-8px); } .tooltip--always.tooltip--top-right span { -moz-transform: translateY(-8px); -webkit-transform: translateY(-8px); transform: translateY(-8px); } .tooltip--always.tooltip--bottom:before { -moz-transform: translateY(8px); -webkit-transform: translateY(8px); transform: translateY(8px); } .tooltip--always.tooltip--bottom span { -moz-transform: translateX(-50%) translateY(8px); -webkit-transform: translateX(-50%) translateY(8px); transform: translateX(-50%) translateY(8px); } .tooltip--always.tooltip--bottom-left:before { -moz-transform: translateY(8px); -webkit-transform: translateY(8px); transform: translateY(8px); } .tooltip--always.tooltip--bottom-left span { -moz-transform: translateX(-100%) translateY(8px); -webkit-transform: translateX(-100%) translateY(8px); transform: translateX(-100%) translateY(8px); } .tooltip--always.tooltip--bottom-right:before { -moz-transform: translateY(8px); -webkit-transform: translateY(8px); transform: translateY(8px); } .tooltip--always.tooltip--bottom-right span { -moz-transform: translateY(8px); -webkit-transform: translateY(8px); transform: translateY(8px); } .tooltip--always.tooltip--left:before { -moz-transform: translateX(-8px); -webkit-transform: translateX(-8px); transform: translateX(-8px); } .tooltip--always.tooltip--left span { -moz-transform: translateX(-8px); -webkit-transform: translateX(-8px); transform: translateX(-8px); } .tooltip--always.tooltip--right:before { -moz-transform: translateX(8px); -webkit-transform: translateX(8px); transform: translateX(8px); } .tooltip--always.tooltip--right span { -moz-transform: translateX(8px); -webkit-transform: translateX(8px); transform: translateX(8px); } @media print { .tooltip span, .tooltip:before { display: none !important; } } @media screen and (max-width: 768px), screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-device-width: 1024px) and (min-resolution: 192dpi), screen and (max-device-width: 1024px) and (min-resolution: 2dppx) { .tooltip--large span { max-width: 240px; } .tooltip--bottom-left:before, .tooltip--bottom-right:before, .tooltip--top-left:before, .tooltip--top-right:before { left: calc(10% - 6px); } .tooltip--bottom-left:hover:before, .tooltip--bottom-left:focus:before, .tooltip--bottom-right:hover:before, .tooltip--bottom-right:focus:before { -moz-transform: translateY(8px); -webkit-transform: translateY(8px); transform: translateY(8px); } .tooltip--top-left:hover:before, .tooltip--top-left:focus:before, .tooltip--top-right:hover:before, .tooltip--top-right:focus:before { -moz-transform: translateY(-8px); -webkit-transform: translateY(-8px); transform: translateY(-8px); } .tooltip--bottom-left span, .tooltip--bottom-right span, .tooltip--top-left span, .tooltip--top-right span { left: 10%; margin-left: -12px; } .tooltip--bottom-left span, .tooltip--bottom-right span, .tooltip--top-left span, .tooltip--top-right span { -moz-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } .tooltip--bottom-left:hover span, .tooltip--bottom-left:focus span, .tooltip--bottom-right:hover span, .tooltip--bottom-right:focus span { -moz-transform: translateY(8px); -webkit-transform: translateY(8px); transform: translateY(8px); } .tooltip--top-left:hover span, .tooltip--top-left:focus span, .tooltip--top-right:hover span, .tooltip--top-right:focus span { -moz-transform: translateX(0) translateY(-8px); -webkit-transform: translateX(0) translateY(-8px); transform: translateX(0) translateY(-8px); } } /* default styles for extension "tx_jquerylightbox" */ /* overlay */ #TB_overlay { background: #FFFFFF; background: rgba(255, 255, 255, 0.9); bottom: 0px; height: 100%; left: 0px; position: fixed; right: 0px; top: 0px; width: 100%; z-index: 600; } /* close button */ #TB_closeWindow, #TB_closeAjaxWindow { height: 0px; overflow: hidden; text-indent: -9999px; width: 0px; } #TB_closeWindowButton:not(.csc-mailform-button) { background: #868686; height: 40px; position: fixed; right: 30px; text-align: left; text-indent: -9999px; top: 30px; width: 40px; z-index: 604; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-transition: color 0.3s ease; -ms-transition: color 0.3s ease; -o-transition: color 0.3s ease; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } #TB_closeWindowButton:not(.csc-mailform-button):hover { background-color: #111111; } #TB_closeWindowButton:not(.csc-mailform-button):before, #TB_closeWindowButton:not(.csc-mailform-button):after { background-color: #FFFFFF; bottom: 20%; content: ""; left: 50%; margin-left: -1px; position: absolute; top: 20%; width: 2px; } #TB_closeWindowButton:not(.csc-mailform-button):before { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } #TB_closeWindowButton:not(.csc-mailform-button):after { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } /* caption */ #TB_caption { background: #868686; bottom: 0px; color: #FFFFFF; font-size: 13px; left: 0px; padding: 10px; position: fixed; right: 0px; text-align: center; z-index: 603; } /* animations */ #TB_load, #TB_load:after, #TB_overlay, #TB_closeWindowButton:not(.csc-mailform-button), #TB_closeWindowButton:not(.csc-mailform-button):before, #TB_closeWindowButton:not(.csc-mailform-button):after, #TB_caption { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-overflow-scrolling: touch; } #TB_load, #TB_overlay, #TB_closeWindowButton, #TB_caption { -moz-animation: fade-in 0.25s linear; -o-animation: fade-in 0.25s linear; -webkit-animation: fade-in 0.25s linear; animation: fade-in .25s linear; } @-webkit-keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes fade-in { from { -moz-opacity: 0; opacity: 0; } to { -moz-opacity: 0; opacity: 1; } } /* window */ #TB_window { display: none; left: 50%; position: fixed; text-align: left; top: 50%; z-index: 602; } /* image & content */ #TB_Image, #TB_ajaxContent { -moz-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.75); -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.75); -ms-touch-action: none; touch-action: none; } #TB_ajaxContent { background: #FFFFFF; clear: both; line-height: 15.5px; overflow: auto; padding: 2px 15px 15px 15px; position: relative; text-align: left; z-index: 602; } #TB_ajaxContent.TB_modal { padding: 15px; } #TB_ajaxContent p { padding: 5px 0px 5px 0px; } #TB_ajaxWindowTitle { font-weight: bold; margin-bottom: 1px; padding: 7px 0px 5px 15px; } #TB_title { background: #868686; height: 27px; position: relative; z-index: 604; } #TB_title #TB_ajaxWindowTitle { color: #FFFFFF; } #TB_title #TB_closeAjaxWindow { color: #FFFFFF; } #TB_iframeContent { border: none; clear: both; margin-bottom: -1px; margin-top: 1px; _margin-bottom: 1px; } /* hideSelector */ #TB_HideSelect { background-color: #FFFFFF; border: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 99; -moz-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; filter: alpha(opacity=0); } @media all and (min-width:0\0) { #TB_HideSelect { -ms-filter: none; filter: none; } } /* IE9+ */ /* activity indication */ #TB_load, #TB_load:after { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } #TB_load img { display: none; } #TB_load { background: #444444; background: rgba(0, 0, 0, 0.5); height: 40px; left: 50%; margin: -20px 0px 0px -20px; padding: 10px; position: fixed; top: 50%; width: 40px; z-index: 601; -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.75); -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.75); } #TB_load:after { background: #FFFFFF; content: ""; display: block; height: 20px; width: 20px; -moz-animation: tb-load 0.5s ease infinite; -o-animation: tb-load 0.5s ease infinite; -webkit-animation: tb-load 0.5s ease infinite; animation: tb-load 0.5s ease infinite; } @-webkit-keyframes tb-load { from { opacity: 0.5; -webkit-transform: scale(0.75); transform: scale(0.75); } 50% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } to { opacity: 0.5; -webkit-transform: scale(0.75); transform: scale(0.75); } } @keyframes tb-load { from { -moz-opacity: 0.5; opacity: 0.5; -moz-transform: scale(0.75); -ms-transform: scale(0.75); -o-transform: scale(0.75); transform: scale(0.75); } 50% { -moz-opacity: 1; opacity: 1; -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } to { -moz-opacity: 0.5; opacity: 0.5; -moz-transform: scale(0.75); -ms-transform: scale(0.75); -o-transform: scale(0.75); transform: scale(0.75); } } /* prev & next */ #TB_next, #TB_prev { display: block; font-size: 0px; height: 0px; line-height: 0px; overflow: hidden; text-indent: -9999px; width: 0px; } #TB_next a, #TB_prev a { background: #868686; height: 40px; margin-top: -20px; position: fixed; top: 50%; width: 40px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-transition: color 0.3s ease; -ms-transition: color 0.3s ease; -o-transition: color 0.3s ease; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } #TB_next a:hover, #TB_prev a:hover { background: #111111; } #TB_next a { right: 30px; } #TB_prev a { left: 30px; } #TB_next a:before, #TB_next a:after, #TB_prev a:before, #TB_prev a:after { background-color: #FFFFFF; content: ""; left: 50%; margin-left: -1px; position: absolute; width: 2px; } #TB_next a:before { bottom: 20%; top: 44%; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } #TB_next a:after { bottom: 44%; top: 20%; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #TB_prev a:before { bottom: 20%; top: 44%; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #TB_prev a:after { bottom: 44%; top: 20%; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } /* mobile version */ @media screen and (max-width: 768px), screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-device-width: 1024px) and (min-resolution: 192dpi), screen and (max-device-width: 1024px) and (min-resolution: 2dppx) { html:not([class*="-fullscreen"]) #TB_window, html.tx-p123maps-pi1-fullscreen-open #TB_window { bottom: 2%; left: 2%; margin: 0px !important; right: 2%; top: 2%; width: auto !important; } #TB_title { background: #555659; height: 42px; } #TB_title:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; *zoom: 1; } #TB_title #TB_ajaxWindowTitle { display: inline-block; margin: 0px 40px 0px 15px; padding: 0px; vertical-align: middle; } #TB_closeWindowButton:not(.csc-mailform-button) { right: 1%; top: 1%; } html:not([class*="-fullscreen"]) #TB_ajaxContent, html.tx-p123maps-pi1-fullscreen-open #TB_ajaxContent { bottom: 0px; height: auto !important; overflow-y: auto; position: absolute; top: 0px; width: 100% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html:not([class*="-fullscreen"]) #TB_title ~ #TB_ajaxContent, html.tx-p123maps-pi1-fullscreen-open #TB_title ~ #TB_ajaxContent { top: 42px; } #TB_Image { height: auto !important; position: absolute; top: 50%; width: 100% !important; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } #TB_close { right: 1%; top: 1%; } #TB_next a { right: 1%; } #TB_prev a { left: 1%; } } @media print { #TB_window { max-width: 100%; margin: 0px !important; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #TB_ajaxContent { max-width: 100%; } #TB_closeWindow, #TB_closeAjaxWindow { display: none; } #TB_title { height: auto; min-height: 27px; } } /* default styles for extension "tx_cssstyledcontent" */ /* Headers */ .csc-header-alignment-center { text-align: center; } .csc-header-alignment-right { text-align: right; } .csc-header-alignment-left { text-align: left; } div.csc-textpic-responsive, div.csc-textpic-responsive * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* Clear floats after csc-textpic and after csc-textpic-imagerow */ div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li { overflow: hidden; } /* Set padding for tables */ div.csc-textpic .csc-textpic-imagewrap table { border-collapse: collapse; border-spacing: 0; } div.csc-textpic .csc-textpic-imagewrap table tr td { padding: 0; vertical-align: top; } /* Settings for figure and figcaption (HTML5) */ div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap { margin: 0; display: table; } /* Captions */ figcaption.csc-textpic-caption { display: table-caption; } .csc-textpic-caption { text-align: left; caption-side: bottom; } div.csc-textpic-caption-c .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-c { text-align: center; } div.csc-textpic-caption-r .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-r { text-align: right; } div.csc-textpic-caption-l .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-l { text-align: left; } /* Float the columns */ div.csc-textpic div.csc-textpic-imagecolumn { float: left; } /* Border just around the image */ div.csc-textpic-border div.csc-textpic-imagewrap img, IMG.csc-uploads-preview { border: 2px solid #999999; padding: 0px 0px; } div.csc-textpic .csc-textpic-imagewrap img { border: none; display: block; } /* Space below each image (also in-between rows) */ div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 20px; } div.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-image { margin-bottom: 0; } /* colSpace around image columns, except for last column */ div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image { margin-right: 20px; } div.csc-textpic-imagecolumn.csc-textpic-lastcol, td.csc-textpic-imagecolumn.csc-textpic-lastcol .csc-textpic-image { margin-right: 0; } /* Add margin from image-block to text (in case of "Text & Images") */ div.csc-textpic-intext-left .csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { margin-right: 20px; } div.csc-textpic-intext-right .csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { margin-left: 20px; } /* Positioning of images: */ /* Center (above or below) */ div.csc-textpic-center .csc-textpic-imagewrap, div.csc-textpic-center figure.csc-textpic-imagewrap { overflow: hidden; } div.csc-textpic-center .csc-textpic-center-outer { position: relative; float: right; right: 50%; } div.csc-textpic-center .csc-textpic-center-inner { position: relative; float: right; right: -50%; } /* Right (above or below) */ div.csc-textpic-right .csc-textpic-imagewrap { float: right; } div.csc-textpic-right div.csc-textpic-text { clear: right; } /* Left (above or below) */ div.csc-textpic-left .csc-textpic-imagewrap { float: left; } div.csc-textpic-left div.csc-textpic-text { clear: left; } /* Left (in text) */ div.csc-textpic-intext-left .csc-textpic-imagewrap { float: left; } /* Right (in text) */ div.csc-textpic-intext-right .csc-textpic-imagewrap { float: right; } /* Right (in text, no wrap around) */ div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { float: right; } /* Left (in text, no wrap around) */ div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { float: left; } div.csc-textpic div.csc-textpic-imagerow-last, div.csc-textpic div.csc-textpic-imagerow-none div.csc-textpic-last { margin-bottom: 0; } /* Browser fixes: */ /* Fix for unordered and ordered list with image "In text, left" */ .csc-textpic-intext-left ol, .csc-textpic-intext-left ul { padding-left: 40px; overflow: auto; } /* File Links */ ul.csc-uploads { padding: 0; } ul.csc-uploads li { list-style: none outside none; margin: 1em 0; } ul.csc-uploads img { float: left; margin-right: 1em; vertical-align: top; } ul.csc-uploads span { display: block; } ul.csc-uploads span.csc-uploads-fileName { text-decoration: underline; } /* Table background colors: */ table.contenttable-color-1 { background-color: #EDEBF1; } table.contenttable-color-2 { background-color: #F5FFAA; } table.contenttable-color-240 { background-color: black; } table.contenttable-color-241 { background-color: white; } table.contenttable-color-242 { background-color: #333333; } table.contenttable-color-243 { background-color: gray; } table.contenttable-color-244 { background-color: silver; }