/* overrides */
.dlab-post-meta ul li {
    text-transform: none;
}


.logo-header {
    white-space:nowrap;
}

.logo-header .logo-auto {
    border-width: 0px;
    margin: 0px;
    padding: 0px;
    font-family: Poppins, sans-serif;
    letter-spacing: 0px;
    font-weight: 700;
    font-size: 5vw;
    color: white;
}

.logo-header .logo-ueberfuehren {
    border-width: 0px;
    margin: 0px;
    padding: 0px;
    font-family: Poppins, sans-serif;
    letter-spacing: 0px;
    font-weight: 700;
    font-size: 5vw;
}

@media (min-width: 576px) {
    .logo-header .logo-auto {
        font-size: 2rem;
    }
    
    .logo-header .logo-ueberfuehren {
        font-size: 2rem;
    }
}

.mylogo-footer {
    white-space:nowrap;
}

.mylogo-footer .logo-auto {
    border-width: 0px;
    margin: 0px;
    padding: 0px;
    font-family: Poppins, sans-serif;
    letter-spacing: 0px;
    font-weight: 700;
    font-size: 20px;
    color: white;
}

.mylogo-footer .logo-ueberfuehren {
    border-width: 0px;
    margin: 0px;
    padding: 0px;
    font-family: Poppins, sans-serif;
    letter-spacing: 0px;
    font-weight: 700;
    font-size: 20px;
}

.mylogo-footer-subtitle {
    font-family: Poppins, sans-serif;
    letter-spacing: 0px;
    font-weight: 600;
    font-size: 16px;
    color: white;
}

.topbar-info ul li {
    padding: 0px 10px 0px 0;
}

/* .contact-cta-link-icon {
    position: relative;
    top: 0.3125rem;
    left: -0.3125rem;
    margin-right: 0.25rem;
}

a.contact-cta-link {
    color: #282A3C;
    font-size: 18px;
    font-weight: 500;
}

a.contact-cta-link:hover {
    text-decoration: underline
} */

.p-tb30 {
    padding-top: 25px;
    padding-bottom: 25px;
}

.color-primary {
    color: #EFBB20;
}

.color-dark {
    color: #282A3C;
}

/* >> HOMEPAGE HERO */

