/*
Theme Name: Implantatzentrum Wipperfürth
Theme URI: https://implantatzentrum-wipperfuerth.de/
Author: Zahnzentrum Wipperfürth
Description: Responsive Website mit einzeln bearbeitbaren Elementor-Free-Seiten.
Version: 1.1.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: implantatzentrum-wipperfuerth
*/

@font-face{font-family:DINish;src:url("assets/fonts/DINish-Light.woff") format("woff");font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:DINish;src:url("assets/fonts/DINish-Regular.woff") format("woff");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:DINish;src:url("assets/fonts/DINish-SemiBold.woff") format("woff");font-style:normal;font-weight:600;font-display:swap}

/* DESIGN START */
:root{--iz-navy:#173e68;--iz-deep:#12304d;--iz-blue:#5ca9d8;--iz-pale:#e9f5fc;--iz-ice:#f5fbff;--iz-button:#c6e5f7;--iz-muted:#536b7a;--iz-line:#d8e8f1;--iz-shadow:0 18px 46px rgba(19,61,98,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--iz-deep);background:#fff;font-family:DINish,Arial,sans-serif;font-weight:300;line-height:1.62}a{text-decoration:none;color:inherit}img{max-width:100%}h1,h2,h3,h4,h5,h6,p{margin:0}h1,h2,h3{font-family:DINish,Arial,sans-serif;font-weight:300;line-height:1.13;letter-spacing:-.035em}h1{font-size:clamp(2.7rem,5vw,4.9rem)}h2{font-size:clamp(2rem,3.5vw,3.25rem)}h3{font-size:1.28rem}p{color:var(--iz-muted)}:focus-visible{outline:3px solid var(--iz-blue);outline-offset:3px}
.iz-shell,.elementor .iz-shell{width:min(1180px,calc(100% - 48px));max-width:1180px;margin-inline:auto}.iz-skip{position:absolute;left:-9999px;z-index:100}.iz-skip:focus{left:14px;top:14px;background:#fff;padding:10px}.iz-topline{background:var(--iz-deep);color:#eaf7ff;font-size:.87rem}.iz-topline .iz-shell{display:flex;justify-content:space-between;padding-block:7px}.iz-topline a:hover{text-decoration:underline}.iz-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid var(--iz-line);backdrop-filter:blur(14px)}.iz-nav{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:86px}.iz-brand{display:flex;align-items:center;gap:12px;color:var(--iz-navy);font-size:1.03rem;letter-spacing:.15em;font-weight:800;line-height:1.15}.iz-brand img{width:54px;height:54px;object-fit:contain}.iz-brand small{display:block;font-size:.81rem;letter-spacing:.33em;margin-top:5px}.iz-nav-links{display:flex;align-items:center;gap:24px;font-size:.92rem;font-weight:650}.iz-nav-links>a:not(.iz-button):hover{color:#116ca3}.iz-mobile{display:none}
.iz-button,.elementor .iz-button .elementor-button{display:inline-flex;align-items:center;justify-content:center;min-height:47px;padding:11px 22px;border:1px solid #a8d3ed;border-radius:999px;color:var(--iz-navy);background:var(--iz-button);font:300 .94rem/1.25 DINish,Arial,sans-serif;box-shadow:none;transition:background .2s ease,transform .2s ease}.iz-button:hover,.elementor .iz-button .elementor-button:hover{color:var(--iz-deep);background:#add8f1;transform:translateY(-2px)}.iz-button--outline,.elementor .iz-button--outline .elementor-button{background:transparent;border-color:#8dbbd6}.iz-button--outline:hover,.elementor .iz-button--outline .elementor-button:hover{background:var(--iz-pale)}
.iz-page-content{min-height:50vh}.iz-section,.elementor .iz-section{padding:88px 0}.iz-section--white{background:#fff}.iz-section--blue{background:var(--iz-ice)}.iz-section--navy{background:var(--iz-navy);color:#fff}.iz-section--navy h2,.iz-section--navy h3,.iz-section--navy .elementor-heading-title{color:#fff!important}.iz-section--navy p{color:#dbeef8}.iz-section--navy .iz-kicker{color:#9ad1ed}.iz-section--navy .iz-button--outline,.iz-section--navy .iz-button--outline .elementor-button{color:#fff;border-color:#afd8ed}.iz-section--navy .iz-button--outline:hover,.iz-section--navy .iz-button--outline .elementor-button:hover{color:var(--iz-navy)}.iz-section .iz-shell>h2,.iz-section .iz-shell>.elementor-widget-heading h2{max-width:800px;margin:0 0 16px}.iz-kicker,.elementor .iz-kicker .elementor-heading-title{display:block;margin:0 0 14px;color:#347ca9!important;font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.iz-section-lead,.iz-section-lead p{max-width:760px;color:var(--iz-muted);font-size:1.08rem}.iz-section-lead{margin-bottom:36px}.iz-text p{margin:0}.elementor-widget-text-editor p{margin:0}.elementor .iz-section-lead{margin-bottom:36px}.elementor .iz-section-lead p{font-size:1.08rem}
.iz-hero{padding:72px 0 82px;background:linear-gradient(140deg,#edf8ff 0%,#fff 58%,#e7f4fb 100%)}.iz-hero-grid,.elementor .iz-hero-grid{display:grid!important;grid-template-columns:1.02fr .98fr;align-items:center;gap:52px}.iz-hero-copy>*+*{margin-top:20px}.iz-hero-copy h1,.iz-hero-copy .elementor-heading-title{color:var(--iz-navy)}.iz-lead,.iz-lead p{max-width:630px;color:var(--iz-muted);font-size:1.12rem;line-height:1.7}.iz-actions,.elementor .iz-actions{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:12px;margin-top:28px}.iz-hero-media img,.elementor .iz-hero-media img{display:block;width:100%;height:500px;object-fit:cover;border-radius:30px 30px 90px 30px;box-shadow:var(--iz-shadow)}.iz-hero-media .elementor-widget-container{width:100%}
.iz-trust{padding:22px 0;background:#fff;border-bottom:1px solid var(--iz-line)}.iz-trust-grid,.elementor .iz-trust-grid{display:grid!important;grid-template-columns:repeat(3,1fr);gap:20px}.iz-trust-item{padding:16px 22px;border-left:2px solid #acd9f0}.iz-trust-item h3,.iz-trust-item .elementor-heading-title{font-size:1rem;color:var(--iz-navy)}.iz-trust-item p{font-size:.91rem;margin-top:4px}
.iz-split,.elementor .iz-split{display:grid!important;grid-template-columns:1fr .9fr;align-items:center;gap:74px}.iz-split-copy>*+*{margin-top:20px}.iz-split-copy p{max-width:620px;font-size:1.08rem}.iz-feature-image img,.elementor .iz-feature-image img{display:block;width:100%;height:430px;object-fit:cover;border-radius:28px;box-shadow:var(--iz-shadow)}
.iz-card-grid,.elementor .iz-card-grid{display:grid!important;grid-template-columns:repeat(3,1fr);gap:20px}.iz-card{overflow:hidden;padding:0 0 25px;border:1px solid var(--iz-line);border-radius:21px;background:#fff;box-shadow:0 8px 24px rgba(19,61,98,.04)}.iz-card>h3,.iz-card>.iz-text,.iz-card>.iz-button,.iz-card>.elementor-widget-heading,.iz-card>.elementor-widget-text-editor,.iz-card>.elementor-widget-button{margin:18px 24px 0}.iz-card h3,.iz-card .elementor-heading-title{font-size:1.24rem;color:var(--iz-navy)}.iz-card p{font-size:.94rem}.iz-card-image img,.elementor .iz-card-image img{display:block;width:100%;height:190px;object-fit:cover}.iz-card .iz-button,.iz-card .elementor-button{min-height:40px;padding:8px 16px;font-size:.86rem}
.iz-fact-grid,.elementor .iz-fact-grid{display:grid!important;grid-template-columns:repeat(3,1fr);gap:18px}.iz-fact{padding:28px;border:1px solid var(--iz-line);border-radius:19px;background:#fff}.iz-fact h3,.iz-fact .elementor-heading-title{color:var(--iz-navy);margin-bottom:10px}.iz-fact p{font-size:.96rem}.iz-steps,.elementor .iz-steps{display:grid!important;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:32px}.iz-step{padding:24px 28px;border:1px solid var(--iz-line);border-radius:17px;background:#fff}.iz-step h3,.iz-step .elementor-heading-title{color:var(--iz-navy);font-size:1.12rem;margin-bottom:8px}.iz-step p{font-size:.96rem}
.iz-team-grid,.elementor .iz-team-grid{display:grid!important;grid-template-columns:repeat(4,1fr);gap:18px}.iz-person{overflow:hidden;border:1px solid var(--iz-line);border-radius:18px;background:#fff}.iz-person-image img,.elementor .iz-person-image img{display:block;width:100%;height:245px;object-fit:cover;object-position:center 20%}.iz-person>h3,.iz-person>.iz-text,.iz-person>.elementor-widget-heading,.iz-person>.elementor-widget-text-editor{margin:15px 18px 0}.iz-person h3,.iz-person .elementor-heading-title{color:var(--iz-navy);font-size:1.06rem}.iz-person p{font-size:.85rem;padding-bottom:20px}
.iz-faq-grid,.elementor .iz-faq-grid{display:grid!important;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:30px}.iz-faq-item{padding:28px;border-radius:18px;background:#fff;border:1px solid var(--iz-line)}.iz-faq-item h3,.iz-faq-item .elementor-heading-title{font-size:1.1rem;color:var(--iz-navy);margin-bottom:12px}.iz-faq-item p{font-size:.94rem}.iz-referral,.elementor .iz-referral{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;gap:50px}.iz-referral-copy{max-width:700px}.iz-referral-copy h2{margin-bottom:16px}.iz-cta{background:var(--iz-navy);color:#fff}.iz-cta h2,.iz-cta .elementor-heading-title{color:#fff!important}.iz-cta p{color:#dbeef8}.iz-cta-grid,.elementor .iz-cta-grid{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;gap:32px}.iz-cta-copy{max-width:700px}.iz-cta-copy>*+*{margin-top:12px}.iz-contact{background:var(--iz-ice)}.iz-footer{padding:29px 0;background:var(--iz-deep);color:#dbeaf4;font-size:.86rem}.iz-footer .iz-shell{display:flex;justify-content:space-between;gap:20px}.iz-footer a:hover{text-decoration:underline}.iz-plain-page{padding:70px 0;min-height:50vh}
@media(max-width:1000px){.iz-nav-links{gap:15px}.iz-nav-links>a:not(.iz-button){display:none}.iz-mobile{display:block;position:relative}.iz-mobile summary{list-style:none;cursor:pointer;padding:9px 15px;border:1px solid var(--iz-line);border-radius:9px;background:var(--iz-pale);color:var(--iz-deep);font-weight:700}.iz-mobile summary::-webkit-details-marker{display:none}.iz-mobile>div{position:absolute;z-index:60;right:0;top:calc(100% + 10px);display:grid;min-width:230px;padding:10px 20px;border:1px solid var(--iz-line);border-radius:15px;background:#fff;box-shadow:var(--iz-shadow)}.iz-mobile a{padding:10px 2px;border-bottom:1px solid var(--iz-line)}.iz-mobile a:last-child{border:0}.iz-card-grid,.elementor .iz-card-grid{grid-template-columns:repeat(2,1fr)}.iz-team-grid,.elementor .iz-team-grid{grid-template-columns:repeat(2,1fr)}.iz-hero-grid,.elementor .iz-hero-grid,.iz-split,.elementor .iz-split{grid-template-columns:1fr;gap:34px}.iz-hero-media img,.elementor .iz-hero-media img{height:420px}}
@media(max-width:700px){.iz-shell,.elementor .iz-shell{width:calc(100% - 30px)}.iz-topline .iz-shell span{display:none}.iz-nav{min-height:72px}.iz-brand{font-size:.77rem;letter-spacing:.10em}.iz-brand img{width:42px;height:42px}.iz-brand small{font-size:.65rem}.iz-nav-links{display:none}.iz-section,.elementor .iz-section{padding:58px 0}.iz-hero{padding:52px 0 62px}.iz-hero-media img,.elementor .iz-hero-media img{height:340px;border-radius:22px 22px 55px 22px}.iz-trust-grid,.elementor .iz-trust-grid,.iz-card-grid,.elementor .iz-card-grid,.iz-fact-grid,.elementor .iz-fact-grid,.iz-steps,.elementor .iz-steps,.iz-faq-grid,.elementor .iz-faq-grid{grid-template-columns:1fr}.iz-team-grid,.elementor .iz-team-grid{grid-template-columns:repeat(2,1fr)}.iz-card-image img,.elementor .iz-card-image img{height:210px}.iz-referral,.elementor .iz-referral,.iz-cta-grid,.elementor .iz-cta-grid{flex-direction:column!important;align-items:flex-start}.iz-footer .iz-shell{flex-direction:column}.iz-feature-image img,.elementor .iz-feature-image img{height:300px}}
@media(max-width:430px){.iz-team-grid,.elementor .iz-team-grid{grid-template-columns:1fr}.iz-person-image img,.elementor .iz-person-image img{height:300px}.iz-brand small{letter-spacing:.2em}}

/* Keep the live Elementor kit and theme text on the same font. */
.elementor .elementor-heading-title,
.elementor .elementor-widget-text-editor,
.elementor .elementor-widget-text-editor p,
.elementor .elementor-widget-text-editor li,
.elementor .elementor-widget-text-editor a,
.elementor .elementor-widget-text-editor strong,
.elementor .elementor-widget-text-editor b,
.elementor .elementor-button,
.elementor .elementor-icon-list-text,
.iz-header,.iz-footer,.iz-plain-page,
.iz-brand,.iz-nav-links,.iz-mobile summary,.iz-kicker,
button,input,select,textarea{
  font-family:DINish,Arial,sans-serif!important;
  font-weight:300!important;
}

/* The tall second homepage image needs a higher focal point at every breakpoint. */
.elementor .iz-man-image img,
body.home .elementor-element-0000002c img{
  object-position:center 8%!important;
}
.elementor .iz-man-image .widget-image-caption,
body.home .elementor-element-0000002c .widget-image-caption{color:var(--iz-muted)!important}
.elementor .iz-legal{max-width:960px;margin-inline:auto}
@media(min-width:701px) and (max-width:1000px){
  .elementor .iz-man-image img,
  body.home .elementor-element-0000002c img{height:min(62vw,560px)!important}
}
@media(max-width:700px){
  .elementor .iz-man-image img,
  body.home .elementor-element-0000002c img{object-position:center 12%!important}
}
