.single-advert .seller-details.flex-wrap {
align-items: flex-start;
} .author header div.flex-wrap.seller-details.flex-start-h {
align-items: flex-start !important;
}   @font-face {
font-family: 'Google Sans Code';
src: url(//www.mietportalo.de/wp-content/themes/adifier-child/fonts/GoogleSansCode-Light.woff2) format('woff2');
font-weight: 300;
font-style: normal;
font-display: swap;
} @font-face {
font-family: 'Google Sans Code';
src: url(//www.mietportalo.de/wp-content/themes/adifier-child/fonts/GoogleSansCode-Bold.woff2) format('woff2');
font-weight: 700;
font-style: normal;
font-display: swap;
} @font-face {
font-family: 'Roboto';
src: url(//www.mietportalo.de/wp-content/themes/adifier-child/fonts/Roboto-Regular.woff2) format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
} @font-face {
font-family: 'Roboto';
src: url(//www.mietportalo.de/wp-content/themes/adifier-child/fonts/Roboto-Bold.woff2) format('woff2');
font-weight: 700;
font-style: normal;
font-display: swap;
} @font-face {
font-family: 'Roboto Condensed';
src: url(//www.mietportalo.de/wp-content/themes/adifier-child/fonts/RobotoCondensed-Regular.woff2) format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
} body {
font-family: 'Roboto', Arial, sans-serif;
background: #f3f3f3; font-size: 15px;
line-height: 1.6;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Roboto', Arial, sans-serif;
font-weight: 700;
line-height: 1.2;
}
main {
margin: 10px 0;
background-color: #f3f3f3; font-size: 15px;
} textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder,
.header-search input::-webkit-input-placeholder,
.element-qs input::-webkit-input-placeholder,
.messages-textarea::-webkit-input-placeholder {
color: #777;
opacity: 1;
}
textarea::-moz-placeholder,
input::-moz-placeholder,
.header-search input::-moz-placeholder,
.element-qs input::-moz-placeholder,
.messages-textarea::-moz-placeholder {
color: #777;
opacity: 1;
}
textarea:-ms-input-placeholder,
input:-ms-input-placeholder,
.header-search input:-ms-input-placeholder,
.element-qs input:-ms-input-placeholder,
.messages-textarea:-ms-input-placeholder {
color: #777;
opacity: 1;
}
textarea:-moz-placeholder,
input:-moz-placeholder,
.header-search input:-moz-placeholder,
.element-qs input:-moz-placeholder,
.messages-textarea:-moz-placeholder {
color: #777;
opacity: 1;
} @media (min-width: 1200px) {
h1, .h1-size { font-size: 42px; }
h2 { font-size: 36px; }
h3 { font-size: 28px; }
h4, .h4-size { font-size: 22px; }
h5, .h5-size { font-size: 18px; }
h6 { font-size: 16px; }
}
@media (max-width: 992px) {
h1, .h1-size { font-size: 36px; }
h2 { font-size: 28px; }
h3 { font-size: 22px; }
h4, .h4-size { font-size: 18px; }
h5, .h5-size { font-size: 16px; }
h6 { font-size: 14px; }
}
@media (max-width: 576px) {
h1, .h1-size { font-size: 28px; }
h2 { font-size: 22px; }
h3 { font-size: 19px; }
h4, .h4-size { font-size: 18px; }
h5, .h5-size { font-size: 16px; }
h6 { font-size: 12px; }
} .cf-advert-list .cf-label,
.single-advert-actions li a,
.top-advert-meta,
.bottom-advert-meta a,
.top-advert-meta a,
.bottom-advert-meta .price span:not(.price-symbol):not(.text-price),
.form-group .description,
.styled-radio label:before,
.styled-checkbox label:before,
.message-date-header,
.message-time,
.conversation-time,
.conversation-last-message,
.images-uploader .aficon-cloud-upload,
.another-video,
.video-input-wrap a {
color: #808080;
} .aficon-dollar-sign:before {
content: '€';
font-family: Arial, sans-serif;
} .hinweistext {
display: block;
font-size: 13px;
color: #333;
margin-top: 4px;
line-height: 1.4;
}
.hinweistext-kursiv {
display: block;
font-size: 13px;
color: #333;
margin-top: 4px;
line-height: 1.4;
font-style: italic;
}
.hinweistext-rot {
display: block;
font-size: 13px;
color: #cc3333;
margin-top: 4px;
line-height: 1.4;
} .navigation li a,
.navigation li a:visited {
font-family: 'Roboto Condensed', Arial, sans-serif;
font-size: 18px;
font-weight: 700;
}
.navigation li.current_page_item > a,
.navigation li.current-menu-item > a,
.navigation li.current_page_item > a:visited,
.navigation li.current-menu-item > a:visited {
color: #cc3333;
font-weight: bold;
}
@media (max-width: 1024px) {
.navigation > li {
display: block;
float: none;
padding: 10px;
border-bottom: 1px solid #ddd;
font-weight: bold;
}
}
@media (min-width: 1200px) {
.container { width: 1170px; }
} .dropdown-menu { min-width: 210px !important; }
.kc-search .af-button { background: #cc3333; }
.kc-search .af-button:hover { background: #ff523f; }
.header-search select:not(:checked) { color: #777; }
.header-search .keyword-wrap:after,
.header-search .header-location:after,
.header-search .styled-select:after { color: #777; opacity: 0.4; }
.header-search > a,
.header-search > a:hover,
.header-search > a:focus { font-size: 17px !important; }
.kc-search-vertical { padding: 10px; }
.kc-search-vertical .header-search select,
.kc-search-vertical .header-search input { margin-bottom: 0; } .author-dashboard { background: #f6f6f6; }
label { font-size: 13px; font-weight: 600; display: inline-block; color: #4b586b; }
.adverts-filter ul li a {
background: #006699 !important;
border: none;
color: #fff !important;
border-radius: 50px;
padding: 5px 15px;
font-size: 13px;
}
.adverts-filter ul li a:hover,
.adverts-filter ul li.current a,
.adverts-filter ul li.active a,
.adverts-filter ul li a.active {
background: #CC3333 !important;
color: #fff !important;
}
.conversation-wrap.current,
.conversation-wrap:hover,
.conversation-filter input,
.messages-right { background: #f6f6f6; }
.modal .alert-error,
.modal .alert-success,
.modal .alert-info { line-height: 27px; font-size: 13px; }
@media (max-width: 767px) {
.social-login li .facebook img,
.social-login li .twitter img,
.social-login li img { margin: 0 9px; }
}
.user-details { margin-bottom: 5px; padding-top: 5px; }
.author-sidebar-list li a { padding: 5px; padding-left: 10px; }
.cf-advert-list .cf-value { margin-left: 0; }
.acc-selected-type-box { padding: 3px; background: #eee; }
body .small-sidebar-close {
position: fixed;
width: 50px;
height: 50px;
border-radius: 50px;
text-align: center;
box-shadow: 0 0 10px 0 rgba(0,0,0,.12);
background: #fff;
border: none;
padding: 0;
margin: 0;
line-height: 50px;
}
@media screen and (min-width: 1024px) {
.select2-container--default .select2-results > .select2-results__options { max-height: 400px; }
} .profile-advert-views { font-size: 13px; }
.icon-caption { font-size: 13px; }
.status {
font-size: 10px;
text-transform: uppercase;
color: #fff;
border-radius: 2px;
padding: 2px 10px;
display: inline-block;
font-weight: 700;
}
.status.live { background: green; } .profile-advert .action a.mp-toggle-advert-btn i {
background: #F8F8F8;
color: #C0392B;
border-radius: 50%;
transition: background .2s ease, color .2s ease;
}
.profile-advert .action a.mp-toggle-advert-btn.active:hover i {
background: #F0F0F0;
color: #C0392B;
}
.profile-advert .action a.mp-toggle-advert-btn.paused i {
background: green !important;
color: #fff !important;
}
.profile-advert .action a.mp-toggle-advert-btn.paused:hover i {
background: green !important;
color: #fff !important;
}
.mp-toggle-advert-btn.paused { color: green; } .profile-advert .action a:nth-child(4) i {
background: #F8F8F8;
color: #C0392B;
transition: background-color .2s ease;
}
.profile-advert .action a:nth-child(4):hover i {
background: #006699;
color: #fff;
}  .mp-vendor-cats { margin-top: 18px; }
.mp-vendor-cats-title { margin: 0 0 10px; font-weight: 600; }
.mp-vendor-cats-pills { display: flex; flex-wrap: wrap; gap: 8px; }
.mp-vendor-cats-pill {
display: inline-block;
padding: 6px 14px;
font-size: 13px;
line-height: 1.4;
color: #333;
background: #f3f3f3;
border-radius: 5px;
text-decoration: none;
transition: all .2s ease-in-out;
}
.mp-vendor-cats-pill:hover { background: #e9e9e9; color: #000; } .mp-vendor-cats-toggle{
display:inline-block;
margin-top:8px;
cursor:pointer;
color:#cc3333;
font-size:15px;
}  .mp-button {
display:block;
width:100%;
max-width:250px;
padding:6px 14px;
font-size:15px;
line-height:1.4;
color:#333;
background:#f3f3f3;
border-radius:5px;
text-decoration:none;
transition:all .2s ease-in-out;
}
.mp-button:hover {
background:#e9e9e9;
color:#000;
} a.mp-button.mp-button-rot { background:#CC3333; color:#fff; }
a.mp-button.mp-button-rot:hover { background:#d3d7dc; color:#fff; } a.mp-button.mp-button-blau { background:#006699; color:#fff; }
a.mp-button.mp-button-blau:hover { background:#16344A; color:#fff; }  .table-preise {
width: 100%;
table-layout: auto;
}
.table-preise th,
.table-preise td {
padding: 4px 6px;
vertical-align: middle;
font-size: 13px;
border-bottom: 1px solid #eee;
}
.table-preise th {
font-weight: 600;
color: #333;
text-align: left;
}
.table-preise input[type="text"],
.table-preise select {
width: 100%;
margin: 0;
height: 32px;
font-size: 13px;
line-height: 20px;
padding: 0 6px;
background: #fff;
border: none;
border-bottom: 2px solid #f1f1f1;
box-sizing: border-box;
}
.table-preise td.icon-cell {
text-align: center;
padding: 0;
width: 40px;
}
.table-preise td.icon-cell a {
display: flex;
align-items: center;
justify-content: center;
height: 32px;
}
.table-preise .aficon-plus-circle {
font-size: 18px;
color: #00a591;
font-weight: bold;
}
.table-preise .aficon-times-circle {
font-size: 18px;
color: #C0392B;
font-weight: bold;
}
@media (min-width: 769px) {
.table-preise { table-layout: fixed; width: 100%; }
.table-preise th:first-child,
.table-preise td:first-child { width: 140px; }
.table-preise th:nth-child(3),
.table-preise td:nth-child(3) input[type="text"] {
text-align: right !important;
width: 120px;
white-space: nowrap;
}
}
@media (max-width: 768px) {
.table-preise thead { display: none; }
.table-preise tr {
display: block;
margin-bottom: 12px;
padding-bottom: 8px;
border-bottom: 1px solid #eee;
}
.table-preise td.zeitraum-cell,
.table-preise td.preistext-cell { display: block; padding: 4px 0; }
.table-preise td.preisfeld,
.table-preise td.icon-cell.add,
.table-preise td.icon-cell.delete {
display: inline-block;
vertical-align: middle;
white-space: nowrap;
}
.table-preise td.preisfeld { width: 77%; padding: 4px 0; }
.table-preise td.icon-cell.add,
.table-preise td.icon-cell.delete { width: 10%; }
} @media (min-width: 769px) {
.table-mietpreise { table-layout: fixed; width: 100%; }
.table-mietpreise th:first-child,
.table-mietpreise td:first-child { width: 140px; white-space: nowrap; }
.table-mietpreise th,
.table-mietpreise td {
padding: 6px 8px;
font-size: 15px;
border-bottom: 1px solid #eee;
}
.table-mietpreise th:nth-child(3),
.table-mietpreise td:nth-child(3) {
text-align: right;
white-space: nowrap;
width: 120px;
}
}
@media (max-width: 768px) {
.table-mietpreise thead { display: none; }
.table-mietpreise tbody tr {
display: grid;
grid-template-columns: 60% 40%;
grid-template-rows: auto auto;
grid-template-areas: "zeitraum preis" "preistext preistext";
margin-bottom: 16px;
padding-bottom: 8px;
border-bottom: 2px solid #eee;
}
.table-mietpreise tbody tr td:nth-child(1) {
grid-area: zeitraum;
padding: 4px 0;
}
.table-mietpreise tbody tr td:nth-child(3) {
grid-area: preis;
padding: 4px 0;
text-align: right;
font-weight: 600;
}
.table-mietpreise tbody tr td:nth-child(2) {
grid-area: preistext;
padding: 4px 0;
}
.table-mietpreise tbody tr td {
width: 100%;
border: none;
font-size: 15px;
}
} .table-opening-hours { width: 100%; border-collapse: collapse; }
.table-opening-hours th,
.table-opening-hours th.label,
.table-opening-hours .opening-label {
font-size: 15px; font-weight: 600; color: #333; text-align: left; padding: 2px 5px;
}
.table-opening-hours td {
padding: 2px 5px; vertical-align: middle; font-size: 15px; border-bottom: none !important;
}
.table-opening-hours td:nth-child(3),
.table-opening-hours td:nth-child(4),
.table-opening-hours td:nth-child(5),
.table-opening-hours td:nth-child(6) { padding-right: 5px; }
.table-opening-hours .status-cell {
width: 160px; max-width: 180px; white-space: nowrap;
}
.styled-select select { padding-right: 20px; }
.table-opening-hours th[colspan="2"] { text-align: center; }
.single-advert .table-opening-hours td,
.single-advert .table-opening-hours th { font-size: inherit; } .frontend-edit-button {
padding: .5em 1em;
border: none;
background: #FFA500;
color: #fff;
border-radius: 4px;
cursor: pointer;
}
.frontend-edit-button:hover { background: #0053ba; }
.advert-list .bottom-advert-meta .price,
.bottom-advert-meta .price { font-size: 18px; }
.advert-carde .top-advert-meta { opacity: 1; }
.cf-advert-list { font-size: 15px; } .adv-title .text-overflow {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
.advert-cat.text-overflow,
.advert-city.text-overflow {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
max-width: 100%;
}
.advert-city.text-overflow { max-width: 120px; } .expandable-content {
overflow: hidden;
max-height: 0;
visibility: hidden;
position: relative;
transition: max-height .5s ease;
}
.expandable-content::after {
display: none !important;
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 1.2em;
background: linear-gradient(to bottom, transparent, white);
pointer-events: none;
transition: opacity .3s ease;
opacity: 1;
}
.expandable-content.ready { visibility: visible; }
.expandable-content.ready.overlay::after { display: block !important; }
.expandable-content.expanded::after { opacity: 0; }
.expandable-wrapper.expanded .expandable-content { max-height: 5000px; }
.mp-toggle-button {
background: #cc3333; border: none; color: #ffffff;
font-size: 15px; cursor: pointer;
padding: 10px 16px; margin-top: 10px;
border-radius: 4px; display: inline-block;
text-align: center; text-decoration: none;
appearance: none; -webkit-appearance: none;
background-image: none;
transition: background-color .3s ease;
}
.mp-toggle-button:hover { background: #FF5A5F; } .page-title { padding: 10px 0; }
.white-block-beschreibung { margin: 10px 0; padding: 15px; }
.white-block-content { padding: 15px; }
.white-block-title { padding: 15px 15px 0 15px; }
@media (min-width: 431px) {
body:not(.page-template-page-tpl_search):not(.page-template-page-tpl_search_map):not(.single-advert):not(.tax-advert-category):not(.tax-advert-location):not(.page-template-page-tpl_sellers) .page-title {
padding-bottom: 0 !important;
}
}
.bottom-sidebar-wrap { font-size: 15px; }
@media (max-width: 767px) {
.logo {
display: flex; justify-content: center; align-items: center;
}
.logo img {
width: auto !important; height: auto !important;
max-width: 100%; transform: scale(1.5); display: block;
}
} .aficon-angle-right:before,
.aficon-angle-down:before { font-size: 18px; font-weight: bold; }
.af-button,
input[type="submit"],
.af-button:focus,
.af-button:active { font-size: 12px !important; }
.tax-included { font-size: 12px; color: #aaa; }
@media (max-width: 768px) {
.responsive-table td { display: block; width: 100% !important; }
}
pre,
optgroup,
.filter-slider.ui-corner-all,
.select2-container--default .select2-search--dropdown .select2-search__field,
.select2-container--default .select2-results__option[aria-selected="true"],
.header-search,
.price-table-price .tax-included { color: #333; } .untertitel {
font-size: 1em; font-weight: bold; color: #006699; margin-top: 5px;
}
.forminator-hidden { display: none !important; }