body h1,
body h2,
body h3,
body h4,
body h5 {
    font-weight: bold;
    -moz-hyphens: initial;
    -webkit-hyphens: initial;
    hyphens: initial;
    -ms-word-break: initial;
    word-break: initial;
}

.quiqqer-contentgenerator-main-content h2 {
    font-size: 1.5rem;
}

.quiqqer-contentgenerator-main-content h3 {
    font-size: 1.25rem;
}

.quiqqer-contentgenerator-main-content h4 {
    font-size: 1.125rem;
}

.header-bar {
    box-shadow: none !important;
}

body .content-body a {
    font-weight: bold;
}

.content-body blockquote, .content-body p, .content-body pre {
    clear: initial !important;
    width: initial !important;
}

.heading-prefix {
    color: #f0a09b;
    font-size: var(--qui-fs-md, 1.125rem);
    font-weight: bold;
    letter-spacing: 3px;
    margin-bottom: 0;
    text-transform: uppercase;
}

.heading-prefix ~ h1,
.heading-prefix ~ h2,
.heading-prefix ~ h3,
.heading-prefix ~ h4,
.heading-prefix ~ h5,
.heading-prefix ~ h6 {
    margin-top: 0;
}

body code {
    border: none !important;
    border-radius: initial !important;
    display: initial !important;
    line-height: inherit !important;
    margin: initial !important;
    padding: initial !important;
}

pre {
    max-height: 30em;
}

/* prism */
body .toolbar button.copy-to-clipboard-button {
    background: #e97770 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #fff !important;
    cursor: pointer !important;
    font-weight: normal !important;
    margin-right: 1rem;
    min-width: initial;
    opacity: 0.5;
    padding: 3px 16px !important;
}

body .toolbar button.copy-to-clipboard-button:focus,
body .toolbar button.copy-to-clipboard-button:hover {
    opacity: 1;
}

/* prism end */

/* logo */
.page-header-logo img {
    height: auto;
    width: 270px;
}

@media screen and (max-width: 400px) {
    .page-header-logo img {
        height: initial;
        max-width: 200px;
    }
}

/* page header */
.page-header {
    margin-bottom: 2rem;
    padding: 80px 0 80px !important;
}

.wallpaperText-container-content h1,
.page-header-text-title {
    -moz-hyphens: initial;
    -webkit-hyphens: initial;
    hyphens: initial;
    -ms-word-break: initial;
    word-break: initial;
}

@media screen and (max-width: 767px) {
    .wallpaperText-container-content h1,
    .page-header-text-title {
        font-size: 2.125rem;
    }
}

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

/* page header for business sites */
@media screen and (min-width: 768px) {
    .type-quiqqer-contentgenerator-types-businessList .page-header,
    .type-quiqqer-contentgenerator-types-businessLandingPage .page-header {
        background-position: 40% bottom;
    }
}

@media screen and (max-width: 767px) {
    .type-quiqqer-contentgenerator-types-businessList .page-header,
    .type-quiqqer-contentgenerator-types-businessLandingPage .page-header {
        padding-top: 120px !important;
    }
}

.ng-page-header {
    display: flex;
    gap: 4rem;
}

.ng-page-header-title,
.ng-page-header-short {
    color: #fff;
}

h1.ng-page-header-title {
    -moz-hyphens: initial;
    -webkit-hyphens: initial;
    hyphens: initial;
    -ms-word-break: initial;
    word-break: initial;
}

.ng-page-header-short {
    font-size: 1.125rem;
}

.ng-page-header-pageInformation {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 600px;
}

.ng-page-header-pageImage {
    flex-grow: 1;
    text-align: center;
}

.ng-page-header-pageImage img {
    max-width: 400px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .ng-page-header {
        flex-direction: column;
    }

    .ng-page-header-pageImage img {
        max-width: 80%;
    }
}


body .tpl-presentation-row {
    border-bottom: none;
    border-top: none;
}

.page-1 .tpl-presentation-row {
    padding-bottom: 6rem;
    padding-top: 6rem;
}

table tr,
table tr:nth-child(2n+1) {
    background-color: transparent;
}

td {
    vertical-align: top;
}

