/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/**
* General styles
*/

:root {
    --plaing-green-soft: #E6F9D4;
    --plaing-green-light: #92D050;
    --plaing-green: #258E3D;
    --plaing-red: red;
    --plaing-orange: #f90;
    --plaing-orange-light: #fff7f3;
    --plaing-orange-dark: #db8503;
    --plaing-lightgrey: #eee;
    --plaing-border-grey: #ccc;
    --plaing-text-grey: #999;
    --plaing-text-darkgrey: #777;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Tahoma, sans-serif;
}

ul.page-tabs {
    border: none;
}

input {
    border-radius: 0;
    width: 100%;
}

input[type="checkbox"] {
    width: auto;
}

input[type="search"] {
    -webkit-appearance: none;
}

hr.underlined {
    width: 40px;
    text-align: left;
    margin: 0px;
    height: 3px;
}

h2 {
    font-size: 1.6em;
}

h2.underline:after {
    content: '';
    width: 40px;
    height: 3px;
    background-color: var(--plaing-orange);
    display: block;
}

h3 {
    font-size: 1.5em;
}

a {
    color: var(--plaing-orange);
}

* {
    outline: none;
}

.orange {
    color: var(--plaing-orange);
}

.bg-green-light {
    background-color: var(--plaing-green-light);
}

.green-light {
    color: var(--plaing-green-light);
}

.bg-green-soft {
    background-color: var(--plaing-green-soft);
}

a.orange:hover {
    color: #db8503;
}

.green {
    color: #3d9f4c;
}

a.green:hover {
    color: #2c913c;
}

.grey-container {
    border-radius: 1em;
    -webkit-box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 20%);
    box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 20%);
    border: 1px solid #EAEAEA;
    margin: 20px auto;
}

.col-pl-25 {
    width: 25%;
    max-width: 300px;
    min-height: 120px;
    margin: 0 0 20px;
}

.col-pl-30 {
    width: 30%;
    max-width: 360px;
    min-height: 120px;
    margin: 0 0 20px;
}

.col-pl-40 {
    width: 40%;
    max-width: 480px;
    min-height: 120px;
    margin: 0 0 20px;
}

.col-pl-50 {
    width: 50%;
    max-width: 590px;
    min-height: 120px;
    margin: 0 0 20px;
}

.col-pl-60 {
    width: 60%;
    max-width: 720px;
    min-height: 120px;
    margin: 0 0 20px;
}

.col-pl-70 {
    width: 70%;
    max-width: 840px;
    min-height: 120px;
    margin: 0 0 20px;
}

.col-pl-75 {
    width: 75%;
    max-width: 900px;
    min-height: 120px;
    margin: 0 0 20px;
}

.col-pl-100 {
    width: 100%;
    max-width: 1200px;
    margin: 0 0 20px;
}
.left-col{
  margin-right:20px;
  -webkit-box-flex:1;
      -ms-flex:1;
          flex:1;
}
.center {
    margin-left: auto;
    margin-right: auto;
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.button.green {
    background-color: var(--plaing-green-light);
    color: #fff;
    border-radius: 5px;
}

.button.orange {
    background-color: var(--plaing-orange);
    border-radius: 5px;
    color: #fff;
}

.button.green:hover {
    background-color: var(--plaing-green);
    color: #fff;
}

.button.orange:hover {
    background-color: var(--plaing-orange-dark);
    color: #fff;
}

.container.main-container {
    max-width: 1280px;
    padding: 0 40px;
    margin: 0 auto;
}

.page-node-type-webform .container.main-container {
    background-color: #FFF;
}

#block-einloggen {
    width: 100%;
}

#block-einloggen h2.block-title {
    max-width: 550px;
    margin: 55px auto 20px;
}


/* ------------------------- Views edit ---------------------- */

.views-row {
    position: relative;
}

.views-row .edit {
    display: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    position: absolute;
    right: 10px;
    top: 10px;
}

.views-row .edit .fa {
    background-color: #fff;
    padding: 5px;
    font-size: 1.5rem;
    color: #666;
    display: none;
}

.views-row .edit .link {
    background-color: #fff;
    padding: 5px 5px 0;
    display: none;
}

.views-row:hover .edit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.views-row:hover .edit .fa {
    display: inline-block;
}

.views-row .edit:hover .fa+.link {
    display: inline-block;
    margin: 0;
}

.views-row .edit:hover .fa {
    border: none;
}


/* ------------------------- Region Content ---------------------- */

h3.double {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 0 2.5em;
    margin: 0 auto;
    font-size: 2rem;
}

h3.double span.right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 100px -2em 0;
    text-align: right;
}

@media screen and (max-width:1099px) {
    h3.double span.right {
        margin: 0 0 -2.5em 0;
    }
}

@media screen and (max-width:969px) {
    h3.double {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    h3.double span.right {
        margin: 0 0 0 auto;
    }
}

.region-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

html {
    font-size: 15px;
}

body {
    font-size: 15px;
    font-family: Tahoma, sans-serif;
}

#main-wrapper {
    padding: 0;
}

.page-type-page #main-wrapper {
    padding: 0;
    background-color: var(--plaing-orange-light);
}

.homepage.page-type-page #main-wrapper {
    background-color: #fff;
}

.grey-container .block-content,
.customerdashboard.grey-container {
    margin: 20px 40px 10px;
}

.customerdashboard.grey-container {
    padding: 20px 40px 10px;
}

.grey-container h2.block-title,
.tab-title .titel {
    font-size: 1.4rem;
    margin: 20px 0 0 20px;
    position: relative;
    line-height: 1.5em;
}

.tab-title .titel {
    font-weight: 700;
    margin: 20px;
    cursor: pointer;
    display: inline-block;
}

.grey-container h2.block-title:after {
    content: "";
    height: 3px;
    width: 40px;
    background-color: #f90;
    position: absolute;
    bottom: -3px;
    left: 0;
}

.grey-container table th,
.grey-container table td {
    border: none;
}

.orange-container {
    border: solid 1px orange;
    padding: 3em;
    border-radius: 1em;
}

.user-logged-in .no-login {
    display: none;
}

.block.tab>.block-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.block.tab.hide {
    display: none;
}

.block.tab.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.tab-title .titel:after {
    content: "";
    height: 3px;
    width: 40px;
    background-color: var(--theme-color);
    position: absolute;
    bottom: -3px;
    left: 0;
}

.tab-title .titel.active:after {
    content: "";
    height: 3px;
    width: 40px;
    background-color: var(--plaing-orange);
    position: absolute;
    bottom: -3px;
    left: 0;
}

.tab-title .titel:hover:after {
    background-color: var(--plaing-orange);
    -webkit-transition: width 0.3s ease;
    -o-transition: width 0.3s ease;
    transition: width 0.3s ease;
}

.wp-block-button__link:hover {
    color: #fff;
}

.content-center {
    text-align: center;
}

.header-top {
    position: sticky;
    top: 0;
    padding: 10px 0 14px 0;
    border-bottom: 1px solid #f90;
}

.site-branding img {
    max-height: 62px;
}

.navbar {
    position: relative;
    min-height: 40px;
    margin-bottom: 20px;
    margin-top: 1.2em;
}

.headerbild-row:after {
    content: "";
    display: table;
    clear: both;
}

.header-main {
    padding: 0em 0;
}

.footer {
    border-top: 1px solid #f90;
    font-size: 0.9em;
    background-color: var(--plaing-orange-light);
}

footer .footer-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 15px;
}

.footer-block {
    min-width: 200px;
    max-width: 320px;
    margin: 0 auto 40px 0;
    padding: 0 40px 0 0;
}

.footer .block-title {
    color: #403e3e;
    font-weight: 200;
    font-size: 1.1em;
}

.footer li {
    border-bottom: none;
}

.footer li a {
    padding: 1px 0;
    font-size: 0.9em;
    display: inline-block;
}

.footer a:hover {
    color: #000;
}

.block-section .block-title::after {
    bottom: -6px;
    width: 0px;
}


/*.user-register-form .form-required::after,
.user-login-form .form-required::after {
    content: "";
}*/

#block-plaing-content {
    width: 100%;
}

.page-node-type-webform #block-plaing-content {
    background-color: var(--plaing-orange-light);
}

.page-node-type-webform .form-item--error-message,
label.error {
    color: red;
}

input.form-tel {
    background: var(--content-bg);
    color: var(--text-color);
    padding: 10px;
    border: 1px solid var(--border-color);
    -webkit-transition: border 0.5s ease-in-out;
    -o-transition: border 0.5s ease-in-out;
    transition: border 0.5s ease-in-out;
    width: 100%;
}

#edit-field-hauptkategorie,
#edit-field-unterkategorie1,
#edit-field-unterkategorie2 {
    width: 100%;
}

form.user-register-form.user-form,
form.user-login-form {
    width: 100%;
    max-width: 550px;
    margin: 3em auto;
    border: solid 1px orange;
    padding: 3em;
    border-radius: 4em;
    position: relative;
}

form.user-login-form .button {
    color: #fff;
    background-color: #f90;
    margin: 0 auto;
    border: 2px solid #f90;
    border-radius: 5px;
    padding: 3px 19px;
    width: 100%;
    display: inline-block;
    font-weight: 900;
    font-size: 1.2em;
    font-family: 'Roboto', sans-serif;
}

form.user-login-form .button:hover {
    background-color: #db8503 !important;
}

form.user-register-form .button {
    color: #fff;
    background-color: var(--plaing-orange);
    margin: 0 auto;
    border: 2px solid var(--plaing-orange);
    border-radius: 5px;
    padding: 3px 19px;
    width: 100%;
    display: inline-block;
    font-weight: 900;
    font-size: 1.2em;
    font-family: 'Roboto', sans-serif;
}

form.user-register-form .button:hover {
    background-color: var(--plaing-orange);
}

form.user-register-form .description,
form.user-login-form .description {
    display: none;
}

form.user-form {
    width: 75%;
    margin: 0 50px 40px;
    padding: 3em;
}

form.user-form .description,
form.user-form #edit-password-policy-status {
    font-size: 75%;
    line-height: 1.3em;
}


/* article[data-history-node-id="166"] {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
} */

[id^=webform-submission-anfrage-hausbau-node-166-add-form] [id^=edit-kontaktdaten-und-anmeldung] .webform-card-wrapper,
[id^=webform-submission-anfrage-garten-landschaftsbau-node-168-add-form] [id^=edit-kontaktdaten-und-anmeldung] .webform-card-wrapper,
[id^=webform-submission-anfrage-sanierung-node-167-add-form] [id^=edit-kontaktdaten-und-anmeldung] .webform-card-wrapper,
[id^=webform-submission-anfrage-industrie-gewerbebau-node-169-add-form] [id^=edit-kontaktdaten-und-anmeldung] .webform-card-wrapper,
[id^=webform-submission-anfrage-landschaftsarchitekt-node-162-add-form] [id^=edit-kontaktdaten-und-anmeldung] .webform-card-wrapper,
[id^=webform-submission-anfrage-bodengutachter-node-164-add-form] [id^=edit-kontaktdaten-und-anmeldung] .webform-card-wrapper,
[id^=webform-submission-anfrage-vermesser-node-163-add-form] [id^=edit-kontaktdaten-und-anmeldung] .webform-card-wrapper,
[id^=webform-submission-anfrage-architekt-node-138-add-form] [id^=edit-kontaktdaten-und-anmeldung] .webform-card-wrapper,
[id^=webform-submission-anfrage-statiker-node-122-add-form] [id^=edit-kontaktdaten-und-anmeldung] .webform-card-wrapper,
[id^=webform-submission-anfrage-tga-planer-node-165-add-form] [id^=edit-kontaktdaten-und-anmeldung] .webform-card-wrapper,
[id^=webform-submission-anfrage-innenarchitekt-node-139-add-form] [id^=edit-kontaktdaten-und-anmeldung] .webform-card-wrapper,
[id^=webform-submission-anfrage-makler-node-170-add-form] [id^=edit-kontaktdaten-und-anmeldung] .webform-card-wrapper {
    width: 100%;
    max-width: 550px;
    margin: 3em auto;
    border: solid 1px orange;
    padding: 3em 15px;
    border-radius: 4em;
}

#webform-submission-anfrage-hausbau-node-166-add-form #edit-kontaktdaten-und-anmeldung.webform-card,
#webform-submission-anfrage-garten-landschaftsbau-node-168-add-form #edit-kontaktdaten-und-anmeldung.webform-card,
#webform-submission-anfrage-sanierung-node-167-add-form #edit-kontaktdaten-und-anmeldung.webform-card,
#webform-submission-anfrage-industrie-gewerbebau-node-169-add-form #edit-kontaktdaten-und-anmeldung.webform-card,
#webform-submission-anfrage-landschaftsarchitekt-node-162-add-form #edit-kontaktdaten-und-anmeldung.webform-card,
#webform-submission-anfrage-bodengutachter-node-164-add-form #edit-kontaktdaten-und-anmeldung.webform-card,
#webform-submission-anfrage-vermesser-node-163-add-form #edit-kontaktdaten-und-anmeldung.webform-card,
#webform-submission-anfrage-architekt-node-138-add-form #edit-kontaktdaten-und-anmeldung.webform-card,
#webform-submission-anfrage-statiker-node-122-add-form #edit-kontaktdaten-und-anmeldung.webform-card,
#webform-submission-anfrage-tga-planer-node-165-add-form #edit-kontaktdaten-und-anmeldung.webform-card,
#webform-submission-anfrage-innenarchitekt-node-139-add-form #edit-kontaktdaten-und-anmeldung.webform-card,
#webform-submission-anfrage-makler-node-170-add-form #edit-kontaktdaten-und-anmeldung.webform-card {
    padding: 0px !important;
}

#webform-submission-anfrage-hausbau-node-166-add-form #edit-kontaktdaten-und-anmeldung .webform-card-title,
#webform-submission-anfrage-garten-landschaftsbau-node-168-add-form #edit-kontaktdaten-und-anmeldung .webform-card-title,
#webform-submission-anfrage-sanierung-node-167-add-form #edit-kontaktdaten-und-anmeldung .webform-card-title,
#webform-submission-anfrage-industrie-gewerbebau-node-169-add-form #edit-kontaktdaten-und-anmeldung .webform-card-title,
#webform-submission-anfrage-landschaftsarchitekt-node-162-add-form #edit-kontaktdaten-und-anmeldung .webform-card-title,
#webform-submission-anfrage-bodengutachter-node-164-add-form #edit-kontaktdaten-und-anmeldung .webform-card-title,
#webform-submission-anfrage-vermesser-node-163-add-form #edit-kontaktdaten-und-anmeldung .webform-card-title,
#webform-submission-anfrage-architekt-node-138-add-form #edit-kontaktdaten-und-anmeldung .webform-card-title,
#webform-submission-anfrage-statiker-node-122-add-form #edit-kontaktdaten-und-anmeldung .webform-card-title,
#webform-submission-anfrage-tga-planer-node-165-add-form #edit-kontaktdaten-und-anmeldung .webform-card-title,
#webform-submission-anfrage-innenarchitekt-node-139-add-form #edit-kontaktdaten-und-anmeldung .webform-card-title,
#webform-submission-anfrage-makler-node-170-add-form #edit-kontaktdaten-und-anmeldung .webform-card-title {
    margin: 25px;
    text-align: center;
    font-size: 1.7em !important;
}

#webform-submission-anfrage-hausbau-node-166-add-form #edit-kontaktdaten-und-anmeldung .js-form-item:not(.js-form-type-checkbox),
#webform-submission-anfrage-garten-landschaftsbau-node-168-add-form #edit-kontaktdaten-und-anmeldung .js-form-item:not(.form-checkbox),
#webform-submission-anfrage-sanierung-node-167-add-form #edit-kontaktdaten-und-anmeldung .js-form-item:not(.form-checkbox),
#webform-submission-anfrage-industrie-gewerbebau-node-169-add-form #edit-kontaktdaten-und-anmeldung .js-form-item:not(.form-checkbox),
#webform-submission-anfrage-landschaftsarchitekt-node-162-add-form #edit-kontaktdaten-und-anmeldung .js-form-item:not(.form-checkbox),
#webform-submission-anfrage-bodengutachter-node-164-add-form #edit-kontaktdaten-und-anmeldung .js-form-item:not(.form-checkbox),
#webform-submission-anfrage-vermesser-node-163-add-form #edit-kontaktdaten-und-anmeldung .js-form-item:not(.form-checkbox),
#webform-submission-anfrage-architekt-node-138-add-form #edit-kontaktdaten-und-anmeldung .js-form-item:not(.form-checkbox),
#webform-submission-anfrage-tga-planer-node-165-add-form #edit-kontaktdaten-und-anmeldung .js-form-item:not(.form-checkbox),
#webform-submission-anfrage-innenarchitekt-node-139-add-form #edit-kontaktdaten-und-anmeldung .js-form-item:not(.form-checkbox),
#webform-submission-anfrage-makler-node-170-add-form #edit-kontaktdaten-und-anmeldung .js-form-item:not(.form-checkbox) {
    text-align: start;
}

#webform-submission-anfrage-hausbau-node-166-add-form textarea,
#webform-submission-anfrage-garten-landschaftsbau-node-168-add-form textarea,
#webform-submission-anfrage-sanierung-node-167-add-form textarea,
#webform-submission-anfrage-industrie-gewerbebau-node-169-add-form textarea,
#webform-submission-anfrage-landschaftsarchitekt-node-162-add-form textarea,
#webform-submission-anfrage-bodengutachter-node-164-add-form textarea,
#webform-submission-anfrage-vermesser-node-163-add-form textarea,
#webform-submission-anfrage-architekt-node-138-add-form textarea,
#webform-submission-anfrage-statiker-node-122-add-form textarea,
#webform-submission-anfrage-tga-planer-node-165-add-form textarea,
#webform-submission-anfrage-innenarchitekt-node-139-add-form textarea,
#webform-submission-anfrage-makler-node-170-add-form textarea {
    width: 50%;
}

#webform-submission-anfrage-hausbau-node-166-add-form #edit-plz,
#webform-submission-anfrage-garten-landschaftsbau-node-168-add-form #edit-postleitzahl,
#webform-submission-anfrage-sanierung-node-167-add-form #edit-postleitzahl,
#webform-submission-anfrage-industrie-gewerbebau-node-169-add-form #edit-postleitzahl,
#webform-submission-anfrage-landschaftsarchitekt-node-162-add-form #edit-postleitzahl,
#webform-submission-anfrage-bodengutachter-node-164-add-form #edit-plz,
#webform-submission-anfrage-vermesser-node-163-add-form #edit-plz,
#webform-submission-anfrage-architekt-node-138-add-form #edit-postleitzahl,
#webform-submission-anfrage-statiker-node-122-add-form #edit-fuer-welche-region-ist-der-auftrag-question,
#webform-submission-anfrage-tga-planer-node-165-add-form #edit-plz,
#webform-submission-anfrage-innenarchitekt-node-139-add-form #edit-plz,
#webform-submission-anfrage-makler-node-170-add-form #edit-postleitzahl {
    width: 10%;
    margin:50px auto 0;
}