.homepage-hero {
    padding-top: 40%;
    position: relative;
    background-color: #aaa;
    background-image:
        /* linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)), */
        url('../images/myimages/transporter_1200.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media only screen and (min-width: 1401px) {
    .homepage-hero {
        background-image:
            /* linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)), */
            url('../images/myimages/transporter_1920.jpg');
    }
}

@media only screen and (max-width: 991px) {
    .homepage-hero {
        background-image:
            /* linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)), */
            url('../images/myimages/transporter_991.jpg');
    }
}


.homepage-hero-headline {
    position: absolute;
    top: 50%;
    left: 4%;
    height: auto;
}

.homepage-hero-headline h1 {
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 1000;
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
    font-size: calc(1rem + 2vw);
    line-height: calc(1rem + 3vw);
    height: auto;
    padding-left: 1vw;
    padding-right: 1vw;
    margin-block-end: 0;
    margin-bottom: 0;
}

.homepage-hero-headline h2 {
    margin-top: 3rem;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 800;
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
    font-size: calc(1rem + 1vw);
    line-height: calc(1rem + 3vw);
    height: auto;
    padding-left: 1vw;
    padding-right: 1vw;
    margin-block-end: 0;
    margin-bottom: 0;
}

.homepage-hero-bullets {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 4%;
    color: #333;
    background-color: rgba(239, 187, 32, 0.25);
    padding: 2vw 6.5vw 1.5vw 5vw;
    font-size: calc(1rem + 1vw);
    line-height: calc(1rem + 3vw);
}

.homepage-hero-bullet span {
    vertical-align: 0.2em;
    margin-left: 0.4vw;
}

@media only screen and (max-width: 1200px) {

    .homepage-hero {
        padding-top: 66%;
    }

    .homepage-hero-headline {
        background-color: rgba(0, 0, 0, 0.5);
        top: auto;
        bottom: 18%;
        left: 0;
        right: 0;
        padding: 1.5vw;
    }

    .homepage-hero-headline h1 {
        background-color: transparent;
        font-weight: 800;
        letter-spacing: 0.03em;
        padding: 0.5vw;
    }

    .homepage-hero-headline h2 {
        background-color: transparent;
        margin-top: 0;
        font-weight: 700;
        letter-spacing: 0.03em;
        font-size: calc(4vw);
        line-height: calc(5.5vw);
        padding: 0.5vw;
    }

    .homepage-hero-bullets {
        background-color: rgba(239, 187, 32, 0.55);
        background-color: rgba(0, 0, 0, 0.5);
        font-size: calc(0.75rem + 1vw);
        line-height: calc(0.75rem + 1vw);
        text-align: center;
        top: 82%;
        transform: none;
        right: 0;
        left: 0;
        color: #333;
        color: #fff;
        padding: 2vw 1.5vw 3.5vw 1.5vw;
    }

    .homepage-hero-bullets .homepage-hero-bullet {
        display: inline-block;
        margin-right: 1.5vw;
    }

    .homepage-hero-bullets .homepage-hero-bullet span {
        margin-left: 0.4vw;
    }

}

/* << HOMEPAGE HERO */

/* >> REQUEST FORM */

.homepage-request-section {
    padding: 1rem 1rem 3rem 1rem;
    /*TODO correct color code?  bg-gray?*/
    /* background-color: white; */
    background-color: #f5f6f6;
    /* background-color: #7A7B7A; */
    /* background-color: #E3E6EA; */

    margin-bottom: 0;
}

.request-transfer-header {
    margin-top: 1rem;
    margin-bottom: 4em;
    /* border: 1px solid red; */

    font-weight: 200;
    font-size: 20px;
}

.request-transfer-header h2 {
    /* font-family: Arial, Helvetica, sans-serif; */
    font-family: Poppins, sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
}

.request-transfer-header .contact-item {
    margin: 0.5rem 0rem 0.5rem 2vw;
}

.contact-cta-link-icon {
    position: relative;
    top: 0.3125rem;
    left: -0.3125rem;
    margin-right: 0.25rem;
    font-size: 1.5em;
}

a.contact-cta-link {
    color: #282A3C;
    font-weight: 500;
}

a.contact-cta-link:hover {
    text-decoration: underline
}

.homepage-request-form {
    /* TODO stronger shadow? */
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04),
                0 0 0 3px #EFBB20;
    margin-top: -3rem;
    padding: 2vw 4vw 0 4vw;
    /* background-color:#FDC716; */
    /* background-color: #303338; */
    background-color: white;
    border-radius: 1rem;
}

@media only screen and (max-width: 991px) { /* only at small? */

    .homepage-request-section {
        padding: 0;
    }

    .homepage-request-section .container {
        margin: 0;
        padding: 0;
        max-width: none;
    }

    .homepage-request-form {
        margin-top: 0;

        box-shadow: none;
        /* padding: 0; */

        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        /* border: 0; */
    }
}

.homepage-request-form label {
    margin-bottom: 0.5rem;
    color: #666;
}

.homepage-request-form .input-group {
    background-color: rgba(0, 0, 0, 0.04);
    /* border-style: none; */
    border-radius: 0.5rem;
    border: 2px solid rgba(0, 0, 0, 0.1);
}

.homepage-request-form .input-group:focus-within {
    background-color: rgba(0, 0, 0, 0.04);
    border: 2px solid #EFBB20;
    border-radius: 0.5rem;
    /* border: 2px solid rgba(0, 0, 0, 0.1); */
}


.homepage-request-form .input-prefix-icon i {
    /* vertical-align: middle;
    line-height: 100%; */
    padding: 0.5625rem 0.75rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #666;
}

