/*
Theme Name:     Neve Child
Theme URI:      https://themeisle.com/themes/neve/
Template: neve
Author:         ThemeIsle
Author URI:     https://themeisle.com
Description:    Neve is a super fast, easily customizable, multi-purpose theme. It’s perfect for blogs, small business, startups, agencies, firms, e-commerce shops (WooCommerce storefront) as well as personal portfolio sites and most types of projects. A fully AMP optimized and responsive theme, Neve will load in mere seconds and adapt perfectly on any viewing device. While it is lightweight and has a minimalist design, the theme is highly extendable, it has a highly SEO optimized code, resulting in top rankings in Google search results. Neve works perfectly with Gutenberg and the most popular page builders (Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin, Divi). Neve is also WooCommerce ready, responsive, RTL & translation ready. Look no further. Neve is the perfect theme for you!
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    neve
Tags: blog, custom-logo, e-commerce, rtl-language-support, post-formats, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready, wide-blocks, block-styles
*/

/* roboto-condensed-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: url('assets/webfonts/roboto-condensed-v27-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-condensed-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 600;
    src: url('assets/webfonts/roboto-condensed-v27-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-condensed-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: url('assets/webfonts/roboto-condensed-v27-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('assets/webfonts/roboto-v32-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: url('assets/webfonts/roboto-v32-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('assets/webfonts/roboto-v32-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('assets/webfonts/roboto-v32-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body {
    font-family: "Roboto", Arial, sans-serif;
    font-weight: normal;
    line-height: 1.5;
    color: #484847;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: "Roboto Condensed", Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    color: inherit;
}

.container {
    max-width: 1200px !important;
    padding: 0 !important;
}

header.header {
    position: fixed;
    height: 142px;
    width: 100%;
    background-color: white;
    z-index: 9998;
}

.header-wrapper {
    display: flex;
    color: black;
    /*height: 100px;*/
    height: 142px;
    /*margin-top: 28px;*/
}

.header-section-a {
    width: 180px;
    /*height: 74px;*/
    height: 100%;
    display: flex;
    align-items: center;
}

.header-section-a img {
    margin-top: 4px;
}

.header-section-b {
    flex: 1;
    display: flex;
    align-self: stretch;
    justify-content: flex-end;
    align-items: center;
}

.header-wrapper nav ul {
    display: flex;
}

.header-wrapper nav ul li > div.menuItem {
    display: flex;
    align-items: center;
    /*padding-top: .44444444rem;*/
    padding-top: 8px;
    /*padding-bottom: .44444444rem;*/
    padding-bottom: 8px;
    /*padding-left: 1.11111111rem;*/
    padding-left: 20px;
    /*padding-right: 1.11111111rem;*/
    padding-right: 20px;
    /*margin: 0 1.11111111rem 0 0;*/
    margin: 0 20px 0 0;
}

.header-wrapper nav ul li a {
    color: rgb(72, 72, 71);
    /*font-size: 1.22222222rem;*/
    font-size: 22px;
    font-family: "Roboto Condensed", Arial, sans-serif;
    font-weight: 400;
    text-transform: none;
    transition: color 0.3s, background-color 0.3s;
    white-space: nowrap;
}

.menuItem:hover {
    background-color: rgb(237, 52, 57);
}

.menuItem:hover a span {
    color: white;
}

.custom-footer-row {
    display: flex;
}

.large-3 {
    flex: 0 0 25%;
    max-width: 25%;
}

footer {
    line-height: 1.6;
    margin-top: 100px;
    background: transparent;
    background-image: url('https://www.dstgb.de/:res/img/viertel-adler.svg?fp=b40f290d2d72');
    background-position: 100% 100%;
    background-repeat: no-repeat;
    font-family: "Roboto Condensed", Arial, sans-serif;
    background-size: auto 13vw;
}

footer > .container {
    /*padding-top: 0;*/
    /*overflow-x: hidden;*/

}

.footer-column {
    /*margin-bottom: 2.22222222rem;*/
    padding-top: 40px;
    padding-right: .55555556rem;
    padding-left: .55555556rem;
}

.footer-column > div {
    margin-bottom: 2.22222222rem;
}

footer h2 {
    /*font-size: 1.33333333rem;*/
    font-size: 24px;
    text-transform: none;
    font-weight: 400;
    border-bottom: 1px solid #B3B3B3;
    padding-bottom: 5px;
    margin-bottom: 1.38888889rem;
}

footer address, footer .marginpadding {
    font-style: normal;
    margin-bottom: .83333333rem !important;
    padding-bottom: .55555556rem !important;
}

footer address p, footer p {
    margin: 0;
}

footer .footer-column-content > p:first-child {
    margin-bottom: 18px;
}

footer p {
    font-family: "Roboto Condensed", Arial, sans-serif;
    font-size: 18px;
}

footer a {
    color: #484847;
}

#lastfootercol li a,
#lastfootercol li a span {
    color: white;
    font-size: 24px;
}

footer #addressWrapper > p,
footer #presseWrapper > p {
    padding-bottom: .55555556rem;
    margin: 0;
}

footer #infoWrapper li {
    margin-bottom: .27777778rem;
}

footer #infoWrapper li a {
    font-weight: 400;
    color: #484847;
    font-size: 18px;
    line-height: 1.6;
    font-family: "Roboto Condensed", Arial, sans-serif;
}