@media (max-width:1024px) {
    #webform-submission-anfrage-hausbau-node-166-add-form textarea,
    #webform-submission-anfrage-garten-landschaftsbau-node-168-add-form textarea,
    #webform-submission-anfrage-sanierung-node-167-add-form textarea,
    #webform-submission-anfrage-industrie-gewerbebau-node-169-add-form textarea,
    #webform-submission-anfrage-landschaftsarchitekt-node-162-add-form textarea,
    #webform-submission-anfrage-bodengutachter-node-164-add-form textarea,
    #webform-submission-anfrage-vermesser-node-163-add-form textarea,
    #webform-submission-anfrage-architekt-node-138-add-form textarea,
    #webform-submission-anfrage-statiker-node-122-add-form textarea,
    #webform-submission-anfrage-tga-planer-node-165-add-form textarea,
    #webform-submission-anfrage-innenarchitekt-node-139-add-form textarea,
    #webform-submission-anfrage-makler-node-170-add-form textarea {
        width: 100%;
    }
    #webform-submission-anfrage-hausbau-node-166-add-form input[type="text"],
    #webform-submission-anfrage-garten-landschaftsbau-node-168-add-form input[type="text"],
    #webform-submission-anfrage-sanierung-node-167-add-form input[type="text"],
    #webform-submission-anfrage-industrie-gewerbebau-node-169-add-form input[type="text"],
    #webform-submission-anfrage-landschaftsarchitekt-node-162-add-form input[type="text"],
    #webform-submission-anfrage-bodengutachter-node-164-add-form input[type="text"],
    #webform-submission-anfrage-vermesser-node-163-add-form input[type="text"],
    #webform-submission-anfrage-architekt-node-138-add-form input[type="text"],
    #webform-submission-anfrage-statiker-node-122-add-form input[type="text"],
    #webform-submission-anfrage-tga-planer-node-165-add-form input[type="text"],
    #webform-submission-anfrage-innenarchitekt-node-139-add-form input[type="text"],
    #webform-submission-anfrage-makler-node-170-add-form input[type="text"] {
        width: 100%;
    }
    #webform-submission-anfrage-hausbau-node-166-add-form #edit-plz,
    #webform-submission-anfrage-garten-landschaftsbau-node-168-add-form #edit-postleitzahl,
    #webform-submission-anfrage-sanierung-node-167-add-form #edit-postleitzahl,
    #webform-submission-anfrage-industrie-gewerbebau-node-169-add-form #edit-postleitzahl,
    #webform-submission-anfrage-landschaftsarchitekt-node-162-add-form #edit-postleitzahl,
    #webform-submission-anfrage-bodengutachter-node-164-add-form #edit-plz,
    #webform-submission-anfrage-vermesser-node-163-add-form #edit-plz,
    #webform-submission-anfrage-architekt-node-138-add-form #edit-postleitzahl,
    #webform-submission-anfrage-statiker-node-122-add-form #edit-fuer-welche-region-ist-der-auftrag-question,
    #webform-submission-anfrage-tga-planer-node-165-add-form #edit-plz,
    #webform-submission-anfrage-innenarchitekt-node-139-add-form #edit-plz,
    #webform-submission-anfrage-makler-node-170-add-form #edit-postleitzahl {
        width: 40%;
        text-align: center;
    }
}

#edit-agb-und-datenschutzerklaerung-akzeptieren--description {
    text-align: left;
}

#webform-submission-anfrage-hausbau-node-166-add-form #edit-password--wrapper {
    margin-top: 40px;
}

.multi-step-form .password-strength .password-strength__title {
    font-weight: bold;
    color: #000;
    margin-left: 20px;
}

#edit-password--wrapper--description {
    margin-left: 20px;
}

#webform-submission-anfrage-hausbau-node-166-add-form #edit-kontaktdaten-und-anmeldung input:not(.form-checkbox),
#webform-submission-anfrage-garten-landschaftsbau-node-168-add-form #edit-kontaktdaten-und-anmeldung input:not(.form-checkbox),
#webform-submission-anfrage-sanierung-node-167-add-form #edit-kontaktdaten-und-anmeldung input:not(.form-checkbox),
#webform-submission-anfrage-industrie-gewerbebau-node-169-add-form #edit-kontaktdaten-und-anmeldung input:not(.form-checkbox),
#webform-submission-anfrage-landschaftsarchitekt-node-162-add-form #edit-kontaktdaten-und-anmeldung input:not(.form-checkbox),
#webform-submission-anfrage-bodengutachter-node-164-add-form #edit-kontaktdaten-und-anmeldung input:not(.form-checkbox),
#webform-submission-anfrage-vermesser-node-163-add-form #edit-kontaktdaten-und-anmeldung input:not(.form-checkbox),
#webform-submission-anfrage-architekt-node-138-add-form #edit-kontaktdaten-und-anmeldung input:not(.form-checkbox),
#webform-submission-anfrage-tga-planer-node-165-add-form #edit-kontaktdaten-und-anmeldung input:not(.form-checkbox),
#webform-submission-anfrage-innenarchitekt-node-139-add-form #edit-kontaktdaten-und-anmeldung input:not(.form-checkbox),
#webform-submission-anfrage-makler-node-170-add-form #edit-kontaktdaten-und-anmeldung input:not(.form-checkbox) {
    width: 100%;
}

#edit-field-telefon-0-value--description,
.js-form-item-telefon .description {
    position: absolute;
    z-index: 99999;
    display: none;
    margin-left: .5rem;
    padding: .5rem;
    max-width: 30rem;
    border: 1px solid var(--plaing-orange);
    background-color: #fff;
    color: #555d63;
    white-space: normal;
    cursor: default;
    font-size: 15px;
    color: #000;
    /*width: 100%;*/
    border-radius: 20px;
}
.multi-step-form #edit-field-unterkategorie1-wrapper .description,
.multi-step-form #edit-field-hauptkategorie-wrapper .description {
    position: absolute;
    z-index: 99999;
    display: none;
    margin-left: .5rem;
    padding: .5rem;
    max-width: 30rem;
    border: 1px solid var(--plaing-orange);
    background-color: #fff;
    color: #555d63;
    white-space: normal;
    cursor: default;
    font-size: 15px;
    color: #000;
    /*width: 100%;*/
    border-radius: 20px;
}

.fa.fa-info-circle.text-info {
    position: relative;
    float: right;
    margin-top: -30px;
    color: var(--plaing-orange);
}

#user-register-form .fa.fa-info-circle.text-info {
    margin-top: -40px;
}

#agb_und_datenschutzerklaerung_akzeptieren-error {
    position: absolute;
    margin-top: 40px !important;
}

#field_agb\[value\]-error {
    position: absolute;
    margin-top: 50px;
    font-weight: bold !important;
}

.form-item-field-agb-value .form-item--error-message {
    position: absolute;
    margin-top: 50px;
    color: red;
    font-weight: bold;
}

#user-register-form .form-item--error-message {
    color: red;
    font-weight: bold;
}

#password-strength-text {
    font-weight: bolder;
    color: #000;
}

#CheckPasswordMatch {
    font-weight: bold;
}

input#edit-field-agb-value {
    margin-top: 3px;
    min-width: 14px;
}

.multi-step-form .fa.fa-info-circle.text-info {
    display: none !important;
}

.form-item-pass-pass2 .js-password-confirm-message {
    display: none;
}

#edit-next {
    margin-top: 30px;
}

#edit-field-agb-wrapper .description {
    display: block;
    font-size: 100%;
}

#edit-field-agb-wrapper label[for="edit-field-agb-value"] {
    display: none !important;
}

li a[href="#edit-field-agb"] {
    display: none;
}

li a[href^="#edit-field-agb-value"]:after {
    content: "";
}

#edit-plaing-enquiry-actions {}

.multi-step-form #edit-field-firma-wrapper {
    margin-top: 50px;
}

/*#edit-field-firma-wrapper label,
#edit-field-strasse-huasnummer-wrapper label,
#edit-field-postleitzahl-wrapper label,
#edit-field-stadt-wrapper label {
    display: none;
}*/

#edit-previous {
    position: absolute;
    top: 0%;
    margin-top: 20px;
    background: #E0E0D8;
    border-color: #E0E0D8;
    width: 20%;
}

.visitor-account-title {
    margin: 25px;
    text-align: center;
}

#password-policy-status {
    display: none;
}

#edit-field-vorname-wrapper label,
#edit-field-nachname-wrapper label,
#edit-field-telefon-wrapper label,
#edit-account label {
    display: block!important;
}

form.user-form label,
form.user-form .label,
form.user-form .password-strength__title,
form.user-form .password-confirm {
    font-size: 100%;
    font-weight: 700;
}

form.user-form .password-strength__title,
form.user-form .password-confirm {
    font-weight: bolder;
}

form.user-form input {
    margin: 5px 0 10px;
}

form.user-form .ok {
    font-size: 1rem;
    color: var(--plaing-green);
}

form.user-form .error {
    font-size: 1rem;
    color: var(--plaing-red);
}

.password-strength__indicator {
    background-color: var(--theme-color-two);
}

form.comment-spezialist-bewertung-form {
    margin-bottom: 14em;
}

.region-content-bottom {
    width: 100%;
}

#block-formlogincontent,
#block-plaing-formlogincontent {
    margin: 0 auto;
    width: 50%;
}

#block-formlogincontent .field--name-body,
#block-plaing-formlogincontent .field--name-body {
    text-align: center;
}


/* -------------------------- frontpage -------------------------- */

.homepage .main-wrapper .container {
    max-width: inherit;
    padding: 0;
}

.homepage {
    margin: 0;
    padding: 0;
    background-color: #ffffff;
}

.homepage .node-content a {
    color: var(--plaing-orange);
}

.homepage .node-content h2 {
    padding: 2.5em 0 0;
}

.homepage .node-content h2.spezialist-bottom {
    padding: 2.5em 0 1.5em;
    background-color: #fff;
}

.homepage .node-content h3 {
    margin: 2em auto;
    font-size: 1.25rem;
}

.homepage .node-content .button {
    width: auto;
    padding: 3px 20px;
    font-size: 1.2em;
    display: inline-block;
    font-weight: 900;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    min-width: 250px;
}

.front-header-block {
    max-width: 500px;
    padding: 1.5em 3em;
    float: right;
    text-align: center;
    background-color: #fff8ed;
    height: 550px;
    background: rgba(255, 248, 237);
    background-color: rgba(255, 248, 237, 0.7);
}

.front-header-block h1 {
    font-size: 1.8em;
}

.front-header-block h2 {
    font-size: 1.2em;
}

.front-three-steps {
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 72px;
    width: 60px;
}

.front-categories {
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 130px;
    width: 130px;
    border-style: solid;
    border-width: 1px;
    padding: 1em;
    border-radius: 1em;
    -webkit-box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.front-specialist-block {
    width: 300px;
    padding: 12em 1em;
    float: right;
    text-align: center;
    margin: 0 2em;
    background-color: rgba(29, 175, 29, 0.2);
    height: 600px;
}

.front-specialist-block a {
    display: block;
    font: bold 19px Arial;
    text-decoration: none;
    background-color: #2c913c;
    color: #f7f7f7;
    padding: 0.4em;
    border: 2px solid #247c32;
    border-radius: 5px;
    margin: 0 2em;
}

.front-specialist-block a:hover {
    color: #fff;
    background-color: #298337;
}

body.homepage h2.orange-underline {
    position: relative;
    float: right;
}

body.homepage h2.orange-underline::after {
    content: '';
    position: absolute;
    width: 40px;
    height: 3px;
    background: #F90;
    left: -1px;
    top: 43px;
}

.homepage figure.front-steps-img {
    width: 100%;
    margin: 2rem auto;
    max-width: 960px;
}

.homepage .three-steps {
    width: 100%;
    max-width: 960px;
    margin: 20px auto 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.homepage .three-steps.block-1 .group {
    max-width: 200px;
    text-align: center;
}

@media screen and (max-width:639px) {
    .homepage figure.front-steps-img {
        width: 100%;
    }
    .homepage .three-steps.block-1 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .homepage .three-steps.block-1 .group {
        max-width: inherit;
    }
}

.homepage .three-steps.block-2 .slick-track {
    max-width: 960px;
    width: 100%;
    margin: 20px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.homepage .three-steps.block-2 .group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    margin: 0 60px;
    min-width: 200px;
}

.homepage .three-steps.block-2 .group strong {
    margin: 0.5em auto;
}

.homepage .three-steps.block-2 .group>div {
    width: 210px;
    margin: 0 auto;
}

.homepage .three-steps .group .image img {
    max-height: 150px;
    width: 100%;
}

body.homepage #block-plaing-startseiteheaderbild2 {
    background-position-y: 5px !important;
    margin-top: -5px;
}

@media screen and (max-width:1019px) {
    .homepage .three-steps.block-2,
    .homepage .three-steps.block-2 .slick-track {
        max-width: 550px;
    }
    .homepage .three-steps.block-2 .group {
        margin: 0 80px 0 0;
    }
}

@media screen and (max-width:699px) {
    body.homepage section#footer-top {
        background-position-x: -300px
    }
}

@media screen and (max-width:599px) {
    .homepage .three-steps.block-2,
    .homepage .three-steps.block-2 .slick-track {
        max-width: inherit;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .homepage .three-steps.block-2 .group {
        margin: 0 auto;
        width: 100%;
    }
    body.homepage #block-plaing-startseiteheaderbild2 {
        padding: 0 !important;
        background-position-x: -400px;
    }
    body.homepage #block-plaing-startseiteheaderbild2 .container {
        padding: 0 !important;
    }
    body.homepage .footer-top #block-plaing-startseitefooterspezialistbild {
        padding: 8em 0 !important;
        margin: 0 !important;
    }
}

.homepage .banner {
    padding: 1em 15px;
    margin: 0 auto;
}

.homepage .banner.h3 {
    font-size: 1.6em;
    font-family: Tahoma, sans-serif;
    font-weight: 700;
    color: var(--bold-color);
}

.group-anfrage {
    padding: 0 15px;
}

.group-spezialist {
    background-color: var(--plaing-orange-light);
    border-bottom: 1px solid var(--plaing-orange);
    padding: 20px 15px 80px;
}

.icon-front {
    max-width: 500px;
    padding: 0 30px;
    margin: 50px auto;
}

body.homepage #block-startseiteheaderbild2,
body.homepage #block-plaing-startseiteheaderbild2 {
    background-image: url("/sites/default/files/design/plaing-header-image-2.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0 50px;
}

body.homepage .front-header-block a {
    margin: 0;
    padding: 3px 19px;
    width: 240px;
    display: inline-block;
    font-weight: 900;
    font-size: 1.2em;
    font-family: 'Roboto', sans-serif;
}

body.homepage section#footer-top {
    background-image: url(/sites/default/files/design/plaing-footer-image.jpg);
    background-size: cover;
    max-height: 700px;
    height: 700px;
    max-width: 100%;
    width: 100%;
    padding: 0;
}

body.homepage .footer-top #block-startseitefooterspezialistbild,
body.homepage .footer-top #block-plaing-startseitefooterspezialistbild {
    max-width: 450px;
    padding: 8em 1em;
    float: right;
    text-align: center;
    margin: 0 2em;
    background-color: rgba(255, 255, 255, 0.4);
    height: 700px;
}

body.homepage .footer-top #block-startseitefooterspezialistbild a,
body.homepage .footer-top #block-plaing-startseitefooterspezialistbild a {
    display: block;
    font: bold 19px Arial;
    text-decoration: none;
    background-color: #3d9f4c;
    color: #f7f7f7;
    padding: 0.4em;
    border: 2px solid #3d9f4c;
    border-radius: 5px;
    margin: 0 2em;
}

body.homepage .footer-top #block-startseitefooterspezialistbild a:hover,
body.homepage .footer-top #block-plaing-startseitefooterspezialistbild a:hover {
    color: #fff;
    background-color: #2c913c;
}

#block-becomespecialistheader,
#block-plaing-becomespecialistheader {
    background-image: url(/sites/default/files/design/plaing-footer-image.jpg);
    background-size: cover;
    max-height: 700px;
    height: 700px;
    max-width: 100%;
    width: 100%;
    padding: 0;
}

#block-becomespecialistheader2 {
    background-image: url(/sites/default/files/design/plaing-footer-image.jpg);
    background-size: cover;
    max-height: 100%;
    height: 550px;
    max-width: 100%;
    width: 100%;
    padding: 0;
}

#block-becomespecialistheader .become-specialist-headertop-block,
#block-plaing-becomespecialistheader .become-specialist-headertop-block {
    width: 480px;
    padding: 6em 1em;
    float: right;
    text-align: center;
    margin: 0 2em;
    background-color: rgba(255, 255, 255, 0.4);
    height: 700px;
}

#block-becomespecialistheader2 .become-specialist-headertop-block {
    width: 400px;
    padding: 6em 1em;
    float: right;
    text-align: center;
    margin: 0 2em;
    background-color: rgba(255, 255, 255, 0.4);
    height: 700px;
}

#block-becomespecialistheader .become-specialist-headertop-block ul.spezialisten-list-style,
#block-becomespecialistheader2 .become-specialist-headertop-block ul.spezialisten-list-style,
#block-plaing-becomespecialistheader .become-specialist-headertop-block ul.spezialisten-list-style {
    text-align: left;
}

#block-becomespecialistheader .become-specialist-headertop-block ul.spezialisten-list-style li,
#block-becomespecialistheader2 .become-specialist-headertop-block ul.spezialisten-list-style li,
#block-plaing-becomespecialistheader .become-specialist-headertop-block ul.spezialisten-list-style li {
    padding: 14px 0;
}

#block-becomespecialistheader .become-specialist-headertop-block a,
#block-becomespecialistheader2 .become-specialist-headertop-block a,
#block-plaing-becomespecialistheader .become-specialist-headertop-block a {
    display: block;
    font: bold 19px Arial;
    text-decoration: none;
    background-color: #3d9f4c;
    color: #f7f7f7;
    padding: 0.4em;
    border: 2px solid #3d9f4c;
    border-radius: 5px;
    margin: 2em 2em;
}

#block-becomespecialistheader .become-specialist-headertop-block a:hover,
#block-becomespecialistheader2 .become-specialist-headertop-block a:hover #block-plaing-becomespecialistheader .become-specialist-headertop-block a:hover {
    color: #fff;
    background-color: #2c913c;
}


/** Specific blocks */

#block-titelpasswordaendern {
    margin: 0px 0px 0 50px;
    padding: 3em 0 0 3em;
}


/** Specific content pages */

body.page-node-239 .wp-block-group__inner-container a,
body.page-node-type-categories .node-content a {
    color: var(--theme-color);
}

body.page-node-239 .wp-block-group__inner-container a:hover,
body.page-node-type-categories .node-content a:hover {
    color: var(--theme-color-two);
}

.main-container {
    background-color: white;
    padding: 0 50px 50px;
    max-width: 1280px;
    margin: 0 auto;
}

@media screen and (max-width:767px) {
    .main-container {
        padding: 0 20px 50px;
    }
}

body.page-node-195 .wp-block-buttons .wp-block-button.wp-block-button {
    margin-right: -8px;
}

body.page-node-type-page h3.orange-underline::after {
    content: '';
    position: absolute;
    width: 40px;
    height: 3px;
    background: #F90;
    left: -1px;
    top: 43px;
}

body.page-node-200 .webform-submission-contact-node-200-form [type="submit"] {
    display: block;
    height: 100%;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    border: 3px solid #f90;
    border-radius: 3px;
    background-color: #f90;
    font-size: 1.1em;
    font-weight: 700;
    -webkit-box-shadow: 3px 3px 5px #999;
    box-shadow: 3px 3px 5px #999;
    margin: 0 auto;
}

.page-node-200 #edit-vorname,
.page-node-200 #edit-name,
.page-node-200 #edit-email,
.page-node-200 #edit-ihre-telefonnummer,
.page-node-200 #edit-subject,
.page-node-200 #edit-datum,
.page-node-200 #edit-rueckruf {
    width: 30%;
}

.page-node-200 #edit-message {
    width: 70%;
}

.js-form-item.form-item.js-form-type-radio.form-item-rueckruf.js-form-item-rueckruf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#edit-rueckruf-9 {
    width: 5%;
    margin-top: 6px;
}

#edit-rueckruf-13 {
    width: 5%;
    margin-top: 6px;
}

.form-item-rueckruf .option {
    margin-left: 10px;
}

body.page-node-200 .webform-submission-contact-node-200-form [type="submit"]:hover {
    background-color: #db8503 !important;
    color: #fff;
}


/** Spezialist werden */

body.page-node-120 .price-table {
    width: 100%;
    line-height: 1.2;
}

body.page-node-120 .price-table td,
body.page-node-120 .price-table th {
    border: none;
}

body.page-node-120 .price-table thead {
    border-bottom: 1px solid #3d9f4c;
}

body.page-node-120 .price-table thead th {
    padding: 1em 0;
    font-size: 1.4em;
}

body.page-node-120 .price-table th {
    vertical-align: bottom;
}

body.page-node-120 .price-table th:nth-child(2),
body.page-node-120 .price-table th:nth-child(3),
body.page-node-120 .price-table th:nth-child(4) {
    text-align: center;
}

body.page-node-120 .price-table tbody tr:nth-child(1) td {
    padding: 2em 0;
}

body.page-node-120 .price-table tbody tr:nth-child(15) td {
    border-bottom: 1px solid #e6f9d4;
}

body.page-node-120 .price-table tbody tr:nth-child(19) td {
    border-bottom: 1px solid #e6f9d4;
}

body.page-node-120 .price-table td:nth-child(2),
body.page-node-120 .price-table td:nth-child(3),
body.page-node-120 .price-table td:nth-child(4) {
    text-align: center;
}

body.page-node-120 .price-table td:nth-child(3) a {
    background-color: #3d9f4c;
    color: #ffffff;
    border: none;
    border-radius: 28px;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    padding: 12px 24px;
    text-align: center;
    text-decoration: none;
    overflow-wrap: break-word;
    margin-top: 1em;
}

body.page-node-120 .price-table td:nth-child(3) a:hover {
    background-color: #2c913c;
}