.homepage-request-form input {
    background-color: transparent;
    border-style: none;
    padding: 0.5625rem 0.75rem 0.5625rem 0;
    font-size: 1rem;
    font-weight: 600;
    color: #333;
    line-height: 1.25;
}
.homepage-request-form input::placeholder {
    font-weight: 400;
    color: #999;
}
/* TODO use SCSS ampersand  */
.homepage-request-form input:focus {
    background-color: transparent;
    border-style: none;
    padding: 0.5625rem 0.75rem 0.5625rem 0;
    font-size: 1rem;
    line-height: 1.25;
}
.homepage-request-form input:active {
    background-color: transparent;
    border-style: none;
    padding: 0.5625rem 0.75rem 0.5625rem 0;
    font-size: 1rem;
    line-height: 1.25;
}
.homepage-request-form input:hover {
    background-color: transparent;
    border-style: none;
    padding: 0.5625rem 0.75rem 0.5625rem 0;
    font-size: 1rem;
    line-height: 1.25;
}

.homepage-request-form textarea {
    height: initial;
    border-style: none;
    border-radius: 0.25rem;
}


.homepage-request-form .lead-text {
    padding: 0.2rem;
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #444;
    margin: 0;
}

.button-icon-right {
    color: #EFBB20;
    margin-left: 0.5em;
}

.inner-addon {
    position: relative;
}

.inner-addon .glyphicon {
    position: absolute;
    padding: 10px;
    pointer-events: none;
}

.left-addon .glyphicon {
    left: 0px;
}

/* << REQUEST FORM */

/* >> CONTACT FORM */

.contact-form-banner {
    background-image: url('../images/myimages/overpasses_991.jpg');
}


@media only screen and (min-width: 992px) {
    .contact-form-banner {
        background-image: url('../images/myimages/overpasses_1200.jpg');
    }
}


@media only screen and (min-width: 1401px) {
    .contact-form-banner {
        background-image: url('../images/myimages/overpasses_1920.jpg');
    }
}

/* << CONTACT FORM */

/* >> ANFRAGE PAGE */

.transfer-request-section-head, .transfer-request-section-head p {
    font-size: 1rem;
    line-height: 2;
    color: black;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    margin-bottom: 1.5rem;
}

.transfer-request-section-head strong {
    font-weight: 600;
}

.transfer-request-section-head a:link {
    color: #2673bf;
    font-weight: 600;
}

.transfer-request-section-head a:hover {
    text-decoration: underline;
}

.transfer-request-section-head a:visited {
    color: #2673bf;
}

.transfer-request-section-head h2 {
    font-size: 1.25rem;
}

.transfer-request-section-head h3 {
    font-size: 1rem;
}

/* TODO font-size, -weight, line-height, font-family? */
.transfer-request-form input {
    font-weight: 500;
    color: #0a0a0a;
}
.transfer-request-form input::placeholder {
    font-weight: 400;
    color: #999;
}

/* << ANFRAGE PAGE */

.af-guide-thumb {
    width: 120px !important;
}

.af-start-guide {
    font-size: 1.2rem;
}

.af-start-guide-arrow {
    /* font-family: "FontAwesome"; */
    color: #EFBB20;
    font-size: 2rem;
    font-weight: 900;
    /* line-height: 1; */
}

/* TODO: LVHA-Reihenfolge, https://developer.mozilla.org/de/docs/Web/CSS/:link

:link — :visited — :hover — :active. Die :focus */

a.af-highlight-link:link {
    color: #2673bf;
}

a.af-highlight-link:visited {
    /* color: #2673bf; */
    color: purple;
}

a.af-highlight-link:hover, a.af-highlight-link:focus {
    text-decoration: underline;
}



body {
    /* overwrite 16px from style.css and allow user defined font size */
    font-size: 100%;
}

.guide-intro {
    font-size: 1rem;
    line-height: 2;
    /* line-height: calc(1.7em + .2vw); */
    /* color: rgba(0, 0, 0, 0.9); */
    color: black;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    margin-bottom: 1.5rem;
}


/* >> BLOG */

