/***********/
/* Toolbox */
/***********/
/* register button */
.header-bar .btn.namerobot-service-button-toolbox {
    border-color: #fff;
    color: #fff;
}


.page-170 .btn.namerobot-service-button-toolbox,
.page-180 .btn.namerobot-service-button-toolbox,
.header-bar-alt .btn.namerobot-service-button-toolbox {
    border-color: #6574cd;
    color: #6574cd;
}

.btn.btn-toolbox {
    background-color: #6574cd;
    border-color: #6574cd;
}

.btn.btn-toolbox-outline {
    background: none;
    border-color: #6574cd;
    color: #6574cd;
}

.btn.btn-toolbox-outline:hover {
    border-color: #6574cd;
    color: #6574cd;
}

/******************************/
/* header image for all pages */
/******************************/
.brick-20,
.brick-89 {
    background-image: radial-gradient(rgba(241, 241, 241, 0.25), rgba(255, 255, 255, 0.75)), url(/media/cache/namerobot/Relaunch-2019/NameRobot_Toolbox/toolbox-header-clouds-mountain-background.svg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
}

.brick-20 .wallpaperTextArrow,
.brick-89 .wallpaperTextArrow {
    background-position: center bottom !important;
    background-repeat: no-repeat;
    background-size: contain !important;
}

@media screen and (min-width: 768px) {
    .brick-20 .wallpaperTextArrow-content-right,
    .brick-20.wallpaperTextArrow-content-left,
    .brick-89 .wallpaperTextArrow-content-right,
    .brick-89.wallpaperTextArrow-content-left {
        margin-top: -6rem;
    }
}

@media screen and (max-width: 767px) {
    .brick-20 .wallpaperTextArrow,
    .brick-89 .wallpaperTextArrow {
        height: initial;
        min-height: 100vh;
    }

    .wallpaperTextArrow-content-right {
        margin: 2rem 0 3rem;
    }
}

/********************/
/* Toolbox: 3 icons */
/********************/
.brick-id-21,
.brick-id-90 {
    background: #6574CD;
    color: #fff;
}

.brick-id-21 .qui-control-childrenlist-3er-entry-image .quiqqer-icon,
.brick-id-90 .qui-control-childrenlist-3er-entry-image .quiqqer-icon {
    box-shadow: 0 0 0 2px #8e9ae2, 0 0 0 10px #6574CD, 0 0 0 12px #7988e1, 0 0 0 20px #6574CD, 0 0 0 22px #6a7ad8;
    color: #fff;
}

.brick-id-21 .qui-control-childrenlist-3er-entry:hover .qui-control-childrenlist-3er-entry-image .quiqqer-icon,
.brick-id-90 .qui-control-childrenlist-3er-entry:hover .qui-control-childrenlist-3er-entry-image .quiqqer-icon {
    box-shadow: 0 0 0 2px #c2caf8, 0 0 0 4px #6574cd, 0 0 0 8px rgba(132, 171, 231, 0), 0 0 0 10px #6574cd, 0 0 0 12px rgba(78, 135, 221, 0);
}

.brick-id-21 .qui-control-childrenlist-3er-entry-content-short,
.brick-id-90 .qui-control-childrenlist-3er-entry-content-short {
    color: #e8edf5;
}

.brick-id-21 .qui-control-childrenlist-3er-entry-content-footer-button,
.brick-id-90 .qui-control-childrenlist-3er-entry-content-footer-button {
    background-color: #fff;
    border-color: transparent;
    color: #3d4852 !important;
}

/****************************************/
/* Toolbox: Features (Content Switcher) */
/****************************************/
/* title */
.brick-id-23,
.brick-id-92 {
    background-image: url(/media/cache/namerobot/Relaunch-2019/NameRobot_Toolbox/toolbox-features-background.svg);
}

/********************/
/* Toolbox: Counter */
/********************/
.brick-id-24,
.brick-id-93 {
    background: #f1f5f8;
    background-image: url(/media/cache/namerobot/Relaunch-2019/NameRobot_Toolbox/toolbox-counter-background2.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 4rem 0;
}

/*******************************/
/* ToolBox: Kundenmeinungen */
/*******************************/
.brick-id-26,
.brick-id-95 {
    padding: 4rem 0;
}

/**************************/
/* ToolBox: pricing table */
/**************************/
.page-170 .brick-id-27,
.page-180 .brick-id-94 {
    background-image: url(/media/cache/namerobot/Relaunch-2019/NameRobot_Toolbox/toolbox-pricing-background.svg);
    background-repeat: no-repeat;
    background-size: 100%;
}

.brick-id-27,
.brick-id-94 {
    padding: 4rem 0;
    position: relative;
}

.brick-id-27:after,
.brick-id-94:after {
    background: linear-gradient(0, white, transparent);
    bottom: 0;
    content: '';
    height: 4rem;
    left: 0;
    position: absolute;
    width: 100%;
}

.pricing {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 2rem auto;
    width: 100%;
}

.pricing-item-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 0 1 330px;
    flex: 0 1 330px;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin: 1em;
    max-width: 300px;
    position: relative;
}

.pricing-item {
    -webkit-align-items: stretch;
    align-items: stretch;
    background: none;

    border-radius: 10px;
    color: #111;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    overflow: hidden;
}

/* image */
.pricing-item-image {
    align-items: center;
    background: none;
    display: flex;
    height: 130px;
    justify-content: center;
    padding: 1rem;
}

.pricing-item-image svg {
    opacity: 0.8;
}

.pricing-item-image svg,
.pricing-item-image img {
    height: auto;
    max-height: 100%;
    max-width: 100%;
}

/* title */
.pricing-item-title {
    color: #6574cd;
    font-size: 1.5rem;
    font-weight: normal;
    padding: 1rem;
    text-align: center;
}

/* price */
.pricing-item-price {
    font-size: 1.25rem;
    line-height: 1.5rem;
    padding: 0.5rem 1rem 0;
    text-align: center;
}

.pricing-item-price.text {
    font-size: 0.9rem;
    font-style: italic;
}

.pricing-item-price-info {
    display: block;
    font-size: 13px;
    line-height: 17px;
    opacity: 0.75;
}

/* feature list */
.pricing-item-features-list,
.pricing-item-features-list.fa-ul {
    font-size: 0.9rem;
    list-style: none;
    margin-left: 2rem;
    padding: 1rem;
}

.pricing-item-feature {
    margin: 0;
    padding: 10px 0;
}

.pricing-item-feature .fa-li {
    left: -3em;
    padding: 10px 0;
    width: 3em;
}

.pricing .fa-times,
.pricing-details .fa-times {
    color: #cc1f1a;
    opacity: 0.7;
}

.pricing .fa-check,
.pricing-details .fa-check {
    color: #38C172;
}

.feature-info.info-ads {
    cursor: pointer;
    float: right;
    padding: 4px;
}

.feature-info-muted .feature-info.info-ads {
    float: right;
    padding: 1px 4px;
}

.feature-info-muted {
    display: block;
    font-size: 12px;
    line-height: 14px;
    opacity: 0.75;
}

.pricing-item-feature .feature-info.info-ads:hover {
    color: #6574cd;
    opacity: 1;
}

/* extra */
.pricing-item-extra {
    padding: 0 1rem;
}

/* button */
.pricing-item-button {
    margin-top: auto;
    order: 10;
    padding: 1rem;
}

.pricing-item-button .button {
    background: #fff;
    border: 1px solid #6574cd;
    color: #242c3a;
    font-weight: bold;
    opacity: 0.9;
    text-align: center;
    transition: 0s all;
    width: 100%;
}

.pricing-item-button .button:hover {
    opacity: 1;
}

/* pricing info */
.pricing-item-info {
    color: #676768;
    font-size: 0.8rem;
    margin: 5px 0 0 0;
    opacity: 0.7;
    padding: 0 1rem;
    text-align: center;
}

.pricing-item-info-icon {
    margin-left: 5px;
}


/* price item hover */
.pricing-item-wrapper:hover .pricing-item {
    background: rgba(255, 255, 255, 0.7) !important;
    box-shadow: 0 0 40px 0px rgba(0, 0, 0, 0.05);
    z-index: 1;
}


/*************/
/* highlight */
/*************/
.pricing-item-wrapper.highlight .pricing-item {
    background: rgba(255, 255, 255, 0.35);
    box-shadow: 0 0 80px 10px rgba(0, 0, 0, 0.1);
}

.highlight .button,
.pricing-item-wrapper:hover .button {
    background: #6574cd;
    border-color: #6574cd;
    color: #fff;
}

/************/
/* disabled */
/************/
.pricing-item-wrapper.disabled .pricing-item {
    filter: grayscale(1);
    opacity: 0.5;
    pointer-events: none;
}

.pricing-item-wrapper.disabled:hover .pricing-item {
    background: none !important;
}

.pricing-item-wrapper.disabled:hover .button {
    background: #fff;
    border: 1px solid #949dae;
    color: #242c3a;
}

/*************************/
/* details pricing table */
/*************************/

.pricing-details {
    margin: 0 auto;
    max-width: 1200px;
    position: relative;
    width: 100%;
}

.pricing-details-table {
    margin: 4rem 0;
}

.pricing-details-table th {
    background: rgba(255, 255, 255, 0.5);
    border-bottom: 1px solid #ccd3d9;
    border-right: 1px solid #ccd3d9;
    border-top: 1px solid #ccd3d9;
    font-weight: normal;
    padding: 2rem 0.5rem 1rem;
    width: 15%;
    -ms-word-break: break-word;
    word-break: break-word;
}

.pricing-details-table th:first-child {
    background: none;
    border-top: none;
}


.pricing-details-table th:first-child,
.pricing-details-table td.details-label {
    max-width: 400px;
    min-width: 400px;
}

.pricing-details-table .pricing-item-price {
    color: #676768;
}

.pricing-details-table .pricing-item-title {
    font-size: 1.25rem;
    padding: 1rem 0;
}

.pricing-details-table .pricing-item-price {
    font-size: 1rem;
    padding: 0.5rem 1rem 0;
}


.pricing-details-table td {
    background: rgba(255, 255, 255, 0.5);
    border-bottom: 1px solid #ccd3d9;
    border-right: 1px solid #ccd3d9;
    color: #676768;
    font-size: 12px;
    padding: 10px 1rem;
}

.pricing-details-table td.details-label {
    border-left: 1px solid #ccd3d9;
    font-size: 13px;
}

.details-section-title td {
    background: none !important;
    border-right: none;
    font-size: 14px;
    padding: 20px 1rem 10px;
}

/* action buttons - table end */
.details-section-actionButtons td {
    background: none !important;
    border-bottom: none;
    border-right: none;
    font-size: 14px;
    padding: 20px 1rem 10px;
}

.details-section-actionButtons .button {
    background: #fff;
    border: 1px solid #6574cd;
    color: #242c3a;
    font-weight: bold;
    opacity: 0.9;
    text-align: center;
    transition: 0s all;
    width: 100%;
}

.pricing-details-table[data-highlight="premium"] td:nth-child(3) .button,
.details-section-actionButtons .button:hover {
    background: #6574cd;
    border-color: #6574cd;
    color: #fff;
}


/* highlight */
/* free */
.pricing-details-table[data-highlight="free"] th:nth-child(2),
.pricing-details-table[data-highlight="free"] td:nth-child(2) {
    background: #eef5fd;
}

/* premium */
.pricing-details-table[data-highlight="premium"] th:nth-child(3),
.pricing-details-table[data-highlight="premium"] td:nth-child(3) {
    background: #eef5fd;
}

/* professional */
.pricing-details-table[data-highlight="professional"] th:nth-child(4),
.pricing-details-table[data-highlight="professional"] td:nth-child(4) {
    background: #eef5fd;
}

@media screen and (max-width: 1100px) {
    .pricing-details-table th:first-child,
    .pricing-details-table td.details-label {
        max-width: 260px;
        min-width: 260px;
    }
}

@media screen and (max-width: 900px) {
    .pricing-details-table th:first-child,
    .pricing-details-table td.details-label {
        max-width: 150px;
        min-width: 150px;
    }
}

@media screen and (max-width: 767px) {
    .pricing-details-table thead {
        display: none;
    }

    .pricing-details-table td {
        display: flex;
        flex-grow: 1;
        width: 100%;
    }

    .pricing-details-table td:last-child {
        margin-bottom: 1rem;
    }

    .pricing-details-table td:before {
        border-left: 1px solid #ccd3d9;
        border-right: 1px solid #ccd3d9;
        content: attr(data-label);
        flex-shrink: 0;
        font-weight: normal;
        margin: -10px 1rem -10px -1rem;
        padding: 1em;
        width: 130px;
        word-wrap: break-word;
    }

    .pricing-details-table td.details-label {
        background: #dce0f8;
        border-top: 1px solid #ccd3d9;
        flex-direction: column;
        max-width: 100%;
    }

    .details-section-title td,
    .pricing-details-table tr.details-section-title td:before,
    .pricing-details-table td.details-label:before {
        display: none;
    }

    .details-section-title td:first-child {
        border-bottom: none;
        display: block;
        padding: 16px 1rem;
        width: 100%;
    }


    /* highlight */
    /* free */
    .pricing-details-table[data-highlight="free"] th:nth-child(2),
    .pricing-details-table[data-highlight="free"] td:nth-child(2) {
        background: rgba(255, 255, 255, 0.5);
    }

    .pricing-details-table[data-highlight="free"] td:nth-child(2):before {
        color: #6574cd;
        font-weight: bold;
    }

    /* premium */
    .pricing-details-table[data-highlight="premium"] th:nth-child(3),
    .pricing-details-table[data-highlight="premium"] td:nth-child(3) {
        background: rgba(255, 255, 255, 0.5);
    }

    .pricing-details-table[data-highlight="premium"] td:nth-child(3):before {
        color: #6574cd;
        font-weight: bold;
    }

    /* professional */
    .pricing-details-table[data-highlight="professional"] th:nth-child(4),
    .pricing-details-table[data-highlight="professional"] td:nth-child(4) {
        background: rgba(255, 255, 255, 0.5);
    }

    .pricing-details-table[data-highlight="professional"] td:nth-child(4):before {
        color: #6574cd;
        font-weight: bold;
    }

}

/***********************/
/* ToolBox Interested? */
/***********************/
.brick-id-29,
.brick-id-96 {
    background: #fafafa;
    background-image: url(/media/cache/namerobot/Relaunch-2019/still-interested-background.svg);
    background-repeat: no-repeat;
    background-size: 100%;
}

/**********************************/
/* Landing page:  ToolBox --> FAQ */
/**********************************/
html[lang="en"] .page-220 .body-container, /* toolbox FAQ (en) */
html[lang="en"] .page-221 .body-container,
html[lang="en"] .page-392 .body-container,
html[lang="en"] .page-222 .body-container,
html[lang="en"] .page-218 .body-container,
html[lang="en"] .page-219 .body-container,
html[lang="de"] .page-234 .body-container, /* toolbox FAQ (de) */
html[lang="de"] .page-216 .body-container,
html[lang="de"] .page-219 .body-container,
html[lang="de"] .page-221 .body-container,
html[lang="de"] .page-224 .body-container {
    background-image: linear-gradient(90deg, #f8fafc 50%, transparent 50%);
}

html[lang="en"] .page-220 .page-multiple-content, /* toolbox FAQ (en) */
html[lang="en"] .page-221 .page-multiple-content,
html[lang="en"] .page-392 .page-multiple-content,
html[lang="en"] .page-222 .page-multiple-content,
html[lang="en"] .page-218 .page-multiple-content,
html[lang="en"] .page-219 .page-multiple-content,
html[lang="de"] .page-234 .page-multiple-content, /* toolbox FAQ (de) */
html[lang="de"] .page-216 .page-multiple-content,
html[lang="de"] .page-219 .page-multiple-content,
html[lang="de"] .page-221 .page-multiple-content,
html[lang="de"] .page-224 .page-multiple-content {
    background: #fff;
    padding-left: 30px;
}

@media screen and (max-width: 767px) {
    html[lang="en"] .page-220 .page-multiple-content, /* toolbox FAQ (en) */
    html[lang="en"] .page-221 .page-multiple-content,
    html[lang="en"] .page-392 .page-multiple-content,
    html[lang="en"] .page-222 .page-multiple-content,
    html[lang="en"] .page-218 .page-multiple-content,
    html[lang="en"] .page-219 .page-multiple-content,
    html[lang="de"] .page-234 .page-multiple-content, /* toolbox FAQ (de) */
    html[lang="de"] .page-216 .page-multiple-content,
    html[lang="de"] .page-219 .page-multiple-content,
    html[lang="de"] .page-221 .page-multiple-content,
    html[lang="de"] .page-224 .page-multiple-content {
        padding-left: 0;
    }

    html[lang="en"] .page-220 .body-container, /* toolbox FAQ (en)*/
    html[lang="en"] .page-221 .body-container,
    html[lang="en"] .page-392 .body-container,
    html[lang="en"] .page-222 .body-container,
    html[lang="en"] .page-218 .body-container,
    html[lang="en"] .page-219 .body-container,
    html[lang="de"] .page-234 .body-container, /* toolbox FAQ (de) */
    html[lang="de"] .page-216 .body-container,
    html[lang="de"] .page-219 .body-container,
    html[lang="de"] .page-221 .body-container,
    html[lang="de"] .page-224 .body-container {
        background-image: none;
    }
}