/*Black Iron*/
body { background-color: #2e303f; font-size: 15px; color: #ffffff; }
section.gallery #headline, section.gallery .headline { display: block; }

/*generals*/
#headline, .headline { margin-bottom: 10px; }
#about #headline h1, #headline h2, #menu #headline h2, #order #headline h2, #events .headline h2, #gallery .headline h2, #media #headline h2, #contact #headline h2 { font-family: 'Leon-Heavy'; font-size: 2.61vw; }
#about #subheadline h2, #menu #lobbyText p, #gallery .subheadline h2, #media #subheadline h2, #contact #contactDetails h3 { font-family: 'Heebo-Bold'; font-size: 1.15vw; color: #eb7979; margin-bottom: 15px; }
.popupBtn { margin-bottom: 0; background-color: #eb7979; color: #2e303f; min-width: 164px; font-size: 100%; }
.popupBtn:hover, .popupBtn:focus { background: #2e303f; color: #eb7979; border: 1px solid #eb7979; }

/*header*/
header#header, header#header.bg { background-color: #2e303f; }
header ul.menu { display: flex; justify-content: center; align-items: center; }
header ul.menu li.social-links { position: absolute; right: 0; top: -4px; }
header ul.menu li:not(.social-links) a:after, header ul.menu li:not(.social-links) a:before { content: ""; border-top: 1px solid #eb7979; border-bottom: 1px solid #eb7979; position: absolute; width: 80%; display: flex; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: 0.3s; opacity: 0; }
header ul.menu li:not(.social-links) a:hover:before, header ul.menu li.active a:before { opacity: 1; top: 3px; }
header ul.menu li:not(.social-links) a:after { top: auto; bottom: 50%; }
header ul.menu li:not(.social-links) a:hover:after, header ul.menu li.active a:after { bottom: 2px; opacity: 1; }
#header ul.menu li:hover { color: #fff; }
header ul.menu li.social-links { vertical-align: baseline; }
header ul.menu li a { font-size: 15px; }

@media(min-width: 992px) {
    header#header, header#header.bg { padding: 35px; }
}

header ul.menu li.social-links a:hover svg, header ul.menu li.social-links a:focus svg { fill: #eb7979; }
header#header, header#header.bg { padding: 29px 40px; }
#header-logo img { max-height: 77px; }
#header ul.menu > li.active:after { display: none; }

/*topSlider*/
#home-gallery .gallery-logo { width: 100%; text-align: center; }
#home-gallery::after { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: #000; z-index: 2; opacity: 0.5; }
#home-gallery .gallery-caption { z-index: 3; }
#home-gallery ol.flex-control-nav li a.flex-active::after { content: ""; position: absolute; border: 1px solid #ffffff; right: -4px; left: -4px; top: -4px; bottom: -4px; border-radius: 100%; }
#home-gallery .flex-control-paging li a { position: relative; background: #fff; width: 10px; height: 10px; }
#home-gallery .flex-control-nav li { overflow: visible; margin: 0 12px; }
#home-gallery .flex-control-paging li a, #home-gallery .flex-control-paging li a.flex-active { color: #fff; background: #fff }

/*about section*/
#about::after { content: ""; position: absolute; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); top: 50%; left: 50%; background-image: url(/warehouse/dynamic/266773.svg); background-size: 100% 100%; background-repeat: no-repeat; width: 100%; height: 372px; z-index: -1; }
#about .section-content { max-width: 670px; padding: 50px 0; }
#about #text1, #about #text2 { max-width: 100%; }
#text1 p:last-child { margin-bottom: 0; }

/*menus section*/
#menu .section-content { max-width: 1440px; padding: 60px 90px; background-image: url('/warehouse/dynamic/266836.jpg'); background-size: 100% 100%; background-repeat: no-repeat; position: relative; }
#menu .section-content::before { content: ""; position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; background-image: linear-gradient(0deg, #873331, #873331 5%, transparent 5%, transparent 95%, #873331 95%), linear-gradient(90deg, #873331, #873331 3%, transparent 3%, transparent 97%, #873331 97%), linear-gradient(180deg, #873331, #873331 5%, transparent 5%, transparent 95%, #873331 95%), linear-gradient(270deg, #873331, #873331 3%, transparent 3%, transparent 97%, #873331 97%); background-size: 3px 100%, 100% 3px, 3px 100%, 100% 3px; background-position: 0 0, 0 0, 100% 0, 0 100%; background-repeat: no-repeat; }
/*#menu .section-content::after { content: ""; position: absolute; width: 100%; height: 100%; background-image: url(/warehouse/dynamic/266836.jpg); background-size: 100% 100%; background-repeat: no-repeat; top: 50%; left: 50%; opacity: 0.7; z-index: -1; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }*/
#menu #headline h2 { color: #2e303f; }
#menu #lobbyText p { color: #873331; }
#menu section.grid-content-section { padding: 25px 0 0; }
#menu .LobbyModule .grid-box { background: transparent; }
#menu .LobbyModule .grid-boxes { padding-top: 0; }
#menu .LobbyModule .grid-boxes .grid-box-image { padding-bottom: 152%; margin-bottom: 0; }
#menu .grid-box-title { width: 100%; text-align: right; }
#menu .LobbyModule .grid-boxes .grid-box-title h3 { font-size: 100%; margin-bottom: 0; margin-top: 15px; position: relative; }
#menu .LobbyModule .grid-boxes .grid-box-title h3::before { content: ""; display: inline-block; width: 35px; height: 1px; background: #873331; margin-left: 15px; vertical-align: middle; }
#menu .grid-boxes .grid-box-title h3 a { color: #2e303f; font-family: 'Heebo-Medium'; }

@media(min-width: 1100px) {
    #menu .LobbyModule::after { content: ""; position: absolute; width: 150px; height: 150px; top: -30px; right: 95px; background-image: url(/warehouse/temp/blackiron/stamp.svg); background-size: 100% 100%; background-repeat: no-repeat; animation: spin 15s linear infinite; }
}

@keyframes spin {
    100% { transform: rotate(360deg); }
}
/*text section*/
#textSec .headline, #order #headline { display: none; }
#textSec .popup-text { background: transparent; padding: 0; color: #fff; }
.horizontal-section #text1 { max-width: 100%; }
.horizontal-section #text1 p, .horizontal-section #text1 span { transition: 0.55s ease-out; font-family: 'Leon-Heavy'; font-size: 100px; -webkit-text-stroke: 1px rgb(255 255 255 / 50%); color: transparent; text-transform: uppercase; white-space: nowrap; overflow: visible; }
.horizontal-section span:before { CONTENT: "black"; position: absolute; left: 8px; color: #fff; }
.horizontal-section span.strong { color: #fff; position: relative; }

/*order section*/
section#order { padding-bottom: 80px; }
#order .section-content { max-width: 1280px; }
#order #allSectionsWrapper { position: relative; }
#order .owl-carousel .owl-item .item { padding: 0; }
#order .grid-text-section { position: absolute; padding: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 100%; }
#order .grid-text-section .grid-text-content { width: 100%; max-width: unset; padding: 0; }
#order .grid-text-section p:not(:last-child) { font-family: 'Leon-Heavy'; font-size: 70px; -webkit-text-stroke: 1px #eb7979; color: transparent; line-height: normal; }
#order .grid-text-section p.fill { color: #eb7979; text-transform: uppercase; }
#order .grid-text-section p a { background: #ffffff; color: #000000; padding: 12px 30px; }
#order .owl-carousel .owl-item .item:hover .plus-sign { display: none; }
#order .owl-carousel .owl-item::after { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: #000; opacity: 0.5; }
#order .owl-carousel .owl-dot { position: relative; margin: 0 10px; height: 7px; width: 7px; }
#order .owl-carousel .owl-dot::after { content: ""; position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px; border: 1px solid #ffffff; border-radius: 50%; }
#order .owl-carousel .owl-dot.active { background: #ffffff; }

/*events section*/
section#events,
section#ITable { max-width: 1170px; margin: auto; }
section#events::after, section#ITable::after { content: "party"; text-transform: uppercase; position: absolute; top: 35%; left: 50%; transform: translate(-50%, -50%); color: transparent; font-family: 'Leon-Heavy'; font-size: 270px; -webkit-text-stroke: 1px #2e303f; z-index: -1; opacity: 0.1; }
#events.content-module::before, section#ITable:before { content: ""; position: absolute; top: -10px; right: -10px; bottom: -10px; left: -10px; background-image: linear-gradient( 0deg, #eb7979, #eb7979 15%, transparent 15%, transparent 85%, #eb7979 85%), linear-gradient( 90deg, #eb7979, #eb7979 3%, transparent 3%, transparent 97%, #eb7979 97%), linear-gradient( 180deg, #eb7979, #eb7979 15%, transparent 15%, transparent 85%, #EB7979 85%), linear-gradient( 270deg, #eb7979, #eb7979 3%, transparent 3%, transparent 97%, #eb7979 97%); background-size: 3px 100%, 100% 3px, 3px 100%, 100% 3px; background-position: 0 0, 0 0, 100% 0, 0 100%; background-repeat: no-repeat; }
section#events > .btnsContainer, #events .popup-text, section#ITable > .btnsContainer, section#ITable .popup-text { padding: 0; background: transparent; }
section#events > .btnsContainer, section#ITable >, btnsContainer { margin-top: 30px; }
#events .headline h2, section#ITable .headline h2 { color: #701212; }
#events .btnsContainer .popupBtn, section#ITable .btnsContainer .popupBtn { color: #eb7979; background: #2e303f; }
/*gallery section*/
section#gallery { padding-top: 80px; max-width: 1200px; margin: 0 auto; padding-bottom: 80px; }
.gallery-container { width: 100%; }
.gallery-cubes > div { padding: 15px; }
#gallery .subheadline h2 { margin-bottom: 35px; }

/* Media Section */
#gridshort-view-media.owl-carousel .owl-next:after, #gridshort-view-media .owl-carousel .owl-next:after { background-image: url(/warehouse/temp/blackiron/arrow-l.svg); width: 24px; height: 24px; background-size: cover; }
#gridshort-view-media.owl-carousel .owl-prev:after, #gridshort-view-media .owl-carousel .owl-prev:after { background-image: url(/warehouse/temp/blackiron/arrow-r.svg); width: 24px; height: 24px; background-size: cover; }
#media .owl-carousel .owl-stage { margin: auto; }
#media .owl-controls { display: none; }
#media .grid-short-box.box a { background: #fff; position: relative; width: 100%; left: auto; top: auto; display: flex; height: 100%; flex-grow: 1; display: flex; }
#media .box-logo { max-height: 44px; max-width: 80%; margin: 0 auto; margin-bottom: 53px; order: 1; }
#media .grid-short-box { padding: 0; min-height: 350px; display: flex; flex-direction: column; height: auto; }
#media .grid-short-box.box .text-caption { position: relative; transform: none; top: auto; left: auto; width: 100%; display: flex; flex-direction: column; padding: 30px 16px 26px; }
#media .grid-short-box.box .grid-short-box-subtitle { order: 2; color: #eb7979; font-size: 85%; padding: 0; border: none; margin-bottom: 15px; }
#media #gridshort-view-media .grid-short-box-label { order: 3; color: #2e303f; font-size: 85%; line-height: 1.43; flex-grow: 1; }
#media .grid-short-box.box .grid-short-box-text { order: 4; font-size: 91%; color: #2e303f; border-bottom: 1px solid #2e303f; align-self: center; }
#media .grid-short-box.box .text-caption::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: url(/warehouse/temp/blackiron/bulllogo.svg); background-size: 80% 100%; background-repeat: no-repeat; background-position: center; opacity: 0.1; pointer-events: none; }
#media #gridshort-view-media .owl-item > div { padding: 40px 15px; }
#media #gridshort-view-media { max-width: 1200px; }
#media .grid-short-box.box a:focus, #ContentGridReadMoreModule .grid-short-box.box a:focus { background: #fff; }

/* Contact Section */
section#contact { padding-top: 58px; padding-bottom: 70px; }
#contactview { max-width: 770px; margin: 0 auto; color: #2e303f; }
#contact #headline { text-align: right; }
#contact #contactDetails h3 { color: #2e303f; margin-bottom: 36px; margin-top: 10px; }
#contactDetails .contactDetailsText1 { text-align: right; margin-top: 0; margin-bottom: 35px; }
#contactDetails .contactDetailsText1 ul { margin: 0; padding: 0; list-style: none; }
.contact-columns { display: flex; margin-bottom: 40px; }
.contact-columns .column-1 { margin-left: 112px; }
.contact-columns h4 { font-family: 'Heebo-Bold'; font-size: 101%; }
#contactDetails .contactDetailsText1 p { font-size: 101%; }
#contactform h3 { display: none; }
#contactform .col-md-4 { padding: 0 5px; }
.normal-form input { border-radius: 0; margin-bottom: 10px; width: 100%; max-width: 100%; color: #2e303f; font-size: 100%; height: 45px; background: #fff; padding-right: 10px; }
#contactform .row { margin: 0; }
#contactform textarea { margin-top: 0; margin-bottom: 25px; border-radius: 0; width: 100%; max-width: 100%; background: #fff; min-height: 122px; color: #2e303f; padding: 10px; }
#contactform .col-md-12 { padding: 0 5px; }
.normal-form input::placeholder { color: #2e303f; }
#contactform textarea::placeholder { color: #2e303f; }
.must:before { top: 9px; right: 10px; color: #2e303f; }
#contactform .submit-btn > div { margin-right: 0; width: 100%; max-width: 152px; font-size: 100%; }
.normal-form input[type="submit"] { background: #2e303f; border: 1px solid #2e303f; font-size: 100%; }
.normal-form input[type="submit"]:hover, .normal-form input[type="submit"]:focus { background: #701212; border: 1px solid #701212; color: #fff; }
section#contact::before { content: ""; position: absolute; width: 150px; height: 150px; top: -30px; left: 22%; background-image: url(/warehouse/temp/blackiron/stamp.svg); background-size: 100% 100%; background-repeat: no-repeat; animation: spin 15s linear infinite; }

/* Footer */
#SiteFooter #partners-section { display: flex; flex-direction: column; align-items: center; padding-top: 31px; padding-bottom: 24px; }
#SiteFooter #partners-section p:last-of-type { display: flex; }
#SiteFooter #partners-section p:last-of-type a { margin: 5px; }
#SiteFooter #partners-section p:first-of-type { margin-bottom: 20px; }
.footer-logo { margin-bottom: 28px; }
.footer-socials { display: flex; }
.footer-socials a { display: flex; align-items: center; justify-content: center; margin: 0 8px; padding: 0 !important; }
.footer-socials a img { max-height: 15px; }
.footer-socials .icon-hover { display: none; }
.footer-socials a:hover .icon-hover, .footer-socials a:focus .icon-hover { display: inline-block; }
.footer-socials a:hover .icon, .footer-socials a:focus .icon { display: none; }
.AccessabilityLink { color: #fff; }
.site-credit.alternative.row { background: #363636; }

/* Popup */
.modal #pageview { background: #2e303f; padding: 78px 100px 67px; }
.popup-text { background: none; }
.modal #text1 { text-align: right; max-width: 100%; color: #fff; }
#multi-content-modal.modal .close { background: #50515e; border-radius: 50%; display: flex; align-items: center; justify-content: center; width: 57px; height: 57px; left: 50%; transform: translateX(-50%); top: -28px; }
#multi-content-modal.modal .close svg { width: 22px; height: 22px; }
#media .grid-short-box.box a:focus, #ContentGridReadMoreModule .grid-short-box.box a:focus { background: #fff; }
modal #PopUpData .headline { text-align: right; }
#PopUpData .headline h1 { text-align: right; font-family: 'Leon-Heavy'; font-size: 334%; }
.form-modal #PopUpData #form-thanks #headline h3, .form-modal #PopUpData #form-thanks .headline h3 { font-size: 180%; font-family: 'Leon-Heavy'; }
.popup-text { padding: 0; }
.modal #subheadline h2 { text-align: right; color: #eb7979; font-family: 'Heebo-Bold'; font-size: 133%; margin-bottom: 30px; }
#multi-content-modal .modal-content { max-width: 1000px; }
.modal #text1 .bottom-text { color: #eb7979; font-family: 'Heebo-Bold'; font-size: 133%; margin-top: 20px; }
.modal.about #pageview { position: relative; }
.modal.about #pageview::before { content: ""; position: absolute; width: 150px; height: 150px; top: 31px; left: 39px; background-image: url(/warehouse/dynamic/266838.svg); background-size: 100% 100%; background-repeat: no-repeat; animation: spin 15s linear infinite; }
.modal .menuModuleContent { width: 100%; background: #2e303f; min-height: unset; }

.modal #MenuModule #menuModuleNav { background: #2e303f; padding-top: 54px; padding-bottom: 0; }
#PopUpData #MenuModule .menuModuleNav a.selected { border: none; color: #eb7979; }
#PopUpData #MenuModule .menuModuleNav a { font-family: 'Leon-Heavy'; font-size: 120%; margin-left: 30px; margin-right: 30px; }
#PopUpData .menuModuleTextItem1, #PopUpData .menuModuleTextItem0 { border-bottom: 1px solid #cfcfd1; margin-bottom: 37px; }
.menuModuleTextItemPrice { font-size: 120%; color: #eb7979; }
.menuModuleTextItemTitle { font-size: 134%; }
.modal #PopUpData #MenuModule #headline { margin: 0; background: #2e303f; padding-bottom: 30px; }
.modal #PopUpData #MenuModule #headline h2 { display: none; }
.form-modal .formSection #DynamicFormObject.normal-form { background: #2e303f; padding: 53px 53px 98px; }
.form-modal #DynamicFormObject .dynamicFormObjectFields { background: none; padding: 0; }
.form-modal .dynamicFormEndText { display: none; }
.form-modal .dynamicFormObjectTitle { font-size: 152%; font-family: 'Leon-Heavy'; line-height: 1.2; }
.form-modal #DynamicFormObject .dynamicFormObjectTitleAndText { margin-bottom: 10px; }
.form-modal #DynamicFormObject .dynamicFormObjectFields form { max-width: 610px; }
.form-modal #DynamicFormObject .dynamicFormObjectField.col-xs-12 { width: 33.33333%; padding: 0 7px; }
#DynamicFormObject .dynamicFormObjectField.col-xs-12.textarea-field { width: 100%; padding: 0 7px; }
.form-modal .normal-form input[type=text] { margin-bottom: 14px; background: #d4d4dc; width: 100%; max-width: 100%; border: 1px solid #707070; }
.form-modal .normal-form textarea { background: #d4d4dc; border-radius: 0; width: 100%; max-width: 100%; border: 1px solid #707070; padding-top: 9px; color: #000; }
.form-modal .normal-form textarea::placeholder { color: #000; }
.form-modal #DynamicFormObject .dynamicFormObjectFields .top-form { color: #eb7979; font-size: 134%; font-family: 'Heebo-Bold'; margin-bottom: 49px; }
.form-modal #DynamicFormObject input[type="submit"] { max-width: 98px; border-radius: 0; background: #eb7979; color: #2e303f; font-family: 'Heebo-Bold'; font-size: 100%; height: 46px; border: 1px solid #eb7979; }
.form-modal #DynamicFormObject input[type="submit"]:hover, .form-modal #DynamicFormObject input[type="submit"]:focus { background: #701212; border: 1px solid #701212; color: #fff; }
.form-modal .close { left: 50%; transform: translateX(-50%); background: #50515e; border-radius: 50%; display: flex; align-items: center; justify-content: center; width: 57px; height: 57px; top: -29px; }
.form-modal .close svg { width: 22px; height: 22px; }

#media .owl-carousel .owl-dots { text-align: center; }
section#contact::after { content: ""; position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; background-image: linear-gradient( 0deg, #873331, #873331 5%, transparent 5%, transparent 95%, #873331 95%), linear-gradient( 90deg, #873331, #873331 3%, transparent 3%, transparent 97%, #873331 97%), linear-gradient( 180deg, #873331, #873331 5%, transparent 5%, transparent 95%, #873331 95%), linear-gradient( 270deg, #873331, #873331 3%, transparent 3%, transparent 97%, #873331 97%); background-size: 3px 100%, 100% 3px, 3px 100%, 100% 3px; background-position: 0 0, 0 0, 100% 0, 0 100%; background-repeat: no-repeat; pointer-events: none; }
.form-modal #DynamicFormObject input[type="submit"]:hover, .form-modal #DynamicFormObject input[type="submit"]:focus { background: #701212; border: 1px solid #701212; color: #fff; }
#events .btnsContainer .popupBtn:hover, #events .btnsContainer .popupBtn:focus, section#ITable .btnsContainer .popupBtn:focus, section#ITable .btnsContainer .popupBtn:hover { background: #701212; color: #fff; }
#home-gallery .scroll-down img, #home-gallery .scroll-down svg { width: 30px; min-width: 30px; }
#multi-content-modal.AccessabilityDeclaration #text1 { background: none; overflow: visible; }
div#form-thanks { font-size: 150%; color: #fff; padding: 50px 0; }
div#form-thanks #text1 { text-align: right; max-width: 100%; font-family: 'Leon-Heavy'; }

/* Changes 31.03.22 */
#blackiron #headline { text-align: right; color: #fff; font-family: 'Leon-Heavy'; font-size: 139%; margin-bottom: 10px; }
#blackiron .grid-row-section .grid-rows .grid-row { direction: ltr !important; background: none; }
#blackiron .section-content { max-width: 1200px; }
#blackiron .grid-row-section .grid-row li.slider-item { padding-bottom: 119.5%; }
#blackiron .grid-row-section .grid-rows .grid-row-text { width: 100%; max-width: 552px; }
#blackiron .grid-row-section .grid-rows .grid-row-text #headline h2 { margin-bottom: 0; color: #fff; }
#blackiron .grid-row-section .grid-rows .grid-row-text > h2 { color: #eb7979; font-family: Heebo-Bold; font-size: 133%; }
#blackiron .grid-row-section .grid-rows .grid-row-text p { color: #fff; /*font-family: Heebo-Regular;*/ /*font-size: 113%;*/ }
#blackiron .grid-row-section { padding-top: 10px; }
#menu .section-content { background-image: none; background: none; }
#menu .section-content::before { background-image: linear-gradient(0deg, #ffffff, #ffffff 5%, transparent 5%, transparent 95%, #ffffff 95%), linear-gradient(90deg, #ffffff, #ffffff 3%, transparent 3%, transparent 97%, #ffffff 97%), linear-gradient(180deg, #ffffff, #ffffff 5%, transparent 5%, transparent 95%, #ffffff 95%), linear-gradient(270deg, #ffffff, #ffffff 3%, transparent 3%, transparent 97%, #ffffff 97%); pointer-events: none; }
section#menu { background: #272936; padding-top: 20px; padding-bottom: 20px; }
#menu #headline h2 { /*font-size: 333%;*/ color: #fff; }
#menu #lobbyText p { color: #fff; font-size: 133%; }
#menu .LobbyModule::after { top: -70px; }
#menu .LobbyModule::after { width: 168px; height: 168px; }
#menu .grid-boxes .grid-box-title h3 a { color: #fff; }
#menu .LobbyModule .grid-boxes .grid-box-title h3::before { background: #eb7979; }
#events.content-module::before, section#ITable.content-module::before { display: none; }
section#events, section#ITable { margin-top: 120px; display: flex; align-items: center; justify-content: space-between; padding: 27px 40px; background: #272936; background-image: none !important; border: 1px solid #eb7979; max-width: 1000px; }
section#events > .btnsContainer, section#ITable > .btnsContainer { width: auto; margin: 0; }
#events #ContentRegularModule, section#ITable #ContentRegularModule { margin: 0; }
#events .headline h2, section#ITable .headline h2 { /*font-size: 333%;*/ color: #fff; }
#events .btnsContainer .popupBtn, section#ITable .btnsContainer .popupBtn:hover { background: #eb7979; color: #2e303f; height: 46px; border: 1px solid #eb7979; }
#events .btnsContainer .popupBtn:hover, #events .btnsContainer .popupBtn:focus { background: #2e303f; color: #eb7979; border: 1px solid #eb7979; }
.gallery-cubes > div { width: 20%; padding: 9px; }
#media .grid-short-box.box .text-caption { background: #272936; border-bottom: 4px solid #eb7979; }
#media #gridshort-view-media .grid-short-box-label { color: #fff; }
#media .grid-short-box.box .grid-short-box-text { color: #fff; }
#media .grid-short-box.box .text-caption::after { content: ""; display: block; width: calc(100% - 20px); height: 98px; position: absolute; top: 10px; left: 10px; background: #fff; }
#media .box-logo { z-index: 1; width: auto; height: auto; margin-top: 6px; }
#media .grid-short-box.box .text-caption::before { opacity: 0.2; }
section#contact { background-image: none !important; background: #272936; margin-top: 50px; }
#contactview { color: #fff; }
#contact #contactDetails h3 { color: #eb7979; font-size: 148%; }
section#contact::before { width: 193px; height: 193px; top: -40px; }
.normal-form input[type="submit"] { background: #eb7979; color: #2e303f; height: 46px; border: 1px solid #eb7979; }
.normal-form input[type="submit"]:hover, .normal-form input[type="submit"]:focus { color: #eb7979; background: #2e303f; border: 1px solid #eb7979; }
section#contact::after { background-image: linear-gradient( 0deg, #ffffff, #ffffff 5%, transparent 5%, transparent 95%, #ffffff 95%), linear-gradient( 90deg, #ffffff, #ffffff 3%, transparent 3%, transparent 97%, #ffffff 97%), linear-gradient( 180deg, #ffffff, #ffffff 5%, transparent 5%, transparent 95%, #ffffff 95%), linear-gradient( 270deg, #ffffff, #ffffff 3%, transparent 3%, transparent 97%, #ffffff 97%); top: 25px; left: 25px; right: 25px; bottom: 25px; }
#SiteFooter #partners-section { border-top: 1px solid #707070; }
#textSec { padding-top: 0; padding-bottom: 20px; }

/*The Iron Table*/
section#ITable:before { display: none; }
#ITable .pageview { display: flex; flex-direction: row; width: 100%; justify-content: space-between; align-items: center; }
#ITable .subCategories { width: auto; margin-top: 0; }

@media (max-width: 767px) {
    #headline h2 { font-size: 200%; }
    #ITable .pageview { flex-direction: column; }
}


/* Media */

@media (max-width: 1200px) {
    #home-gallery .gallery-logo img { max-width: 60%; min-width: unset; }
    #about #headline h1, #menu #headline h2, #order #headline h2, #events .headline h2, #gallery .headline h2, #media #headline h2, #contact #headline h2 { font-size: 280%; }
    #about #subheadline h2, #menu #lobbyText p, #gallery .subheadline h2, #media #subheadline h2, #contact #contactDetails h3 { font-size: 120%; }
    #menu .LobbyModule .grid-boxes .grid-box-title h3 { font-size: 73%; }
    section#events { max-width: 80%; }
    #header-logo img { max-height: 60px; }
    #menu .section-content { max-width: 90%; }
    #menu .LobbyModule .grid-boxes .grid-box-title h3::before { width: 20px; }
    #blackiron .section-content { max-width: 90%; }
    #blackiron img { max-width: 100%; }
    #blackiron .grid-row-section .grid-rows .grid-row-text #headline h2 { font-size: 280%; }
    #blackiron .grid-row-section .grid-rows .grid-row-text > h2 { line-height: 1.2; font-size: 120%; margin-bottom: 10px; }
    #blackiron #headline { margin-bottom: 20px; }
    #media #gridshort-view-media { max-width: 86%; }
    section#events::after, section#ITable::after { display: none; }
    section#events, section#ITable { max-width: 90%; }
}

@media (max-width: 1024px) {
    #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after, #nav-toggle-mobile span, #nav-toggle-mobile span:before, #nav-toggle-mobile span:after { width: 40px; height: 3px; }
    #header ul.menu { height: var(--app-height); padding: 0; padding-top: 80px; z-index: 1; background: #2e303f; padding-right: 90px; }
    #header ul.menu > li { margin-left: 0; }
    header ul.menu li.social-links { position: static; }
    #header .nav-menu-anim.open { background: #eb7979; z-index: 2; height: 60px; width: 60px; position: relative; top: -29px; right: -40px; }
    #nav-toggle.active { display: flex; align-items: center; justify-content: center; }
    #nav-toggle { transition: 0.3s; }
    #header .nav-menu-anim.open { top: -20px; right: -20px; }
    #header ul.menu > li { text-align: right; max-width: 250px; display: block; border-bottom: 1px solid #eb7979; }
    #header ul.menu li a { font-size: 80%; font-family: 'Heebo-Medium'; }
    #header ul.menu > li.social-links, #header ul.menu > li.last-item { border-bottom: none; }
    #header ul.menu li.active { background: none; }
    #header ul.menu li.active::before { display: none; }
    #header ul.menu li:hover::before, #header ul.menu li:focus::before, #header ul.menu li:hover::after, #header ul.menu li:focus::after { display: none; }
    #multi-content-modal .modal-content, .form-modal .modal-content, #multi-content-modal .form-modal .modal-content { overflow: visible; max-width: 90%; }
    .modal #text1 p, .modal #text2 p { font-size: 100%; }
    .modal #pageview { padding: 50px; }
    #nav-toggle.active span, #nav-toggle-mobile.active span { transition: 0s; }
}

@media (max-width: 991px) {
    header#header, header#header.bg { padding: 20px; }
    #header .nav-menu-anim.open { top: -20px; right: -20px; }
    #ContactModule { max-width: 90%; }
    #contactform .col-md-4 { width: 33.33333%; }
}

@media (max-width: 767px) {
    #header ul.menu { padding-right: 70px; }
    #header ul.menu > li { max-width: 190px; }
    #header ul.menu li a { font-size: 160%; }
    li.languageLinkHolder { opacity: 0; }
    #home-gallery .scroll-down { bottom: 3%; }
    #about #text1, #about #text2 { max-width: 85%; }
    #menu .section-content { padding: 30px 20px; }
    #about #headline h1, #menu #headline h2, #order #headline h2, #events .headline h2, #gallery .headline h2, #media #headline h2, #contact #headline h2, section#ITable .headline h2 { font-size: 200%; }
    #menu .LobbyModule .grid-boxes .grid-box-title h3 { font-size: 66%; }
    .horizontal-section #text1 p, .horizontal-section #text1 span { font-size: 20px; }
    .horizontal-section span:before { left: 4px; }
    .contact-columns { flex-wrap: wrap; }
    .contact-columns .column-1 { margin-bottom: 20px; }
    #contactform { max-width: 100%; margin-top: 0; }
    #contactform .col-md-4 { width: 100%; }
    section#contact::before { width: 100px; height: 100px; left: 10%; }
    #partners-section a { max-width: 100%; margin: 0 10px; }
    .modal.about #pageview::before { width: 100px; height: 100px; top: 20px; left: 20px; }
    .modal #pageview { padding: 40px 30px; }
    #PopUpData .headline h1 { font-size: 230%; }
    .modal #subheadline h2 { font-size: 120%; }
    .modal #text1 .bottom-text { font-size: 120%; }
    .form-modal .dynamicFormObjectTitle { max-width: 100%; font-size: 104%; }
    .form-modal .formSection #DynamicFormObject.normal-form { padding: 40px 30px; }
    #DynamicFormObject .dynamicFormObjectField .must:before
    .form-modal #DynamicFormObject .dynamicFormObjectField.col-xs-12 { width: 100%; }
    .form-modal .normal-form input[type=text] { margin-bottom: 10px; }
    #DynamicFormObject .dynamicFormObjectField .must:before { right: 11px; }
    .form-modal #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 120%; margin-bottom: 30px; }
    #PopUpData { max-height: calc(80vh - 50px); overflow: auto; background: #2e303f; position: relative; overflow-y: scroll; }
    #PopUpData .menuModuleTextItem1:last-child, #PopUpData .menuModuleTextItem0:last-child { margin-bottom: 50px; }
    #PopUpData .menuModuleContentSection { overflow: hidden; }
    .modal .menuModuleContent { overflow: visible; max-height: unset; }
    .form-modal .normal-form textarea { padding-right: 10px; }
    #media .grid-short-box { min-height: 290px; }
    #media .grid-short-box.box .text-caption { min-height: 315px; }
    #gridshort-view-media .owl-dots .owl-dot.active { background: #fff; }
    #gridshort-view-media .owl-dots .owl-dot.active::before { content: ""; display: block; position: absolute; width: 18px; height: 18px; border: 1px solid #fff; border-radius: 50%; top: -4px; left: -4px; }
    #gridshort-view-media .owl-dots .owl-dot { width: 10px; height: 10px; position: relative; }
    header#header, header#header.bg { padding: 5px 20px; }
    #header-logo img { max-height: 80px; max-width: 90px; }
    #header .nav-menu-anim.open { top: -5px; }
    header ul.menu li:not(.social-links) a:after, header ul.menu li:not(.social-links) a:before { display: none; }
    #home-gallery .gallery-logo img { max-width: 75%; }
    #menu .section-content::before { background-image: linear-gradient( 0deg, #873331, #873331 5%, transparent 5%, transparent 95%, #873331 95%), linear-gradient( 90deg, #873331, #873331 11%, transparent 5%, transparent 87%, #873331 87%), linear-gradient( 180deg, #873331, #873331 5%, transparent 5%, transparent 95%, #873331 95%), linear-gradient( 270deg, #873331, #873331 14%, transparent 3%, transparent 86%, #873331 86%); }
    #events.content-module::before { background-image: linear-gradient( 0deg, #eb7979, #eb7979 15%, transparent 15%, transparent 85%, #eb7979 85%), linear-gradient( 90deg, #eb7979, #eb7979 13%, transparent 3%, transparent 87%, #eb7979 87%), linear-gradient( 180deg, #eb7979, #eb7979 15%, transparent 15%, transparent 85%, #EB7979 85%), linear-gradient( 270deg, #eb7979, #eb7979 13%, transparent 3%, transparent 87%, #eb7979 87%); }
    section#contact::after { background-image: linear-gradient( 0deg, #873331, #873331 5%, transparent 5%, transparent 95%, #873331 95%), linear-gradient( 90deg, #873331, #873331 13%, transparent 13%, transparent 87%, #873331 87%), linear-gradient( 180deg, #873331, #873331 5%, transparent 5%, transparent 95%, #873331 95%), linear-gradient( 270deg, #873331, #873331 13%, transparent 13%, transparent 87%, #873331 87%); }
    #multi-content-modal .modal-content::after { content: ""; display: block; width: 100%; height: 60px; position: absolute; bottom: 0; left: 0; background: linear-gradient( 0deg, #2e303f 0%, #2e303f 10%, transparent 100%); opacity: 0.7; }
    .form-modal #DynamicFormObject .dynamicFormObjectField.col-xs-12 { width: 100%; }
    #multi-content-modal.AccessabilityDeclaration #text1 { padding: 0; }
    div#form-thanks { font-size: 200%; }
    section#contact::after { top: 10px; left: 10px; right: 10px; bottom: 10px; }
    #menu .section-content::before { background-image: linear-gradient( 0deg, #ffffff, #ffffff 5%, transparent 5%, transparent 95%, #ffffff 95%), linear-gradient( 90deg, #ffffff, #ffffff 11%, transparent 5%, transparent 87%, #ffffff 87%), linear-gradient( 180deg, #ffffff, #ffffff 5%, transparent 5%, transparent 95%, #ffffff 95%), linear-gradient( 270deg, #ffffff, #ffffff 14%, transparent 3%, transparent 86%, #ffffff 86%); }
    section#contact::after { background-image: linear-gradient( 0deg, #fff, #ffffff 5%, transparent 5%, transparent 95%, #ffffff 95%), linear-gradient( 90deg, #ffffff, #ffffff 13%, transparent 13%, transparent 87%, #ffffff 87%), linear-gradient( 180deg, #ffffff, #ffffff 5%, transparent 5%, transparent 95%, #ffffff 95%), linear-gradient( 270deg, #ffffff, #ffffff 13%, transparent 13%, transparent 87%, #ffffff 87%); }
    #textSec { padding-top: 20px; }
    .gallery-cubes > div { width: 50%; }
    section#events, section#ITable { flex-direction: column; }
    section#gallery { padding-bottom: 30px; }
    #blackiron .grid-row-section .grid-rows .grid-row-text { margin-top: 0; }
    #blackiron .grid-row-section .grid-rows .grid-row-text #headline h2 { font-size: 200%; }
    #menu section.grid-content-section { margin-bottom: 0; }

    .form-modal #PopUpData #form-thanks #headline h3, .form-modal #PopUpData #form-thanks .headline h3 { font-size: 180%; font-family: 'Leon-Heavy'; }
}