.elementor-kit-12665{--e-global-color-primary:#C5A059;--e-global-color-secondary:#515151;--e-global-color-text:#515151;--e-global-color-accent:#E8E8E8;--e-global-color-35c698f:#000000;--e-global-color-b31beec:#C59D5F;--e-global-color-2011776:#F7F7F7;--e-global-typography-primary-font-family:"Open Sans";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Cormorant Garamond";--e-global-typography-secondary-font-size:40px;--e-global-typography-secondary-font-weight:normal;--e-global-typography-text-font-family:"Open Sans";--e-global-typography-text-font-size:1.1rem;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6rem;--e-global-typography-accent-font-weight:400;}.elementor-kit-12665 e-page-transition{background-color:var( --e-global-color-35c698f );}.elementor-kit-12665 a{color:#C59D5F;}.elementor-kit-12665 h1{font-family:"Cormorant Garamond", Sans-serif;font-size:3rem;font-weight:600;}.elementor-kit-12665 h2{font-family:"Cormorant Garamond", Sans-serif;font-size:2.6rem;font-weight:600;}.elementor-kit-12665 h3{font-family:"Cormorant Garamond", Sans-serif;font-size:1.8rem;font-weight:500;}.elementor-kit-12665 h4{font-family:"Cormorant Garamond", Sans-serif;font-size:1.4rem;font-weight:500;}.elementor-kit-12665 h5{font-family:"Cormorant Garamond", Sans-serif;font-size:1.1rem;font-weight:700;}.elementor-kit-12665 h6{font-family:"Cormorant Garamond", Sans-serif;font-size:0.9rem;font-weight:600;text-transform:uppercase;line-height:1.2em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-12665 h1{font-size:38px;}.elementor-kit-12665 h2{font-size:28px;}.elementor-kit-12665 h3{font-size:22px;}.elementor-kit-12665 h5{font-size:14px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-12665{--e-global-typography-secondary-font-size:30px;--e-global-typography-text-font-size:1rem;--e-global-typography-text-line-height:1.6em;}.elementor-kit-12665 h1{font-size:2.2rem;}.elementor-kit-12665 h2{font-size:1.8rem;line-height:1.2em;}.elementor-kit-12665 h3{font-size:1.5rem;line-height:1.2em;}.elementor-kit-12665 h4{font-size:1.3rem;}.elementor-kit-12665 h5{font-size:1.1rem;}.elementor-kit-12665 h6{font-size:0.9rem;line-height:1.2em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* mietkoch.info – Card-Styles für 3-Spalten-Bereich
   Einbinden: Darstellung → Zusätzliches CSS
   oder Elementor → Site Settings → Custom CSS */

.mk-card {
  padding: 30px;
  background: #fff;
  border-radius: 15px;
  box-shadow: 0 8px 30px rgba(0,0,0,.05);
  border-left: 4px solid #c5a059;
  line-height: 1.6;
}

.mk-h2 {
  color: #1a1a1a;
  margin-top: 0;
  font-size: 1.6em;
}

.mk-h3 {
  color: #333;
  font-size: 1.2em;
  margin-top: 20px;
}

.mk-list {
  list-style: none;
  padding-left: 0;
  margin-top: 10px;
}

.mk-list li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 8px;
  color: #444;
}

.mk-bullet {
  color: #c5a059;
  margin-right: 12px;
  flex-shrink: 0;
}

.mk-card p {
  color: #444;
}

.mk-footer {
  margin-top: 20px;
  padding-top: 15px;
  border-top: 1px solid #eee;
  font-style: italic;
}

/* ---------- Bild-Spalten (Privatkoch / Kochkurse / Gutscheine) ---------- */

.mk-img-col {
  text-align: center;
  max-width: 600px;
  margin: 40px auto;
}

.mk-img-h2 {
  letter-spacing: 3px;
  color: #1a1a1a;
  margin: 0 0 20px;
  text-transform: uppercase;
  font-size: 1.8em;
  font-weight: normal;
}

.mk-img-wrap {
  position: relative;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,.15);
  border: 1px solid rgba(212,175,55,.2);
}

.mk-img-wrap img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform .6s ease;
}

.mk-img-wrap:hover img {
  transform: scale(1.04);
}

.mk-divider {
  width: 60px;
  height: 2px;
  background: #c5a059;
  margin: 25px auto;
}

.mk-img-text {
  font-size: 1.1em;
  color: #444;
  line-height: 1.6;
  font-style: italic;
  margin: 0;
  padding: 0 5px;
}


/* ---------- Read-More Buttons ---------- */
.mk-text{max-height:0;overflow:hidden;transition:max-height 0.5s ease;}
.mk-text.open{max-height:800px;padding-left:24px;}
.mk-actions{display:flex;align-items:center;gap:10px;padding:0.8rem 0 0.8rem 24px;flex-wrap:wrap;justify-content:flex-start;width:auto;}
.mk-btn-expand{background:none;border:0.5px solid #c9a96e;color:#000;font-family:inherit;font-size:0.82rem;font-weight:500;letter-spacing:0.06em;padding:8px 18px;border-radius:2px;cursor:pointer;transition:background 0.2s,color 0.2s;}
.mk-btn-expand:hover{background:#c9a96e;color:#fff;}
.mk-btn-page{background:none;border:0.5px solid #c9a96e;color:#000;font-family:inherit;font-size:0.82rem;font-weight:500;letter-spacing:0.06em;padding:8px 18px;border-radius:2px;text-decoration:none;transition:background 0.2s,color 0.2s;cursor:pointer;}
.mk-btn-page:hover{background:#c9a96e;color:#fff;}/* End custom CSS */