/* ============================================================
   ICONS – Flaticon-Symbolfont (aus dem Original uebernommen)
   ============================================================ */
@font-face {
    font-family: "Flaticon";
    src: url("../fonts/flaticon.eot");
    src: url("../fonts/flaticon.eot#iefix") format("embedded-opentype"),
         url("../fonts/flaticon.woff") format("woff"),
         url("../fonts/flaticon.ttf") format("truetype"),
         url("../fonts/flaticon.svg#Flaticon") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

[class^="flaticon-"]:before,
[class*=" flaticon-"]:before {
    font-family: Flaticon;
    font-size: 80px;
    font-style: normal;
    padding: 10px;
    line-height: 1;
    color: var(--color-primary);
}

.flaticon-clock:before       { content: "\e00a"; }
.flaticon-thermometer:before { content: "\e033"; }
.flaticon-net:before         { content: "\e016"; }

/* ================= ICON CONTAINERS ================== */
.icon-container {
    position: relative;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
.icon-container a {
    outline: none;
    text-decoration: none;
}
.icon-text {
    text-align: center;
}
/* Info-Block-Titel: h3-Optik (30px) bei korrekter Heading-Ebene (h2) */
.icon-text h2 {
    font-size: 30px;
    margin-bottom: 20px;
}