@charset "utf-8";



.immo #immosuche {
    margin-bottom: 8px;
    width: 100%;
    font-size: 18px;
    padding: 16px 16px 16px 48px;
    background-image: url('../../img/lupe.png');
    background-position: 8px center;
    background-size: 32px;
    background-repeat: no-repeat;
}



.objektauswahl .objektartwaehlen { 
    background-color: #fff;
    border:1px solid #727272;
    padding:4px;
    margin-bottom: 4px;
    cursor: pointer;
}

.objektauswahl .objektartwaehlen:hover{
    background-color: #d4ffbd;
}

.objektauswahl .objektartwaehlen div{
    width: calc(25% - 8px);
    display: inline-block;
}



.suchauftragauswahl .suchauftragartwaehlen { 
    background-color: #fff;
    border:1px solid #727272;
    padding:4px;
    margin-bottom: 4px;
    cursor: pointer;
}

.suchauftragauswahl .suchauftragartwaehlen:hover{
    background-color: #d4ffbd;
}

.suchauftragauswahl .suchauftragartwaehlen div{
    width: calc(25% - 8px);
    display: inline-block;
}



.immoobjekt {
    background-color: #fff;
    border: 1px solid #727272;
    padding: 4px;
    margin-bottom: 4px;
    cursor: pointer;
}

.immoobjekt.markiert {
    background-color: #e2e8ff;
}

.immoobjekt:hover{
    background-color: #d4ffbd;
}

.immoobjekt span {
    width: 15%;
    display: inline-block;
    vertical-align: top;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 115px;
    margin-right: 8px;
    overflow: hidden;
}

.immoobjekt span.bild div {
    background-color: rgba(255, 255, 255, 0.5);
    padding: 8px;
    display: inline-block;
}

.immoobjekt span.bild div img {
    height: 13px;
    margin-right: 8px;
}

.immoobjekt img.eigentuemer_icon {
    height: 12px;
    margin-right: 4px;
    display: inline-block;
    vertical-align: top;
    margin-top: 1px;
}

.immoobjekt .immo_zeile_naechster_todo {
    font-size: 12px;
    background-color: #e7e7e7;
    padding: 4px;
    border-radius: 4px;
    margin-bottom: 2px;
}

@media screen and (max-width: 1600px) {
    .immoobjekt span {
        width: calc(20% - 12px);
    }
}
@media screen and (max-width: 1400px) {
    .immoobjekt span {
        width: calc(25% - 12px);
    }
}
@media screen and (max-width: 1100px) {
    .immoobjekt span {
        width: calc(33% - 12px);
        height: auto;
    }
    .immoobjekt span.bild {
        height: 100px;
    }
}
@media screen and (max-width: 900px) {
    .immoobjekt span {
        width: calc(50% - 12px);
    }
}
@media screen and (max-width: 700px) {
    .immoobjekt span {
        width: 100%;
    }
}

.immoobjekt .exposeeintrag {
    font-size: 11px;
}



.portalkreis {
    width: 16px;
    height: 16px;
    margin: 1px;
    display: inline-block;
    border: 1px solid #727272;
    border-radius: 8px;
    background-position: center center;
    background-size: contain;
}

.exposequadrat {
    width: 11px;
    height: 11px;
    margin: 1px 4px 1px 0px;
    display: inline-block;
    border: 1px solid #727272;
    vertical-align: sub;
}



.immobild {
    width: calc(100% / 6 - 22px);
    padding: 8px;
    margin-right: 0px;
    margin-bottom: 4px;
    vertical-align: top;
    display: inline-block;
    background-color: #ffffff;
    border: 1px solid #bfbfbf;
    overflow: hidden;
    border-radius: 4px;
}

@media screen and (max-width: 1600px) {
    .immobild {
        width: calc(100% / 5 - 22px);
    }
}

@media screen and (max-width: 1400px) {
    .immobild {
        width: calc(100% / 4 - 22px);
    }
}

@media screen and (max-width: 1200px) {
    .immobild {
        width: calc(100% / 3 - 22px);
    }
}

@media screen and (max-width: 1000px) {
    .immobild {
        width: calc(100% / 2 - 22px);
    }
}

@media screen and (max-width: 700px) {
    .immobild {
        width: calc(100% - 22px);
    }
}



.immobild .bild {
    height: 150px;    
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}



.suchauftraege .hatfokus {
    display: inline-block;
}

.suchauftraege .liste {
    background-color: #fff;
    display: inline-block;
    margin-right: 2px;
    width: calc(30% - 6px);
    height: calc(100% - 8px);
    vertical-align: top;
    overflow-y: scroll;
}

