.elementor-37949 .elementor-element.elementor-element-672e826{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--margin-top:16px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:0px;--padding-left:5px;--padding-right:5px;}.elementor-37949 .elementor-element.elementor-element-672e826:not(.elementor-motion-effects-element-type-background), .elementor-37949 .elementor-element.elementor-element-672e826 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FCFCFC 0%, #FCF7BFAD 80%);}.elementor-37949 .elementor-element.elementor-element-672e826.e-con{--align-self:center;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-37949 .elementor-element.elementor-element-672e826{--content-width:100%;}}/* Start custom CSS for html, class: .elementor-element-3029c20 */@font-face {
  font-family: "Bello-SmCp";
  src: url("https://alte.oma-shop.de/wp-content/uploads/2025/02/Bello-SmCp.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap");


.oma-footer5{
  --brand: #cf0062;
  --text: #101016CC;
  --btn-bg: #FCF7BFAD;
  --btn-bg-hover: #FCF7BF;
  --btn-brd: #1010161F;
  --btn-brd-hover: #CF00628C;
  --radius: 10px;

  background: transparent;  
  color: var(--text);
  font-family: "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}


.footer5__container{
  max-width: 1600px;
  margin: 0 auto;
  display: grid;
  gap: clamp(22px, 2.2vw, 36px);
  grid-template-columns: 1.4fr repeat(4, 1fr);
  align-items: start;
}
@media (max-width: 1100px){
  .footer5__container{ grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 700px){
  .footer5__container{ grid-template-columns: 1fr; }
}

.oma-footer5 h1,
.oma-footer5 h2{
  color: var(--brand);
}


.f5--brand{ 
    display: grid; 
    gap: 10px; 
    align-self: start;
}

.brand__row{
  display: flex; 
  align-items: center; 
  gap: clamp(12px, 1.5vw, 18px);
}
.f5__logo img{
  width: clamp(160px, 15vw, 200px);
  height: clamp(160px, 15vw, 200px);
  object-fit: contain; display: block;
}
.f5__title{
  margin: 0;
  font-family: "Bello-SmCp", system-ui, sans-serif;
  font-weight: 400;
  font-size: clamp(28px, 3.2vw, 42px);
  letter-spacing: .2px;
  line-height: 1.1;
}
.f5__tag{
  margin: 4px 0 0 !important;
  text-align: center;
  font-size: clamp(14px, 1.4vw, 16px);
  line-height: 1.3;
  font-weight: 600;
}

.f5__heading{
  margin: 0 0 10px;
  font: 400 32px "Bello-SmCp", system-ui, sans-serif;
  text-align: center;
  
}
.f5__list,
.f5__socials{
  list-style: none;
  padding: 0;
  margin: 12px 0 0;
}
.f5__list{
  display: grid;
  gap: 10px;
  justify-items: center;
  text-align: center;      
}
.f5__list a{
  color: var(--text); 
  text-decoration: none;
  display: inline-flex; align-items: center; gap: 10px;
  padding: 4px 0;
  border-radius: var(--radius);
  transition: color .15s ease, background-color .15s ease, border-color .15s ease, transform .15s ease;
}

.f5__list a:hover{
  color: var(--brand);
  transform: translateY(-1px);
}
.f5__list li{
  list-style: none; 
  font-weight: 600;
}

.f5__socials li{
  list-style: none;       
}

.f5__socials{
  --soc-size: clamp(64px, 5vw, 80px);
  --soc-icon: clamp(28px, 2.2vw, 34px);
  display: grid;
  grid-auto-rows: var(--soc-size);
  gap: 14px;
  justify-content: center;
}

/* Desktop: 5 Spalten – obere Reihe 1/3/5, darunter 2/4 (versetzt zentriert) */
@media (min-width: 1024px){
  .f5__socials{
    grid-template-columns: repeat(5, var(--soc-size));
  }
  .f5__socials li:nth-child(1){ grid-column: 1; }
  .f5__socials li:nth-child(2){ grid-column: 3; }
  .f5__socials li:nth-child(3){ grid-column: 5; }
  .f5__socials li:nth-child(4){ grid-column: 2; }  /* versetzt mittig */
  .f5__socials li:nth-child(5){ grid-column: 4; }  /* versetzt mittig */
}

/* Tablet/Mobil: auto-wrap, zentriert */
@media (max-width: 1023.98px){
  .f5__socials{
    grid-template-columns: repeat(auto-fit, minmax(var(--soc-size), 1fr));
  }
}

/* Social Buttons im Button-Theme */
.soc{
  width: var(--soc-size);
  height: var(--soc-size);
  display: grid; place-items: center;
  border-radius: var(--radius);
  background: var(--btn-bg);
  border: 2px solid var(--btn-brd);
  color: var(--brand) !important;
  transition: transform .15s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
}
.soc svg{ width: var(--soc-icon); height: var(--soc-icon); fill: currentColor; }
.soc:hover{
  background: var(--btn-bg-hover);
  border-color: var(--btn-brd-hover);
  transform: translateY(-2px);
}

/* ===== Bottom Bar ===== */
.footer5__bottom{
  max-width: 1600px;
  margin: clamp(18px,3vw,26px) auto 0;
  padding-top: 12px;
  display: flex; justify-content: space-between; gap: 10px; align-items: center;
  color: var(--text);
  font: 600 .95rem/1.4 "Nunito", system-ui, sans-serif;
}
.footer5__bottom .made{ opacity: .95; }
@media (max-width: 700px){
  .footer5__bottom{ flex-direction: column; text-align: center; gap: 6px; }
}

/* ===== Accessibility ===== */
.oma-footer5 a:focus-visible{
  outline: 2px solid var(--brand);
  outline-offset: 2px;
  border-radius: var(--radius);
}/* End custom CSS */