:root {
    --body-fontSize: 1.05rem;

    /* focusColor */
    --focusColor: #004b8f;

    /* body, html */
    --bodyColor: #696969; /* dnkelgrau */
    --mainColor: #004b8f; /* dunkelblau */
}

.logo {
    width: 230px;
}

/* Langswitcher */
ul[aria-label="select language"] li a img,
ul[aria-label="select language"] li a span {
    pointer-events: none;
}

ul[aria-label="select language"] li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.ce_revolutionslider_text.bold,
.font_headline {
    font-family: "Roboto Condensed" !important;
    font-weight: 700 !important;
}

h1,
.h1,
.h1 p {
    font-size: 2.3rem;
}
h2,
.h2,
.h2 p {
    font-size: 1.9rem;
}

h1,
h1 a,
.h1,
.h1 a,
.h1 p {
    color: #004b8f;
}

#anwendungen h2 {
    font-size: 1.4rem !important;
}

.font-size-xs,
.font-size-xs p,
.font-size-2,
.font-size-2 p {
    font-size: 1.35rem;
    line-height: 1.4;
}

#breadcrumb {
    display: none;
}
.mobile {
    display: none;
}

.topbar_mail .icon .fa-envelope-o {
    margin-right: 5px ;
}

.mainmenu ul li a {
    font-size: 19px;
}
.mainmenu ul ul {
    padding: 0px;
}
.mainmenu ul li ul li a {
    font-size: 18px;
}
.mainmenu ul ul li a:hover:not(.menuheader):not(.megamenu),
.mainmenu ul ul li a.active,
.mainmenu ul ul li a.trail:not(.megamenu) {
    background: #fff !important;
}

.mod_pct_megamenu h5 {
    margin-bottom: 0px;
}
.mod_pct_megamenu .item {
    border-top: 2px solid #e6007e;
}
.mod_pct_megamenu .mod_navigation a {
    font-weight: 700;
    color: var(--mainColor);
}
.mod_pct_megamenu .mod_navigation a:before {
    height: 1px;
    background: var(--mainColor);
}

.mod_search {
    display: none;
}

/* Mainmenu mit secondColor hinterlegte Schaltflächen  */
/* .mainmenu ul ul li a:hover:not(.menuheader):not(.megamenu), .header .mainmenu ul ul li a.active, .header .mainmenu ul ul li a.trail:not(.megamenu) {
  color: rgb(255,255,255) !important;
}
.mainmenu ul ul li a:hover:not(.menuheader):not(.megamenu), .mainmenu ul ul li a.active, .mainmenu ul ul li a.trail:not(.megamenu) {
  background: #e6007e !important;
} */
/* Mainmenu mit secondColor hinterlegte Schaltflächen Ende */

.mainmenu_link {
    border-bottom: 0px !important;
}

/* News Reader */
.info .meta-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0.5em;
}

.info .backlink a {
    text-decoration: none;
    color: var(--accentColor);
    font-size: 1.2em;
    padding-top: 5px;
}

.info .backlink a:hover {
    text-decoration: underline;
}

.info .date {
    font-size: 0.95em;
    color: #666;
}
/* News Reader Ende */

/* News Teaser */
.newsteaser .date {
    display: none;
}

.ce_divider_extended.version4 {
    background-color: var(--secondColor) !important;
    width: 100%;
    height: 3px;
}

/* Cookie-Consent CookieBot */
.cookieconsent-optout-marketing a {
    color: var(--accentColor);
}
/* Cookie-Consent CookieBot Ende */

/* Newslist */
.mod_newslist h2 {
    font-size: 2rem;
}

.ce_image_text_box .ce_image_text_box_banner {
    font-size: 1rem;
    font-weight: bold;
}
.ce_image_text_box.version2 a.hyperlink_txt {
    text-decoration: none;
}

.ce_list ol {
    list-style-type: disc;
    list-style-position: outside;
}

.ce_download_grey a {
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 10px 15px;
    border-radius: 5px;
    position: relative;
    display: block;
}
.ce_download_grey .size {
    margin-left: 10px;
}

