/* !!! Bootstap in bootstrap_portale.css ausgelagert */
/*
	CSS Globale Variabeln
	Bsp. background-color: var(--color_online);
*/
:root {
	--color_online: #00a7ed;
	--color_immobilien: #1a4c98;
	--color_autos: #3b84c1;
	--color_singles: #cc0000;
	--color_stellen: #649748;
	--color_shopping: #449900;
	--color_reisen: #ee7711;
	--color_finanzen: #1199bb;
	--color_computer: #e6ac00;
	--color-online: #00a7ed;
	--color-immobilien: #1a4c98;
	--color-autos: #3b84c1;
	--color-singles: #cc0000;
	--color-stellen: #649748;
	--color-shopping: #449900;
	--color-reisen: #ee7711;
	--color-finanzen: #1199bb;
	--color-computer: #e6ac00;

    --color-schrift: #626262;
    --color-cta: #42b72a;
    --schriftart: 0.85rem/1.5 Verdana, Arial, Helvetica, sans-serif;

	--color-weiss: #fff;

	--color-shadow: #00000088;

	--color-grau: #e6e6e6;



    --color-pale-orange: #FFF3D5;
}

.bg-immobilien{background-color:var(--color-immobilien)!important;}
.bg-autos{background-color:var(--color-autos)!important;}
.bg-singles{background-color:var(--color-singles)!important;}
.bg-stellen{background-color:var(--color-stellen)!important;}
.bg-shopping{background-color:var(--color-shopping)!important;}
.bg-reisen{background-color:var(--color-reisen)!important;}
.bg-finanzen{background-color:var(--color-finanzen)!important;}
.bg-computer{background-color:var(--color-computer)!important;}

html, body {
    max-width: 100vw;
    /*overflow-x: hidden;*/
    text-align:left;
    margin: 0;
    padding: 0;
}
body, table, td {
	font: var(--schriftart);
	color: var(--color-schrift);
}
img	{ border: none; }

/* Fontgrößen */
smaller,.smaller {
    font-size:0.625rem;
    overflow: hidden;
}
small,.small {
    font-size:0.688rem;
    overflow: hidden;
}
medium,.medium {
    font-size:0.875rem;
    overflow: hidden;
}
large,.large {
    font-size:1.063rem;
    overflow: hidden;
}
larger,.larger {
    font-size:1.25rem;
    overflow: hidden;
}
h1,
h2,
h3 {
	line-height: 1.5;
	margin-top: 0;
	padding-top: 0;
}
h1 { font-size: 1.375rem;padding-top:1.375rem;padding-bottom:1.375rem;color:var(--color-portal) }
h2 { font-size: 1.25rem; }
h3 { font-size: 1.125rem; }
.bc-portal {border-color: var(--color-portal) !important}
.text-left{text-align: left;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.text-highlight{color: #0d6efd;opacity: .65;}

.fs-15{
	font-size: 15px;
}
.fs-12{
	font-size:12px;
}
.td-none{
	text-decoration:none;
}

.mw-1020px { max-width: 1020px; }
.w-45{
	width:45%;
}

.mb-10-px{margin-bottom:10px;}
.mb-5-px{margin-bottom:5px;}

.overflow_visible{overflow:visible;}
.overflow_hidden{overflow:hidden;}

.rsp-table { display: table; }
.rsp-table tr { display: table-row; }
.rsp-table th { display: table-cell; font-weight: bold; }
.rsp-table th, .rsp-table td { display: table-cell; padding-right: 10px; padding-bottom: 10px; }

.link-marker {
    background: #8ad88a;
    padding: 1px;
    border-radius: 6px;
    display: inline-block;
    border: 1px groove #6c6;
}

.cfdebug, #seo_debugging {
    color: black;
	font-family: "Arial";
    font-size: 10px;
    text-align: left;
	line-height:13px;
}
a, a:link, a:active, a:visited { color: #000; }
a.textlink { text-decoration:underline;}
/* a:hover{color:var(--color-portal-hover)!important ;} */

.bg-portal{
    background-color: var(--color-portal)!important;
    color:#fff;
}

.bg-grau{
    background-color: var(--color-grau);
}

.bg-pale-orange{
    background-color: var(--color-pale-orange);
}

.border-portal{
    border: 1px solid var(--color-portal)!important;
}

.color-weiss{
    color: var(--color-weiss) !important;
}

.fa, .fas {
    border:none;
}
.fab {
    border:none;
}
.mw-1020px {
    max-width: 1020px;
    margin-left: auto;
    margin-right: auto;
}

/*
.itemContent {
    display: flex!important;
    flex-wrap: wrap;
}*/

.meldung_repsonsive{
	padding: 0.5rem;
	
	
}

div.itemContent:has(> div.meldung_repsonsive) { 
	 display: flex!important;
    flex-wrap: wrap;
}

.news-kacheln .cms_content{
       /*  word-break: break-all; */
            width: 240px !important;
}

.news-kacheln .cms_content img {
    border-radius: 6px 6px 0px 0px;
        padding-right: 0 !important;
}
.bg-weiss{
    background-color: var(--color-weiss);
}

form { margin:0; }
#page {
	margin:0 auto;
	text-align:left;
	position: relative;
}
#page_iframe {
	margin:0 auto;
	text-align:left;
}
#banner_hochformat {
	height:600px;
	top:130px;
	position:absolute;
	z-index:1;
}

#body_unten {
    background: var(--color-weiss);
    margin: 0;
    width: 100%;
    width: -moz-available;
    width: -webkit-fill-available;
    text-align: right;
    padding: 5px 10px 5px 10px;
    border-top: dotted 1px var(--color-schrift);
    border-bottom: dotted 1px var(--color-schrift);
    font-size: 11px;
}


/* Navigation */
.unternavigation {
    margin: 0px 0px 10px 0px;
    background:#eee;
    border-left: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
    border-bottom:1px solid #bbbbbb;
    overflow:hidden;
    width:100%;
}
.unternavigation ul, .unternavigation ul li {
    display:block;
    float:left;
    padding: 0;
    margin: 1px 0;
}
.unternavigation ul li {
        border-right: 1px solid #cccccc;
        margin-left: -1px;
}
.unternavigation ul li a {
    padding:1px 15px;
    font-size:12px;
    text-decoration:none;
    display:block;
    float:left;
}
.unternavigation .aktiv a {
    font-weight:bold;
    text-decoration: underline;
}

/* Breadcrumb */
#breadcrumb { margin:0px; color:#626262; padding: 4px 0; }
#breadcrumb li::after {
	background: no-repeat center url('/images_portal/chevron-forward-outline.svg');
	position:absolute;
	width: 15px;
	height:100%;
	right:0;
	top:0;
	content:'';
}
#breadcrumb a { display:block; color:#626262; text-decoration: none;  }
#breadcrumb ul { display:flex; margin:0; padding:0; list-style:none; width:100%;}
#breadcrumb li { margin:0; list-style:none; position:relative; }
#breadcrumb li span { display:block; padding:  7px 20px 7px 7px; font-size: 13px;line-height:22px; }
#breadcrumb li:last-child::after {
	display:none;
}


