/*
Theme Name: Eissporthalle Troisdorf
Description: Handcoded by wiegandt media - Based on Bootstrap 5
Author: wiegandt media UG
URI: http://www.wiegandt-media.de/
Version: 2025.10
Tags: wiegandt media UG
*/

/* ==========================================================================
   Development & Fonts
   ========================================================================== */



/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/icedome/fonts/roboto-v49-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/wp-content/themes/icedome/fonts/roboto-v49-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/themes/icedome/fonts/roboto-v49-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/wp-content/themes/icedome/fonts/roboto-v49-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* anton-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Anton';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/icedome/fonts/anton-v27-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/wp-content/themes/icedome/fonts/anton-v27-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

@keyframes zoom {
        0% {
          background-size: 100%;
        }
        50% {
          background-size: 115%;
        }
        100% {
         background-size: 100%;
        }
      }

/* ==========================================================================
   Basics
   ========================================================================== */

body {height:100%;width:100%;margin: 0;padding: 0;font-weight: 400;font-family: 'Roboto', sans-serif;font-size:16px;color: #1d1d1b;overflow-x: hidden;}
html {height: 100%; width: 100%; margin: 0; padding:0;}

p {line-height: 1.4em;}
a {transition: all 0.2s;cursor: pointer;color: #000;}
a:hover,a:focus {transition: all 0.2s; color:#fb534d; text-decoration: none;}
:focus {outline: none !important}

.center {text-align: center;}
.left {text-align: left;}
.right {text-align:right;}
.clear {clear: left;}

::selection{background:#E5E5E5}
::-moz-selection{background:#E5E5E5}

img.responsive {width: 100%; height: auto;}

h1 {font-size: 36px;font-weight: 400;margin-top: 3px;margin-bottom: 5px;line-height: 1.05em;font-family: 'Anton', sans-serif;text-transform: uppercase;}
h2 {font-size: 58px;font-weight: 400;margin-top: 3px;margin-bottom: 5px;line-height: 1.15em;font-family: 'Anton', sans-serif;text-transform: uppercase;}
h3 {font-size: 38px;font-weight: 400;margin-top: 3px;margin-bottom: 2px;line-height: 1.25em;font-family: 'Anton', sans-serif;text-transform: uppercase;color: #b71f13;}
h4 {font-size: 20px;font-weight: 700;margin-top: 3px;margin-bottom: 13px;line-height: 1.35em;}
h5 {font-size: 14px; font-weight: 400; margin-top: 3px; margin-bottom: 5px; line-height: 1.35em;}
h6 {font-size: 12px; font-weight: 400; margin-top: 3px; margin-bottom: 5px; line-height: 1.35em;}

/* ==========================================================================
   Menu
   ========================================================================== */

header ul {
  padding-left: 0;
  display: inline-block;
}

.cs_readmore-btn-wrapper {
    margin-top: 20px;
    text-align: center;
    margin-bottom: 35px;
}

button.cs_readmore-btn {
    background-color: #231f20;
    color: #ffffff;
    font-family: 'Anton', sans-serif;
    padding: 10px 20px;
    font-size: 18px;
    border: none;
}

button.cs_readmore-btn:hover {
    background-color: #ca2215;
}

.readmore {
  position: relative;
  padding-bottom: 25px;
}

.readmore:after {
    display: block;
    content: '';
    width: 100%;
    height: 40px;
    background: linear-gradient(0deg, rgb(255 255 255) 0%, rgb(255 255 255 / 0%) 100%);
    bottom: 0;
    position: absolute;
}

header.not-on-top {
    background: rgb(255 255 255 / 90%);
    box-shadow: 5px 5px 10px #00000012;
}

.copyright {
    font-size: 14px;
}

.logo-box a {
    display: block;
    width: 250px;
    height: 60px;
    background-image: url(../icedome/img/icedome-logo-dark.svg);
    background-size: 250px 60px;
    background-repeat: no-repeat;
}

.logo-box {
    display: inline-block;
    margin-top: 10px;
}

.hamburger {
    padding: 18px 0 0 0;
}

button.hamburger {
  display: none;
  float: right;
  position: relative;
  z-index: 9999;
}

.main-navbar {
    float: right;
}

#news-slider .pictext-pic img, #news-slider .pictext_img {
    border-radius: 0;
}

ul.menu {
    padding-left: 0;
    list-style: none;
}

ul#menu-footer {
    display: inline-block;
}

ul#menu-footer li {
    display: inline-block;
}

.item .three-col-wrapper {
    background-color: #fff;
    color: #1d1d1b;
    border-radius: 5px;
}

.item .x-col-text {
    padding: 10px 25px 25px;
}

.border-pic-right, .border-pic-left {
    border-radius: 5px;
    position: relative;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #b71f13;
}

.main-navbar ul li {
    display: inline-block;
    margin: 0 25px;
}

.main-navbar ul li:last-child {
    margin-right: 0;
}

.ai-note {
    width: 60px;
    height: 20px;
    position: absolute;
    z-index: 1;
    top: 15px;
    right: 15px;
    background-image: url(/wp-content/themes/icedome/img/ki-badge.svg);
    background-size: 60px;
    background-repeat: no-repeat;
}

.main-navbar ul li a {
    font-family: 'Anton', sans-serif;
    text-decoration: none;
    color: #1d1d1b;
    font-size: 20px;
    text-transform: uppercase;
    transition: 0s;
}

.main-navbar ul {
    text-align: right;
    margin: 22px 0 0;
}

.mobile-navbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #231f20;
    -webkit-transition: all .75s ease-in-out;
    -moz-transition: all .75s ease-in-out;
    -o-transition: all .75s ease-in-out;
    transition: all .75s ease-in-out;
    text-align: center;
    z-index: -150;
    transform: translateY(-100%);
    z-index: 25;
    overflow: hidden;
}

.menu-active .mobile-navbar {
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: all .75s ease-in-out;
    -moz-transition: all .75s ease-in-out;
    -o-transition: all .75s ease-in-out;
    transition: all .75s ease-in-out;
    z-index: 25;
    visibility: visible;
}

.mobile-navbar ul {
    padding-left: 0;
    list-style: none;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.mobile-navbar ul li a {
    font-size: 35px;
    color: #ffffff;
    font-family: 'Anton', sans-serif;
    text-decoration: none;
}

.mobile-navbar ul li a:hover {
    color: #ca2215;
}

.footer-menu ul {
    text-align: right;
    padding-left: 0;
    list-style: none;
}

.footer-menu ul li {
    display: inline-block;
    margin: 0 5px;
}

.footer-menu ul li:last-child {
    margin-right: 0;
}

header.scroll-up {
    transform: translateY(-100%);
}

/* ==========================================================================
   Site
   ========================================================================== */

header {
    position: fixed;
    width: 100%;
    z-index: 40;
    transition: all .3s, background .75s;
}

section#main {
    padding: 15px 0 20px;
    padding-top: 130px;
}

.speise-row:nth-child(2n) {
    background-color: #ffffff;
}

.speise-row {
    background-color: #f2f2f2;
    padding: 10px 15px;
    margin-bottom: 3px;
}

span.artikel,span.preis {
    font-weight: 700;
    color: #1d1d1b;
}

span.details {
    font-size: 12px;
    margin-left: 5px;
    color: #6e6e6e;
}

.kachel-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    transition: .5s;
    background-position: center;
}

.button-kachel:hover .kachel-image,
.button-kachel:hover .hk-icon {
    transform: scale(1.035);
}

.accordion-button {
    background-color: #f5f5f5;
    padding: 0px 25px;
    font-size: 19px;
    font-weight: 700;
    padding: 15px 25px;
    line-height: 1.25em;
}

.news-image {
    margin-bottom: 25px;
}

section#news-single {
    margin-bottom: 95px;
}

