/**
Styling for www.no-adblock.com
 */

.bold-title {
    font-weight: 600;
}

.small-container {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width: 768px) {
    .page-header-container {
        top: auto !important;
    }
}

.page-header {
    align-items: center;
}


header.page-header {
    height: 400px !important;
}

@media screen and (min-width: 768px) {
    .page-header-text-title, .page-header-text-wrapper-short {
        max-width: 70% !important;
    }
}

/********************/
/* Startpage header */
/********************/
@media screen and (min-width: 768px) {
    .noAdblock-start-header {
        height: 70vh;
    }

    .noAdblock-start-header .wallpaperText-container {
        padding-block: 5rem;
    }
}

.btn-container {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
    margin-top: 2rem;
    flex-wrap: wrap;
}

.main-content-color-bg {
    background-color:#f4f4f4 !important;
}
.noAdblock-start-header .wallpaperText-container-content h1,
.noAdblock-start-header .wallpaperText-container-content p {
    margin-left: auto;
    margin-right: auto;
    color: #fff;
}

.noAdblock-start-header.wallpaperText-container-content h1 {
    padding-top: 4rem;
}

.brick-even-prefix.brick-73-wrapper {
    background-color: #f4f4f4;
    padding-top: 8rem;
}

.wallpaperText-container .btn-danger {
    background-color: #d12020;
    border-color: #d12020;
    border-radius: 3px;
    min-width: 150px;
    text-align: center;
}

.noAdblock-start-header.btn-danger {
    background-color: #d12020;
    font-weight: bold;
    border-color: #d12020;
    border-radius: 3px;
    width: 150px;
    margin: 2rem;
}

.noAdblock-start-header.btn-danger:hover {
    color: #fff;
}

@media screen and (max-width: 767px) {
    /* für mobile */
    .noAdblock-start-header .wallpaperText {
        min-height: 70vh;
    }
}

@media screen and (max-width: 330px) {
    /* für mobile */
    .noAdblock-start-header .wallpaperText-container-content h1 {
        padding-top: 0;
    }
}

.quiqqer-menu-megaMenu img {
    height: 60px;
}

.quiqqer-menu-megaMenu-list {
    margin: 0;
    padding: 0;
    float: right;
}

.quiqqer-boxContentAdvanced-entry-img .fa {
    margin-bottom: 2rem;
    margin-top: 1rem;
    color: #d12020;
}


@media screen and (max-width: 767px) {
    /* für mobile */
   .page-header-text-wrapper-short {
        color: #fff;
        display: inline-block;
        padding: 14px 20px;
        background-color: rgba(0, 0, 0, 0.5);
        letter-spacing: 1px;
    }

    .page-header-text-wrapper {
        display: inline-block;
    }
}
.qui-control-childrenlist-3er-entry-content-short {
    margin-left:1rem !important;
    margin-right: 1rem !important;
    display: inline-block;
}


@media screen and (max-width: 415px){
    h1.page-header-text-title {
        margin-bottom: 0;
    }
}


@media screen and (max-width: 348px) {
     p {
        margin-bottom: 0 !important;
    }
}

