/* hotfix.css (media queries included) */ /* ======================================================== Elements ======================================================== */ /* -------------------------------------------------------- Base (Mobile) -------------------------------------------------------- */ /* Tabellen */ .table-white-space-normal .table-responsive > .table > tbody > tr > th, .table-white-space-normal .table-responsive > .table > tfoot > tr > th, .table-white-space-normal .table-responsive > .table > tbody > tr > td, .table-white-space-normal .table-responsive > .table > tfoot > tr > td { white-space: normal; } /* Event DB */ #content .eventdb-details-speaker h5 { clear: both; } /* .textimage-left-img .textimage-img-last, .textimage-right-img .textimage-img-last { padding: 0; } */ /***** ID 216780 *****/ #content ul { padding-top: 0.3em; } #content .b-selector ul{ /* Ausnahme für Blätterkataloge */ padding-top: 0; } /* Ticketshop */ #content .ticketlink .steps ul li { min-width:100%; } /* ID 446355 */ .block-format .textimage-left-text, .block-format .textimage-left-right { width: 100%; } /* -------------------------------------------------------- Tablet -------------------------------------------------------- */ @media (min-width: 768px) { /* ID 253633 */ #content div.first-content:not(.col-highlight) p:first-child, #content div.first-content:not(.col-highlight) ul:first-child { padding-top: 0; } /* ID 216761 */ /* ID 34831 */ .col-highlight.col-grouped-section { padding-bottom: 0; } /* REM: move to base.css, not tablet.css, when applying ID 385914 */ } /*@media Tablet */ /* -------------------------------------------------------- Screen -------------------------------------------------------- */ @media (min-width: 1108px) { } /*@media Screen */ /* -------------------------------------------------------- Widescreen -------------------------------------------------------- */ @media (min-width: 1780px) { } /*@media Widescreen */ /* ======================================================== Colors ======================================================== */ /* ======================================================== D0006 - EVENT DATABASE ======================================================== */ /* -------------------------------------------------------- Base (Mobile) -------------------------------------------------------- */ /* Event Database */ /* Event Search */ .eventdb-search-result-date { padding-bottom: 0.8em; } .eventdb-search-result-category { padding: 0.4em 10px; font-weight: bold; font-size: 1.1em; border: 1px solid; } /* Event Detail */ .eventdb-details-category { margin-bottom: 0.6em; padding: 0.4em 10px; font-weight: bold; font-size: 1.1em; border: 1px solid; } .eventdb-details-downloads { margin-top: 0.6em; } .eventdb-details-subtitle { margin-bottom: 0.4em; } #content p.eventdb-details-subtitle { font-size: 1.12em; padding-top: 0; } .eventdb-details-subtitle-label { font-weight: bold; } .eventdb-details-subevent-box { margin-top: 0.6em; padding-bottom: 1.8em; } .eventdb-subevent-box-picture { padding-top: 0.8em; } .eventdb-details-speaker-box { padding-top: 0.2em; padding-bottom: 0.8em; } .eventdb-details-speaker-box-image { position: relative; max-width: 215px; padding: 0.4em 0; } /* -------------------------------------------------------- Tablet -------------------------------------------------------- */ @media (min-width: 768px) { /* Event Database */ /* Event Detail */ /* .eventdb-details-category { margin-top: 0.6em; } */ .eventdb-details-subevent-box { float: left; width: 48.5%; } .eventdb-details-subevent-box-odd { clear: both; margin-right: 1.5%; } .eventdb-details-subevent-box-even { margin-left: 1.5%; } .eventdb-details-speaker-box { float: left; width: 30.5%; padding-right: 2.8%; } .eventdb-details-speaker-box .icon-gallery-zoom::before { right: 5px; top: 12px; } } /*@media Tablet */ /* -------------------------------------------------------- Screen -------------------------------------------------------- */ @media (min-width: 1108px) { /* Event Database */ /* Event Search */ .eventdb-search-result-category { font-size: 1em; } /* Event Detail */ .eventdb-details-category { font-size: 1em; } .eventdb-details-subtitle { margin-bottom: 0; } .eventdb-details-title { padding-bottom: 0.4em!important; } } /*@media Screen */ /* ======================================================== Colors ======================================================== */ /* Event Database */ /* Event Search */ .eventdb-search-result-category { background-color: #e9e9e9; border-color: #999; color: #282828; } /* Event Detail */ .eventdb-details-category { background-color: #e9e9e9; border-color: #999; color: #282828; } /* -------------------------------------------------------- */ @media (min-width: 768px) { /* Event Database */ /* Event Search */ .eventdb-search-result-category { background-color: #fff; color: #575756; } /* Event Detail */ .eventdb-details-category { background-color: #fff; color: #575756; } } /* ============================================================================== */ /* Ticket-Button */ .ticketlink .ticketlink-box { min-height: 250px; padding: 25px 25px 15px 25px; } .ticketlink .arrow-right-box { height: 120px; } .ticketlink .arrow-right-box a { font-size: 25px; margin-right: 10px; margin-left: 10px; } .ticketlink .arrow-right-box div.box-link { padding-top: 50px; text-align: center; } .ticketlink .arrow-down { float: left; } .ticketlink .arrow-down-box { text-align: center; width: 20px; height: 20px; } .ticketlink .arrow-down-box-square { height: 20px; } .ticketlink .arrow-down-tip { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 7px solid #000; } .ticketlink .arrow:hover .arrow-right-box a { text-decoration: underline; color: #000; } .ticketlink .stage { height: 80px; } .ticketlink .steps { float: left; } .ticketlink .step { min-height: 22px; } .ticketlink .step-description { float: left; margin-left: 15px; } #content .ticketlink .steps li::before { content: none; } #content .ticketlink .steps ul { margin-left: 0; display: table; } #content .ticketlink .steps ul li { padding-left: 0; padding-right: 0; list-style: none; } #content .ticketlink .steps ul li .step-description { font-size: 0.9em; } .ticketlink .steps { padding-top: 10px; } .ticketlink .stage { float: left; padding-left: 10px; margin-top: 20px; width: 80px; } /* -------------------------------------------------------- Tablet -------------------------------------------------------- */ @media (min-width: 768px) { .ticketlink .ticketlink-box { min-height: 172px; } .ticketlink .step { float: left; } .ticketlink .step-description { margin-left: 0; } .ticketlink .arrow-down-box-square { margin-right: 20px; } .ticketlink .arrow-down-box { float: left; } .ticketlink .stage { padding-left: 30px; } .ticketlink .arrow-right-box a { margin-right: 0; margin-left: 0; font-size: 35px; } .ticketlink .arrow-right-box div.box-link { padding-left: 50px; padding-right: 10px; margin-right: 90px; padding-left: 10px; } .ticketlink .arrow-down-tip { float: left; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #000; } #content .ticketlink .steps ul li { padding-right: 10px; } #content .ticketlink .steps ul li .step-description { font-size: 1.1em; } } /* -------------------------------------------------------- Screen -------------------------------------------------------- */ @media (min-width: 1108px) { .ticketlink .ticketlink-box { min-height: 120px; } .ticketlink .arrow-right-box { float: left; } .ticketlink .arrow-right-tip { width: 0; height: 0; border-top: 60px solid transparent; border-bottom: 60px solid transparent; border-left: 60px solid #000; float: left; } .ticketlink .arrow-right-box div { padding-left: 0; } .ticketlink .arrow-right-box a { font-size: 25px; } .ticketlink .arrow-right-box div.box-link { max-width: 100%; padding-right: 0; padding-top: 40px; padding-left: 10px; float: left; margin-right: 0; text-align: left; } .ticketlink .arrow-right-box div.stage { padding-left: 20px; } .ticketlink .stage { margin-left: 0; } .ticketlink .steps { padding-top: 0; } .ticketlink .step { float: none; } .ticketlink .step-description { margin-left: 15px; } #content .ticketlink .steps ul { margin-left: 10px; padding-top: 0; } #content .ticketlink .steps ul li { padding-left: 0.7em; padding-right: 0.4em; } .ticketlink .arrow-down-box-square { margin-right: 0; } .ticketlink .arrow-down-box { float: none; } .ticketlink .arrow-down-tip { float: none; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 7px solid #000; border-bottom: none; } } /* -------------------------------------------------------- Widescreen -------------------------------------------------------- */ @media (min-width: 1780px) { .ticketlink .arrow-right-box a { font-size: 40px; } .ticketlink .arrow-right-box div.box-link { padding-top: 50px; padding-left: 20px; } .ticketlink .stage { padding-left: 30px; } }