/* Logo */
/*@media screen and (min-width: 900px) {
    .uk-logo {margin-top: -45px;}
}*/
/* toolbar */
.uniwhite .djcf_user_avatar_img, .uniwhite .djcf_user_avatar_img:hover {background: #96cb4f; border-radius: 50px;}
.uk-subnav a.uniwhite:hover, .uk-subnav a.uk-button-primary, .uk-subnav > .uk-active a.uniwhite {color: #fff;}

#tm-main .uk-container #dj-classifieds {background-color: #fff;}

#uniusermenu {background: #8dc63f;}

.uk-divider-icon {
background-image: url(../images/paw_icon.svg);
background-size: contain;
}
#dj-classifieds .dj-additem .title_top {background-color: #E2DEDA !important;}

/* Login */

.com-users-login__description {margin-bottom: 20px;}
.control-label {margin: 0;}
.form-control-feedback {color: darkred;}
/*
.control-label {width: 200px; float: left;}
div.controls {width: 80%;}*/

span.unihighlight {background: #f5a854; color: #fff; padding: 2px 5px;}

/* Registrieren */
.uniprofile input.form-control {border: 1px solid #585759; height: 30px;}
.uniprofile .btn.btn-secondary {padding: 0 23px; font-size: 16px; line-height: 36px;background-color: #f0f2ee;border: none;border-radius: 18px;}
xxfieldset {border: 1px solid #C6C3BE; }


/* DJ Classifieds Profil bearbeiten */

.uniprofile label#jform_com_fields_import_via_traces-lbl {width: 200px; float: left;}
.uniprofile label.btn {line-height: 20px; text-transform: none; font-weight: 400; font-family: inherit;}
.uniprofile label#jform_com_fields_ich_interessiere_mich_fuer-lbl {text-align: left !important; width: none !important;}
.uniprofile .label.star {display: none;}


.mod_djclassifieds_items .verified_icon, .dj_cf_maps .verified_icon {
  display: inline-block;
  width: 18px;
  height: 20px;
  background: url(../images/icon_verified.svg) center center no-repeat;}

#dj-classifieds .dj-additem .djform_row {border-bottom: none; padding: 5px 0; margin: 0;}

#dj-classifieds select,
.dj_cf_regions_selects select,
.dj_cf_search select {
    background: #fff !important;
}


/* Nur den Container des TinyMCE auf 100% setzen */
.djform_field .tox-tinymce {
    width: 100% !important;
    min-width: 100%;
}

/* New Button */
span.new_icon {
  display: inline-block;
  background: #96cb4f;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #fff;
  padding: 0 5px;
  line-height: 20px;
  font-weight: bold;
  border-radius: 5px;
  margin-left: 10px;
  vertical-align: super;
}

/* Inserate */

#uniads div.uk-grid > div.uk-width-auto {padding: 0;}


/*Types*/
span.type_button {position: absolute; top: 0; left: 0; border-top-left-radius: 12px}
.btn_pflegestelle, .btn_notfall, .bt_handarbeit, .btn_reserviert, .btn_suche, .btn_verkauf, .btn_spende, .btn_tierschutz, .btn_garten, .btn_zaun, .btn_katzenleiter {padding: 2px 8px;}

/* promotions */
.p_special .el-meta, .p_special .el-content{
    font-weight: 400;
}

.p_bold .el-title,
.p_special .el-title{
    -webkit-text-stroke-color: #111;
}

.p_bg .el-meta,
.p_bg .el-content,
.p_special .el-meta,
.p_special .el-content {
    color: #111;
}
/*Promo Hintergrund*/
.p_bold { background-color: #fff1cd; color: #111; }
.p_bold::after {
    content: "\2605";
    position: absolute;
    top: auto; 
    right: 0px;
    bottom: 0px;
    left: auto;
    padding: 5px 10px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    background-color: #ffcc00;
    border-radius: 14px 0 8px 0;
}

.p_special { border: solid 3px #8CBF3F; background-color: #e5eeda; }
.p_special::after {
    content: "\2605";
    position: absolute;
    top: auto; 
    right: 0px;
    bottom: 0px;
    left: auto;
    padding: 5px 10px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    background-color: #8CBF3F;
    border-radius: 14px 0 8px 0;
}
.p_border { border: solid 3px #8CBF3F; }
.p_border::after {
    content: "\2605";
    position: absolute;
    top: auto; 
    right: 0px;
    bottom: 0px;
    left: auto;
    padding: 5px 10px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    background-color: #8CBF3F;
    border-radius: 14px 0 8px 0;
}

.p_bg { background-color: #e5eeda; }
/*.p_bg::after {
    content: "\2764";
    position: absolute;
    top: 0px; 
    right: auto;
    bottom: auto;
    left: 0;
    padding: 5px 10px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    background-color: #ac0000;
    border-radius: 16px 0 8px 0;
}*/

/* end of promotions */

/* ===== Inserat-Formular – Responsives Layout ===== */

/* Nur den Container des TinyMCE auf 100% setzen */
.djform_field .tox-tinymce {
    width: 100% !important;
    min-width: 100%;
}

/* Flex-Zeilen: Hauptfelder (ohne Container-Wrapper-Zeilen und ohne d-block) */
#dj-classifieds .dj-additem .djform_row:not(.d-block):not(.extra_fields) {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 8px;
}

/* Label: fixe Breite, kein float */
#dj-classifieds .dj-additem .djform_row:not(.d-block):not(.extra_fields) > .label {
    float: none;
    flex: 0 0 200px;
    margin: 8px 0;
    padding-top: 6px;
    box-sizing: border-box;
}

/* Feld: nimmt restlichen Platz ein, max. 80% auf Desktop */
#dj-classifieds .dj-additem .djform_row:not(.d-block):not(.extra_fields) > .djform_field {
    float: none;
    flex: 1 1 300px;
    max-width: 80%;
    min-width: 0;
    box-sizing: border-box;
}

/* Inputs und Selects füllen ihren Container */
#dj-classifieds .dj-additem .djform_row .djform_field input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
#dj-classifieds .dj-additem .djform_row .djform_field select {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* Kategorie: Selects untereinander */
#dj-classifieds .dj-additem .djform_row.category .djform_field {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

#dj-classifieds .dj-additem .djform_row.category .djform_field select.cat_sel {
    width: 100%;
}

/* d-block-Zeilen: Flex erzwingen (überschreibt UIkit's display:block !important) */
#dj-classifieds .dj-additem .djform_row.d-block {
    display: flex !important;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 8px;
}

#dj-classifieds .dj-additem .djform_row.d-block > .label {
    float: none;
    flex: 0 0 200px;
    margin: 8px 0;
    padding-top: 6px;
    box-sizing: border-box;
}

#dj-classifieds .dj-additem .djform_row.d-block > .djform_field {
    float: none;
    flex: 1 1 300px;
    max-width: 80%;
    min-width: 0;
    box-sizing: border-box;
}

/* ===== Mobile (< 640 px) ===== */
@media (max-width: 639px) {
    #dj-classifieds .dj-additem .djform_row:not(.d-block):not(.extra_fields) > .label,
    #dj-classifieds .dj-additem .djform_row.d-block > .label {
        flex: 0 0 100% !important;
        width: 100% !important;
        text-align: left !important;
        padding-top: 0 !important;
        margin: 0 0 4px !important;
    }

    #dj-classifieds .dj-additem .djform_row:not(.d-block):not(.extra_fields) > .djform_field,
    #dj-classifieds .dj-additem .djform_row.d-block > .djform_field {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    #dj-classifieds .dj-additem .djform_row .djform_field input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]),
    #dj-classifieds .dj-additem .djform_row .djform_field select {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}

div.uk-form-controls textarea#ask_message {min-height: 220px;}

/* Inserate im Archiv */
.uni-background-archiv {opacity: 0.5;}
.uni-background-archiv:hover {opacity: 0.9;}

#ask_submit_b.uk-button {background:#8CBF3F; color: #fff; border: solid 2px #fff;}
#ask_submit_b.uk-button:hover {background:#8cc63f; color: #fff; border: solid 2px #fff;}

#dj-classifieds .dj-additem .terms_and_conditions {
  text-align: left !important;
  padding: 0 20px;
}


/* DJ Search */

#dj-classifieds a:not(.page-link):not(.button) {
  color: #6fa52e !important;
}

.unidj #dj-classifieds {padding: 40px;}

/** ABO **/

#dj-classifieds .title_top {font-size: 18px;}

/* Blendet die Option "Exportieren" im Dropdown der Privatsphäre-Anfrage aus */
#jform_request_type option[value="export"] {
    display: none !important;
}