@media (min-width:1400px){
	
}
@media (min-width:1200px){
	
}
@media (min-width:992px){
	
}
@media (min-width:768px){
	
}
@media (min-width:576px){
	#breadcrumb { margin:0px; color:#626262; padding: 4px 0; }
	#breadcrumb li:first-child { text-indent: -9999px; width: 58px;
		/*background: url('<cfoutput>#icon_bread#</cfoutput>') no-repeat;--->*/
		/*background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M280.4 148.3L96 300.1V464a16 16 0 0 0 16 16l112.1-.3a16 16 0 0 0 15.9-16V368a16 16 0 0 1 16-16h64a16 16 0 0 1 16 16v95.6a16 16 0 0 0 16 16.1L464 480a16 16 0 0 0 16-16V300L295.7 148.3a12.2 12.2 0 0 0 -15.3 0zM571.6 251.5L488 182.6V44.1a12 12 0 0 0 -12-12h-56a12 12 0 0 0 -12 12v72.6L318.5 43a48 48 0 0 0 -61 0L4.3 251.5a12 12 0 0 0 -1.6 16.9l25.5 31A12 12 0 0 0 45.2 301l235.2-193.7a12.2 12.2 0 0 1 15.3 0L530.9 301a12 12 0 0 0 16.9-1.6l25.5-31a12 12 0 0 0 -1.7-16.9z" fill="%23ffffff"/></svg>') no-repeat center center;*/
		background: url('/images_portal/bread.svg') no-repeat center center;
		background-size:24px;
		background-color: var(--color-portal);
		color:white;
	}
	#breadcrumb a:hover { text-decoration:none; }
	#breadcrumb a { display:block; color:#626262; text-decoration: none;  }
	#breadcrumb ul { display:flex; margin:0; padding:0; list-style:none; width:100%;}
	#breadcrumb li { margin:0; list-style:none; position:relative; }
	#breadcrumb li span { display:block; padding: 7px 30px 7px 20px; font-size: 13px;line-height:22px; }
	#breadcrumb li {
		background-image: url('/images_portal/bread_part2.png'), url('/images_portal/bread_part1.png');
		background-repeat: no-repeat, repeat-x;
		background-position: right 0px, 0px 0px;
	}
	/* #breadcrumb li:first-child { text-indent: -9999px; height: 36px; width: 58px; margin-right: -10px; z-index: 2; background: url('/images_portal/bread_immo_home.png') no-repeat; }
	*/
	#breadcrumb li:last-child { background-image: url('/images_portal/bread_part3.png'), url('/images_portal/bread_part1.png'); }
	#breadcrumb li::after {
		display:none;
	}

	
}
/*mediaquery*/















.cms_content ul li{
	padding-top: 10px;
	padding-bottom: 10px;
}


/* BUTTON */
.btn { height: fit-content; }
.btn.btn-cta{
	background-color:var(--color-cta);
	color:var(--color-weiss);
}


.btn_cta_rev{
    background-color:var(--color-weiss)!important;
    border:1px solid var(--color-portal)!important;
    min-width: 90%;
}
/* BUTTON */
/* AUTOCOMLETE */
.ac_results {
	padding: 0px;
	border: 1px solid #3b84c1;
	background-color: #FFF;
	z-index: 10;
	/*width: 100%;*/
}
.ac_results ul {
	width: 100%;
	height:225px;
	list-style-position: outside;
	list-style: none;
	margin: 0;
	padding:0;
	text-align:left;
}
.ac_results li, .ac_results .ac_item {
	cursor: pointer;
	display: block;
	margin: 0;
	padding:4px 5px;
	border-bottom:1px dotted #eee;
	/*font: menu;*/
	overflow: hidden;
	/*font-weight: bold;*/
    text-decoration: none;
}
.ac_results_ok {
	font-weight: bold;
}
.ac_results iframe {
	display:none;/*sorry for IE5*/
	display:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:100%;
	height:200px;

}
.ac_loading {
	background: url('/images_portal/loading.gif') right center no-repeat;
	background-color: #fff;
}
.ac_over {  /* hover */
	background-color: #d0d0d0;
	color: #000000;
}

