@font-face {
    font-family: 'HighVoltageRough';
    src: url('/fileadmin/fonts/WirGastfreunde/HighVoltage%20Rough.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

* {
    font-family: Arial;
}

h1, h2, h3, h1 span, h2 span, h3 span {
    font-family: 'HighVoltageRough';
}

h1 {
    font-size: 96px;
    font-style: normal;
    font-weight: 400;
    line-height: 112.32px;
    hyphens: auto;
}

@media (min-width: 576px) and (max-width: 991.98px) {
    h1 {
        font-size: 58px;
        line-height: 66.7px;
    }
}

@media (max-width: 575.98px) {
    h1 {
        font-size: 38px;
        line-height: 44.46px;
    }
} 

h2 {
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: 69px;
}

@media (min-width: 576px) and (max-width: 991.98px) {
    h2 {
        font-size: 45px;
        line-height: 51.75px;
    }
}

@media (max-width: 575.98px) {
    h2 {
        font-size: 30px;
        line-height: 35.1px;
    }
} 

h3 {
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 55.2px;
    letter-spacing: 1px;
    hyphens: auto;
}

@media (min-width: 576px) and (max-width: 991.98px) {
    h3 {
        font-size: 37px;
        line-height: 42.55px;
    }
}

@media (max-width: 575.98px) {
    h3 {
        font-size: 26px;
        line-height: 30.42px;
    }
} 

h4 {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 36.8px ;
    letter-spacing: 1px;
    hyphens: auto;
}

@media (min-width: 576px) and (max-width: 991.98px) {
    h4 {
        font-size: 24px;
        line-height: 27.6px;
        letter-spacing: 1px;
    }
}

@media (max-width: 575.98px) {
    h4 {
        font-size: 20px;
        line-height: 23px;
        letter-spacing: 1px;
    }
} 

h5 {
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 27.5px;
    hyphens: auto;
}

@media (min-width: 576px) and (max-width: 991.98px) {
    h5 {
        font-size: 21px;
        line-height: 23.1px;
    }
}

@media (max-width: 575.98px) {
    h5 {
        font-size: 18px;
        line-height: 20.7px;
    }
} 

p {
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 26.6px; 
}

@media (min-width: 576px) and (max-width: 991.98px) {
    p {
        font-size: 18px;
        font-weight: 400;
        line-height: 25.2px;
    }
}

@media (max-width: 575.98px) {
    p {
        font-size: 16px;
        line-height: 22.4px;
    }
}

ul li {
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 26.6px; 
}

@media (min-width: 576px) and (max-width: 991.98px) {
    ul li {
        font-size: 18px;
        font-weight: 400;
        line-height: 25.2px;
    }
}

@media (max-width: 575.98px) {
    ul li {
        font-size: 16px;
        line-height: 22.4px;
    }
}

p.intro-text {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 33.6px;
}

@media (min-width: 576px) and (max-width: 991.98px) {
    p.intro-text {
        font-size: 21px;
        line-height: 29.4px;
    }
}

@media (max-width: 575.98px) {
    p.intro-text {
        font-size: 18px;
        line-height: 22.5px;
    }
} 

/* Header */
.header-top-nav-container-wrap .top-navigation .top-nav-container li a {
    text-decoration: none;
}

.header-top-nav-container-wrap .top-navigation .top-nav-container {
    font-size: 16px;
}

@media (min-width: 992px) {
    header nav > .navbar-nav > li {
        font-size: 24px;
        font-weight: 700;
        line-height: 140%;
    }

    header nav .navbar-nav > .nav-item > .nav-link > .nav-link-text {
        font-size: 24px;
        line-height: 1;
    }

    header nav .dropdown-nav[data-level="2"] > .nav-item > a.nav-link {
        font-size: 18px;
        font-weight: 700 !important;
    }
    
    header nav > .special-mega-menu .bottom-nav-inner .subnav-link {
        font-size: 19px;
        font-weight: 700;
    }
    
    header nav > .special-mega-menu .bottom-nav-inner .subnav-link-2 {
        font-size: 19px;
        text-decoration: none;
    }

    header nav > .special-mega-menu .bottom-nav-inner .subnav-item-2 {
        line-height: 140%;
    }

    header nav .nav-item> .dropdown-nav[data-level="3"] a {
        line-height: 140%;
    }

    header nav .dropdown-nav[data-level="3"] > .nav-item > a.nav-link > .nav-link-text {
        font-size: 19px;
        font-weight: 400;
    }
}

@media (max-width: 991.98px) {
    header nav > .navbar-nav > li {
        font-size: 24px;
        font-weight: 700;
        line-height: 145.5%;
    }

    header nav > .navbar-nav > .nav-item > .dropdown-menu > .dropdown-nav > .nav-item > a.nav-link > .nav-link-text,
    header nav .dropdown-nav[data-level="2"] .accordion-button .nav-link-text {
        font-weight: bold;
    }
}


/* #ce_wg_zitat */
#ce_wg_zitat .quote {
    font-size: 32px;
    font-style: italic;
}

#ce_wg_zitat .zitat-section p {
    font-style: italic;
}

@media (min-width: 992px) {
    #ce_wg_zitat .zitat-section p {
        font-family: Georgia;
        font-size: 32px;
        font-weight: 400;
        line-height: 43.2px;
    }    
}