section#news-page {
    background-image: linear-gradient(to top, #ebebeb, #f0f0f0, #f5f5f5, #fafafa, #ffffff);
    padding-bottom: 85px;
}

#news-page .item {
    margin-bottom: 35px;
}

.accordion-button:focus {
    border: none !important;
    box-shadow: none !important;
}

.accordion-button:not(.collapsed) {
    background-color: #b71f13;
    color: #ffffff
}

.header-kachel:hover .hk-icon {
    transform: scale(1.1);
}

section#willkommen {
    min-height: 820px;
    animation: zoom 40s infinite;
    -webkit-animation: zoom 40s infinite;
    background-position: top;
    position: relative;
    background-color: #155893;
    background-blend-mode: luminosity;
    margin-bottom: 40px;
    background-attachment: fixed;
}

section#header-sub {
    min-height: 520px;
    background-position: center;
    background-size: cover;
    position: relative;
    background-color: #155893;
    background-blend-mode: luminosity;
    margin-bottom: 40px;
}

.header-sub-title {
    position: absolute;
    z-index: 5;
    top: 42%;
    text-align:center;
    width: 100%;
}

.header-sub-title h1 {
    font-size: 94px;
    color: #b71f13;
    text-shadow: #ffffff 2px 4px 20px;
}

section#footer {
    background-color: #231F20;
    padding: 50px 0 20px;
    font-size: 16px;
    color: #ffffff;
    position: relative;
}