#content .single-page-container, .header-wrapper {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

footer .footer-column:last-child {
    position: relative;
}

footer .footer-column:last-child::before {
    content: "";
    position: absolute;
    width: 4000px;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #484847;
}

main#content {
    background-color: #E8E8E8;
    padding-bottom: 60px;
    padding-top: 142px;
}

main#content .crm-container .huge {
    width: 15em;
}

body.home main#content .entry-content > .wp-block-media-text {
    padding-top: 60px;
}

#iconWrapper {
    display: flex;
}

#iconWrapper > div:first-child {
    margin-left: 8px;
    margin-right: 8px;
}

#iconWrapper > div:last-child {
    margin-left: 3.6px;
    margin-right: 3.6px;
}

.header-section-c {
    display: flex;
    align-items: center;
}

footer #infoWrapper li a:hover, footer a:hover {
    color: #ED3439;
}

.iconLink > span {
    display: flex;
}

.iconLink > span > svg {
    width: 26px;
    height: 26px;
    background: #484847;
    padding: 4px;
    margin-right: 8px;
}

.iconLink > span > span {
    padding-top: 2px;
}

.hide, .hide-large {
    display: none!important;
}

#mobileMenuButton {
    cursor: pointer;
}

#mobileMenuWrapper {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: white;
    max-width: 480px;
    right: 0;
    box-shadow: 0 0 17px 6px rgba(0, 0, 0, 0.25);
    overflow-y: auto;
}

#mobileMenuWrapper > div {
    display: flex;
    justify-content: space-between;
    margin-top: 27px;
    margin-bottom: 27px;
    /*padding-left: clamp(20px, 8.3cqw, 60px);*/
    padding-left: 40px;
    /*padding-right: clamp(20px, 8.3cqw, 60px);*/
    padding-right: 40px;
}
#offcanvas-close {
    outline: 0;
    -webkit-appearance: button;
    width: 18px;
    height: 18px;
}
#offcanvas-close:before {
    transform: rotate(45deg);
    content: ' ';
    position: absolute;
    speak: none;
    left: .4375em;
    top: 0;
    height: 100%;
    width: .1em;
    background-color: #ED3439;
}

#mmMenu {
    width: 100%;
}

#mmMenu li .menuItem:hover {
    background-color: #eee;
}

#mmMenu li .menuItem:hover a span {
    color: black;
}

#mmMenu li a {
    color: #252525;
    font-size: 19px;
    border-bottom: solid 2px #d5d5d5;
    display: block;
}

.submenuWrapper {
    position: absolute;
    background: transparent;
    padding-top: 25px;
}

.submenuWrapper > ul {
    flex-direction: column;
    background: white;
    border-radius: 3px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px;
    margin: 0px;
    list-style-type: none;
    min-width: 220px;
    padding: 20px 10px;
}

.submenuWrapper > ul a {
    padding-right: 10px;
    display: inline-flex;
    align-items: center;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 10px;
    min-height: 38px;
    font-size: 20px;
    font-family: "Roboto Condensed", Arial, sans-serif;
}

.submenuWrapper > ul a span {
    font-size: 20px;
    font-family: "Roboto Condensed", Arial, sans-serif;
}

.submenuWrapper > ul li:hover {
    background-color: rgb(237, 52, 57);
}

.submenuWrapper > ul li:hover a span {
    color: white;
}

.menuItemLarge:hover .submenuWrapper.hide {
    display: block!important;
}

fieldset legend {
    margin: 0;
}

.linklist-images .linklist-images__link {
    height: 24px;
    min-height: 24px;
    width: 24px;
    min-width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.linklist-images .linklist-images__item {
    margin: 0 5px 5px 0;
    width: 46px;
    height: 46px;
    min-width: 46px;
    min-height: 46px;
    background-color: #7d7d7d;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.4s;
}

.linklist-images .linklist-images__item:hover {
    background-color: #ED3439;
}

footer .footer-column:last-child {
    padding-left: 20px;
    padding-top: 94px;
}

@media screen and (max-width: 1149px) {
    .hide-small {
        display: none!important;
    }

    .hide-large {
        display: block!important;
    }

    #iconWrapper > div:nth-child(2) {
        margin-left: 8px;
        margin-right: 8px;
    }

    body.home main#content .entry-content h2 {
        padding-top: 30px;
    }
}

@media screen and (min-width: 769px) and (max-width: 992px) {
    .medium-6 {
        flex: 0 0 50%;
        max-width: 50%;
        float: left;
        width: 50%;
        height: 460px;
    }
    .custom-footer-row {
        display: block!important;
    }

    footer {
        margin-top: 80px;
        background-size: auto 230px;
    }
}

@media screen and (max-width: 768px) {
    .small-12 {
        flex: 0 0 100%;
        max-width: 100%;
        float: left;
        width: 100%;
        min-height: 360px;
    }
    .custom-footer-row {
        display: block!important;
    }

    footer {
        margin-top: 80px;
        text-align:center;
        background-size: auto 180px;
    }
    footer p {
        font-size: 15px;
    }
    .iconLink > span {
        justify-content: center;
    }
    footer #lastfootercol {
        text-align: left;
    }
}