.suchauftraege .liste .suchauftrag {
    background-color: #d3ffba;
    padding: 4px;
    margin-bottom: 2px;
    cursor: pointer;
    overflow-x: hidden;
    white-space: nowrap;
}

.suchauftraege .liste .suchauftrag:hover {
    background-color: #adff7f;
}

.suchauftraege .liste .selected {
    background-color: #adff7f;
}

.suchauftraege .anzeige {
    background-color: #fff;
    display: inline-block;
    width: calc(70% - 16px);
    height: calc(100% - 24px);
    vertical-align: top;
    overflow: scroll;
    padding: 8px;
}

.suchauftraege .anzeige .treffer {
    background-color: #d3ffba;
    padding: 4px;
    margin-bottom: 2px;
    cursor: pointer;
    overflow-x: hidden;
    white-space: nowrap;
}

.suchauftraege .anzeige .treffer:hover {
    background-color: #adff7f;
}

.suchauftraege .anzeige .treffer img {
    width: 36px;
    margin-right: 16px;
}

.suchauftraege .anzeige .treffer span {
    position: relative;
    top: -12px;
}



.suchauftrag .ortergebnisse {
    position: absolute;
}

.ortergebnisse .karte {
    padding: 8px;
    margin-bottom: 4px;
    background-color: #ffffff;
    border: 1px solid #c9c9c9;
    cursor: pointer;
    overflow: hidden;
}

.ortergebnisse .karte:hover {
    border: 1px solid #727272;
}

.ortergebnisse .karte .ort {
    font-size: 16px;
    margin-bottom: 8px;
    color: #488925;
    white-space: nowrap;
}

.ortergebnisse .karte .plz {
    margin-bottom: 8px;
}



.objekt .immobilienadresse {
    padding: 8px;
    margin-bottom: 4px;
    background-color: #ffffff;
    border: 1px solid #c9c9c9;
    overflow: hidden;
}

.objekt .immobilienadresse .ort {
    font-size: 16px;
    margin-bottom: 8px;
    color: #000000;
    white-space: nowrap;
}

.objekt .immobilienadresse .plz {
    margin-bottom: 8px;
}



#ortetreffer {
    max-height: 300px;
    overflow-y: scroll;
}



.makelntreffer {
    margin-bottom: 2px;
    background-color: #fff;
    border: 1px solid #727272;
    border-left: 10px solid #fff;
    padding: 4px;
}

.makelntreffer span {
    display: inline-block;
    vertical-align: middle;
}

.makelntreffer span.mt_name {
    width: calc(20% - 4px);
}

.makelntreffer span.mt_zeit {
    width: calc(20% - 4px);
}

.makelntreffer span.mt_kommentar {
    width: calc(50% - 4px);
}

.makelntreffer span.mt_knopf {
    width: calc(10% - 4px);
}

@media screen and (max-width: 1400px) {
    .makelntreffer span.mt_name {
        width: calc(50% - 4px);
    }
    .makelntreffer span.mt_zeit {
        width: calc(50% - 4px);
    }
    .makelntreffer span.mt_kommentar {
        width: calc(90% - 4px);
    }
    .makelntreffer span.mt_knopf {
        width: calc(10% - 4px);
    }
}

@media screen and (max-width: 900px) {
    .makelntreffer span.mt_name {
        width: calc(100% - 4px);
    }
    .makelntreffer span.mt_zeit {
        width: calc(100% - 4px);
    }
    .makelntreffer span.mt_kommentar {
        width: calc(90% - 4px);
    }
    .makelntreffer span.mt_knopf {
        width: calc(10% - 4px);
    }
}

@media screen and (max-width: 500px) {
    .makelntreffer span.mt_name {
        width: calc(100% - 4px);
    }
    .makelntreffer span.mt_zeit {
        width: calc(100% - 4px);
    }
    .makelntreffer span.mt_kommentar {
        width: calc(100% - 4px);
    }
    .makelntreffer span.mt_knopf {
        width: calc(100% - 4px);
    }
}



.objekt .datenbereich {
    width: 60%;
    margin-top: 16px;
    margin-bottom: 32px;
}

.objekt .aktivitaeten {
    position: absolute;
    padding: 16px;
    background-color: #fff;
    top: 32px;
    height: calc(100% - 96px);
    overflow-y: scroll;
    left: calc(60% + 96px);
    width: calc(40% - 160px);
    border: none;
}