.footer-menu {
    text-align: right;
    font-size: 14px;
}

.top-header {
    background-color: #231f20;
    padding: 4px 0;
    color: #ffffff;
}

.top-header-claim {
    font-size: 14px;
    font-weight: 700;
    margin-top: 2px;
}

header ul, ul#menu-rechtliches {
    padding-left: 0px;
    list-style: none;
    margin-bottom: 0px;
    display: inline-block;
}

li.contact-head {
    display: inline-block;
    margin-left: 20px;
}

span.contact-icon {
    width: 20px;
    height: 17px;
    display: inline-block;
    margin-right: 5px;
    top: 3px;
    position: relative;
    background-repeat: no-repeat;
}

span.contact-icon.tel {
    background-image: url(/wp-content/themes/icedome/img/icon-phone-white.svg);
}

span.contact-icon.mail {
    background-image: url(/wp-content/themes/icedome/img/icon-mail-white.svg);
}

span.contact-icon.map {
    background-image: url(/wp-content/themes/icedome/img/icon-map-white.svg);
}


.header-overlay {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background: linear-gradient(
189deg, rgb(255 255 255 / 90%) 0%, rgba(255, 255, 255, 0) 70%);
    height: 100%;
    z-index: 3;
    overflow: hidden;
}

.willkommen-overlay {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-image: linear-gradient(to bottom, rgb(200 222 255 / 64%), rgb(129 175 226));
    z-index: 1;
}

.stoerer-overlay {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-image: linear-gradient(to bottom, rgb(195 15 15 / 71%), rgb(117 10 10 / 73%));
    z-index: 1;
}

.divider-top {
    position: absolute;
    top: -2px;
    right: 0;
    left: 0;
    background: linear-gradient(180deg, rgb(255 255 255 / 90%) 0%, rgba(255, 255, 255, 0) 90%);
    height: 120px;
    z-index: 2;
    background-image: url(/wp-content/themes/icedome/img/icedome-divider-top.svg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100%;
}

.divider-bottom {
    position: absolute;
    bottom: -2px;
    right: 0;
    left: 0;
    background: linear-gradient(180deg, rgb(255 255 255 / 90%) 0%, rgba(255, 255, 255, 0) 90%);
    height: 120px;
    z-index: 2;
    background-image: url(/wp-content/themes/icedome/img/icedome-divider-bottom.svg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%;
}

li.contact-head a {
    color: #ffffff;
    text-decoration: none;
}

.hb-text {
    background-color: #b71f13;
    color: #ffffff;
    text-decoration: none;
    padding: 7px 11px 5px;
    font-family: 'Anton', sans-serif;
}

#sidebar-menu {
    position: absolute;
    right: -166px;
    top: 50vh;
}

.nf-form-fields-required {
    display: none;
}

.field-wrap button, .field-wrap input[type=button], .field-wrap input[type=submit], .field-wrap>div input[type=checkbox] {
    background-color: #b71f13;
    color: #ffffff;
    font-family: 'Anton', sans-serif;
    padding: 10px 20px;
    border-radius: 0;
    font-size: 18px;
    border: none;
}

input[type=submit]:hover {
    background-color: #ca2215;

}
.label-hidden .nf-field-element { width: 25px !important; }
.label-hidden .nf-field-description { width: 85% !important; }

.nf-field-element input, .nf-field-element select, .nf-field-element textarea {
    border: var(--bs-border-width) solid #afafaf;
    border-radius: 5px;
    padding: 5px;
}

#sidebar-menu a {
    position: relative;
    right: 0;
    transition: .8s;
}

section#footer a {
    color: #ffffff;
    text-decoration: none;
}

#sidebar-menu a:hover {
    text-decoration: none;
    right: 165px;
    transition: .5s;
}

#sidebar-menu a {
    position: relative;
    right: 0;
    transition: .8s;
}