.text_blau,
.ce_countup .headline {
    color: #004b8f;
}
.ce_countup .text h3 {
    margin-bottom: 0px !important;
}

.offcanvas-trigger {
    display: none !important;
}

.newsteaser .info {
    display: none;
}
.newsteaser .image_container {
    border: 1px solid rgb(242, 242, 242);
    border-bottom: 0px;
}
.newsteaser .link {
    font-weight: normal;
}

.tp-caption a {
    color: #555;
}
.tp-caption a:hover {
    color: #e6007e;
}

.ce_revolutionslider_hyperlink {
    font-size: 18px;
}

.newslist-v3 .date-top {
    background: #e6007e;
}

#blue-accent .color-accent,
.blue-accent .color-accent {
    color: rgb(30, 136, 210);
}
#blue-accent form fieldset legend,
#blue-accent form .input-group-addon {
    background-color: rgb(30, 136, 210);
}
#blue-accent .ce_form .widget.mandatory .input-group-addon {
    background: rgb(30, 136, 210);
    border-color: rgb(30, 136, 210);
}

.ce_accordion.style2 .toggler.ui-state-active {
    color: rgb(255, 255, 255);
    background-color: rgb(30, 136, 210);
}
.ce_accordionSingle .image_container {
    margin-bottom: 10px;
}

/*
#werkstoffe p,
#werkstoffe li {font-size: 1.1rem;}
*/

.ce_list.style3 li {
    font-size: 1.05rem !important;
}

.ce_hyperlink a,
a.btn {
    font-size: 1.2rem;
    padding: 12px 20px;
}

.font-size-s,
.font-size-s p {
    font-size: 1.3rem;
}

.ce_text ul li.fa {
    list-style-type: none;
    display: block;
}

.ce_text ul li.fa:before {
    margin-right: 20px;
}

#top {
    font-size: 18px;
}

form fieldset .no-border {
    border: none !important;
}
form fieldset.extended {
    margin-top: 20px !important;
}
button.submit {
    border-radius: 10px;
    padding: 10px 25px !important;
}

.ce_hyperlink_small a {
    display: inline-block;
    padding: 7px 15px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
}
.ce_hyperlink_small a:hover {
    opacity: 0.8;
}

.ce_hyperlink.btn-gray a,
.ce_revolutionslider_hyperlink.btn-gray {
    background: rgb(231, 231, 231);
    border-color: rgb(231, 231, 231);
    color: rgb(51, 51, 51);
}

.mt-0 {
    margin-top: 0;
}
.mt-2 {
    margin-top: 2rem;
}
.mt-4 {
    margin-top: 4rem;
}
.mb-0 {
    margin-bottom: 0;
}
.mb-2 {
    margin-bottom: 2rem;
}
.mb-4 {
    margin-bottom: 4rem;
}

/*  Listen mit Icons  */
ul.icons,
ul.icons li {
    list-style-type: none;
    font-size: 16px;
}
li.icons:before {
    font-family: "FontAwesome";
    margin-right: 10px;
}
li.icons.user:before {
    content: "\f007";
}
li.icons.clock:before {
    content: "\f017";
}
li.icons.calendar:before {
    content: "\f073";
}
li.icons.euro:before {
    content: "\f153";
}

/*  Teaserboxen  */
h5.attribute.ce_headline.headline {
    text-transform: uppercase;
    margin-top: 20px;
}

/* Karriere - Iconbox v2 */
.ce_iconbox_v2.style3 .ce_iconbox_outside {
    padding: 0 35px 35px 35px;
}

.ce_iconbox_v2.style3 a.link {
    color: var(--accentColor);
    font-size: 1rem;
    display: inline-block;
    padding: 0px;
    border: 0px;
    margin-top: 25px;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
}
.ce_iconbox_v2.style3 a.link::before {
    content: none;
}

.ce_iconbox_v2.style3 .content {
    color: var(--bodyColor);
}

/*  Text uppercase  */
.uppercase {
    text-transform: uppercase;
}