/*******/
/* Nav */
/*******/
@media screen and (min-width: 768px) {
    .quiqqer-menu-megaMenu nav {
        display: flex !important;
    }
}

body .quiqqer-menu-megaMenu-list-item:hover {
    background: linear-gradient(180deg, #e97770 6%, transparent 6%) !important;
}

/****************************/
/* Startpage - Header brick */
/****************************/
.namegeneratorlist-startpage-header {
    color: #fff;
}

@media screen and (max-width: 767px) {
    .namegeneratorlist-startpage-header {
        height: 100vh !important;
    }
}

/**************/
/* Breadcrumb */
/**************/
.page-header,
.template-breadcrumb {
    border-bottom: none !important;
}

.template-breadcrumb .quiqqer-breadcrumb ul li:last-child a span:last-child {
    font-weight: bold;
}

/********************************/
/* Namensgeneratoren List Brick */
/********************************/
.namegeneratorlist-listBrick {
    background: #f5f5f5;
    background-image: url(/packages/namerobot/template-namensgeneratoren.de/bin/images/namensgeneratoren-list-bg.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 3rem 0;
    padding-top: 200px;
}

.page-1 .namegeneratorlist-listBrick {
    padding-top: 300px;
}

.namegeneratorlist-listBrick .qui-control-childrenlist-3er-row {
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
}

.namegeneratorlist-listBrick .qui-control-childrenlist-3er-entry {
    flex: initial;
    margin-bottom: 2rem;
}

.namegeneratorlist-listBrick .qui-control-childrenlist-3er-entry:nth-child(1) {
    width: 66.66%;
}

.namegeneratorlist-listBrick .qui-control-childrenlist-3er-entry:nth-child(7) {
    width: 66.66%;
}

.namegeneratorlist-listBrick .qui-control-childrenlist-3er-entry-inner {
    border: 1px solid #eee;
    box-shadow: 0 0.125rem 1.25rem rgba(0, 0, 0, .075);
    display: flex;
    flex-direction: column;
    height: 100%;
}


.namegeneratorlist-listBrick .qui-control-childrenlist-3er-entry-image {
    background-color: #fff;
    height: auto;
    margin-bottom: 0;
    padding: 1rem;
}

.namegeneratorlist-listBrick .qui-control-childrenlist-3er-entry-image img {
    display: block;
    max-height: 150px;
    width: auto;
}

.namegeneratorlist-listBrick .qui-control-childrenlist-3er-entry-content h1 {
    font-size: 1.125em;
    letter-spacing: initial;
}

.namegeneratorlist-listBrick .qui-control-childrenlist-3er-entry-content {
    background: #fff;
    padding: 2rem 1rem 1rem;
    text-align: left;
}

.namegeneratorlist-listBrick .qui-control-childrenlist-3er-entry-content-footer {
    font-size: 1rem;
}

.namegeneratorlist-listBrick .qui-control-childrenlist-3er-entry-content-footer-button {
    font-size: 1em;
    font-weight: bold;
}

/**********/
/* Footer */
/**********/
body .page-footer {
    background-color: #f5f5f5;
    background-image: url(/packages/namerobot/template-namensgeneratoren.de/bin/images/namensgeneratoren-footer.svg);
    background-position: top center;
    background-size: cover;
    padding-top: 120px;
}

body.type-quiqqer-sitetypes-types-legalnotes .page-footer {
    background-color: #fff;
}

body .page-footer a {
    font-weight: 300;
}

body .page-footer-copyright {
    border-top: none;
    font-size: 12px;
    text-align: center;
}

/************************/
/* Footer - Social icon */
/************************/
.nr-footer-social-icons p {
    text-align: center;
}

.nr-footer-social-icons a {
    color: #6f474a;
    text-decoration: none;
}

.nr-footer-social-icons a:hover {
    color: #e97770;
    text-decoration: none;
}


.nr-footer-social-icons .fa {
    font-size: 18px;
    line-height: 3rem;
    margin: 0.5rem 1rem;
    text-align: center;
    width: 3rem;
}

/*************************************/
/* Footer - Namesngeneratoren Banner */
/*************************************/
.namesgeneratoren-footer-banner .control-content {
    display: flex;
    max-width: 800px;
    margin: 3rem auto 3rem;
    padding: 2rem;
    background-image: linear-gradient(45deg, #312f37, #292e38);
    border-radius: 1rem;
    gap: 2rem;
}

.namesgeneratoren-footer-banner .button {
    text-decoration: none !important;
    font-weight: bolder;
}

.namesgeneratoren-footer-banner .namesgeneratoren-footer-banner-image {
    position: relative;
}

.namesgeneratoren-footer-banner-image-blurred,
.namesgeneratoren-footer-banner-image-bg {
    transition: 0.3s ease;
}

.namesgeneratoren-footer-banner-image-bg {
    position: relative;
    z-index: 1;
    color: #302f37;
}

.namesgeneratoren-footer-banner-image-blurred {
    position: absolute;
    color: #e97770;
    z-index: 0;
    filter: blur(10px);
    opacity: 0.5;
    top: 2px;
    left: 2px;
}

.namesgeneratoren-footer-banner .control-content:hover .namesgeneratoren-footer-banner-image-blurred {
    color: white;
    filter: blur(20px);
}

.namesgeneratoren-footer-banner .control-content:hover .namesgeneratoren-footer-banner-image-bg {
    transform: scale(1.05);
}

@media screen and (max-width: 550px) {
    .namesgeneratoren-footer-banner .control-content {
        flex-direction: column;
        text-align: center;
    }

    .namesgeneratoren-footer-banner .namesgeneratoren-footer-banner-image {
        margin: 0 auto;
    }

    .namesgeneratoren-footer-banner-image-blurred,
    .namesgeneratoren-footer-banner-image-bg {
        width: 64px;
        height: 64px;
        aspect-ratio: 1 / 1;
    }
}

/**********************/
/* Banner - Namescore */
/**********************/
.namegeneratorlist-brick-banner-namescore {
    margin-bottom: 2rem;
    margin-top: 2rem;
}

.namegeneratorlist-brick-banner-namescore .wallpaperText-container-content {
    color: #fff !important;
    width: 100%;
}

.namegeneratorlist-brick-banner-namescore .form-start-namescore .input-group {
    align-items: center;
    background: #fff;
    border-radius: 6px;
    display: flex;
    margin-top: 2rem;
    overflow: hidden;
}

.namegeneratorlist-brick-banner-namescore .form-start-namescore [name="name"] {
    background-color: #fff;
    border: none;
    border-radius: 5px;
    display: block;
    font-size: 14px;
    margin: 0;
    padding-left: 2rem;
    padding-right: 2rem;
    width: 100%;
}

.namegeneratorlist-brick-banner-namescore .namescore-start-btn {
    background: #16ccbb;
    border: #16ccbb;
    border-radius: 5px;
    color: #ffffff;
    flex-shrink: 0;
    font-size: 14px;
    min-width: 30%;
    padding: 16px 20px;
    white-space: nowrap;
}

@media screen and (max-width: 500px) {
    .namegeneratorlist-brick-banner-namescore .form-start-namescore .input-group {
        background: none;
        flex-direction: column;
    }

    .namegeneratorlist-brick-banner-namescore .decription {
        display: none;
    }

    .namegeneratorlist-brick-banner-namescore .form-start-namescore [name="name"] {
        margin-bottom: 1rem;
    }

    .namegeneratorlist-brick-banner-namescore .namescore-start-btn {
        width: 100%;
    }
}

/***********************/
/* Banner - Namefruits */
/***********************/
.namegeneratorlist-brick-banner-namefruits {
    border: 2px solid #699C2D;
    border-radius: 20px;
    margin-bottom: 2rem;
    margin-top: 2rem;
    max-width: 800px;
    padding: 1rem;
}

.namegeneratorlist-brick-banner-namefruits .quiqqer-textImage-image {
    align-items: flex-start;
    width: 20%;
}

.namegeneratorlist-brick-banner-namefruits .quiqqer-textImage-content {
    width: 80%;
}

.namegeneratorlist-brick-banner-namefruits .buttonTryNowContainer {
    display: inline-flex;
    flex-direction: column;
    margin-right: 1rem;
    text-align: center;
}

.namegeneratorlist-brick-banner-namefruits .namefruits-header-left-buttons {
    margin-top: 1rem;
}

.namegeneratorlist-brick-banner-namefruits .buttonTryNowContainer .namefruits-button {
    background-color: #cc357e;
    border: 2px solid #cc357e;
    border-radius: 10px;
    color: #fff;
    font-weight: normal;
    margin-bottom: 5px;
    min-width: 220px;
}

.namegeneratorlist-brick-banner-namefruits small {
    color: #999;
    font-size: .833rem;
}

.namegeneratorlist-brick-banner-namefruits a.namefruits-button-inline {
    background: none;
    border: none;
    color: inherit;
    font-weight: normal;
    min-width: 200px;
    padding-left: 0;
    padding-right: 0;
    text-decoration: underline;
}

.content-body:hover a.namefruits-button-inline {
    text-decoration: underline;
}

@media screen and (max-width: 767px) {
    .namegeneratorlist-brick-banner-namefruits .quiqqer-textImage-image,
    .namegeneratorlist-brick-banner-namefruits .quiqqer-textImage-content {
        width: 100%;
    }
}


@media screen and (max-width: 767px) {
    .namegeneratorlist-brick-banner-namefruits .buttonTryNowContainer {
        margin-bottom: 1rem;
        margin-right: 0;
        width: 100%;
    }

    .namegeneratorlist-brick-banner-namefruits a.namefruits-button-inline {
        width: 100%;
    }
}

/********************/
/* Banner - Toolbox */
/********************/
.namegeneratorlist-brick-banner-toolbox {
    background: #f8f8f8;
    border: 2px solid #ddd;
    margin-bottom: 2rem;
    margin-top: 2rem;
    padding: 2rem;
}

.namegeneratorlist-brick-banner-toolbox .control-content {
    padding: 0;
}

.namegeneratorlist-brick-banner-toolbox .header-suffix {
    color: #aaa;
}

@media screen and (max-width: 500px) {
    .namegeneratorlist-brick-banner-toolbox {
        padding: 1rem;
    }

    .namegeneratorlist-brick-banner-toolbox .button {
        width: 100%;
    }
}


/*****************/
/* Branchen List */
/*****************/
.quiqqer-contentgenerator-businessLandingPage-headline {
    font-size: 1.25rem;
    margin-bottom: 5rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 900px;
    text-align: center;
}

.type-quiqqer-contentgenerator-types-businessList .template-breadcrumb,
.type-quiqqer-contentgenerator-types-businessLandingPage .template-breadcrumb,
.type-namerobot-template-namensgeneratoren\.de-types-tool .template-breadcrumb {
    display: none;
}

@media screen and (min-width: 768px) {
    .type-quiqqer-contentgenerator-types-businessList .page-header,
    .type-quiqqer-contentgenerator-types-businessLandingPage .page-header {
        min-height: 700px;
    }
}

.type-quiqqer-contentgenerator-types-businessList .main-content-wrapper,
.type-quiqqer-contentgenerator-types-businessLandingPage .main-content-wrapper,
.type-namerobot-template-namensgeneratoren\.de-types-tool .main-content-wrapper {
    background: #f5f5f5;
    background-image: url(/packages/namerobot/template-namensgeneratoren.de/bin/images/namensgeneratoren-list-bg.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
    padding-bottom: 3rem;
}

.quiqqer-contentgenerator-faqContainer .quiqqer-accordion {
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 0 0.125rem 1.25rem rgba(0, 0, 0, 0.08);
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 900px;
    padding: 2rem;
}

.quiqqer-contentgenerator-faqContainer .quiqqer-accordion h2 {
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .quiqqer-contentgenerator-main-contentTitle,
    .quiqqer-contentgenerator-tabGroupTabsControls-title {
        font-size: 2.125rem;
    }
}

@media screen and (max-width: 400px) {
    .quiqqer-contentgenerator-main-contentTitle,
    .quiqqer-contentgenerator-tabGroupTabsControls-title {
        font-size: 2rem;
    }
}

/* 4 boxen */

#businessList {
    margin-top: 5rem;
}

@media screen and (max-width: 1000px) {
    .quiqqer-contentgenerator-businessList {
        margin-bottom: 3rem;
    }
}

.quiqqer-contentgenerator-categoryTabs {
    background: #fcfcfc;
    border-radius: 10px;
    box-shadow: 0 20px 50px rgb(0 0 0 / 5%);
    overflow: hidden;
}

.quiqqer-contentgenerator-categoryTabs-tabs li a {
    border-bottom-width: 2px !important;
}

.quiqqer-contentgenerator-categoryTabs-tabs:before {
    height: 2px !important;
}

/* category tabs colors */
.quiqqer-contentgenerator-businessList:nth-child(1) .quiqqer-contentgenerator-categoryTabs {
    border-color: #f7ccca;
}

.quiqqer-contentgenerator-businessList:nth-child(1) .quiqqer-contentgenerator-categoryTabs-image {
    background-color: #f7ccca;
}

.quiqqer-contentgenerator-businessList:nth-child(1) .quiqqer-contentgenerator-categoryTabs-content a.button:hover {
    background-color: #f7ccca;
    border-color: #f7ccca;
}

.quiqqer-contentgenerator-businessList:nth-child(2) .quiqqer-contentgenerator-categoryTabs {
    border-color: #95b9ee;
}

.quiqqer-contentgenerator-businessList:nth-child(2) .quiqqer-contentgenerator-categoryTabs-image {
    background-color: #95b9ee;
}

.quiqqer-contentgenerator-businessList:nth-child(2) .quiqqer-contentgenerator-categoryTabs-tabs li.active a {
    color: #2164ca;
}

.quiqqer-contentgenerator-businessList:nth-child(2) .quiqqer-contentgenerator-categoryTabs-content a.button:hover {
    background-color: #95b9ee;
    border-color: #95b9ee;
}

.quiqqer-contentgenerator-businessList:nth-child(3) .quiqqer-contentgenerator-categoryTabs {
    border-color: #eccbe3;
}

.quiqqer-contentgenerator-businessList:nth-child(3) .quiqqer-contentgenerator-categoryTabs-image {
    background-color: #eccbe3;
}

.quiqqer-contentgenerator-businessList:nth-child(3) .quiqqer-contentgenerator-categoryTabs-tabs li.active a {
    color: #8a3373;
}

.quiqqer-contentgenerator-businessList:nth-child(3) .quiqqer-contentgenerator-categoryTabs-content a.button:hover {
    background-color: #eccbe3;
    border-color: #eccbe3;
}

.quiqqer-contentgenerator-businessList:nth-child(4) .quiqqer-contentgenerator-categoryTabs {
    border-color: #e0c8c8;
}

.quiqqer-contentgenerator-businessList:nth-child(4) .quiqqer-contentgenerator-categoryTabs-image {
    background-color: #e0c8c8;
}

.quiqqer-contentgenerator-businessList:nth-child(4) .quiqqer-contentgenerator-categoryTabs-tabs li.active a {
    color: #764242;
}

.quiqqer-contentgenerator-businessList:nth-child(4) .quiqqer-contentgenerator-categoryTabs-content a.button:hover {
    background-color: #e0c8c8;
    border-color: #e0c8c8;
}

.quiqqer-contentgenerator-businessList:nth-child(5) .quiqqer-contentgenerator-categoryTabs {
    border-color: #cbdaaa;
}

.quiqqer-contentgenerator-businessList:nth-child(5) .quiqqer-contentgenerator-categoryTabs-image {
    background-color: #cbdaaa;
}

.quiqqer-contentgenerator-businessList:nth-child(5) .quiqqer-contentgenerator-categoryTabs-tabs li.active a {
    color: #667c36;
}

.quiqqer-contentgenerator-businessList:nth-child(5) .quiqqer-contentgenerator-categoryTabs-content a.button:hover {
    background-color: #cbdaaa;
    border-color: #cbdaaa;
}

.quiqqer-contentgenerator-businessList:nth-child(6) .quiqqer-contentgenerator-categoryTabs {
    border-color: #c8dcea;
}

.quiqqer-contentgenerator-businessList:nth-child(6) .quiqqer-contentgenerator-categoryTabs-image {
    background-color: #b0ddeb;
}

.quiqqer-contentgenerator-businessList:nth-child(6) .quiqqer-contentgenerator-categoryTabs-tabs li.active a {
    color: #1d5e72;
}

.quiqqer-contentgenerator-businessList:nth-child(6) .quiqqer-contentgenerator-categoryTabs-content a.button:hover {
    background-color: #b0ddeb;
    border-color: #b0ddeb;
}

.quiqqer-contentgenerator-businessList:nth-child(7) .quiqqer-contentgenerator-categoryTabs {
    border-color: #b5b0bf;
}

.quiqqer-contentgenerator-businessList:nth-child(7) .quiqqer-contentgenerator-categoryTabs-image {
    background-color: #b5b0bf;
}

.quiqqer-contentgenerator-businessList:nth-child(7) .quiqqer-contentgenerator-categoryTabs-tabs li.active a {
    color: #595365;
}

.quiqqer-contentgenerator-businessList:nth-child(7) .quiqqer-contentgenerator-categoryTabs-content a.button:hover {
    background-color: #b5b0bf;
    border-color: #b5b0bf;
}

/* END category tabs colors */

.quiqqer-boxContentAdvanced-entries__standard .quiqqer-boxContentAdvanced-entry-title {
    font-weight: bolder;
}

.quiqqer-contentgenerator-categoryTabs-content-item {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.quiqqer-contentgenerator-categoryTabs-content a.button {
    background: #fff;
    border-color: #ddd;
    border-width: 1px;
    color: inherit;
    font-weight: normal !important;
}

@media screen and (max-width: 500px) {
    .quiqqer-contentgenerator-categoryTabs-content a.button {
        flex-grow: 1;
    }
}

.quiqqer-contentgenerator-categoryTabs-content a.button:hover {
    background: hsl(3deg 73% 88%);
    border-color: #f7ccca;
}

/*****************/
/* NR Banner box */
/*****************/
.ng-nameBanner .grid-children {
    overflow: visible;
}

.ng-nameBanner .quiqqer-boxContentAdvanced-entry {
    background-color: #fff;
    border: 1px solid #eee;
    box-shadow: 0 0.125rem 1.25rem rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.ng-nameBanner .quiqqer-boxContentAdvanced-entry-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.ng-nameBanner .quiqqer-boxContentAdvanced-entries__standard .quiqqer-boxContentAdvanced-entry-content *:last-child {
    margin-top: auto;
}


/********/
/* Tabs */
/********/
.quiqqer-menu-navTabs {
    text-align: center;
}

.quiqqer-contentgenerator-businessList .quiqqer-menu-navTabs-tabs {
    display: inline-flex;
    justify-content: center;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .quiqqer-contentgenerator-businessList .quiqqer-menu-navTabs-tabs {
        width: 100%;
    }
}

/* nav */
.quiqqer-contentgenerator-businessList .quiqqer-menu-navTabs-tabs:before {
    height: 2px;
}

.quiqqer-contentgenerator-businessList .quiqqer-menu-navTabs-tabs-item a,
.quiqqer-contentgenerator-businessList .quiqqer-menu-navTabs-tabs-item.active a {
    border-bottom-width: 2px;
}

/* content */
.quiqqer-menu-navTabs-content {
    text-align: left;
}

.quiqqer-menu-navTabs-content-item {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: stretch;
}

.quiqqer-menu-navTabs-content-item .button {
    background-color: #fff;
    border: 1px solid #ddd;
    color: inherit;
    flex-grow: 1;
    font-weight: normal;
}

/*****************/
/* Vertical tabs */
/*****************/
.quiqqer-menu-navTabsVertical-container .quiqqer-tab-nav-item a {
    font-weight: 500;
}

.quiqqer-menu-navTabsVertical-container .quiqqer-tab-nav-item.active a {
    color: inherit;
}

/************************/
/* Namensgenerator Page */
/************************/
.type-namerobot-template-namensgeneratoren\.de-types-tool .main-content-wrapper {
    min-height: 50vh;
}

.namensgenerator-tool-title {
    color: #fff;
    margin-bottom: 4rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: -350px !important;
    max-width: 700px;
    position: relative;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .namensgenerator-tool-title {
        color: inherit;
        font-size: 1.75rem;
        margin-top: -1rem !important;
    }

    .type-namerobot-template-namensgeneratoren\.de-types-tool .quiqqer-menu-navTabsVertical-tabs-nav-container:before {
        background: linear-gradient(90deg, #f5f5f5, rgba(245, 245, 245, 0.01));
    }

    .type-namerobot-template-namensgeneratoren\.de-types-tool .quiqqer-menu-navTabsVertical-tabs-nav-container:after {
        background: linear-gradient(90deg, rgba(245, 245, 245, 0.01), #f5f5f5);
        right: 0;
    }
}

/* More Tools Banner */
.type-namerobot-template-namensgeneratoren\.de-types-tool .BusinessNameGeneratorBanner {
    display: none;
}


/**********************/
/* Widget Landingpage */
/**********************/
.ns-widgetLandingpage-header .wallpaperText {
    --qui-wallpaperText-bgColor: transparent !important;
}

.tpl-presentation-row.brick-container__ns-widgetLandingpage-boxes {
    background-image: url(https://img.michael.pcsg.eu/namensgeneratoren/landingpage-box-bg.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: -7rem;
    padding: 17rem 0 10rem;
}

.ns-widgetLandingpage-boxes .quiqqer-boxContentAdvanced-entry-img .fa {
    background: #fbe9e8;
    border-radius: 4rem;
    color: #e97770;
    font-size: 2rem;
    line-height: 4rem;
    margin-bottom: 0;
    width: 4rem;
}

.ns-widgetLandingpage-boxes .quiqqer-boxContentAdvanced-entry-title {
    font-weight: bold;
}

@media screen and (min-width: 768px) {
    .ns-widgetLandingpage-boxes .control-content {
        padding-bottom: 0;
    }

    .ns-widgetLandingpage-boxes .quiqqer-boxContentAdvanced-entry-container:nth-child(2) {
        margin-top: 5rem;
    }
}

@media screen and (max-width: 767px) {
    .tpl-presentation-row.brick-container__ns-widgetLandingpage-boxes {
        background-size: auto 900px;
        margin-top: -5rem;
        padding: 10rem 0 5rem;
    }
}

/* Main Widget brick */
.brick-container__ns-widgetLandingpage-mainWidget {
    overflow: hidden;
}

.ns-widgetLandingpage-mainWidget {
    position: relative;
}

.ns-widgetLandingpage-mainWidget img {
    left: 230px;
    position: absolute;
    top: 1rem;
}

.ns-widgetLandingpage-mainWidget #container-widgetMain-wrapper {
    margin: 4rem auto 0;
    max-width: 900px;
    position: relative;
}

.ns-widgetLandingpage-mainWidget #container-widgetMain-wrapper > svg {
    position: absolute;
    right: -80px;
    top: -80px;
    z-index: 0;
}

.ns-widgetLandingpage-mainWidget #container-widgetMain {
    background-color: #f5f5f5;
    border-radius: 1rem;
    margin: 4rem auto 0;
    max-width: 900px;
    min-height: 483px;
}

.ns-widgetLandingpage-mainWidget .info-text {
    font-size: 0.75rem;
    font-style: italic;
    margin: 0 auto;
    max-width: 900px;
    opacity: 0.75;
    padding: 0 1rem;
}

@media screen and (max-width: 1200px) {
    .ns-widgetLandingpage-mainWidget img {
        left: initial;
        right: calc(50vw * 1.4);
    }
}

@media screen and (max-width: 650px) {
    .ns-widgetLandingpage-mainWidget img {
        display: none;
    }
}

/********************************/
/* Widget Landingpage: examples */
/********************************/
.brick-container__ns-widgetLandingpage-examples {
    background-image: url(https://img.michael.pcsg.eu/namensgeneratoren/landingpage/namensgeneratoren-landingpage-examples.svg);
    background-position: top center;
    background-repeat: no-repeat repeat;
}

.ng-widgetExample-title {
    margin-bottom: 3rem;
}

.businessNameGeneratorWidget-action__demo {
    font-size: 1.125rem;
    margin-top: 1rem;
    padding: 0.75rem 1.5rem;
}

.businessNameGeneratorWidget-action__demo ~ small {
    display: block;
    font-size: var(--qui-fs-sm);
    font-style: italic;
    margin-top: 0.5rem;
    opacity: 0.75;
}

@media screen and (min-width: 768px) {
    .ng-widgetExample-title {
        margin-bottom: 5rem;
    }

    .ng-widgetExample-entry {
        align-items: center;
        display: flex;
        gap: 4rem;
        margin-bottom: 8rem;
        margin-top: 8rem;
    }

    .ng-widgetExample-entry-content {
        width: 45%;
    }

    .ng-widgetExample-entry-example {
        flex-grow: 1;
        width: 55%;
    }
}

/* example button container */
.ng-widgetExample-entry-example-buttonContainer {
    align-items: center;
    background: #f5f2f0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 300px;
    text-align: center;
}


/********************************/
/* Widget Landingpage: settings */
/********************************/
@media screen and (min-width: 1000px) {
    .ns-widgetLandingpage-settings {
        display: flex;
    }
}

.ns-widgetLandingpage-settings .quiqqer-boxContentAdvanced-entry {
    background: #f5f5f5;
    padding: 1.5rem 2rem;
}

@media screen and (min-width: 1000px) {
    .ns-widgetLandingpage-settings .control-content {
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
        justify-content: center;
        margin-bottom: 0;
        margin-right: 4rem;
        max-width: 360px;
        padding-bottom: 0;
        width: 50%;
    }
}

.ns-widgetLandingpage-settings .quiqqer-boxContentAdvanced-entry {
    background: #fff;
    padding: 1.5rem 2rem;
}

.ns-widgetLandingpage-settings .quiqqer-boxContentAdvanced-entries__standard .quiqqer-boxContentAdvanced-entry-img {
    text-align: left;
}

.ns-widgetLandingpage-settings .quiqqer-boxContentAdvanced-entry-img .fa {
    font-size: 2rem;
    margin-bottom: 0;
}

/*******************************/
/* Widget Landingpage: contact */
/*******************************/
.brick-container__ns-widgetLandingpage-contact {
    background-color: #f5f5f5;
}

.ns-widgetLandingpage-contact.quiqqer-simple-contact {
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
}

.ns-widgetLandingpage-contact .control-content {
    text-align: center;
}

.ns-widgetLandingpage-contact .quiqqer-simple-contact-button {
    font-size: 1rem;
    margin-top: 1rem;
}

.ns-widgetLandingpage-contact input,
.ns-widgetLandingpage-contact textarea {
    background-color: #fff;
    border: none;
}

/**************************************/
/* Widget Landingpage: example Simple */
/**************************************/
.templatePresentation__ng-landingpage-exampleSimple .quiqqer-breadcrumb {
    display: none;
}

.templatePresentation__ng-landingpage-exampleSimple .main-content-wrapper {
    background-image: linear-gradient(0, whitesmoke, transparent);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% 100px;
}

#container-widgetSimple {
    margin-bottom: 2rem;
}

/**************************************/
/* Widget Landingpage: example header */
/**************************************/
.templatePresentation__ng-landingpage-exampleHeader .quiqqer-breadcrumb {
    display: none;
}

.templatePresentation__ng-landingpage-exampleHeader .main-content-wrapper {
    background-image: linear-gradient(0, whitesmoke, transparent);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% 100px;
}

.templatePresentation__ng-landingpage-exampleHeader .header-bar {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.4), transparent);
}

.templatePresentation__ng-landingpage-exampleHeader pre {
    max-height: 50em;
}

/* header */
.templatePresentation__ng-landingpage-exampleHeader .page-header {
    align-items: flex-start;
    background-image: linear-gradient(to bottom right, #3CAC93, #0E7D87, #044E67) !important;
    min-height: 587px !important;
    padding: 0 !important;
}

#container-headerExample {
    width: 100%;
}

@media screen and (max-width: 767px) {
    .templatePresentation__ng-landingpage-exampleHeader .page-header {
        min-height: 597px !important;
    }
}

@media screen and (max-width: 500px) {
    .templatePresentation__ng-landingpage-exampleHeader .page-header {
        min-height: 632px !important;
    }
}

@media screen and (max-width: 330px) {
    .templatePresentation__ng-landingpage-exampleHeader .page-header {
        min-height: 699px !important;
    }
}