.elementor-9 .elementor-element.elementor-element-113dc63{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:40px 80px;--row-gap:40px;--column-gap:80px;}.elementor-9 .elementor-element.elementor-element-373a8e4{padding:60px 0px 0px 0px;--e-rating-justify-content:center;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-0fb9c99{margin:-38px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-3987b3b{margin:-40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-9 .elementor-element.elementor-element-3987b3b .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:64px;font-weight:600;line-height:73px;}.elementor-9 .elementor-element.elementor-element-6dfca19{--display:flex;--min-height:90px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-8fb2933{width:var( --container-widget-width, 100% );max-width:100%;margin:-40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;color:var( --e-global-color-937672d );}.elementor-9 .elementor-element.elementor-element-8fb2933.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-ee27052{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-e05aff1{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--overlay-opacity:0.5;--border-radius:40px 40px 40px 40px;box-shadow:0px 0px 0px 1px #FFFFFF;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-e05aff1::before, .elementor-9 .elementor-element.elementor-element-e05aff1 > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-e05aff1 > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-e05aff1 > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-e05aff1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-e05aff1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-9 .elementor-element.elementor-element-a4ba969{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-a4ba969 img{width:100%;max-width:100%;opacity:0.87;border-style:solid;border-width:0px 0px 0px 0px;border-color:#FFFFFF;border-radius:40px 40px 40px 40px;box-shadow:0px 0px 0px 1px #FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-9 .elementor-element.elementor-element-5599f3e .elementor-button{background-color:#7BBB40;font-family:"Inter", Sans-serif;font-size:4cqw;font-weight:600;line-height:20px;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-radius:50px 50px 50px 50px;padding:20% 20% 20% 20%;}.elementor-9 .elementor-element.elementor-element-5599f3e.elementor-element{--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-9 .elementor-element.elementor-element-5599f3e{left:1.1%;}body.rtl .elementor-9 .elementor-element.elementor-element-5599f3e{right:1.1%;}.elementor-9 .elementor-element.elementor-element-5599f3e{bottom:2%;}.elementor-9 .elementor-element.elementor-element-8ac90af{--display:flex;--min-height:100px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9 .elementor-element.elementor-element-935e2d1{--display:flex;}.elementor-9 .elementor-element.elementor-element-9333d03{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-9333d03:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-9333d03 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-05eaaf6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9 .elementor-element.elementor-element-d4fa8ba img{border-radius:30px 30px 30px 30px;}.elementor-9 .elementor-element.elementor-element-2773eb6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9 .elementor-element.elementor-element-1d53601{--display:flex;}.elementor-9 .elementor-element.elementor-element-374e9ca{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;}.elementor-9 .elementor-element.elementor-element-374e9ca.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-eee3f87 .elementor-button{background-color:var( --e-global-color-de3c3f0 );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-radius:50px 50px 50px 50px;padding:10px 10px 10px 10px;}.elementor-9 .elementor-element.elementor-element-6418664{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -140px;text-align:start;}.elementor-9 .elementor-element.elementor-element-6418664.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-9 .elementor-element.elementor-element-6418664 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;line-height:30px;color:var( --e-global-color-de3c3f0 );}.elementor-9 .elementor-element.elementor-element-cac8cee{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-cac8cee:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-cac8cee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-82f1068{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-82f1068:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-82f1068 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-edec22d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9 .elementor-element.elementor-element-edec22d:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-edec22d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-b16942a{width:var( --container-widget-width, 62% );max-width:62%;padding:100px 0px 0px 0px;--container-widget-width:62%;--container-widget-flex-grow:0;}.elementor-9 .elementor-element.elementor-element-b16942a.elementor-element{--align-self:center;}.elementor-9 .elementor-element.elementor-element-059e349{width:var( --container-widget-width, 62% );max-width:62%;--container-widget-width:62%;--container-widget-flex-grow:0;text-align:start;font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );color:var( --e-global-color-937672d );}.elementor-9 .elementor-element.elementor-element-059e349.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-75d045d{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-9 .elementor-element.elementor-element-75d045d:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-75d045d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-b5f44d3{--display:flex;}.elementor-9 .elementor-element.elementor-element-6ae13dc{padding:6px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-b7d5ef4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-b7d5ef4:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-b7d5ef4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-bb5d38f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9 .elementor-element.elementor-element-bb5d38f:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-bb5d38f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-9 .elementor-element.elementor-element-77fa8f3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9 .elementor-element.elementor-element-77fa8f3:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-77fa8f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-9 .elementor-element.elementor-element-f7ff87f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-f7ff87f:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-f7ff87f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #000000 0%, #191919 100%);}.elementor-9 .elementor-element.elementor-element-480cd9f{background-color:#000000;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-9 .elementor-element.elementor-element-c816188{background-color:#000000;margin:-140px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}@media(min-width:768px){.elementor-9 .elementor-element.elementor-element-6dfca19{--content-width:949px;}.elementor-9 .elementor-element.elementor-element-9333d03{--content-width:1280px;}.elementor-9 .elementor-element.elementor-element-05eaaf6{--width:50%;}.elementor-9 .elementor-element.elementor-element-2773eb6{--width:50%;}.elementor-9 .elementor-element.elementor-element-374e9ca{--width:62.833%;}.elementor-9 .elementor-element.elementor-element-cac8cee{--content-width:888px;}.elementor-9 .elementor-element.elementor-element-82f1068{--content-width:1280px;}}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-9 .elementor-element.elementor-element-374e9ca{--grid-auto-flow:row;}.elementor-9 .elementor-element.elementor-element-eee3f87 .elementor-button{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-9 .elementor-element.elementor-element-82f1068{--grid-auto-flow:row;}.elementor-9 .elementor-element.elementor-element-059e349{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-9 .elementor-element.elementor-element-75d045d{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-9 .elementor-element.elementor-element-374e9ca{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-9 .elementor-element.elementor-element-eee3f87 .elementor-button{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-9 .elementor-element.elementor-element-82f1068{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-9 .elementor-element.elementor-element-059e349{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-9 .elementor-element.elementor-element-75d045d{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for heading, class: .elementor-element-3987b3b */.chrome-text {
  background: linear-gradient(90deg, #999999 0%, #dddddd 50%, #ffffff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-06ab171 *//* Grundlayout */
.logo-marquee {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 25px 0;
  background: transparent;
}

/* Scrollstrecke */
.logo-track {
  display: flex;
  align-items: center;
  gap: 80px;
  animation: scroll 45s linear infinite;
  width: max-content;
}

/* Logo-Styling */
.logo-track img {
  height: 55px;
  object-fit: contain;
  opacity: 0.85;
  transition: opacity 0.3s ease, transform 0.3s ease;
  filter: grayscale(10%) brightness(1.05);
}

.logo-track img:hover {
  opacity: 1;
  transform: scale(1.05);
  filter: grayscale(0%) brightness(1.2);
}

/* Scroll-Animation */
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* Fade-Effekt an den Seiten */
.logo-marquee::before,
.logo-marquee::after {
  content: "";
  position: absolute;
  top: 0;
  width: 150px;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}

.logo-marquee::before {
  left: 0;
  background: linear-gradient(to right, rgba(0,0,0,0.8), transparent);
}

.logo-marquee::after {
  right: 0;
  background: linear-gradient(to left, rgba(0,0,0,0.8), transparent);
}
.logo-note {
  text-align: center;
  color: #999999;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 400;
  margin-top: 15px;
  opacity: 0.8;
  letter-spacing: 0.2px;
  transition: opacity 0.3s ease;
}

.logo-note:hover {
  opacity: 1;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-113dc63 */.elementor-9 .elementor-element.elementor-element-113dc63 {
  position: relative;
  overflow: hidden;
  background: #0B0B0B;
}
.elementor-9 .elementor-element.elementor-element-113dc63::before {
  content: "";
  position: absolute; inset: 0;
  background:
    radial-gradient(1000px 600px at 20% 10%, rgba(255,255,255,.08), transparent 60%),
    linear-gradient(115deg, rgba(255,255,255,.06), rgba(255,255,255,0) 35%);
  pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e0479fb */.chrome-gradient-heading {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 1.2;
  text-align: left;
  background: linear-gradient(90deg, #ffffff 0%, #999999 45%, #ffffff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bfb52e1 *//* Grundstil der Karte */
.offer-box {
  background: linear-gradient(145deg, #1C1C1C, #2E2E2E);
  border-radius: 18px;              /* gleich wie unten! */
  padding: 24px;
  transition: transform .3s ease, box-shadow .3s ease;
}
.offer-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0,0,0,.35);
}

/* Chrome-Rahmen */
.chrome-card {
  border: 2px solid transparent;
  border-radius: 18px;              /* gleich wie oben! */
  background:
    linear-gradient(#1a1a1a, #1a1a1a) padding-box,
    linear-gradient(90deg, #ffffff 0%, #999999 45%, #ffffff 100%) border-box;
  background-clip: padding-box, border-box;
  color: #fff;
}

/* Chrome-Rand Hover in Gelb */
.chrome-card:hover {
  background:
    linear-gradient(#1a1a1a, #1a1a1a) padding-box,
    linear-gradient(90deg, #FFD21E 0%, #FFE788 45%, #FFD21E 100%) border-box;
}

/* Typo in der Box */
.offer-icon { color:#FFD21E; font-size:36px; margin-bottom:16px; }
.offer-box h3 { color:#fff; font-weight:600; margin-bottom:12px; }
.offer-box p  { color:#ccc; font-size:16px; line-height:1.6; margin:0 0 20px; }

/* Text-Link in der Box: weiß → gelb beim Hover */
.offer-button,
.chrome-card a.offer-button {
  color:#fff;
  text-decoration:none;
  font-weight:500;
  transition: color .3s ease, text-decoration-color .3s ease;
}
.offer-button:hover,
.chrome-card a.offer-button:hover {
  color:#FFD21E;
  text-decoration:underline;
}

/* Falls du statt Textlink das Elementor-Button-Widget benutzt: */
.chrome-card .elementor-button {
  background:/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e619e37 */.offer-box {
  background: linear-gradient(145deg, #1C1C1C, #2E2E2E);
  border-radius: 20px;
  padding: 24px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.offer-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.35);
}
.offer-icon {
  color: #FFD21E;
  font-size: 36px;
  margin-bottom: 16px;
}
.offer-box h3 {
  color: #FFFFFF;
  font-weight: 600;
  margin-bottom: 12px;
}
.offer-box p {
  color: #CCCCCC;
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 20px;
}
.offer-button {
  color: #FFD21E;
  text-decoration: none;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.offer-button:hover {
  text-decoration: underline;
}
/* --- Chrome-Rahmen für die Karten --- */
.chrome-card {
  border: 2px solid transparent;
  border-radius: 18px;
  background: 
    linear-gradient(#1a1a1a, #1a1a1a) padding-box,  /* dunkler Hintergrund */
    linear-gradient(90deg, #ffffff 0%, #999999 45%, #ffffff 100%) border-box; /* Chrome-Verlauf */
  transition: all 0.3s ease-in-out;
  padding: 24px;
  color: #fff;
}

/* --- Hover-Effekt mit gelbem Glanz --- */
.chrome-card:hover {
  background: 
    linear-gradient(#1a1a1a, #1a1a1a) padding-box,
    linear-gradient(90deg, #FFD21E 0%, #FFE788 45%, #FFD21E 100%) border-box;
  transform: translateY(-4px);
}

/* --- Textlinks innerhalb der Karten --- */
.chrome-card a {
  color: #ffffff;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}

/* --- Hover-Farbe für Textlinks --- */
.chrome-card a:hover {
  color: #FFD21E;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b5a348d */.offer-box {
  background: linear-gradient(145deg, #1C1C1C, #2E2E2E);
  border-radius: 20px;
  padding: 24px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.offer-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.35);
}
.offer-icon {
  color: #FFD21E;
  font-size: 36px;
  margin-bottom: 16px;
}
.offer-box h3 {
  color: #FFFFFF;
  font-weight: 600;
  margin-bottom: 12px;
}
.offer-box p {
  color: #CCCCCC;
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 20px;
}
.offer-button {
  color: #FFD21E;
  text-decoration: none;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.offer-button:hover {
  text-decoration: underline;
}
/* --- Chrome-Rahmen für die Karten --- */
.chrome-card {
  border: 2px solid transparent;
  border-radius: 18px;
  background: 
    linear-gradient(#1a1a1a, #1a1a1a) padding-box,  /* dunkler Hintergrund */
    linear-gradient(90deg, #ffffff 0%, #999999 45%, #ffffff 100%) border-box; /* Chrome-Verlauf */
  transition: all 0.3s ease-in-out;
  padding: 24px;
  color: #fff;
}

/* --- Hover-Effekt mit gelbem Glanz --- */
.chrome-card:hover {
  background: 
    linear-gradient(#1a1a1a, #1a1a1a) padding-box,
    linear-gradient(90deg, #FFD21E 0%, #FFE788 45%, #FFD21E 100%) border-box;
  transform: translateY(-4px);
}

/* --- Textlinks innerhalb der Karten --- */
.chrome-card a {
  color: #ffffff;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}

/* --- Hover-Farbe für Textlinks --- */
.chrome-card a:hover {
  color: #FFD21E;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a51ef56 */.offer-box {
  background: linear-gradient(145deg, #1C1C1C, #2E2E2E);
  border-radius: 20px;
  padding: 24px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.offer-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.35);
}
.offer-icon {
  color: #FFD21E;
  font-size: 36px;
  margin-bottom: 16px;
}
.offer-box h3 {
  color: #FFFFFF;
  font-weight: 600;
  margin-bottom: 12px;
}
.offer-box p {
  color: #CCCCCC;
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 20px;
}
.offer-button {
  color: #FFD21E;
  text-decoration: none;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.offer-button:hover {
  text-decoration: underline;
}
/* --- Chrome-Rahmen für die Karten --- */
.chrome-card {
  border: 2px solid transparent;
  border-radius: 18px;
  background: 
    linear-gradient(#1a1a1a, #1a1a1a) padding-box,  /* dunkler Hintergrund */
    linear-gradient(90deg, #ffffff 0%, #999999 45%, #ffffff 100%) border-box; /* Chrome-Verlauf */
  transition: all 0.3s ease-in-out;
  padding: 24px;
  color: #fff;
}

/* --- Hover-Effekt mit gelbem Glanz --- */
.chrome-card:hover {
  background: 
    linear-gradient(#1a1a1a, #1a1a1a) padding-box,
    linear-gradient(90deg, #FFD21E 0%, #FFE788 45%, #FFD21E 100%) border-box;
  transform: translateY(-4px);
}

/* --- Textlinks innerhalb der Karten --- */
.chrome-card a {
  color: #ffffff;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}

/* --- Hover-Farbe für Textlinks --- */
.chrome-card a:hover {
  color: #FFD21E;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-675546b */.offer-box {
  background: linear-gradient(145deg, #1C1C1C, #2E2E2E);
  border-radius: 20px;
  padding: 24px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.offer-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.35);
}
.offer-icon {
  color: #FFD21E;
  font-size: 36px;
  margin-bottom: 16px;
}
.offer-box h3 {
  color: #FFFFFF;
  font-weight: 600;
  margin-bottom: 12px;
}
.offer-box p {
  color: #CCCCCC;
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 20px;
}
.offer-button {
  color: #FFD21E;
  text-decoration: none;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.offer-button:hover {
  text-decoration: underline;
}
/* --- Chrome-Rahmen für die Karten --- */
.chrome-card {
  border: 2px solid transparent;
  border-radius: 18px;
  background: 
    linear-gradient(#1a1a1a, #1a1a1a) padding-box,  /* dunkler Hintergrund */
    linear-gradient(90deg, #ffffff 0%, #999999 45%, #ffffff 100%) border-box; /* Chrome-Verlauf */
  transition: all 0.3s ease-in-out;
  padding: 24px;
  color: #fff;
}

/* --- Hover-Effekt mit gelbem Glanz --- */
.chrome-card:hover {
  background: 
    linear-gradient(#1a1a1a, #1a1a1a) padding-box,
    linear-gradient(90deg, #FFD21E 0%, #FFE788 45%, #FFD21E 100%) border-box;
  transform: translateY(-4px);
}

/* --- Textlinks innerhalb der Karten --- */
.chrome-card a {
  color: #ffffff;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}

/* --- Hover-Farbe für Textlinks --- */
.chrome-card a:hover {
  color: #FFD21E;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1866cd1 */.offer-box {
  background: linear-gradient(145deg, #1C1C1C, #2E2E2E);
  border-radius: 20px;
  padding: 24px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.offer-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.35);
}
.offer-icon {
  color: #FFD21E;
  font-size: 36px;
  margin-bottom: 16px;
}
.offer-box h3 {
  color: #FFFFFF;
  font-weight: 600;
  margin-bottom: 12px;
}
.offer-box p {
  color: #CCCCCC;
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 20px;
}
.offer-button {
  color: #FFD21E;
  text-decoration: none;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.offer-button:hover {
  text-decoration: underline;
}
/* --- Chrome-Rahmen für die Karten --- */
.chrome-card {
  border: 2px solid transparent;
  border-radius: 18px;
  background: 
    linear-gradient(#1a1a1a, #1a1a1a) padding-box,  /* dunkler Hintergrund */
    linear-gradient(90deg, #ffffff 0%, #999999 45%, #ffffff 100%) border-box; /* Chrome-Verlauf */
  transition: all 0.3s ease-in-out;
  padding: 24px;
  color: #fff;
}

/* --- Hover-Effekt mit gelbem Glanz --- */
.chrome-card:hover {
  background: 
    linear-gradient(#1a1a1a, #1a1a1a) padding-box,
    linear-gradient(90deg, #FFD21E 0%, #FFE788 45%, #FFD21E 100%) border-box;
  transform: translateY(-4px);
}

/* --- Textlinks innerhalb der Karten --- */
.chrome-card a {
  color: #ffffff;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}

/* --- Hover-Farbe für Textlinks --- */
.chrome-card a:hover {
  color: #FFD21E;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b5f44d3 */.success-card {
  border-radius: 24px;
  padding: 32px;
  text-align: left;
  transition: all 0.3s ease;
}
.success-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.4);
}

/* Dunkle Kacheln */
.success-card.dark {
  background: linear-gradient(145deg,#0f0f0f,#1c1c1c);
  color: #fff;
}

/* Helle Kacheln */
.success-card.light {
  background: #fff;
  color: #000;
}

/* Chrome-Icon Style */
.success-card i {
  font-size: 42px;
  background: linear-gradient(90deg,#ffffff 0%,#999999 50%,#ffffff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 20px;
  display: inline-block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6ae13dc */.success-card {
  border-radius: 24px;
  padding: 32px;
  text-align: left;
  transition: all 0.3s ease;
  height: 100%;
  box-sizing: border-box;
}

/* Dunkle Karten */
.success-card.dark {
  background: linear-gradient(145deg,#0f0f0f,#1c1c1c);
  color: #fff;
}

/* Helle Karten */
.success-card.light {
  background: #fff;
  color: #000;
}

/* Hover-Effekt */
.success-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.4);
}

/* Icons */
.success-card i {
  font-size: 42px;
  background: linear-gradient(90deg,#ffffff 0%,#999999 50%,#ffffff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 20px;
  display: inline-block;
}

/* Überschriften */
.success-card h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}

/* Text */
.success-card p {
  font-size: 16px;
  line-height: 1.5;
  color: inherit;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4879c6f */.success-card {
  position: relative;
  width: 570px;
  height: 620px;
  border-radius: 24px;
  overflow: hidden;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-sizing: border-box;
  transition: all 0.3s ease;
  background-size: cover;
  background-position: center;
}

/* --- Dunkle und helle Karten --- */
.success-card.dark {
  background: linear-gradient(145deg, #0f0f0f, #1c1c1c);
  color: #fff;
}

.success-card.light {
  background: #fff;
  color: #000;
}

/* --- Hover-Effekt --- */
.success-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.4);
}

/* --- Hintergrundbild mit Overlay --- */
.with-bg .overlay {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.8));
  z-index: 0;
}

/* --- Icon-Positionierung --- */
.icon-wrapper {
  position: absolute;
  top: 162px;
  left: 211px;
  width: 148px;
  height: 148px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

/* --- Textbereich --- */
.card-content {
  padding: 40px;
  position: relative;
  z-index: 1;
}

.card-content h3 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 12px;
}

.card-content p {
  font-size: 16px;
  line-height: 1.6;
  opacity: 0.85;
}

/* --- Chrome-Glanz für SVGs --- */
svg {
  filter: drop-shadow(0 0 10px rgba(255,255,255,0.1));
}

/* --- Karte 4: Hintergrundbild-Bereich --- */
.with-bg .card-image {
  width: 570px;
  height: 400px;
  overflow: hidden;
  position: relative;
}

.with-bg .card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(100%) brightness(0.85);
  display: block;
}

/* --- Overlay bleibt über gesamter Karte --- */
.with-bg .overlay {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.85));
  z-index: 0;
}

/* --- Textinhalt unterhalb des Bildes --- */
.with-bg .card-content {
  padding: 40px;
  position: relative;
  z-index: 1;
  background: linear-gradient(145deg,#0f0f0f,#1c1c1c);
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ba5c1b1 *//* --- Abschnitt allgemein --- */
.mission-section {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 720px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: left;
  padding: 120px 80px;
  border-radius: 24px;
  overflow: hidden;
}

/* --- Overlay über Bild --- */
.mission-section .overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.75));
  z-index: 0;
}

/* --- Inhalt --- */
.mission-content {
  position: relative;
  z-index: 1;
  color: #fff;
  max-width: 900px;
}

/* --- Überschrift --- */
.mission-content h2 {
  font-size: 58px;
  font-weight: 700;
  line-height: 1.2;
  color: #eaeaea;
  margin-bottom: 28px;
}

/* --- Gelbes Wort --- */
.mission-content .highlight {
  color: #FFD21E;
}

/* --- Textabsatz --- */
.mission-content p {
  font-size: 18px;
  line-height: 1.8;
  color: rgba(255,255,255,0.85);
  margin-bottom: 40px;
  max-width: 720px;
}

/* --- Button --- */
.mission-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  background: transparent;
  border: 2px solid #FFD21E;
  color: #FFD21E;
  font-weight: 500;
  border-radius: 40px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.mission-button:hover {
  background: #FFD21E;
  color: #000;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b7d5ef4 *//* --- Abschnitt allgemein --- */
.mission-section {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 720px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: left;
  padding: 120px 80px;
  border-radius: 24px;
  overflow: hidden;
}

/* --- Overlay über Bild --- */
.mission-section .overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.75));
  z-index: 0;
}

/* --- Inhalt --- */
.mission-content {
  position: relative;
  z-index: 1;
  color: #fff;
  max-width: 900px;
}

/* --- Überschrift --- */
.mission-content h2 {
  font-size: 58px;
  font-weight: 700;
  line-height: 1.2;
  color: #eaeaea;
  margin-bottom: 28px;
}

/* --- Gelbes Wort --- */
.mission-content .highlight {
  color: #FFD21E;
}

/* --- Textabsatz --- */
.mission-content p {
  font-size: 18px;
  line-height: 1.8;
  color: rgba(255,255,255,0.85);
  margin-bottom: 40px;
  max-width: 720px;
}

/* --- Button --- */
.mission-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  background: transparent;
  border: 2px solid #FFD21E;
  color: #FFD21E;
  font-weight: 500;
  border-radius: 40px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.mission-button:hover {
  background: #FFD21E;
  color: #000;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-08270e5 *//* =======================================
   BUTTONS (Figma korrigiert)
   ======================================= */

.reasons-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  margin-top: 48px; /* enger an Karten */
  margin-bottom: 0;
  flex-wrap: wrap;
  max-width: 640px; /* Figma-Zentrierung */
  margin-left: auto;
  margin-right: auto;
}

/* --- GELBER BUTTON --- */
.btn-yellow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 326px;
  height: 62px;
  border-radius: 16px;
  padding: 16px 32px;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 16px;
  background: #FFD21E;
  border: 2px solid #FFD21E;
  color: #000;
  text-decoration: none;
  transition: all 0.3s ease;
}

.btn-yellow:hover {
  background: transparent;
  color: #FFD21E;
}

/* --- GRÜNER BUTTON --- */
.btn-green {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 276px;
  height: 64px;
  border-radius: 16px;
  padding: 16px 32px;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #000;
  background: #9AD966; /* etwas dunkleres Grün wie Figma */
  border: 1px solid #9AD966;
  gap: 6px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.btn-green:hover {
  background: transparent;
  color: #9AD966;
}

.btn-green .btn-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #000;
  transition: color 0.3s ease;
}

.btn-green:hover .btn-icon {
  color: #9AD966;
}

/* --- Responsive --- */
@media (max-width: 768px) {
  .reasons-buttons {
    flex-direction: column;
    gap: 16px;
    margin-top: 32px;
  }

  .btn-yellow, .btn-green {
    width: 100%;
    max-width: 340px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ab4328f *//* ===============================
   Keynotes Section – Final Polished Version
   =============================== */

.keynotes-section {
  background: linear-gradient(180deg, #000 0%, #151515 100%);
  padding: 120px 6vw;
  text-align: center;
  color: #fff;
  font-family: "Inter", sans-serif;
}

/* --- Header --- */
.keynotes-icon img {
  width: 156px;
  height: 156px;
  margin-bottom: 20px;
}

.keynotes-subtitle {
  color: #b3b3b3;
  font-size: 18px;
  margin-bottom: 8px;
}

.keynotes-header h2 {
  background: linear-gradient(90deg, #ffffff, #bfbfbf 50%, #ffffff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 24px;
}

.keynotes-text {
  font-size: 18px;
  color: rgba(255,255,255,0.8);
  max-width: 880px;
  margin: 0 auto 64px;
  line-height: 1.6;
}

/* --- Tabelle --- */
.table-wrapper {
  overflow-x: auto;
}

.keynotes-table {
  width: 100%;
  max-width: 1116px;
  margin: 0 auto 48px;
  border-collapse: separate; /* <- wichtig für Hover */
  border-spacing: 0;
  background: transparent;
}

/* Nur horizontale Linien, keine vertikalen, keine abwechselnden Farben */
.keynotes-table th,
.keynotes-table td {
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  border-bottom: 1px solid #333;
  background: transparent !important;
}
.keynotes-table tbody tr,
.keynotes-table tbody tr:nth-child(odd),
.keynotes-table tbody tr:nth-child(even) {
  background: transparent !important;
}

.keynotes-table thead tr:first-child th {
  border-top: none !important;
}

/* Tabellenkopf */
.keynotes-table th {
  color: #888;
  font-weight: 600;
  padding: 12px 0;
  background: none;
  user-select: none;
  cursor: default;
  position: relative;
}

/* Sauberes graues SVG-Dreieck (keine Textzeichen) */
.keynotes-table th .sort-icon {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 6px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6" fill="none"><path d="M1 1L5 5L9 1" stroke="%23666" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}


/* Tabellenzellen */
.keynotes-table td {
  padding: 16px 0;
  color: #ccc;
  background-color: transparent;
  transition: background-color 0.25s ease, color 0.25s ease;
}

/* --- Hover-Effekt über gesamte Zeile --- */
.keynotes-table tbody tr:hover td {
  background-color: #8D8D8D33 !important;
  color: #fff;
}

/* --- Ticket Buttons --- */
.ticket-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: #000;
  color: #f5f5f5;
  padding: 10px 22px;
  border-radius: 8px;
  border: 1px solid #333;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}

.ticket-btn:hover {
  background: #FFD21E;
  color: #000;
}

.ticket-btn .btn-arrow {
  font-size: 16px;
  transition: transform 0.25s ease;
}

.ticket-btn:hover .btn-arrow {
  transform: translateX(4px);
}

/* --- Text Labels (nicht klickbar) --- */
.ticket-label {
  color: #aaa;
  font-weight: 500;
  background: none;
}

.ticket-label.soldout {
  color: #666;
  font-style: italic;
}

/* --- Footer Button --- */
.keynotes-footer .btn-more {
  display: inline-block;
  padding: 14px 36px;
  background: #111;
  color: #fff;
  border: 1px solid #333;
  border-radius: 8px;
  transition: all 0.3s ease;
}

.keynotes-footer .btn-more:hover {
  background: #FFD21E;
  color: #000;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-aa2f397 *//* ================================
   LEADERBUCH – Figma exakter Stil
   ================================ */

.leaderbook-section {
  position: relative;
  width: 100%;
  max-width: 1344px;
  margin: 100px auto;
  padding: 8px 8px;
  border-radius: 30px;
  border: 1px solid #222222;
  background: radial-gradient(circle at 50% 50%, #3C3C3C 0%, #121212 100%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
  box-sizing: border-box;
  color: #fff;
  font-family: "Inter", sans-serif;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.35);
  opacity: 1;
}

/* --- Bild links --- */
/* --- Buchbild exakt nach Figma --- */
.leaderbook-img {
  width: 419px;
  height: auto;
  flex-shrink: 0;
  border-radius: 12px;
  filter: drop-shadow(0 10px 22px rgba(0, 0, 0, 0.45));
  transform: rotate(-4.45deg);
  transform-origin: center;
  position: relative;
  top: 30px;
  left: 66px;
  transition: transform 0.4s ease, filter 0.3s ease;
}

/* Optional: dezenter Hover-Effekt */
.leaderbook-img:hover {
  transform: rotate(4.45deg) scale(1.04);
  filter: drop-shadow(0 14px 28px rgba(0, 0, 0, 0.5));
}


/* --- Inhalt rechts --- */
.leaderbook-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.leaderbook-content h3 {
  font-size: 22px;
  color: #b3b3b3;
  font-weight: 600;
  margin: 0;
}

.leaderbook-content h3 strong {
  color: #FFD21E;
}

.leaderbook-content h2 {
  font-size: 40px;
  line-height: 1.2;
  font-weight: 700;
  margin: 0;
  background: linear-gradient(90deg, #ffffff, #bfbfbf 50%, #ffffff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.leaderbook-content p {
  font-size: 17px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.75);
  margin-bottom: 16px;
}

.leaderbook-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: transparent;
  color: #fff;
  border: 1px solid #555;
  padding: 12px 28px;
  border-radius: 10px;
  font-weight: 600;
  transition: all 0.3s ease;
  text-decoration: none;
}

.leaderbook-btn:hover {
  background: #FFD21E;
  color: #000;
  border-color: #FFD21E;
}

/* --- Responsive --- */
@media (max-width: 900px) {
  .leaderbook-section {
    flex-direction: column;
    text-align: center;
    padding: 48px 32px;
    gap: 40px;
  }
  .leaderbook-img {
    width: 220px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-480cd9f *//* --- Gesamtcontainer --- */
.contact-section {
  display: flex;
  width: 1344px;
  height: 786px;
  background: #ffffff;
  border-radius: 30px;
  overflow: hidden;
  margin: 120px auto;
  font-family: "Inter", sans-serif;
}

/* --- Linke Seite (Text + Formular) --- */
.contact-left {
  width: 751px;
  padding: 100px 64px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 32px;
}

.contact-left h2 {
  font-size: 48px;
  font-weight: 800;
  line-height: 1.2;
  margin: 0;
  color: #000;
}

.contact-left h2 span {
  color: #000;
}

.contact-left p {
  font-size: 18px;
  line-height: 1.7;
  color: #333;
  margin-bottom: 16px;
  max-width: 600px;
}

/* --- Formularfelder --- */
.contact-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.contact-form input {
  width: 100%;
  height: 52px;
  padding: 0 16px;
  border-radius: 10px;
  border: 1px solid #dcdcdc;
  font-size: 16px;
  font-family: "Inter", sans-serif;
  outline: none;
  transition: border-color 0.3s ease;
}

.contact-form input:focus {
  border-color: #FFD21E;
}

.form-row {
  display: flex;
  gap: 16px;
}

/* --- Button --- */
.btn-yellow {
    width: 100%;
  background: #FFD21E;
  border: none;
  color: #000;
  font-weight: 700;
  font-size: 16px;
  height: 56px;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.btn-yellow:hover {
  background: #000;
  color: #FFD21E;
}

/* --- Rechte Seite (Bild) --- */
.contact-right {
  width: 593px;
  height: 786px;
  overflow: hidden;
}

.contact-right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}/* End custom CSS */