/* Vars*/

:root {
    --title-gap: 0px;
}


.wf7-spamquiz-head {
	font-weight:400;
}

]

/*Top-Bar*/

.top-bar>div:nth-child(1)>div:nth-child(1)>div:nth-child(2) {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

#nav_menu-4>div:nth-child(1) {
    padding: 0;
    border: none;
}

#menu-agb-impressum {
    margin: 0 0 0;
}

#menu-agb-impressum ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333333;
}

#menu-agb-impressum li {
    float: left;
}

#menu-agb-impressum li a {
    display: block;
    color: #333333;
    text-align: center;
    padding: 0 0px 0 10px;
    text-decoration: none;
}

#menu-agb-impressum li a:hover {
    font-weight: 500;
}

@media screen and (max-width: 767px) {
    .top-bar::after {
        background-image: url(https://nicos-edvdienst.de/wp-content/uploads/2021/02/nicos_header_800px-1.jpg);
        display: inline-block;
        background-size: 100%;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        position: absolute;
        /* overflow: hidden; */
        content: "\A0";
    }
    .header-v2 {
        height: calc((100vw / 1.75) + var(--title-gap));
    }
    .breadcrumb {
        Display: none;
    }
    #primary-menu {
        z-index: 1;
    }
}

@media screen and (min-width: 768px) {
    .top-bar::after {
        background-image: url(https://nicos-edvdienst.de/wp-content/uploads/2018/04/nicos_header_1960px-2.png);
        display: inline-block;
        background-size: 100%;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        position: absolute;
        /* overflow: hidden; */
        content: "\A0";
    }
    .header-pattern {
        margin-top: calc(100vw / 5);
    }
}

.mt-3,
.my-3 {
    margin-top: 0 !important;
}

.navbar-toggler {
    margin-left: 0;
}

.main-menu {
    flex: 0 0 100%;
    max-width: 100%;
}

#post-5 h1 {
    display: none;
}


/* Menue haupt und Sticky Header-Menü wird überlagert */

#menu-produkte-service-1 ul li {
    z-index: 1001;
}

#menu-produkte-service ul li {
    z-index: 1010;
}

.navbar-nav li a,
.page-nav ul li a {
    line-height: 0.8rem;
}


/*Sidebar*/


/*
#secondary {
    flex: 0 0 30%;
    max-width: 30%;
}
*/


/*Sidebar mobil*/

@media screen and (max-width: 812px) {
    #secondary {
        flex: 0 0 90%;
        max-width: 90%;
    }
}

#secondary p {
    color: #333333;
    font-size: 17.6px !important;
    font-weight: 300;
}

#secondary a {
    color: rgb(153, 0, 0);
    font-size: 17.6px !important;
    font-weight: 300;
    padding-top: 0 !important;
}

#secondary a:hover {
    font-weight: 400;
}

#secondary h3 {
    color: #333333;
    font-size: 1.4em !important;
    font-weight: 400;
    margin-bottom: -10px !important;
    padding-bottom: 0;
}

#secondary ul {
    color: #333333;
    font-size: 1.1em !important;
    font-weight: 300;
    font-style: normal !important;
}


/* Buttons */

p>a {
    color: #990000;
    font-weight: 300;
}

p>a:hover {
    color: #990000;
    font-weight: 400;
}

.button-kc-custom {
    color: #ffffff;
    background-color: rgb(153, 0, 0);
    font-size: 1.1em;
    font-weight: 300 !important;
    padding: 2px 20px !important;
    border-radius: 20px !important;
}

.button-kc-custom:hover {
    background-color: #B71C1C !important;
    color: #ffffff;
}


/*
.button-kc-custom::after {
    font-family: "fontawesome";
    font-style: normal;
    font-size: 18px;
    content: '\f061';
    color: #ffffff;
    display: inline-block;
    width: 1em;
}
*/

.kc-read-more {
    color: #ffffff;
    background-color: rgb(153, 0, 0);
    font-size: 1.1em;
    font-weight: 300;
    padding: 2px 20px;
    border-radius: 20px !important;
}

.kc-read-more:hover {
    color: #ffffff;
    background-color: #B71C1C !important;
}

