/* ---------------------------------------------------------------
   DCE "GPS - Funktionen Raster" (neu) + DCE "GPS - Funktion" (Katalog)
   Eine Liste von Kacheln, die selbst umbricht:
   ab 992px 4 Spalten, ab 768px 2 Spalten, darunter 1 Spalte.
   Eigene Klassen, das alte Funktionen-Gitternetz bleibt unberührt.
   --------------------------------------------------------------- */

.frame-dce-funktionen-raster .funktionen-raster-wrapper {
    background: url("/fileadmin/templates/pics/funktionen-kachel.png") repeat scroll 0 0 transparent;
    box-shadow: inset -10px 20px 30px 30px #FFF;
    padding: 0 5px 45px 5px;
}

.funktionen-raster {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0 10px;
}

@media (min-width: 768px) {
    .funktionen-raster {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 992px) {
    .funktionen-raster {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

/* Rasterzellen: egal ob TYPO3 noch einen Rahmen um die Kachel legt */
.funktionen-raster > * {
    min-width: 0;
}

.funktionen-raster .dce-funktionen-einzelfunktion {
    min-height: 70px;
}

.funktionen-raster .dce-funktionen-inner-wrap {
    position: relative;
}

/* Icon links, Textfeld rechts, beides vertikal mittig */
.funktionen-raster .funktionen-link,
.funktionen-raster .dce-funktionen-inner-wrap {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.funktionen-raster .funktionen-link {
    width: 100%;
    min-width: 0;
}

.funktionen-raster .dce-funktionen-image {
    flex: 0 0 70px;
    width: 70px;
    height: 70px;
    background-size: 70px 70px;
    background-repeat: no-repeat;
    position: relative;
    z-index: 2;
}

.funktionen-raster .dce-funktionen-inner {
    flex: 1 1 auto;
    min-width: 0;
}

.funktionen-raster .dce-funktionen-valign {
    position: relative;
    z-index: 1;
    margin-left: -30px;
    padding: 5px 10px 5px 34px;
    text-align: left;
    line-height: normal;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-left: none;
    border-radius: 0 10px 10px 0;
    background: #fff;
}

.funktionen-raster .dce-funktionen-text-bold {
    font: 12px/14px "Libre Franklin Bold", Arial, sans-serif;
    color: #585858;
}

.funktionen-raster .dce-funktionen-text-small {
    font: 10px/12px "Libre Franklin Regular", Arial, sans-serif;
    color: #585858;
}

/* ---- Icons: ein neues Icon = eine neue Zeile hier
        + ein Eintrag im Dropdown des DCE "GPS - Funktion" ---- */
.funktionen-raster .dce-funktionen-image.f001-liveortung { background-image: url(/fileadmin/templates/pics/funktionen-icons-gitternetz/Live-Ortung_icon.svg); }
.funktionen-raster .dce-funktionen-image.f002-lkwnavigation { background-image: url(/fileadmin/templates/pics/funktionen-icons-gitternetz/navigation_icon.svg); }
.funktionen-raster .dce-funktionen-image.f003-arbeitszeiterfassung { background-image: url(/fileadmin/templates/pics/funktionen-icons-gitternetz/Arbeitszeiterfassung_icon.svg); }
.funktionen-raster .dce-funktionen-image.f004-auftragsmanagement { background-image: url(/fileadmin/templates/pics/funktionen-icons-gitternetz/Auftragsmanagement_icon.svg); }
.funktionen-raster .dce-funktionen-image.f005-fmscanbus { background-image: url(/fileadmin/templates/pics/funktionen-icons-gitternetz/FMS-CAN.svg); }
.funktionen-raster .dce-funktionen-image.f006-fuehrerscheinkontrolle { background-image: url(/fileadmin/templates/pics/funktionen-icons-gitternetz/Fuehrerscheinkontrolle_icon.svg); }
.funktionen-raster .dce-funktionen-image.f007-kommunikation { background-image: url(/fileadmin/templates/pics/funktionen-icons-gitternetz/Kommunikation_icon.svg); }
.funktionen-raster .dce-funktionen-image.f008-lenkruhezeiten { background-image: url(/fileadmin/templates/pics/funktionen-icons-gitternetz/Lenk-und-Ruhezeiten_icon.svg); }
.funktionen-raster .dce-funktionen-image.f009-nfcusbbluetooth { background-image: url(/fileadmin/templates/pics/funktionen-icons-gitternetz/NFC-USB-Bluetooth.svg); }
.funktionen-raster .dce-funktionen-image.f010-objekterkennung { background-image: url(/fileadmin/templates/pics/funktionen-icons-gitternetz/Objekterkennung_icon.svg); }
.funktionen-raster .dce-funktionen-image.f011-reifendruckkontrolle { background-image: url(/fileadmin/templates/pics/funktionen-icons-gitternetz/Reifendruckkontrolle_icon.svg); }
.funktionen-raster .dce-funktionen-image.f012-remotedownloadtacho { background-image: url(/fileadmin/templates/pics/funktionen-icons-gitternetz/OTA_Tacho-Auslese_icon.svg); }
.funktionen-raster .dce-funktionen-image.f013-spesenabrechnung { background-image: url(/fileadmin/templates/pics/funktionen-icons-gitternetz/Spesenabrechnung_icon.svg); }
.funktionen-raster .dce-funktionen-image.f014-zahlreichestatistiken { background-image: url(/fileadmin/templates/pics/funktionen-icons-gitternetz/Zahlreiche-Statistiken.svg); }
.funktionen-raster .dce-funktionen-image.f015-editierbaresfahrenbuch { background-image: url(/fileadmin/templates/pics/funktionen-icons-gitternetz/elektr-fahrtenbuch_icon.svg); }
.funktionen-raster .dce-funktionen-image.f016-diebstahlschutz { background-image: url(/fileadmin/templates/pics/funktionen-icons-gitternetz/Diebstahlschutz_icon.svg); }
.funktionen-raster .dce-funktionen-image.f017-auftraegetourenziele { background-image: url(/fileadmin/templates/pics/funktionen-icons-gitternetz/Auftraege_Ziele_icon.svg); }
.funktionen-raster .dce-funktionen-image.f018-archivdatenfahrtdaten { background-image: url(/fileadmin/templates/pics/funktionen-icons-gitternetz/Archivdaten_Fahrtdaten_icon.svg); }
.funktionen-raster .dce-funktionen-image.f019-fahrertageswertidentifizierung { background-image: url(/fileadmin/templates/pics/funktionen-icons-gitternetz/Fahrer-Tageswertidentifikation_icon.svg); }
.funktionen-raster .dce-funktionen-image.f020-objektfreigabefunktion { background-image: url(/fileadmin/templates/pics/funktionen-icons-gitternetz/Objekt-Freigabefunktion_icon.svg); }
.funktionen-raster .dce-funktionen-image.f021-ereignisanzeige { background-image: url(/fileadmin/templates/pics/funktionen-icons-gitternetz/Ereignisanzeige_icon.svg); }
.funktionen-raster .dce-funktionen-image.f022-ausgangssignalschaltung { background-image: url(/fileadmin/templates/pics/funktionen-icons-gitternetz/Ausgangssignalschaltung_icon.svg); }
.funktionen-raster .dce-funktionen-image.f023-zeitstrahlansicht { background-image: url(/fileadmin/templates/pics/funktionen-icons-gitternetz/Zeitstrahlansicht_icon.svg); }

/* ---- Icons Ausstattungsmerkmale (Seite "Ausstattungskatalog") ---- */
.funktionen-raster .dce-funktionen-image.a001-7touchdisplay { background-image: url(/fileadmin/templates/pics/ausstattung-icons-gitternetz/Touchdisplay.svg); }
.funktionen-raster .dce-funktionen-image.a002-72-kanal-gnss-receiver { background-image: url(/fileadmin/templates/pics/ausstattung-icons-gitternetz/72-Kanal-GNSS-Receiver.svg); }
.funktionen-raster .dce-funktionen-image.a003-breitband-gsm { background-image: url(/fileadmin/templates/pics/ausstattung-icons-gitternetz/Breitband-GSM.svg); }
.funktionen-raster .dce-funktionen-image.a004-bluetooth-3-0 { background-image: url(/fileadmin/templates/pics/ausstattung-icons-gitternetz/Bluetooth_3-0.svg); }
.funktionen-raster .dce-funktionen-image.a005-bluetooth-le { background-image: url(/fileadmin/templates/pics/ausstattung-icons-gitternetz/Bluetooth_LE.svg); }
.funktionen-raster .dce-funktionen-image.a006-lithium-polymer-akku { background-image: url(/fileadmin/templates/pics/ausstattung-icons-gitternetz/Lithium-Polymer-Akku.svg); }
.funktionen-raster .dce-funktionen-image.a007-zwei-getrennte-prozessoren { background-image: url(/fileadmin/templates/pics/ausstattung-icons-gitternetz/Zwei-getrennte-Prozessoren.svg); }
.funktionen-raster .dce-funktionen-image.a008-nfc { background-image: url(/fileadmin/templates/pics/ausstattung-icons-gitternetz/NFC.svg); }
.funktionen-raster .dce-funktionen-image.a009-minimale-stromaufnahme { background-image: url(/fileadmin/templates/pics/ausstattung-icons-gitternetz/Minimale-Stromaufname.svg); }
.funktionen-raster .dce-funktionen-image.a010-beschleunigungs-traegheitssensor { background-image: url(/fileadmin/templates/pics/ausstattung-icons-gitternetz/Beschl-Traegh-Sensor.svg); }
.funktionen-raster .dce-funktionen-image.a011-drei-digitale-statusanzeigen { background-image: url(/fileadmin/templates/pics/ausstattung-icons-gitternetz/Drei-dig-Statusanzeigen.svg); }
.funktionen-raster .dce-funktionen-image.a012-spannungsbereich-12-24v { background-image: url(/fileadmin/templates/pics/ausstattung-icons-gitternetz/Spannungsbereich_12-24V.svg); }
.funktionen-raster .dce-funktionen-image.a013-zwei-digitale-statusanzeigen { background-image: url(/fileadmin/templates/pics/ausstattung-icons-gitternetz/Zwei-dig-Statusanzeigen.svg); }
.funktionen-raster .dce-funktionen-image.a014-92-kanal-gnss-receiver { background-image: url(/fileadmin/templates/pics/ausstattung-icons-gitternetz/72-Kanal-GNSS-Receiver.svg); }

/* Merkmale ohne Beschreibung: leere Zeile nicht anzeigen */
.funktionen-raster .dce-funktionen-text-small:empty {
    display: none;
}