| string | <div class="cms_content">
<!-- CMS_DETAIL START: C43958 --><!-- ==start== dump {ts '2026-05-07 23:37:08'} format: html --><div id="x8ic" class="-lucee-dump"><style>
.-lucee-dump .disp-none { display: none; }
</style><script>
window.__Lucee = { initialized : false,
addEventListeners : function(selector, event, handler, useCapture){
useCapture = useCapture || false;
Array.prototype.forEach.call(
document.querySelectorAll(selector)
,function(el, ix) {
el.addEventListener(event, handler, useCapture);
}
);
}
,getNextSiblings : function(el){
var orig = el
,result = [];
while (el && el.nodeType === Node.ELEMENT_NODE) {
if (el !== orig)
result.push(el);
el = el.nextElementSibling || el.nextSibling;
}
return result;
}
,onDocumentReady : function(){
var L = window.__Lucee;
if (L.initialized)
return;
L.addEventListeners(".collapse-trigger", "click", function(evt){
var tr = evt.target.closest("tr");
var siblings = L.getNextSiblings(tr);
siblings.forEach(function(el, ix){
el.classList.toggle("disp-none");
});
});
L.initialized = true;
}
}
document.addEventListener("DOMContentLoaded", __Lucee.onDocumentReady);
</script><style type="text/css">
div#x8ic table {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:11px; empty-cells:show; color:#000; border-collapse:collapse;}
div#x8ic td {border:1px solid #000; vertical-align:top; padding:2px; empty-cells:show;}
div#x8ic td span {font-weight:bold;}
div#x8ic td.luceeN0 {color:#990000;border-color:#990000;background-color:#fc9;}
div#x8ic td.luceeH0 {color:#990000;border-color:#990000;background-color:#f60;}
div#x8ic td.luceeN1 {color:#999999;border-color:#999999;background-color:#ccc;}
div#x8ic td.luceeH1 {color:#999999;border-color:#999999;background-color:#fff;}
</style><table title="../../1a-cms/mitte_meldungen_query.cfm:742"><tr><td class="luceeH1">render-cfml - 43958</td></tr><tr><td class="luceeN1"><table><tr><td class="luceeH0">string</td><td class="luceeN0"><cfif verzeichnis1 eq "wohnung-mieten">
<cfset snippetUrl = "/branchen/wohnungsunternehmen/">
<cfset snippetText = "Wohnungsunternehmen">
<cfelse>
<cfset snippetUrl = "/branchen/immobilienmakler/">
<cfset snippetText = "Makler finden">
</cfif>
<!-- Zeile mit den 3 Textsnippets -->
<div class="snippet-row">
<cfoutput><a href="#snippetUrl#" class="snippet">#snippetText#</a></cfoutput>
<div class="snippet">Suchanzeige schalten</div>
<!-- Rechts außen: CTA Ausland-Immobilien -->
<a class="cta-foreign" href="/ratgeber/auslandsimmobilien" aria-label="Immobilien im Ausland – Leben wo Andere Urlaub machen">
<span class="cta-icon" aria-hidden="true">
<!-- Zufällige Anzeige: Sonne oder Bild -->
<cfset randomIcon = randRange(1,2)>
<cfif randomIcon eq 1>
<!-- Sonne -->
<svg viewBox="0 0 24 24" width="20" height="20" focusable="false">
<path d="M6.76 4.84l-1.8-1.79-1.41 1.41 1.79 1.8 1.42-1.42zm10.48 14.32l1.79 1.8 1.41-1.41-1.8-1.79-1.4 1.4zM12 4V1h0v3h0zm0 19v-3h0v3h0zM4 12H1v0h3v0zm19 0h-3v0h3v0zM6.76 19.16l-1.42 1.42-1.79-1.8 1.41-1.41 1.8 1.79zM19.16 6.76l1.4-1.4 1.8 1.79-1.41 1.41-1.79-1.8zM12 7a5 5 0 100 10 5 5 0 000-10z"></path>
</svg>
<cfelse>
<!-- Platzhalterbild -->
<img src="https://www.verwaltungssystem.de/bild_db/1015622/spanien_immobilien.png" alt="Immobilien im Ausland" class="cta-image">
</cfif>
</span>
<span class="cta-texts">
<span class="cta-line1">Leben, wo andere Urlaub machen</span>
<span class="cta-line2">Immobilien im Ausland</span>
</span>
<span class="cta-arrow" aria-hidden="true">
<svg viewBox="0 0 24 24" width="18" height="18" focusable="false">
<path d="M9 6l6 6-6 6" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</a>
</div>
<style>
:root{
--cta-bg:#fff;
--cta-text:#1a1a1a;
--cta-border:rgba(0,0,0,.08);
--cta-accent:#ffb400; /* Sonne */
--cta-shadow:0 2px 10px rgba(0,0,0,.06);
--cta-hover-shadow:0 6px 18px rgba(0,0,0,.12);
--cta-ring:#33aa551a; /* Fokusring (leicht grünlich) */
}
/* Container der Zeile */
.snippet-row{
position:relative;
display:flex;
gap:12px;
align-items:center;
min-height:48px;
}
.snippet{
padding:8px 12px;
border-radius:9999px;
background:#f6f7fb;
font-size:14px;
white-space:nowrap;
}
a.snippet{
text-decoration:none;
color:inherit;
}
/* CTA rechts außen */
.cta-foreign{
position:absolute;
right:0;
top:50%;
transform:translateY(-50%);
display:inline-flex;
align-items:center;
gap:12px;
padding:10px 14px 10px 10px;
border:1px solid var(--cta-border);
border-radius:9999px;
background:var(--cta-bg);
color:var(--cta-text);
text-decoration:none;
box-shadow:var(--cta-shadow);
transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
z-index:1;
overflow:hidden;
}
.cta-foreign:hover{
transform:translateY(-50%) translateX(-1px);
box-shadow:var(--cta-hover-shadow);
border-color:rgba(0,0,0,.12);
}
.cta-foreign:focus-visible{
outline:none;
box-shadow:var(--cta-hover-shadow), 0 0 0 6px var(--cta-ring);
}
.cta-icon{
display:flex;
align-items:center;
justify-content:center;
}
.cta-icon svg{
fill:var(--cta-accent);
transition:transform .3s ease;
}
.cta-foreign:hover .cta-icon svg{
transform:rotate(12deg) scale(1.03);
}
/* Bild-Variante: links rund abgerundet */
.cta-image{
width:36px;
height:36px;
object-fit:cover;
border-top-left-radius:50%;
border-bottom-left-radius:50%;
display:block;
}
.cta-texts{
display:flex;
flex-direction:column;
line-height:1.1;
}
.cta-line1{
font-size:13px;
font-weight:600;
letter-spacing:.2px;
white-space:nowrap;
opacity:.9;
}
.cta-line2{
font-size:14px;
font-weight:700;
white-space:nowrap;
}
.cta-arrow{
display:flex;
align-items:center;
}
@media (max-width:640px){
.cta-foreign{
position:static;
transform:none;
margin-left:auto;
margin-top:8px;
}
.snippet-row{ flex-wrap:wrap; }
}
</style></td></tr></table></td></tr></table></div><!-- ==stop== dump --><!-- Zeile mit den 3 Textsnippets --><div class="snippet-row"><a href="/branchen/immobilienmakler/" class="snippet">Makler finden</a><div class="snippet">Suchanzeige schalten</div><!-- Rechts außen: CTA Ausland-Immobilien --><a class="cta-foreign" href="/ratgeber/auslandsimmobilien" aria-label="Immobilien im Ausland – Leben wo Andere Urlaub machen"><span class="cta-icon" aria-hidden="true"><!-- Zufällige Anzeige: Sonne oder Bild --><!-- Sonne --><svg viewBox="0 0 24 24" width="20" height="20" focusable="false"><path d="M6.76 4.84l-1.8-1.79-1.41 1.41 1.79 1.8 1.42-1.42zm10.48 14.32l1.79 1.8 1.41-1.41-1.8-1.79-1.4 1.4zM12 4V1h0v3h0zm0 19v-3h0v3h0zM4 12H1v0h3v0zm19 0h-3v0h3v0zM6.76 19.16l-1.42 1.42-1.79-1.8 1.41-1.41 1.8 1.79zM19.16 6.76l1.4-1.4 1.8 1.79-1.41 1.41-1.79-1.8zM12 7a5 5 0 100 10 5 5 0 000-10z"></path></svg></span><span class="cta-texts"><span class="cta-line1">Leben, wo andere Urlaub machen</span><span class="cta-line2">Immobilien im Ausland</span></span><span class="cta-arrow" aria-hidden="true"><svg viewBox="0 0 24 24" width="18" height="18" focusable="false"><path d="M9 6l6 6-6 6" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></a></div><style>
:root{
--cta-bg:#fff;
--cta-text:#1a1a1a;
--cta-border:rgba(0,0,0,.08);
--cta-accent:#ffb400; /* Sonne */
--cta-shadow:0 2px 10px rgba(0,0,0,.06);
--cta-hover-shadow:0 6px 18px rgba(0,0,0,.12);
--cta-ring:#33aa551a; /* Fokusring (leicht grünlich) */
}
/* Container der Zeile */
.snippet-row{
position:relative;
display:flex;
gap:12px;
align-items:center;
min-height:48px;
}
.snippet{
padding:8px 12px;
border-radius:9999px;
background:#f6f7fb;
font-size:14px;
white-space:nowrap;
}
a.snippet{
text-decoration:none;
color:inherit;
}
/* CTA rechts außen */
.cta-foreign{
position:absolute;
right:0;
top:50%;
transform:translateY(-50%);
display:inline-flex;
align-items:center;
gap:12px;
padding:10px 14px 10px 10px;
border:1px solid var(--cta-border);
border-radius:9999px;
background:var(--cta-bg);
color:var(--cta-text);
text-decoration:none;
box-shadow:var(--cta-shadow);
transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
z-index:1;
overflow:hidden;
}
.cta-foreign:hover{
transform:translateY(-50%) translateX(-1px);
box-shadow:var(--cta-hover-shadow);
border-color:rgba(0,0,0,.12);
}
.cta-foreign:focus-visible{
outline:none;
box-shadow:var(--cta-hover-shadow), 0 0 0 6px var(--cta-ring);
}
.cta-icon{
display:flex;
align-items:center;
justify-content:center;
}
.cta-icon svg{
fill:var(--cta-accent);
transition:transform .3s ease;
}
.cta-foreign:hover .cta-icon svg{
transform:rotate(12deg) scale(1.03);
}
/* Bild-Variante: links rund abgerundet */
.cta-image{
width:36px;
height:36px;
object-fit:cover;
border-top-left-radius:50%;
border-bottom-left-radius:50%;
display:block;
}
.cta-texts{
display:flex;
flex-direction:column;
line-height:1.1;
}
.cta-line1{
font-size:13px;
font-weight:600;
letter-spacing:.2px;
white-space:nowrap;
opacity:.9;
}
.cta-line2{
font-size:14px;
font-weight:700;
white-space:nowrap;
}
.cta-arrow{
display:flex;
align-items:center;
}
@media (max-width:640px){
.cta-foreign{
position:static;
transform:none;
margin-left:auto;
margin-top:8px;
}
.snippet-row{ flex-wrap:wrap; }
}
</style><!-- CMS_DETAIL ENDE: C43958 -->
</div>
<div class="cms_clear" style="clear:both;"></div> |
|
Event
Auto
Immo
Job
