.eventkonzepte-page { overflow: clip; }
.eventkonzepte-page img { width: 100%; max-width: 100%; object-fit: cover; border-radius: var(--radius-image); border: 1px solid var(--color-border-warm); }
.eventkonzepte-page .text-link { display: inline-block; }
.eventkonzepte-hero { padding-block: var(--space-9) var(--space-10); background: var(--color-sky); }
.eventkonzepte-hero__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-5); align-items: start; }
.eventkonzepte-hero__copy { grid-column: 1 / span 5; min-width: 0; padding-block-start: var(--space-6); }
.eventkonzepte-hero__copy h1 { max-width: 9.6ch; }
.eventkonzepte-hero__copy .intro { max-width: 35rem; }
.eventkonzepte-hero__media { grid-column: 7 / span 6; min-width: 0; position: relative; padding-block-start: var(--space-7); }
.eventkonzepte-hero__main-image { margin: 0; }
.eventkonzepte-hero__main-image img { aspect-ratio: 3 / 2; }
.eventkonzepte-hero__detail-image { width: 42%; min-width: 0; margin: 0; position: absolute; left: -14%; bottom: -8%; }
.eventkonzepte-hero__detail-image img { aspect-ratio: 1; border-color: var(--color-ivory-warm); }
.eventkonzepte-thread__intro { width: calc((100% - 11 * var(--space-5)) / 12 * 6 + 5 * var(--space-5)); max-width: 42rem; }
.eventkonzepte-thread__modules { display: grid; grid-template-columns: 4fr 3fr 4fr; gap: var(--space-5); margin-block-start: var(--space-8); }
.eventkonzepte-thread__module { min-width: 0; }
.eventkonzepte-thread__module--two { padding: var(--space-5); background: var(--color-stone); }
.eventkonzepte-thread__module--three { padding-block-start: var(--space-7); border-top: 1px dashed var(--color-graphite-soft); }
.eventkonzepte-thread__module > span { display: block; width: 2.75rem; height: 2.75rem; margin-block-end: var(--space-4); border-radius: 50%; background: var(--color-tangerine); font-family: var(--font-heading); font-weight: 700; line-height: 2.75rem; text-align: center; }
.eventkonzepte-thread__module--two > span { background: var(--color-ivory-warm); }
.eventkonzepte-occasions__top { display: grid; grid-template-columns: 5fr 6fr; gap: var(--space-5); align-items: start; }
.eventkonzepte-occasions__intro { min-width: 0; }
.eventkonzepte-occasions__intro p:not(.eyebrow) { max-width: 34rem; }
.eventkonzepte-occasions__image { min-width: 0; margin: 0; transform: translateY(calc(-1 * var(--space-4))); }
.eventkonzepte-occasions__image img { aspect-ratio: 3 / 2; }
.eventkonzepte-occasions__modules { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-5); margin-block-start: var(--space-7); }
.eventkonzepte-occasions__modules > article { min-width: 0; }
.eventkonzepte-occasions__modules > article:nth-child(2) { padding: var(--space-5); border-left: 3px solid var(--color-emerald); background: var(--color-ivory-warm); }
.eventkonzepte-location__grid { display: grid; grid-template-columns: 5fr 1fr 5fr; gap: var(--space-5); align-items: start; }
.eventkonzepte-location__copy { grid-column: 1; min-width: 0; }
.eventkonzepte-location__copy > p:not(.eyebrow):not(.eventkonzepte-location__context) { max-width: 36rem; }
.eventkonzepte-location__copy hr { margin-block: var(--space-5); }
.eventkonzepte-location__context { display: inline-block; max-width: 34rem; padding: var(--space-3); background: var(--color-sky); }
.eventkonzepte-location__media { grid-column: 3; min-width: 0; padding-block-start: var(--space-6); }
.eventkonzepte-location__media figure { margin: 0; }
.eventkonzepte-location__media img { aspect-ratio: 4 / 5; }
.eventkonzepte-casino__grid { display: grid; grid-template-columns: 5fr 1fr 5fr; gap: var(--space-5); align-items: start; }
.eventkonzepte-casino__copy { grid-column: 1; min-width: 0; }
.eventkonzepte-casino__copy p:not(.eyebrow) { max-width: 35rem; }
.eventkonzepte-casino__image { grid-column: 3; min-width: 0; margin: 0; }
.eventkonzepte-casino__image img { aspect-ratio: 4 / 5; border-color: var(--color-ivory-warm); }
.eventkonzepte-casino__panel { grid-column: 2 / span 4; min-width: 0; margin-block-start: calc(-1 * var(--space-9)); padding: var(--space-5); border-radius: var(--radius-card); background: var(--color-ivory-warm); color: var(--color-graphite); box-shadow: var(--shadow-float); }
.eventkonzepte-casino__panel h3 { color: var(--color-graphite); }
.eventkonzepte-casino__links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); width: 66%; margin-block-start: var(--space-7); }
.eventkonzepte-casino__links a { display: grid; grid-template-columns: auto 1fr auto; gap: var(--space-2); align-items: center; min-width: 0; min-height: 3rem; padding-block: var(--space-2); border-bottom: 1px solid rgb(255 253 248 / 55%); text-decoration: none; }
.eventkonzepte-casino__links span, .eventkonzepte-casino__links em { font-size: var(--font-size-caption); font-style: normal; }
.eventkonzepte-casino__links strong { min-width: 0; }
.eventkonzepte-casino__links b { font-size: 1.3rem; }
.eventkonzepte-process__intro { max-width: 42rem; }
.eventkonzepte-process__steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-5); margin-block-start: var(--space-8); position: relative; }
.eventkonzepte-process__steps::before { position: absolute; z-index: 0; top: 1.4rem; right: 0; left: 0; height: 1px; background: repeating-linear-gradient(to right, var(--color-border-warm) 0 5px, transparent 5px 10px); content: ""; }
.eventkonzepte-process__steps article { position: relative; z-index: 1; min-width: 0; background: var(--color-ivory); }
.eventkonzepte-process__steps article:nth-child(2) { padding: var(--space-4); border: var(--border-warm); border-radius: var(--radius-card); background: var(--color-ivory-warm); }
.eventkonzepte-process__steps > article > span { display: block; width: 2.8rem; height: 2.8rem; margin-block-end: var(--space-4); border-radius: 50%; background: var(--color-stone); font-family: var(--font-heading); font-weight: 700; line-height: 2.8rem; text-align: center; }
.eventkonzepte-process__steps article:last-child > span { background: var(--color-tangerine); }
.eventkonzepte-scenarios__top { display: grid; grid-template-columns: 5fr 3fr 4fr; gap: var(--space-5); align-items: start; }
.eventkonzepte-scenarios__top > div { grid-column: 1 / span 5; min-width: 0; }
.eventkonzepte-scenarios__top > div p:not(.eyebrow) { max-width: 33rem; }
.eventkonzepte-scenarios__top figure { grid-column: 9 / span 4; min-width: 0; margin: 0; }
.eventkonzepte-scenarios__top img { aspect-ratio: 4 / 5; }
.eventkonzepte-scenarios__items { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-5); margin-block-start: var(--space-7); }
.eventkonzepte-scenarios__items article { min-width: 0; }
.eventkonzepte-scenarios__items article:nth-child(1) { grid-column: 1 / span 4; }
.eventkonzepte-scenarios__items article:nth-child(2) { grid-column: 7 / span 5; padding: var(--space-5); background: var(--color-ivory); }
.eventkonzepte-scenarios__items article:nth-child(3) { grid-column: 2 / span 5; margin-block-start: var(--space-4); }
.eventkonzepte-briefing__head { display: grid; grid-template-columns: 5fr 5fr 2fr; gap: var(--space-5); align-items: end; }
.eventkonzepte-briefing__head > div { min-width: 0; }
.eventkonzepte-briefing__head > div:first-child p:not(.eyebrow) { max-width: 34rem; }
.eventkonzepte-briefing__head > div:last-child { grid-column: 12; width: 100%; height: 4rem; background: var(--color-tangerine); }
.eventkonzepte-briefing__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 5fr)); column-gap: calc((100% - 10 / 12 * 100%) / 2); row-gap: var(--space-5); margin-block-start: var(--space-7); }
.eventkonzepte-briefing__grid article { min-width: 0; padding: var(--space-5); border: var(--border-warm); border-radius: var(--radius-card); background: var(--color-ivory-warm); }
.eventkonzepte-briefing__grid article:nth-child(2) { transform: translateY(var(--space-5)); }
.eventkonzepte-briefing__grid article:nth-child(4) { transform: translateY(var(--space-5)); border-bottom: 3px solid var(--color-tangerine); }
.eventkonzepte-paths__grid { display: grid; grid-template-columns: 4fr 4fr 3fr; gap: var(--space-5); align-items: start; }
.eventkonzepte-paths__grid > * { min-width: 0; }
.eventkonzepte-paths__grid > div p:not(.eyebrow) { max-width: 26rem; }
.eventkonzepte-paths__grid article { padding: var(--space-5); border-top: 2px solid var(--color-graphite); }
.eventkonzepte-paths__grid article a { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); min-width: 0; min-height: 3rem; border-bottom: 1px solid var(--color-border-warm); font-family: var(--font-heading); font-weight: 600; text-decoration: none; }
.eventkonzepte-paths__grid article a b { flex: 0 0 auto; }
.eventkonzepte-paths__grid article:last-child { grid-column: 2 / span 2; background: var(--color-sky); border-top: 0; }
.eventkonzepte-closing { padding-block: var(--space-9); background: var(--color-tangerine); position: relative; }
.eventkonzepte-closing::after { position: absolute; right: 8%; bottom: 0; width: 5rem; height: 5rem; background: var(--color-emerald); content: ""; }
.eventkonzepte-closing__content { width: 50%; min-width: 0; position: relative; z-index: 1; }
.eventkonzepte-closing__content h2 { max-width: 11ch; }
.eventkonzepte-closing__content p:not(.eyebrow) { max-width: 34rem; }
.eventkonzepte-closing .button--outline { background: var(--color-ivory-warm); }
.eventkonzepte-page a:focus-visible, .eventkonzepte-page button:focus-visible { outline: 3px solid var(--color-focus); outline-offset: 2px; }
@media (max-width: 65rem) { .eventkonzepte-hero__grid, .eventkonzepte-thread__modules, .eventkonzepte-occasions__top, .eventkonzepte-location__grid, .eventkonzepte-casino__grid, .eventkonzepte-scenarios__top { grid-template-columns: repeat(8, minmax(0, 1fr)); } .eventkonzepte-hero__copy { grid-column: 1 / span 4; } .eventkonzepte-hero__media { grid-column: 5 / span 4; padding-block-start: 0; } .eventkonzepte-hero__detail-image { position: static; width: 55%; margin: var(--space-4) 0 0 auto; } .eventkonzepte-thread__intro { width: 75%; } .eventkonzepte-thread__modules { grid-template-columns: repeat(8, minmax(0, 1fr)); } .eventkonzepte-thread__module--one, .eventkonzepte-thread__module--two { grid-column: span 4; } .eventkonzepte-thread__module--three { grid-column: 1 / span 5; } .eventkonzepte-occasions__intro, .eventkonzepte-occasions__image { grid-column: 1 / span 8; } .eventkonzepte-occasions__image { transform: none; } .eventkonzepte-occasions__modules { grid-template-columns: repeat(2, minmax(0, 1fr)); } .eventkonzepte-location__copy { grid-column: 1 / span 4; } .eventkonzepte-location__media { grid-column: 5 / span 4; } .eventkonzepte-casino__copy { grid-column: 1 / span 4; } .eventkonzepte-casino__image { grid-column: 5 / span 4; } .eventkonzepte-casino__panel { grid-column: 2 / span 6; margin-block-start: var(--space-5); } .eventkonzepte-casino__links { width: 100%; } .eventkonzepte-process__steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } .eventkonzepte-process__steps::before { display: none; } .eventkonzepte-scenarios__top > div { grid-column: 1 / span 4; } .eventkonzepte-scenarios__top figure { grid-column: 5 / span 4; } .eventkonzepte-scenarios__items { grid-template-columns: repeat(8, minmax(0, 1fr)); } .eventkonzepte-scenarios__items article:nth-child(1), .eventkonzepte-scenarios__items article:nth-child(2), .eventkonzepte-scenarios__items article:nth-child(3) { grid-column: 1 / span 6; margin-block-start: 0; } .eventkonzepte-scenarios__items article:nth-child(2) { grid-column: 3 / span 6; } .eventkonzepte-briefing__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--space-5); } .eventkonzepte-paths__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .eventkonzepte-paths__grid > div { grid-column: 1 / span 2; } .eventkonzepte-paths__grid article:last-child { grid-column: 1 / span 2; } .eventkonzepte-closing__content { width: 75%; } }
@media (max-width: 43.75rem) { .eventkonzepte-hero { padding-block: var(--space-6) var(--space-8); } .eventkonzepte-hero__grid, .eventkonzepte-thread__modules, .eventkonzepte-occasions__top, .eventkonzepte-location__grid, .eventkonzepte-casino__grid, .eventkonzepte-scenarios__top { grid-template-columns: repeat(4, minmax(0, 1fr)); } .eventkonzepte-hero__media { grid-column: 1 / span 4; grid-row: 1; } .eventkonzepte-hero__main-image img { aspect-ratio: 4 / 5; } .eventkonzepte-hero__detail-image { width: 58%; margin-block-start: calc(-1 * var(--space-4)); position: relative; z-index: 1; } .eventkonzepte-hero__copy { grid-column: 1 / span 4; grid-row: 2; padding-block-start: 0; } .eventkonzepte-hero__copy h1 { font-size: clamp(2.625rem, 10vw, 4rem); } .eventkonzepte-hero__copy .intro { max-width: none; } .eventkonzepte-hero .actions { display: flex; flex-direction: column; align-items: stretch; } .eventkonzepte-hero .actions > * { width: 100%; min-width: 0; min-height: 3.25rem; } .eventkonzepte-thread__intro { width: 100%; } .eventkonzepte-thread__modules { gap: var(--space-6); margin-block-start: var(--space-6); } .eventkonzepte-thread__module--one, .eventkonzepte-thread__module--two, .eventkonzepte-thread__module--three { grid-column: 1 / span 4; padding-block-start: 0; } .eventkonzepte-occasions__intro, .eventkonzepte-occasions__image { grid-column: 1 / span 4; } .eventkonzepte-occasions__modules { grid-template-columns: 1fr; gap: var(--space-6); } .eventkonzepte-location__copy, .eventkonzepte-location__media { grid-column: 1 / span 4; } .eventkonzepte-location__media { padding-block-start: 0; } .eventkonzepte-casino__copy, .eventkonzepte-casino__image, .eventkonzepte-casino__panel { grid-column: 1 / span 4; } .eventkonzepte-casino__panel { margin-block-start: 0; padding: var(--space-4); } .eventkonzepte-casino__links { grid-template-columns: 1fr; gap: 0; margin-block-start: var(--space-6); } .eventkonzepte-casino__links a { min-height: 3rem; } .eventkonzepte-process__steps { grid-template-columns: 1fr; gap: var(--space-6); margin-block-start: var(--space-6); } .eventkonzepte-process__steps article { display: grid; grid-template-columns: 2.75rem minmax(0, 1fr); gap: var(--space-3); } .eventkonzepte-process__steps > article > span { margin: 0; } .eventkonzepte-scenarios__top > div, .eventkonzepte-scenarios__top figure { grid-column: 1 / span 4; } .eventkonzepte-scenarios__items { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-6); margin-block-start: var(--space-6); } .eventkonzepte-scenarios__items article:nth-child(1), .eventkonzepte-scenarios__items article:nth-child(2), .eventkonzepte-scenarios__items article:nth-child(3) { grid-column: 1 / span 4; } .eventkonzepte-briefing__head { grid-template-columns: repeat(4, minmax(0, 1fr)); } .eventkonzepte-briefing__head > div:first-child { grid-column: 1 / span 4; } .eventkonzepte-briefing__head > div:last-child { display: none; } .eventkonzepte-briefing__grid { grid-template-columns: 1fr; gap: var(--space-4); margin-block-start: var(--space-6); } .eventkonzepte-briefing__grid article:nth-child(2), .eventkonzepte-briefing__grid article:nth-child(4) { transform: none; } .eventkonzepte-paths__grid { grid-template-columns: 1fr; } .eventkonzepte-paths__grid > div, .eventkonzepte-paths__grid article, .eventkonzepte-paths__grid article:last-child { grid-column: 1; } .eventkonzepte-closing { padding-block: var(--space-7); } .eventkonzepte-closing__content { width: 100%; } .eventkonzepte-closing__content h2 { font-size: clamp(2.25rem, 10vw, 2.625rem); } .eventkonzepte-closing .button { width: 100%; min-height: 3.25rem; } }
@media (max-width: 24.99rem) { .eventkonzepte-closing::after { display: none; } .eventkonzepte-process__steps article { display: block; } .eventkonzepte-process__steps > article > span { margin-block-end: var(--space-3); } }
@media (prefers-reduced-motion: no-preference) { .eventkonzepte-page figure img { transition: transform var(--transition-base); } .eventkonzepte-page figure:hover img { transform: translateY(-2px); } }