/* AUTOCOMPLETE V2 */
.ui-ac { padding: 0px; border: 1px solid #ccc; background-color: #fff; }
.ui-ac > * { display: block; margin: 0; padding: 8px 16px; overflow: hidden; text-align: left; font-size: 13px; text-decoration: none; }
.ui-ac .ac_item { cursor: pointer; color: #000 }
.ui-ac .ac_item_category:not(:first-child) { border-top: 1px dotted #ccc; }
.ui-ac .ac_item_category { color: #757575; }
.ui-ac .ac_item.selected { font-weight: bold; }

/*mediaquery*/
.fixed{position:fixed;}.static{position:static;}.relative{position:relative;}.absolute{position:absolute;}.sticky{position:sticky;}
.border-none{border-width:0!important;}
.border-top-0{border-top-width:0!important;}
.border-bottom-0{border-bottom-width:0!important;}
.border-start-0{border-left-width:0!important;}
.border-end-0{border-right-width:0!important;}
.pointer-events-none{pointer-events:none!important;}
.pointer-events-all{pointer-events:all!important;}
.bg-shadow{background-color:var(--color-shadow) !important;}
.bg-transparent{background-color:transparent !important;}
.h-100{height:100% !important;}
.h-auto{height:auto !important;}
.w-100{width:100% !important;}
.w-auto{width:auto !important;}
@media (min-width:1400px){
	.fixed-xxl{position:fixed;}.static-xxl{position:static;}.relative-xxl{position:relative;}.absolute-xxl{position:absolute;}.sticky-xxl{position:sticky;}
	.border-xxl-none{border-width:0!important;}
	.border-xxl-top-0{border-top-width:0!important;}
	.border-xxl-bottom-0{border-bottom-width:0!important;}
	.border-xxl-start-0{border-left-width:0!important;}
	.border-xxl-end-0{border-right-width:0!important;}
	.pointer-events-xxl-none{pointer-events:none!important;}
	.pointer-events-xxl-all{pointer-events:all!important;}
	.bg-xxl-shadow{background-color:var(--color-shadow) !important;}
	.bg-xxl-transparent{background-color:transparent !important;}
	.h-xxl-100{height:100% !important;}
	.h-xxl-auto{height:auto !important;}
	.w-xxl-100{width:100% !important;}
	.w-xxl-auto{width:auto !important;}
}
@media (min-width:1200px){
	.fixed-xl{position:fixed;}.static-xl{position:static;}.relative-xl{position:relative;}.absolute-xl{position:absolute;}.sticky-xl{position:sticky;}
	.border-xl-none{border-width:0!important;}
	.border-xl-top-0{border-top-width:0!important;}
	.border-xl-bottom-0{border-bottom-width:0!important;}
	.border-xl-start-0{border-left-width:0!important;}
	.border-xl-end-0{border-right-width:0!important;}
	.pointer-events-xl-none{pointer-events:none!important;}
	.pointer-events-xl-all{pointer-events:all!important;}
	.bg-xl-shadow{background-color:var(--color-shadow) !important;}
	.bg-xl-transparent{background-color:transparent !important;}
	.h-xl-100{height:100% !important;}
	.h-xl-auto{height:auto !important;}
	.w-xl-100{width:100% !important;}
	.w-xl-auto{width:auto !important;}
}
@media (min-width:992px){
	.fixed-lg{position:fixed;}.static-lg{position:static;}.relative-lg{position:relative;}.absolute-lg{position:absolute;}.sticky-lg{position:sticky;}
	.border-lg-none{border-width:0!important;}
	.border-lg-top-0{border-top-width:0!important;}
	.border-lg-bottom-0{border-bottom-width:0!important;}
	.border-lg-start-0{border-left-width:0!important;}
	.border-lg-end-0{border-right-width:0!important;}
	.pointer-events-lg-none{pointer-events:none!important;}
	.pointer-events-lg-all{pointer-events:all!important;}
	.bg-lg-shadow{background-color:var(--color-shadow) !important;}
	.bg-lg-transparent{background-color:transparent !important;}
	.h-lg-100{height:100% !important;}
	.h-lg-auto{height:auto !important;}
	.w-lg-100{width:100% !important;}
	.w-lg-auto{width:auto !important;}
}
@media (min-width:768px){
	.fixed-md{position:fixed;}.static-md{position:static;}.relative-md{position:relative;}.absolute-md{position:absolute;}.sticky-md{position:sticky;}
	.border-md-none{border-width:0!important;}
	.border-md-top-0{border-top-width:0!important;}
	.border-md-bottom-0{border-bottom-width:0!important;}
	.border-md-start-0{border-left-width:0!important;}
	.border-md-end-0{border-right-width:0!important;}
	.pointer-events-md-none{pointer-events:none!important;}
	.pointer-events-md-all{pointer-events:all!important;}
	.bg-md-shadow{background-color:var(--color-shadow) !important;}
	.bg-md-transparent{background-color:transparent !important;}
	.h-md-100{height:100% !important;}
	.h-md-auto{height:auto !important;}
	.w-md-100{width:100% !important;}
	.w-md-auto{width:auto !important;}
}
@media (min-width:576px){
	.fixed-sm{position:fixed;}.static-sm{position:static;}.relative-sm{position:relative;}.absolute-sm{position:absolute;}.sticky-sm{position:sticky;}
	.border-sm-none{border-width:0!important;}
	.border-sm-top-0{border-top-width:0!important;}
	.border-sm-bottom-0{border-bottom-width:0!important;}
	.border-sm-start-0{border-left-width:0!important;}
	.border-sm-end-0{border-right-width:0!important;}
	.pointer-events-sm-none{pointer-events:none!important;}
	.pointer-events-sm-all{pointer-events:all!important;}
	.bg-sm-shadow{background-color:var(--color-shadow) !important;}
	.bg-sm-transparent{background-color:transparent !important;}
	.h-sm-100{height:100% !important;}
	.h-sm-auto{height:auto !important;}
	.w-sm-100{width:100% !important;}
	.w-sm-auto{width:auto !important;}
}
@media (max-width:575px){
	h1,h2,h3 {font-weight:400; }	
}
/*mediaquery*/







/* Footer */
.footer_headline {
    font-size: 15px;
    border-bottom: 1px solid;
    margin-top:5px;
}




.footer_link_a {
    color: #fff !important;
    text-decoration: none;

        font-size: 12px;
}


















/* Immo Listing */
.immo_tabelle {
    overflow: hidden;
    border-bottom: 1px solid #dddddd;
    padding: 4px 8px;
    transition: transform 0.3s ease-out;
    height: auto;
    transform: scaleY(1);
    transform-origin: top;
    background: #f9f9f9;
    border-radius: 26px;
    margin-bottom: 1.5rem;
    padding: 1rem;
}
.immo_tabelle:hover {
    background: #eee;
}
.tabelle_inhalt_credit { font-size: 11px; font-weight: lighter; }
.immo_tabelle_col_bild {
    display: block;
    float: left;
    width: 244px;
    max-height: 200px;
    position: relative;
    background: #eeeeee;
    overflow: hidden;
    border-radius: 10px;
}
.immo_tabelle_inhalt_foto { display: block; height: inherit; margin: auto; }
img.immo_tabelle_inhalt_foto { max-width: 100%; max-height: 100%; }
.immo_tabelle_col_main {
    display: block;
    float: left;
    width: calc(100% - 244px);
}
@media (max-width: 420px) {
    .immo_tabelle_col_bild {
        width: 50%;
    }
    .immo_tabelle_col_main {
        width: 50%;
    }
}
.immo_tabelle_inhalt_title {
    display: block;
    font-weight: bold;
    color: #1a4c98 !important;
    text-decoration: none;
    font-size: 15px;
    overflow: hidden;
}
.immo_tabelle_inhalt_preis {
    color: #1a4c98;
    text-align: right;
    font-size: 15px;
    font-weight: bold;
}
.immo_tabelle_inhalt_credit {
    text-align: right;
    font-size: 13px;
}
.immo_tabelle_inhalt_credit > a {
    font-size: 12px !important;
}
.immo_data_boxes {
    overflow: hidden;
    margin-bottom: 10px;
}
.immo_data_box {
    border: 1px solid #dbdbdb;
    padding: 3px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
}
.immo_show_details_button {
    background-color: #1a4c98;
    font-size: 13px;
    height: 28px;
    line-height: 10px;
    margin-bottom: 4px;
    margin-left: 14px;
}
.immo_show_details_button a {
    text-decoration: none;
    display: block;
    padding: 8px 5px;
    color: white !important;
}
.immo_show_details_button a:hover {
    text-decoration: underline;
}
.immo_show_details_merken {
    padding: 2px 20px 0px 2px;
}
.social_media_obj.icon {
    display: inline-block;
    vertical-align: top;
    margin: 0 7px 0 7px;
}
.sm_icons {
    float: right;
    background-color: #fff;
    border: 2px solid #eee;
    padding: 3px;
    border-radius: 10px;
    box-shadow: 0 2px 5px 1px rgb(64 60 67 / 16%);
    margin-top: -2px;
}
.social_media_obj.share { padding: 5px 0 2px 0; cursor: pointer; margin-bottom: 4px; }
.svg-inline--fa {
    display: inline-block;
    font-size: inherit;
    height: 1.2em;
    overflow: visible;
    vertical-align: -.125em;
}
.immo_tabelle_inhalt_preis-col-5 {
    display: flex;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    width: 41.666667%;
    float: left;
}
.immo_tabelle_inhalt_preis-col-6 {
    display: flex;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
    float: left;
}
.immo_tabelle_inhalt_preis-col-7 {
    display: flex;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    width: 58.333333%;
    float: left;
}

.immo_tabelle_pagenation {
    display: inline-block; vertical-align: top;
    padding: 0.5rem 0;
    background: white;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #ddd;
    margin: 0 .2rem;
    user-select: none;
}
.immo_tabelle_pagenation.active,
.immo_tabelle_pagenation:hover {
    background: #1a4c98;
    color: white;
}
.immo_tabelle_pagenation_delimiter {
    display: inline-block; vertical-align: top;
    color: #000;
    vertical-align: bottom;
}
.immo_tabelle .interaction { margin: 0 8px; }
.immo_tabelle .socialmedialeiste-icons { max-width: 200px; margin-left: auto !important; text-align: center; }
/* Immo Listing; END */


/* Map Responsive */
.map_responsive_container {
    position: relative;
}
.map_responsive_container.fullscreen {
    display: block;
    width: calc(100vw - 20px) !important;
    height: calc(100vh - 20px) !important;
    position: fixed;
    top: 10px;
    right: 10px;
    left: 10px;
    bottom: 10px;
    z-index: 1000001;
    border: 4px solid #1a4c98;
    border-radius: 6px;
    overflow: hidden;
}
.map_responsive_fullscreen_underlay {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1000000;
    background: rgba(0,0,0,0.7);
}

.map_responsive_toggler {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1000;
    font-size: 20px;
    background: #fff;
    padding: 8px;
    border-radius: 4px;
    border: 1px solid #ccc;
    color: black;
    cursor: pointer;
}
.map_responsive_toggler > i { display: block; }

.map_responsive_fullscreen_underlay_mobile {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1000;
    background: rgba(0,0,0,0.6);
    cursor: pointer;
}

.map_responsive_fullscreen_underlay_mobile_button {
    position: absolute;
    box-sizing: border-box;
    padding: 20px;
    width: 140px;
    margin-left: calc(50% - 70px);
    margin-top: 40px;
    color: white;
    background: #222;
    border-radius: 6px;
    text-align: center;
}

@media(max-width: 712px) {
    .map_responsive_container {
        display: block; width: initial;
    }
    .map_responsive_fullscreen_underlay_mobile { display: block; }
}
/* Map Responsive; END */


.content_preview {
  position:relative;
  height:auto;
  overflow: hidden;
}

.cms_content{width:100%;overflow:hiden;}

.cms_content_preview_link{
    position: absolute;
    bottom: 15%;
    top:unset !important;
    z-index: 3;
    background: var(--color-portal);
    color: var(--color-weiss);
    padding: 10px 50px;
}
.cms_content_preview_link > a{

    color: var(--color-weiss);
    text-decoration: none;

}
.content_preview.masked{
      height: 270px;
}

.k_news{
    padding: 0 0 15px;
    margin:20px 0;
    box-shadow: 0px 0px 10px #ccc; border-radius: 10px;
    height: 250px;
    overflow: hidden;
}
.k_news .k_news_img_outer{
    overflow:hidden;text-align: center;
}

.k_news .k_news_img_outer .k_news_img{
     background-position: center;object-fit: cover;height: 100%;width: 100%;
}
@media(max-width: 712px) {
    .k_news {
        height:460px;
    }
    .k_news .k_news_img_outer{
        max-height:180px;
    }
    .k_news .k_news_img_outer .k_news_img{
        height:auto;
    }
    .cms_content_preview_link{bottom:15px;}
}

.content_preview.masked:after {
  content: "";
  position: absolute;
  top:0px;
  left:0;
  width:100%;
  height: 100%;
  z-index: 2;
  background: -webkit-linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,1) 75%);
  background: -moz-linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,1) 75%);
  background: -o-linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,1) 75%);
  background: linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,1) 75%);
}

