/*#################### SCRIPTURE ####################*/
body,
.nc-h1,
.nc-open-link,
.nc-grid-h1{
    color: rgba(61,61,61,1);
}
.readmore-txt li,
.nc-legal-txt li{
    color: rgba(61,61,61,.8);
}
.nc-header-txbox,
.nc-opening,
.readmore-txt p,
.readmore-txt a,
.nc-float-txt p,
.nc-float-txt a,
.nc-legal-txt p,
.nc-legal-txt a {
    color: rgba(0,0,0,1);
}


.company-link,
.top-menu li a,
.nc-nav .mobile-menu li a,
.nc-footer,
.nc-footer a,
.nc-videobg,
.nc-tigerv01bg,
.nc-big-button {
    color: #ffffff;
}

.nc-approach-cards {
    color: #0b0b0b;
}
.company-link{
    font-size: 125%;
    line-height: 125%;
    padding-left: 32em;
    padding-top: 1%;
}
body, h1, h2, h3, h4, p, a, span, li, b, img, a
{
    font-family: 'Quicksands Medium', Arial, sans-serif;
}
.company-link,
.top-menu li a,
.nc-open-link,
.nc-h1,
.nc-h3,
.nc-grid-h1,
.nc-grid-h3,
.nc-float-txt strong,
.nc-legal-txt strong,
.nc-legal-txt ol li,
.nc-big-butto,
.nc-error,
.nc-big-button{
    font-family: 'Quicksands Medium', Arial, sans-serif;
}
.nc-nav .mobile-menu li a,
.nc-footer,
.nc-footer a,
.nc-h2,
.nc-opening,
.nc-open-header,
.nc-header-txbox,
.readmore-txt p,
.readmore-txt a,
.readmore-txt li,
.nc-legal-txt li,
.nc-float-txt p,
.nc-float-txt a,
.nc-legal-txt p,
.nc-legal-txt a,
.nc-approach-cards-tx p,
input,
.nocop span,
.nocopmob span,
#a11238 span,
#moba11238 span,
textarea{
    font-family: "Quicksands Light";
}
.nc-approach-cards-tx p{
    text-align: center;
}
.nc-footer,
span,
.nc-error{
    font-size: 1em;
}
.nc-opening{
    font-size: 1em;
    min-width: fit-content;
}
.left-border{
    border-left-color: rgba(255,255,255,1);
}
.bottom-border3pout,
.bottom-border3pins{
    border-bottom-color: rgba(255,255,255,1);
}
.nc-h1,
.nc-grid-h1{
    font-size: 2em;
    line-height: 1.25em;
}
.nc-timer,
.nc-days {
    line-height: 1em !important;
}
.nc-timer,
.nc-days{
    padding: 0em;
    display: inline-flex;
    font-family: "Quicksands Medium";
}
.nc-float-txt,
.readmore-txt,
.nc-open-link,
input,
textarea{
    font-size: 1.125em;
}
.nc-h2,
.nc-h3,
.nc-grid-h3,
.nc-open-header{
    font-size: 1.5em;
}
.nc-overlay span.nc-h1,
.nc-overlay span.nc-h2,
.nc-overlay span.nc-h3{
    display: block;
}
.nc-header-txbox{
    display: block;
    overflow:hidden;
    line-height: 1.5em;
    min-height: 4.6em;
    max-height: 4.6em;
}
.readmore-txt p {
    margin: 0 1em 1em 1em;
    text-align: justify;
}
.nc-float-txt p{
    margin: 1em;
}
.nc-legal-txt p{
    margin-top: .5em;
}
.nc-open-link,
.nc-float-txt a,
.nc-legal-txt a{
    text-decoration: underline;
}
.nc-open-link{
    cursor: pointer;
    display: block;
}
#a11238.nc-open-link{
    cursor: pointer;
    display: inline-flex;
    line-height: 1.25em;
}
.nc-legal-txt ol p{
    text-align: justify;
    margin-bottom: 1em;
}
.nc-error{
    color: rgba(189, 87, 87, 1);
}
.nc-tab-blocker p{
    text-align: justify;
}
/*#################### BACKGROUNDS ####################*/
body {
    background: rgba(255,255,255,1);
}
.nc-footer,
.nc-nav .mobile-menu,
.nc-top-menu {
    background: #90939b;
}

.nc-approach-cards {
    background: white;
}

.nc-footer-light {
    background-color: #ffffff;
    height: 9em;
    margin-bottom: 10em;
}
.nc-approach-cards{
    border-radius: 17px;
    border: 1px solid #4169E1;
}
#nc-form-submit0
{
    background-color: rgba(189, 87, 87, 1);
}
#nc-form-submit1
{
    background-color: #404247;
}

.filter-blue {
    filter: invert(15%) sepia(26%) saturate(4596%) hue-rotate(208deg) brightness(87%) contrast(99%);
    width: 6%;
    height: 6%;
    margin-top: 1.5%;
}

.footer-shader,
.nc-bg-white{
    background: rgba(255,255,255,.75);
}