body.page-node-120 .price-table td:nth-child(2) a,
body.page-node-120 .price-table td:nth-child(4) a {
    background-color: #ffffff;
    color: #258e3d;
    border: 1px solid #3d9f4c;
    border-radius: 28px;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    padding: 12px 24px;
    text-align: center;
    text-decoration: none;
    overflow-wrap: break-word;
    margin-top: 1em;
}

body.page-node-120 .price-table td:nth-child(2) a:hover,
body.page-node-120 .price-table td:nth-child(4) a:hover {
    background-color: #2c913c;
    color: #ffffff;
}


/** anfrage styles */

.page-node-type-page .wp-block-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.content-categories .wp-block-columns {
    margin-bottom: 40px;
    margin-right: 40px;
}

.wp-block-column {
    margin: 0 40px 0 0;
    width: 100%;
    max-width: 200px;
    text-align: center;
}

.wp-block-column p {
    line-height: 1.25em;
    margin: 0.5em 0 1.5em;
}

.page-type-webform .field--type-webform {
    background-color: #fff;
}

@media screen and (max-width:999px) {
    .front-categories {
        width: 100px;
        height: 100px;
    }
    .page-node-type-page .wp-block-column {
        margin: 0 0 10px 0;
    }
}

.page-node-type-anfrage_architekt #main-wrapper,
.page-node-type-anfrage_bodengutachter #main-wrapper,
.page-node-type-anfrage_garten_landschaftsbau #main-wrapper,
.page-node-type-anfrage_hausbau #main-wrapper,
.page-node-type-anfrage_industriebau_gewerbebau #main-wrapper,
.page-node-type-anfrage_landschaftsarchitekt #main-wrapper,
.page-node-type-anfrage_makler #main-wrapper,
.page-node-type-anfrage_sanierung #main-wrapper,
.page-node-type-anfrage_statiker #main-wrapper,
.page-node-type-anfrage_tga_planer #main-wrapper,
.page-node-type-anfrage_vermesser #main-wrapper,
.page-node-type-anfrage_innenarchitekt #main-wrapper {
    background-color: var(--plaing-orange-light);
}

.page-node-type-anfrage_architekt .main-container,
.page-node-type-anfrage_bodengutachter .main-container,
.page-node-type-anfrage_garten_landschaftsbau .main-container,
.page-node-type-anfrage_hausbau .main-container,
.page-node-type-anfrage_industriebau_gewerbebau .main-container,
.page-node-type-anfrage_landschaftsarchitekt .main-container,
.page-node-type-anfrage_makler .main-container,
.page-node-type-anfrage_sanierung .main-container,
.page-node-type-anfrage_statiker .main-container,
.page-node-type-anfrage_tga_planer .main-container,
.page-node-type-anfrage_vermesser .main-container,
.page-node-type-anfrage_innenarchitekt .main-container {
    background-color: white;
    padding: 20px 50px 40px 50px;
    max-width: 1280px;
}

.page-node-type-anfrage_architekt #edit-title-wrapper,
.page-node-type-anfrage_bodengutachter #edit-title-wrapper,
.page-node-type-anfrage_garten_landschaftsbau #edit-title-wrapper,
.page-node-type-anfrage_hausbau #edit-title-wrapper,
.page-node-type-anfrage_industriebau_gewerbebau #edit-title-wrapper,
.page-node-type-anfrage_landschaftsarchitekt #edit-title-wrapper,
.page-node-type-anfrage_makler #edit-title-wrapper,
.page-node-type-anfrage_sanierung #edit-title-wrapper,
.page-node-type-anfrage_statiker #edit-title-wrapper,
.page-node-type-anfrage_tga_planer #edit-title-wrapper,
.page-node-type-anfrage_vermesser #edit-title-wrapper,
.page-node-type-anfrage_innenarchitekt #edit-title-wrapper {
    display: none;
}

.page-node-type-anfrage_architekt .node-view-mode-full,
.page-node-type-anfrage_bodengutachter .node-view-mode-full,
.page-node-type-anfrage_garten_landschaftsbau .node-view-mode-full,
.page-node-type-anfrage_hausbau .main-container,
.page-node-type-anfrage_industriebau_gewerbebau .node-view-mode-full,
.page-node-type-anfrage_landschaftsarchitekt .node-view-mode-full,
.page-node-type-anfrage_makler .node-view-mode-full,
.page-node-type-anfrage_sanierung .node-view-mode-full,
.page-node-type-anfrage_statiker .node-view-mode-full,
.page-node-type-anfrage_tga_planer .node-view-mode-full,
.page-node-type-anfrage_vermesser .node-view-mode-full,
.page-node-type-anfrage_innenarchitekt .node-view-mode-full {
    padding: 1em;
    border: 1px solid #ddd;
    -webkit-box-shadow: 5px 4px 5px 2px rgb(194, 194, 194);
    box-shadow: 5px 4px 5px 2px rgb(194, 194, 194);
}

.page-node-type-anfrage_architekt .main-container fieldset,
.page-node-type-anfrage_bodengutachter .main-container fieldset,
.page-node-type-anfrage_garten_landschaftsbau .main-container fieldset,
.page-node-type-anfrage_hausbau .main-container fieldset,
.page-node-type-anfrage_industriebau_gewerbebau .main-container fieldset,
.page-node-type-anfrage_landschaftsarchitekt .main-container fieldset,
.page-node-type-anfrage_makler .main-container fieldset,
.page-node-type-anfrage_sanierung .main-container fieldset,
.page-node-type-anfrage_statiker .main-container fieldset,
.page-node-type-anfrage_tga_planer .main-container fieldset,
.page-node-type-anfrage_vermesser .main-container fieldset,
.page-node-type-anfrage_innenarchitekt .main-container fieldset {
    border: none;
    width: 45%;
    float: left;
    margin-right:25px;
}

body.page-node-type-anfrage_architekt .main-container fieldset legend,
body.page-node-type-anfrage_bodengutachter .main-container fieldset legend,
body.page-node-type-anfrage_garten_landschaftsbau .main-container fieldset legend,
body.page-node-type-anfrage_hausbau .main-container fieldset legend,
body.page-node-type-anfrage_industriebau_gewerbebau .main-container fieldset legend,
body.page-node-type-anfrage_landschaftsarchitekt .main-container fieldset legend,
body.page-node-type-anfrage_makler .main-container fieldset legend,
body.page-node-type-anfrage_sanierung .main-container fieldset legend,
body.page-node-type-anfrage_statiker .main-container fieldset legend,
body.page-node-type-anfrage_tga_planer .main-container fieldset legend,
body.page-node-type-anfrage_vermesser .main-container fieldset legend,
body.page-node-type-anfrage_innenarchitekt .main-container fieldset legend {
    font-size: 1.3em;
    font-weight: 600;
    padding-bottom: 0.7em;
    position: relative;
}

body.page-node-type-anfrage_architekt .main-container fieldset legend::after,
body.page-node-type-anfrage_bodengutachter .main-container fieldset legend::after,
body.page-node-type-anfrage_garten_landschaftsbau .main-container fieldset legend::after,
body.page-node-type-anfrage_hausbau .main-container fieldset legend::after,
body.page-node-type-anfrage_industriebau_gewerbebau .main-container fieldset legend::after,
body.page-node-type-anfrage_landschaftsarchitekt .main-container fieldset legend::after,
body.page-node-type-anfrage_makler .main-container fieldset legend::after,
body.page-node-type-anfrage_sanierung .main-container fieldset legend::after,
body.page-node-type-anfrage_statiker .main-container fieldset legend::after,
body.page-node-type-anfrage_tga_planer .main-container fieldset legend::after,
body.page-node-type-anfrage_vermesser .main-container fieldset legend::after,
body.page-node-type-anfrage_innenarchitekt .main-container fieldset legend::after {
    content: '';
    position: absolute;
    width: 40px;
    height: 3px;
    background: #F90;
    left: 0px;
    top: 35px;
}

body.page-node-type-anfrage_architekt .main-container .field--name-field-header,
body.page-node-type-anfrage_bodengutachter .main-container .field--name-field-header,
body.page-node-type-anfrage_garten_landschaftsbau .main-container .field--name-field-header,
body.page-node-type-anfrage_hausbau .main-container .field--name-field-header,
body.page-node-type-anfrage_industriebau_gewerbebau .main-container .field--name-field-header,
body.page-node-type-anfrage_landschaftsarchitekt .main-container .field--name-field-header,
body.page-node-type-anfrage_makler .main-container .field--name-field-header,
body.page-node-type-anfrage_sanierung .main-container .field--name-field-header,
body.page-node-type-anfrage_statiker .main-container .field--name-field-header,
body.page-node-type-anfrage_tga_planer .main-container .field--name-field-header,
body.page-node-type-anfrage_vermesser .main-container .field--name-field-header,
body.page-node-type-anfrage_innenarchitekt .main-container .field--name-field-header {
    font-size: 1.3em;
    font-weight: 600;
}


/** inquiry styles */

form.anfrage legend {
    text-align: center;
}

form.anfrage strong.form-item--error-message {
    color: red;
}

form.anfrage .webform-options-display-buttons label.webform-options-display-buttons-label {
    display: block;
    height: 100%;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    border: 3px solid #f90;
    border-radius: 3px;
    background-color: #f90;
    font-size: 1.1em;
    font-weight: 700;
    -webkit-box-shadow: 3px 3px 5px #999;
    box-shadow: 3px 3px 5px #999;
}

form.anfrage .webform-options-display-buttons input:focus+label.webform-options-display-buttons-label {
    color: #333;
    border-color: #999;
    -webkit-box-shadow: 0 0 5px #999;
    box-shadow: 0 0 5px #999;
}

form.anfrage .webform-card {
    border: none;
}

body.page-type-webform input::-webkit-input-placeholder {
    color: #939393;
    opacity: 1;
}

body.page-type-webform input::-moz-placeholder {
    color: #939393;
    opacity: 1;
}

body.page-type-webform input:-ms-input-placeholder {
    color: #939393;
    opacity: 1;
}

body.page-type-webform input::-ms-input-placeholder {
    color: #939393;
    opacity: 1;
}

body.page-type-webform input::placeholder {
    color: #939393;
    opacity: 1;
}

form.anfrage div.js-form-type-textarea label,
form.anfrage div.js-form-type-textfield label {
    text-align: center;
    padding: 2em 0 2em 0;
    margin: 0 auto;
    font-size: 21px;
}

body.page-type-webform .webform-cards-toggle-wrapper {
    display: none;
}

body.page-type-webform .form-header,
body.page-type-webform .webform-card {
    text-align: center;
}

body.page-type-webform h1 {
    font-size: 1.3em;
}

body.page-type-webform h2 {
    font-size: 1.5em;
}

body.page-type-webform p.kostenlos {
    font-size: 1.4em;
    color: #f90;
}

body.page-type-webform div.form-actions {
    text-align: center;
}

body.page-type-webform legend {
    border-bottom: none;
}

.page-node-200 #main-wrapper .field.field--name-body {
    background-color: #FFF;
}

.page-node-200 .field.field--name-body p {
    margin-bottom: 0px;
    padding-bottom: 20px;
}

.page-type-webform div.field--type-webform {
    padding: 0em;
    padding-bottom: 36px;
}

[dir] .page-node-200 .field:not(:last-child) {
    margin-bottom: 0px;
}

@media (min-width: 768px) {
    body.page-type-webform div.main-wrapper {
        background-color: var(--plaing-orange-light);
    }
    body.page-node-200 div#main-wrapper {
        background-color: #fff8ed !important;
    }
    body.page-type-webform main.page-content {
        background-color: #ffffff;
    }
    body.page-type-webform div.webform-options-display-buttons-vertical {
        margin: 0 auto;
        max-width: 50%;
        text-align: center;
    }
    body.page-node-200 .main-container {
        padding: 20px 50px 40px 50px !important;
    }
    body.page-node-200 div.field--type-webform {
        /*padding: 1em;*/
        border: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }
    body.page-type-webform div.field--type-webform {
        /*padding: 1em;*/
        border: 1px solid #ddd;
        -webkit-box-shadow: 5px 4px 5px 2px rgb(194, 194, 194);
        box-shadow: 5px 4px 5px 2px rgb(194, 194, 194);
        margin: 0 auto 50px;
    }
    body.page-type-webform .webform-options-display-buttons,
    .form-composite.webform-fieldset--title-inline .fieldset-wrapper>div.webform-options-display-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 auto;
        max-width: 50%;
        text-align: center;
    }
    body.page-type-webform div.form-header {
        display: block;
    }
}

.node-view-mode-full {
    margin-top: 50px;
}

.homepage .node-view-mode-full {
    margin-top: 0;
}

body.page-type-webform div.js-webform-states-hidden label {
    padding: 0 0 0.3em 0;
    text-align: center !important;
}


/**
* specialists category / list view styles
*/

body.page-node-type-categories div.layout--onecol {
    padding: 0 40px 0px;
}

.categories-header img {
    width: 100px;
    border-style: solid;
    border-width: 1px;
    padding: 1em;
    border-radius: 1em;
    -webkit-box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 20%);
    box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 20%);
}

.specialists-list {
    margin-left: -13px;
}

div.specialists-list ul {
    list-style: none;
}

div.specialists-list .views-field-field-kopfbild {
    display: block;
    width: 100%;
    position: absolute;
}

div.specialists-list .views-field-field-kopfbild .image-field {
    margin: 0;
}

div.specialists-list .views-field-field-address-organization {
    left: 320px;
    position: relative;
    width: 600px;
    display: block;
}

div.specialists-list .views-field-field-specialist-rating {
    left: 320px;
    position: relative;
    width: 600px;
    display: block;
    margin-top: 0.7em;
}

div.specialists-list .views-field-field-specialist-rating .fivestar-widget-static-5 {
    position: static;
}

div.specialists-list .views-field-field-specialist-rating .fivestar-summary.fivestar-summary-average-count {
    width: auto;
    position: absolute;
    left: 1.7em;
    top: -4px;
    display: block;
}

div.specialists-list .views-field-field-bewertung {
    position: relative;
    height: 1px;
    bottom: 100px;
    left: 700px;
    display: none;
}

div.specialists-list .views-field-field-phone {
    display: block;
    position: relative;
    bottom: 50px;
}

div.specialists-list .views-field-contact {
    display: block;
    position: relative;
    bottom: 100px;
}

body.page-node-type-categories div.specialists-list li {
    width: 100%;
    padding: 0;
    border-bottom: 1px solid #fff7f3;
    margin-bottom: 1.5em;
    height: 212px;
}

div.specialists-list li:last-child {
    border: none;
}

div.specialists-list .views-field-field-uber-uns {
    display: block;
    width: 50%;
    line-height: 24px;
    color: #595959;
}

ul.spezialisten-list-style {
    list-style-type: none;
    list-style-image: url("/sites/default/files/design/icon-beinhaltet.svg");
    line-height: 25px;
    list-style-position: inside;
    background-repeat: no-repeat;
    background-position: 25% 50%;
}


/** specialists category / detail view styles */

body.page-type-categories .wp-block-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

body.page-type-categories .node-content .wp-block-columns>.wp-block-column {
    margin: 0 40px 0 0;
    text-align: center;
}

@media screen and (max-width:999px) {
    body.page-type-categories .node-content .wp-block-columns>.wp-block-column {
        margin: 0 0 20px 0;
    }
}

body.page-type-categories .node-content .content-categories>p {
    margin: 40px 0px;
}

.content-categories>h2 {
    position: relative;
    margin-bottom: 0.5em;
}

.content-categories>h2::after {
    content: "";
    height: 3px;
    width: 40px;
    background: #F90;
    position: absolute;
    left: 0px;
    bottom: -5px;
}

.content-categories>h3 {
    margin-bottom: 40px;
}

body.page-type-categories .content-categories {
    margin-top: 20px;
}

body.page-type-categories .node-content .field-item p>img {
    width: 150px;
    height: 100px;
    border-style: solid;
    border-width: 1px;
    padding: 1em;
    border-radius: 1em;
    -webkit-box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 20%);
    box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 20%);
}

body.page-type-categories .node-content .field-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 0;
}

body.page-type-categories .node-content .field-item>h3+p {
    height: 200px;
    width: 368px;
    position: relative;
    top: 60px;
    left: -76px;
}

body.page-type-categories .node-content .field-item>p+h3 {
    font-size: 22px;
    position: relative;
    top: -10px;
    left: 120px;
    height: 50px;
    max-height: 50px;
    width: 260px;
    max-width: 260px;
}

body.page-type-categories .node-content .field-item>p+h3::after {
    content: "";
    height: 5px;
    width: 26%;
    background: #f08900;
    position: absolute;
    left: 2px;
    bottom: 0;
}

body.page-type-categories div.specialists-list ul li {
    position: relative;
}

body.page-type-categories .fivestar-widget-static-5 {
    position: absolute;
    top: 68px;
    left: 371px;
}

body.page-type-categories .views-field-field-address-organization h3 {
    font-size: 1.3em;
    line-height: 1.3;
}

body.page-type-categories .views-field-field-address-organization h3 a {
    color: var(--theme-color);
}

.fivestar-summary.fivestar-summary-average-count {
    width: 50%;
    position: absolute;
    left: 56%;
    top: 26px;
    display: none;
}

.fivestar-summary.fivestar-summary-average-count .empty {
    display: none;
}

.fivestar-summary.fivestar-summary-average-count .total-votes {
    display: none;
}

.fivestar-summary.fivestar-summary-average-count .average-rating {
    visibility: hidden;
}

.fivestar-summary.fivestar-summary-average-count .average-rating span {
    visibility: visible;
}

.specialist-detail-slogan .fivestar-summary.fivestar-summary-average-count {
    width: auto;
    position: absolute;
    left: 1.7em;
    top: -4px;
    display: block;
}

body.page-type-categories .views-field-field-address-organization h3::after {
    content: "";
    height: 3px;
    width: 40px;
    background: #F90;
    position: absolute;
    left: 0px;
    bottom: -4px;
    top: 30px;
}

.specialists-list .fivestar- .star {
    margin-right: 4px;
    margin-top: -4px;
}

body.page-type-categories .views-field-contact .field-content a,
body.page-type-categories .views-field-field-phone .field-content a {
    background-color: #fffaf3;
    padding: 2px 33px;
    color: black;
    position: absolute;
    right: 0;
    border-radius: 5px;
    border: 2px solid #f08900;
    -webkit-transition: color .1s ease-out, background-color .1s ease-out, border-color .1s ease-out;
    -o-transition: color .1s ease-out, background-color .1s ease-out, border-color .1s ease-out;
    transition: color .1s ease-out, background-color .1s ease-out, border-color .1s ease-out;
    width: 150px;
    text-align: center;
}

body.page-type-categories .views-field-contact .field-content a:hover,
body.page-type-categories .views-field-field-phone .field-content a:hover {
    background-color: #f08900;
    color: white;
}

body.page-type-categories div.views-field.address,
body.page-type-categories div.views-field-field-region,
body.page-type-categories div.views-field.views-field-field-language,
body.page-type-categories div.views-field.views-field-field-zertifiziert {
    font-size: 0.9em;
    width: 230px;
    position: relative;
    padding-left: 2em;
    display: block;
    float: left;
}

body.page-type-categories div.views-field.address {
    background: url("/sites/default/files/design/plaing-spezialisten-verzeichnis-location.svg");
    background-size: 25px;
    background-repeat: no-repeat;
    background-position-x: 0px;
    left: 320px;
}

body.page-type-categories div.views-field-field-region {
    background: url("/sites/default/files/design/plaing-spezialisten-verzeichnis-arbeitsregion.svg");
    background-size: 25px;
    background-repeat: no-repeat;
    background-position-x: 0px;
    left: 320px;
}

body.page-type-categories div.views-field.views-field-field-language {
    background: url("/sites/default/files/design/plaing-spezialisten-verzeichnis-sprache.svg");
    background-size: 25px;
    background-repeat: no-repeat;
    background-position-x: 0px;
    left: 320px;
}

body.page-type-categories div.views-field.views-field-field-zertifiziert {
    background: url("/sites/default/files/design/plaing-spezialisten-verzeichnis-siegel.svg");
    background-size: 32px;
    background-repeat: no-repeat;
    background-position-x: 0px;
    left: 320px;
    width: 130px;
    padding-left: 2.5em;
}

.highlighted {
    margin: 0em 0 0em 0;
}

div.highlighted aside.container {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0px;
}

body.page-node- div.highlighted aside.container {
    max-width: 1200px;
}

#block-vanipro-content div.views-field.views-field-field-address-locality span,
#block-plaing-content div.views-field.views-field-field-address-locality span {
    position: absolute;
    top: 39px;
    right: -224px;
    width: 200px;
}