/* Form */
.form-control-ssm {
	min-height: calc(1.25em + 0.4rem + 2px);
	padding: 0.1rem 0.5rem;
	font-size: .875rem;
	border-radius: 0.2rem;
}
/*form.obcond{}*/
[data-obcond]:not(.obcondE):not(.obcond-default){display:none!important;}
/*form.obcond .obcondV{}*/
.obcond .obcondE.InValidobcond{display:none!important;}
/*form.obcond .obcondE.Validobcond{}*/
.form-copy .form-copy-btn {height: auto;align-self: stretch;}
.form-copy .form-copy-btn.form-copy-round {display:flex;justify-content:center;align-items:center;width:1.25em;height:1.25em;padding:0;border-radius:100%;}
.form-copy .form-copy-btn i.fas.fa-plus{display:none;}
.form-copy .form-copy-btn i.fas.fa-minus{display:block;}
.form-copy:first-of-type .form-copy-btn i.fas.fa-plus{display:block;}
.form-copy:first-of-type .form-copy-btn i.fas.fa-minus{display:none;}
.form-copy:first-of-type .form-copy-btn i.fas.fa-minus{display:none;}

.form-hide .form-hide-btn {height: auto;align-self: stretch;}
.form-hide .form-hide-btn.form-hide-round {display:flex;justify-content:center;align-items:center;width:1.25em;height:1.25em;padding:0;border-radius:100%;}
.form-hide .form-hide-btn i.fas.fa-plus{display:none;}
.form-hide .form-hide-btn i.fas.fa-minus{display:block;}
.form-hide:first-of-type .form-hide-btn i.fas.fa-plus{display:block;}
.form-hide:first-of-type .form-hide-btn i.fas.fa-minus{display:none;}
.form-hide:first-of-type .form-hide-btn i.fas.fa-minus{display:none;}

input.form-control[maxlength="10"]	{width:10em;flex-grow:0;}
input.form-control[maxlength="9"]	{width:9em;flex-grow:0;}
input.form-control[maxlength="8"]	{width:8em;flex-grow:0;}
input.form-control[maxlength="7"]	{width:7em;flex-grow:0;}
input.form-control[maxlength="6"]	{width:6em;flex-grow:0;}
input.form-control[maxlength="5"]	{width:5em;flex-grow:0;}
input.form-control[maxlength="4"]	{width:4em;flex-grow:0;}
input.form-control[maxlength="3"]	{width:3em;flex-grow:0;}
input.form-control[maxlength="2"]	{width:2em;flex-grow:0;}
input.form-control[maxlength="1"]	{width:1em;flex-grow:0;}
.is-invalid{
	border-color: #dc3545 !important;
}
.form-control.form-control-ssm:focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0.25rem 0 0 0 rgb(13 110 253 / 25%), -0.25rem 0 0 0 rgb(13 110 253 / 25%);
}




label.input-overlay{
	position:relative;
}
label.input-overlay > input+span.input-overlay{
	position:absolute;
	top:1px;
	left:1px;
	width:calc(100% - 2px);
	height:calc(100% - 2px);
	background-color:#FFFFFF;
	border-radius: 0.25rem;
	pointer-events:none;
	padding: 0.375rem 0.75rem;
	color:#212529;
}
label.input-overlay > input:focus+span.input-overlay, label.input-overlay > input:placeholder-shown+span.input-overlay{
	display:none;
}



div.input-mask{
	position:relative;
}
div.input-mask > div.input-mask-content{
	position:absolute;
	top:0;left:0;
	width:100%;
	height:100%;
	background-color:#FFFFFF;
	pointer-events:none;
	padding: 0.375rem 0.75rem;
	color:#212529;
	text-align:left;
}
div.input-mask > .form-select-sm + div.input-mask-content,
div.input-mask > .form-control-sm + div.input-mask-content{
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	padding-left: 0.5rem;
	font-size: .875rem;
}
div.input-mask > .form-select-ssm + div.input-mask-content,
div.input-mask > .form-control-ssm + div.input-mask-content{
	padding-top: 0.1rem;
	padding-bottom: 0.1rem;
	padding-left: 0.5rem;
	font-size: .875rem;
}
div.input-mask > *:focus+div.input-mask-content, div.input-mask > *:placeholder-shown+div.input-mask-content{
	display:none;
}
div.input-mask.edit > div.input-mask-content > span{
	white-space: nowrap;
}
div.input-mask.edit > div.input-mask-content > span:after{
	content:"\a0";
	background: url(/images_portal/immobilien/wrench_icon.png) center left no-repeat;
	height: 1.1em;
	width: 1.1em;
	display: inline-block;
	position: relative;
	color: #1a4c98;
	cursor:pointer;
	right:-0.5em;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none;   /* Chrome/Safari/Opera */
	-khtml-user-select: none;    /* Konqueror */
	-moz-user-select: none;      /* Firefox */
	-ms-user-select: none;       /* Internet Explorer/Edge */
	user-select: none;
}

