.elementor-19587 .elementor-element.elementor-element-7378b14c > .elementor-container{min-height:400px;}.elementor-19587 .elementor-element.elementor-element-7378b14c:not(.elementor-motion-effects-element-type-background), .elementor-19587 .elementor-element.elementor-element-7378b14c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-19587 .elementor-element.elementor-element-7378b14c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-19587 .elementor-element.elementor-element-7378b14c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}/* Start custom CSS for html, class: .elementor-element-4a0f6406 *//* ==================================================
   RL NEO Editorial Artikelvorlage – Master CSS
   René Ledrado Fotoguide
   Stand: Juni 2026

   HTML und CSS getrennt
   Keine Inline-Styles
   Kein <style> im HTML
   ================================================== */


/* ----------------------------------
   Icon-Font / Material Symbols
---------------------------------- */

@font-face{
  font-family:"Material Symbols Rounded";
  font-display:auto;
  src:url("https://www.rene-ledrado-fotoguide.com/wp-content/uploads/2026/06/MaterialSymbolsRoundedFILLGRADopszwght.ttf") format("truetype");
}

.material-symbols-rounded,
.rl-neo-linkicon{
  font-family:"Material Symbols Rounded";
  font-weight:normal;
  font-style:normal;
  line-height:1;
  letter-spacing:normal;
  text-transform:none !important;
  display:inline-block;
  white-space:nowrap;
  word-wrap:normal;
  direction:ltr;
  -webkit-font-feature-settings:"liga";
  font-feature-settings:"liga";
  -webkit-font-smoothing:antialiased;
}


/* ----------------------------------
   Großer Einstieg
---------------------------------- */

.rl-neo-opening{
  max-width:1140px;
  margin:42px auto 36px auto;
  padding:0;
  box-sizing:border-box;
}

.rl-neo-opening-title{
  margin:0;
  padding:0;
  font-size:40px;
  line-height:1.24;
  font-weight:700;
  letter-spacing:-.045em;
  text-transform:none !important;
  color:#111;
}

.rl-neo-opening-title strong{
  color:#111;
  font-weight:700;
  text-transform:none !important;
}

.rl-neo-opening-title span{
  color:#969696;
  font-weight:700;
  text-transform:none !important;
}


/* ----------------------------------
   Hauptinhalt / Fließtext
---------------------------------- */

.rl-neo-content{
  max-width:820px;
  margin:0 auto;
  padding:0 0 66px 0;
  box-sizing:border-box;
}

.rl-neo-content p{
  margin:0 0 22px 0;
  font-size:18px;
  line-height:1.75;
  font-weight:500;
  letter-spacing:-.015em;
  color:#222;
  text-transform:none !important;
}

.rl-neo-content p:last-child{
  margin-bottom:0;
}


/* ----------------------------------
   Meta-Zeile
---------------------------------- */

.rl-neo-meta{
  margin:0 0 34px 0 !important;
  font-size:13px !important;
  line-height:1.55 !important;
  font-weight:600 !important;
  color:#777 !important;
  text-transform:none !important;
}

.rl-neo-meta strong{
  color:#111;
  font-weight:700;
}


/* ----------------------------------
   Überschriften
---------------------------------- */

.rl-neo-content h2{
  margin:86px 0 26px 0 !important;
  font-size:30px;
  line-height:1.24;
  font-weight:700;
  letter-spacing:-.035em;
  text-transform:none !important;
  color:#111;
}

.rl-neo-content h2:first-child{
  margin-top:78px !important;
}

.rl-neo-divider + .rl-neo-content h2:first-child{
  margin-top:72px !important;
}

.rl-neo-content h2 strong{
  color:#111;
  font-weight:700;
  text-transform:none !important;
}

.rl-neo-content h2 span{
  color:#969696;
  font-weight:700;
  text-transform:none !important;
}


/* ----------------------------------
   Links
---------------------------------- */