@media (min-width: 576px) and (max-width: 991.98px) {
    #ce_wg_zitat .zitat-section p {
        font-size: 26px;
        line-height: 35.1px;
    }
}

@media (max-width: 575.98px) {
    #ce_wg_zitat .zitat-section p {
        font-size: 21px;
        line-height: 28.35px;
    }
}


/* #ce_wg_sites */
#ce_wg_sites .sites-item h3 {
    font-family: Arial;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 36.8px;
    letter-spacing: 1px;
    hyphens: auto;
}

#ce_wg_sites .col-xl-3.sites-item h3 {
    font-size: 24px;
}

@media (min-width: 576px) and (max-width: 991.98px) {
    #ce_wg_sites .sites-item h3 {
        font-size: 24px;
        line-height: 27.6px;
        letter-spacing: 1px;
    }
}

@media (max-width: 575.98px) {
    #ce_wg_sites .sites-item h3 {
        font-size: 20px;
        line-height: 23px;
        letter-spacing: 1px;
    }
}


/* ce_wg_teaser*/
#ce_wg_teaser .teaser_item .teaser_info a {
    text-decoration: none;
    text-transform: uppercase;
}

/* ce_wg_button */
a.btn,
#ce_wg_button a span {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 27px;
    text-transform: uppercase;
}

@media (min-width: 576px) and (max-width: 991.98px) {
    a.btn,
    #ce_wg_button a span {
        font-size: 17px;
        line-height:  25.5px;
    }
}

@media (max-width: 575.98px) {
    a.btn,
    #ce_wg_button a span {
        font-size: 15px;
        line-height: 22.5px;
    }
}

/* ce_wg_contact */
#ce_wg_contact .contact-box h3.contact_name {
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 115%;
    letter-spacing: 1px;
}

#ce_wg_contact .contact-box .contact_position p {
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

#ce_wg_contact .contact-btn .phone a, 
#ce_wg_contact .contact-btn .mail a {
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 26.6px;
}


/* ce_wg_hero_banner */
#ce_wg_hero_banner .breadcrumb-text {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 22.5px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

@media (max-width: 991.98px) {
    #ce_wg_hero_banner .hero-banner-inner-icon.has-link p {
        font-size: 13px;
        line-height: 16px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    #ce_wg_hero_banner .hero-banner-teaser h1 {
        font-size: 85px;
    }
}


/* Carousel */
.carousel > .carousel-indicators > button {
    text-decoration: none;
}


/* Accordion */
.accordion h3, .accordion button {
    font-family: Arial;
    font-size: 25px !important;
    font-style: normal;
    font-weight: 700;
    line-height: 27.5px !important;
}

@media (min-width: 576px) and (max-width: 991.98px) {
    .accordion h3, .accordion button {
        font-size: 21px !important;
        line-height: 23.1px !important;
    }
}

@media (max-width: 575.98px) {
    .accordion h3, .accordion button {
        font-size: 18px !important;
        line-height: 20.7px !important;
    }
}


/* Table */
@media (max-width: 767.98px) {
    tbody tr td:first-child:before {
        font-family: 'Courier New', Courier, monospace;
        line-height: 16px;
    }
}


/* #ce_wg_hero_banner */
#ce_wg_hero_banner p {
    text-transform: uppercase;
}

#ce_wg_hero_banner .hero-banner-inner-bodytext p {
    text-transform: initial;
    font-weight: bold;
}

#ce_wg_hero_banner .hero-banner-inner-bodytext {
    font-family: Arial;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 115%;
}

@media (max-width: 991.98px) {
    #ce_wg_hero_banner .hero-banner-inner-bodytext {
        font-size: 20px;
    }

    #ce_wg_hero_banner .hero-banner-text .hero-banner-inner-bodytext p {
        font-size: 16px;
        line-height: 22.4px;
    }
}


/* ce_wg_video */
#ce_wg_video .video-headline h3 {
    font-family: Arial;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 36.8px ;
    letter-spacing: 1px;
}

@media (min-width: 576px) and (max-width: 991.98px) {
    #ce_wg_video .video-headline h3 {
        font-size: 24px;
        line-height: 27.6px;
        letter-spacing: 1px;
    }
}

@media (max-width: 575.98px) {
    #ce_wg_video .video-headline h3 {
        font-size: 20px;
        line-height: 23px;
        letter-spacing: 1px;
    }
}


/* Plugin: Powermail */
.tx-powermail legend {
    font-family: Arial;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 33.6px;
}

.tx-powermail .checkbox label,
.tx-powermail label  {
    font-family: Arial;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 26.6px;
}

.tx-powermail fieldset input.powermail_submit {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 27px;
}


/* Suche-Seite */
.suche-seite input.btn {
    font-family: Arial;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 27px;
    text-transform: uppercase;
}


/* Powermail oder Formulare */
#switchTabForm .formular-filter > div {
    font-size: 1.2rem;
}


/* Footer */
footer #gastfreunde_footer h2 span {
    font-family: Arial;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

footer #gastfreunde_footer .contentcontainer-column ul li a {
    font-family: Arial;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 190%;
    text-decoration: none;
}