.views-field.views-field-field-address-postal-code span {
    position: absolute;
    right: 145px;
    top: 224px;
}

.headerbild-column {
    float: left;
    width: 33.33%;
    text-align: center;
}

div.profile--type--expert .field--name-field-logo {
    text-align: center;
}

div.profile--type--expert .field--name-field-logo .image-field {
    margin: -67px 0 0 0;
}

div.profile--type--expert div#block-views-block-phone-block-3,
div.profile--type--expert div#block-plaing-views-block-phone-block-3 {
    width: 40%;
    display: block;
    margin: 0 auto;
}

body.page-node- .profile--type--expert .views-field-field-address-organization h3 {
    margin-bottom: 1em;
}

body.page-node- .profile--type--expert .node-taxonomy-container i {
    display: none;
}

body.page-node- .profile--type--expert .views-label-field-region {
    font-weight: bold;
}

body.page-node- .profile--type--expert .profile-details-reviews header.comment-user-picture {
    display: none;
}

body.page-node- .profile--type--expert .profile-details-reviews article {
    display: none;
}

body.page-node- .profile--type--expert .views-label-field-region,
body.page-node- .profile--type--expert .views-field-field-slogan,
body.page-node- .profile--type--expert .views-label-field-leistungsuebersicht {
    font-weight: bold;
}

body.page-node- .profile--type--expert .profile-details-comments h3 {
    font-size: 1.1em;
}

body.page-node- .profile--type--expert #block-views-block-phone-block-20,
body.page-node- .profile--type--expert #block-plaing-views-block-phone-block-20 {
    margin-bottom: 1em;
}

body.page-node- .profile--type--expert .views-field-field-slogan {
    margin: 1em 0 1em 0;
}

body.page-node- .profile--type--expert .node-taxonomy-container h3 {
    font-size: 1.1em;
    line-height: 1;
    font-weight: bold;
}

body.page-node-type-referenzprojekt .specialist-details-content .views-field-field-employees,
body.page-node-type-referenzprojekt .specialist-details-content .views-field-field-project-budget,
body.page-node-type-referenzprojekt .specialist-details-content .views-field-field-language,
body.page-node-type-referenzprojekt .specialist-details-content .views-field-field-art-der-taetigkeit,
body.page-node- .profile--type--expert .field--name-field-employees,
body.page-node- .profile--type--expert .field--name-field-art-der-taetigkeit,
body.page-node- .profile--type--expert .field--name-field-project-budget {
    margin-bottom: 1em;
}

body.page-node- .profile--type--expert .left-language ul.taxonomy-terms {
    margin: 0.1em 0 0.2em 0;
}


/** pagination */

nav.pager {
    position: relative;
    width: 30%;
    margin: auto;
    margin-top: 45px;
    margin-bottom: 50px;
}


/*end pagination*/


/*content bottom start*/

.content-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.content-bottom-icon {
    width: 105px;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 105px;
            flex: 1 0 105px;
}

.content-bottom-left {
    width: 100%;
    max-width: 450px;
    margin: 0 50px 0 40px;
    -webkit-box-flex: 3;
        -ms-flex: 3 1 450px;
            flex: 3 1 450px;
}

.content-bottom-right {
    width: 100%;
    max-width: 450px;
    -webkit-box-flex: 3;
        -ms-flex: 3 1 450px;
            flex: 3 1 450px;
}

h3.content-bottom-header-left,
h3.content-bottom-header-right {
    position: relative;
    margin-bottom: 0.7em;
}

h3.content-bottom-header-left::after {
    content: "";
    height: 3px;
    width: 40px;
    background: #F90;
    position: absolute;
    left: 0;
    bottom: -2px;
}

h3.content-bottom-header-right::after {
    content: "";
    height: 3px;
    width: 40px;
    background: #F90;
    position: absolute;
    bottom: -2px;
    left: 0;
}


/*content bottom end*/


/*header content start*/

.categories-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.categories-header-content {
    margin-left: 50px;
    width: 100%;
    margin-top: -11px;
    line-height: 12px;
}

.categories-header-content h2 {
    margin-bottom: 20px;
    position: relative;
}

.categories-header-content h2::after {
    content: "";
    height: 3px;
    width: 40px;
    background: #f90;
    position: absolute;
    bottom: -2px;
    left: 0;
}

.categories-header-cta {
    position: absolute;
    right: 0;
    top: 0;
    padding: 14px 14px 3px 14px;
    line-height: 13px;
    border-color: #f90;
    border-style: solid;
    border-width: 2px;
    border-radius: 10px;
    background-image: -o-linear-gradient( top, rgb(255, 204, 128), rgb(255, 245, 245)) !important;
    background-image: -webkit-gradient( linear, left top, left bottom, from(rgb(255, 204, 128)), to(rgb(255, 245, 245))) !important;
    background-image: linear-gradient( to bottom, rgb(255, 204, 128), rgb(255, 245, 245)) !important;
}

.categories-header-cta p {
    font-weight: 700;
}

.cta-header-content {
    float: left;
}

p.cta-header-text {
    margin-top: 9px;
}

.cta-header-button {
    float: right;
    background-color: #F90;
    padding: 7px 18px;
    color: white;
    -webkit-box-shadow: 3px 3px grey;
    box-shadow: 3px 3px grey;
    border-radius: 5px;
}

a.cta-header-button-link {
    color: #fff;
    font-weight: 700;
}

.cta-header-button-link:hover {
    color: #fff!important;
}


/*header content end*/


/*block content raum-stil start*/

div#block-specialistdetailsheader .views-field.views-field-field-kopfbild img,
div#block-plaing-specialistdetailsheader .views-field.views-field-field-kopfbild img {
    height: 400px;
}

div#block-specialistreferenceheadercontactbox,
div#block-specialistdetailsheadercontactbox,
div#block-plaing-specialistreferenceheadercontactbox,
div#block-plaing-specialistdetailsheadercontactbox {
    position: absolute;
    right: 120px;
    bottom: 120px;
    width: 265px;
    text-align: center;
}

#block-views-block-specialist-ref-block-block-2,
#block-views-block-phone-block-16,
#block-plaing-views-block-specialist-ref-block-block-2,
#block-plaing-views-block-phone-block-16 {
    width: 204px;
    height: 204px;
    background: white;
    border: 10px solid #FFFFFF;
    position: absolute;
    top: 430px;
    left: 200px;
    border-radius: 15px;
}

div#block-specialistdetailsnavigation,
div#block-plaing-specialistdetailsnavigation {
    width: 34%;
    float: left;
    margin-left: 416px;
}

.profile-details-top-navi p a {
    padding-right: 40px;
}

.left-company-title.block::after,
.left-service-title.block p::after,
.left-work-title.block::after {
    content: '';
    position: absolute;
    width: 40px;
    height: 3px;
    background: #f90;
    left: 0px;
    top: 30px;
}

.left-certificate.block .views-field.views-field-field-zertifiziert {
    width: 70%;
    margin-bottom: 50px;
    margin-top: 50px;
    margin-left: -30px;
}

.left-certificate.block img {
    width: 200px;
}

.field.field--name-field-region.field--type-string.field--label-above {
    margin-bottom: 17px;
}

.content-awards-title.block h3::after {
    content: '';
    position: absolute;
    width: 40px;
    height: 3px;
    background: #f90;
    left: 0px;
    top: 36px;
}

.content-badges-title.block h3::after {
    content: '';
    position: absolute;
    width: 40px;
    height: 3px;
    background: #f90;
    left: 0px;
    top: 36px;
}

.content-references-title.block {
    width: 50%;
    padding-top: 90px;
    margin-bottom: 10px;
}

div.profile--type--expert h3#ueber-uns::after,
div.profile--type--expert .content-rating-title h3::after,
div.profile--type--expert .content-references-title.block h3::after {
    content: '';
    position: absolute;
    width: 40px;
    height: 3px;
    background: #F90;
    left: 0px;
    top: 110px;
}

div.profile--type--expert h3#ueber-uns,
div.profile--type--expert .content-rating-title h3,
div.profile--type--expert .content-references-title.block h3 {
    margin-top: -70px;
    padding-top: 70px;
    position: relative;
    z-index: 0;
}

div.profile--type--expert div.content-reference .views-col {
    width: 30%!important;
    margin-right: 20px;
}

div.profile--type--expert div.content-reference .views-field-field-referenz-ort {
    display: block;
    background: rgba(47, 47, 47, 0.5);
    margin: -58px 0 0 0;
    padding: 5px 0 5px 10px;
    position: relative;
    color: white;
}

div.profile--type--expert div.content-reference .views-field-title {
    -webkit-box-shadow: 2px 2px 2px 0px #DBDBDB, -2px 0px 2px 0px #DBDBDB;
    box-shadow: 2px 2px 2px 0px #DBDBDB, -2px 0px 2px 0px #DBDBDB;
    padding: 1em;
    text-align: center;
    font-size: 1.0em;
    height: 5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.profile--type--expert div.content-reference .views-row {
    margin-bottom: 2.2em;
}

.views-field.views-field-field-project-year {
    text-align: center;
}

div#block-views-block-specialist-details-bewertungen-block-1,
div#block-plaing-views-block-specialist-details-bewertungen-block-1 {
    position: relative;
    margin: -50px 300px 0 0;
    width: 20%;
    display: block;
    float: right;
}

.views-field.views-field-field-bewertung-1 .star {
    margin-right: 3px;
}

.content-ratings.block {
    padding-top: 50px;
    width: 50%;
}


/*block content raum-stil end*/


/*block content innenarchitekt-3 start*/

.content-reference.block a {
    color: var(--theme-color);
}

.content-reference.block a:hover {
    color: var(--theme-color-two);
}

.company-content.block h3::after {
    height: 3px;
    width: 40px;
    background: #f08900;
    position: absolute;
    left: 0px;
    bottom: 5px;
    content: '';
}

.content-reference.block {
    height: 15%;
}


/*block content innenarchitekt-3 end*/

.node-taxonomy-container,
.node-links-container {
    border-top: none;
}


/** User Dashboard */

body.page-node- div.customerdashboard-alle-anfragen {
    margin: 20px 50px 0px 50px;
}

body.page-node- div.customerdashboard-alle-anfragen div.views-element-container {
    display: block;
    margin-left: auto;
    margin-right: 1em;
    border: 1px solid #EAEAEA;
    padding: 1em;
    border-radius: 1em;
    -webkit-box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    margin-bottom: 30px;
}

.page-node- .profile-expert-add-form,
.page-node- .profile-expert-edit-form{
    padding: 20px 50px 0px 50px;
}

body.page-node- .layout--twocol-section.customer-dashboard {
    padding: 20px 40px 0px 50px;
}

body.page-node- div.dashboard-award-badges {
    height: auto;
}

body.page-node- .layout--twocol-section.customer-dashboard h2 {
    font-size: 1.2em;
}

body.page-node- div.customerdashboard nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

body.page-node- div.customerdashboard nav ul.js-pager__items li {
    padding: 0;
    list-style: none;
    float: left;
    margin: 0 1em;
}

body.page-node- .layout--twocol-section.customer-dashboard h2::after {
    content: '';
    position: absolute;
    width: 40px;
    height: 3px;
    background: #3d9f4c;
    left: 0px;
    top: 34px;
}

body.page-node- .layout--twocol-section.customer-dashboard .block {
    display: block;
    margin-left: auto;
    margin-right: 1em;
    border-style: solid;
    border-width: 1px;
    padding: 1em;
    border-radius: 1em;
    -webkit-box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

body.page-node- .layout--twocol-section.customer-dashboard .layout__region--second .block:nth-of-type(1) {
    margin-top: 18px;
}

body.page-node- .layout--twocol-section.customer-dashboard .block-content {
    margin-top: 1em;
}

body.page-node-type-anfrage_innenarchitekt div#main-wrapper {
    margin: 0;
    padding: 0;
    background-color: #fff8ed;
}

body.page-node- .container.main-container.clear .node-referenzprojekt-form,
body.page-node- .container.main-container.clear #block-requiredfield,
body.page-node- .container.main-container.clear #block-plaing-requiredfield {
    margin: 40px 50px;
}

form.profile-expert-add-form #edit-field-branche #edit-field-branche-12,
form.profile-expert-add-form #edit-field-branche #edit-field-branche-11 {
    display: none;
}

form.profile-expert-add-form details.field-group-tab,
form.profile-expert-edit-form details.field-group-tab {
    padding: 1em;
}

form.profile-expert-add-form details.field-group-tab summary,
form.profile-expert-edit-form details.field-group-tab summary {
    font-size: 1.2em;
    font-weight: bold;
}

form.profile-expert-add-form details.field-group-tab div.form-details-wrapper,
form.profile-expert-edit-form details.field-group-tab div.form-details-wrapper {
    margin-left: 2em;
}

form.profile-expert-add-form details.field-group-tab div.form-details-wrapper label,
form.profile-expert-add-form details.field-group-tab div.form-details-wrapper h4,
form.profile-expert-add-form fieldset#edit-field-language--wrapper legend,
form.profile-expert-edit-form details.field-group-tab div.form-details-wrapper label,
form.profile-expert-edit-form details.field-group-tab div.form-details-wrapper h4,
form.profile-expert-edit-form fieldset#edit-field-language--wrapper legend {
    font-size: 1.1em;
    font-weight: 600;
}

form.profile-expert-add-form fieldset#edit-field-language--wrapper label,
form.profile-expert-edit-form fieldset#edit-field-language--wrapper label {
    font-weight: normal;
}

form.profile-expert-add-form input[type="tel"],
form.profile-expert-add-form select,
form.profile-expert-edit-form input[type="tel"],
form.profile-expert-edit-form select {
    background: var(--content-bg);
    border-radius: 20px;
    color: var(--text-color);
    padding: 10px;
    border: 1px solid var(--border-color);
    -webkit-transition: border 0.5s ease-in-out;
    -o-transition: border 0.5s ease-in-out;
    transition: border 0.5s ease-in-out;
}

form.profile-expert-add-form div#edit-field-adresse-2-wrapper .tabledrag-toggle-webody.page-node- .profile-expert-edit-form,
form.profile-expert-add-form div#edit-field-adresse-2-wrapper summary,
form.profile-expert-edit-form div#edit-field-adresse-2-wrapper .tabledrag-toggle-weight,
form.profile-expert-edit-form div#edit-field-adresse-2-wrapper summary {
    display: none;
}

div#block-neuereferenzhinzufugen,
div#block-plaing-neuereferenzhinzufugen {
    margin: 70px 50px 0;
}

div#block-neuereferenzhinzufugen .field--name-body p,
div#block-plaing-neuereferenzhinzufugen .field--name-body p {
    font-size: 1.3em;
    font-weight: bold;
}

#block-plaing-neuereferenzhinzufugen h2:after {
    content: "";
    height: 3px;
    width: 40px;
    background: #F90;
    position: absolute;
    left: 0px;
    top: 38px;
}


/** user profile styles */

.layout--twocol-section {
    clear: both;
}

body.page-node- div.profile--type--expert .layout--twocol-section {
    padding: 0 200px 50px 200px;
}

body.page-node-type-categories .main-container {
    background-color: white;
    padding: 0 0 40px 0;
    max-width: 1280px;
}

body.page-node- div.profile--type--expert .layout--twocol-section {
    padding: 0 200px 50px 200px;
}

body.page-node-type-categories div#main-wrapper,
body.page-node-type-referenzprojekt div#main-wrapper,
body.page-node- div#main-wrapper {
    margin: 0;
    background-color: var(--plaing-orange-light);
}

body.page-node- .user-login-form,
body.page-node- .user-pass,
body.page-node- .user-register-form {
    /* padding: 50px 200px 100px 200px; */
}

body.page-node- div#block-customerdashboardheader #block-views-block-customer-dashboard-design-block-1,
body.page-node- div#block-plaing-customerdashboardheader #block-plaing-views-block-customer-dashboard-design-block-1 {
    width: 200px;
    background: white;
    border: 10px solid #FFFFFF;
    position: absolute;
    top: 355px;
    left: 80px;
    border-radius: 15px;
}

body.page-node- div#block-customerdashboardheader #block-views-block-customer-dashboard-design-block-1 .views-field.views-field-field-logo,
body.page-node- div#block-plaing-customerdashboardheader #block-plaing-views-block-customer-dashboard-design-block-1 .views-field.views-field-field-logo {
    position: relative;
    width: 180px;
    max-height: 180px;
    height: 180px;
}

body.page-node- div#block-customerdashboardheader #block-views-block-customer-dashboard-design-block-1 .views-field.views-field-field-address-organization,
body.page-node- div#block-plaing-customerdashboardheader #block-plaing-views-block-customer-dashboard-design-block-1 .views-field.views-field-field-address-organization {
    position: relative;
    left: 14em;
    top: -2em;
    width: 650px;
}

body.page-node- div#block-customerdashboardheader #block-views-block-customer-dashboard-design-block-1 .views-field.views-field-field-specialist-rating,
body.page-node- div#block-plaing-customerdashboardheader #block-plaing-views-block-customer-dashboard-design-block-1 .views-field.views-field-field-specialist-rating {
    position: relative;
    left: 55em;
    top: -3.5em;
    width: auto;
}

body.page-node- div#block-customerdashboardheader #block-views-block-customer-dashboard-design-block-1 .views-field-nothing-1,
body.page-node- div#block-plaing-customerdashboardheader #block-plaing-views-block-customer-dashboard-design-block-1 .views-field-nothing-1 {
    position: relative;
    left: 63em;
    top: -5.7em;
    width: auto;
}

body.page-node- div#block-customerdashboardheader #block-views-block-customer-dashboard-design-block-1 .specialist-detail-header-hr,
body.page-node- div#block-plaing-customerdashboardheader #block-plaing-views-block-customer-dashboard-design-block-1 .specialist-detail-header-hr {
    margin: 0px 50px 10px 50px;
    background: #fff7f3;
    width: 75em;
    position: relative;
    top: -65px;
    left: -105px;
}

body.page-node- div#block-customerdashboardheader #block-views-block-customer-dashboard-design-block-1 .views-field.views-field-field-specialist-rating .fivestar-summary.fivestar-summary-average-count,
body.page-node- div#block-plaing-customerdashboardheader #block-plaing-views-block-customer-dashboard-design-block-1 .views-field.views-field-field-specialist-rating .fivestar-summary.fivestar-summary-average-count {
    display: block;
    width: auto;
    position: absolute;
    left: 1.7em;
    top: -5px;
}

body.page-node- div#block-customerdashboardheader,
body.page-node- div#block-plaing-customerdashboardheader {
    margin-bottom: 2.5em;
}

#block-plaing-customerdashboardheader>.block-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

body.page-node- div#block-vanipro-local-tasks,
body.page-node- div#block-plaing-local-tasks {
    display: none;
}

body.page-node- h2 {
    font-size: 1.7em;
}

body.page-node- article div.layout__region .block {
    border: 1px solid #EAEAEA;
    background: #ffffff;
    border-radius: 5px;
    margin: 1em;
    padding: 1em;
}

.awards-badges .field-content {
    max-width: 80px;
}

div.profile--type--expert .company-content.block {
    width: 50%;
    float: left;
    margin-bottom: 1em;
}

div.profile--type--expert .content-about.block {
    width: 50%;
    height: 32%;
    float: left;
    clear: both;
}

div.profile--type--expert .content-awards-title.block {
    float: right;
    width: 50%;
}

div.profile--type--expert .content-awards-icons,
div.profile--type--expert .content-badges-icons {
    float: right;
    width: 100px;
    border: 2px solid #f90;
    padding: 2px;
    height: 100px;
    border-radius: 5px;
    clear: both;
}

div.profile--type--expert .specialist-details-about-us-block {
    float: left;
    width: 60%;
}

div.profile--type--expert .specialist-details-badges-awards-block {
    float: right;
    width: 33%;
}

.views-field.views-field-field-uber-uns {
    margin-top: 0.5em;
}

.customerdashboard.referenzen {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.customerdashboard.referenzen>header {
    width: 100%;
}

.customerdashboard>.views-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.customerdashboard.referenzen .views-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 25%;
    padding: 0;
}

.customerdashboard>nav {
    width: 100%;
}

.customerdashboard .views-row .views-field-nothing {
    width: 100%;
    height: 40px;
    margin-top: -10px;
}

.customerdashboard .views-row .views-field-nothing hr {
    margin: auto;
}

.grey-container.dashboard-awards .block-content {
    margin: 20px 0 10px 40px;
}

.customerdashboard.awards-badges {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
}

.customerdashboard.awards-badges>.views-element-container {
    width: 25%;
    max-width: 150px;
}

