/* NohaCOM Domainabfrage */
.nohacom-domaincheck,
.nohacom-domaincheck p,
.nohacom-domaincheck span,
.nohacom-domaincheck label,
.nohacom-domaincheck h2,
.nohacom-domaincheck .nohacom-domaincheck-info {
    color: #123b5d;
}

.nohacom-domaincheck {
    padding-top: 2rem;
    padding-bottom: 3rem;
}

.nohacom-domaincheck-card {
    background: #fff;
    border: 1px solid rgba(61, 106, 152, .18);
    border-radius: .75rem;
    box-shadow: 0 8px 30px rgba(18, 59, 93, .10);
    overflow: hidden;
}

.nohacom-domaincheck-header {
    padding: 2rem;
    background: linear-gradient(135deg, #123b5d 0%, #3d6a98 100%);
    color: #fff;
}

.nohacom-domaincheck-header h1 {
    margin: 0 0 .5rem;
    color: #fff;
}

.nohacom-domaincheck-header p {
    margin: 0;
    color: #fff;
    opacity: .92;
}

.nohacom-domaincheck-form {
    padding: 2rem;
}

.nohacom-domaincheck-form label {
    font-weight: 600;
    color: #123b5d;
}

.nohacom-domaincheck-button {
    background: #123b5d;
    border-color: #123b5d;
    color: #fff;
    font-weight: 600;
    white-space: nowrap;
}

.nohacom-domaincheck-button:hover,
.nohacom-domaincheck-button:focus {
    background: #0d2c46;
    border-color: #0d2c46;
    color: #fff;
}

.nohacom-domain-tlds {
    margin-top: 1rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
}

.nohacom-domain-tlds-label {
    width: 100%;
    color: #123b5d;
    font-weight: 600;
}

.nohacom-tld {
    border: 1px solid #3d6a98;
    background: #fff;
    color: #123b5d;
    border-radius: .3rem;
    padding: .35rem .7rem;
    cursor: pointer;
    font-weight: 600;
}

.nohacom-tld:hover,
.nohacom-tld:focus {
    background: #123b5d;
    border-color: #123b5d;
    color: #fff;
}

.nohacom-domaincheck-result {
    margin: 0 2rem 2rem;
    padding: 1.25rem;
    border-radius: .5rem;
    border: 1px solid;
}

.nohacom-domaincheck-result-title {
    font-size: 1.15rem;
    font-weight: 700;
    margin-bottom: .35rem;
}

.nohacom-domaincheck-domain {
    font-weight: 700;
    color: #123b5d;
    word-break: break-all;
    margin-bottom: .5rem;
}

.nohacom-domaincheck-result p {
    margin-bottom: .75rem;
    color: #123b5d;
}

.status-available {
    background: #f0f9f3;
    border-color: #78b58b;
}

.status-available .nohacom-domaincheck-result-title {
    color: #246b3a;
}

.status-taken {
    background: #fff4f4;
    border-color: #d28a8a;
}

.status-taken .nohacom-domaincheck-result-title {
    color: #9b2929;
}

.status-invalid,
.status-error,
.status-unknown {
    background: #fff9ed;
    border-color: #d9b86c;
}

.status-invalid .nohacom-domaincheck-result-title,
.status-error .nohacom-domaincheck-result-title,
.status-unknown .nohacom-domaincheck-result-title {
    color: #795b12;
}

.nohacom-domaincheck-note {
    padding: .9rem 1rem;
    background: rgba(61, 106, 152, .08);
    border-left: 4px solid #3d6a98;
    color: #123b5d;
}

.nohacom-domaincheck-info {
    padding: 0 2rem 2rem;
    color: #123b5d;
}

.nohacom-domaincheck-info h2 {
    color: #123b5d;
    font-size: 1.1rem;
}

@media (max-width: 575.98px) {
    .nohacom-domaincheck-form {
        padding: 1.25rem;
    }

    .nohacom-domaincheck-result {
        margin-left: 1.25rem;
        margin-right: 1.25rem;
    }

    .nohacom-domaincheck-info {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .nohacom-domaincheck-form .input-group {
        display: block;
    }

    .nohacom-domaincheck-form .input-group .form-control,
    .nohacom-domaincheck-form .input-group .input-group-append,
    .nohacom-domaincheck-form .input-group .btn {
        width: 100%;
        display: block;
    }

    .nohacom-domaincheck-form .input-group .btn {
        margin-top: .75rem;
        border-radius: .25rem;
    }
}


.nohacom-domaincheck-fullscreen {
    min-height: 60vh;
    padding-top: 3rem;
    padding-bottom: 4rem;
}