/*  News  */
.newslist-v3-inside {
    margin: 0 20px 20px 20px;
}
.newslist-v3-inside .content {
    border-top: none;
}
.newslist-v3-inside .image_container {
    border: 1px solid rgb(220, 221, 221);
    border-bottom: none;
}
.newslist-v3 .date-top {
    left: 1px;
    top: 1px;
}

/*  Prospekte / Downloads / PDFs */

.checkbox_container.prospekt_vogt_de,
.prospekt_vogt {
    background: url(../medien/service/thumbnails/prospekt_de.jpg) no-repeat left
        center;
    padding: 40px 0px 40px 120px;
    margin: 15px 0;
    background-size: contain;
}

.checkbox_container.prospekt_vogt_en,
.ce_text.prospekt_en {
    background: url(../medien/service/thumbnails/prospekt_de.jpg) no-repeat left
        center;
    padding: 40px 0px 40px 120px;
    margin: 15px 0;
    background-size: contain;
}

.checkbox_container.brevier,
.ce_text.brevier {
    background: url(../medien/service/thumbnails/brevier_de.jpg) no-repeat left
        center;
    padding: 40px 0px 40px 120px;
    margin: 15px 0;
    background-size: contain;
}

.unternehmenspraesentation {
    background: url(../medien/service/thumbnails/praesentation.jpg) no-repeat
        left center;
    background-size: 100px 70px;
    padding: 40px 0px 40px 120px;
    margin: 15px 0;
    background-size: 100px;
}

.brevier_de {
    background: url(../medien/service/thumbnails/brevier_de.jpg) no-repeat left
        center;
    background-size: 100px 70px;
    padding: 40px 0px 40px 120px;
    margin: 15px 0;
    background-size: 100px 125px;
}

.dekra_zertifikat_de {
    background: url(../medien/service/thumbnails/DEKRA_Zertifikat.jpg) no-repeat
        left center;
    padding: 40px 0px 40px 120px;
    background-size: contain;
}

.dekra_zertifikat_eng {
    background: url(../medien/service/thumbnails/DEKRA_Certificate.jpg)
        no-repeat left center;
    padding: 40px 0px 40px 100px;
}

.zertifikat_14001_de {
    background: url(../medien/service/thumbnails/Zertifikat_14001.jpg) no-repeat
        left center;
    padding: 40px 0px 40px 120px;
}

.zertifikat_14001_en {
    background: url(../medien/service/thumbnails/Certificate_14001.jpg)
        no-repeat left center;
    padding: 40px 0px 40px 120px;
}

.terms_buying {
    background: url(../medien/service/thumbnails/terms_buying.jpg) no-repeat
        left center;
    padding: 40px 0px 40px 120px;
}

.terms_selling_delivery {
    background: url(../medien/service/thumbnails/terms_selling_delivery.jpg)
        no-repeat left center;
    padding: 40px 0px 40px 120px;
}

.reach {
    background: url(../medien/service/thumbnails/vogt_reach.jpg) no-repeat left
        center;
    padding: 40px 0px 40px 120px;
}

.klimapakt {
    background: url(../medien/service/thumbnails/klimapakt.jpg) no-repeat left
        center;
    padding: 45px 0px 45px 120px;
    background-size: contain;
}

a.pdf,
.ce_text.pdf a {
    padding: 5px 0 5px 30px;
    background: url(../img/pdficon_big.svg) no-repeat left center transparent;
    background-size: 20px;
    border-bottom: none;
    color: var(--accentColor);
}

/* Seitenleiste */
#left {
    padding-top: 3px;
}

CSS
/* Custom Bild/Text Box Produktion Start */

/* Hauptcontainer für den Hover-Trigger */
.ce_image_text_box {
    position: relative;
}

/* 1. Den Bild-Container (.ce_image_text_box_image) fixieren wir in seinem 3:2 Seitenverhältnis. */
.ce_image_text_box_image {
    position: relative;
    width: 100%;
    /* 3:2 Seitenverhältnis (400/600 * 100% = 66.666%) */
    padding-bottom: 66.666%;
    height: 0;
    overflow: hidden;
}