.rl-neo-content a,
.rl-neo-shop a,
.rl-neo-final a,
.rl-neo-infobox a,
.rl-neo-image-side a,
.rl-neo-links a{
  color:#111 !important;
  font-weight:700 !important;
  text-decoration:none !important;
  border-bottom:1px solid currentColor !important;
}

.rl-neo-content a:hover,
.rl-neo-shop a:hover,
.rl-neo-final a:hover,
.rl-neo-infobox a:hover,
.rl-neo-image-side a:hover,
.rl-neo-links a:hover{
  color:#777 !important;
  border-bottom-color:#777 !important;
}


/* ----------------------------------
   Farbhelfer
---------------------------------- */

.rl-neo-black{
  color:#111 !important;
  font-weight:700 !important;
}

.rl-neo-gray{
  color:#969696 !important;
  font-weight:700 !important;
}

.rl-neo-gray-strong{
  color:#9c9c9c !important;
  font-weight:800 !important;
}


/* ----------------------------------
   AI hochgestellt
---------------------------------- */

.rl-ai{
  font-size:.58em;
  line-height:0;
  vertical-align:super;
  font-weight:700;
  letter-spacing:-.02em;
}


/* ----------------------------------
   Betonungssatz
---------------------------------- */

.rl-neo-emphasis,
.rl-neo-content p.rl-neo-emphasis,
.rl-neo-final p.rl-neo-emphasis{
  display:block !important;
  margin:34px 0 28px 0 !important;
  font-size:22px !important;
  line-height:1.45 !important;
  font-weight:700 !important;
  letter-spacing:-.025em !important;
  color:#111 !important;
  text-transform:none !important;
}


/* ----------------------------------
   Callout-Kasten
---------------------------------- */

.rl-neo-callout{
  position:relative;
  margin:38px 0 18px 0;
  padding:34px 34px 34px 58px;
  background:#f3f3f3;
  border-radius:24px;
  box-sizing:border-box;
}

.rl-neo-callout:before{
  content:"";
  position:absolute;
  left:24px;
  top:24px;
  bottom:24px;
  width:12px;
  background:#bdbdbd;
  border-radius:999px;
}

.rl-neo-callout p{
  margin:0 0 14px 0 !important;
  font-size:22px !important;
  line-height:1.55 !important;
  font-weight:600 !important;
  color:#111 !important;
  text-transform:none !important;
}

.rl-neo-callout p:last-child{
  margin-bottom:0 !important;
  font-weight:700 !important;
  color:#000 !important;
}


/* ----------------------------------
   Listen
---------------------------------- */

.rl-neo-content ul.rl-neo-list{
  display:block !important;
  clear:both !important;
  width:100% !important;
  margin:34px 0 38px 0 !important;
  padding:0 !important;
  list-style:none !important;
}

.rl-neo-content ul.rl-neo-list li{
  display:block !important;
  position:relative !important;
  width:100% !important;
  min-height:0 !important;
  height:auto !important;
  margin:0 !important;
  padding:15px 0 15px 30px !important;
  border-top:1px solid #e0e0e0 !important;
  font-size:17px !important;
  line-height:1.6 !important;
  font-weight:500 !important;
  color:#222 !important;
  float:none !important;
  clear:both !important;
  overflow:visible !important;
  text-transform:none !important;
}

.rl-neo-content ul.rl-neo-list li:last-child{
  border-bottom:1px solid #e0e0e0 !important;
}

.rl-neo-content ul.rl-neo-list li::marker{
  content:"" !important;
}

.rl-neo-content ul.rl-neo-list li::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:27px !important;
  width:13px !important;
  height:2px !important;
  border-radius:999px !important;
  background:#8a8a8a !important;
}


/* ----------------------------------
   Trenner
---------------------------------- */

.rl-neo-divider{
  width:180px;
  height:6px;
  margin:60px auto 60px auto;
  background:#d4d4d4;
  border-radius:999px;
}