.customerdashboard.awards-badges>.views-element-container .zertifikat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
}

.customerdashboard.awards-badges>.views-row {
    width: 75%;
    padding: 0 0 0 30px;
}

.customerdashboard.awards-badges>.views-element-container img {
    height: auto;
    max-height: inherit;
}

.customerdashboard.awards-badges .field-content {
    height: 85px;
    margin-bottom: 10px;
}

.customerdashboard.awards-badges>.views-row .icon {
    width: 85px;
    border: 1px solid #f90;
    height: 85px;
    border-radius: 5px;
    margin: 0 4px 10px 0;
    padding: 13px 5px 5px;
    text-align: center;
}

.customerdashboard.awards-badges>.views-row hr {
    margin: 5px auto 15px;
}

.customerdashboard.awards-badges .views-field-field-zertifiziert .field-content {
    width: auto;
    height: auto;
    border: none;
    margin: 0;
    padding: 0;
}

.customerdashboard.awards-badges .field-content.separator {
    clear: both;
    float: none;
    border: none;
    padding: 0;
    margin: 0;
    background: transparent;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.customerdashboard.awards-badges .field-content:empty {
    display: none;
}

.customerdashboard.awards-badges img {
    max-width: 65px;
    max-height: 65px;
    height: auto;
    width: auto;
}

.customerdashboard.awards-badges .views-field-field-zertifiziert img {
    max-width: inherit;
    max-height: inherit;
    height: auto;
    width: auto;
}

.customerdashboard .views-col {
    width: 46% !important;
    margin-right: 20px;
}

.customerdashboard .views-field-field-pictures img {
    margin-bottom: 0em;
}

.customerdashboard .views-field-title {
    -webkit-box-shadow: 2px 2px 2px 0px #dbdbdb, -2px 0px 2px 0px #dbdbdb;
    box-shadow: 2px 2px 2px 0px #dbdbdb, -2px 0px 2px 0px #dbdbdb;
    padding: 1em;
    margin-bottom: 1em;
    text-align: center;
    font-size: 1.0em;
    height: 5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.customerdashboard .views-field-field-referenz-ort {
    display: block;
    background: rgba(47, 47, 47, 0.5);
    margin: -41px 0 0 0;
    padding: 5px 0 5px 10px;
    position: relative;
    color: white;
}

div.profile--type--expert .specialist-details-badges-awards-block #block-specialistdetailstitelplaingawards,
div.profile--type--expert .specialist-details-badges-awards-block #block-specialistdetailstitelplaingbadges,
div.profile--type--expert .specialist-details-badges-awards-block #block-plaing-specialistdetailstitelplaingawards,
div.profile--type--expert .specialist-details-badges-awards-block #block-plaing-specialistdetailstitelplaingbadges {
    clear: both;
    margin-bottom: 1em;
}

div.profile--type--expert .specialist-details-badges-awards-block #block-specialistdetailstitelplaingbadges,
div.profile--type--expert .specialist-details-badges-awards-block #block-plaing-specialistdetailstitelplaingbadges {
    margin-top: 2em;
}

div.profile--type--expert .content-references-title.block,
div.profile--type--expert .content-rating-title {
    width: 100%;
    margin: 30px 0 10px 0;
    clear: both;
}

div.profile--type--expert #block-specialistdetailstitelplaingawards::after,
div.profile--type--expert #block-specialistdetailstitelplaingbadges::after,
div.profile--type--expert #block-plaing-specialistdetailstitelplaingawards::after,
div.profile--type--expert #block-plaing-specialistdetailstitelplaingbadges::after {
    content: '';
    position: absolute;
    width: 40px;
    height: 3px;
    background: #F90;
    left: 0px;
    top: 40px;
}

div#block-specialistreferenceheadercontactbox .field-content a,
div#block-specialistdetailsheadercontactbox .field-content a,
div#block-plaing-specialistreferenceheadercontactbox .field-content a,
div#block-plaing-specialistdetailsheadercontactbox .field-content a {
    color: #fff;
    background-color: #f90;
    margin: 1em auto;
    border: 2px solid #f90;
    border-radius: 5px;
    padding: 3px 19px;
    width: 180px;
    display: inline-block;
    font-weight: 900;
    font-size: 1.2em;
    font-family: 'Roboto', sans-serif;
}

div#block-specialistreferenceheadercontactbox .field-content a:hover,
div#block-specialistdetailsheadercontactbox .field-content a:hover,
div#block-plaing-specialistreferenceheadercontactbox .field-content a:hover,
div#block-plaing-specialistdetailsheadercontactbox .field-content a:hover {
    background-color: #db8503 !important;
}

ul.spezialist-details-main-menu {
    list-style: none;
}

ul.spezialist-details-main-menu>li {
    position: relative;
    z-index: 9;
    padding: 0;
    float: none;
    line-height: 1;
    margin: 0;
    display: inline-block;
    margin-right: 30px;
}

ul.spezialist-details-main-menu>li>a {
    display: block;
    margin: 0;
    padding: 10px 0;
    color: var(--theme-color);
}

ul.spezialist-details-main-menu>li a::after {
    content: '';
    color: var(--theme-color);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 20px;
    height: 2px;
    background: var(--theme-color);
    -webkit-transition: width 0.3s ease;
    -o-transition: width 0.3s ease;
    transition: width 0.3s ease;
}

ul.spezialist-details-main-menu li:hover>a::after {
    width: 100%;
}

textarea#edit-field-suchbegriff-basic-0-value,
textarea#edit-field-suchbegriff-premium-0-value {
    height: 40px;
}

textarea#edit-field-suchbegriff-basic-0-value:focus,
textarea#edit-field-suchbegriff-premium-0-value:focus {
    height: 60px;
}

.geschafft {
    max-width: 600px;
    margin: 50px auto 100px;
    text-align: center;
}

.geschafft p {
    margin: 0 0 2em;
}

.geschafft .button {
    padding: 5px 25px;
}


/**
* references styles
*/

body.page-node-type-referenzprojekt .layout--twocol-section {
    padding: 20px 100px 20px 100px;
}

body.page-node-type-referenzprojekt .layout__region--second .company-content span {
    font-size: 1.6em;
    font-family: Tahoma, sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 1.6;
    margin: 0;
    color: var(--bold-color);
}

body.page-node-type-referenzprojekt .layout__region--second .company-content span::after {
    content: '';
    position: absolute;
    width: 40px;
    height: 3px;
    background: #F90;
    left: 0px;
    top: 40px;
}

body.page-node-type-referenzprojekt .layout__region--second .field--name-field-description {
    padding: 2em 0;
}

body.page-node-type-referenzprojekt .layout__region--second .field--name-field-project-year,
body.page-node-type-referenzprojekt .layout__region--second .field--name-field-referenz-ort {
    padding-bottom: 0.7em;
}

body.page-node-type-referenzprojekt div.layout__region--first span.views-label {
    font-weight: bold;
}

body.page-node-type-referenzprojekt div.layout__region--first .left-address .views-field {
    margin: 0 0 1em 0;
}


/*responsive css start*/


/*small device 320 start*/

@media (min-width: 320px) {
    .container {
        max-width: 574px;
    }
    #block-specialistdetailsheadercontactbox,
    #block-plaing-specialistdetailsheadercontactbox {
        display: none;
    }
    #block-views-block-specialist-ref-block-block-2,
    #block-views-block-phone-block-16,
    #block-plaing-views-block-specialist-ref-block-block-2,
    #block-plaing-views-block-phone-block-16 {
        top: 125px;
        left: 30px;
        width: 100px;
        height: 100px;
    }
    ul.spezialist-details-main-menu>li {
        margin-right: 10px;
    }
    #block-views-block-specialist-details-bewertungen-block-1,
    #block-plaing-views-block-specialist-details-bewertungen-block-1 {
        width: 50%;
        margin: -225px 0;
    }
    body.page-type-referenzprojekt div.specialist-detail-header div#block-views-block-specialist-ref-block-block-6,
    div.profile--type--expert div#block-views-block-phone-block-3,
    body.page-type-referenzprojekt div.specialist-detail-header div#block-plaing-views-block-specialist-ref-block-block-6,
    div.profile--type--expert div#block-plaing-views-block-phone-block-3 {
        width: 100%;
        margin: 95px 0px;
    }
    .views-field.views-field-field-address-organization {
        margin: 0 12%;
    }
    body.page-node- div.profile--type--expert .layout--twocol-section {
        padding: 0 0 20px 90px;
    }
    .layout__region.layout__region--first {
        position: absolute;
        bottom: -780px;
        left: 15px;
        font-size: 15px;
    }
    div.profile--type--expert .specialist-details-about-us-block {
        width: 100%;
        margin-left: -44px;
    }
    div.profile--type--expert .specialist-details-about-us-block .views-field.views-field-field-uber-uns {
        width: 280px;
    }
    div.profile--type--expert .specialist-details-badges-awards-block {
        float: right;
        width: 52%;
        position: absolute;
        bottom: -920px;
        right: 0;
    }
    div.profile--type--expert #block-specialistdetailstitelplaingawards::after,
    div.profile--type--expert #block-specialistdetailstitelplaingbadges::after,
    div.profile--type--expert #block-plaing-specialistdetailstitelplaingawards::after,
    div.profile--type--expert #block-plaing-specialistdetailstitelplaingbadges::after {
        top: 25px;
    }
    div.profile--type--expert div.content-reference .views-col {
        width: 50%!important;
    }
    div.profile--type--expert .content-references-title.block,
    div.profile--type--expert .content-rating-title {
        margin-left: -44px;
    }
    .left-certificate.block .views-field.views-field-field-zertifiziert {
        position: absolute;
        bottom: 85px;
        right: -185px;
    }
    /*innenarchitekten start*/
    body.page-type-categories div.views-field-field-region {
        display: none;
    }
    div.specialists-list .views-field-field-uber-uns {
        position: inherit;
        left: 0;
    }
    /*innenarchitekten end*/
}

@media only screen and (max-device-width: 456px) {
    #edit-field-agb-wrapper .description {
        display: block;
        font-size: 100%;
        margin-bottom: 1em;
    }
    #field_agb\[value\]-error {
        position: absolute;
        margin-top: 60px;
        font-weight: bold !important;
    }
    .form-item-field-agb-value .form-item--error-message {
        position: absolute;
        margin-top: 60px;
        color: red;
        font-weight: bold;
        line-height: 20px;
    }
}


/*small device 320 end*/

@media only screen and (max-device-width: 480px) {
    /* styles for mobile browsers smaller than 480px; (iPhone) */
    .page-type-referenzprojekt .layout__region--second div.block:nth-child(3) {
        width: 100% !important;
    }
    .layout__region--second div.block:nth-child(3) .field-item {
        width: 100% !important;
        float: none !important;
        padding: 0px !important;
    }
    .layout__region--second div.block:nth-child(3) .field-item img.image-field {
        height: 200px;
        width: 250px;
    }
}


/*575 device start*/

@media (min-width: 575px) {
    .container {
        max-width: 575px;
    }
    div#block-specialistdetailsheadercontactbox,
    div#block-plaing-specialistdetailsheadercontactbox {
        display: none;
    }
    #block-views-block-specialist-ref-block-block-2,
    #block-views-block-phone-block-16,
    #block-plaing-views-block-specialist-ref-block-block-2,
    #block-plaing-views-block-phone-block-16 {
        top: 175px;
        left: 60px;
    }
    #block-views-block-specialist-ref-block-block-2,
    #block-views-block-phone-block-16,
    #block-plaing-views-block-specialist-ref-block-block-2,
    #block-plaing-views-block-phone-block-16 {
        width: 150px;
        height: 150px;
    }
    ul.spezialist-details-main-menu {
        width: 390px;
        margin-left: -20px;
    }
    div#block-views-block-specialist-details-bewertungen-block-1,
    div#block-plaing-views-block-specialist-details-bewertungen-block-1 {
        width: 50%;
        margin: -225px 0;
    }
    body.page-type-referenzprojekt div.specialist-detail-header div#block-views-block-specialist-ref-block-block-6,
    div.profile--type--expert div#block-views-block-phone-block-3,
    body.page-type-referenzprojekt div.specialist-detail-header div#block-plaing-views-block-specialist-ref-block-block-6,
    div.profile--type--expert div#block-plaing-views-block-phone-block-3 {
        width: 100%;
        margin: 95px 0px;
    }
    .views-field.views-field-field-address-organization {
        margin: 0 12%;
    }
    body.page-node- div.profile--type--expert .layout--twocol-section {
        padding: 0 0 20px 70px;
    }
    .layout__region.layout__region--first {
        position: absolute;
        bottom: -986px;
        left: 90px;
        font-size: 1.1em;
    }
    div.profile--type--expert .specialist-details-about-us-block {
        width: 100%;
    }
    div.profile--type--expert .specialist-details-about-us-block {
        margin-left: 0;
    }
    div.profile--type--expert .specialist-details-about-us-block .views-field.views-field-field-uber-uns {
        width: 400px;
        max-width: 485px;
    }
    div.profile--type--expert .specialist-details-badges-awards-block {
        float: right;
        width: 46%;
        position: absolute;
        bottom: -990px;
        right: 0;
    }
    div.profile--type--expert #block-specialistdetailstitelplaingawards::after,
    div.profile--type--expert #block-specialistdetailstitelplaingbadges::after,
    div.profile--type--expert #block-plaing-specialistdetailstitelplaingawards::after,
    div.profile--type--expert #block-plaing-specialistdetailstitelplaingbadges::after {
        top: 25px;
    }
    div.profile--type--expert div.content-reference .views-col {
        width: 50%!important;
    }
    div.profile--type--expert .content-references-title.block,
    div.profile--type--expert .content-rating-title {
        margin-left: 0;
    }
    .left-certificate.block .views-field.views-field-field-zertifiziert {
        position: absolute;
        bottom: 108px;
        right: -270px;
    }
    /*innenarchitekten start*/
    body.page-type-categories div.views-field.views-field-field-art-der-taetigkeit,
    body.page-type-categories div.views-field-field-region {
        display: none;
    }
    div.specialists-list .views-field-field-uber-uns {
        position: inherit;
        left: 0;
    }
    /*innenarchitekten end*/
}


/*575 device end*/

@media (min-width: 576px) {
    .container {
        max-width: 767px;
    }
    div#block-specialistdetailsheadercontactbox,
    div#block-plaing-specialistdetailsheadercontactbox {
        display: none;
    }
    #block-views-block-specialist-ref-block-block-2,
    #block-views-block-phone-block-16,
    #block-plaing-views-block-specialist-ref-block-block-2,
    #block-plaing-views-block-phone-block-16 {
        top: 175px;
        left: 60px;
    }
    #block-views-block-specialist-ref-block-block-2,
    #block-views-block-phone-block-16,
    #block-plaing-views-block-specialist-ref-block-block-2,
    #block-plaing-views-block-phone-block-16 {
        width: 150px;
        height: 150px;
    }
    ul.spezialist-details-main-menu {
        max-width: 390px;
        margin-left: -20px;
    }
    div#block-views-block-specialist-details-bewertungen-block-1,
    div#block-plaing-views-block-specialist-details-bewertungen-block-1 {
        width: 50%;
        margin: -225px 0;
    }
    body.page-type-referenzprojekt div.specialist-detail-header div#block-views-block-specialist-ref-block-block-6,
    div.profile--type--expert div#block-views-block-phone-block-3,
    body.page-type-referenzprojekt div.specialist-detail-header div#block-plaing-views-block-specialist-ref-block-block-6,
    div.profile--type--expert div#block-plaing-views-block-phone-block-3 {
        width: 100%;
        margin: 95px 0px;
    }
    .views-field.views-field-field-address-organization {
        margin: 0 12%;
    }
    body.page-node- div.profile--type--expert .layout--twocol-section {
        padding: 0 0 20px 70px;
    }
    .layout__region.layout__region--first {
        position: absolute;
        bottom: -986px;
    }
    div.profile--type--expert .specialist-details-about-us-block {
        width: 100%;
    }
    div.profile--type--expert .specialist-details-about-us-block .views-field.views-field-field-uber-uns {
        width: 400px;
        max-width: 485px;
    }
    div.profile--type--expert .specialist-details-badges-awards-block {
        float: right;
        width: 46%;
        position: absolute;
        bottom: -980px;
        right: 0;
    }
    div.profile--type--expert #block-specialistdetailstitelplaingawards::after,
    .profile--type--expert #block-specialistdetailstitelplaingbadges::after,
    div.profile--type--expert #block-plaing-specialistdetailstitelplaingawards::after,
    .profile--type--expert #block-plaing-specialistdetailstitelplaingbadges::after {
        top: 25px;
    }
    div.profile--type--expert div.content-reference .views-col {
        width: 50%!important;
    }
    .left-certificate.block .views-field.views-field-field-zertifiziert {
        position: absolute;
        bottom: 0;
        right: 0;
    }
    /*innenarchitekten start*/
    body.page-type-categories div.views-field.views-field-field-art-der-taetigkeit,
    body.page-type-categories div.views-field-field-region {
        display: none;
    }
    div.specialists-list .views-field-field-uber-uns {
        position: inherit;
        left: 0;
    }
    /*innenarchitekten end*/
}

@media screen and (max-width: 768px) {
    .page-node-200 #edit-vorname,
    .page-node-200 #edit-name,
    .page-node-200 #edit-email,
    .page-node-200 #edit-ihre-telefonnummer,
    .page-node-200 #edit-subject,
    .page-node-200 #edit-datum,
    .page-node-200 #edit-rueckruf {
        width: 100%;
    }
    .page-node-200 #edit-message {
        width: 100%;
    }
    .container.main-container,
    body.page-node-type-categories .main-container {
        padding: 0 15px;
    }
    body.page-node-type-categories div.layout--onecol {
        padding: 0;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 991px;
    }
    .container.main-container.clear {
        width: 100%;
        height: auto;
    }
    #block-views-block-specialist-ref-block-block-2,
    #block-views-block-phone-block-16,
    #block-plaing-views-block-specialist-ref-block-block-2,
    #block-plaing-views-block-phone-block-16 {
        width: 150px;
        height: 150px;
        top: 220px;
    }
    .views-field.views-field-field-address-organization {
        margin: 0 10%;
    }
    .layout__region.layout__region--first {
        position: absolute;
        bottom: -986px;
    }
    body.page-node- div.profile--type--expert .layout--twocol-section {
        padding: 0 0 20px 70px;
    }
    .profile-details-top-navi p a {
        font-size: 1em;
    }
    div#block-specialistdetailsheadercontactbox,
    div#block-plaing-specialistdetailsheadercontactbox {
        display: none;
    }
    div#block-specialistdetailsnavigation,
    div#block-plaing-specialistdetailsnavigation {
        margin-top: 70px;
        margin-left: 50px;
        float: none;
        width: 60%;
    }
    div#block-views-block-specialist-details-bewertungen-block-1,
    div#block-plaing-views-block-specialist-details-bewertungen-block-1 {
        position: relative;
        margin: -225px 300px 0 0;
        width: 20%;
        display: block;
        float: right;
    }
    div.profile--type--expert .specialist-details-badges-awards-block .views-element-container .field-content {
        margin: 0 10px 10px 0;
    }
    div.profile--type--expert .specialist-details-about-us-block .views-field.views-field-field-uber-uns {
        width: 650px;
        max-width: 660px
    }
    div.profile--type--expert .specialist-details-about-us-block {
        width: 100%;
    }
    div.profile--type--expert .specialist-details-badges-awards-block {
        bottom: -800px;
    }
    div.profile--type--expert #block-specialistdetailstitelplaingawards::after,
    div.profile--type--expert #block-specialistdetailstitelplaingbadges::after,
    div.profile--type--expert #block-plaing-specialistdetailstitelplaingawards::after,
    div.profile--type--expert #block-plaing-specialistdetailstitelplaingbadges::after {
        top: 28px;
    }
}