#sidebar-menu a:hover {
    text-decoration: none;
    right: 165px;
    transition: .5s;
}

#sidebar-menu, #sidebar-menu-cta {
    position: fixed;
    top: 380px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -178px;
    transition: right .3s;
    z-index: 50;
}

span.sidebar-icon.times {
 background-image: url(/wp-content/themes/icedome/img/icon-time.svg);
}

span.sidebar-icon.prices {
 background-image: url(/wp-content/themes/icedome/img/icon-price.svg);
}

span.sidebar-icon.tickets {
 background-image: url(/wp-content/themes/icedome/img/icon-tickets.svg);
}

span.sidebar-icon {
 width: 46px;
 height: 46px;
 display: block;
 background-size: 30px;
 background-repeat: no-repeat;
 background-position: center;
 background-color: #231F20;
 float: left;
 margin-right: 2px;
}

.sm-element {
    height: 46px;
    margin-bottom: 2px;
    background-color: #0e2850;
}

span.sidebar-menuitem {
    display: block;
    width: 180px;
    background-color: #BB241E;
    height: 46px;
    margin-left: -4px;
    border-left: 3px solid #ffffff;
    margin-top: 0;
    float: left;
    color: #ffffff;
    padding-left: 10px;
    line-height: 45px;
    font-weight: 600;
    text-transform: uppercase;
}

.header-buttons {
    display: inline-block;
}

.header-buttons a {
    text-decoration: none;
}

#menu-hauptmenue li.active a {
    color: #BB241E;
}

#willkommen .container {
    position: relative;
    top: 175px;
    z-index: 10;
}

.header-kachel {
    background-color: #b71f13;
    padding-bottom: 10px;
    text-align: center;
    position: relative;
    margin-bottom: 20px;
    border-radius: 5px;
    transition: .25s;
}

.button-kachel {
    background-color: #b71f13;
    padding-bottom: 10px;
    text-align: center;
    position: relative;
    margin-bottom: 20px;
    border-radius: 5px;
    min-height: 195px;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    transition: .25s;
}

.col-kachel-gross {
  height: calc(100% - 20px);
}

.header-kachel.kachel-gross {
    height: 100%;
}

.hk-icon img {
    max-width: 90px;
    max-height: 90px;
}

.hk-text {
    background-color: #231f20;
    color: #ffffff;
    padding: 6px 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    font-family: 'Anton', sans-serif;
    font-size: 23px;
    border-radius: 0 0 5px 5px;
    border-top: 2px solid #ffffff;
}

#willkommen a {
    text-decoration: none;
}

.hk-icon {
    padding: 30px 0 60px;
    transition: .5s;
}

.kachel-gross .hk-icon img {
    max-width: 160px;max-height: 160px;
}

.kachel-gross .hk-icon {
    padding-top: 90px;
}

.fasttrack {
    padding: 70px 15px 140px;
}

body.customize-support {
    padding-top: 32px;
}

#wpadminbar {
    border-bottom: 1px solid #6a6a6a;
}

.header-kachel:hover, .button-kachel:hover {
    background-color: #c8281b;
}

.header-kachel:hover .hk-text, .button-kachel:hover .hk-text {
    background-color: #171415;
}

.contact-topheader {
    font-size: 14px;
    margin-right: 15px;
}

.pictext-pic img, .pictext_img {
    max-width: 100%;
    border-radius: 5px;
}

section#pictext {
    margin-bottom: 85px;
}

section#news-slider, section#ansprechpartner {
    margin-bottom: 80px;
    padding: 35px 0 75px;
    background-image: linear-gradient(to top, #ebebeb, #f0f0f0, #f5f5f5, #fafafa, #ffffff);
}

.container-intro {
    text-align: center;
    margin-bottom: 35px;
}

.menu-active .logo-box a {
    background-image: url(/wp-content/themes/icedome/img/icedome-logo-light.svg);
}

.is-active .hamburger-inner, .is-active .hamburger-inner:after, .is-active .hamburger-inner:before {
    background.color: #ffffff;
    background-color: #ffffff;
}

.mobile-navbar ul li.active a {
    color: #b71f13;
}

section#stoerer, section#speisekarte {
    padding: 135px 0 145px;
    position: relative;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 55px;
}

section#footer:before {
    display: block;
    content: '';
    width: 76px;
    height: 76px;
    position: absolute;
    background-image: url(/wp-content/themes/icedome/img/icedome-badge.svg);
    top: -38px;
    left: calc(50% - 38px);
    background-size: 76px;
    z-index: 5;
}