/* --- ZUSTAND: NICHT GEHOVERT (Standard) --- */

/* 2. Standardbild (default-image) ist sichtbar und füllt den Container */
.ce_image_text_box .default-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block !important;
    transition: opacity 0.3s;
}

/* 3. Basis-Definition für das Bildgitter (versteckt) */
.ce_image_text_box .image-grid-hover,
.ce_image_text_box .image-grid-hover-4,
.ce_image_text_box .image-grid-hover-5 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    /* Unsichtbar machen */
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s;

    display: grid;
    gap: 5px;
}

/* 4. Spezifische Grid-Definitionen */

/* 4a. 6er Grid (3x2) */
.ce_image_text_box .image-grid-hover {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
}

/* 4b. 4er Grid (2x2) */
.ce_image_text_box .image-grid-hover-4 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
}

/* 4c. 5er Grid (2 oben, 3 unten) */
/* Hier nutzen wir 6 Spalten als kleinsten gemeinsamen Nenner für 2er und 3er Aufteilung */
.ce_image_text_box .image-grid-hover-5 {
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(2, 1fr);
}

/* Da im HTML <a>-Tags um die Bilder liegen, müssen wir die <a> selektieren */
.ce_image_text_box .image-grid-hover-5 a:nth-child(1),
.ce_image_text_box .image-grid-hover-5 a:nth-child(2) {
    grid-column: span 3;
}

.ce_image_text_box .image-grid-hover-5 a:nth-child(n + 3) {
    grid-column: span 2;
}

/* --- ZUSTAND: BEIM HOVERN AUF DIE BOX (.ce_image_text_box) --- */

/* 5. Standardbild ausblenden */
.ce_image_text_box:hover .default-image {
    opacity: 0;
}

/* 6. Gitter einblenden (Für alle drei Versionen) */
.ce_image_text_box:hover .image-grid-hover,
.ce_image_text_box:hover .image-grid-hover-4,
.ce_image_text_box:hover .image-grid-hover-5 {
    opacity: 1;
    pointer-events: all;
}

/* ------------------- Gitter-Bilder Styling (Gilt für alle Grids) ------------------- */

.ce_image_text_box .image-grid-hover a,
.ce_image_text_box .image-grid-hover-4 a,
.ce_image_text_box .image-grid-hover-5 a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.ce_image_text_box .image-grid-hover img,
.ce_image_text_box .image-grid-hover-4 img,
.ce_image_text_box .image-grid-hover-5 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
    transition: transform 0.3s ease;
    display: block;
}

.ce_image_text_box .image-grid-hover img:hover,
.ce_image_text_box .image-grid-hover-4 img:hover,
.ce_image_text_box .image-grid-hover-5 img:hover {
    transform: scale(1.05);
}

/* Custom Bild/Text Box Produktion Ende */

@media only screen and (max-width: 767px) {
    .logo {
        width: 150px;
        height: 70px;
    }
    .mobile {
        display: block !important;
    }
}