/* ----------------------------------
   Bildbegleittext rechts neben Bild
---------------------------------- */

.rl-neo-image-side{
  max-width:390px;
  margin:0;
  padding:0;
  box-sizing:border-box;
}

.rl-neo-image-side-title{
  margin:0 0 24px 0 !important;
  font-size:30px !important;
  line-height:1.18 !important;
  font-weight:700 !important;
  letter-spacing:-.035em !important;
  color:#111 !important;
  text-transform:none !important;
}

.rl-neo-image-side-title strong{
  display:block !important;
  color:#111 !important;
  font-weight:700 !important;
}

.rl-neo-image-side-title span{
  display:block !important;
  color:#969696 !important;
  font-weight:700 !important;
}

.rl-neo-image-side p:not(.rl-neo-image-side-title){
  margin:0 !important;
  font-size:18px !important;
  line-height:1.65 !important;
  font-weight:500 !important;
  letter-spacing:-.015em !important;
  color:#222 !important;
  text-transform:none !important;
}


/* ----------------------------------
   Final-Box
---------------------------------- */

.rl-neo-final{
  max-width:800px;
  margin:0 auto 40px auto;
  background:#f4f4f4;
  border-radius:28px;
  padding:42px 40px;
  box-sizing:border-box;
}

.rl-neo-final p{
  margin:0 0 20px 0 !important;
  font-size:18px !important;
  line-height:1.78 !important;
  font-weight:500 !important;
  letter-spacing:-.015em !important;
  color:#222 !important;
  text-transform:none !important;
}

.rl-neo-final p:last-child{
  margin-bottom:0 !important;
}


/* ----------------------------------
   Einfache Weiterführend-Zeile
---------------------------------- */

.rl-neo-shop{
  max-width:820px;
  margin:34px auto 0 auto;
  padding:32px 0 0 0;
  border-top:4px solid #8a8a8a;
  box-sizing:border-box;
}

.rl-neo-shop p{
  margin:0 !important;
  font-size:18px !important;
  line-height:1.55 !important;
  font-weight:500 !important;
  letter-spacing:-.015em !important;
  color:#111 !important;
  text-transform:none !important;
}

.rl-neo-shop a{
  display:inline-block;
  margin:0 6px 8px 0;
}


/* ----------------------------------
   Große Weiterführend-Sektion
---------------------------------- */

.rl-neo-links{
  max-width:820px;
  margin:0 auto 80px auto;
  padding:36px 40px 40px 40px;
  background:#f3f3f3;
  border-radius:24px;
  box-sizing:border-box;
}

.rl-neo-links-title{
  margin:0 0 14px 0;
  font-size:30px;
  line-height:1.24;
  font-weight:700;
  letter-spacing:-.035em;
  color:#111;
  text-transform:none !important;
}

.rl-neo-links-title strong{
  color:#111;
  font-weight:700;
  text-transform:none !important;
}

.rl-neo-links-title span{
  color:#969696;
  font-weight:700;
  text-transform:none !important;
}

.rl-neo-links-intro{
  max-width:640px;
  margin:0 0 30px 0;
  font-size:16px;
  line-height:1.65;
  font-weight:500;
  letter-spacing:-.012em;
  color:#444;
  text-transform:none !important;
}

.rl-neo-links-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px 28px;
  margin:0;
}

.rl-neo-linkitem{
  display:grid !important;
  grid-template-columns:34px 1fr;
  gap:14px;
  align-items:start;
  padding:0 0 16px 0;
  color:#111 !important;
  text-decoration:none !important;
  border-bottom:2px solid #d5d5d5 !important;
}

.rl-neo-linkitem:hover{
  color:#777 !important;
  border-bottom-color:#999 !important;
}

.rl-neo-linkitem:hover .rl-neo-linkicon{
  color:#777;
}