@media (max-width: 768px) {
    .page-type-referenzprojekt .layout__region--second div.block:nth-child(3) {
        width: 100% !important;
    }
    .layout__region--second div.block:nth-child(3) .field-item {
        width: 100% !important;
        float: none !important;
        padding: 0px !important;
    }
    .layout__region--second div.block:nth-child(3) .field-item img.image-field {
        height: 250px;
        width: 400px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 1168px;
    }
    ul.spezialist-details-main-menu {
        position: relative;
        margin: 0;
        padding: 0;
        font-size: 1em;
    }
    #block-views-block-specialist-ref-block-block-2,
    #block-views-block-phone-block-16,
    #block-plaing-views-block-specialist-ref-block-block-2,
    #block-plaing-views-block-phone-block-16 {
        width: 204px;
        height: 204px;
        top: 395px;
    }
    .profile-details-top-navi p a {
        padding-right: 16px;
    }
    div#block-views-block-phone-block-15 .views-field.views-field-field-kopfbild img,
    div#block-plaing-views-block-phone-block-15 .views-field.views-field-field-kopfbild img {
        height: 480px;
    }
    div#block-specialistdetailsheadercontactbox,
    div#block-plaing-specialistdetailsheadercontactbox {
        display: block;
    }
    div.profile--type--expert .specialist-details-badges-awards-block .views-element-container .field-content {
        margin: 0 4px 10px 0;
    }
    div#block-specialistdetailsnavigation,
    div#block-plaing-specialistdetailsnavigation {
        width: 33%;
        float: left;
        margin-left: 260px;
        margin-top: 0;
    }
    div#block-views-block-phone-block-24,
    div#block-plaing-views-block-phone-block-24 {
        position: relative;
        margin: -56px 0 0 0;
        width: 30%;
        display: block;
        float: right;
    }
    div#block-views-block-phone-block-24 .views-field-field-specialist-rating,
    div#block-views-block-phone-block-24 .views-field-nothing,
    div#block-plaing-views-block-phone-block-24 .views-field-field-specialist-rating,
    div#block-plaing-views-block-phone-block-24 .views-field-nothing {
        float: left;
    }
    div#block-views-block-phone-block-24 .views-field-nothing,
    div#block-plaing-views-block-phone-block-24 .views-field-nothing {
        margin: -4px 0 0 2.5em;
    }
    body.page-type-referenzprojekt div.specialist-detail-header div#block-views-block-specialist-ref-block-block-6,
    div.profile--type--expert div#block-views-block-phone-block-3,
    body.page-node-type-referenzprojekt #block-views-block-specialist-ref-block-block-6,
    body.page-type-referenzprojekt div.specialist-detail-header div#block-plaing-views-block-specialist-ref-block-block-6,
    div.profile--type--expert div#block-plaing-views-block-phone-block-3,
    body.page-node-type-referenzprojekt #block-plaing-views-block-specialist-ref-block-block-6 {
        width: 40%;
        margin: 0 auto;
        margin-left: 363px;
    }
    body.page-node- div.profile--type--expert .layout--twocol-section {
        padding: 44px 0 20px 90px;
    }
    .views-field.views-field-field-address-organization {
        margin: 0;
    }
    .layout__region.layout__region--first {
        position: inherit;
    }
    div.profile--type--expert .layout__region--first {
        padding-right: 2em;
    }
    div.profile--type--expert .specialist-details-about-us-block {
        width: 60%;
    }
    div.profile--type--expert .specialist-details-about-us-block .views-field.views-field-field-uber-uns {
        width: 100%;
    }
    div.profile--type--expert .specialist-details-badges-awards-block {
        position: inherit;
        bottom: 0;
        width: 35%;
    }
    div.profile--type--expert #block-specialistdetailstitelplaingawards::after,
    div.profile--type--expert #block-plaing-specialistdetailstitelplaingbadges::after {
        top: 30px;
    }
    .left-certificate.block .views-field.views-field-field-zertifiziert {
        position: inherit;
    }
    div.specialists-list .views-field-field-uber-uns {
        position: relative;
        left: 320px;
    }
    /*innenarchitekten start*/
    body.page-type-categories div.views-field.views-field-field-art-der-taetigkeit,
    body.page-type-categories div.views-field-field-region {
        display: block!important;
    }
    /*innenarchitekten end*/
}

@media (min-width: 1170px) {
    .container {
        max-width: 1170px;
    }
    ul.spezialist-details-main-menu {
        position: relative;
        margin: 0;
        padding: 0;
        font-size: 1em;
    }
    #block-views-block-specialist-ref-block-block-2,
    #block-views-block-phone-block-16,
    #block-plaing-views-block-specialist-ref-block-block-2,
    #block-plaing-views-block-phone-block-16 {
        width: 200px;
        height: 200px;
        top: 360px;
        left: 160px;
    }
    div#block-specialistdetailsnavigation,
    div#block-plaing--specialistdetailsnavigation {
        width: 32%;
        margin-left: 33%;
    }
    .profile-details-top-navi p a {
        padding-right: 30px;
    }
    div#block-views-block-phone-block-15 .views-field.views-field-field-kopfbild img,
    div#block-plaing-views-block-phone-block-15 .views-field.views-field-field-kopfbild img {
        height: auto;
    }
    div.profile--type--expert .specialist-details-badges-awards-block .views-element-container .field-content {
        margin: 0 4px 10px 0;
    }
    div.profile--type--expert div.content-reference .views-col {
        width: 30% !important;
        margin-right: 20px;
    }
    body.page-node- div.profile--type--expert .layout--twocol-section {
        padding: 20px 200px 20px 200px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
    body.page-node- div.profile--type--expert .layout--twocol-section {
        padding: 20px 100px 20px 100px;
    }
    ul.spezialist-details-main-menu {
        position: relative;
        margin: 0;
        padding: 0;
        font-size: 1em;
    }
    #block-views-block-specialist-ref-block-block-2,
    #block-views-block-phone-block-16,
    #block-plaing-views-block-specialist-ref-block-block-2,
    #block-plaing-views-block-phone-block-16 {
        top: 355px;
        left: 80px;
    }
    div#block-specialistdetailsnavigation,
    div#block-plaing-specialistdetailsnavigation {
        margin-left: 29%;
    }
    div.profile--type--expert div.content-reference .views-col {
        width: 30% !important;
        margin-right: 20px;
    }
}


/*responsive css end*/


/*
ul.spezialist-details-main-menu {
    margin-top: 145px;
 }
*/

.page-type-referenzprojekt .layout__region--second div.block:nth-child(3) {
    width: 100%;
}

.layout__region--second div.block:nth-child(3) .field-item {
    width: 33.33%;
    float: left;
    padding: 5px;
}

.layout__region--second div.block:nth-child(3) .field-item img.image-field {
    height: 250px;
    width: 400px;
}

.profile--7 :nth-child(4) .layout__region--second .spezialist-details-main-menu {
    display: none;
}

#block-titelprofildatenandern,
#block-plaing-titelprofildatenandern {
    margin-top: 70px;
}

#block-titelprofildatenandern .field--name-body h2,
#block-plaing-titelprofildatenandern .field--name-body h2 {
    margin-left: 15px;
}

#block-titelprofildatenandern .field--name-body hr,
#block-plaing-titelprofildatenandern .field--name-body hr {
    margin-left: 35px;
}

#block-profilanpasstzurucklink ul li,
#block-plaing-profilanpasstzurucklink ul li {
    list-style-type: none;
    margin-left: 30px;
}


/* ---------------------------------------------------------------------------- */

.webform-progress-tracker {
    max-width: 700px;
    border: 1px solid var(--plaing-orange);
    height: 15px;
    margin: 30px auto;
}

.webform-progress-tracker .progress-step.is-complete {
    background-color: var(--plaing-orange);
}

.progress-step {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    margin: 0;
    padding: 0;
    min-width: auto;
}

.webform-progress-tracker .progress-step .progress-marker,
.webform-progress-tracker .progress-text {
    display: none;
}

.webform-progress-tracker .progress-step.is-active {
    background-color: var(--plaing-orange);
}

.page-node-type-webform .ui-dialog {
    width: 70% !important;
    max-width: 750px;
}

.page-node-type-webform .form-item-agb-und-datenschutzerklaerung-akzeptieren {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; */
    line-height: 1em;
}

.page-node-type-webform .form-item-agb-und-datenschutzerklaerung-akzeptieren input {
    margin: 0 0.5em 0 0;
}

#agb_und_datenschutzerklaerung_akzeptieren-error {
    margin: 0 1em;
}

#block-agb,
#block-datenschutz {
    display: none;
    position: absolute;
    width: 100%;
    max-width: 60%;
    margin: 5% 20%;
    top: 0;
    height: 100%;
    left: 0;
    z-index: 100;
}
.expire-date{
    display:none;
}
.close-datenschutz-block,
.close-agb-block{
    background: var(--plaing-orange);
    width: 25px;
    height: 20px;
    display: block;
    line-height: 15px;
    color: #fff;
    text-align: center;
}

.close-datenschutz-block i,
.close-agb-block i{
font-size: 18px;
    width: 15px;
    color: var(--text-color);
    text-align: right;
    padding-right: 0;
    color: #fff;
}
#block-agb .block-content,
#block-datenschutz .block-content {
    width: 100%;
    padding: 20px;
    background-color: #fff;
    border: 1px solid var(--theme-color-two);
    -webkit-box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.2);
    height: 70vh;
    overflow-y: scroll;
}

#block-agb.open,
#block-datenschutz.open {
    display: flex;
}

#block-agb .block-content .fa,
#block-datenschutz .block-content .fa {
    position: absolute;
    top: 10px;
    right: 40px;
    margin-left: 15px;
    width: 15px;
    height: 15px;
    cursor: pointer;
    padding: 5px;
    z-index: 100;
}

#block-agb .block-content .fa-times,
#block-datenschutz .block-content .fa-times {
    right: 10px;
}

#block-agb.maximize,
#block-datenschutz.maximize {
    position: fixed;
    left: 2.5%;
    width: 95%;
    top: 2.5%;
    height: 95%;
    max-width:inherit;
    margin:0;
}

#block-agb.maximize .block-content,
#block-datenschutz.maximize .block-content {
    max-width: inherit;
    height: 100vh;
    margin: 0;
}


/* ------------------------- User Form --------------------------- */

.form-item-field-hide-phone-value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1em;
}

#edit-field-hide-phone-wrapper {
    position: relative;
}

#edit-field-hide-phone-value {
    margin: 0 5px;
    height:15px;
}

#edit-field-hide-phone-value--description {
    position: absolute;
    left: 220px;
    top: 0;
    width: 100%;
    max-width: 250px;
    height: auto;
}

#edit-field-hide-phone-value--description .fa {
    cursor: pointer;
}

#edit-field-hide-phone-value--description span.hide {
    display: none;
    background-color: #f5f5f5;
    padding: 3px;
    border: 1px solid #eee;
    margin: -100% 0 0 35px;
    line-height: 1.4em;
    font-size: 75%;
}

#edit-field-hide-phone-value--description .fa:hover+span.hide {
    display: inline-block;
}

.page-node-type-anfrage_architekt .page-tabs.primary-tab li:first-child a,
.page-node-type-anfrage_bodengutachter .page-tabs.primary-tab li:first-child a,
.page-node-type-anfrage_garten_landschaftsbau .page-tabs.primary-tab li:first-child a,
.page-node-type-anfrage_hausbau .page-tabs.primary-tab li:first-child a,
.page-node-type-anfrage_industriebau_gewerbebau .page-tabs.primary-tab li:first-child a,
.page-node-type-anfrage_innenarchitekt .page-tabs.primary-tab li:first-child a,
.page-node-type-anfrage_landschaftsarchitekt .page-tabs.primary-tab li:first-child a,
.page-node-type-anfrage_makler .page-tabs.primary-tab li:first-child a,
.page-node-type-anfrage_sanierung .page-tabs.primary-tab li:first-child a,
.page-node-type-anfrage_statiker .page-tabs.primary-tab li:first-child a,
.page-node-type-anfrage_tga_planer .page-tabs.primary-tab li:first-child a,
.page-node-type-anfrage_vermesser .page-tabs.primary-tab li:first-child a {
    text-indent: -9999px;
    width: 120px;
}

.page-node-type-anfrage_architekt .page-tabs.primary-tab li:first-child a:after,
.page-node-type-anfrage_bodengutachter .page-tabs.primary-tab li:first-child a:after,
.page-node-type-anfrage_garten_landschaftsbau .page-tabs.primary-tab li:first-child a:after,
.page-node-type-anfrage_hausbau .page-tabs.primary-tab li:first-child a:after,
.page-node-type-anfrage_industriebau_gewerbebau .page-tabs.primary-tab li:first-child a:after,
.page-node-type-anfrage_innenarchitekt .page-tabs.primary-tab li:first-child a:after,
.page-node-type-anfrage_landschaftsarchitekt .page-tabs.primary-tab li:first-child a:after,
.page-node-type-anfrage_makler .page-tabs.primary-tab li:first-child a:after,
.page-node-type-anfrage_sanierung .page-tabs.primary-tab li:first-child a:after,
.page-node-type-anfrage_statiker .page-tabs.primary-tab li:first-child a:after,
.page-node-type-anfrage_tga_planer .page-tabs.primary-tab li:first-child a:after,
.page-node-type-anfrage_vermesser .page-tabs.primary-tab li:first-child a:after {
    content: 'Abbrechen';
    text-indent: 0;
    display: block;
    margin: -25px auto 0;
}

.page-node-type-anfrage_architekt .page-tabs.primary-tab li.active-page-tab:first-child a.is-active,
.page-node-type-anfrage_bodengutachter .page-tabs.primary-tab li.active-page-tab:first-child a.is-active,
.page-node-type-anfrage_garten_landschaftsbau .page-tabs.primary-tab li.active-page-tab:first-child a.is-active,
.page-node-type-anfrage_hausbau .page-tabs.primary-tab li.active-page-tab:first-child a.is-active,
.page-node-type-anfrage_industriebau_gewerbebau .page-tabs.primary-tab li.active-page-tab:first-child a.is-active,
.page-node-type-anfrage_innenarchitekt .page-tabs.primary-tab li.active-page-tab:first-child a.is-active,
.page-node-type-anfrage_landschaftsarchitekt .page-tabs.primary-tab li.active-page-tab:first-child a.is-active,
.page-node-type-anfrage_makler .page-tabs.primary-tab li.active-page-tab:first-child a.is-active,
.page-node-type-anfrage_sanierung .page-tabs.primary-tab li.active-page-tab:first-child a.is-active,
.page-node-type-anfrage_statiker .page-tabs.primary-tab li.active-page-tab:first-child a.is-active,
.page-node-type-anfrage_tga_planer .page-tabs.primary-tab li.active-page-tab:first-child a.is-active,
.page-node-type-anfrage_vermesser .page-tabs.primary-tab li.active-page-tab:first-child a.is-active {
    text-indent: 0;
}

.page-node-type-anfrage_architekt .page-tabs.primary-tab li.active-page-tab:first-child a.is-active:after,
.page-node-type-anfrage_bodengutachter .page-tabs.primary-tab li.active-page-tab:first-child a.is-active:after,
.page-node-type-anfrage_garten_landschaftsbau .page-tabs.primary-tab li.active-page-tab:first-child a.is-active:after,
.page-node-type-anfrage_hausbau .page-tabs.primary-tab li.active-page-tab:first-child a.is-active:after,
.page-node-type-anfrage_industriebau_gewerbebau .page-tabs.primary-tab li.active-page-tab:first-child a.is-active:after,
.page-node-type-anfrage_innenarchitekt .page-tabs.primary-tab li.active-page-tab:first-child a.is-active:after,
.page-node-type-anfrage_landschaftsarchitekt .page-tabs.primary-tab li.active-page-tab:first-child a.is-active:after,
.page-node-type-anfrage_makler .page-tabs.primary-tab li.active-page-tab:first-child a.is-active:after,
.page-node-type-anfrage_sanierung .page-tabs.primary-tab li.active-page-tab:first-child a.is-active:after,
.page-node-type-anfrage_statiker .page-tabs.primary-tab li.active-page-tab:first-child a.is-active:after,
.page-node-type-anfrage_tga_planer .page-tabs.primary-tab li.active-page-tab:first-child a.is-active:after,
.page-node-type-anfrage_vermesser .page-tabs.primary-tab li.active-page-tab:first-child a.is-active:after {
    content: '';
    display: none;
}

.page-node-type-anfrage_architekt #edit-actions,
.page-node-type-anfrage_bodengutachter #edit-actions,
.page-node-type-anfrage_garten_landschaftsbau #edit-actions,
.page-node-type-anfrage_hausbau #edit-actions,
.page-node-type-anfrage_industriebau_gewerbebau #edit-actions,
.page-node-type-anfrage_innenarchitekt #edit-actions,
.page-node-type-anfrage_landschaftsarchitekt #edit-actions,
.page-node-type-anfrage_makler #edit-actions,
.page-node-type-anfrage_sanierung #edit-actions,
.page-node-type-anfrage_statiker #edit-actions,
.page-node-type-anfrage_tga_planer #edit-actions,
.page-node-type-anfrage_vermesser #edit-actions {
    position: absolute;
    top: -73px;
    left: 270px;
    width: 120px;
    height: 34px;
}

.page-node-type-anfrage_architekt #edit-actions input,
.page-node-type-anfrage_bodengutachter #edit-actions input,
.page-node-type-anfrage_garten_landschaftsbau #edit-actions input,
.page-node-type-anfrage_hausbau #edit-actions input,
.page-node-type-anfrage_industriebau_gewerbebau #edit-actions input,
.page-node-type-anfrage_innenarchitekt #edit-actions input,
.page-node-type-anfrage_landschaftsarchitekt #edit-actions input,
.page-node-type-anfrage_makler #edit-actions input,
.page-node-type-anfrage_sanierung #edit-actions input,
.page-node-type-anfrage_statiker #edit-actions input,
.page-node-type-anfrage_tga_planer #edit-actions input,
.page-node-type-anfrage_vermesser #edit-actions input {
    width: 100%;
    height: 100%;
    background-color: var(--plaing-orange-light);
    color: var(--bold-color);
}

.page-node-type-anfrage_architekt #edit-actions:hover input,
.page-node-type-anfrage_bodengutachter #edit-actions:hover input,
.page-node-type-anfrage_garten_landschaftsbau #edit-actions:hover input,
.page-node-type-anfrage_hausbau #edit-actions:hover input,
.page-node-type-anfrage_industriebau_gewerbebau #edit-actions:hover input,
.page-node-type-anfrage_innenarchitekt #edit-actions:hover input,
.page-node-type-anfrage_landschaftsarchitekt #edit-actions:hover input,
.page-node-type-anfrage_makler #edit-actions:hover input,
.page-node-type-anfrage_sanierung #edit-actions:hover input,
.page-node-type-anfrage_statiker #edit-actions:hover input,
.page-node-type-anfrage_tga_planer #edit-actions:hover input,
.page-node-type-anfrage_vermesser #edit-actions:hover input {
    background-color: var(--plaing-orange);
    color: #fff;
}

#user-form #edit-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
}

#user-form #edit-delete {
    background: none;
}

#user-form #edit-submit {
    display: inline-block;
    max-width: 220px;
}

#user-form #edit-delete {
    color: var(--text-color);
    display: inline;
    text-align: left;
    font-size: 75%;
    padding: 0;
}

#user-form #edit-delete:hover {
    color: var(--theme-color-two);
}

#edit-account #edit-submit {
    max-width: inherit;
}

#user-form #edit-account .mail-edit-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

[type="submit"] {
    background: var(--theme-color-two);
    color: #ffffff;
}

#password-policy-status {
    font-size: 0.65rem;
    margin: 10px 0;
}

#edit-pass-pass2 {
    font-size: 100%;
    font-weight: normal;
}

#password-policy-status.show {
    border: 1px solid var(--theme-color-two);
    padding: 5px;
    height: auto;
    overflow: hidden;
    -webkit-box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.2);
    -webkit-transition: height 2s linear;
    -o-transition: height 2s linear;
    transition: height 2s linear;
    font-size: 0.9rem;
    background-color: #fff;
    width: calc(100% - 30px);
}

.multi-step-form .password-strength__meter {
    max-width: 225px;
    margin-left: 20px;
}

meter {
    /* Reset the default appearance */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0 auto 1em;
    width: 100%;
    height: 0.75em;
    /* Applicable only to Firefox */
    background: none;
    background-color: lightgray;
}

meter::-webkit-meter-bar {
    background: none;
    background-color: rgba(0, 0, 0, 0.1);
}

meter[value="1"]::-webkit-meter-optimum-value {
    background: var(--theme-color-two);
}

meter[value="2"]::-webkit-meter-optimum-value {
    background: var(--theme-color-two);
}

meter[value="3"]::-webkit-meter-optimum-value {
    background: var(--theme-color-two);
}

meter[value="1"]::-moz-meter-bar {
    background: var(--theme-color-two);
}

meter[value="2"]::-moz-meter-bar {
    background: var(--theme-color-two);
}

meter[value="3"]::-moz-meter-bar {
    background: var(--theme-color-two);
}

.feedback {
    color: #9ab;
    font-size: 90%;
    padding: 0 .25em;
    font-family: Courgette, cursive;
    margin-top: 1em;
}