.container-stoerer, .container-speisen {
  z-index: 8;
  position: relative;
}

section#stoerer, section#speisekarte {
    color: #ffffff;
}

h2.stoerer-title {
    color: #ffffff;
}

a.btn {
    background-color: #231f20;
    padding: 10px 20px;
    color: #ffffff;
    font-family: 'Anton', sans-serif;
    border-radius: 0;
    font-size: 19px;
    transition: 0s;
}

a.btn:hover {
    background-color: #362f31;
}

.stoerer-text {
    font-size: 20px;
}

a.btn-red {
    background-color: #b71f13;
}

.hb-text:hover {
    background-color: #ca2215;
}

a.btn-red:hover {
    background-color: #ca2215;
    color: #ffffff;
}

.news-image {
    margin-bottom: 25px;
}

section#news-single {
    margin-bottom: 95px;
}

.footer-contact {
    text-align: center;
    margin: 15px 0 35px;
    font-size: 16px;
}

.oeff-tag {
    background-color: #231f20;
    color: #ffffff;
    font-family: 'Anton', sans-serif;
    font-size: 25px;
    text-transform: uppercase;
    vertical-align: bottom;
    display: flex;
    align-content: space-around;
    justify-content: space-evenly;
    flex-wrap: wrap;
    padding-top: 15px;
    padding-bottom: 15px;
}

.cat-news {
    position: absolute;
    background-color: #b71f13;
    color: #ffffff;
    top: 10px;
    left: 10px;
    border-radius: 5px;
    padding: 2px 10px;
}

a.read-more {
    display: block;
    margin-top: 15px;
}

.cat-date, .asp-funktion {
    color: #b71f13;
    font-weight: 700;
}

.oeff-zeiten {
    background-color: #F5F5F5;
    padding-top: 15px;
    padding-bottom: 15px;
}

.oeff-zeile {
    margin-bottom: 5px;
}

#oeffnungszeiten-tabelle {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 25px;
    margin-bottom: 105px;
}

.strong {
    font-weight: 700;
}

.x-col-img {
    margin-bottom: 10px;
}

section#buttons {
    margin-bottom: 85px;
}

section#text {
    margin-bottom: 25px;
}

section#galerie {
    position: relative;
}

.main-navbar ul li a:hover {
    color: #bb241e;
}

section#partner {
    margin-bottom: 55px;
}

img.pictext_img {
    margin-bottom: 35px;
}

section#bild-text-col {
    margin-bottom: 85px;
}

.pictext-pic:hover .link-hover {
    transform: scale(1.025);
}

.pictext-pic {
    overflow: hidden;
    border-radius: 5px;
}

.link-hover {
    transition: .5s;
}

section#accordion, section#accordion-open {
    margin-bottom: 105px;
}

.first-box {
    margin-bottom: 45px;
}

.last-box {
    margin-top: 20px;
}

.news-single {
    border-radius: 5px;
}

.news-entry {
    margin-bottom: 25px;
}

.news-image {
    margin-bottom: 25px;
}

section#news-single {
    margin-bottom: 95px;
}

.news-image {
    margin-bottom: 25px;
}

section#news-single {
    margin-bottom: 95px;
}

section#news-page {
    background-image: linear-gradient(to top, #ebebeb, #f0f0f0, #f5f5f5, #fafafa, #ffffff);
    padding-bottom: 85px;
}

#news-page .item {
    margin-bottom: 35px;
}

.asp-box {
    background-color: #ffffff;
    border-radius: 5px;
    overflow: hidden;
}

.asp-details {
    padding: 10px 25px 25px;
}

.asp-name {
    font-size: 20px;
    font-weight: 700;
}

section#ansprechpartner {
    margin-bottom: 0;
}

.hb-element.hb-grey {
    display: inline-block;
}

.hb-icon {
    color: #ffffff;
    text-decoration: none;
    padding: 6px 14px 5px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center;
}

.hb-insta {
    background-image: url(/wp-content/themes/icedome/img/icon-insta.svg);
}

.hb-faceb {
    background-image: url(/wp-content/themes/icedome/img/icon-facebook.svg);
}

.ft-social {
    margin-top: 35px;
    margin-left: 12px;
}

#footer .hb-icon {
    background-size: 32px;
    padding: 6px 17px 5px;
}