.rl-neo-linkicon{
  display:block;
  font-size:28px;
  line-height:1;
  color:#111;
  border-bottom:none !important;
  font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
}

.rl-neo-linktext{
  display:block;
  font-size:16px;
  line-height:1.35;
  font-weight:700;
  color:inherit;
  text-transform:none !important;
}

.rl-neo-linksub{
  display:block;
  margin-top:4px;
  font-size:13.5px;
  line-height:1.45;
  font-weight:500;
  letter-spacing:-.01em;
  color:#666;
  text-transform:none !important;
}

.rl-neo-links-note{
  max-width:620px;
  margin:30px 0 0 0;
  font-size:13.5px;
  line-height:1.6;
  font-weight:500;
  letter-spacing:-.01em;
  color:#666;
  text-transform:none !important;
}


/* ----------------------------------
   Mobil
---------------------------------- */

@media (max-width:767px){

  .rl-neo-opening{
    max-width:100%;
    margin:34px auto 32px auto;
  }

  .rl-neo-opening-title{
    font-size:31px;
    line-height:1.22;
  }

  .rl-neo-content{
    max-width:100%;
    padding-bottom:54px;
  }

  .rl-neo-content p{
    font-size:16.5px;
    line-height:1.7;
    letter-spacing:-.012em;
  }

  .rl-neo-content h2{
    font-size:25px;
    line-height:1.28;
    margin-top:64px !important;
    margin-bottom:22px !important;
  }

  .rl-neo-content h2:first-child{
    margin-top:58px !important;
  }

  .rl-neo-divider + .rl-neo-content h2:first-child{
    margin-top:54px !important;
  }

  .rl-neo-emphasis,
  .rl-neo-content p.rl-neo-emphasis,
  .rl-neo-final p.rl-neo-emphasis{
    font-size:20px !important;
    line-height:1.45 !important;
  }

  .rl-neo-callout{
    padding:28px 24px 28px 48px;
    border-radius:22px;
  }

  .rl-neo-callout:before{
    left:18px;
    top:20px;
    bottom:20px;
    width:10px;
  }

  .rl-neo-callout p{
    font-size:19px !important;
    line-height:1.55 !important;
  }

  .rl-neo-content ul.rl-neo-list{
    margin:28px 0 34px 0 !important;
  }

  .rl-neo-content ul.rl-neo-list li{
    font-size:16px !important;
    line-height:1.6 !important;
    padding:14px 0 14px 26px !important;
  }

  .rl-neo-content ul.rl-neo-list li::before{
    top:26px !important;
    width:12px !important;
  }

  .rl-neo-image-side{
    max-width:100%;
    margin-top:26px;
  }

  .rl-neo-image-side-title{
    font-size:25px !important;
    line-height:1.22 !important;
  }

  .rl-neo-image-side p:not(.rl-neo-image-side-title){
    font-size:16.5px !important;
    line-height:1.65 !important;
    letter-spacing:-.012em !important;
  }

  .rl-neo-final{
    max-width:100%;
    padding:28px 24px;
    border-radius:24px;
  }

  .rl-neo-final p{
    font-size:16.5px !important;
    line-height:1.7 !important;
    letter-spacing:-.012em !important;
  }

  .rl-neo-shop{
    max-width:100%;
  }

  .rl-neo-shop p{
    font-size:17px !important;
  }

  .rl-neo-links{
    max-width:100%;
    padding:30px 24px 34px 24px;
    border-radius:22px;
  }

  .rl-neo-links-title{
    font-size:25px;
    line-height:1.24;
  }

  .rl-neo-links-intro{
    font-size:15.5px;
    line-height:1.62;
  }

  .rl-neo-links-grid{
    grid-template-columns:1fr;
    gap:16px;
  }

  .rl-neo-linkitem{
    grid-template-columns:30px 1fr;
  }

  .rl-neo-linkicon{
    font-size:25px;
  }

}/* End custom CSS */