@media screen and (max-width: 1300px) {
    .objekt .aktivitaeten {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        height: auto;
        margin-bottom: 32px;
        border: none;
    }
    .objekt .datenbereich {
        width: 100%;
    }
}

.objekt .aktivitaeten .zeile {
    border-bottom: 1px solid #727272;
    padding: 8px;
    cursor: pointer;
}

.objekt .aktivitaeten .zeile:hover {
    background-color: #ceffb4;
}

.objekt .aktivitaeten .zeile img {
    width: 32px;
    margin-right: 8px;
}

.objekt .aktivitaeten .zeile span {
    position: relative;
    display: inline-block;
    top: -8px;
    overflow: hidden;
    white-space: nowrap;
    font-size: 12px;
}

.objekt .spalte {
    width: calc(17% - 35px);
}

@media screen and (max-width: 1600px) {
    .objekt .spalte {
        width: calc(20% - 32px);
    }
}

@media screen and (max-width: 1300px) {
    .objekt .spalte {
        width: calc(25% - 32px);
    }
}

@media screen and (max-width: 1100px) {
    .objekt .spalte {
        width: calc(33% - 32px);
    }
}

@media screen and (max-width: 900px) {
    .objekt .spalte {
        width: calc(50% - 32px);
    }
}

@media screen and (max-width: 700px) {
    .objekt .spalte {
        width: calc(100% - 20px);
        margin: 0px;
    }
}



.immobelegung .zeile {
    white-space: nowrap;
}

.immobelegung .zeile .datuma {
    width: 80px;
    display: inline-block;
    font-size: 12px;
}

.immobelegung .zeile .datuma b {
    font-size: 12px;
}

.immobelegung .zeile .datumb {
    width: 40px;
    display: none;
    font-size: 12px;
}

.immobelegung .zeile .datumb b {
    font-size: 12px;
}

@media screen and (max-width: 900px) {
    .immobelegung .zeile .datuma {
        display: none;
    }
    .immobelegung .zeile .datumb {
        display: inline-block;
    }
}

.immobelegung .zeile .kasten {
    width: 25px;
    height: 25px;
    display: inline-block;
    margin-right: 4px;
    font-size: 12px;
    text-align: center;
    padding: 0px;
}

.immobelegung .zeile .kasten img {
    width: 15px;
    height: 15px;
    margin: 5px;
}



.objekt .grundriss {
    width: calc(50% - 32px);
    margin-bottom: 8px;
    margin-right: 8px;
    margin-left: 8px;
}



@media all and (max-width: 500px){
    #expose .bildbereich .bild {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 8px;
    }
}



@media screen and (min-width: 701px) {
    .ansichtnote {
        width: 500px !important;
        max-width: calc(100%-32px) !important;
    }
}



.immodokbox {
    border: 1px solid #727272;
    margin-right: 8px;
    margin-bottom: 8px;
    padding: 0px;
    width: 300px;
    display: inline-block;
    vertical-align: top;
    background-color: #fff;
}

.immodokbox .immodokboxfarbe {
    display: block;
    height: 10px;
}

.immodokbox .immodokboxinhalt {
    padding: 10px;
    display: block;
}

.immodokbox .datei {
    width: 64px;
    padding: 8px;
    vertical-align: top;
    text-align: center;
    display: inline-block;
    cursor: pointer;
}

.immodokbox .datei:hover {
    background-color: #d3ffba;
}

.immodokbox .datei img {
    width: 32px;
    margin-bottom: 4px;
}

.immodokbox .datei div {
    font-size: 12px;
    width: 100%;
    overflow-wrap: break-word;
}



#statistik_immo_exposes {
    width: 100%;
    height: 300px;
}

#statistik_immo_anfragen {
    width: 100%;
    height: 300px;
}

#statistik_immo_quellen {
    width: 100%;
    height: 300px;
}



.immokarte {
    padding: 8px;
    display: inline-block;
    width: 300px;
    max-width: calc(100% - 32px);
    background-color: #ffffff;
    border: 1px solid #c9c9c9;
    cursor: pointer;
    overflow: hidden;
    border-radius: 4px;
}

.immokarte:hover {
    border: 1px solid #727272;
}

.immokarte .immokartebild {
    width: 70px;
    height: 70px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 8px;
    display: inline-block;
    vertical-align: top;
}

.immokarte .immokartedaten {
    width: calc(100% - 82px);
    word-break: break-word;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}



.immoaufgabenzeile {
    margin-bottom: 16px;
    border-left: 5px solid #fff;
    background-color: #fff;
    padding: 4px;
}

.immoaufgabenzeile .tabellenspalte {
    display: inline-block;
    vertical-align: middle;
}

