:root{
    --ink:#3D3A5C;
    --ink-soft:#5B5779;
    --cream:#FAF6F0;
    --card:#F1E6DA;
    --gold:#B08968;
    --sage:#6E7863;
    --burgundy:#7A3B44;
    --line: rgba(61,58,92,0.14);
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{
    font-family:'Work Sans', sans-serif;
    background:var(--cream);
    color:var(--ink);
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3{
    font-family:'Fraunces', serif;
    font-weight:500;
    line-height:1.12;
    letter-spacing:-0.01em;
    color:var(--ink);
  }
  a{color:inherit;}
  .wrap{
    width:100%;
    max-width:1520px;
    margin:0 auto;
    padding:0 64px;
  }
  .eyebrow{
    font-size:16px;
    letter-spacing:0.14em;
    text-transform:uppercase;
    color:var(--gold);
    font-weight:600;
  }

  /* Header */
  header{
    padding:22px 0;
    border-bottom:1px solid var(--line);
    position:sticky; top:0; background:rgba(250,246,240,0.92);
    backdrop-filter:blur(6px);
    z-index:20;
  }
  header .wrap{display:flex; align-items:center; justify-content:space-between;}
  .brand{display:flex; align-items:center; gap:12px;}
  .brand-mark{width:34px; height:34px; flex-shrink:0;}
  .brand-name{font-family:'Fraunces', serif; font-size:1.15rem;}
  header nav a{font-size:16px; text-decoration:none; color:var(--ink-soft);}

  /* Hero */
  .hero{padding:64px 0 40px; position:relative; overflow:hidden;}
  .hero .wrap{position:relative; z-index:2;}
  .rings{
    position:absolute; top:-40px; right:-90px; width:340px; height:340px; z-index:1; opacity:0.9;
  }
  .hero h1{font-size:2.35rem; max-width:9.5em; margin-bottom:22px;}
  .hero h1 em{font-style:normal; color:var(--burgundy);}
  .hero p.lede{font-size:1.05rem; color:var(--ink-soft); max-width:34em; margin-bottom:30px;}
  .cta-row{display:flex; gap:14px; flex-wrap:wrap;}
  .btn{
    display:inline-flex; align-items:center; gap:8px;
    padding:14px 26px; border-radius:999px;
    font-size:0.88rem; font-weight:600; letter-spacing:0.02em;
    text-decoration:none; cursor:pointer; border:1.5px solid transparent;
    transition:transform 0.15s ease, box-shadow 0.15s ease;
  }
  .btn:hover{transform:translateY(-1px);}
  .btn-primary{background:var(--burgundy); color:#fff;}
  .btn-primary:hover{box-shadow:0 8px 20px rgba(122,59,68,0.28);}
  .btn-ghost{border-color:var(--ink); color:var(--ink);}

  /* Section shell */
  section{padding:56px 0;}
  .divider{height:1px; background:var(--line); width:100%;}

  /* Empathy */
  .empathy p{font-size:1.05rem; color:var(--ink-soft); max-width:32em;}
  .empathy p + p{margin-top:16px;}
  .empathy strong{color:var(--ink); font-weight:600;}

  /* Angebot card */
  .angebot{
    background:var(--card);
    border-radius:22px;
    padding:40px 34px;
  }
  .angebot h2{font-size:1.7rem; margin-bottom:14px;}
  .angebot p{color:var(--ink-soft); max-width:36em; font-size:1.05rem;}
  .qual{
    margin-top:22px; padding-top:18px; border-top:1px solid rgba(61,58,92,0.18);
    font-size:1.05rem; color:var(--ink-soft);
  }

  /* Haltung cards */
  .haltung-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:30px;}
  .haltung-card{
    border:1px solid var(--line); border-radius:16px; padding:24px 20px;
  }
  .haltung-card .mark{
    width:30px; height:30px; margin-bottom:14px;
  }
  .haltung-card h3{font-size:1.05rem; margin-bottom:8px;}
  .haltung-card p{font-size:1.05rem; color:var(--ink-soft);}

  /* Ablauf */
  .ablauf-item{display:flex; gap:20px; padding:20px 0; border-top:1px solid var(--line);}
  .ablauf-item:last-child{border-bottom:1px solid var(--line);}
  .ablauf-num{
    font-family:'Fraunces', serif; font-size:1.3rem; color:var(--gold); flex-shrink:0; width:1.6em;
  }
  .ablauf-item h3{font-size:1.1rem; margin-bottom:4px;}
  .ablauf-item p{font-size:1.05rem; color:var(--ink-soft);}

  /* Über mich */
  .person{display:flex; gap:26px; align-items:flex-start;}
  .person-photo{
    width:120px; height:120px; border-radius:50%; flex-shrink:0;
    background:linear-gradient(135deg, var(--sage), var(--burgundy));
    display:flex; align-items:center; justify-content:center;
    color:#fff; font-family:'Fraunces',serif; font-size:1.6rem;
  }
  .person p{color:var(--ink-soft); font-size:16px;}

  /* Lokal */
  .lokal{
    background:var(--ink); color:var(--cream); border-radius:22px; padding:38px 34px;
  }
  .lokal h2{color:var(--cream); font-size:1.5rem; margin-bottom:12px;}
  .lokal p{color:rgba(250,246,240,0.82); max-width:34em; font-size: 1.05rem;}
  .lokal .tags{display:flex; gap:8px; flex-wrap:wrap; margin-top:18px;}
  .lokal .tag{
    font-size:16px; border:1px solid rgba(250,246,240,0.35); border-radius:999px;
    padding:6px 14px; color:rgba(250,246,240,0.9);
  }

  /* FAQ */
  .faq-item{border-top:1px solid var(--line);}
  .faq-item:last-child{border-bottom:1px solid var(--line);}
  .faq-item summary{
    padding:18px 2px; cursor:pointer; font-family:'Fraunces', serif; font-size:1.3rem;
    list-style:none; display:flex; justify-content:space-between; align-items:center; gap:12px;
  }
  .faq-item summary::-webkit-details-marker{display:none;}
  .faq-item summary::after{
    content:'+'; font-size:1.3rem; color:var(--gold); flex-shrink:0; transition:transform 0.2s ease;
  }
  .faq-item[open] summary::after{transform:rotate(45deg);}
  .faq-item .a{padding:0 2px 20px; color:var(--ink-soft); font-size: 1.05rem; max-width:34em;}

  /* Final CTA */
  .final{
    text-align:center; padding:70px 0 90px;
  }
 .final h2{
  font-size:1.9rem;
  max-width:none;
  width:100%;
  margin:0 auto 16px;
  text-align:center;
}

.final p{
    font-size:1.05rem;
  color:var(--ink-soft);
  max-width:none;
  width:100%;
  margin:0 auto 28px;
  text-align:center;
}
  .final .cta-row{justify-content:center;}

.site-footer{
  border-top:1px solid var(--line);
  padding:0;
  color:var(--ink);
}

.site-footer__top{
  display:grid;
  grid-template-columns:1.2fr 1fr 0.8fr 1.4fr ;
  gap:60px;
  padding-top:55px;
  padding-bottom:55px;
}

.site-footer h2{
  font-size:1.9rem;
  margin:0 0 12px;
  color:var(--ink);
}

.site-footer h3{
  font-family:'Work Sans', sans-serif;
  font-size:0.9rem;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:0.12em;
  color:var(--burgundy);
  margin:15px 0 16px;
}

.site-footer p{
  margin:0;
  font-size: 1.05rem;
  line-height:1.8;
  color:var(--ink-soft);
}

.site-footer a{
  color:inherit;
  text-decoration:none;
}

.site-footer a:hover{
  text-decoration:underline;
}


.site-footer__bottom .wrap{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;

  padding-top:20px;
  padding-bottom:20px;

  font-size:15px;
  color:var(--ink-soft);
}

.site-footer__bottom a{
  font-weight:600;
  color:var(--burgundy);
}

.site-footer__top{
  display:grid;
  grid-template-columns:1.2fr 1fr 0.8fr 1.4fr;
  gap:60px;

  padding-top:65px;
  padding-bottom:45px;
}

.site-footer__bottom{
  border-top:none;
}

.site-footer__bottom .wrap{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;

  padding-top:10px;
  padding-bottom:22px;

  font-size:15px;
  color:var(--ink-soft);
}

 
@media (max-width:1100px){

  .site-footer__top{
    grid-template-columns:repeat(2, 1fr);
    gap:40px 60px;
  }

}


@media (max-width:700px){

  .site-footer__top{
    grid-template-columns:1fr;
    gap:30px;
    padding-top:40px;
    padding-bottom:40px;
  }

  .site-footer__bottom .wrap{
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
  }

}
  /* Große Desktop-Bildschirme */
  @media (min-width:1600px){
    .wrap{max-width:1680px; padding:0 80px;}
    .hero{padding:82px 0 54px;}
    section{padding:68px 0;}
    .hero h1{font-size:3rem; max-width:12em;}
    .hero p.lede{font-size:1.12rem; max-width:46em;}
    .empathy p{max-width:46em;}
    .angebot p{max-width:52em;}
    .lokal p{max-width:50em;}
    .faq-item .a{max-width:50em;}
  }

  /* 17-Zoll-Laptops / kleinere Desktops */
  @media (min-width:1366px) and (max-width:1599px){
    .wrap{max-width:1440px; padding:0 56px;}
    .hero h1{font-size:2.75rem; max-width:11em;}
    .hero p.lede{max-width:42em;}
    .empathy p{max-width:42em;}
    .angebot p{max-width:48em;}
    .lokal p{max-width:46em;}
    .faq-item .a{max-width:46em;}
  }

  /* 15-Zoll-Laptops */
  @media (min-width:1024px) and (max-width:1365px){
    .wrap{max-width:none; padding:0 44px;}
    .hero{padding:58px 0 38px;}
    .hero h1{font-size:2.45rem; max-width:10.5em;}
    .hero p.lede{max-width:40em;}
    section{padding:50px 0;}
  }

  /* Tablets */
  @media (min-width:641px) and (max-width:1023px){
    .wrap{max-width:none; padding:0 32px;}
    .hero h1{font-size:2.15rem;}
    .haltung-grid{grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px;}
    .haltung-card{padding:20px 16px;}
  }

  /* Mobile */
  @media (max-width:640px){
    .wrap{max-width:none; padding:0 20px;}
    header{padding:16px 0;}
    header .wrap{gap:16px;}
    .brand-name{font-size:1.05rem;}
    header nav a{font-size:16px; text-align:right;}
    .hero{padding:46px 0 32px;}
    .hero h1{font-size:1.9rem;}
    section{padding:42px 0;}
    .angebot,.lokal{padding:30px 22px; border-radius:18px;}
    .haltung-grid{grid-template-columns:1fr;}
    .person{flex-direction:column;}
    .rings{width:220px; height:220px; top:-10px; right:-70px;}
    .cta-row{flex-direction:column; align-items:stretch;}
    .btn{justify-content:center; width:100%;}
    .final{padding:56px 0 66px;}
    footer .wrap{flex-direction:column;}
  }

  @media (prefers-reduced-motion: reduce){
    *{animation:none !important; transition:none !important;}
  }

  .ring-anim circle{transform-origin:center; animation:breathe 7s ease-in-out infinite;}
  .ring-anim .c2{animation-delay:0.6s;}
  @keyframes breathe{
    0%,100%{transform:scale(1);}
    50%{transform:scale(1.045);}
  }

  .hero-portrait{
  position:absolute;
  right:8%;
  top:50%;
  transform:translateY(-50%);
  width:340px;
  height:340px;
  object-fit:cover;
  object-position:center;
  border-radius:50%;
  z-index:1;
}

.hero .wrap{
  position:relative;
  z-index:2;
}

/* Laptop */
@media (max-width:1400px){
  .hero-portrait{
    right:4%;
    width:300px;
    height:300px;
  }
}

/* Tablet / kleiner Laptop */
@media (max-width:1000px){
  .hero-portrait{
    width:250px;
    height:250px;
    right:20px;
  }

  .hero h1,
  .hero .lede{
    max-width:65%;
  }
}

/* Mobile */
@media (max-width:700px){
  .hero{
    padding-top:32px;
  }

  .hero-portrait{
    position:relative;
    top:auto;
    right:auto;
    transform:none;

    display:block;
    width:220px;
    height:220px;

    margin:0 auto 32px;
  }

  .hero h1,
  .hero .lede{
    max-width:none;
  }
}

.empathy{
  text-align:center;
}

.empathy h2{
  font-size:2rem;
  margin-bottom:22px;
  text-align:center;
}

.empathy p{
  font-size:1.05rem;
  color:var(--ink-soft);

  /* wichtig: keine Begrenzung mehr */
  max-width:none;
  width:100%;

  text-align:left;
}

.empathy p + p{
  margin-top:18px;
}

em {
    font-style: normal;
    color: var(--burgundy);
}

.faq-grid{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:0 40px;
  margin-top:18px;
}

.faq-item{
  border-top:1px solid var(--line);
}

.faq-item:nth-last-child(-n+2){
  border-bottom:1px solid var(--line);
}

@media (max-width:700px){
  .faq-grid{
    grid-template-columns:1fr;
    gap:0;
  }

  .faq-item{
    border-bottom:none;
  }

  .faq-item:last-child{
    border-bottom:1px solid var(--line);
  }
}

@media (max-width:700px){
  .final h2{
    font-size:1.7rem;
  }
}

/* =========================================================
   ÜBER MICH
========================================================= */

.about-section {
    background: #f8f4ee;
    padding: 90px 40px;
}

.about-wrap {
    width: 100%;
    max-width: 1540px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: minmax(420px, 0.9fr) minmax(500px, 1fr);
    gap: 90px;

    align-items: center;
}


/* =========================================================
   BILD LINKS
========================================================= */

.about-image {
    position: relative;

    width: 100%;
    min-height: 600px;

    overflow: hidden;

    border-radius: 22px;

    background: #eee5dc;

    box-shadow:
        0 18px 45px rgba(75, 55, 48, 0.10);
}

.about-image img {
    width: 100%;
    height: 100%;
    min-height: 600px;

    display: block;

    object-fit: cover;
    object-position: center;
}


/* EK KREIS */

.about-monogram {
    position: absolute;

    top: 32px;
    left: 32px;

    width: 105px;
    height: 105px;

    border: 1px solid rgba(126, 71, 72, 0.55);
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(248, 244, 238, 0.82);

    color: #8a5553;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 38px;
    font-weight: 400;

    backdrop-filter: blur(5px);
}


/* =========================================================
   TEXT RECHTS
========================================================= */

.about-content {
    max-width: 690px;
}


/* ÜBER MICH */

.about-eyebrow {
    margin: 0;

    color: #b47a54;

    font-size: 17px;
    font-weight: 700;

    letter-spacing: 0.22em;
    text-transform: uppercase;
}


/* KLEINE LINIE */

.about-line {
    width: 70px;
    height: 1px;

    margin: 28px 0 50px;

    background: #a86765;
}


/* ERSTER ABSATZ */

.about-intro {
    margin: 0 0 48px;

    color: #565270;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 20px;

    line-height: 1.42;
    font-weight: 400;
}


/* ZWEITER ABSATZ */

.about-text {
    margin: 0;

    color: #565270;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 20px;

    line-height: 1.48;
}


/* =========================================================
   LAPTOP
========================================================= */

@media (max-width: 1250px) {

    .about-section {
        padding: 80px 35px;
    }

    .about-wrap {
        grid-template-columns: 0.9fr 1fr;
        gap: 60px;
    }

    .about-image,
    .about-image img {
        min-height: 520px;
    }

    .about-intro {
        margin-bottom: 35px;
    }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 950px) {

    .about-wrap {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .about-image {
        max-height: 650px;
    }

    .about-content {
        max-width: 100%;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .about-section {
        padding: 55px 20px;
    }

    .about-wrap {
        gap: 38px;
    }

    .about-image,
    .about-image img {
        min-height: 420px;
    }

    .about-image {
        border-radius: 16px;
    }

    .about-monogram {
        width: 75px;
        height: 75px;

        top: 20px;
        left: 20px;

        font-size: 28px;
    }

    .about-eyebrow {
        font-size: 14px;
    }

    .about-line {
        margin: 20px 0 30px;
        width: 55px;
    }

    .about-intro {
        font-size: 20px;
        line-height: 1.42;

        margin-bottom: 28px;
    }

    .about-text {
        font-size: 18px;
        line-height: 1.5;
    }

}


.about-section {
    background: #f8f4ee;
    height: 550px;
    padding: 40px 10px;
    box-sizing: border-box;
}

.about-wrap {
    width: 100%;
    max-width: 1530px;
    height: 100%;
    margin: 0 auto;

    display: grid;
    grid-template-columns: minmax(420px, 0.9fr) minmax(500px, 1fr);
    gap: 90px;

    align-items: center;
}

.about-image {
    position: relative;

    width: 100%;
    height: 450px;
    min-height: 0;

    overflow: hidden;
    border-radius: 22px;

    background: #eee5dc;

    box-shadow:
        0 18px 45px rgba(75, 55, 48, 0.10);
}

.about-image img {
    width: 100%;
    height: 100%;
    min-height: 0;

    display: block;

    object-fit: cover;
    object-position: center;
}

.about-image img {
    object-position: center 0%;
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 768px) {

    .about-section {
        height: auto;
        min-height: 0;
        padding: 45px 20px;
    }

    .about-wrap {
        width: 100%;
        height: auto;

        display: grid;
        grid-template-columns: 1fr;
        gap: 35px;

        align-items: start;
    }

    .about-image {
        width: 100%;
        height: 330px;
        min-height: 0;

        border-radius: 18px;
    }

    .about-image img {
        width: 100%;
        height: 100%;
        min-height: 0;

        object-fit: cover;
        object-position: center 25%;
    }

    .about-content {
        width: 100%;
        max-width: none;
    }

    .about-eyebrow {
        font-size: 14px;
        letter-spacing: 0.20em;
    }

    .about-line {
        width: 55px;
        margin: 18px 0 28px;
    }

    .about-intro {
        margin: 0 0 25px;

        font-size: 17px;
        line-height: 1.4;
    }

    .about-text {
        margin: 0;

        font-size: 17px;
        line-height: 1.5;
    }
}

#angebot .angebot {
    text-align: center;
}

#angebot .angebot .eyebrow {
    display: block;
    width: 100%;
    margin: 0 0 8px 0;
    text-align: center !important;
}

#angebot .angebot h2 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#angebot .angebot > p:not(.eyebrow) {
    max-width: 1050px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#angebot .angebot .qual {
    text-align: center;
}

/* =========================================================
   HEADER
========================================================= */

.site-header {
    position: sticky;
    top: 0;
    z-index: 1000;

    width: 100%;

    background: rgba(248, 244, 238, 0.96);
    backdrop-filter: blur(12px);

    border-bottom: 1px solid rgba(83, 75, 103, 0.10);
}

.header-inner {
    min-height: 88px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 40px;
}


/* =========================================================
   BRAND
========================================================= */

.brand {
    display: inline-flex;
    align-items: center;
    gap: 14px;

    text-decoration: none;
}

.brand-logo {
    width: 48px;
    height: 48px;

    display: block;

    object-fit: contain;

    transition: transform 0.25s ease;
}

.brand:hover .brand-logo {
    transform: scale(1.04);
}

.brand-name {
    color: #3f3b59;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 21px;
    font-weight: 500;

    letter-spacing: 0.01em;
    white-space: nowrap;
}


/* =========================================================
   NAVIGATION
========================================================= */

.header-nav {
    display: flex;
    align-items: center;

    gap: 30px;
}

.header-link {
    position: relative;

    color: #5a5572;

    font-size: 15px;
    font-weight: 500;

    text-decoration: none;

    transition: color 0.2s ease;
}

.header-link::after {
    content: "";

    position: absolute;
    left: 0;
    bottom: -7px;

    width: 0;
    height: 1px;

    background: #a86f50;

    transition: width 0.25s ease;
}

.header-link:hover {
    color: #8b5d48;
}

.header-link:hover::after {
    width: 100%;
}


/* =========================================================
   BUTTON
========================================================= */

.header-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 46px;

    padding: 0 24px;

    border: 1px solid var(--burgundy);
    border-radius: 999px;

    color: #ffffff;
    background: var(--burgundy);

    font-size: 15px;
    font-weight: 600;

    text-decoration: none;

    transition:
        background 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.header-button:hover {
    background: var(--burgundy);

    transform: translateY(-1px);

    box-shadow: 0 8px 22px rgba(100, 68, 52, 0.16);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .header-inner {
        min-height: 78px;
    }

    .header-nav {
        gap: 18px;
    }

    .header-link {
        display: none;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .site-header .wrap {
        padding-left: 16px;
        padding-right: 16px;
    }

    .header-inner {
        min-height: 70px;
        gap: 15px;
    }

    .brand {
        gap: 9px;
    }

    .brand-logo {
        width: 38px;
        height: 38px;
    }

    .brand-name {
        font-size: 16px;
    }

    .header-button {
        min-height: 40px;

        padding: 0 15px;

        font-size: 13px;
    }

}

@media (max-width: 430px) {

    .brand-name {
        max-width: 125px;
        white-space: normal;
        line-height: 1.1;
    }

    .header-button {
        padding: 0 12px;
        font-size: 12px;
    }

}

.site-footer__bottom .wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer-credit {
    position: relative;
    right: 335px;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 110px;
}

#angebot,
#ueber-mich,
#erstgespraech {
    scroll-margin-top: 110px;
}


/* =========================================================
   RECHTLICHE SEITEN
========================================================= */

.legal-page {
    background: #f8f4ee;
    padding: 90px 30px 110px;
}

.legal-wrap {
    max-width: 1000px;
}

.legal-page h1 {
    margin: 10px 0 45px;

    color: #343253;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(36px, 4vw, 55px);
    font-weight: 400;
}

.legal-page h2 {
    margin: 42px 0 14px;

    color: #343253;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 25px;
    font-weight: 500;
}

.legal-page p {
    margin: 0 0 18px;

    color: #55506c;

    font-size: 17px;
    line-height: 1.75;
}

.legal-page a {
    color: #8a414c;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.legal-update {
    margin-top: 50px !important;
    font-size: 14px !important;
    opacity: 0.75;
}

@media (max-width: 600px) {

    .legal-page {
        padding: 55px 20px 70px;
    }

    .legal-page h1 {
        margin-bottom: 30px;
        font-size: 36px;
    }

    .legal-page h2 {
        margin-top: 32px;
        font-size: 23px;
    }

    .legal-page p {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
  .eyebrow-mobile-small {
    font-size: 14px;
    margin-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .webdesign-link {
    display: inline-block;
    margin-top: 20px;
  }
}