html {
    scroll-padding-top: 150px !important;
    --quiqqer-childrenlist-cards-shadow: none;
    --quiqqer-childrenlist-medialist-shadow: none;
    
    /* bug in prsentation  - nach update löschen */
    --theme--qui-spacer--desktop: 1rem;
}


/* split site contact form */
.pcsg-type-quiqqer-contact-types-contact-splitContact .qui-form {
    display: flex;
    gap: var(--qui-spacing);
    flex-wrap: wrap;
}

.pcsg-type-quiqqer-contact-types-contact-splitContact .qui-formfield {
    margin-bottom: var(--qui-spacing-xs);
}

.pcsg-type-quiqqer-contact-types-contact-splitContact .qui-formfield:is(.qui-input-left, .qui-input-right) {
    width: auto;
    flex-grow: 1;
}


@media screen and (min-width: 768px) {
    .pcsg-type-quiqqer-contact-types-contact-splitContact .main-content > .default-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 4rem;
        position: relative;
    }

    .pcsg-type-quiqqer-contact-types-contact-splitContact .main-content > .default-content .pcsg-accent-card {
        position: sticky;
        top: calc(var(--qui-nav-height) + 1rem);
    }
}




/* nach dem Update nach 10 September löschen*/
.quiqqer-presentationBricks-scrollPinnedCards__cardIcon {
    color: var(--qui-colors-primary);
    position: relative;
    margin-right: 1rem;
}

.quiqqer-presentationBricks-scrollPinnedCards__cardIcon:after {
    content: '';
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    border-radius: 2rem;
    bottom: -0.75rem;
    right: -0.75rem;
    background-color: hsl(from var(--qui-colors-info) h s l / 40%);
}

.quiqqer-presentationBricks-scrollPinnedCards__card:before {
    content: '';
    inset: -0.25rem;
    position: absolute;
    z-index: -1;
    border-radius: inherit;
    background-image: conic-gradient(from var(--angle), var(--qui-colors-primary) 10deg, transparent 30deg, transparent 320deg, var(--qui-colors-info), var(--qui-colors-primary));
    animation: pcsg-children-simpleGrid-rotate 5s linear infinite;
    animation-play-state: paused;
    opacity: 0;
    transition: opacity .5s ease-in-out;
}

.quiqqer-presentationBricks-scrollPinnedCards__card {
    transform: none !important;
    overflow: visible !important;
}

.quiqqer-presentationBricks-scrollPinnedCards__card:hover:before {
    animation-play-state: running;
    opacity: 1;
    transition: opacity .25s ease-in-out;
}

.quiqqer-presentationBricks-scrollPinnedCards__cardImage {
    border-radius: var(--_cardRadius);
}
/* END nach dem Update nach 10 September löschen*/













/*** Serpil`s CSS für neue Webseite ***/


/*** Webseite Pakete***/

.pcsg-catalog-websites .card-ribbon {
    background-color: var(--pcsg-catalog-websites-color);
}


.pcsg-catalog-shops .card-ribbon {
    background-color: var(--_accent-color);
}


.pcsg-catalog-websites a:not(.btn) {
    color: var(--_accent-color);
}

.pcsg-catalog-websites a:not(.btn):hover {
    color: var(--_accent-color--dark);
}



/***** Online Shop *****/

.pcsg-catalog-shops a:not(.btn) {
    color: var(--_accent-color);
}

.pcsg-catalog-shops a:not(.btn):hover {
    color: var(--_accent-color--dark);
}



/*** Online Marketing ***/

.brick-container__round-corner {
    border-radius: 1rem;
}


/*** Cookiebot Landingpage ***/

.brick-container__cookiebot-header img.tpl-brick__imageBg {
    object-fit: contain !important;

}


/*.brick-container__cookiebot-advantages {
    background-image: url(/media/cache/pcsg/Cookiebot/Advantages/advantages.svg) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}*/

.cookiebot-advantages {
    align-items: center;
    gap: 4rem;
    display: flex;
    margin-top: 7rem;
    margin-bottom: 3rem;
}

.cookiebot-advantages .quiqqer-boxContentAdvanced-entries {
    margin-left: 5rem;
}

@media screen and (min-width: 768px) {
    .cookiebot-advantages .quiqqer-boxContentAdvanced-2:nth-child(2) .quiqqer-boxContentAdvanced-entry {
        transform: translate(0, -8%);
    }
    .cookiebot-advantages .quiqqer-boxContentAdvanced-2:nth-child(4) {
        transform: translate(0, -8%);
    }
}



@media screen and (max-width: 767px) {
    .cookiebot-advantages {
        display: block;
    }

    .cookiebot-advantages .quiqqer-boxContentAdvanced-entries {
        margin-left: 0;
    }

}

/*** Cookiebot kontakt ***/


.qui-form.cookiebot-contact {
    max-width: 1090px;
    margin-inline: auto;
    margin-bottom: 5rem;
    background: radial-gradient(circle at center, #2f5f7b 0% 0%, #2d2b24 100%);
    border-radius: 1rem;
    padding: 3rem 3rem;
}

.qui-form.cookiebot-contact legend {
    font-size: var(--qui-fs-body, 16px) !important;
}

.cookiebot-contact-banner .quiqqer-formbuilder-text {
    margin-bottom: 2rem;
}

.qui-form.cookiebot-contact input[type="submit"] {
    background: var(--pcsg-catalog-websites-color);
}

.qui-form.cookiebot-contact input[type="submit"]:hover {
    background: var(--template-settings__nav-bgColor--scrolled);
}
.qui-form.cookiebot-contact input, .qui-form.cookiebot-contact textarea {
    background: #49626c;
}

.qui-form.cookiebot-contact input:hover, .qui-form.cookiebot-contact textarea:hover {
    background: #273941;
}

.qui-form.cookiebot-contact a {
    color: var(--pcsg-catalog-websites-color);
}

@media screen and (max-width: 767px) {
    .cookiebot-contact-banner {
        padding: 2rem 1rem;
        margin-bottom: 2rem;
    }
}

/* das ist allgemein muss hier sein ***/


@media screen and (min-width: 767px) {
    .proContainer {
        max-width: 900px;

    }
}