.immoaufgabenzeile .tabellenspalte.titel {
    width: 50%;
    margin-bottom: 16px;
    font-weight: bold;
}

.immoaufgabenzeile .tabellenspalte.person {
    width: calc(25% - 100px);
    margin-bottom: 16px;
    font-weight: bold;
}

.immoaufgabenzeile .tabellenspalte.zeit {
    width: calc(25% - 100px);
    margin-bottom: 16px;
    font-weight: bold;
}

.immoaufgabenzeile .tabellenspalte.optionen {
    text-align: right;
    width: 100px;
    margin-bottom: 16px;
}

.immoaufgabenzeile .immoaufgabensubs div {
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    margin-top: 4px;
    padding: 2px 2px 2px 32px;
    border-bottom: 1px solid #a5a5a5;
}



@media screen and (max-width: 700px) {
    .immoaufgabenzeile .tabellenspalte.titel {
        width: auto;
        display: block;
    }
    .immoaufgabenzeile .tabellenspalte.person {
        width: auto;
        display: block;
    }
    .immoaufgabenzeile .tabellenspalte.zeit {
        width: auto;
        display: block;
    }
}



@media print {
    .objekt .aktivitaeten {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        height: auto;
        margin-bottom: 32px;
        border: none;
    }
    .objekt .datenbereich {
        width: 100%;
    }
}



.immobelegungneu .titelzeile {
    white-space: nowrap;
}

.immobelegungneu .titelzeile .objekt {
    width: 180px;
    display: inline-block;
    font-size: 11px;
    margin: 2px;
    border: 1px solid #f5f5f5;
    vertical-align: top;
    background-color: #f5f5f5;
}

.immobelegungneu .titelzeile .kasten {
    width: 30px;
    display: inline-block;
    font-size: 11px;
    text-align: center;
    padding: 0px;
    margin: 2px;
    border: 1px solid #727272;
    vertical-align: top;
    background-color: #fff;
    padding-top: 8px;
    padding-bottom: 8px;
}

.immobelegungneu .zeile {
    white-space: nowrap;
}

.immobelegungneu .zeile .objekt {
    width: 180px;
    display: inline-block;
    font-size: 11px;
    margin: 2px;
    border: 1px solid #727272;
    vertical-align: top;
    background-color: #fff;
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: center;
}

.immobelegungneu .zeile .kasten {
    width: 30px;
    display: inline-block;
    font-size: 11px;
    text-align: center;
    padding: 0px;
    margin: 2px;
    border: 1px solid #727272;
    vertical-align: top;
    background-color: #fff;
    padding-top: 8px;
    padding-bottom: 8px;
}

.immobelegungneu .zeile .kasten:hover {
    border: 1px solid #343434;
    cursor: pointer;
}



.immobtbliste .btbzeile {
    padding: 8px;
    border: 1px solid #727272;
    cursor: pointer;
    margin-bottom: 4px;
    background-color: #fff;
}

.immobtbliste .btbzeile:hover {
    background-color: #d3ffba;
}

.grauer_immo_text {
    color: #4b4b4b;
}



.immouploadoverlay table {
    border: 0;
    border-collapse: collapse;
}

.immouploadoverlay table td {
    padding: 8px;
    border-bottom: 1px solid #585858;
    word-break: break-all;
}

.immouploadoverlay table td img {
    height: 16px;
}

.immouploadoverlay table thead td {
    text-align: center;
}

.immouploadoverlay input[type="radio"] {
    height: 20px;
    width: 20px;
    margin-bottom: 0px;
}



table.akquisetabelle {
    width: 100%;
}

table.akquisetabelle td {
    border-radius: 3px;
    transition: all .1s;
    vertical-align: top;
    font-size: 12px;
    background: linear-gradient( 120deg , #e2e2e2 0%, #dedede 100%);
    padding: 10px;
}

table.akquisetabelle td a {
    font-size: 12px;
}

table.akquisetabelle td.not {
    border-bottom: 11px solid #5c7658;
    
}

table.akquisetabelle td.done {
    border-bottom: 11px solid #17bf00;
}

table.akquisetabelle td.not:hover {
    background: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
    cursor: pointer;
}

table.akquisetabelle td.done:hover {
    background: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
    cursor: pointer;
}

table.akquisetabelle td.klickbar {
    cursor: pointer;
}

table.akquisetabelle td.klickbar:hover {
    background: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
}



.neubauliste .immoobjekt {
    cursor: default;
}

.neubauliste .immoobjekt:hover{
    background-color: #fff;
}