.kc-read-more::after {
    font-family: "fontawesome";
    font-style: normal;
    font-size: 18px;
    content: '...';
    color: #ffffff;
    display: inline-block;
    width: 1em;
}

.button-download {
    color: #ffffff;
    background-color: #2233E5 !important;
    font-size: 1.1em;
    font-weight: 300;
    padding: 4px 25px !important;
    border-radius: 6px !important;
}

.button-download:hover {
    color: #ffffff;
    background-color: #081499 !important;
}

.wpdm-download-link {
    background-color: #2233E5 !important;
    background-image: linear-gradient( to top, #2233E5, #2233E5) !important;
    color: #ffffff !important;
    font-family: roboto !important;
    font-size: 1.1em !important;
    font-weight: 300 !important;
    padding: 4px 25px !important;
    border-radius: 6px !important;
    text-transform: none !important;
}

.wpdm-download-link:hover {
    background-color: #081499 !important;
    background-image: linear-gradient( to top, #081499, #081499) !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

.wpdm-download-link::before {
    font-family: "fontawesome";
    font-style: normal;
    font-size: 18px;
    content: '\f019';
    color: #ffffff;
    display: inline-block;
    width: 1em;
    margin-right: 6px;
}


/*List & Subs*/

.list-text-style ul li {
    list-style: none;
    margin-left: 0em;
}

.list-text-style ul li::before {
    font-family: "fontawesome";
    font-style: normal;
    font-size: 18px;
    content: '\f054';
    color: #B71C1C;
    display: inline-block;
    width: 1em;
    list-style: none;
}

.list-text-style-sub1 ul {
    list-style-type: none;
}

.list-text-style-sub1 ul li::before {
    font-family: "fontawesome";
    font-style: normal;
    font-size: 14px;
    content: '\f054';
    color: #557EBD;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.list-text-style-sub2 ul {
    list-style-type: none;
}

.list-text-style-sub2 ul li::before {
    font-family: "fontawesome";
    font-style: normal;
    font-size: 10px;
    content: '\f054';
    color: #557EBD;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}


/* Footer*/

.copyright-center {
    text-align: center;
}

.copyright-custom a,
.copyright-custom {
    color: #ffffff;
    font-size: 0.9em !important;
    font-weight: 300;
}

.copyright-custom a:hover {
    color: #ffffff;
    font-size: 0.9em !important;
    font-weight: 400;
}

.footer-kontakt {
    line-height: 22px;
    -color: #ffffff;
}

.footer-widget-text {
    font-size: 1.3em !important;
    color: #ffffff;
}

.footer-widget-text a:hover {
    color: #ffffff;
    font-weight: 400;
}

@media screen and (max-width: 1024px) {
    .footer-widget-text a {
        line-height: 40px !important;
        color: #ffffff;
    }
}

@media screen and (min-width: 1025px) {
    .footer-widget-text a {
        line-height: 20px !important;
        color: #ffffff;
    }
}


/*CF7-Form*/

.cf7-position {
    padding: 20px;
    border-style: solid;
    border-color: grey;
    border-width: 1px;
}

.cf7-hinweis {
    font-size: 1.1rem;
}

.kleingedrucktes-1,
.kleingedrucktes-1 p,
.kleingedrucktes-1 b {
    font-size: 0.9rem;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
select,
textarea {
    background-color: rgba(153, 0, 0, 0.14);
    color: #333;
    width: 90%;
    font-weight: 300;
}

#contactform7-send-button {
    font-weight: 400;
    color: #333;
}

.select-thema .wpcf7-select {
    height: 200px !important;
}

#etwas-anderes {
    height: 100px !important;
}


/*Seiten Spezial*/

.page-id-4351 .breadcrumb,
.page-id-4351 #secondary {
    display: none;
}


/*ND Portrait relative und Namen absolut*/

.nd-namen-absolut-textbox {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    bottom: 30px;
}

.social-link-icons-footer {
    display: flex;
}

.f-icon {
    margin-right: 20px;
}

.f-icon:hover,
.i-icon:hover {
    filter: brightness(125%);
}

.name-class {
    position: absolute;
    bottom: 20px;
    left: 0;
}

.fernwartung-class {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
}