/* Start custom CSS *//* === Perspektivraum Startseite: Interaktions-Politur === */

/* Leistungskarten: vollflaechig verlinkt + Hover-Lift */
body .pr-card{position:relative;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
body .pr-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(25,50,68,.10);border-color:var(--powder);}
body .pr-card:focus-within{box-shadow:0 0 0 3px var(--powder);}
body .pr-card .pr-textlink::before{content:"";position:absolute;inset:0;border-radius:6px;z-index:1;}
body .pr-card:hover .pr-textlink{color:var(--petrol-dark);border-bottom-color:var(--petrol);}
body .pr-card:hover .pr-textlink::after{transform:translateX(4px);}

/* Textlinks Standard: Phosphor ArrowRight (regular) als Mask-Icon (kein Unicode-Escape - Backslash wird beim Speichern gestrippt) + 1-px-Border-Underline (transparent -> petrol, Offset 6px) */
body .pr-textlink{padding-bottom:6px;border-bottom:1px solid transparent;text-decoration:none;transition:border-color .2s ease,color .15s ease;}
body .pr-textlink::after{content:"";display:inline-block;width:18px;height:18px;vertical-align:-3px;margin-inline-start:.5em;background-color:currentColor;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'><path d='M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'><path d='M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z'/></svg>") center/contain no-repeat;transition:transform .18s ease;}
body .pr-textlink:hover,body .pr-textlink:focus-visible{border-bottom-color:var(--petrol);text-decoration:none;color:var(--petrol-dark);}
body .pr-textlink:hover::after,body .pr-textlink:focus-visible::after{transform:translateX(4px);}

/* Textlink Variante 2 = Divider + Hover-Linie: Divider vollbreit (powder), Text+Pfeil im <span>; auf Hover laeuft eine 2px Petrol-Linie in Textbreite AUF dem Divider von links ein. Aktiv per Klasse pr-textlink-line oder per data-id (Hero "Angebote ansehen", "Mehr ueber mich"). */
body .pr-textlink-line,body .pr-textlink[data-id="32ae3bac"],body .pr-textlink[data-id="6679b61b"]{display:flex;width:100%;align-items:center;justify-content:flex-start;padding-bottom:14px;border-bottom:1px solid var(--powder);text-decoration:none;transition:color .15s ease;}
body .pr-textlink-line::after,body .pr-textlink[data-id="32ae3bac"]::after,body .pr-textlink[data-id="6679b61b"]::after{content:none;}
body .pr-textlink-line>span,body .pr-textlink[data-id="32ae3bac"]>span,body .pr-textlink[data-id="6679b61b"]>span{position:relative;display:inline-flex;align-items:center;}
body .pr-textlink-line>span::after,body .pr-textlink[data-id="32ae3bac"]>span::after,body .pr-textlink[data-id="6679b61b"]>span::after{content:"";display:inline-block;width:18px;height:18px;margin-inline-start:.5em;background-color:currentColor;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'><path d='M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'><path d='M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z'/></svg>") center/contain no-repeat;transition:transform .18s ease;}
body .pr-textlink-line>span::before,body .pr-textlink[data-id="32ae3bac"]>span::before,body .pr-textlink[data-id="6679b61b"]>span::before{content:"";position:absolute;left:0;right:0;bottom:-15px;height:2px;background-color:var(--petrol);transform:scaleX(0);transform-origin:left center;transition:transform .25s ease;}
body .pr-textlink-line:hover,body .pr-textlink-line:focus-visible,body .pr-textlink[data-id="32ae3bac"]:hover,body .pr-textlink[data-id="32ae3bac"]:focus-visible,body .pr-textlink[data-id="6679b61b"]:hover,body .pr-textlink[data-id="6679b61b"]:focus-visible{color:var(--petrol-dark);border-bottom-color:var(--powder);text-decoration:none;}
body .pr-textlink-line:hover>span::before,body .pr-textlink-line:focus-visible>span::before,body .pr-textlink[data-id="32ae3bac"]:hover>span::before,body .pr-textlink[data-id="32ae3bac"]:focus-visible>span::before,body .pr-textlink[data-id="6679b61b"]:hover>span::before,body .pr-textlink[data-id="6679b61b"]:focus-visible>span::before{transform:scaleX(1);}
body .pr-textlink-line:hover>span::after,body .pr-textlink-line:focus-visible>span::after,body .pr-textlink[data-id="32ae3bac"]:hover>span::after,body .pr-textlink[data-id="32ae3bac"]:focus-visible>span::after,body .pr-textlink[data-id="6679b61b"]:hover>span::after,body .pr-textlink[data-id="6679b61b"]:focus-visible>span::after{transform:translateX(4px);}

/* Testimonials: Carousel + Steuerung (Theme-Button-Styles neutralisieren) */
.elementor-element-54d91ad9{scrollbar-width:none;-ms-overflow-style:none;}
.elementor-element-54d91ad9::-webkit-scrollbar{display:none;}
.pr-quotes-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px;}
.pr-quotes-dots{display:flex;gap:10px;}
.pr-quotes-dot{-webkit-appearance:none;appearance:none;width:10px;height:10px;border-radius:50%;border:0;padding:0;background:var(--powder);cursor:pointer;transition:background .15s ease,transform .15s ease;}
.pr-quotes-dot:hover{transform:scale(1.15);}
.pr-quotes-dot:focus,.pr-quotes-dot:active{background:var(--powder);outline:none;}
.pr-quotes-dot.is-active,.pr-quotes-dot.is-active:focus,.pr-quotes-dot.is-active:active{background:var(--petrol);}
.pr-quotes-dot:focus-visible{outline:2px solid var(--petrol);outline-offset:3px;}
.pr-quotes-arrow{-webkit-appearance:none;appearance:none;width:40px;height:40px;border-radius:50%;border:1px solid var(--powder);background:transparent;color:var(--navy);font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease;}
.pr-quotes-arrow:focus{background:transparent;color:var(--navy);border-color:var(--powder);outline:none;}
.pr-quotes-arrow:hover,.pr-quotes-arrow:focus:hover{background:var(--petrol);color:#fff;border-color:var(--petrol);transform:scale(1.05);}
.pr-quotes-arrow:active{background:var(--petrol);color:#fff;border-color:var(--petrol);}
.pr-quotes-arrow:focus-visible{outline:2px solid var(--petrol);outline-offset:3px;}

@media (prefers-reduced-motion: reduce){
  body .pr-card,body .pr-textlink,body .pr-textlink::after,body .pr-textlink>span::before,body .pr-textlink>span::after,.pr-quotes-arrow,.pr-quotes-dot{transition:none;}
  .elementor-element-54d91ad9{scroll-behavior:auto;}
}

/* M (768–919): Über-mich-Teaser-Bild = volle Breite, 3:2, Rahmen links/unten wie Kontakt */
@media (min-width: 768px) and (max-width: 919px) {
  body.elementor-page-18 .elementor-element-598d9275 { flex: 0 0 100% !important; width: 100% !important; max-width: none !important; margin: 24px 0 0 -24px !important; padding: 0 !important; }
  body.elementor-page-18 .elementor-element-598d9275 img { aspect-ratio: 3 / 2 !important; object-position: 50% 30% !important; transform: translate3d(24px, -24px, 0) !important; }
}

/* Mobil (<768): Teaser-Bild wie Unterseiten 16:10, dezenter Rahmen 12 px links/unten. Hero (volle Gerätebreite) bleibt ohne Rahmen. */
@media (max-width: 767px) {
  body.elementor-page-18 .elementor-element-598d9275 { flex: 0 0 100% !important; width: 100% !important; max-width: none !important; margin: 12px 0 0 -12px !important; padding: 0 !important; }
  body.elementor-page-18 .elementor-element-598d9275 img { aspect-ratio: 16 / 10 !important; object-position: 50% 30% !important; transform: translate3d(12px, -12px, 0) !important; }
}/* End custom CSS */