.password-suggestions {
    position: absolute;
    left: 300px;
    top: 5px;
    background-color: #fff;
    border: 1px solid var(--theme-color-two);
    padding: 5px;
    font-size: 60%;
    height: auto;
    width: 300px;
    -webkit-box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.2);
    display: none !important;
}


/*.user-form #edit-pass,*/

/*.user-form #mail-edit,
*/
.user-form #user-delete,
.user-form #edit-field-newsletter-wrapper,
.user-form .kontaktdaten .kontakt-inner {
    position: relative;
    border-radius: 1em;
    -webkit-box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    border: 1px solid #EAEAEA;
    padding: 15px;
    margin: 5px 0 50px;
}

.user-register-form.user-form #edit-field-newsletter-wrapper {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    padding: 0;
    margin: 0px 0 0px !important;
}

.form-item-field-newsletter-value .option {
    margin-top: -5px;
    font-weight: normal;
}

.user-form #user-delete a {
    color: var(--text-color);
}

.user-form #user-delete a:hover,
.user-form #user-delete a:visited:hover {
    color: var(--theme-color-two);
}

.user-form label.titel {
    font-size: 1rem;
    margin: 40px 0 0;
    display: inline-block;
}

.user-form label.titel:first-child {
    margin: 0;
}

.user-form .mail .input {
    border: 1px solid var(--theme-color-two);
    padding: 5px 20px;
    border-radius: 20px;
    display: inline-block;
    margin: 5px 0 20px;
}

#block-plaing-titelpasswordaendern {
    margin: 70px 0 0 100px;
}

.user-form #edit-field-newsletter-wrapper .form-item-field-newsletter-value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.user-form #edit-field-newsletter-wrapper #edit-field-newsletter-value {
    min-width: 14px
}

#edit-agb-und-datenschutzerklaerung-akzeptieren {
    min-width: 14px;
}

#edit-newsletter {
    min-width: 14px;
}

.user-form #edit-submit {
    margin: 30px 0 0;
}

.fa {
    font-size: 18px;
    width: 25px;
    color: var(--text-color);
}

.user-form {
    margin: 0 50px 40px;
}

.ui-widget.ui-widget-content {
    width: 50% !important;
    left: 25% !important;
    z-index: 99;
}

#edit-haben-sie-schon-ein-plaing-konto- .Login-popup-link a {
    background: var(--theme-color-two);
    color: #fff;
    border-radius: 4px;
    padding: 8px 10px;
    -webkit-appearance: button;
    margin: 20px auto 50px;
    text-align: center;
    -webkit-box-shadow: 3px 3px 5px #999;
    box-shadow: 3px 3px 5px #999;
    display: block;
    max-width: 400px;
}

.webform-button--next[value="Nein, leider noch nicht"] {
    position: absolute;
    top: 200px;
    left: calc(50% - 200px);
    width: 400px;
    padding: 11px 0;
    max-width: 400px;
    -webkit-box-shadow: 3px 3px 5px #999;
    box-shadow: 3px 3px 5px #999;
}

#user-register-form .kontaktdaten label.titel {
    display: none;
}

#edit-field-newsletter-value--description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 15px;
    font-size: 1rem;
}

#edit-field-agb-wrapper label {
    display: inline-block;
    line-height: 1.25em;
    /*margin-left: 0.5em;*/
    font-weight: normal;
}

#edit-field-agb-wrapper>.form-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#user-pass-reset {
    max-width: 700px;
    margin: 0 auto;
    border: 1px solid var(--plaing-orange);
    -webkit-box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.2);
    padding: 20px;
    border-radius: 20px;
}


/* ------------------------- dashboard visitor ------------------- */

#block-views-block-visitor-dashboard-block-3 .block-content,
#block-views-block-visitor-dashboard-block-4 .block-content {
    line-height: 2em;
}

#block-headerprofilvisitor-2 {
    margin: 0 auto 40px;
}

#block-headerprofilvisitor-2 .bg img {
    width: 100%;
    height: auto;
}

#block-headerprofilvisitor-2 .field--name-body {
    position: relative;
}

#block-headerprofilvisitor-2 .content {
    position: absolute;
    left: 2%;
    top: 5%;
    width: 300px;
    height: 100px;
}

#block-headerprofilvisitor-2 .content p {
    background-color: var(--plaing-orange);
    color: #fff;
    padding: 8px 10px;
    display: inline-block;
    font-size: 1.2rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
}

#block-headerprofilvisitor-2 .link {
    position: absolute;
    right: 2%;
    bottom: 5%;
    width: 400px;
    height: 50px;
}

#block-headerprofilvisitor-2 .link a {
    background-color: var(--plaing-orange);
    color: #fff;
    padding: 8px 10px;
    display: inline-block;
    border-radius: 5px;
    font-size: 1.2rem;
    border: 2px solid var(--plaing-orange);
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
}

#block-headerprofilvisitor-2 .link:hover a {
    background-color: var(--plaing-orange-dark);
}


/* ------------------------- Views Spezialisten List ------------- */

.spezialisten-list .views-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--border-color);
}

.spezialisten-list .views-row:last-child {
    border: none;
}

.spezialisten-list .views-row .group-left {
    width: 25%;
    max-width: 280px;
    min-width: 200px;
    margin-right: 40px;
    position: relative;
}

.spezialisten-list .views-row .group-left img {
    margin: 0;
}

.spezialisten-list .views-row .group-left .logo {
    max-width: 100px;
    height: 100px;
    position: absolute;
    bottom: -40px;
    left: calc(50% - 50px);
    background-color: #fff;
    border: 1px solid #eaeaea;
    padding: 10px;
    border-radius: 15px;
    -webkit-box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 10%);
    box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 10%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.spezialisten-list .views-row .group-left .logo img {}

.spezialisten-list .views-row .group-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc(100% - 320px);
}

.spezialisten-list .views-row .group-middle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.spezialisten-list .views-row .group-middle-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 54%;
    max-width: 600px;
    min-width: 280px;
    padding: 0 10px 0 0;
}

.spezialisten-list .views-row .group-middle-left h3 {
    position: relative;
    font-size: 1.3em;
    line-height: 1.3em;
    margin-bottom: 1em;
    max-height: 56px;
    overflow-y: hidden;
}

.spezialisten-list .views-row .group-middle-left h3:after {
    content: "";
    height: 3px;
    width: 40px;
    background: #F90;
    display: block;
    margin: 2px auto 0 0;
}

.spezialisten-list .views-row .group-middle-left h3 a,
.spezialisten-list .views-row .group-middle-left .views-more-link {
    color: var(--bold-color);
}

.spezialisten-list .views-row .group-middle-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    margin: 0 0 0 auto;
    width: 14%;
    min-width: 150px;
}

.spezialisten-list .views-row .group-middle-right .hide.btn-icon {
    display: none;
}

.spezialisten-list .views-row .group-middle-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0 0 auto;
    width: 71%;
    min-width: 780px;
}

.spezialisten-list .views-row .group-middle-bottom>div {
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: 0 0;
    padding-left: 30px;
    width: 23%;
    min-width: 200px;
}

.spezialisten-list .views-row .group-middle-bottom .adress {
    background-image: url(/sites/default/files/design/plaing-spezialisten-verzeichnis-location.svg);
    width: 31%
}

.spezialisten-list .views-row .group-middle-bottom .region {
    background-image: url(/sites/default/files/design/plaing-spezialisten-verzeichnis-arbeitsregion.svg);
}

.spezialisten-list .views-row .group-middle-bottom .sprache {
    background-image: url(/sites/default/files/design/plaing-spezialisten-verzeichnis-sprache.svg);
}

.spezialisten-list .views-row .group-middle-bottom .status {
    background-image: url(/sites/default/files/design/plaing-spezialisten-verzeichnis-siegel.svg);
    background-size: 32px;
    padding-left: 35px;
    width: 130px;
}

.empty-list {
    text-align: center;
    margin: 0 auto 50px;
    color: var(--plaing-text-grey);
}

.empty-list h5 {
    color: var(--plaing-text-darkgrey);
}

.flag {
    border-radius: 5px;
    border: 2px solid transparent;
    width: 150px;
}

.button a,
.flag a {
    background-color: var(--plaing-orange-light);
    padding: 2px 33px;
    color: var(--bold-color);
    border-radius: 5px;
    border: 2px solid var(--plaing-orange);
    -webkit-transition: background-color 0.5s linear;
    -o-transition: background-color 0.5s linear;
    transition: background-color 0.5s linear;
    width: 150px;
    text-align: center;
    margin-bottom: 15px;
    display: inline-block;
}

.flag:hover a,
body.page-node-type-categories .flag a:hover {
    border: 2px solid var(--plaing-orange);
    background-color: var(--plaing-orange);
    color: #fff;
}

body.page-node-type-categories .button a:hover,
.button a:hover,
.flag.action-unflag a,
.flag.action-unflag:hover a {
    background-color: var(--plaing-orange);
    color: #fff;
}

.button a.green {
    border: none;
    width: auto;
}

.button-tooltip {
    background-color: var(--plaing-lightgrey);
    padding: 2px 33px;
    color: black;
    border-radius: 5px;
    border: 2px solid var(--plaing-border-grey);
    -webkit-transition: background-color 0.5s linear;
    -o-transition: background-color 0.5s linear;
    transition: background-color 0.5s linear;
    width: 150px;
    text-align: center;
    margin-bottom: 15px;
    display: inline-block;
    color: var(--plaing-text-grey);
    position: relative;
    cursor: pointer;
}

.spezialist-header .button-tooltip {
    padding: 5px 33px;
    margin-bottom: 14px;
}

.button-tooltip .tooltip {
    display: none;
    position: absolute;
    bottom: calc(100% + 15px);
    right: -80px;
    width: 140px;
    height: auto;
    border: 1px solid var(--plaing-orange);
    border-radius: 10px;
    padding: 5px;
    font-size: 70%;
    line-height: 1.2em;
    background-color: #fff;
    color: var(--plaing-orange);
    z-index: 1;
}

.button-tooltip:hover .tooltip {
    display: block;
}

.button-tooltip .tooltip:before,
.button-tooltip .tooltip:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 19px;
    border: 11px solid transparent;
    border-top-color: var(--plaing-orange);
}

.button-tooltip .tooltip:after {
    left: 20px;
    border: 10px solid transparent;
    border-top-color: #fff;
}


/* ------------------------- Dashboard Spezialisten -------------- */

#block-spezialistdashboard>.block-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

#block-spezialistdashboard .grey-container h2.block-title::after,
.customerdashboard.grey-container h2.block-title:after {
    background-color: var(--plaing-green);
}

#block-views-block-customer-dashboard-settings-block-1 .profileinstellungen .link .icon {
    width: 30px;
    display: inline-block
}

.profileinstellungen .link {
    margin-bottom: 5px;
}

#block-anfragenspezialist>.block-content>.block.order-1,
#block-anfragenspezialist>.block-content>.block.order-2{
    border-bottom: 1px solid var(--border-color);
}
#block-anfragenspezialist>.block-content>.block table .views-field-created {
    width: 20%;
    max-width: 200px;
}

#block-anfragenspezialist>.block-content>.block table .views-field-field-art-des-bauwerks {
    width: 40%;
    max-width: 400px;
}

#block-anfragenspezialist>.block-content>.block table .views-field-field-postleitzahl {
    width: 20%;
    max-width: 200px;
}

#block-anfragenspezialist>.block-content>.block table .views-field-view-node {
    width: 20%;
    max-width: 200px;
}

#node-referenzprojekt-form .field--name-field-pictures .description,
#node-referenzprojekt-form .js-form-type-vertical-tabs {
    display: none;
}


/* ------------------------ Spezialisten finden ------------------ */

.spezialisten-list-header {
    padding: 20px 50px 0px 50px;
    width: 100%;
}

.spezialisten-list {
    padding: 20px 50px 0px 50px;
    width: 100%;
}

.spezialisten-list .no-specialist {
    color: var(--plaing-text-darkgrey);
    margin: 50px auto;
    text-align: center;
}

.spezialisten-list .no-specialist h5 {
    color: var(--plaing-text-darkgrey);
}

.spezialisten-list .views-exposed-form,
.customerdashboard.grey-container .views-exposed-form {
    margin: 0 0 50px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: 2px solid var(--plaing-orange);
    border-radius: 5px;
    background-color: var(--plaing-orange-light);
    padding: 20px 40px;
}

.customerdashboard.grey-container .views-exposed-form {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 20px 0 50px 0;
    padding: 20px;
}

.spezialisten-list .views-exposed-form #edit-center-geocoder {
    max-width: 230px;
    width: 100%;
    margin: 0 10px;
}

.spezialisten-list .views-exposed-form .geolocation-geocoder-address,
.customerdashboard.grey-container .views-exposed-form .form-text {
    border: 2px solid var(--plaing-orange);
    width: 100%;
    border-radius: 5px;
    padding: 6px 8px;
}

.spezialisten-list .views-exposed-form .geolocation-geocoder-address::-webkit-input-placeholder,
.customerdashboard.grey-container .views-exposed-form .form-text::-webkit-input-placeholder {
    color: var(--plaing-text-grey);
}

.spezialisten-list .views-exposed-form .geolocation-geocoder-address::-moz-placeholder,
.customerdashboard.grey-container .views-exposed-form .form-text::-moz-placeholder {
    color: var(--plaing-text-grey);
}

.spezialisten-list .views-exposed-form .geolocation-geocoder-address:-ms-input-placeholder,
.customerdashboard.grey-container .views-exposed-form .form-text:-ms-input-placeholder {
    color: var(--plaing-text-grey);
}

.spezialisten-list .views-exposed-form .geolocation-geocoder-address::-ms-input-placeholder,
.customerdashboard.grey-container .views-exposed-form .form-text::-ms-input-placeholder {
    color: var(--plaing-text-grey);
}

.spezialisten-list .views-exposed-form .geolocation-geocoder-address::-webkit-input-placeholder, .customerdashboard.grey-container .views-exposed-form .form-text::-webkit-input-placeholder {
    color: var(--plaing-text-grey);
}

.spezialisten-list .views-exposed-form .geolocation-geocoder-address::-moz-placeholder, .customerdashboard.grey-container .views-exposed-form .form-text::-moz-placeholder {
    color: var(--plaing-text-grey);
}

.spezialisten-list .views-exposed-form .geolocation-geocoder-address:-ms-input-placeholder, .customerdashboard.grey-container .views-exposed-form .form-text:-ms-input-placeholder {
    color: var(--plaing-text-grey);
}

.spezialisten-list .views-exposed-form .geolocation-geocoder-address::-ms-input-placeholder, .customerdashboard.grey-container .views-exposed-form .form-text::-ms-input-placeholder {
    color: var(--plaing-text-grey);
}

.spezialisten-list .views-exposed-form .geolocation-geocoder-address::placeholder,
.customerdashboard.grey-container .views-exposed-form .form-text::placeholder {
    color: var(--plaing-text-grey);
}

.spezialisten-list .views-exposed-form .form-item-center-geocoder-geolocation-geocoder-address label {
    text-indent: -9999px;
    margin: -23px 0 12px 0;
}

.spezialisten-list .views-exposed-form .form-item-center-geocoder-geolocation-geocoder-address label:after {
    content: 'Wo suchen Sie?';
    text-indent: 0;
    display: block;
    font-weight: 600;
}

.spezialisten-list .views-exposed-form .form-item-umkreis,
.spezialisten-list .views-exposed-form .form-item-combine {
    width: 100%;
    max-width: 230px;
    position: relative;
    margin: 0 10px;
}

.spezialisten-list .views-exposed-form .form-item-umkreis label,
.customerdashboard.grey-container .views-exposed-form .form-item-field-postleitzahl-value label {
    display: inline-block;
    padding: 0;
    margin: 0 0 8px 0;
    color: var(--bold-color);
    font-weight: 600;
}

.customerdashboard.grey-container .views-exposed-form .form-item-field-postleitzahl-value input {
    margin: 0 0 0 40px;
    max-width: 120px;
}

.spezialisten-list .views-exposed-form #edit-umkreis {
    max-width: 35px;
    border: none;
    padding: 7px 0 5px;
    display: inline-block;
    font-weight: 600;
    background-color: var(--plaing-orange-light);
    text-align: right;
}

.spezialisten-list .views-exposed-form #edit-umkreis--description {
    text-align: right;
    font-weight: 600;
    position: absolute;
    top: 3px;
    left: 115px;
}

.spezialisten-list .views-exposed-form #edit-combine {
    border: 2px solid var(--plaing-orange);
    border-radius: 5px;
    padding: 7px 8px 5px;
    margin: 0;
}

.spezialisten-list .views-exposed-form #edit-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 15px 10px 0;
}

.spezialisten-list .views-exposed-form .form-item-combine label {
    font-weight: 600;
    margin: 3px 0 11px 0;
}

.spezialisten-list .views-exposed-form #edit-combine::-webkit-input-placeholder {
    color: var(--plaing-text-grey);
}

.spezialisten-list .views-exposed-form #edit-combine::-moz-placeholder {
    color: var(--plaing-text-grey);
}

.spezialisten-list .views-exposed-form #edit-combine:-ms-input-placeholder {
    color: var(--plaing-text-grey);
}

.spezialisten-list .views-exposed-form #edit-combine::-ms-input-placeholder {
    color: var(--plaing-text-grey);
}

.spezialisten-list .views-exposed-form #edit-combine::placeholder {
    color: var(--plaing-text-grey);
}

.spezialisten-list .views-exposed-form #edit-submit-spezialisten-profile {
    margin: 25px 0 0;
    background-color: var(--plaing-orange);
    padding: 8px 48px;
    font-weight: 600;
    max-height: 34px;
}

.spezialisten-list .views-exposed-form .ui-widget.ui-widget-content {
    width: 100% !important;
    left: 10px !important;
    max-width: 200px;
    margin: 6px 0 0;
    border: none;
    border-bottom: 2px solid var(--plaing-orange);
    border-radius: 0;
    z-index: 9;
    background-color: var(--plaing-orange-light);
}

.spezialisten-list .views-exposed-form .ui-slider-handle {
    cursor: pointer;
}

.spezialisten-list .views-exposed-form .ui-slider-handle:focus {
    outline: none;
}

html .spezialisten-list .views-exposed-form .ui-state-default {
    border: 1px solid var(--plaing-orange);
    background-color: #fff;
    width: 25px;
    height: 25px;
    margin-top: 4px;
}

html .spezialisten-list .views-exposed-form .ui-state-active {
    background-color: var(--plaing-orange);
    border: 1px solid var(--plaing-orange);
}

.spezialisten-list .views-exposed-form #edit-center-coordinates {
    display: none;
}

.spezialisten-list-bottom {
    padding: 20px 50px 0px 50px;
}

.spezialisten-list-bottom .content-bottom-icon img {
    height: 100px;
    width: 105px;
    border-style: solid;
    border-width: 1px;
    padding: 1em;
    border-radius: 1em;
    -webkit-box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 20%);
    box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 20%);
}

.spezialisten-list-bottom a {
    color: var(--text-color);
}

.spezialisten-list-bottom a:hover {
    color: var(--plaing-orange);
}

.spezialisten-list-bottom h2 {
    position: relative;
    margin-bottom: 0.5em;
}

.spezialisten-list-bottom h2:after {
    content: "";
    height: 3px;
    width: 40px;
    background: #F90;
    position: absolute;
    left: 0px;
    bottom: -2px;
}

.spezialisten-list-bottom .content-categories {
    margin-top: 20px;
}

.spezialisten-list-bottom .content-categories .wp-block-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.spezialisten-list-bottom .content-categories .wp-block-group {
    margin: 8px 27px;
    text-align: center;
    width: 200px;
    margin-left: 0;
}

.spezialisten-list .plz-ort .plz {
    margin-right: 0.5em;
}

#footer-top {
    background-color: var(--plaing-orange-light);
    margin: 0;
    padding: 0;
}

#footer-top .container {
    max-width: 1280px;
    padding: 0 40px 50px;
    background-color: #fff;
}

.homepage #footer-top .container {
    background-color: transparent;
}

#block-becomespecialistheader2 .become-specialist-headertop-block a:hover {
    color: #FFF;
    background-color: #2c913c;
}

.page-node-346 .col-pl-70 {
    width: 100%;
    min-height: 120px;
    margin: 0 0 20px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%
}

.page-node-346 .wp-block-column {
    margin: 20px 0;
    width: 33.33%;
    text-align: center;
    max-width: 33.33%;
}

.table.table-hover.borderless thead th {
    border: none;
}

.table.table-hover.borderless td {
    border: none;
}

.borderless tbody {
    border-top: 1px solid green;
    border-bottom: 1px solid green;
}

.borderless tbody td:nth-child(2) {
    background: #E6F9D4;
}

