.main { background: #171715; flex-direction: column; justify-content: flex-start; align-items: flex-start; display: inline-flex; }

h1 { color: #171715; font-size: 3.5em; font-family: Odibee Sans; font-weight: 400; text-transform: uppercase; word-wrap: break-word; }

.tile { align-self: stretch; height: 100vh; padding-left: 64px; padding-right: 64px; background: #29721D; flex-direction: column; justify-content: space-between; align-items: flex-start; display: flex; }

.jugWrapper { align-self: stretch; width: calc(100vw - 128px - 22px); height: calc(100vh - 128px); padding: 64px; box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.25); flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 8px; display: flex; }

.jugBackground { width: 100%; overflow: hidden; align-items: flex-start; gap: 8px; display: flex; position: absolute; top: 0; left: 0; }

.jugBackground .backgroundImage { background: url(/assets/home/wrapper.png); width: 100vw; height: 100vh; position: absolute; background-size: cover; background-position: center; }

.jugScrollDown { justify-content: flex-start; align-items: flex-start; gap: 8px; display: inline-flex; position: absolute; left: calc(50% - 9px); bottom: -0.506px; z-index: 200; }

.jugFrameTitel { display: flex; padding: 30px 0px 60px 0px; flex-direction: column; justify-content: center; align-items: center; gap: 64px; flex: 1 0 0; align-self: stretch; z-index: 2; }

.heroLogo { height: 15vh; width: 15vh; flex-direction: column; justify-content: center; align-items: center; gap: 8px; display: flex; }

.hero { height: 50vh; padding-left: 5vw; flex-direction: column; justify-content: center; align-items: center; gap: 32px; display: flex; }

.hero .JuggerMNsterEV { font-size: calc(4vw + 4vh); font-family: Odibee Sans; font-weight: 400; text-transform: uppercase; line-height: 1.5; word-wrap: break-word; /* 1 pixel black shadow to left, top, right and bottom */ text-shadow: -0.6px 0 #444, 0 0.6px #444, 0.6px 0 #444, 0 -0.6px #444; }

.hero .Seit2009 { text-shadow: -0.3px 0 #444, 0 0.3px #444, 0.3px 0 #444, 0 -0.3px #444; }

.jugMenuOverlay { width: 1512px; height: 982px; position: absolute; z-index: 100; display: none; }

.jugMenu1 { display: inline-flex; flex-direction: column; align-items: flex-start; gap: 7px; }

.jugMenu1:hover ~ .jugMenu2 { visibility: visible; }

.jugMenu2 { display: inline-flex; height: 982px; padding: 64px; align-items: flex-start; gap: 8px; flex-shrink: 0; visibility: hidden; background: #171715; }

.jugMenuInner { display: flex; width: 24px; height: 24px; flex-direction: column; align-items: flex-start; gap: 5px; position: absolute; right: -48px; top: 32px; }

.section1 { align-self: stretch; height: 840px; padding-left: 64px; padding-right: 64px; background: #29721D; flex-direction: column; justify-content: space-between; align-items: flex-start; display: flex; }

.jetztMitmachenBox { padding: 2em; border: 2px white solid; justify-content: flex-start; align-items: center; gap: 16px; display: inline-flex; }

.training-container { align-self: stretch; justify-content: flex-start; flex-wrap: wrap; align-items: flex-start; gap: 64px; display: inline-flex; }

.section1.two-column { height: 800px; }

.section1.two-column .training-content { width: calc(50% - 32px); }

.training-content { flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; display: inline-flex; width: calc(33% - 21px); }

.trainingszeiten { font-size: 2.5em; }

.Section2 { align-self: stretch; flex-direction: column; justify-content: space-between; align-items: flex-start; display: flex; position: relative; }

.Section2 .section-container { align-self: stretch; padding: 64px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 8px; display: flex; }

.Section2 .inner-container2 { width: 100%; display: flex; justify-content: center; }

.footer { width: calc(100% - 128px); align-self: stretch; height: 400px; padding: 64px; background: #171715; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 32px; display: flex; position: relative; }

.footer .logo { width: 127.74px; height: 121.17px; position: relative; flex-direction: column; justify-content: flex-start; align-items: flex-start; display: inline-flex; }

.footer .Cta { font-size: calc(3vw + 3vh); font-family: Odibee Sans; font-weight: 400; text-transform: uppercase; word-wrap: break-word; }

.footer .divider { width: calc(100vw - 128px); height: 0px; border: 1px #29721D solid; }

.footer .rectangles { position: absolute; top: -2em; align-self: stretch; flex-direction: column; justify-content: flex-end; align-items: flex-start; gap: 8px; display: flex; }

.footer .credentials { align-self: stretch; padding-top: 32px; justify-content: space-between; align-items: flex-start; display: inline-flex; }

.footer .footer-contacts { flex-direction: column; justify-content: center; align-items: flex-end; gap: 16px; display: inline-flex; font-size: 16px; font-family: Roboto; font-weight: 400; text-decoration: underline; word-wrap: break-word; }

.footer .copyright { text-align: right; color: #A7A7A7; }

.rectangle { width: 2em; height: 2em; z-index: 2; }

.bcWhite { background: white; }

.bcBase { background: #29721D; }

.bcBlack { background: #171715; }

.bcSecondary { background: #ADADAD; }

.bcNone { opacity: 0; }

.cWhite { color: #FAFAFA; }

.cBase { color: #29721D; }

.cBlack { color: #171715; }

a:link, a:visited, a:active, a:hover { text-decoration: none; color: inherit !important; }

.noLink { opacity: 50%; }

/* Border with base color */
.bBase { border: 3px #29721D solid; }

/*.inner-centered {*/
/*	display: flex;*/
/*	justify-content: center;*/
/*	align-items: center;*/
/*}*/
@media (max-width: 1300px) { .footer .rectangles { top: -1.5em; } .footer .arrowFooter { transform: scale(85%); } .rectangle { width: 1.5em; height: 1.5em; } .training-content { width: calc(50% - 32px); } .section1 { height: 1100px; font-size: 15px; } .section1.two-column { height: 800px; } }

@media (max-width: 1030px) { .section1 { height: 1030px; } .section1.two-column { height: 760px; } }

@media (max-width: 900px) { .jugWrapper { width: calc(100vw - 64px); height: calc(100vh - 64px); padding: 32px; position: relative; } .jugFrameTitel { padding-bottom: 0px; } .jugScrollDown { z-index: 5; } .hero .JuggerMNsterEV { font-size: 8vh; font-family: Odibee Sans; font-weight: 400; text-transform: uppercase; line-height: 8vh; word-wrap: break-word; } .footer { padding: 5%; width: 90%; } .footer .rectangles { top: -1.2em; } .footer .divider { width: 90vw; } .footer .arrowFooter { transform: scale(70%); } .rectangle { width: 1.2em; height: 1.2em; } .section1 { font-size: 14px; } }

@media (max-width: 700px) { .section1 .training-content, .section1.two-column .training-content { width: calc(100%); } .section1.two-column { height: 1030px; } .section1 { height: 1500px; } }

@media (max-width: 600px) { .trainingszeiten { font-size: 2.8em; } .footer .rectangles { top: -0.9em; } .footer .arrowFooter { transform: scale(50%); } .footer .Cta { font-size: calc(2.5vw + 2.5vh); } .rectangle { width: 0.9em; height: 0.9em; } .section1 { font-size: 13px; height: 1450px; } .section1.two-column { height: 920px; } }

@media (max-width: 530px) { .section1 { height: 1350px; } .section1.two-column { height: 920px; } }

@media (max-width: 530px) and (min-height: 500px) { .hero .JuggerMNsterEV { padding-top: 100px; } }

@media (max-width: 400px) { .trainingszeiten { font-size: 2.3em; } .section1 { font-size: 12px; } .footer { height: 350px; } .footer .footer-contacts { gap: 10px; font-size: 12px; } .footer .logo { width: 95.81px; height: 90.88px; } }

/*# sourceMappingURL=main.css.map */