/* .af-blog-post {
    font-size: 1.125rem;
    line-height: 1.6;
    color: rgba(0, 0, 0, 0.9);
    letter-spacing: 0.3;
} */

/* .content-area {
    background-color: #f7f8fa;
} */

.dlab-post-title h1 {
    font-size: 1.25rem;
    line-height: 1.2;
}

.dlab-post-text, .dlab-post-text p {
    font-size: 1rem;
    line-height: 2;
    /* line-height: calc(1.7em + .2vw); */
    /* color: rgba(0, 0, 0, 0.9); */
    color: black;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    margin-bottom: 1.5rem;
}

.dlab-post-text h2 {
    font-size: 1.563rem;
    line-height: 3rem;
    margin: 4rem 0 1rem 0;
    font-weight: 600;
}

.dlab-post-text h3 {
    font-size: 1.25rem;
    line-height: 2.5rem;
    margin: 3.5rem 0 1rem 0;
    font-weight: 600;
}

.post-intro {
    /* padding: 16px 20px 16px 80px; */
    /* font-size: 1rem; */
    /* line-height: 30px; */
    /* color: #555555; */
    /* margin: 40px 0; */
    /* background: #f6f6f6; */
    /* border-top: 1px solid #EFBB20;
    border-right: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa; */
    /* border-left: 4px solid #EFBB20; */
    /* border-bottom: 3px solid #EFBB20; */
    /* #e5e5e5; */
    /* #d3d3d3 */
    
    /* box-shadow: 0 0 6px rgba(0,0,0,0.5);
    border-left: 0.5em solid #DDD; */

    padding: 1rem 2rem;
    background: #f6f6f6;
    /* box-shadow: 0 2px 20px 0 rgba(0,0,0,.05), 0 1px 2px 0 rgba(0,0,0,.15); */
    border-left: 4px solid #EFBB20;
    margin: 2rem 0rem;
}

.af-blog-post-image {
    margin-bottom: 2.5rem;
}

.post-intro-arrow {
    /* font-family: "FontAwesome"; */
    color: #EFBB20;
    font-size: 4rem;
    line-height: 1;
}

/* .dlab-post-intro p {
    font-size: 18px;
    color: #555555;
    line-height: 30px;
    margin-bottom: 0px;
} */

.dlab-post-text strong {
    font-weight: 700;
}

.dlab-post-text a:link {
    color: #2673bf;
}

.dlab-post-text a:hover {
    text-decoration: underline;
}

.dlab-post-text a:visited {
    color: #2673bf;
}

/* >> BLOG TOC */

.toc__container {
    margin: auto;
}

.toc {
    /* background-color: #f6f6f6; */
    font-size: 1rem;
    border: 3px solid #e4e4e4;
    padding: 0em 2em 1em 2em;
    counter-reset: toc_counter;
    display: inline-block;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.toc ul  {
    /* background-color: cornsilk; */
    margin: 0;
}

p.toc__header {
    font-weight: 600;
    margin: 1em 0em;
}

.toc ul {
    list-style: outside none none;
    padding-inline-start: 2em;
}

.toc li {
    list-style: outside none none;
    counter-increment: toc_counter;
    text-indent: -2em;
}

.toc li:before {
    content: counter(toc_counter,decimal-leading-zero) ". ";
    color: #a0a0a0;
    margin-right: 0.2em;
}

.toc a:link {
    color: #2673bf;
}

.toc a:hover {
    text-decoration: underline;
}

.toc a:visited {
    color: #2673bf;
}

/* << BLOG TOC */

/* >> BLOG SIDEBAR */

.af-sidebar p {
    line-height: 1.7;
    margin: 0;
}

.af-sidebar--dark {
    background-color: #2d3239;
}

.af-sidebar-contact-link-icon {
    color: white;
}

.af-sidebar-contact-link {
    color: white;
    font-size: 18px;
    font-weight: 500;
}

a.af-sidebar-contact-link:hover {
    /* color: #282A3C; */
    text-decoration: underline
}


.widget-services {
    padding: 1rem;
}

/* << BLOG SIDEBAR */

/* << BLOG */