.table.table-hover.borderless {
    margin-bottom: 50px;
}

.borderless .btn.btn-info {
    padding: 10px 25px 10px 25px;
    border-radius: 21px;
    background: #258E3D;
    color: #fff;
    font-size: 16pt;
    font-weight: 600;
}

.wide {
    width: 80%;
}

.page-node-346 .spezialisten-list-style li {
    font-size: 18px;
}

.page-node-346 .wp-block-column p {
    font-size: 15px;
    line-height: ;
    line-height: 1.7;
    font-family: Tahoma, sans-serif;
}

.wp-block-column.last {
    margin: 40px 40px;
    width: 40%;
    max-width: 40%;
    text-align: center;
}

.wp-block-columns.second-row .wp-block-column {
    width: 32%;
    float: left;
    max-width: 100%;
    margin: 0 auto;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .page-node-346 .wp-block-column {
        margin: 0 40px;
        width: 39%;
        text-align: center;
        max-width: 39%;
    }
    .wp-block-column.last {
        margin: 0 40px;
        width: 39%;
        max-width: 39%;
        text-align: center;
    }
    .wp-block-column.last.single {
        width: 40%;
        max-width: 100%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 1183px) {
    .spezialisten-list .views-exposed-form #edit-actions {
        margin: 40px 10px 0 auto;
    }
    .spezialisten-list .views-exposed-form #edit-submit-spezialisten-profile {
        margin: 0;
    }
    .spezialisten-list .views-row .group-middle-bottom {
        margin: -40px 0 0 auto;
        width: calc(75% - 40px);
        max-width: 700px;
        min-width: inherit;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .spezialisten-list .views-row .group-middle-right {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        margin: 20px auto 0;
        width: 100%;
    }
    .spezialisten-list .views-row .group-left {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-right: 0;
    }
    .spezialisten-list .views-row .group-middle-left {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: calc(75% - 40px);
        max-width: 700px;
        margin: 0 0 0 auto;
    }
    .spezialisten-list .views-row .group-middle-bottom {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .spezialisten-list .views-row .group-middle-right {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }
    .spezialisten-list .views-row .group-middle-bottom>div,
    .spezialisten-list .views-row .group-middle-bottom .adress,
    .spezialisten-list .views-row .group-middle-bottom .status {
        width: 50%;
        padding-left: 40px;
        background-position: 5px 5px;
        margin-bottom: 15px;
    }
    .spezialisten-list .views-row .group-middle-bottom .status {
        background-position: 3px 12px;
    }
    form.user-form,
    .user-form {
        width: 100%;
        margin: 0 auto;
        max-width: 600px;
        padding: 50px 0;
    }
}

@media screen and (max-width: 1173px) {
    .spezialisten-list .views-exposed-form #edit-actions {
        margin: 10px 10px 0 auto;
    }
    .spezialisten-list .views-row .group-middle-bottom {
        margin: -30px 0 0 auto;
    }
}

@media screen and (max-width: 1013px) {
    .spezialisten-list .views-exposed-form #edit-actions {
        margin: 40px 30px 0 auto;
    }
    .spezialisten-list .views-row .group-middle-bottom {
        margin: -20px 0 0 auto;
    }
    .spezialisten-list{
        padding:0;
        width: 100%;
    }
    .spezialisten-list-bottom {
        padding: 20px 0 0;
        width: 100%;
    }
}

@media screen and (max-width:880px) {
    .spezialisten-list .views-row .group-middle-bottom>div {
        display: none;
    }
    .spezialisten-list .views-row .group-middle-bottom>.adress {
        display: block;
        width: 100%;
        margin: 20px 0 0;
    }
}

@media screen and (max-width: 768px) {
    #footer-top .container {
        padding: 0 20px 50px;
    }
    #block-formlogincontent,
    #block-plaing-formlogincontent {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    #block-views-block-visitor-dashboard-block-1,
    #block-views-block-visitor-dashboard-block-1-2    {
        font-size: 80%;
    }
    #block-views-block-visitor-dashboard-block-1 .block-content,
    #block-views-block-visitor-dashboard-block-1-2 .block-content    {
        margin-left: 0;
        margin-right: 0;
    }
    .wp-block-spacer.no-mobile {
        display: none;
    }
    .wp-block-columns.second-row .wp-block-column {
        margin: 0 0 20px 0;
    }
    .node-content .wp-block-columns>.wp-block-column {
        width: 100%;
        float: left;
    }
    .page-node-239 .wp-block-columns>.wp-block-column {
        width: 50%;
        float: left;
    }
    .page-node-106 .wp-block-columns>.wp-block-column {
        width: 50%;
        float: left;
    }
    .page-node-type-anfrage_architekt .main-container fieldset,
    .page-node-type-anfrage_bodengutachter .main-container fieldset,
    .page-node-type-anfrage_garten_landschaftsbau .main-container fieldset,
    .page-node-type-anfrage_hausbau .main-container fieldset,
    .page-node-type-anfrage_industriebau_gewerbebau .main-container fieldset,
    .page-node-type-anfrage_landschaftsarchitekt .main-container fieldset,
    .page-node-type-anfrage_makler .main-container fieldset,
    .page-node-type-anfrage_sanierung .main-container fieldset,
    .page-node-type-anfrage_statiker .main-container fieldset,
    .page-node-type-anfrage_tga_planer .main-container fieldset,
    .page-node-type-anfrage_vermesser .main-container fieldset,
    .page-node-type-anfrage_innenarchitekt .main-container fieldset {
        width: 100%;
        margin-right:0;
    }
    .spezialisten-list-bottom .content-bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .content-bottom-icon {
        -webkit-box-flex: inherit;
            -ms-flex: inherit;
                flex: inherit;
    }
    .spezialisten-list-bottom .content-bottom-left {
        margin: 0 0 20px 40px;
        width: calc(100% - 145px);
        max-width: inherit;
        -webkit-box-flex: inherit;
            -ms-flex: inherit;
                flex: inherit;
    }
    .spezialisten-list-bottom .content-bottom-right {
        width: 100%;
        margin: 0 0 20px;
        max-width: inherit;
    }
    .spezialisten-list .views-exposed-form .form-item-umkreis {
        margin: 0 10px 15px;
    }
    .wp-block-column {
        margin: 0;
        max-width: 100%;
    }
    .categories-header img {
        min-width: 80px;
    }
    .spezialisten-list-bottom .content-bottom-icon img {
        min-width: 80px;
        max-width: 100px !important;
        height: auto;
    }
    .spezialisten-list-header {
        padding-left: 0;
    }
    .categories-header-content p {
        line-height: 1.25em;
    }
    .spezialisten-list .views-row .group-middle-left p {
        line-height: 1.5em;
    }
    .spezialisten-list .views-row .group-middle-left,
    .spezialisten-list .views-row .group-middle-bottom {
        width: calc(65% - 40px);
    }
    .password-suggestions {
        display: none !important;
    }
    .page-node-346 .wp-block-column {
        margin: 20px 40px 0px 40px;
        width: 100%;
        text-align: center;
        max-width: 100%;
    }
    .wp-block-column.last {
        margin: 20px 40px 0px 40px;
        width: 100%;
        max-width: 100%;
        text-align: center;
    }
    .left-col,
    .right-col{
      margin-right:0;
      -webkit-box-flex:inherit;
          -ms-flex:inherit;
              flex:inherit;
      width:100%;
      max-width:inherit;
      padding:0 15px;
    }
}

@media screen and (max-width:562px) {
    #block-views-block-visitor-dashboard-block-1 .block-content table th:first-child,
    #block-views-block-visitor-dashboard-block-1 .block-content table td:first-child,
    #block-views-block-visitor-dashboard-block-1-2 .block-content table th:first-child,
    #block-views-block-visitor-dashboard-block-1-2 .block-content table td:first-child    {
        padding-left: 0;
    }
    #block-views-block-visitor-dashboard-block-1 .block-content table th:nth-child(2),
    #block-views-block-visitor-dashboard-block-1 .block-content table td:nth-child(2),
    #block-views-block-visitor-dashboard-block-1-2 .block-content table th:nth-child(2),
    #block-views-block-visitor-dashboard-block-1-2 .block-content table td:nth-child(2),
    #block-views-block-visitor-dashboard-block-1 .block-content table th:nth-child(3),
    #block-views-block-visitor-dashboard-block-1 .block-content table td:nth-child(3),
    #block-views-block-visitor-dashboard-block-1-2 .block-content table th:nth-child(3),
    #block-views-block-visitor-dashboard-block-1-2 .block-content table td:nth-child(3)    {
        max-width: 110px;
    }
    #block-views-block-visitor-dashboard-block-1 .block-content table th:last-child,
    #block-views-block-visitor-dashboard-block-1 .block-content table td:last-child,
    #block-views-block-visitor-dashboard-block-1-2 .block-content table th:last-child,
    #block-views-block-visitor-dashboard-block-1-2 .block-content table td:last-child    {
        padding-right: 0;
    }
    #block-views-block-visitor-dashboard-block-1 table .views-field-type,
    #block-views-block-visitor-dashboard-block-1 table .views-field-nothing,
    #block-views-block-visitor-dashboard-block-1-2 table .views-field-type,
    #block-views-block-visitor-dashboard-block-1-2 table .views-field-nothing    {
        display: block;
    }
    #block-views-block-visitor-dashboard-block-1 table .views-field-type,
    #block-views-block-visitor-dashboard-block-1-2 table .views-field-type    {
        padding-bottom: 0;
    }
    #block-views-block-visitor-dashboard-block-1 table .views-field-nothing,
    #block-views-block-visitor-dashboard-block-1-2 table .views-field-nothing    {
        padding-top: 0;
    }
    #block-views-block-visitor-dashboard-block-1 table td,
    #block-views-block-visitor-dashboard-block-1-2 table td    {
        line-height: 1.3em;
    }
    #block-views-block-visitor-dashboard-block-1 table th,
    #block-views-block-visitor-dashboard-block-1-2 table th,
    table .date {
        vertical-align: top;
    }
    .spezialisten-list .views-row .group-left {
        width: 100%;
        margin: 0 0 50px;
        max-height: 250px;
        max-width: inherit;
    }
    .spezialisten-list .views-row .group-left img {
        width: 100% !important;
        -o-object-fit: cover;
        object-fit: cover;
        max-height: 250px;
    }
    .spezialisten-list .views-row .group-middle-left h3 {
        text-align: center;
    }
    .spezialisten-list .views-row .group-middle-left h3::after {
        margin: 2px auto;
    }
    .spezialisten-list .views-row .group-middle-left {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }
    .spezialisten-list .views-row .group-middle-bottom {
        margin: 0;
        width: 80%;
    }
    .spezialisten-list .views-row .group-middle-right {
        width: 20%;
        max-width: 70px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        min-width: inherit;
        margin: 40px 0 0;
    }
    .spezialisten-list .views-row {
        position: relative;
    }
    .spezialisten-list .views-row .group-middle-right .flag,
    .spezialisten-list .views-row .group-middle-right .flag a {
        width: 60px;
        height: auto;
        padding: 0;
        font-size: 80%;
        color: var(--text-color);
        border: none;
    }
    .spezialisten-list .views-row .group-middle-right .flag a {
        background-color: transparent;
        text-transform: uppercase;
    }
    .button-flag {
        position: relative;
    }
    .spezialisten-list .views-row .group-middle-right .button-flag .hide.btn-icon {
        position: absolute;
        top: 7px;
        left: 15px;
        width: 20px;
        height: 20px;
    }
    .button-flag .hide.btn-icon .fa {
        color: var(--plaing-text-darkgrey);
    }
    .button-tooltip {
        width: 60px;
        height: auto;
        border: none;
        text-transform: uppercase;
        font-size: 80%;
        padding: 5px;
        background-color: transparent;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .button-tooltip .tooltip::before {
        left: inherit;
        right: 19px;
    }
    .button-tooltip .tooltip::after {
        left: inherit;
        right: 20px;
    }
    .button-tooltip .tooltip {
        font-size: 0.7rem;
        text-transform: initial;
        bottom: 55px;
        right: 0;
    }
    .spezialisten-list .views-row .group-middle-right .hide.btn-icon {
        display: block;
        margin-top: -25px;
    }
    .spezialisten-list-header .categories-header-content h2 {
        margin-bottom: 15px;
    }
    .spezialisten-list .views-row .group-middle-right .button {
        display: none;
    }
    .grey-container .block-content,
    .customerdashboard.grey-container {
        margin: 20px 5px 10px;
    }
    .user-form #edit-pass,
    .user-form #mail-edit,
    .user-form #user-delete,
    .user-form #edit-field-newsletter-wrapper,
    .user-form .kontaktdaten .kontakt-inner {
        margin: 5px 0 20px;
    }
    .user-form label.titel,
    body.page-node- .container.main-container.clear #block-plaing-requiredfield {
        margin: 0;
    }
    form.user-form,
    .user-form {
        padding: 30px 0 20px;
    }
}

@media screen and (max-width: 553px) {
    .spezialisten-list .views-exposed-form #edit-actions {
        margin: 20px 30px 0 0;
    }
    .spezialisten-list-header .categories-header-content {
        margin-left: 20px;
    }
    .spezialisten-list-header .categories-header-content h2 {
        margin: 0 0 15px 0;
    }
}

@media screen and (max-width: 497px) {
    .customerdashboard.grey-container .views-exposed-form .form-item-field-postleitzahl-value label,
    .customerdashboard.grey-container .views-exposed-form .form-item-field-postleitzahl-value input{
      width:100%;
      margin-left:0;
    }
    .customerdashboard.grey-container .views-exposed-form .form-item-field-postleitzahl-value input{
      max-width:145px;
    }
    .grey-container.dashboard-awards .block-content {
        margin: 0;
    }
    .customerdashboard.awards-badges>.views-element-container+.views-wrapper {
        width: 100%;
        padding: 20px 0;
    }
    .customerdashboard.awards-badges {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .customerdashboard.awards-badges>.views-element-container {
        width: 100%;
        max-width: inherit;
    }
    .customerdashboard.awards-badges .zertifikat .views-row {
        margin: 20px auto;
        max-width: 150px;
    }
    .page-node- .profile-expert-edit-form {
        padding: 20px 0 0;
    }
    form.profile-expert-edit-form details.field-group-tab div.form-details-wrapper {
        margin-left: 0;
    }
    body.page-node- .container.main-container.clear .node-referenzprojekt-form,
    div#block-neuereferenzhinzufugen,
    div#block-plaing-neuereferenzhinzufugen,
    #block-plaing-titelpasswordaendern {
        margin: 20px 15px;
    }
    #block-titelprofildatenandern,
    #block-plaing-titelprofildatenandern {
        margin-top: 20px;
    }
    form.user-form,
    .user-form {
        padding: 0 0 20px;
    }
/*    #edit-field-newsletter-value--description {
        max-width: 60%;
    }*/
    #edit-field-agb-wrapper label {
        max-width: 85%;
    }
    .borderless tbody tr td {
        font-size: 13px !important;
    }
    .spezialisten-list-bottom .content-bottom-left {
        margin: 0 0 20px 0;
        width: 100%;
    }
    #block-anfragenspezialist > .block-content > .block table td{
      font-size:80%;
    }
    .page-node-type-anfrage_architekt #edit-actions,
    .page-node-type-anfrage_bodengutachter #edit-actions,
    .page-node-type-anfrage_garten_landschaftsbau #edit-actions,
    .page-node-type-anfrage_hausbau #edit-actions,
    .page-node-type-anfrage_industriebau_gewerbebau #edit-actions,
    .page-node-type-anfrage_innenarchitekt #edit-actions,
    .page-node-type-anfrage_landschaftsarchitekt #edit-actions,
    .page-node-type-anfrage_makler #edit-actions,
    .page-node-type-anfrage_sanierung #edit-actions,
    .page-node-type-anfrage_statiker #edit-actions,
    .page-node-type-anfrage_tga_planer #edit-actions,
    .page-node-type-anfrage_vermesser #edit-actions{
        left:0;
    }
    .page-node-type-anfrage_architekt #block-plaing-local-tasks,
    .page-node-type-anfrage_bodengutachter #block-plaing-local-tasks,
    .page-node-type-anfrage_garten_landschaftsbau #block-plaing-local-tasks,
    .page-node-type-anfrage_hausbau #block-plaing-local-tasks,
    .page-node-type-anfrage_industriebau_gewerbebau #block-plaing-local-tasks,
    .page-node-type-anfrage_innenarchitekt #block-plaing-local-tasks,
    .page-node-type-anfrage_landschaftsarchitekt #block-plaing-local-tasks,
    .page-node-type-anfrage_makler #block-plaing-local-tasks,
    .page-node-type-anfrage_sanierung #block-plaing-local-tasks,
    .page-node-type-anfrage_statiker #block-plaing-local-tasks,
    .page-node-type-anfrage_tga_planer #block-plaing-local-tasks,
    .page-node-type-anfrage_vermesser #block-plaing-local-tasks{
      padding-bottom:45px;
    }

}

@media screen and (max-width: 567px) {
    .main-menu-item-mein-konto.expanded .submenu {
        display: block;
    }
    body.page-node-346 #block-becomespecialistheader2 .become-specialist-headertop-block {
        width: 100%;
        padding: 6em 1em;
        float: right;
        text-align: center;
        margin: 0;
        background-color: rgba(255, 255, 255, 0.6);
        height: 700px;
    }
    .borderless .btn.btn-info {
        padding: 5px 10px 5px 10px;
        border-radius: 21px;
        background: #258E3D;
        color: #fff;
        font-size: 13pt;
        font-weight: 600;
    }
    .borderless thead th h3 {
        font-size: 20px;
    }
    body.page-node-346 #block-becomespecialistheader2 {
        background-image: url(/sites/default/files/design/plaing-footer-image.jpg);
        background-size: cover;
        max-height: 100%;
        height: 550px;
        max-width: 100%;
        width: 100%;
        padding: 0;
        background-position: top;
    }
}

#edit-group-kundendetails input[type="text"],
#edit-group-kundendetails input[type="email"],
#edit-group-kundendetails input[type="url"],
#edit-group-kundendetails input[type="password"],
#edit-group-kundendetails input[type="search"],
#edit-group-kundendetails input[type="tel"] {
    max-width:400px;
}

#edit-group-kundendetails .fa.fa-info-circle.text-info {
    margin-top: 0;
    margin-left: 10px;
    width:auto;
}

#edit-field-hide-phone-value--description {
    position: relative!important;
    left: inherit!important;
    top: 0!important;
    width: auto;
    max-width: 250px;
    height: auto;
}

#edit-field-hide-phone-value--description .fa.fa-info-circle.text-info:hover {
    position: relative;
    float: inherit;
    color: var(--plaing-orange);
}

#edit-field-hide-phone-value--description span.hide {
    position: absolute;
    min-width: 250px!important;
}
#edit-group-kundendetails .field--name-field-hide-phone{
    position:relative;
}
.field--name-field-hide-phone .phone-hide{
    position:absolute;
    left:220px;
    top:0;
    width:50px;
    height:15px;
    cursor:pointer;
}
#edit-group-kundendetails #edit-field-hide-phone-value--description .fa,
#edit-group-kundendetails #edit-field-hide-phone-value--description .fa:hover{
  margin-top:0 !important;
  float:inherit;
  display:inline-block;
  z-index:9;
  position:absolute;
}

.phone-hide .description{
  position:absolute;
  left:0;
  top:-45px;
  height:auto;
  min-width:250px;
  background-color:#f5f5f5;
  padding:3px;
  border: 1px solid #eee;
  line-height:1.4em;
  font-size:75%;
}
.phone-hide:hover .description{
  display:block;
}
.customerdashboard table td,
.customerdashboard table th{
  display:inline-block;
}
.customerdashboard table td:nth-child(1),
.customerdashboard table th:nth-child(1){
  width:20%;
  padding-left:0;
}
.customerdashboard table td:nth-child(2),
.customerdashboard table th:nth-child(2){
  width:50%;

}
.customerdashboard table td:nth-child(3),
.customerdashboard table th:nth-child(3){
  width:12%;

}
.customerdashboard table td:nth-child(4),
.customerdashboard table th:nth-child(4){
  width:12%;
  padding-right:0;

}
@media screen and (max-width:495px){
    .phone-hide .description{
      left:-150px;
    }
    .grey-container .block-content, .customerdashboard.grey-container{
      margin:20px 0 10px;
    }
    .customerdashboard table td,
    .customerdashboard table th,
    .customerdashboard footer p{
      font-size:80%;
    }
    .customerdashboard table td:nth-child(2),
    .customerdashboard table th:nth-child(2){
      max-width:150px;
    }
}