div.input-mask > .is-invalid + div.input-mask-content{
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
	border-radius: 0.25rem;
	border: 1px solid #dc3545;
}


.line-clamp-2{
	white-space: normal !important;
	display:-webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	text-overflow: ellipsis !important;
}

.suchanzeige .form-edit{
	display:flex;
	flex-wrap: nowrap;
}
.suchanzeige .form-edit > span{
	position:relative;
	white-space: nowrap;
}
.suchanzeige .form-edit > span.line-clamp-2{
	white-space: normal;
	display:-webkit-box !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
}
.suchanzeige .form-edit.onEdit > span{
	width:0;
	visibility: hidden;
}
.suchanzeige .form-edit > label{
	width:0;
	visibility: hidden;
}
.suchanzeige .form-edit.onEdit > label{
	width:100%;
	visibility:visible;
}
.suchanzeige .form-edit > span:after{
	content:"\a0";
	background: url(/images_portal/immobilien/wrench_icon.png) center left no-repeat;
	height: 1.1em;
	width: 1.1em;
	display: inline-block;
	position: absolute;
	top: 0.5rem;
	color: #1a4c98;
	cursor:pointer;
	right:-1.5em;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none;   /* Chrome/Safari/Opera */
	-khtml-user-select: none;    /* Konqueror */
	-moz-user-select: none;      /* Firefox */
	-ms-user-select: none;       /* Internet Explorer/Edge */
	user-select: none;
}

/* Form */


/* BS Modal */
.bs-modal{position:fixed;top:0;left:0;z-index:1055;display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}
/* BS Modal */
/* Layer */



.oui_layer{
	display:flex;
	justify-content:center;
	width:100vw;
	height:100vh;
	-webkit-animation:fadein .3s;animation:fadein .3s;
	background-color: rgba(var(--bs-dark-rgb),0.5);
	-webkit-transition: background .2s ease-out;
	-moz-transition: background .2s ease-out;
	-o-transition: background .2s ease-out;
	transition: background .2s ease-out;
}




.oui_layer .modal{
	display:flex;
	flex-direction:column;
	background-color:var(--color-portal);
	max-width:700px;
	/*max-height:80vh;*/
	height:100%;
	padding-top:64px;
	width:100%;
	border-radius:0.25rem;
	-webkit-animation:popin .3s;animation:popin .3s;
	padding-bottom:0.25rem;
	margin-bottom:-0.25rem;
	pointer-events:auto;
}
.oui_layer .modal .content_layer{
	display:flex;
	flex-direction:column;
	flex: 0 1 100%;
	overflow:hidden;
}
.oui_layer.minimized{
	align-items:end !important;
	background-color: rgba(var(--bs-dark-rgb),0);
	pointer-events:none;

}
.oui_layer.minimized .layer_min > i{
	transform: rotate(180deg);
}
.oui_layer.minimized .content_layer .row{
	display:none;
}
.oui_layer.minimized .content_layer .row.show-minimized{
	display:flex;
}
.oui_layer.spoiler-hidden .spoiler{
	display:none;
}
.oui_layer .spoiler-instant-show{
	display:none;
}
.oui_layer.spoiler-hidden .spoiler-instant-show{
	display:unset;
}
.oui_layer.spoiler-hidden .spoiler-instant{
	display:none;
}

.text-white{
	color:#FFFFFF;
}

@keyframes fadein{0%{opacity:0}100%{opacity:1}}
@keyframes popin{0%{transform:scale(0);opacity:0}85%{transform:scale(1.0);opacity:1}100%{transform:scale(1);opacity:1}}



@media(min-width: 576px) {
	
	.oui_layer .modal{
		height:auto;
		padding-top:0;
	}
}
/* Layer */


