#preload-teaser::after{ position: absolute; width: 0; height: 0; overflow: hidden; z-index: -1; content: url(/files/inhalte/mediathek/teaser/online-einblick.jpg) url(/files/inhalte/mediathek/teaser/videothek.jpg) url(/files/inhalte/mediathek/teaser/downloads.jpg) url(/files/inhalte/mediathek/teaser/galerie.jpg) url(/files/inhalte/mediathek/teaser/presse-berichte.jpg); } /* --------------- MEDIATHEK IMAGES --------------- */ .expanding-grid .links > li a.einblick {background-image:url("/files/inhalte/mediathek/teaser/online-einblick_blur.jpg");} .expanding-grid .links > li a.einblick:hover {background-image:url("/files/inhalte/mediathek/teaser/online-einblick.jpg");} .expanding-grid .links > li a.videothek {background-image:url("/files/inhalte/mediathek/teaser/videothek_blur.jpg");} .expanding-grid .links > li a.videothek:hover {background-image:url("/files/inhalte/mediathek/teaser/videothek.jpg");} .expanding-grid .links > li a.downloads {background-image:url("/files/inhalte/mediathek/teaser/downloads_blur.jpg");} .expanding-grid .links > li a.downloads:hover {background-image:url("/files/inhalte/mediathek/teaser/downloads.jpg");} .expanding-grid .links > li a.galerie {background-image:url("/files/inhalte/mediathek/teaser/galerie_blur.jpg");} .expanding-grid .links > li a.galerie:hover {background-image:url("/files/inhalte/mediathek/teaser/galerie.jpg");} .expanding-grid .links > li a.presse {background-image:url("/files/inhalte/mediathek/teaser/presse-berichte_blur.jpg");} .expanding-grid .links > li a.presse:hover {background-image:url("/files/inhalte/mediathek/teaser/presse-berichte.jpg");} /* ----- MEDIATHEK > PRESSE IMAGES ----- */ #preload-presseberichte { background: url('/files/inhalte/mediathek/presse/presseberichte.jpg') no-repeat -9999px -9999px; display: none;} #preload-pressemitteilungen { background: url('/files/inhalte/mediathek/presse/pressemitteilungen.jpg') no-repeat -9999px -9999px; display: none;} #preload-pressedownloads { background: url('/files/inhalte/mediathek/presse/pressedownloads.jpg') no-repeat -9999px -9999px; display: none;} .expanding-grid .links > li a.presseberichte {background-image:url("/files/inhalte/mediathek/presse/presseberichte_blur.jpg");} .expanding-grid .links > li a.presseberichte:hover {background-image:url("/files/inhalte/mediathek/presse/presseberichte.jpg");} .expanding-grid .links > li a.pressemitteilungen {background-image:url("/files/inhalte/mediathek/presse/pressemitteilungen_blur.jpg");} .expanding-grid .links > li a.pressemitteilungen:hover {background-image:url("/files/inhalte/mediathek/presse/pressemitteilungen.jpg");} .expanding-grid .links > li a.pressedownloads {background-image:url("/files/inhalte/mediathek/presse/pressedownloads_blur.jpg");} .expanding-grid .links > li a.pressedownloads:hover {background-image:url("/files/inhalte/mediathek/presse/pressedownloads.jpg");} /* --------------- MEDIATHEK > VIDEOTHEK --------------- */ #videothek .expanding-grid .links > li a {background-repeat: no-repeat; background-size: contain; background-position: center; background-color: #151515;} .expanding-grid .links > li a.local {background-size: contain; background-position: center; background-color: #151515} .expanding-grid .links > li a.local:hover {background-position: center} .expanding-grid .links > li a.inventur-app {background-image:url("/files/inhalte/video/inventurerfassung-mein-autohaus-app.webp");} .expanding-grid .links > li a.termineintraege {background-image:url("/files/inhalte/mediathek/videothek/01-termineintraege.jpg");} .expanding-grid .links > li a.tecdoc {background-image:url("/files/inhalte/mediathek/videothek/02-tecdoc.jpg");} .expanding-grid .links > li a.listenausgabe {background-image:url("/files/inhalte/mediathek/videothek/03-listenausgabe.jpg");} .expanding-grid .links > li a.sachkonten {background-image:url("/files/inhalte/mediathek/videothek/311-sachkonten.jpg");} .expanding-grid .links > li a.reifensaison {background-image:url("/files/inhalte/mediathek/videothek/05-reifensaison.jpg");} .expanding-grid .links > li a.seketionsausgabe {background-image:url("/files/inhalte/mediathek/videothek/06-seketionsausgabe.jpg");} .expanding-grid .links > li a.microsoft {background-image:url("/files/inhalte/mediathek/videothek/07-microsoft.jpg");} .expanding-grid .links > li a.echtdrucker {background-image:url("/files/inhalte/mediathek/videothek/08-echtdrucker.jpg");} .expanding-grid .links > li a.grundvideo {background-image:url("/files/inhalte/mediathek/videothek/09-grundvideo.jpg");} .expanding-grid .links > li a.b-vs-d {background-image:url("/files/inhalte/mediathek/videothek/b-vs-d.jpg");} .expanding-grid .links > li a.ortungsfunktion {background-image:url("/files/inhalte/mediathek/videothek/ortungsfunktion.jpg");} .expanding-grid .links > li a.datensicherung {background-image:url("/files/inhalte/mediathek/videothek/datensicherung.jpg");} .expanding-grid .links > li a.videothumb-1 {background-image:url("/files/inhalte/mediathek/videothek/video-1.jpg");} .expanding-grid .links > li a.videothumb-2 {background-image:url("/files/inhalte/mediathek/videothek/video-2.jpg");} .expanding-grid .links > li a.quick-search {background-image:url("/files/inhalte/mediathek/videothek/quick-search.jpg");} .expanding-grid .links > li a.stempelzeitauswertung {background-image:url("/files/inhalte/mediathek/videothek/stempelzeitauswertung.jpg");} .expanding-grid .links > li a.auftragsunterschrift {background-image:url("/files/inhalte/mediathek/videothek/auftragsunterschrift.jpg");} .expanding-grid .links > li a.stempelzeitausdruck {background-image:url("/files/inhalte/mediathek/videothek/stempelzeitausdruck.jpg");} .expanding-grid .links > li a.kassenabschluss {background-image:url("/files/inhalte/mediathek/videothek/kassenabschluss.jpg");} .expanding-grid .links > li a.kontensteuerung {background-image:url("/files/inhalte/mediathek/videothek/kontensteuerung.jpg");} .expanding-grid .links > li a.haendische-inventur {background-image:url("/files/inhalte/mediathek/videothek/inventur/01-haendische-inventur.jpg");} .expanding-grid .links > li a.opticon-scanner {background-image:url("/files/inhalte/mediathek/videothek/inventur/02-opticon-scanner.jpg");} .expanding-grid .links > li a.inventur-scanner {background-image:url("/files/inhalte/mediathek/videothek/inventur/03-inventur-per-scanner.jpg");} .expanding-grid .links > li a.inventur {background-image:url("/files/inhalte/mediathek/videothek/inventur/04-inventur.jpg");} .expanding-grid .links > li a.lager-abwertungen {background-image:url("/files/inhalte/mediathek/videothek/inventur/05-lager-abwertungen.jpg");} /* --------------- MEDIATHEK STYLES --------------- */ a.loginbutton {transition: all 0.2s ease-out 0s; padding: 4px 8px; background: #df252b; border-bottom: 1px solid #df252b; color: #ffffff; margin: 15px 0 0 10px; float: right;} a.loginbutton:hover {color: #ffffff; background-color: #be1c22; text-decoration: none;} #login_mod input{width: 100% !important;} #login_mod input[type="submit"] {margin-top: 20px; padding: 10px;} /* MEIN LOCO */ .mein-loco a, #myBtn {font-size: 13px; color: #df252b;} .custom_infoicon {width: 18px; height: 18px; border-radius: 50%; border: 1px solid #888888; text-align: center; font-size: 12px; background: #efefef; margin-top: 10px; cursor: help;} .custom_infoicon:hover {border: 1px solid #a0161a; color: #fff; background: #df252b; cursor: help;} table td.descr {width: 37%; line-height: 1.6;} .dropzone {min-height: 180px;} .dropzone .dz-message {margin: 3em 0;} /* Mein Loco - Mediathek-Upload (ULF) */ form.ulf-form {margin-bottom: 50px;} form.ulf-form table td.col_0 {width: 37%; font-size: 14px;} form.ulf-form input{width: 100%;} form.ulf-form h3, span.mandatory {display: none;} form.ulf-form hr {border-top: 1px solid #eee; margin: 5px 0;} form#f58 label{font-size: 14px;} /* Mediathek-Upload (Daten)*/ .ce_downloads h3{display: none;} .ce_text ul {padding-left: 0;} /* VIDEOTHEK Powr.io */ .hide-mark {width: 100%; height: 70px; display: block; background-color: #fff; position: relative; top: -90px; left: 0px; margin-bottom: -40px;} /* DOWNLOADS */ .download-grid {width: 29%; margin-right: 4%; display: inline-block; margin-top: 0; margin-bottom: 20px;} .download-grid .caption a{font-size: 14px; color: #df252b; margin-top: 10px; margin-bottom: 8px;} .download-grid .caption {font-size: 13px; position: relative; text-align: center;} .download-grid img{width: 100% !important; margin: 0 auto;} .download-grid .image_container {margin-bottom: 0px;} /*Zoom In*/ .download-grid a img {-webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;} .download-grid:hover a img {-webkit-transform: scale(1.1); transform: scale(1.1);} .doc-grid {width: 30.5%; margin: 1%; display: inline-block; margin-top: 0;} .doc-grid .caption {font-size: 14px; color: #df252b; position: absolute; left: 0; text-align: center; z-index:1;} .doc-grid img{width: inherit !important; margin: 0 auto; padding-bottom: 30px; z-index: 2; position: relative;} /* Tooltip */ .hasTooltip span {display: none; color: #000; text-decoration: none; padding: 3px;} .hasTooltip:hover span {display: block; position: absolute; right: 5px; background-color: #ededed; border: 1px solid #CCC; margin: 2px 10px; padding: 10px; width: 362px; height: auto;} .hasTooltip span img {margin-top: 8px;} @media only screen and (max-width: 1296px) { .hide-mark {height: 80px; top: -110px;} } @media only screen and (max-width: 989px) { .download-grid {width: 45%;} } @media only screen and (max-width: 898px) { .hide-mark {height: 100px; top: -130px;} } @media only screen and (max-width: 500px) { .download-grid {width: 100%; margin-right: 0%} .hide-mark {height: 130px; top: -160px;} }