*/ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg=="); } .w-lightbox-right { display: none; right: 0; bottom: 0; /* */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+"); } /* * Without specifying the with and height inside the SVG, all versions of IE render the icon too small. * The bug does not seem to manifest itself if the elements are tall enough such as the above arrows. * (http://stackoverflow.com/questions/16092114/background-size-differs-in-internet-explorer) */ .w-lightbox-close { right: 0; height: 2.6em; /* */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4="); background-size: 18px; } /** * 1. All IE versions add extra space at the bottom without this. */ .w-lightbox-strip { padding: 0 1vh; line-height: 0; /* 1 */ white-space: nowrap; overflow-x: auto; overflow-y: hidden; } /* * 1. We use content-box to avoid having to do `width: calc(10vh + 2vw)` * which doesn’t work in Safari anyway. * 2. Chrome renders images pixelated when switching to GPU. Making sure * the parent is also rendered on the GPU (by setting translate3d for * example) fixes this behavior. */ .w-lightbox-item { display: inline-block; width: 10vh; padding: 2vh 1vh; box-sizing: content-box; /* 1 */ cursor: pointer; -webkit-transform: translate3d(0, 0, 0); /* 2 */ } .w-lightbox-active { opacity: .3; } .w-lightbox-thumbnail { position: relative; height: 10vh; background: #222; overflow: hidden; } .w-lightbox-thumbnail-image { position: absolute; top: 0; left: 0; } .w-lightbox-thumbnail .w-lightbox-tall { top: 50%; width: 100%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .w-lightbox-thumbnail .w-lightbox-wide { left: 50%; height: 100%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } /* * Spinner * * Absolute pixel values are used to avoid rounding errors that would cause * the white spinning element to be misaligned with the track. */ .w-lightbox-spinner { position: absolute; top: 50%; left: 50%; box-sizing: border-box; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; border: 5px solid rgba(0, 0, 0, 0.4); border-radius: 50%; -webkit-animation: spin .8s infinite linear; animation: spin .8s infinite linear; } .w-lightbox-spinner:after { content: ""; position: absolute; top: -4px; right: -4px; bottom: -4px; left: -4px; border: 3px solid transparent; border-bottom-color: #fff; border-radius: 50%; } /* * Utility classes */ .w-lightbox-hide { display: none; } .w-lightbox-noscroll { overflow: hidden; } @media (min-width: 768px) { .w-lightbox-content { height: 96vh; margin-top: 2vh; } .w-lightbox-view, .w-lightbox-view:before { height: 96vh; } /* .w-lightbox-content */ .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before { height: 84vh; } .w-lightbox-image { max-width: 96vw; max-height: 96vh; } .w-lightbox-group .w-lightbox-image { max-width: 82.3vw; max-height: 84vh; } .w-lightbox-left, .w-lightbox-right { display: block; opacity: .5; } .w-lightbox-close { opacity: .8; } .w-lightbox-control:hover { opacity: 1; } } .w-lightbox-inactive, .w-lightbox-inactive:hover { opacity: 0; } .w-nav { position: relative; background: #BBB; z-index: 1000; } .w-nav:before, .w-nav:after { content: " "; display: table; } .w-nav:after { clear: both; } .w-nav-brand { position: relative; float: left; text-decoration: none; color: #222; } .w-nav-link { position: relative; display: inline-block; vertical-align: top; text-decoration: none; color: #222; padding: 20px; text-align: left; margin-left: auto; margin-right: auto; } .w-nav-link.w--current { color: #339ce1; } .w-nav-menu { position: relative; float: right; } .w--nav-menu-open { display: block !important; position: absolute; top: 100%; left: 0; right: 0; background: #999; text-align: center; overflow: visible; min-width: 200px; } .w--nav-link-open { display: block; position: relative; } .w-nav-overlay { position: absolute; overflow: hidden; display: none; top: 100%; left: 0; right: 0; width: 100%; } .w-nav-overlay .w--nav-menu-open { top: 0; } .w-nav[data-animation="over-left"] .w-nav-overlay { width: auto; } .w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] .w--nav-menu-open { right: auto; z-index: 1; top: 0; } .w-nav[data-animation="over-right"] .w-nav-overlay { width: auto; } .w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] .w--nav-menu-open { left: auto; z-index: 1; top: 0; } .w-nav-button { position: relative; float: right; padding: 18px; font-size: 24px; display: none; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .w-nav-button.w--open { background-color: #999; color: white; } .w-nav[data-collapse="all"] .w-nav-menu { display: none; } .w-nav[data-collapse="all"] .w-nav-button { display: block; } @media screen and (max-width: 991px) { .w-nav[data-collapse="medium"] .w-nav-menu { display: none; } .w-nav[data-collapse="medium"] .w-nav-button { display: block; } } @media screen and (max-width: 767px) { .w-nav[data-collapse="small"] .w-nav-menu { display: none; } .w-nav[data-collapse="small"] .w-nav-button { display: block; } .w-nav-brand { padding-left: 10px; } } @media screen and (max-width: 479px) { .icon-entypo.icon-info { margin-left: 2px !important; } .w-nav[data-collapse="tiny"] .w-nav-menu { display: none; } .w-nav[data-collapse="tiny"] .w-nav-button { display: block; } } .w-tabs { position: relative; } .w-tabs:before, .w-tabs:after { content: " "; display: table; } .w-tabs:after { clear: both; } .w-tab-menu { position: relative; } .w-tab-link { position: relative; display: inline-block; vertical-align: top; text-decoration: none; padding: 8px 30px; text-align: left; cursor: pointer; background-color: #E8E8E8; } .w-tab-link.w--current { background-color: #BCD3F3; } .w-tab-content { position: relative; display: block; overflow: hidden; } .w-tab-pane { position: relative; display: none; } .w--tab-active { display: block; } @media screen and (max-width: 479px) { .w-tab-link { display: block; } } .w-ix-emptyfix:after { content: ""; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .w-dyn-loading { display: block; padding: 10px; } .w-dyn-items { display: none; } .w-dyn-items.visible { display: block; } .w-dyn-empty { display: none; padding: 10px; background-color: #dddddd; } .w-dyn-error { display: none; padding: 10px; background-color: #ffdede; } /* instead of making another request and making import from http://fonts.googleapis.com/css?family=Open+Sans&subset=latin-ext,latin /* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(/typo3conf/ext/local/Resources/Public/Fonts/gstatic/K88pR3goAWT7BTt32Z01m4X0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(/typo3conf/ext/local/Resources/Public/Fonts/gstatic/RjgO7rYTmqiVp7vzi-Q5UYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(/typo3conf/ext/local/Resources/Public/Fonts/gstatic/LWCjsQkB6EMdfHrEVqA1KYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(/typo3conf/ext/local/Resources/Public/Fonts/gstatic/xozscpT2726on7jbcb_pAoX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(/typo3conf/ext/local/Resources/Public/Fonts/gstatic/59ZRklaO5bWGqF5A9baEEYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(/typo3conf/ext/local/Resources/Public/Fonts/gstatic/u-WUoqrET9fUeobQW7jkRYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(/typo3conf/ext/local/Resources/Public/Fonts/gstatic/cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* end import from http://fonts.googleapis.com/css?family=Open+Sans&subset=latin-ext,latin */ @font-face { font-family: "Avant Garde Gothic Bold"; src: url("/typo3conf/ext/local/Resources/Public/Fonts/avantgardegothicw01b.eot?#iefix"); src: url("/typo3conf/ext/local/Resources/Public/Fonts/avantgardegothicw01b.eot?#iefix") format("eot"), url("/typo3conf/ext/local/Resources/Public/Fonts/avantgardegothicw01b.woff") format("woff"), url("/typo3conf/ext/local/Resources/Public/Fonts/avantgardegothicw01b.ttf") format("truetype"), url("/typo3conf/ext/local/Resources/Public/Fonts/avantgardegothicw01b.svg#75d377f2-28ee-43f8-b231-44f8eba218c4") format("svg"); } @font-face { font-family: "Avant Garde Gothic Bold Condensed"; src: url("/typo3conf/ext/local/Resources/Public/Fonts/itcavantgardew01cnbd.eot?#iefix"); src: url("/typo3conf/ext/local/Resources/Public/Fonts/itcavantgardew01cnbd.eot?#iefix") format("eot"), url("/typo3conf/ext/local/Resources/Public/Fonts/itcavantgardew01cnbd.woff") format("woff"), url("/typo3conf/ext/local/Resources/Public/Fonts/itcavantgardew01cnbd.ttf") format("truetype"), url("/typo3conf/ext/local/Resources/Public/Fonts/itcavantgardew01cnbd.svg#itcavantgardew01cnbd") format("svg"); } @font-face{ font-family: "ITCAvantGardeW01-CnBd"; src:url("/typo3conf/ext/local/Resources/Public/Fonts/e281da55-f74b-42e2-89fd-2b018480f34d.eot?#iefix"); src:url("/typo3conf/ext/local/Resources/Public/Fonts/e281da55-f74b-42e2-89fd-2b018480f34d.eot?#iefix") format("eot"),url("/typo3conf/ext/local/Resources/Public/Fonts/30d9d074-824f-4957-a97e-90c6b45bab98.woff") format("woff"),url("/typo3conf/ext/local/Resources/Public/Fonts/378b3a59-dd26-4da2-b7e3-edb4c737dcc5.ttf") format("truetype"),url("/typo3conf/ext/local/Resources/Public/Fonts/d209c71b-de66-4172-8488-c843b48ccf91.svg#d209c71b-de66-4172-8488-c843b48ccf91") format("svg"); } @font-face { font-family: "Avant Garde Gothic Demi"; src: url("/typo3conf/ext/local/Resources/Public/Fonts/avantgardegothicitcw01d.eot?#iefix"); src: url("/typo3conf/ext/local/Resources/Public/Fonts/avantgardegothicitcw01d.eot?#iefix") format("eot"), url("/typo3conf/ext/local/Resources/Public/Fonts/avantgardegothicitcw01d.woff") format("woff"), url("/typo3conf/ext/local/Resources/Public/Fonts/avantgardegothicitcw01d.ttf") format("truetype"), url("/typo3conf/ext/local/Resources/Public/Fonts/avantgardegothicitcw01d.svg#avantgardegothicitcw01d") format("svg"); } @font-face{ font-family:"Avant Garde Gothic Demi Condensed"; src:url("/typo3conf/ext/local/Resources/Public/Fonts/319c0d8f-e81b-4cc6-9ca9-5f0fc4220357.eot?#iefix"); src:url("/typo3conf/ext/local/Resources/Public/Fonts/319c0d8f-e81b-4cc6-9ca9-5f0fc4220357.eot?#iefix") format("eot"),url("/typo3conf/ext/local/Resources/Public/Fonts/492a4e64-4c6c-40b2-ade3-d1ebc5d93405.woff") format("woff"),url("/typo3conf/ext/local/Resources/Public/Fonts/f2b8da61-91b4-4c82-a0bb-1abed8b8a9c7.ttf") format("truetype"),url("/typo3conf/ext/local/Resources/Public/Fonts/e1ee22b5-5f91-478c-88c3-ca2d903cf54d.svg#e1ee22b5-5f91-478c-88c3-ca2d903cf54d") format("svg"); } @font-face { font-family: 'FontAwesome webfont'; src: url('/typo3conf/ext/local/Resources/Public/Fonts/fontawesome-webfont.eot?v=4.3.0'); src: url('/typo3conf/ext/local/Resources/Public/Fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('/typo3conf/ext/local/Resources/Public/Fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('/typo3conf/ext/local/Resources/Public/Fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('/typo3conf/ext/local/Resources/Public/Fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('/typo3conf/ext/local/Resources/Public/Fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Entypo'; src: url('/typo3conf/ext/local/Resources/Public/Fonts/entypo.ttf') format('truetype'); font-weight: 400; font-style: normal; } body { height: 100%; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; color: black; font-size: 14px; line-height: 20px; background: none; } h1 { margin-top: 0px; margin-bottom: 0px; padding: 20px; font-family: "Avant Garde Gothic Bold", sans-serif; font-size: 22px; line-height: 32px; font-weight: normal; letter-spacing: -1px; text-transform: uppercase; } h2 { margin-bottom: 10px; font-family: "Avant Garde Gothic Bold", sans-serif; font-size: 26px; line-height: 26px; font-weight: normal; letter-spacing: -1px; text-transform: uppercase; } h3 { margin-top: 0px; margin-bottom: 15px; font-size: 18px; line-height: 20px; font-weight: 700; } h4 { margin-bottom: 10px; font-family: "Avant Garde Gothic Bold Condensed", "ITCAvantGardeW01-CnBd"; color: #e30613; font-size: 16px; line-height: 20px; font-weight: normal; letter-spacing: 0px; text-transform: uppercase; } h5 { margin-bottom: 0; font-family: "Avant Garde Gothic Demi", sans-serif; color: #5d686e; font-size: 14px; line-height: 16px; font-weight: normal; letter-spacing: -1px; text-transform: uppercase; } h6 { margin-bottom: 10px; color: #5d686e; font-size: 14px; line-height: 18px; font-weight: 700; } p, ol li { margin-bottom: 20px; color: #697075; } a { font-weight: bold; color: #697075; text-decoration: none; } a:hover { text-decoration: underline; } .hidden { display: none; } .button { display: inline-block; margin-top: 10px; margin-bottom: 10px; padding: 5px 25px; background-color: #e30613; color: white; font-size: 13px; font-weight: 700; text-align: center; text-decoration: none; } .button.searchdetailsbutton { position: absolute; right: 15px; bottom: 15px; display: block; clear: both; float: right; margin: 0; width: 105px; font-size: 12px; font-weight: 400; } .navbar { height: 108px; background-color: white; box-shadow: rgba(0, 0, 0, 0.10) 0px 2px 3px 0px; } .navcontainer { display: block; min-height: 108px; margin-right: auto; margin-left: auto; padding-top: 12px; visibility: hidden; } .header { /*height: 108px;*/ } .navmenu { display: inline-block; height: 35px; margin-top: 24px; } .navlink { display: inline-block; margin-left: 25px; padding: 0; vertical-align: middle; -webkit-transition: all 100ms ease; -o-transition: all 100ms ease; transition: all 100ms ease; font-family: "Avant Garde Gothic Bold", sans-serif; font-size: 18px; line-height: 18px; font-weight: normal; text-align: center; letter-spacing: -1px; text-transform: uppercase; } .w-dropdown { vertical-align: middle; } .w-dropdown-link { white-space: normal; } .navlink:hover { color: #e30613; text-decoration: none; } .navlink:focus { color: #5d686e; } .navlink.w--current { color: #5d686e; } .main { margin-top: 5px; padding-bottom: 20px; } .content { position: static; margin-left: 0px; padding-right: 0px; padding-left: 10px; } .sidebar { margin-top: 30px; } .content.no-page-title-box + .sidebar { margin-top: 0; } .sidebar > div { padding: 15px; background: #fff; background: rgba(255, 255, 255, 0.95); box-shadow: rgba(0, 0, 0, 0.22) 1px 1px 1px 0; } .pagetitlebefore { height: 30px; background-image: url('/typo3conf/ext/local/Resources/Public/Images/title-top-bar.png'); background-position: 0px 0px; background-size: auto; background-repeat: no-repeat; } .pagetitle { margin-right: 60px; } .pagetitleafter { height: 31px; background-image: url('/typo3conf/ext/local/Resources/Public/Images/title-bottom-bar.png'); background-position: 0px 0px; background-repeat: no-repeat; margin-bottom: 20px; } .maincontent { padding: 20px; } .footer { z-index: 99; height: 50px; background-color: #292d30; font-family: "Open Sans", sans-serif; } .copyright { padding-top: 15px; color: #7d7d7d; font-size: 12px; text-decoration: none; } .quicklinks { display: block; padding-top: 15px; padding-bottom: 15px; color: #bdbdbd; text-align: right; } .quicklinks ul { list-style: none; margin: 0; padding: 0; } .quicklinks ul li { display: inline-block; } .quicklinks ul li + li:before { content: ' '; border-left: 1px solid #7d7d7d; margin: 0 3px; font-size: 8px; } .logossection { display: block; background-color: rgba(255, 255, 255, 0.95); overflow: hidden; position: relative; margin-bottom: 20px; } .companylogos { display: block; height: 100px; margin-right: -20px; margin-left: -20px; padding-right: 0px; text-align: center; } .logoimage { position: relative; padding-top: 10px; padding-right: 1%; padding-left: 1%; height: auto; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /*.promobox {*/ /*margin-bottom: 25px;*/ /*padding: 15px;*/ /*background-color: rgba(255, 255, 255, 0.95);*/ /*box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px 0px;*/ /*}*/ .promoflyer { width: 50%; height: auto; float: left; /*background-image: url('/typo3conf/ext/local/Resources/Public/Images/promo-badge.jpg'); background-size: cover; background-repeat: no-repeat;*/ } .promoflyer.above, .promoflyer.below { float: none; width: 100%; height: auto; margin: 8px 0; } .promoflyer.right { float: right; } .promoinfo { width: 100%; } .promoflyer.left + .promoinfo, .promoflyer.right + .promoinfo { float: left; width: 50%; } .promoinfosmalltext { color: #5d686e; font-size: 12px; line-height: 15px; } .promoinfosmalltext.aligncenter { text-align: center; } .promoinfosmalltext.alignleft { text-align: left; } .promoinfosmalltext.alignright { text-align: right; } .promoinfosmalltext.alignjustify { text-align: justify; } .quicklink { color: #7d7d7d; font-size: 12px; text-decoration: none; text-transform: uppercase; font-weight: 400; } .quicklink:hover { color: white; } .searchmodule { margin-top: 0px; padding: 15px; background-color: rgba(255, 255, 255, 0.95); box-shadow: rgba(0, 0, 0, 0.22) 1px 1px 1px 0px; } .searchmodule { } .redtext { color: #e30613; } .redtext.aligncenter { text-align: center; } .redtext.alignleft { text-align: left; } .redtext.alignright { text-align: right; } .redtext.alignjustify { text-align: justify; } .redtext.searchresultsboxaccordtitle { margin-left: 15px; padding-left: 40px; } .redtext.searchresultsboxaccordtitle.werkstatttitle { background-image: url('/typo3conf/ext/local/Resources/Public/Images/werkstatt-icon-red.png'); background-position: 0px 50%; background-repeat: no-repeat; } .textinput { height: 50px; padding-left: 60px; border: 1px solid #c9c9c9; box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 3px 0px inset; } .textinput.locationinput, .textinput.icon-compas{ background-image: url('/typo3conf/ext/local/Resources/Public/Images/location-icon.png'); background-position: 15px 50%; background-repeat: no-repeat; box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 3px 0px inset; } .textinput.firmeninput, .textinput.icon-briefcase { background-image: url('/typo3conf/ext/local/Resources/Public/Images/firmenname-icon.png'); background-position: 15px 50%; background-repeat: no-repeat; } .textinput.inputplz, .textinput.icon-globe{ background-image: url('/typo3conf/ext/local/Resources/Public/Images/icon-plz.png'); background-position: 15px 50%; background-repeat: no-repeat; } .redbutton { margin-top: 0px; padding: 12px 21px; background-color: #e30613; -webkit-transition: all 80ms linear; -o-transition: all 80ms linear; transition: all 80ms linear; color: white; font-size: 16px; font-weight: 700; text-decoration: none; } .redbutton:hover { background-color: #e30613; box-shadow: rgba(0, 0, 0, 0.29) 2px 2px 1px 1px inset; } .searchform { margin-top: 21px; } .formboldlink { display: inline-block; height: 40px; padding-top: 5px; color: #5d686e; line-height: 30px; font-weight: 700; text-decoration: none; } .formlinks .formboldlink { margin-left: 5px; } .formboldlink.werkstattlink { padding-left: 28px; background-image: url('/typo3conf/ext/local/Resources/Public/Images/werkstatt-icon.png'); background-position: 0px 50%; background-size: auto; background-repeat: no-repeat; } .formboldlink.kfzteilelink { width: 180px; padding-left: 40px; display: inline-block; background-image: url('/typo3conf/ext/local/Resources/Public/Images/kfz-teile-icon.png'); background-position: 0px 50%; background-repeat: no-repeat; } /*.formlinks { margin-top: 20px; margin-bottom: 20px; }*/ .maincontent ul li, .maincontent ol li { color: #697075; list-style-position: outside; word-wrap: break-word; } .maincontent ol li { margin-bottom: 5px; } .maincontent ul, .maincontent ol { margin-bottom: 20px; padding-left: 20px; } p.bodytext a { font-weight: bold; color: #697075; text-decoration: none; } p.bodytext a:hover { text-decoration: underline; } .checkbox { position: relative; top: 10px; } .checkboxfield { display: inline-block; padding-right: 15px; padding-left: 20px; float: left; } .textlink { margin-top: 10px; float: left; clear: left; color: #e30613; text-decoration: underline; font-weight: 400; } .downloadlink { color: #697075; font-size: 13px; font-weight: 700; text-decoration: none; padding-left: 25px; background-position: 0 50%; background-repeat: no-repeat; } .downloadlink:hover { color: #e30613; } .downloadlink.icon-pdf { background-image: url('/typo3conf/ext/local/Resources/Public/Images/icon-pdf.png'); } .downloadlink.icon-xls { background-image: url('/typo3conf/ext/local/Resources/Public/Images/icon-xls.png'); } .downloadlink.icon-xlsx { background-image: url('/typo3conf/ext/local/Resources/Public/Images/icon-xls.png'); } .downloadlink.icon-doc { background-image: url('/typo3conf/ext/local/Resources/Public/Images/icon-doc.png'); } .downloadlink.icon-docx { background-image: url('/typo3conf/ext/local/Resources/Public/Images/icon-doc.png'); } .downloadlink.icon-pdf:hover { color: #e30613; } .downloadlink.icon-word { background-image: url('/typo3conf/ext/local/Resources/Public/Images/icon-word.png'); } .downloadlink.icon-excel { background-image: url('/typo3conf/ext/local/Resources/Public/Images/icon-excel.png'); } .downloadlink.icon-png, .downloadlink.icon-jpg, .downloadlink.icon-jpeg { background-image: url('/typo3conf/ext/local/Resources/Public/Images/icon-image.png'); } .backlink { position: relative; left: 0px; top: 0px; float: right; color: #e30613; font-weight: 400; } .backlink + .backlink { margin-right: 20px; } .nomargin { margin: 0px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; } .breadcrumbs { color: white; font-size: 12px; /*font-weight: 700;*/ font-weight: 400; } .breadcrumbnav { height: 20px; margin-top: 50px; clear: both; } .breadcrumblink { color: white; font-weight: 400; text-decoration: none; } .smallgallery { width: 240px; height: 268px; float: left; overflow: hidden; position: relative; } .smallgallery.floatright { float: right; margin-left: 15px; } .vcs > .single-view .smallgallery { width: 152px; height: auto; } .vcs > .single-view .bx-controls-direction .bx-prev, .vcs > .single-view .bx-controls-direction .bx-next { height: 100%; } .tab1 { height: 100%; } .tab2 { height: 100%; } .tabscontent { position: absolute; top: -1px; width: 220px; height: 130px; border: 1px solid #7d7d7d; } .tabsmenu { position: relative; top: 140px; } .gallerythumb { width: 103px; height: 68px; padding: 0px; border: 1px solid #7d7d7d; opacity: 0.8; } .gallerythumb.w--current { float: left; border: 1px solid #7d7d7d; background-image: url('/typo3conf/ext/local/Resources/Public/Images/content-galery-thumb-1.jpg'); } .gallerythumb.thumbnail1 { float: left; } .gallerythumb.thumbnail1.w--current { -webkit-transition: all 100ms ease; -o-transition: all 100ms ease; transition: all 100ms ease; } .gallerythumb.thumbnail1.w--current:hover { opacity: 1; } .gallerythumb.thumbnail2 { float: right; -webkit-transition: all 100ms ease; -o-transition: all 100ms ease; transition: all 100ms ease; } .gallerythumb.thumbnail2:hover { opacity: 1; } .lightboxthumb { width: 100%; height: 100%; } .icon-plus { position: absolute; top: 0px; right: 0px; width: 18px; height: 18px; margin-top: 10px; margin-right: 10px; background-image: url('/typo3conf/ext/local/Resources/Public/Images/icon-plus.png'); background-repeat: no-repeat; text-indent: -999px; overflow: hidden; } .radiobutton { display: inline-block; padding-right: 30px; } .inputphone { display: block; width: 48%; float: left; } .inputphone.inputphone, .input.icon-handset { padding-left: 35px; background-image: url('/typo3conf/ext/local/Resources/Public/Images/icon-phone.png'); background-position: 10px 50%; background-repeat: no-repeat; } .formrow { padding-top: 10px; } .input { display: inline; box-shadow: rgba(0, 0, 0, 0.24) 1px 1px 3px 0px inset; } .input.inputstrasse, .input.icon-home{ padding-left: 35px; background-image: url('/typo3conf/ext/local/Resources/Public/Images/icon-strasse.png'); background-position: 10px 50%; background-repeat: no-repeat; } .input.inputvorname, .input.icon-person{ padding-left: 35px; float: left; background-image: url('/typo3conf/ext/local/Resources/Public/Images/icon-vorname.png'); background-position: 10px 50%; background-repeat: no-repeat; } .input.inputvorname { width: 48%; } .input.inputplz, .input.icon-globe{ padding-left: 35px; float: left; background-image: url('/typo3conf/ext/local/Resources/Public/Images/icon-plz.png'); background-position: 10px 50%; background-repeat: no-repeat; } .input.inputplz { width: 28%; } .input.inputemail, .input.icon-email{ padding-left: 35px; float: right; background-image: url('/typo3conf/ext/local/Resources/Public/Images/icon-email.png'); background-position: 10px 50%; background-repeat: no-repeat; } .input.inputemail { width: 48%; } .input.inputnachname { width: 48%; float: right; } .input.inputkunden { padding-left: 35px; background-image: url('/typo3conf/ext/local/Resources/Public/Images/icon-vorname.png'); background-position: 10px 50%; background-repeat: no-repeat; } .input.inputpaswort { padding-left: 35px; background-image: url('/typo3conf/ext/local/Resources/Public/Images/icon-passwort.png'); background-position: 10px 50%; background-repeat: no-repeat; } .input.width60 { display: inline; width: 55%; } .input.width50 { width: 29%; margin-right: 0; height: 30px; } .input.width50 + .input.width50 { margin-left: 1%; } .input.width60.inputsmall { width: 60%; height: 30px; } .select-container { position: relative; overflow: hidden; border: 1px solid #ccc; background: #fff url("/typo3conf/ext/local/Resources/Public/Images/arrow-down.png") 97% 50% no-repeat; } .select-container.width30 { margin-right: 0; background-position: 92% 50%; } .select-container select, .select-container .input.dropdowndistance { float: none; padding: 0 0 0 7px; margin-bottom: 10px; width: 100%; height: 30px; line-height: 16px; cursor: pointer; position: relative; background: transparent; border: 0; color: #8d8d8d; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0; /* Safari 3-4, iOS 1-3.2, Android 1.6- */ -moz-border-radius: 0; /* Firefox 1-3.6 */ border-radius: 0; } @-moz-document url-prefix() { .select-container select, .select-container .input.dropdowndistance { width: 120%; } } .vcs .searchform .select-container.fullwidth { width: 100%; height: 50px; } .vcs .searchform .select-container.fullwidth select { height: 50px; padding-left: 60px; background-position: 15px 50%; } .vcs .single-view .first-image-preview { margin-bottom: 15px; } .select-container select::-ms-expand { display: none; } .formrowsmall .radiobuttonlabel { vertical-align: top; } .formrowsmall .select-container { display: inline-block; width: 60%; height: 30px; } .vcs .searchform .select-container { float: right; width: 30%; height: 37px; margin-bottom: 11px; } .vcs .searchform .select-container select { height: 37px; } .input.inputhours { width: 50px; height: 28px; padding-right: 5px; padding-left: 5px; text-align: center; } .input.dropdowndistance { width: 30%; float: right; } .input.inputortsmall { width: 114px; height: 30px; } .inputort { width: 68%; float: right; } .inputbetreff, .input.icon-pencil{ padding-left: 35px; background-image: url('/typo3conf/ext/local/Resources/Public/Images/icon-betreff.png'); background-position: 10px 50%; background-repeat: no-repeat; } .requiredinfotext { color: #7d7d7d; } .inputnachricht, .input.icon-messages{ padding-left: 35px; background-image: url('/typo3conf/ext/local/Resources/Public/Images/icon-nachricht.png'); background-position: 10px 10px; background-repeat: no-repeat; } .inputnachricht { margin-bottom: 20px; } .logoslider { height: 100px; background-color: transparent; } .slidercontrol { color: black; font-size: 28px; } .nodisplay { display: none; } .sliderleftnav { left: -30px; top: 0px; bottom: 0px; } .sliderrightnav { right: -30px; } .slidemask { margin-right: 20px; margin-left: 20px; } .submenuitem { display: inline-block; width: 30%; margin: 0 1% 20px; vertical-align: top; } .submenuitem:nth-child(n + 4) { margin-top: 40px; } .submenuitem.marginleft5 { margin-left: 5%; } .submenulink { padding-top: 10px; font-family: "Avant Garde Gothic Bold", sans-serif; color: black; font-size: 14px; line-height: 16px; font-weight: normal; text-transform: uppercase; text-decoration: none; } .submenulink:hover { text-decoration: underline; } .submenucontainer { display: block; } .teaser-box-content span.text{ padding: 5px; display: block; color: black; } .single-box-teaser{ margin-bottom: 4px; } .single-box-teaser a{ max-width: 180px; width:100%; display: block; padding: 2px; margin: 0 auto; } .single-box-teaser a img{ width:100%; height: 100%; } .newsitemwrap { margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #d6d6d6; } .newsteasercontent { padding-left: 15px; } .grey-1px-border { border: 1px solid #c4c4c4; } .newsdate { color: #7d7d7d; font-size: 12px; line-height: 12px; margin-bottom: 3px; } .newsteasertitle { margin-bottom: 10px; font-size: 14px; line-height: 16px; } .newsteasertext { margin-bottom: 0px; } .newspagination { margin-top: 20px; } .newspaginationwrap { margin-left: 15px; } .paginationlink { display: inline-block; padding-top: 2px; min-width: 20px; height: 20px; margin-right: 5px; background-color: #d1d1d1; color: #7a7a7a; font-size: 12px; line-height: 16px; text-align: center; } .paginationlink:hover, .paginationlink.current{ cursor: pointer; background-color: #e30613; color: white; } .paginationlink.icon-fontawesome{ font-size:13px; } .paginationlink a { text-decoration: none; color: inherit; display: block; font-weight: 400; padding-left: 3px; padding-right: 3px; } .icon-fontawesome { font-family: 'Fontawesome webfont', sans-serif; } .icon-fontawesome.icon-arrow-down.floatright { position: relative; top: -32px; display: inline; float: right; color: #5d686e; font-size: 16px; text-decoration: none; } .icon-fontawesome.icon-arrow-right { color: #5d686e; font-size: 16px; text-decoration: none; } .icon-fontawesome.icon-arrow-right.floatright { position: relative; top: -32px; float: right; } .logoutlink { margin-bottom: 20px; background-image: none; background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; color: #646f74; font-weight: 700; text-align: right; list-style-type: decimal; display: inline-block; float: right; text-decoration: none; } .logoutlink:hover { text-decoration: none; } .icon-entypo { font-family: Entypo, sans-serif; font-size: 28px; } .icon-entypo.icon-info { padding-top: 8px; padding-left: 0px; color: #5d686e; font-size: 30px; text-decoration: none; position: absolute; margin-left: 4px; } .icon-entypo.icon-info:hover { color: #e30613; } .textbold { font-weight: 700; } .textbold.greytext { color: #5d686e; } .fieldlabel { position: relative; top: -3px; display: inline-block; width: 33%; margin-right: 2%; color: #5d686e; font-size: 13px; font-weight: 700; } .fieldlabel.inline { width: auto; } .width20, .input.inputortsmall.width20 { display: inline-block; width: 20%; } .input.inputortsmall.width20 { width: 19%; margin-right: 1%; } .width30 { display: inline-block; width: 26%; margin-right: 2%; color: #5d686e; } .formrowsmall .width30 { height: 30px; } .formrowsmall .inputsmall + .label-img { position: relative; top: -5px; margin-left: 0; } .width40 { display: inline-block; width: 39.5%; height: 30px; } .formrowsmall { height: 34px; margin-top: 5px; } .radiobuttonlabel { position: relative; top: 2px; display: inline-block; color: #5d686e; } .margintop25 { margin-top: 25px; clear: both; } .formsection { margin-bottom: 20px; padding: 10px; border: 1px solid #d4d4d4; } .formsection .formheader { margin-bottom: 25px; } .formsection .formheader h3 { margin-bottom: 0; } .formsection .formheader .icon-fontawesome { margin-top: 10px; } .partnerlogoinfo { margin-left: 10px; font-size: 13px; line-height: 16px; } .icon-delete { display: inline-block; width: 12px; height: 14px; background: url('/typo3conf/ext/local/Resources/Public/Images/icons/icon-del.png') 0 0 no-repeat; } .formrowhours { /*height: 28px;*/ margin-bottom: 7px; } .align-center{ text-align: center; } .fieldlabelhours { position: relative; top: 5px; display: inline-block; width: 33%; margin-right: 2%; color: #5d686e; font-size: 13px; } .hoursseperator { position: relative; top: -4px; display: inline-block; padding-right: 5px; padding-left: 5px; color: #5d686e; } .hoursseperatorUnd{ top: 4px; } .labeltextarea { margin-bottom: 5px; color: #5d686e; font-size: 13px; font-weight: 700; } .seperator1px { height: 1px; margin-top: 10px; clear: left; background-color: #d4d4d4; } .seperator1px.fluid { margin-left: -20px; margin-right: -20px; margin-top: 25px; margin-bottom: 15px; } .add-more { display: inline-block; margin-top: 15px; padding-left: 25px; background-image: url('/typo3conf/ext/local/Resources/Public/Images/icon-plus-dark.png'); background-position: 0px 50%; background-repeat: no-repeat; color: #5d686e; font-weight: 400; text-decoration: none; } .add-more:hover { background-image: url('/typo3conf/ext/local/Resources/Public/Images/icon-plus-red.png'); color: #e30613; } .formlabel { margin-bottom: 5px; color: #5d686e; font-size: 13px; font-weight: 700; } .labelcard { width: 50px; height: 30px; min-width: 0px; } .labelcard.cardvisa { background-image: url('/typo3conf/ext/local/Resources/Public/Images/card-visa.png'); background-repeat: no-repeat; } .labelcard.cardmaster, .labelcard.cardmastercard{ background-image: url('/typo3conf/ext/local/Resources/Public/Images/card-mastercard.png'); } .labelcard.cardbar { background-image: url('/typo3conf/ext/local/Resources/Public/Images/card-bar.png'); } .cardcheckbox { display: inline-block; width: 75px; margin-right: 20px; } .radiowidthsmall { display: inline-block; width: 26%; } .bilderrow { margin-top: 15px; } .accordionbig { height: 50px; margin-top: 10px; padding: 14px 10px 10px; border: 1px solid #d4d4d4; } .ui-accordion-header { cursor: pointer; } .ui-accordion-header-icon { float: right; margin-top: 5px; width: 13px; height: 9px; background: url("/typo3conf/ext/local/Resources/Public/Images/arrows.png") 0 0 no-repeat; } .icon-circle-arrow-up { background-position: 0 -9px; } .pagetitlebg { background-color: white; box-shadow: rgba(0, 0, 0, 0.24) 1px 1px 1px 0px; } .pagetitlesr { width: 75%; float: left; } .detail-header { font-size: 0; } .detail-header h1, .detail-header .partnerlogotitle { display: inline-block; vertical-align: middle; } .detail-header .partnerlogotitle { width: 35%; padding:10px; text-align: right; } .detail-header .partnerlogotitle img { height: auto; } .detail-header h1 { height: 100%; width: 65%; } .detail-header h1:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; } .searchmodulesr { margin-bottom: 25px; padding: 15px; background-color: rgba(255, 255, 255, 0.95); box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px 0px; } .checkboxfieldsr { display: inline-block; width: 42%; margin-bottom: 10px; margin-left: 15px; padding-left: 10px; font-size: 13px; } .checkboxlabelsr { color: #5d686e; line-height: 21px; } .greytext { color: #5d686e; } .greytext.icon-automarken { padding-left: 40px; background-image: url('/typo3conf/ext/local/Resources/Public/Images/icon-automarken.png'); background-position: 0px 50%; background-repeat: no-repeat; } .greytext.icon-zusatz { padding-left: 40px; background-image: url('/typo3conf/ext/local/Resources/Public/Images/icon-zusatz.png'); background-position: 0px 50%; background-repeat: no-repeat; } .greytext.icon-kfzteile { padding-left: 40px; background-image: url('/typo3conf/ext/local/Resources/Public/Images/icon-kfzteile.png'); background-position: 0px 50%; background-repeat: no-repeat; } .greytext.icon-zahlungsgarten { padding-left: 40px; background-image: url('/typo3conf/ext/local/Resources/Public/Images/icon-zahlung.png'); background-position: 0px 50%; background-repeat: no-repeat; } .partnerservicelogos { margin-bottom: 50px; } .openinghourstext { display: inline-block; margin-bottom: 10px; margin-left: 0; /*font-size: 13px;*/ /*line-height: 16px;*/ } .openingtextinfoleft { /*padding-right: 10px;*/ } .openingtextinfoleft .button { margin: 0; } .openingtextinforight { padding-left: 20px; } .addresstextblock { display: inline-block; padding-left: 20px; background: url('/typo3conf/ext/local/Resources/Public/Images/icon-location.png') no-repeat 0 2px; } .phonetextblock { padding-left: 20px; background-image: url('/typo3conf/ext/local/Resources/Public/Images/icon-phone_1.png'); background-position: 0px 50%; background-repeat: no-repeat; } .faxtextblock { padding-left: 20px; background-image: url('/typo3conf/ext/local/Resources/Public/Images/icon-fax.png'); background-position: 0px 50%; background-repeat: no-repeat; } .emailtextblock { padding-left: 20px; background-image: url('/typo3conf/ext/local/Resources/Public/Images/icon-email-small.png'); background-position: 0px 50%; background-repeat: no-repeat; font-weight: 700; text-decoration: none; color: inherit; } .emailtextblock:hover { background-image: url('/typo3conf/ext/local/Resources/Public/Images/icon-email-small-red.png'); color: #e30613; } .mobiletextblock { padding-left: 20px; } .zumlinkblock { padding-left: 20px; background-image: url('/typo3conf/ext/local/Resources/Public/Images/icon-world-small.png'); background-position: 0px 50%; background-repeat: no-repeat; display: block; } .zumlinkblock:hover { background-image: url('/typo3conf/ext/local/Resources/Public/Images/icon-world-small-red.png'); color: #e30613; } .sociallinkswerkstatt { margin-top: 15px; margin-bottom: 20px; line-height: 25px; } .sociallinkswerkstatt.withimage { margin-top: 3px; } .facebooklinkwerkstat { display: inline-block; padding-bottom: 5px; padding-left: 20px; background: url('/typo3conf/ext/local/Resources/Public/Images/icon-facebook-circle.png') no-repeat 0 6px; background-size: 13px; color: #5d686e; font-weight: 700; text-decoration: none; } .facebooklinkwerkstat:hover { background-image: url('/typo3conf/ext/local/Resources/Public/Images/icon-facebook-circle-red.png'); color: #e30613; } .googlelinkwerkstatt { display: inline-block; padding-bottom: 5px; padding-left: 20px; background: url('/typo3conf/ext/local/Resources/Public/Images/icon-google-circle-red.png') no-repeat 0 6px; background-size: 13px; color: #5d686e; font-weight: 700; text-decoration: none; } .googlelinkwerkstatt:hover { background-image: url('/typo3conf/ext/local/Resources/Public/Images/icon-google-circle-red_1.png'); color: #e30613; } .emaillinkwerkstatt { display: inline-block; padding-bottom: 5px; padding-left: 30px; background-image: url('/typo3conf/ext/local/Resources/Public/Images/icon-email-circle.png'); background-position: 0px 1px; background-repeat: no-repeat; color: #5d686e; font-weight: 700; text-decoration: none; } .emaillinkwerkstatt:hover { background-image: url('/typo3conf/ext/local/Resources/Public/Images/icon-email-circle-red.png'); color: #e30613; } .maincontentwrap { /*min-height: 430px;*/ min-height: 100px; /*padding-bottom: 20px;*/ background-color: rgba(255, 255, 255, 0.95); box-shadow: rgba(0, 0, 0, 0.24) 1px 1px 1px 0px; } .mapwerkstattwrap { height: 180px; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; margin-left: -20px; margin-right: -20px; } .news-text-wrap { margin-bottom: 20px; } .tabswerkstatt { border-bottom: 1px solid #d4d4d4; } .tabswerkstatt .w-tab-link { border-left: 1px solid #d4d4d4; } .tabswerkstatt .w--current + .w-tab-link, .tabswerkstatt .w-tab-link:first-child:not(.w--current) { border-left-color: transparent; } .tabtitle { color: #5d686e; font-weight: 700; } .tabbackground { padding-right: 15px; padding-left: 15px; border-top: 1px solid transparent; border-right: 1px solid transparent; border-left: 1px solid transparent; background-color: transparent; top: 1px; } .tabbackground.w--current { background-color: transparent; border: 1px solid #d4d4d4; /*border-bottom-color: #f3f3f4;*/ border-bottom-color: transparent; position: relative; top: 1px; } .tabswerkstatt .w--current .tabtitle { color: #e30613; } .tabbackground.tabactive.w--current { border-style: solid solid none; border-top-width: 1px; border-top-color: #d4d4d4; border-right-width: 1px; border-right-color: #d4d4d4; border-left-width: 1px; border-left-color: #d4d4d4; background-color: transparent; color: #e30613; } .tabcontent { padding: 15px; border: 1px solid #d4d4d4; border-top: 0; color: #5d686e; } .floatright { float: right; } .ul { padding-left: 20px; } .icon-card { margin-right: 10px; } .floatleft { margin-right: 10px; float: left; } .servicesicons { width: 38%; float: right; text-align: right; } .servicesicons a, .serviceicons a{ text-decoration: none; } .searchresultitem { position: relative; padding: 15px; } .searchresultitem + .searchresultitem { border-top: 1px solid #d4d4d4; } .searchresultinfoblock p { margin: 0; } .searchresultinfoblock p + p { margin-top: 10px; } .searchresultinfoblock img { vertical-align: top; border: 1px solid #ccc; } .searchresultinfoblock img + .openinghourstext { margin-left: 15px; } .searchresultinfoblock .openinghourstext { margin-bottom: 0; } .searchresultitem.searchresultactive { position: relative; background-color: #dfdede; } .searchresultinfoblock a,.openinghourstext a { text-decoration: none; color: inherit; font-weight: bold; } .textright { text-align: right; } .servicessmalltext { color: #5d686e; font-size: 12px; font-weight: 700; text-align: right; } .searchresultinfoblock { display: inline; width: 62%; float: left; } .searchresultimage { float: left; } .navdropdown { padding: 0px; } .navdropdownarrow { right: -20px; display: none; } .bgimage { position: fixed; z-index: -2; width: 100%; height: 100%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); background-image: url('/typo3conf/ext/local/Resources/Public/Images/main-bg.jpg'); background-position: 50% 50%; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; } .languagesandcardswrap { padding-top: 15px; } .dropdownlist { margin-top: 36px; background-color: rgba(255, 255, 255, 0.95); box-shadow: rgba(0, 0, 0, 0.21) 1px 1px 1px 0px; } .dropdownlist.w--open { background-color: white; } .dropdownnavlink { font-weight: 700; text-decoration: none; text-transform: uppercase; text-align: center; } .dropdownnavlink:hover { /*background-color: #e30613; color: #fff;*/ color: #e30613; text-decoration: none; } .dropdownnavlink.w--current { color: #5d686e; } .loginforminfotext { margin-top: 10px; margin-right: 9px; } /* Tooltip */ .ui-tooltip { position: absolute; z-index: 9999; padding: 8px; max-width: 200px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; font-size: 13px; color: #697075; font-weight: 500; } .ui-tooltip, .arrow:after { background: #eeeeee; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #eeeeee 0%, #eeeeee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #eeeeee)); background: -webkit-linear-gradient(top, #eeeeee 0%, #eeeeee 100%); background: -o-linear-gradient(top, #eeeeee 0%, #eeeeee 100%); background: -ms-linear-gradient(top, #eeeeee 0%, #eeeeee 100%); background: linear-gradient(to bottom, #eeeeee 0%, #eeeeee 100%); filter: none; box-shadow: 0 0 7px #888; } .ui-tooltip { padding: 5px 10px; box-shadow: 0 0 7px #888; } .arrow { position: absolute; bottom: -16px; left: 50%; /*overflow: hidden;*/ margin-left: -35px; width: 70px; height: 16px; } .arrow.top { top: -16px; bottom: auto; } .arrow.left { left: 20%; } .arrow.right { left: auto; right: -15px; } .arrow:after, .arrow:before{ /*position: absolute; top: -20px; left: 20px; width: 25px; height: 25px; box-shadow: 6px 5px 9px -9px black; content: ""; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);*/ content: ''; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #eeeeee; background: transparent; box-shadow: none; top: 0; position: absolute; z-index: 10; left: 24px } .arrow:before { z-index: -1; border-top-color: #888; top:1px; opacity: 0.4; } .arrow:before { z-index: -1; } .arrow.top:after { top: auto; bottom: -20px; } /* Custom radio and checkbox */ .w-radio-custom, .w-checkbox-custom { padding-left: 0; } .w-radio-custom input, .w-checkbox-custom input { display: none; } .label { margin-left: 5px; vertical-align: middle; } .w-radio .state, .w-checkbox .state { display: inline-block; vertical-align: middle; padding-right: 5px; width: 20px; height: 20px; /*background: url("/typo3conf/ext/local/Resources/Public/Images/radio.png") 0 0 no-repeat;*/ background-image: url("/typo3conf/ext/local/Resources/Public/Images/checkbox.png"); } .w-checkbox .state { background-image: url("/typo3conf/ext/local/Resources/Public/Images/checkbox.png"); } .w-checkbox-small .state { width: 15px; height: 15px; background-image: url("/typo3conf/ext/local/Resources/Public/Images/checkbox-small.png"); } .w-radio-custom input:checked + .state, .w-checkbox-custom input:checked + .state, .w-radio-custom input.checked + .state, .w-checkbox-custom input.checked + .state{ background-position: 0 -20px; } .w-checkbox-small input:checked + .state, .w-checkbox-small input.checked + .state{ background-position: 0 -15px; } .form-field-row { position: relative; margin-left: -10px; margin-right: -10px; } .form-field-size { float: left; padding-left: 10px; padding-right: 10px; position: relative; } .maincontent .parsley-errors-list { list-style: none; margin:0; padding:0; clear: both; display: none; } .maincontent .parsley-errors-list.filled { display: inline-block; } .maincontent .parsley-errors-list li { margin: 0; padding: 0; color: #e30613; } .img-label { display: inline-block; vertical-align: middle; } /* Slider */ .maincontent .slider, .slider { padding-left: 0; list-style: none; margin: 0; position: relative; } .maincontent ul.slider li { padding-bottom: 0; position: absolute; left: 0; top: 0; } .slider-wrapper img { border: 1px solid #b1b1b1; } .pager { /*margin-top: 12px;*/ } .pager img { opacity: 0.8; transition: opacity 0.3s; } .pager img:hover { opacity: 1; } .slider-wrapper .bx-wrapper { position: relative; margin-bottom: 10px; } .slider-wrapper .bx-prev, .slider-wrapper .bx-next { position: absolute; /*top: 12px;*/ top: 0px; z-index: 100; width: 18px; height: 78px; text-indent: -999px; overflow: hidden; background: url("/typo3conf/ext/local/Resources/Public/Images/slider-nav.png") 0 50% no-repeat; border: 1px solid #b1b1b1; } .slider-wrapper .bx-prev { left: 0; } .slider-wrapper .bx-next { right: 0; background-position: 100% 50; } .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* CONTENT ONLY TEMPLATE ======================== */ .main.content-only { margin: 0; padding-top: 150px; } .main.content-only .maincontentwrap { min-height: 0; } @media (max-width: 766px) { .main.content-only { padding-top: 100px; } } /* TEMPLATE MODIFICATORS ======================== */ /* error 404 */ .tmpl-error-404 .maincontentwrap { position: relative; height: 444px; min-height: 444px; } .tmpl-error-404 .maincontent { z-index: 500; } .tmpl-error-404 .maincontentwrap:after { background: url('/typo3conf/ext/local/Resources/Public/Images/Themes/0000_default/404-error.png') no-repeat; width: 386px; height: 480px; content: ' '; display: block; position: absolute; top: -30px; right: -100px; z-index: 499; } @media (max-width: 479px) { .tmpl-error-404 .maincontentwrap { height: auto; min-height: auto; padding-bottom: 0; } .tmpl-error-404 .maincontentwrap:after { position: relative; top: 0; right: 0; height: auto; min-height: 350px; max-width: 100%; background-size: 100%; clear: both; } } .ui-helper-hidden-accessible { display: none; } object { margin-bottom: 20px; } ul.documents-list { list-style-type: none !important; padding-left: 0; } --> /**/ Autofit | Sitemap