.top-shader {
    background: #a3a7c1;
}
.full-slide-show{
    margin-top: 1em;
    background: rgba(61,61,61,.16);
}
/*#################### IMAGINE ####################*/
.nc-videobg{
    background-image: url("/images/1680/16/ahnd_retorten_1.jpg");
}
.nc-videobg-ws{
    background-image: url("/images/1680/20/jwrkt_retorten_1.jpg");
}
.nc-tigerv01bg{
    background-image: url("/images/1680/22/tigerv01_retorten_1.jpg");
}
/*#################### POSITIONING ####################*/
i{
    /*margin-right: 1em;*/
}
.nc-top-menu{
    height: 155px;
}
.nc-footer{
    height: 4.7em;
}
.ed-element.wv-bg{
    min-height: fit-content;
    max-height: 800px;
}
.fhnd-logo{
    position: absolute;
    right: 5em;
}
.nc-footer,
.nc-top-menu{
    z-index: 100;
}
.top-shader,
.footer-shader{
    height: 9px;
    position: fixed;
    z-index: 101;
}

.top-shader {
    top: 9.5em;
}

.footer-shader{
    bottom: 6.5em;
}
.nc-header-box{
    position: absolute;
    top: 11em;
}
.nc-footer-spacer{
    position: relative;
    margin-bottom: 10em;
    margin-top: 20em;
}

.footer-section {
    margin-right: 10%;
}

.nc-topper{
    margin-top: .5em;
}
.openCookie{
    z-index: 103;
}
.img-left,
.img-right {
    max-width: 300px;
    display:inline;
    position:relative;
}
.img-left{
    float:left;
    margin: 0 30px 20px 0;
}
.img-right {
    float:right;
    margin: 0 30px 0px 20px;
}
/*#################### MENU & LINKS ####################*/
a.company-link:hover,
.nc-nav .mobile-menu li a:hover,
.nc-footer a:hover
{
    text-decoration: underline;
}
.top-menu{
    top: -1px;
}
.top-menu li{
    line-height: 2em;
}
.top-menu li a{
    font-size: 1em;
    margin: 0 0 0 10px;
    padding: 0 12px;
    border-radius: 0;
    background: rgba(140,140,140,1);
}
.top-menu li a:hover,
.top-menu li a.active {
    background: rgba(61,61,61,.9);
}
a#nav-m,
a.close {
    color: rgba(255, 255, 255, 1);
}
/*#################### FORMS ####################*/

#nc-input-company,
#nc-input-name,
#nc-input-adress,
#nc-input-mail,
#nc-input-mobile,
#nc-input-fax,
#nc-input-phone,
#nc-input-vehicle,
#nc-input-chassis-no,
#nc-input-initial-reg,
#nc-input-mileage,
#nc-input-key-no,
#nc-input-license-plate,
#nc-input-message
{
    background: #ffffff;
    color: rgba(61,61,61,1);
    border: 1px solid #4169E1;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: .5em 1em;
}
#nc-input-initial-reg,
#nc-input-mileage{
    text-align: center;
}

#nc-input-initial-reg{
    padding-top: .44em;
    padding-bottom: .44em;
}
.external-sidebar{
    position: relative;
    margin-bottom: -2em;
}

/*#################### MEDIAS ####################*/
@media screen and (max-width: 1660px)  {
    .company-link{
        font-size: 125%;
        line-height: 150%;
        padding-left: 5em;
    }
}
@media screen and (max-width: 1400px)  {
    .company-link{
        font-size: 110%;
        line-height: 150%;
        padding-left: 5em;
    }
    .nc-opening {
        line-height: 1.125em;
    }
    .nc-open-header{
        font-size: 105%;
    }
    a.nc-open-link{
        font-size: 1em;
    }

    .footer-section {
        margin-right: 8%;
    }

}
@media screen and (max-width: 1200px)  {
    .company-link{
        font-size: 110%;
        line-height: 150%;
        padding-left: 5em;
    }
    .top-menu li a{
        font-size: .875em;
    }

    .footer-section {
        margin-right: 4%;
    }

}
@media screen and (max-width: 1024px) {
    .nc-overlay-content{
        display: none;
    }
    .nc-top-menu{
        height: 10em;
    }
    .fhnd-logo{
        position: relative;
        right: 0em;
    }
    .external-sidebar{
        margin-bottom: 3em;
        margin-top: -3em !important;
    }
    p.nc-h1.item-center ,
    p.nc-h2.item-center {
        padding: 0px 25px;
        text-align: center;
    }

    .footer-section {
        margin-right: 5%;
    }

}

@media only screen and (max-width: 800px) {
    .nc-top-menu {
        height: 7em;
    }

    .top-shader {
        top: 6.5em;
    }

    #company-name-box {
        position: absolute !important; 
        left: 50% !important; 
        top: 65% !important; 
        transform: translate(-50%, -50%) !important;
    }
    
    .company-link{
        padding-top: 2em;
    }
}

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

    .company-link{
        font-size: 110%;
        line-height: 150%;
    }
    .nc-footer{
        height: 9em;
    }
    .footer-shader{
        bottom: 8.5em;
    }
    .img-left,
    .img-right {
        float: unset;
        display: block;
        margin: 0px auto;
    }
    .external-sidebar{
        margin-bottom: 3em;
        margin-top: 0em !important;
    }

    .footer-section {
        margin-right: 15%;
    }
}
@media screen and (max-width: 480px)  {
    .company-link{
        font-size: 100%;
        line-height: 150%;
        padding-top: 0.5em;
    }
    .full-slide-show{
        margin-top: 1em;
    }

    .footer-section {
        margin-right: 6%;
    }
}

@media screen and (max-width: 320px)  {
    .footer-section {
        margin-right: 1%;
    }
}


@media screen and (max-width: 1180px) {
}

@media screen and (max-width: 763px)  {
}

@media only screen and (min-width: 1025px) {
}

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

}

@media only screen and (min-width: 769px ) and  (max-width: 1024px ) {

}