.noAdblockTemplate-instructions .control-content,
.noAdblockTemplate-instructions2 .control-content{
    max-width: 1050px;
    padding-bottom: 0;
}
.startseite-linux-boxen .quiqqer-boxContentAdvanced-3 {
    width: 20%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.startseite-linux-boxen .quiqqer-boxContentAdvanced-entry,
.startseite-windows-boxen .quiqqer-boxContentAdvanced-entry {
    display: flex;
    flex-direction: column;
}
.startseite-linux-boxen header ,
.startseite-windows-boxen header {
    margin-top: auto;
}

.startseite-windows-boxen .quiqqer-boxContentAdvanced-3 {
    width:28%;
    margin-left: auto;
    margin-right: auto;
}

.startseite-windows-boxen .grid-children {
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
    max-width: 900px;
    margin-left: auto;
    margin-left: auto;
    margin-right: auto;
}

.startseite-linux-boxen .quiqqer-boxContentAdvanced-entry,
.startseite-windows-boxen .quiqqer-boxContentAdvanced-entry{
    width: 100%;
    border: 1px solid #ddd;
    padding: 1.2rem;
    border-radius: 10px;
    background-image: url(/media/cache/adBlock/Background/background-boxen.svg);
    background-size: cover;
}

.startseite-linux-boxen .quiqqer-boxContentAdvanced-entry a,
.startseite-windows-boxen .quiqqer-boxContentAdvanced-entry a{
    color:#222222f7;
    font-size: 17px;
}

.startseite-linux-boxen .control-content p ,
.startseite-windows-boxen .control-content p{
    margin-bottom: 1.3em;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}

.feature-section-number {
    background: #f4f4f4;
    border-radius: 50%;
    color: #44444494;
    display: inline-block;
    font-size: 1.45rem;
    font-weight: bold;
    letter-spacing: 5px;
    line-height: 4rem;
    margin-bottom: 0;
    text-align: center;
    width: 4rem;
    z-index: 1;
}

span.feature-section-number:after {
    content: '';
    height: 99%;
    border-right: 2px dashed #44444494;
    width: 0;
    position: absolute;
    left: 3.1rem;
    transform: translateY(55px);
}

@media screen and (max-width: 767px) {
    span.feature-section-number:after {
        display: none;
    }
}

.noAdblockTemplate-instructions h2 {
    padding-bottom: 0;
}

.noAdblockTemplate-instructions .quiqqer-textImageMultiple-wrapper {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.noAdblockTemplate-instructions .quiqqer-textImage {
    margin-top: 1rem;
}

.quiqqer-textImageMultiple:last-child .feature-section-number:after {
    display: none;
}

span.feature-section-title {
    color: #747272;
    font-size: 1.45rem;
}

span.feature-section-two-title {
    margin-left: 4.8rem;
    font-size: 23px;
}

.quiqqer-textImageMultiple .quiqqer-textImage {
    padding-bottom: 0;
}
.qui-control-childrenlist-3er-row {
    margin-bottom: 0 !important;
}

.line-height {
    line-height: 3em;
}
/************************/
/*Banner*/
/************************/

.noAdblock-banner {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(/media/cache/adBlock/Background/background-boxen.svg);
}

.quiqqer-textImage-content-inner h2 {
    word-break: break-word;
}

.noAdblock-banner img {
    display: block;
}

.tpl-businessPro-row .noAdblockTemplate-instructions {
    padding-bottom:0;
}
.noAdblock-startseite-banner .control-content {
    padding-bottom: 1rem;
}

.brick-31-wrapper {
    background-image: url(/media/cache/adBlock/no-adblock-banner.png) !important;
    background-size: cover !important;
}

.brick-58-wrapper {
    background-image: url(/media/cache/adBlock/no-adblock-banner.png) !important;
    background-size: cover !important;
}

.brick-61-wrapper {
    background: #f4f4f4 !important;
    padding-top: 9rem;
    padding-bottom: 6rem;
}

.noAdblock-startseite-banner a {
    color: #d12020;
}

.noAdblock-startseite-banner .quiqqer-textImage {
    display: flex;
    border-radius: 20px;

}

.noAdblock-startseite-banner .btn-danger {
    background: #d12020;
    border-color: #d12020;
}

/******FOOTER*******/
.adblock-footer-container {
    margin-top: 2rem;
}

.noAdblock-footer .control-content {
    padding-bottom: 1rem;
}

.bold-word {
    font-weight: 500;
}

body .page-footer {
    background-color: #fff;
    background-image: url(/media/cache/adBlock/Background/noAdblock-background-footer.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    color: #e6dcccc7 !important;
    margin-top: auto;
    padding-top: 4rem;
}

.page-footer a {
    color: #d12020;
}

.page-footer a:hover {
    color: #ddd;
}

.noAdblock-footer {
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
}

.noAdblock-footer h3 {
    color: #fff !important;
}

.noAdblock-footer .page-footer-copyright {

    color: #fff;
    padding-top: 0;
    padding-bottom: 20px;
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.page-footer-copyright {
    border-top: none !important;
}

.noAdblock-footer .page-footer-copyright p {
    color: #fff;
}

.boxContent-container .quiqqer-boxContentAdvanced-entry {
    background-image: url(/media/cache/adBlock/Background/background-boxen.svg);
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 2rem 1rem;
    text-align: center;
    display: flex;
    flex-direction: column;
}

.boxContent-container .quiqqer-boxContentAdvanced-entry-img img {
    max-width: 80px;
    max-height: 80px;
}

.boxContent-container header {
    margin-top: auto;
}

.boxContent-container header a {
    color: inherit;
}

.boxContent-container .quiqqer-boxContentAdvanced-entries {
    justify-content: center;
}

.btn-box {
    background-color: transparent !important;
    color: #d22327 !important;
    border: none !important;
}

@media screen and (max-width: 767px) {
    .qui-control-childrenlist-3er-entry {
        margin:0;
        margin-bottom: 2rem !important;
    }
}

@media screen and (max-width: 800px) {
    .startseite-linux-boxen {
        padding-top: 1rem !important;
    }
}
@media screen and (max-width: 330px) {
    /* für mobile */
    .qui-control-childrenlist-3er-entry {
        background-image: url(/media/cache/adBlock/Background/background-boxen.svg);
        border: 1px solid #ddd;
        border-radius: 10px;
        color: #000;
        display: flex;
        flex-direction: column;
        flex-shrink: 1;
        flex-grow: 0;
        height: 450px;
        padding: 20px;
    }
}

.qui-control-childrenlist-3er-entry-content-footer {
    margin-top: 0;
}
.noAdblockTemplate-werbeblock {
    background: #f4f4f4;
    padding-bottom: 2rem;
    padding-top: 3rem;
}

.noAdblockTemplate-werbeblock .quiqqer-textImage {
    padding:1rem;
    max-width:1200px;
    margin-left: auto;
    margin-right: auto;
}


 .tpl-businessPro-row .noAdblockTemplate-werbeblock {
    padding-bottom: 5rem;
}
.quiqqer-textImageMultiple {
    position: relative;
 }

@media screen and (max-width: 330px) {
    .quiqqer-textImageMultiple .quiqqer-textImage {
        padding-top: 0;
        padding-bottom: 0;
    }

    .quiqqer-textImage {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 767px) {
    .quiqqer-textImage-image img {
        max-width: 100% !important;
        max-height: 100% !important;
    }
}

.noAdblockTemplate-instructions .quiqqer-textImage-content-inner p {
    margin-left: 64px;
}
.noAdblockTemplate-instructions .quiqqer-textImage-image img {
    display: block;
    max-height: 200px;
}
.quiqqer-textImageMultiple .quiqqer-textImage {
    margin-bottom: 0rem !important;
    margin-top: 0rem;
}

.startseite-linux-boxen {
    margin-top: 2rem;
}
.startseite-linux-boxen .grid-children-container {
    margin-bottom: 2rem;
}

@media screen and (max-width: 330px) {
    .noAdblockTemplate-instructions {
        padding-top: 1rem;
    }
}

.qui-control-childrenlist-3er-entry-content-footer .button {
    background: none;
    color: #d12020;
    border: none;
    font-size: 20px;
}

.content-switcher-content-title {
    font-size: 1.45rem;
    font-weight: bold;
    color: #fff;
    line-height: 2rem;
    width: 2.9rem;
    background: #d12020;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    margin-bottom: 0.5rem;
    padding: 5px;
}

.switcher .content-switcher {
    align-items: center;
    display: flex;
    flex-direction: row;
    min-height: 360px;
    width: 100%;
    margin-bottom: 6rem;
}

.box-content-entry-2 h3, .box-content-entry-2 ul {
    margin-left: 10rem;
}

.boxen .quiqqer-boxContentAdvanced-entries__standard .quiqqer-boxContentAdvanced-entry-title {
    font-size: 1.25rem;
    align-items: center;
    margin-left: 3rem;
    text-transform: uppercase;
}

.grid-container .boxen {
    width: 950px;
    margin-left: auto;
    margin-right: auto;
}

.boxen .grid-children-container {
    left: -20px;
    width: calc(100% + 40px);
    padding-bottom: 6rem;
}

.boxen .control-content {
    width: 950px;
    margin-left: auto;
    margin-right: auto;
}

.boxen .control-content p {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.quiqqer-menu-megaMenu nav {
    width: 100%;
}

/*************************************/
/*Kontakt Formular*/
/*************************************/

.fieldset.qui-formfield.qui-formfield.grid-50.qui-input-left {
    margin-left: -1.2rem;
}

input[type="tel"] {
    margin-left: -1.2rem;
}

.qui-form input[type="submit"] {
    font-weight: bold;
    background: #d12020;
    border-color: #d12020;
}

.qui-form input[type="submit"]:hover {
    color:#d12020;
    background: none;
    font-weight: bold;
    border-color: #d12020;
}

.chrome .quiqqer-textImageMultiple .quiqqer-textImage {
    padding-bottom: 0;
}