/* roboto-100 - latin */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 100;
    src: url("../fonts/roboto/roboto-v20-latin-100.eot"); /* IE9 Compat Modes */
    src:
        local("Roboto Thin"),
        local("Roboto-Thin"),
        url("../fonts/roboto/roboto-v20-latin-100.eot?#iefix")
            format("embedded-opentype"),
        /* IE6-IE8 */ url("../fonts/roboto/roboto-v20-latin-100.woff2")
            format("woff2"),
        /* Super Modern Browsers */
            url("../fonts/roboto/roboto-v20-latin-100.woff") format("woff"),
        /* Modern Browsers */ url("../fonts/roboto/roboto-v20-latin-100.ttf")
            format("truetype"),
        /* Safari, Android, iOS */
            url("../fonts/roboto/roboto-v20-latin-100.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-100italic - latin */
@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 100;
    src: url("../fonts/roboto/roboto-v20-latin-100italic.eot"); /* IE9 Compat Modes */
    src:
        local("Roboto Thin Italic"),
        local("Roboto-ThinItalic"),
        url("../fonts/roboto/roboto-v20-latin-100italic.eot?#iefix")
            format("embedded-opentype"),
        /* IE6-IE8 */ url("../fonts/roboto/roboto-v20-latin-100italic.woff2")
            format("woff2"),
        /* Super Modern Browsers */
            url("../fonts/roboto/roboto-v20-latin-100italic.woff")
            format("woff"),
        /* Modern Browsers */
            url("../fonts/roboto/roboto-v20-latin-100italic.ttf")
            format("truetype"),
        /* Safari, Android, iOS */
            url("../fonts/roboto/roboto-v20-latin-100italic.svg#Roboto")
            format("svg"); /* Legacy iOS */
}
/* roboto-300 - latin */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/roboto/roboto-v20-latin-300.eot"); /* IE9 Compat Modes */
    src:
        local("Roboto Light"),
        local("Roboto-Light"),
        url("../fonts/roboto/roboto-v20-latin-300.eot?#iefix")
            format("embedded-opentype"),
        /* IE6-IE8 */ url("../fonts/roboto/roboto-v20-latin-300.woff2")
            format("woff2"),
        /* Super Modern Browsers */
            url("../fonts/roboto/roboto-v20-latin-300.woff") format("woff"),
        /* Modern Browsers */ url("../fonts/roboto/roboto-v20-latin-300.ttf")
            format("truetype"),
        /* Safari, Android, iOS */
            url("../fonts/roboto/roboto-v20-latin-300.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-300italic - latin */
@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 300;
    src: url("../fonts/roboto/roboto-v20-latin-300italic.eot"); /* IE9 Compat Modes */
    src:
        local("Roboto Light Italic"),
        local("Roboto-LightItalic"),
        url("../fonts/roboto/roboto-v20-latin-300italic.eot?#iefix")
            format("embedded-opentype"),
        /* IE6-IE8 */ url("../fonts/roboto/roboto-v20-latin-300italic.woff2")
            format("woff2"),
        /* Super Modern Browsers */
            url("../fonts/roboto/roboto-v20-latin-300italic.woff")
            format("woff"),
        /* Modern Browsers */
            url("../fonts/roboto/roboto-v20-latin-300italic.ttf")
            format("truetype"),
        /* Safari, Android, iOS */
            url("../fonts/roboto/roboto-v20-latin-300italic.svg#Roboto")
            format("svg"); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/roboto/roboto-v20-latin-regular.eot"); /* IE9 Compat Modes */
    src:
        local("Roboto"),
        local("Roboto-Regular"),
        url("../fonts/roboto/roboto-v20-latin-regular.eot?#iefix")
            format("embedded-opentype"),
        /* IE6-IE8 */ url("../fonts/roboto/roboto-v20-latin-regular.woff2")
            format("woff2"),
        /* Super Modern Browsers */
            url("../fonts/roboto/roboto-v20-latin-regular.woff") format("woff"),
        /* Modern Browsers */
            url("../fonts/roboto/roboto-v20-latin-regular.ttf")
            format("truetype"),
        /* Safari, Android, iOS */
            url("../fonts/roboto/roboto-v20-latin-regular.svg#Roboto")
            format("svg"); /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 400;
    src: url("../fonts/roboto/roboto-v20-latin-italic.eot"); /* IE9 Compat Modes */
    src:
        local("Roboto Italic"),
        local("Roboto-Italic"),
        url("../fonts/roboto/roboto-v20-latin-italic.eot?#iefix")
            format("embedded-opentype"),
        /* IE6-IE8 */ url("../fonts/roboto/roboto-v20-latin-italic.woff2")
            format("woff2"),
        /* Super Modern Browsers */
            url("../fonts/roboto/roboto-v20-latin-italic.woff") format("woff"),
        /* Modern Browsers */ url("../fonts/roboto/roboto-v20-latin-italic.ttf")
            format("truetype"),
        /* Safari, Android, iOS */
            url("../fonts/roboto/roboto-v20-latin-italic.svg#Roboto")
            format("svg"); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/roboto/roboto-v20-latin-500.eot"); /* IE9 Compat Modes */
    src:
        local("Roboto Medium"),
        local("Roboto-Medium"),
        url("../fonts/roboto/roboto-v20-latin-500.eot?#iefix")
            format("embedded-opentype"),
        /* IE6-IE8 */ url("../fonts/roboto/roboto-v20-latin-500.woff2")
            format("woff2"),
        /* Super Modern Browsers */
            url("../fonts/roboto/roboto-v20-latin-500.woff") format("woff"),
        /* Modern Browsers */ url("../fonts/roboto/roboto-v20-latin-500.ttf")
            format("truetype"),
        /* Safari, Android, iOS */
            url("../fonts/roboto/roboto-v20-latin-500.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-500italic - latin */
@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 500;
    src: url("../fonts/roboto/roboto-v20-latin-500italic.eot"); /* IE9 Compat Modes */
    src:
        local("Roboto Medium Italic"),
        local("Roboto-MediumItalic"),
        url("../fonts/roboto/roboto-v20-latin-500italic.eot?#iefix")
            format("embedded-opentype"),
        /* IE6-IE8 */ url("../fonts/roboto/roboto-v20-latin-500italic.woff2")
            format("woff2"),
        /* Super Modern Browsers */
            url("../fonts/roboto/roboto-v20-latin-500italic.woff")
            format("woff"),
        /* Modern Browsers */
            url("../fonts/roboto/roboto-v20-latin-500italic.ttf")
            format("truetype"),
        /* Safari, Android, iOS */
            url("../fonts/roboto/roboto-v20-latin-500italic.svg#Roboto")
            format("svg"); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/roboto/roboto-v20-latin-700.eot"); /* IE9 Compat Modes */
    src:
        local("Roboto Bold"),
        local("Roboto-Bold"),
        url("../fonts/roboto/roboto-v20-latin-700.eot?#iefix")
            format("embedded-opentype"),
        /* IE6-IE8 */ url("../fonts/roboto/roboto-v20-latin-700.woff2")
            format("woff2"),
        /* Super Modern Browsers */
            url("../fonts/roboto/roboto-v20-latin-700.woff") format("woff"),
        /* Modern Browsers */ url("../fonts/roboto/roboto-v20-latin-700.ttf")
            format("truetype"),
        /* Safari, Android, iOS */
            url("../fonts/roboto/roboto-v20-latin-700.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-700italic - latin */
@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 700;
    src: url("../fonts/roboto/roboto-v20-latin-700italic.eot"); /* IE9 Compat Modes */
    src:
        local("Roboto Bold Italic"),
        local("Roboto-BoldItalic"),
        url("../fonts/roboto/roboto-v20-latin-700italic.eot?#iefix")
            format("embedded-opentype"),
        /* IE6-IE8 */ url("../fonts/roboto/roboto-v20-latin-700italic.woff2")
            format("woff2"),
        /* Super Modern Browsers */
            url("../fonts/roboto/roboto-v20-latin-700italic.woff")
            format("woff"),
        /* Modern Browsers */
            url("../fonts/roboto/roboto-v20-latin-700italic.ttf")
            format("truetype"),
        /* Safari, Android, iOS */
            url("../fonts/roboto/roboto-v20-latin-700italic.svg#Roboto")
            format("svg"); /* Legacy iOS */
}
/* roboto-900 - latin */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    src: url("../fonts/roboto/roboto-v20-latin-900.eot"); /* IE9 Compat Modes */
    src:
        local("Roboto Black"),
        local("Roboto-Black"),
        url("../fonts/roboto/roboto-v20-latin-900.eot?#iefix")
            format("embedded-opentype"),
        /* IE6-IE8 */ url("../fonts/roboto/roboto-v20-latin-900.woff2")
            format("woff2"),
        /* Super Modern Browsers */
            url("../fonts/roboto/roboto-v20-latin-900.woff") format("woff"),
        /* Modern Browsers */ url("../fonts/roboto/roboto-v20-latin-900.ttf")
            format("truetype"),
        /* Safari, Android, iOS */
            url("../fonts/roboto/roboto-v20-latin-900.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-900italic - latin */
@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 900;
    src: url("../fonts/roboto/roboto-v20-latin-900italic.eot"); /* IE9 Compat Modes */
    src:
        local("Roboto Black Italic"),
        local("Roboto-BlackItalic"),
        url("../fonts/roboto/roboto-v20-latin-900italic.eot?#iefix")
            format("embedded-opentype"),
        /* IE6-IE8 */ url("../fonts/roboto/roboto-v20-latin-900italic.woff2")
            format("woff2"),
        /* Super Modern Browsers */
            url("../fonts/roboto/roboto-v20-latin-900italic.woff")
            format("woff"),
        /* Modern Browsers */
            url("../fonts/roboto/roboto-v20-latin-900italic.ttf")
            format("truetype"),
        /* Safari, Android, iOS */
            url("../fonts/roboto/roboto-v20-latin-900italic.svg#Roboto")
            format("svg"); /* Legacy iOS */
}

/* roboto-condensed-300 - latin */
@font-face {
    font-family: "Roboto Condensed";
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/roboto_condensed/roboto-condensed-v18-latin-300.eot"); /* IE9 Compat Modes */
    src:
        local("Roboto Condensed Light"),
        local("RobotoCondensed-Light"),
        url("../fonts/roboto_condensed/roboto-condensed-v18-latin-300.eot?#iefix")
            format("embedded-opentype"),
        /* IE6-IE8 */
            url("../fonts/roboto_condensed/roboto-condensed-v18-latin-300.woff2")
            format("woff2"),
        /* Super Modern Browsers */
            url("../fonts/roboto_condensed/roboto-condensed-v18-latin-300.woff")
            format("woff"),
        /* Modern Browsers */
            url("../fonts/roboto_condensed/roboto-condensed-v18-latin-300.ttf")
            format("truetype"),
        /* Safari, Android, iOS */
            url("../fonts/roboto_condensed/roboto-condensed-v18-latin-300.svg#RobotoCondensed")
            format("svg"); /* Legacy iOS */
}
/* roboto-condensed-300italic - latin */
@font-face {
    font-family: "Roboto Condensed";
    font-style: italic;
    font-weight: 300;
    src: url("../fonts/roboto_condensed/roboto-condensed-v18-latin-300italic.eot"); /* IE9 Compat Modes */
    src:
        local("Roboto Condensed Light Italic"),
        local("RobotoCondensed-LightItalic"),
        url("../fonts/roboto_condensed/roboto-condensed-v18-latin-300italic.eot?#iefix")
            format("embedded-opentype"),
        /* IE6-IE8 */
            url("../fonts/roboto_condensed/roboto-condensed-v18-latin-300italic.woff2")
            format("woff2"),
        /* Super Modern Browsers */
            url("../fonts/roboto_condensed/roboto-condensed-v18-latin-300italic.woff")
            format("woff"),
        /* Modern Browsers */
            url("../fonts/roboto_condensed/roboto-condensed-v18-latin-300italic.ttf")
            format("truetype"),
        /* Safari, Android, iOS */
            url("../fonts/roboto_condensed/roboto-condensed-v18-latin-300italic.svg#RobotoCondensed")
            format("svg"); /* Legacy iOS */
}
/* roboto-condensed-regular - latin */
@font-face {
    font-family: "Roboto Condensed";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/roboto_condensed/roboto-condensed-v18-latin-regular.eot"); /* IE9 Compat Modes */
    src:
        local("Roboto Condensed"),
        local("RobotoCondensed-Regular"),
        url("../fonts/roboto_condensed/roboto-condensed-v18-latin-regular.eot?#iefix")
            format("embedded-opentype"),
        /* IE6-IE8 */
            url("../fonts/roboto_condensed/roboto-condensed-v18-latin-regular.woff2")
            format("woff2"),
        /* Super Modern Browsers */
            url("../fonts/roboto_condensed/roboto-condensed-v18-latin-regular.woff")
            format("woff"),
        /* Modern Browsers */
            url("../fonts/roboto_condensed/roboto-condensed-v18-latin-regular.ttf")
            format("truetype"),
        /* Safari, Android, iOS */
            url("../fonts/roboto_condensed/roboto-condensed-v18-latin-regular.svg#RobotoCondensed")
            format("svg"); /* Legacy iOS */
}
/* roboto-condensed-italic - latin */
@font-face {
    font-family: "Roboto Condensed";
    font-style: italic;
    font-weight: 400;
    src: url("../fonts/roboto_condensed/roboto-condensed-v18-latin-italic.eot"); /* IE9 Compat Modes */
    src:
        local("Roboto Condensed Italic"),
        local("RobotoCondensed-Italic"),
        url("../fonts/roboto_condensed/roboto-condensed-v18-latin-italic.eot?#iefix")
            format("embedded-opentype"),
        /* IE6-IE8 */
            url("../fonts/roboto_condensed/roboto-condensed-v18-latin-italic.woff2")
            format("woff2"),
        /* Super Modern Browsers */
            url("../fonts/roboto_condensed/roboto-condensed-v18-latin-italic.woff")
            format("woff"),
        /* Modern Browsers */
            url("../fonts/roboto_condensed/roboto-condensed-v18-latin-italic.ttf")
            format("truetype"),
        /* Safari, Android, iOS */
            url("../fonts/roboto_condensed/roboto-condensed-v18-latin-italic.svg#RobotoCondensed")
            format("svg"); /* Legacy iOS */
}
/* roboto-condensed-700 - latin */
@font-face {
    font-family: "Roboto Condensed";
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/roboto_condensed/roboto-condensed-v18-latin-700.eot"); /* IE9 Compat Modes */
    src:
        local("Roboto Condensed Bold"),
        local("RobotoCondensed-Bold"),
        url("../fonts/roboto_condensed/roboto-condensed-v18-latin-700.eot?#iefix")
            format("embedded-opentype"),
        /* IE6-IE8 */
            url("../fonts/roboto_condensed/roboto-condensed-v18-latin-700.woff2")
            format("woff2"),
        /* Super Modern Browsers */
            url("../fonts/roboto_condensed/roboto-condensed-v18-latin-700.woff")
            format("woff"),
        /* Modern Browsers */
            url("../fonts/roboto_condensed/roboto-condensed-v18-latin-700.ttf")
            format("truetype"),
        /* Safari, Android, iOS */
            url("../fonts/roboto_condensed/roboto-condensed-v18-latin-700.svg#RobotoCondensed")
            format("svg"); /* Legacy iOS */
}
/* roboto-condensed-700italic - latin */
@font-face {
    font-family: "Roboto Condensed";
    font-style: italic;
    font-weight: 700;
    src: url("../fonts/roboto_condensed/roboto-condensed-v18-latin-700italic.eot"); /* IE9 Compat Modes */
    src:
        local("Roboto Condensed Bold Italic"),
        local("RobotoCondensed-BoldItalic"),
        url("../fonts/roboto_condensed/roboto-condensed-v18-latin-700italic.eot?#iefix")
            format("embedded-opentype"),
        /* IE6-IE8 */
            url("../fonts/roboto_condensed/roboto-condensed-v18-latin-700italic.woff2")
            format("woff2"),
        /* Super Modern Browsers */
            url("../fonts/roboto_condensed/roboto-condensed-v18-latin-700italic.woff")
            format("woff"),
        /* Modern Browsers */
            url("../fonts/roboto_condensed/roboto-condensed-v18-latin-700italic.ttf")
            format("truetype"),
        /* Safari, Android, iOS */
            url("../fonts/roboto_condensed/roboto-condensed-v18-latin-700italic.svg#RobotoCondensed")
            format("svg"); /* Legacy iOS */
}