/*****************
* Reisezielboxen *
******************/
.lmp_top_box_container { padding: 0 40px; margin: auto; max-width: 880px; }
.lmp_top_box_border {
	overflow:hidden;
	border-radius: 10px;
	border: 1px solid #dcdcdc;
}
.lmp_top_box_alt {
    overflow:hidden;
	margin:0 auto;
	border-radius: 10px;
    height: 200px;
}
.lmp_top_box_alt img { max-width: 100%; height: auto; }
.lmp_top_box_text {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 44px;
	background-color: rgba(238, 119, 17, 0.6);
	text-decoration: none!important;
	padding-top: 10px;
	color: rgb(255, 255, 255);
	text-shadow: 1px 1px 1px rgb(238, 119, 17);
	font-size: 22px;
	text-align:center;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.r_dest_box_container {
    margin: auto;
    width: 814px;
    max-width: 100%;
}
.r_dest_box {
	margin-right: 7px;
	position: relative;
	float: left;
    width: 400px;
    max-width: 100%;
	font-size: 13px;
	color: #666;
	line-height: 16px;
}
.r_dest_box_k {
	overflow: hidden;
	min-height: 220px;
	background-color: #fff;
	border: 1px solid #dcdcdc;
	border-radius: 6px;
	margin-bottom: 14px;
	position: relative;
	text-align: left;
}
.r_dest_box_h {
	margin-bottom: 0;
	font-size: 16px;
	border-bottom: 1px solid #dcdcdc;
	color: #666;
	color: #666;
	text-align: left;
	line-height: 16px;
	padding: 8px 8px 8px;
}
.r_dest_box_u {
	display: block;
	overflow: hidden;
}
.r_dest_box_i {
	border-radius: 6px;
	float: left;
	margin-left: 8px;
	margin-right: 20px;
	margin-top: 8px;
    overflow: hidden;
    max-width: 100%;
    width: 200px;
}
.r_dest_box_i img {
    width: 100%;
    height: auto;
}
.r_dest_box_ulb {
	float: left;
	line-height: 18px;
	margin-top: 4px;
	margin-left: -32px;
	position: relative;
	width: 200px;
}
.r_dest_box_ul {
	display: block;
	overflow: hidden;
}
.r_dest_box_li {
	border-radius: 6px;
	float: left;
	margin-left: 8px;
	margin-right: 20px;
	margin-top: 8px;
	overflow: hidden;
	width: 118px;
}
.r_dest_box_a {
	text-decoration: none;
}
@media (max-width: 600px) { .r_dest_box_i { width: calc(100% - 16px);} }
@media (max-width: 814px) {
    .r_dest_box_container {
        width: min-content;
    }
    .lmp_top_box_container {
        padding: 0 !important;
    }
}



.keywords .reise_icon_sprite {  border: 1px solid #999; }
.reise_icon_sprite { background: url('/images_portal/reise/reise_icons_sprite.png') no-repeat; margin-right: 2px; }
.reise_icon_sprite.green_plane_hin { background-position: -46px -72px; height: 37px; width: 48px; }
.reise_icon_sprite.green_plane_rueck { background-position: 1px -72px; height: 37px; width: 48px; }
.reise_icon_sprite.kinder_sparen { background-position: 1px -158px; height: 22px; width: 45px; display: inline-block; }
.reise_icon_sprite.verfugbar_button { background-position: 1px -112px; height: 32px; width: 97px; display: inline-block; }
.reise_icon_sprite.strandnah_icon { background-position: 1px -24px; height: 24px; width: 26px; display: inline-block; }
.reise_icon_sprite.kinderfreundlich_icon { background-position: -48px -24px; height: 24px; width: 24px; display: inline-block; }
.reise_icon_sprite.hallenbad_icon { background-position: 0px -1px; height: 24px; width: 26px; display: inline-block; }
.reise_icon_sprite.swimming_icon { background-position: -95px 0px; height: 24px; width: 26px; display: inline-block; }
.reise_icon_sprite.fitness_icon { background-position: -46px -1px; height: 24px; width: 26px; display: inline-block; }
.reise_icon_sprite.ballsport_icon { background-position: -72px 0px; height: 24px; width: 24px; display: inline-block; }
.reise_icon_sprite.golfplatz_icon { background-position: -23px 0px; height: 24px; width: 25px; display: inline-block; }
.reise_icon_sprite.hiking_biking_icon { background-position: -70px -24px; height: 24px; width: 26px; display: inline-block; }
.reise_icon_sprite.reiten_icon { background-position: -24px -24px; height: 24px; width: 26px; display: inline-block; }
.reise_icon_sprite.tauchen_icon { background-position: -72px -46px; height: 24px; width: 24px; display: inline-block; }
.reise_icon_sprite.tennis_icon { background-position: -48px -47px; height: 24px; width: 26px; display: inline-block; }
.reise_icon_sprite.wassersport_icon { background-position: -24px -50px; height: 24px; width: 24px; display: inline-block; }
.reise_icon_sprite.wellnes_icon { background-position: 1px -47px; height: 24px; width: 26px; display: inline-block; }
.reise_icon_sprite.lage_text_icon { background-position: -77px -143px; height: 36px; width: 37px; display: block; float: left; }
.reise_icon_sprite.ausstattung_text_icon { background-position: -113px -143px; height: 36px; width: 37px; display: block; float: left; }
.reise_icon_sprite.unterbringung_text_icon { background-position: -96px -72px; height: 36px; width: 37px; display: block; float: left; }
.reise_icon_sprite.sport_text_icon { background-position: -96px -108px; height: 36px; width: 37px; display: block; float: left; }
.reise_icon_sprite.kinder_text_icon { background-position: -96px -36px; height: 36px; width: 37px; display: block; float: left; }


/* ui-tabs */
.tabs-box { overflow:hidden; }
.tabs-box-content { overflow:hidden; padding: 10px; }
.tabs-box-content > div { display:block; }
.ui-tabs { padding: 0px 0px 0px 0px; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; overflow:hidden; margin:0; padding:0; width:100%; background: var(--color-portal); border-top: 1px solid var(--color-portal); }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0px 0px -1px 0px; padding: 0; border-right: 1px solid #fff;}
.ui-tabs .ui-tabs-nav li.last { border-right:none; }
.ui-tabs .ui-tabs-nav li:hover { background: rgba(0, 0, 0, 0.2); }
.ui-tabs .ui-tabs-nav li a { font:16px arial; float: left; text-decoration: none; padding:0.5rem 0.5rem; margin: 2px 0px 0px 0px; color: #fff;  }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0px; border-bottom-width: 0; background-color:#fff; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; color: #000; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; background: none; border: 0px solid #bbb; background-color:#fff; }
.ui-tabs .ui-tabs-hide { display: none; }
.ui-tabs .ui-tabs-nav li a:hover { color: #fff !important; text-decoration:underline; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:hover { color: #000 !important; text-decoration:underline; }
div.clear{
    width: 100%;
    background: none repeat scroll 0 0 #d0d0d0;
    height: 10px;
    padding: 0;
    /* width: 670px; */
    clear: both;
}


/* Immo Anbieter */
div.page_anzeige_anbieter { overflow: hidden; background-color: #fff; }
div.page_anzeige_anbieter div.letter_anzeige { overflow: hidden; }

div.page_anzeige_anbieter div.search_form { margin: 20px 0px; }
div.page_anzeige_anbieter div.search_form .headline_form { font-size: 22px;  text-align: center; line-height: 35px; margin-bottom: 5px;  }

div.page_anzeige_anbieter div.search_form  div.anbieter_form { background-color: var(--color-portal); overflow: hidden; padding: 10px;}

div.page_anzeige_anbieter div.search_form  div.anbieter_form { overflow: hidden;}
div.page_anzeige_anbieter div.search_form  div.anbieter_form div.input_field_box { width: 273px; margin-right: 10px; padding: 5px; background-color: #fff; border: 1px solid #999; display: inline-block; vertical-align: top; }
div.page_anzeige_anbieter div.search_form  div.anbieter_form div.input_field_box img { position: relative; top: 1px; }
div.page_anzeige_anbieter div.search_form  div.anbieter_form div.input_field_box input[type=text] { width: 247px; border: none;  }
div.page_anzeige_anbieter div.search_form  div.anbieter_form select { width: 285px; padding: 7px; line-height: 30px; display: inline-block; vertical-align: top; margin: 0px 10px 0px 0px; }
div.page_anzeige_anbieter div.search_form  div.anbieter_form input[type=submit] { width: 110px; padding: 5px; border: none; background-color: #9ec536; color:#fff; font-weight: bold; display: inline-block; vertical-align: top; margin: 0px; font-size: 16px; }

div.page_anzeige_anbieter div.letter_anzeige .letter_listing .buchstaben_zeile { display: inline-block; vertical-align: top; width: 100%; margin-bottom: 15px; }

div.page_anzeige_anbieter div.letter_anzeige .letter_listing .buchstaben_zeile b,
div.page_anzeige_anbieter div.letter_anzeige .letter_listing .buchstaben_zeile a:hover { background-color: #1a4c98; color: #fff !important;}

div.page_anzeige_anbieter div.letter_anzeige .letter_listing .buchstaben_zeile a,
div.page_anzeige_anbieter div.letter_anzeige .letter_listing .buchstaben_zeile b { 	display: inline-block; width: 19px; text-align: center; font-size: 16px;
    border: 1px solid #1a4c98;
    border-radius: 20px;
    color: #1a4c98;
    display: inline-block;
    margin-bottom: 3px;
    padding: 3px 0;
    text-align: center;
    width: 22px;
    text-decoration: none;
    margin-right: 8px;
}


div.page_anzeige_anbieter div.letter_anzeige .letter_listing  div.multi_city_row { width: 153px; margin-right: 20px; display: inline-block; vertical-align: top; }
div.page_anzeige_anbieter div.letter_anzeige .letter_listing  div.multi_city_row:last-child { margin-right: 0px; }
div.page_anzeige_anbieter div.letter_anzeige .letter_listing  div.multi_city_row a { display: block; text-decoration: none; margin-bottom: 3px; color: var(--color-portal); }
div.page_anzeige_anbieter div.letter_anzeige .letter_listing  div.multi_city_row a:hover { text-decoration: underline; }


div.page_anzeige_anbieter div.letter_anzeige .letter_listing .letter_row { overflow: hidden; border-bottom: 1px solid #e6e6e6; margin-bottom: 20px; padding-bottom: 20px;}
div.page_anzeige_anbieter div.letter_anzeige .letter_listing .letter_row:last-child { border: none; margin-bottom: 0px;}
div.page_anzeige_anbieter div.letter_anzeige .letter_listing div.letter_single_box { display: inline-block; vertical-align: top; width: 162px; margin-right: 10px; margin-bottom: 10px;  }
div.page_anzeige_anbieter div.letter_anzeige .letter_listing div.letter_single_box a { display: block; text-decoration: none; margin-bottom: 2px; }
div.page_anzeige_anbieter div.letter_anzeige .letter_listing div.letter_single_box a.weitere { color: var(--color-portal); }
div.page_anzeige_anbieter div.letter_anzeige .letter_listing div.letter_single_box a:hover { text-decoration: underline; }

div.page_anzeige_anbieter div.letter_anzeige .letter_listing div.letter_single_box div.letter { margin-bottom: 3px; background-color: var(--color-portal); color: #fff; text-align: center; border-radius: 12px; width: 21px; padding: 3px 0px; display: inline-block; }

div.page_anzeige_anbieter div.anbieter_anzeige { overflow: hidden; }

div.page_anzeige_anbieter div.anbieter_anzeige div.search_headline { font-size: 18px; text-align: center; margin-bottom: 30px; }

div.left_filter { display: inline-block; vertical-align: top; width: 205px; border-right: 1px solid #e6e6e6; }
div.left_filter div.filter_box { display: inline-block; vertical-align: top; padding: 0 10px; margin-bottom: 35px; font-size: 13px; line-height: 17px; }
div.left_filter div.filter_box div.line_filter { color: var(--color-portal); margin-bottom: 15px; font-weight: bold; }
div.left_filter div.filter_box div.point_filter { margin-bottom: 11px; color: #000; }

div.loading_new_customer { background-color: #eee; opacity: 0.7; position: absolute; z-index: 50; width: 700px; height: 100%; top: 0px; }
div.loading_new_customer_font { font-size: 22px; text-align: center; width: 700px; margin-top: 60px; position: absolute; z-index: 60; top: 0px; }

div.left_filter div.filter_box div.point_filter.active_link { cursor: pointer; padding-left: 22px; -webkit-touch-callout: none; /* iOS Safari */
                                                                                                -webkit-user-select: none;   /* Chrome/Safari/Opera */
                                                                                                -khtml-user-select: none;    /* Konqueror */
                                                                                                -moz-user-select: none;      /* Firefox */
                                                                                                -ms-user-select: none;       /* IE/Edge */
                                                                                                user-select: none;  }
div.left_filter div.filter_box div.point_filter.active_link.active { background: url('/images_portal/immobilien/check_immo_service.jpg') no-repeat scroll 0px 3px; }

div.left_filter div.filter_box div.point_filter.active_link:hover {  color: var(--color-portal); }

div.right_anbieter_listing { display: inline-block; vertical-align: top; width: calc(100% - 205px); padding-left: 20px;  }

div.right_anbieter_listing div.anbieter_listing_box div.single_anbieter a.link_request { background-color: #fff;  border: 1px solid #b0d05b;  border-radius: 3px;  color: #000;  display: block;  margin-top: 10px;  padding: 3px 10px;  text-align: center;  text-decoration: none; }
div.right_anbieter_listing div.anbieter_listing_box div.single_anbieter a.link_request:hover { background-color: #b0d05b; text-decoration: none !important; }

div.right_anbieter_listing div.anbieter_listing_box div.single_anbieter { border-bottom: 1px solid #e6e6e6; padding: 20px 0px 20px 20px; }
div.right_anbieter_listing div.anbieter_listing_box div.single_anbieter.user { position: relative; }
div.right_anbieter_listing div.anbieter_listing_box div.single_anbieter.user div.overlay_box {  position: absolute; z-index: 100; top: 20px; bottom: 10px; left: 10px; right: 10px;  opacity: 0.5; height: 120px; }
div.right_anbieter_listing div.anbieter_listing_box div.single_anbieter.user:first-child div.overlay_box { top: -10px;  }

div.right_anbieter_listing div.anbieter_listing_box div.single_anbieter.user a { position: relative; z-index: 200; opacity: 0.7; }

div.right_anbieter_listing div.anbieter_listing_box div.single_anbieter.user a.show_customer { text-decoration: underline; color: var(--color-portal); cursor: pointer; font-size: 10px; opacity: 1; position: relative; top: 0px; z-index: 300;}
div.right_anbieter_listing div.anbieter_listing_box div.single_anbieter.user a.show_customer:hover { color: #9ec536;}
div.right_anbieter_listing div.anbieter_listing_box div.single_anbieter.advice { background-color: #f7f7f7; }
div.right_anbieter_listing div.anbieter_listing_box div.single_anbieter.advice .advice_box { color: #fff; background-color: var(--color-portal); padding: 7px 14px; width: auto; text-align: center; position: absolute; margin-top: -38px;border-radius:5px;}

div.right_anbieter_listing div.anbieter_listing_box div.single_anbieter:first-child { padding-top: 0px;}
div.right_anbieter_listing div.anbieter_listing_box div.single_anbieter:last-child { margin-bottom: 0px; border: none; }
div.right_anbieter_listing div.anbieter_listing_box div.single_anbieter div.anbieter_left_logo { text-align: center; }
div.right_anbieter_listing div.anbieter_listing_box div.single_anbieter div.anbieter_left_logo div.logo_box { background-color: #eeeeee; border-radius: 360%; width: 100px; height: 100px; text-align: center; padding: 40px 0px; margin: 8px auto; }
div.right_anbieter_listing div.anbieter_listing_box div.single_anbieter div.anbieter_left_logo div.logo_box.hasimg { padding: 20px; height: 60px; width: 60px; }
div.right_anbieter_listing div.anbieter_listing_box div.single_anbieter div.anbieter_left_logo img { max-width: 100%; max-height: 100px; }
div.right_anbieter_listing div.anbieter_listing_box div.single_anbieter div.anbieter_right_content { border-right: 1px solid #e6e6e6; }
div.right_anbieter_listing div.anbieter_listing_box div.single_anbieter div.anbieter_right_content a { color: var(--color-portal); text-decoration: none; font-weight: bold; display: block; font-size: 14px; display: block; margin-bottom: 20px;}

div.right_anbieter_listing div.anbieter_listing_box div.single_anbieter div.anbieter_right_rating_content div.rating_box { overflow: hidden; margin-bottom: 10px; }

div.right_anbieter_listing div.anbieter_listing_box div.single_anbieter div.anbieter_right_rating_content div.rating_box.one { width: 21px; }
div.right_anbieter_listing div.anbieter_listing_box div.single_anbieter div.anbieter_right_rating_content div.rating_box.two { width: 42px; }
div.right_anbieter_listing div.anbieter_listing_box div.single_anbieter div.anbieter_right_rating_content div.rating_box.three { width: 63px; }
div.right_anbieter_listing div.anbieter_listing_box div.single_anbieter div.anbieter_right_rating_content div.rating_box.four { width: 85px; }
div.right_anbieter_listing div.anbieter_listing_box div.single_anbieter div.anbieter_right_rating_content div.rating_box.five { width: 106px; }

div.right_anbieter_listing div.anbieter_listing_box div.single_anbieter div.anbieter_right_rating_content .objekt_count_link { color: var(--color-portal); text-decoration: none; }

div.right_anbieter_listing div.anbieter_listing_box div.single_anbieter div.anbieter_right_rating_content .link_angebote { margin-top: 0.4rem; white-space: normal;  color: var(--color-portal); text-decoration: none; border: none; background: none; padding: 0px; }

div.right_anbieter_listing div.anbieter_listing_box div.single_anbieter a:hover,
div.right_anbieter_listing div.anbieter_listing_box div.single_anbieter div.anbieter_right_rating_content .link_angebote:hover { text-decoration: underline !important;  }

div.page_anzeige_anbieter div.letter_anzeige .map { height: 660px; }
.right_anbieter_listing__icon {
    color: #1a4c98;
}

@media (max-width: 700px) {
    div.left_filter, div.right_anbieter_listing { float: none; width: 100%;  }
    div.left_filter { border-right: 0; order: 1; }
    div.right_anbieter_listing { border-right: 0; order: 0; }

    div.anbieter_left_logo { float: none !important; width: 100% !important; }
}


div.cms_artikel_single div.headline_cms { font-size: 22px;  text-align: center; line-height: 35px; margin-bottom: 5px; }
div.cms_artikel_single div.box_list {  overflow: hidden; }
div.cms_artikel_single div.box_list div.single_box { margin-right: 10px; margin-bottom: 10px; border: 1px solid #e6e6e6; padding: 15px; text-align: center; position: relative; }
div.cms_artikel_single div.box_list div.single_box div.border_position { position: absolute; top: 0px; left: calc(50% - 40px); width: 80px; height: 5px;}
div.cms_artikel_single div.box_list div.single_box div.point_box { color: #1a4c98; font-weight: bold; font-size: 14px; margin-top: 8px; margin-bottom: 15px; text-align: center; }
div.cms_artikel_single div.box_list div.single_box div.box_text { text-align: center; font-size: 12px; }

div.cms_artikel_single div.box_list div.single_box div.logo_box { max-width: 100%; overflow: hidden; margin: auto; margin-top: 10px; }
div.cms_artikel_single div.box_list div.single_box div.logo_box div.single_logo { display: inline-block; vertical-align: top; margin-right: 10px; }
div.cms_artikel_single div.box_list div.single_box div.logo_box div.single_logo:last-child { margin-right: 0px;}


div.extra_service_box_over { overflow: hidden; margin-top: 5px; display: inline-block; vertical-align: top; width: 100%; }
div.extra_service_box_show_label { color: #000; display: inline-block; vertical-align: top; width: 138px; padding-left: 33px;}
div.extra_service_box_show { padding: 5px 15px; text-align: center; margin-right: 10px; margin-bottom: 10px; border: 1px solid #c8c8c8; display: inline-block; vertical-align: top; width: auto; border-radius: 3px; background-color: #eee; overflow: hidden;line-height:1.25rem;}
div.extra_service_box_show:last-child { margin-right: 0px;}
div.extra_service_box_show a { color: #1a4c98; text-decoration: none; display: inline-block; overflow: hidden; }


div.single_logo a.img_anbieter_box { display: inline-block; background: url('/images_portal/immobilien/anbieter_sprite.jpg');   }

div.single_logo a.img_anbieter_box#ivd_box { background-position: 58px 65px; background-size: 103px auto; height: 46px; width: 50px; }
div.single_logo a.img_anbieter_box#ivd_box:hover { background-position: 106px 65px; }

div.single_logo a.img_anbieter_box#volksbank_box { background-position: 59px -70px; background-size: 116px auto; height: 38px; width: 57px; margin-top: 7px; }
div.single_logo a.img_anbieter_box#volksbank_box:hover { background-position: 117px -70px; }

div.single_logo a.img_anbieter_box#postbank_box { background-position: 59px -113px; height: 50px; width: 59px; }
div.single_logo a.img_anbieter_box#postbank_box:hover { background-position: -1px -113px; }

div.single_logo a.img_anbieter_box#sparkasse_box { background-position: 42px 0px; background-size: 77px auto; height: 46px; width: 34px; }
div.single_logo a.img_anbieter_box#sparkasse_box:hover { background-position: 0px 0px; }



/*Media Queries*/
@media (max-width: 720px) {
    .rsp-table { display: block; }
    .rsp-table tbody, .rsp-table tr { display: block; }
    .rsp-table th { display: none; }
    .rsp-table td { display: block; padding: 0px; }

    .rsp-table td::before {
        display: block;
        content: attr(data-label);
        font-weight: bold;
        margin-bottom: 4px;
        width: 100% !important;
    }
}

@media print {
    #navigation, #body_fussleiste, .cfdebug, .-lucee-dump, #werbebanner_responsive {display: none;}
}

.input-group .input-group-end{
	border-top-right-radius: .25rem !important;
	border-bottom-right-radius: .25rem !important;
}


.input-group>.form-control-auto[size],.input-group>.form-select-auto{flex:0 0 auto!important;width:auto;}

.ui-ac{z-index:9999999999 !important;}
.ui-ac-fixed{
    position: fixed !important;
    top: 95px !important;
}


div.kategorien_container { justify-content: stretch; margin-top: 50px; }

div.kategorien_item>.kategorien_item_kopf { padding: 10px; border-top-left-radius: 20px; border-top-right-radius: 20px; background-color:rgba(0,0,0,0.4); }
div.kategorien_item>.kategorien_item_kopf>p { color: white; margin: 5px 0px; }

div.kategorien_item.immo>.kategorien_item_kopf { background-color: var(--color_immobilien); }
div.kategorien_item.auto>.kategorien_item_kopf { background-color: var(--color_autos); }
div.kategorien_item.event>.kategorien_item_kopf { background-color: var(--color_online); }
div.kategorien_item.stelle>.kategorien_item_kopf { background-color: var(--color_stellen); }
div.kategorien_item.reisen>.kategorien_item_kopf { background-color: var(--color_reisen); }

div.kategorien_item>.kategorien_item_inhalt { background-color:rgba(0,0,0,0.4); padding: 10px; color: white; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color:rgba(0,0,0,0.4); }
div.kategorien_item>.kategorien_item_inhalt>.btn { color:white; width: 100%; }

div.kategorien_item.immo>.kategorien_item_inhalt>.btn { background-color: var(--color_immobilien); }
div.kategorien_item.auto>.kategorien_item_inhalt>.btn { background-color: var(--color_autos); }
div.kategorien_item.event>.kategorien_item_inhalt>.btn { background-color: var(--color_online); }
div.kategorien_item.stelle>.kategorien_item_inhalt>.btn { background-color: var(--color_stellen); }
div.kategorien_item.reisen>.kategorien_item_inhalt>.btn { background-color: var(--color_reisen); }






@media (min-width:768px){
	.fs-sm-1{font-size:calc(1.375rem + 1.5vw)!important}
	.fs-sm-2{font-size:calc(1.325rem + .9vw)!important}
	.fs-sm-3{font-size:calc(1.3rem + .6vw)!important}
	.fs-sm-4{font-size:calc(1.275rem + .3vw)!important}
	.fs-sm-5{font-size:1.25rem!important}
	.fs-sm-6{font-size:1rem!important}
}


/*TEXT CSS*/
span.currency{
	white-space:nowrap;
}
/*TEXT CSS*/


.collapse.collapse-immediate.collapsing{
	-webkit-transition: none;
	transition: none;
	display: none;
}

.tooltip-inner{
	background-color: var(--color-portal);
	
}
.tooltip-arrow{display:none !important;}