.menu-active header.not-on-top {
    background: none;
    box-shadow: none;
}

.text {
    margin-bottom: 35px;
}

h2.accordion-header {
    line-height: 1.1em;
}

.mobile-navbar ul li.mobile-addon a {
    font-size: 20px;
}

li.mobile-addon {
    margin-top: 30px;
}

.menu-mobile-container {
    height: 100vh;
}

#accordion-open .accordion-body {
    padding: 0;
}

#accordion-open #oeffnungszeiten-tabelle {
    margin-top: 5px;
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 5px;
}

#accordion-open .accordion-button {
    color: #ffffff;
    background-color: #231f20;
}

#accordion-open .accordion {
    --bs-accordion-btn-icon: url(/wp-content/themes/icedome/img/icon-white-arrow.svg);
    --bs-accordion-btn-active-icon: url(/wp-content/themes/icedome/img/icon-white-arrow.svg);
}

#accordion .accordion {
    --bs-accordion-btn-active-icon: url(/wp-content/themes/icedome/img/icon-white-arrow.svg);
}

#accordion-open .accordion-button:not(.collapsed) {
  background-color: #b71f13;
}

.accordion-item {
    border-bottom: 0;
    margin-bottom: 5px;
}

.opening-infos {
    padding: 25px;
}

#accordion .accordion-body {
    border-left: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    padding: 25px;
}

.white h3, .white h2, .white h4 {
    color: #ffffff !important;
}

.accordion-item {
    margin-bottom: 3px;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    background-color: #231f20;
}

.contact-mobile {
  display: none;
}

.contact-mobile li.contact-head {
    margin-left: 0;
}

.pictext-down {
    margin-bottom: 55px;
}

/* ==========================================================================
   Responsive MAX
   ========================================================================== */

@media screen and (min-width: 1430px) {

  .container {
    max-width: 1400px;
  }

}

@media screen and (max-width: 1199px) {

  button.hamburger {
      display: block;
  }

  .main-navbar {
      display: none;
  }

}

@media screen and (max-width: 992px) {
  
  .top-header-claim {
    display:none;
  }
  
  .contact-mobile {
    display: block;
  }
  
  h2 {
      font-size: 48px;
  }
  
  h3 {
      font-size: 32px;
  }
  
  h4 {
      font-size: 19px;
  }
  
  #willkommen .container {
    top: 85px;
  }
  
  .contact-desktop {
    display: none;
  }
  
  .kachel-gross .hk-icon {
    padding-top: 30px;
  }
  
  .copyright {
      text-align: center;
  }
  
  .footer-menu {
      text-align: center;
  }
  
  .header-sub-title h1 {
      font-size: 74px;
  }
  
  .pictext-pic {
      margin-bottom: 25px;
  }

}

@media screen and (max-width: 768px) {

.hk-text {
    font-size: 20px;
}

section#header-sub {
  min-height: 400px;
}

.header-sub-title {
  top: 45%;
}

.asp-box {
    margin-bottom: 45px;
}

.header-sub-title h1 {
    font-size: 52px;
}

section#pictext {
    margin-bottom: 45px;
}

}

@media screen and (max-width: 575px) {

.logo-box a {
    background-size: 200px 48px;
    width: 200px;
    height: 50px;
}

.divider-bottom {
    background-size: 250%;
}

.divider-top {
    background-size: 250%;
}

h2 {
    font-size: 35px;
}

h4 {
    font-size: 19px;
}

.kachel-gross .hk-icon img {
    max-width: 120px;
    max-height: 120px;
}

.hk-icon img {
    max-width: 75px;
    max-height: 75px;
}

#willkommen .container {
  top: 50px;
}

section#willkommen {
  min-height: 770px;
}

.hk-icon {
    padding: 20px 0 50px;
}

.hk-text {
    font-size: 18px;
}

#sidebar-menu, #sidebar-menu-cta {
  display: none;
}

section#stoerer, section#speisekarte {
  background-attachment: inherit;
  padding: 85px 0 95px;
}

section#buttons .hk-icon img {
    max-width: 90px;
    max-height: 90px;
}

section#buttons .hk-icon {
    padding: 20px 0 20px;
}


section#buttons .button-kachel{
    min-height: 175px;
}

.accordion-button {
  font-size: 17px;
}


}

@media screen and (max-width: 395px) {

.hk-text {
    font-size: 16px;
}

.hb-faceb {
  display: none;
}

}