@charset "UTF-8";
/*  Project: Koelner Philharmonie
    Author: Virginia Daecher
    Date: 04.09.2025 13:01
    Version: 1.0.0 */
@font-face {
  font-family: "Gustavo";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Gustavo"), url("https://inhousewebshop.derticketservice.de/static/common/fonts/Gustavo-Regular.8d18467.woff2") format("woff2"), url("https://inhousewebshop.derticketservice.de/static/common/fonts/Gustavo-Regular.3b67481.woff") format("woff");
}
@font-face {
  font-family: "Gustavo";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Gustavo"), url("https://inhousewebshop.derticketservice.de/static/common/fonts/Gustavo-Medium.babd0ff.woff2") format("woff2"), url("https://inhousewebshop.derticketservice.de/static/common/fonts/Gustavo-Medium.fcffb97.woff") format("woff");
}
@font-face {
  font-family: "Neutral";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Neutral"), url("https://inhousewebshop.derticketservice.de/static/common/fonts/NeutralBP.d1ef042.woff2") format("woff2"), url("https://inhousewebshop.derticketservice.de/static/common/fonts/NeutralBP.b18ca8d.woff") format("woff");
}
@font-face {
  font-family: "Neutral";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local("Neutral"), url("https://inhousewebshop.derticketservice.de/static/common/fonts/NeutralBP-Italic.f285aed.woff2") format("woff2"), url("https://inhousewebshop.derticketservice.de/static/common/fonts/NeutralBP-Italic.0319f31.woff") format("woff");
}
@font-face {
  font-family: "Neutral";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Neutral"), url("https://inhousewebshop.derticketservice.de/static/common/fonts/NeutralBP-Medium.53576a3.woff2") format("woff2"), url("https://inhousewebshop.derticketservice.de/static/common/fonts/NeutralBP-Medium.52e83bc.woff") format("woff");
}
@font-face {
  font-family: "Neutral";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: local("Neutral"), url("https://inhousewebshop.derticketservice.de/static/common/fonts/NeutralBP-MediumItalic.2bf7b38.woff2") format("woff2"), url("https://inhousewebshop.derticketservice.de/static/common/fonts/NeutralBP-MediumItalic.4296531.woff") format("woff");
}
html {
  font-size: 16px !important;
  -webkit-text-size-adjust: 100% !important;
  line-height: 1.15 !important;
}

body {
  padding-top: 0 !important;
}

.touchevents body {
  -moz-osx-font-smoothing: grayscale !important;
  background: #FAFAFA !important;
  color: #1A1A1A !important;
  font-family: Neutral, Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  padding-top: 0 !important;
  font-size: 0.875rem !important;
}
@media print, screen and (min-width: 48em) {
  .touchevents body {
    font-size: 1rem !important;
  }
}
.touchevents body:not(.eventim-page) .full-width {
  width: 100% !important;
}

#__layout .hidden {
  display: none !important;
}
#__layout [class~=col-xs-1] {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout [class~=col-xs-1] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
#__layout [class~=col-sm-1] {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout [class~=col-sm-1] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
#__layout [class~=col-md-1] {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout [class~=col-md-1] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
#__layout [class~=col-lg-1] {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout [class~=col-lg-1] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
#__layout [class~=col-xs-2] {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout [class~=col-xs-2] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
#__layout [class~=col-sm-2] {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout [class~=col-sm-2] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
#__layout [class~=col-md-2] {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout [class~=col-md-2] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
#__layout [class~=col-lg-2] {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout [class~=col-lg-2] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
#__layout [class~=col-xs-3] {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout [class~=col-xs-3] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
#__layout [class~=col-sm-3] {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout [class~=col-sm-3] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
#__layout [class~=col-md-3] {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout [class~=col-md-3] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
#__layout [class~=col-lg-3] {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout [class~=col-lg-3] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
#__layout [class~=col-xs-4] {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout [class~=col-xs-4] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
#__layout [class~=col-sm-4] {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout [class~=col-sm-4] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
#__layout [class~=col-md-4] {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout [class~=col-md-4] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
#__layout [class~=col-lg-4] {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout [class~=col-lg-4] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
#__layout [class~=col-xs-5] {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout [class~=col-xs-5] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
#__layout [class~=col-sm-5] {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout [class~=col-sm-5] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
#__layout [class~=col-md-5] {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout [class~=col-md-5] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
#__layout [class~=col-lg-5] {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout [class~=col-lg-5] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
#__layout [class~=col-xs-6] {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout [class~=col-xs-6] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
#__layout [class~=col-sm-6] {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout [class~=col-sm-6] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
#__layout [class~=col-md-6] {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout [class~=col-md-6] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
#__layout [class~=col-lg-6] {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout [class~=col-lg-6] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
#__layout [class~=col-xs-7] {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout [class~=col-xs-7] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
#__layout [class~=col-sm-7] {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout [class~=col-sm-7] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
#__layout [class~=col-md-7] {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout [class~=col-md-7] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
#__layout [class~=col-lg-7] {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout [class~=col-lg-7] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
#__layout [class~=col-xs-8] {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout [class~=col-xs-8] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
#__layout [class~=col-sm-8] {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout [class~=col-sm-8] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
#__layout [class~=col-md-8] {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout [class~=col-md-8] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
#__layout [class~=col-lg-8] {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout [class~=col-lg-8] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
#__layout [class~=col-xs-9] {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout [class~=col-xs-9] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
#__layout [class~=col-sm-9] {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout [class~=col-sm-9] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
#__layout [class~=col-md-9] {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout [class~=col-md-9] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
#__layout [class~=col-lg-9] {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout [class~=col-lg-9] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
#__layout [class~=col-xs-10] {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout [class~=col-xs-10] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
#__layout [class~=col-sm-10] {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout [class~=col-sm-10] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
#__layout [class~=col-md-10] {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout [class~=col-md-10] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
#__layout [class~=col-lg-10] {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout [class~=col-lg-10] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
#__layout [class~=col-xs-11] {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout [class~=col-xs-11] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
#__layout [class~=col-sm-11] {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout [class~=col-sm-11] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
#__layout [class~=col-md-11] {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout [class~=col-md-11] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
#__layout [class~=col-lg-11] {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout [class~=col-lg-11] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
#__layout [class~=col-xs-12] {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout [class~=col-xs-12] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
#__layout [class~=col-sm-12] {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout [class~=col-sm-12] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
#__layout [class~=col-md-12] {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout [class~=col-md-12] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
#__layout [class~=col-lg-12] {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout [class~=col-lg-12] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
#__layout .row {
  margin-right: -1rem;
  margin-left: -1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout .row {
    margin-right: -1.5rem;
    margin-left: -1.5rem;
  }
}
#__layout .webshop {
  background-color: #F6F3EE;
  margin-top: 80px;
  padding: 1rem;
  margin-left: 1rem;
  margin-right: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout .webshop {
    padding: 1.5rem;
    margin-left: auto;
    margin-right: auto;
  }
}
#__layout .ws-n {
  white-space: nowrap !important;
}
#__layout button .rePrintTD.btn-link:focus {
  color: #1A1A1A;
  border: none;
}
#__layout .btn {
  -webkit-appearance: none;
  border: 1px solid #1A1A1A;
  cursor: pointer;
  padding: 12px 28px;
  text-align: center;
  vertical-align: middle;
  font-family: Gustavo, Arial, Helvetica, sans-serif !important;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0.84px;
  text-transform: uppercase;
  border-radius: 1.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  z-index: 0;
  white-space: normal;
  /* Variante: Primary – invertiert beim Hover */
  /* Variante: Default – füllt beim Hover mit Primary */
}
@media print, screen and (min-width: 48em) {
  #__layout .btn {
    font-size: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  #__layout .btn {
    font-size: 1.125rem;
  }
}
#__layout .btn.btn-primary {
  background-color: #1A1A1A;
  color: #FAFAFA;
}
#__layout .btn.btn-primary::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateY(105%);
  transition: transform 0.35s ease-out;
  z-index: -1;
  pointer-events: none;
  background-color: #FAFAFA;
}
#__layout .btn.btn-primary:hover {
  color: #1A1A1A;
}
#__layout .btn.btn-primary:hover::after {
  transform: translateY(0);
}
#__layout .btn.btn-default {
  background-color: transparent;
  color: #1A1A1A;
  border: none;
  padding: 0;
  width: 100% !important;
  white-space: nowrap !important;
  overflow: inherit;
}
#__layout .btn.btn-default:focus {
  outline: none !important;
  border: none !important;
}
#__layout .btn[disabled=disabled] {
  cursor: inherit;
}
#__layout .btn[disabled=disabled]:after {
  background-color: #1A1A1A;
  color: #FAFAFA;
}
#__layout .btn[disabled=disabled]:hover {
  background-color: #1A1A1A;
  color: #FAFAFA;
}
#__layout a.btn.btn-default.full-width[href="https://www.koelner-philharmonie.de/programm "]::after {
  content: "";
  height: 1px;
  transform: translateY(13px);
  background-color: #1A1A1A;
  position: absolute;
  width: 60px;
}
@media print, screen and (min-width: 48em) {
  #__layout a.btn.btn-default.full-width[href="https://www.koelner-philharmonie.de/programm "]::after {
    width: 70px;
    transform: translateY(15px);
  }
}
@media print, screen and (min-width: 64em) {
  #__layout a.btn.btn-default.full-width[href="https://www.koelner-philharmonie.de/programm "]::after {
    width: 75px;
  }
}
#__layout .navbar-header, #__layout .evt-main-navigation, #__layout #nav_shoppingcart, #__layout .link-back, #__layout a#nav_shoppingcart_mobile, #__layout .navbar-brand, #__layout .evt-footer-links {
  display: none;
}
#__layout .nav a .focus {
  outline: none !important;
}
#__layout .navbar {
  background-color: #FAFAFA;
}
#__layout .navbar .navbar-nav {
  border-right: none;
}
#__layout .navbar .navbar-nav > li.open > a {
  border: none;
}
#__layout .navbar .navbar-nav > li > a {
  border: none;
}
#__layout .navbar a:focus {
  outline: none !important;
  border: none !important;
}
#__layout .navbar-default {
  position: relative;
  top: auto !important;
  z-index: initial;
  min-height: initial;
  border-color: #1A1A1A;
}
#__layout .navbar-default .navbar-nav.navbar-right li a#nav_login, #__layout .navbar-default .navbar-nav.navbar-right li a#nav_customeredit {
  width: auto;
  color: #1A1A1A;
  text-align: center;
  font-family: Gustavo, sans-serif;
  font-size: 1rem;
  font-weight: 500;
}
#__layout .navbar-default .navbar-nav.navbar-right li a#nav_login .icons {
  display: none;
}
#__layout .navbar-default .navbar-nav > li > a {
  background-color: #FAFAFA;
  transition: 0.41s cubic-bezier(0.61, 0.13, 0.25, 1);
  padding-right: 0;
  padding-left: 0;
}
#__layout .navbar-default .navbar-nav > li > a:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.0625rem;
  background-color: #1A1A1A;
  transform: translateY(-20px);
  opacity: 0;
  transition: 0.35s ease-out;
}
#__layout .navbar-default .navbar-nav > li > a:hover:before {
  transform: translateY(-28px);
  opacity: 1;
  transition: 0.35s ease-out;
}
#__layout .navbar-default .evt-mobile-shortcut-navigation > li > a {
  background-color: #FAFAFA;
}
#__layout .navbar-default .dropdown-menu {
  background-color: #FAFAFA;
  border: none !important;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
#__layout .navbar-default .dropdown-menu .evt-nav-mobile-username span {
  font-family: "Gustavo", sans-serif;
}
#__layout .navbar-default .dropdown-menu a {
  color: #1A1A1A !important;
  background-color: #FAFAFA;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
#__layout .navbar-default .dropdown-menu > li > a:hover {
  color: #1A1A1A;
  background-color: #F6F3EE;
}
#__layout .navbar-default .active .dropdown-toggle .icons [class^=icon-], #__layout .navbar-default .open .dropdown-toggle .icons [class^=icon-] {
  color: #1A1A1A;
}
#__layout .navbar-default .dropdown-toggle .icons [class*=" icon-"], #__layout .navbar-default .dropdown-toggle .icons [class^=icon-] {
  color: #1A1A1A;
}
#__layout .container.footer {
  margin-bottom: 32px;
  margin-left: 1rem;
  margin-right: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout .container.footer {
    margin-left: auto;
    margin-right: auto;
  }
}
#__layout .container.footer .js-editCookiesSettings:focus {
  outline: none !important;
  border: none !important;
  color: #1A1A1A;
}
#__layout .container.footer hr, #__layout .container.footer .component {
  display: none;
}
#__layout .container.footer .col-xs-12.col-sm-3 {
  width: 100%;
}
#__layout .container.footer .col-xs-12.col-sm-3 #poweredBy {
  background-image: url("https://staging-inhousewebshop.derticketservice.de/static/koelner-philharmonie/img/koelnticket-logo-sw.svg");
  background-repeat: no-repeat;
  background-size: 100px;
  background-position: right;
  height: 40px;
  display: block;
}
#__layout .container.footer .col-xs-12.col-sm-3 #poweredBy img {
  display: none;
}
#__layout p {
  font-size: inherit;
  line-height: 1.5;
  margin-bottom: 2rem;
  text-rendering: optimizeLegibility;
}
#__layout em, #__layout i {
  font-style: italic;
}
#__layout b, #__layout em, #__layout i, #__layout strong {
  line-height: inherit;
}
#__layout b, #__layout strong, #__layout .bold {
  font-weight: 500 !important;
  color: #1A1A1A !important;
}
#__layout h1, #__layout .h1, #__layout h2, #__layout .h2, #__layout h3, #__layout .h3, #__layout h4, #__layout .h4, #__layout h5, #__layout .h5, #__layout h6, #__layout .h6 {
  font-family: "Gustavo", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 500;
  color: #1A1A1A;
  text-rendering: optimizeLegibility;
}
#__layout .h1, #__layout h1 {
  font-size: 1.75rem;
}
@media print, screen and (min-width: 48em) {
  #__layout .h1, #__layout h1 {
    font-size: 2.25rem;
    line-height: 1.2;
  }
}
@media print, screen and (min-width: 64em) {
  #__layout .h1, #__layout h1 {
    font-size: 3rem;
  }
}
#__layout .h2, #__layout h2 {
  font-size: 1.5rem;
}
@media print, screen and (min-width: 48em) {
  #__layout .h2, #__layout h2 {
    font-size: 1.875rem;
  }
}
@media print, screen and (min-width: 64em) {
  #__layout .h2, #__layout h2 {
    font-size: 2.25rem;
  }
}
#__layout .h3, #__layout h3 {
  font-size: 1.25rem;
}
@media print, screen and (min-width: 48em) {
  #__layout .h3, #__layout h3 {
    font-size: 1.5rem;
  }
}
@media print, screen and (min-width: 64em) {
  #__layout .h3, #__layout h3 {
    font-size: 1.875rem;
  }
}
#__layout .h4, #__layout h4 {
  font-size: 1.125rem;
}
@media print, screen and (min-width: 48em) {
  #__layout .h4, #__layout h4 {
    font-size: 1.5rem;
  }
}
#__layout .h5, #__layout h5 {
  font-size: 1rem;
  line-height: 1.2;
  margin-bottom: 1rem;
  margin-top: 0;
}
@media print, screen and (min-width: 48em) {
  #__layout .h5, #__layout h5 {
    font-size: 1.375rem;
  }
}
#__layout .h1, #__layout .h2, #__layout h1, #__layout h2 {
  line-height: 1.2;
  margin-bottom: 1rem;
  margin-top: 0;
}
#__layout .h3, #__layout .h4, #__layout h3, #__layout h4 {
  line-height: 1.2;
  margin-bottom: 1rem;
  margin-top: 0;
}
#__layout .page-header {
  border-bottom: none;
}
#__layout .register-hint {
  font-size: 1rem;
  font-weight: 400;
  font-family: Neutral, sans-serif;
}
#__layout a {
  color: #1A1A1A;
  cursor: pointer;
  line-height: inherit;
  text-decoration: none;
  font-family: Gustavo, sans-serif;
  font-weight: 500;
  position: relative;
}
#__layout a:focus, #__layout a .focus {
  color: #1A1A1A;
  border: none !important;
}
#__layout a img {
  border: 0;
}
#__layout .evt-password__icon {
  position: absolute !important;
}
#__layout .evt-password__icon:hover:before {
  transform: translateY(-18px);
}
#__layout li > a:focus {
  outline: none !important;
}
#__layout hr {
  border: 0;
  border-bottom: 1px solid #cacaca;
  clear: both;
  height: 0;
  margin: 1.25rem auto;
  max-width: 77.5rem;
}
#__layout form label.h3, #__layout .input-group label.h3 {
  font-size: 1rem !important;
  color: #1A1A1A !important;
}
#__layout input.form-control[type=email],
#__layout input.form-control[type=number],
#__layout input.form-control[type=password],
#__layout input.form-control[type=search],
#__layout input.form-control[type=tel],
#__layout input.form-control[type=text],
#__layout input.form-control[type=url],
#__layout textarea.form-control {
  color: #1A1A1A !important;
  border-color: #1A1A1A;
  border-radius: 1.125rem;
  height: 52px;
}
#__layout .form-group, #__layout .evt-vouchers-promo-container, #__layout .modal-body, #__layout #magicCodeField, #__layout .form.group {
  font-family: "Neutral", sans-serif;
  margin-top: 48px;
  margin-bottom: 0;
}
#__layout .form-group .evt-placeholder-float label, #__layout .form-group .evt-placeholder-static label, #__layout .form-group .input-group label, #__layout .evt-vouchers-promo-container .evt-placeholder-float label, #__layout .evt-vouchers-promo-container .evt-placeholder-static label, #__layout .evt-vouchers-promo-container .input-group label, #__layout .modal-body .evt-placeholder-float label, #__layout .modal-body .evt-placeholder-static label, #__layout .modal-body .input-group label, #__layout #magicCodeField .evt-placeholder-float label, #__layout #magicCodeField .evt-placeholder-static label, #__layout #magicCodeField .input-group label, #__layout .form.group .evt-placeholder-float label, #__layout .form.group .evt-placeholder-static label, #__layout .form.group .input-group label {
  top: -33px;
  left: 0;
  color: #1A1A1A !important;
  font-size: 0.75rem;
}
#__layout .form-group .evt-placeholder-float .form-control, #__layout .form-group .evt-placeholder-static .form-control, #__layout .form-group .input-group .form-control, #__layout .evt-vouchers-promo-container .evt-placeholder-float .form-control, #__layout .evt-vouchers-promo-container .evt-placeholder-static .form-control, #__layout .evt-vouchers-promo-container .input-group .form-control, #__layout .modal-body .evt-placeholder-float .form-control, #__layout .modal-body .evt-placeholder-static .form-control, #__layout .modal-body .input-group .form-control, #__layout #magicCodeField .evt-placeholder-float .form-control, #__layout #magicCodeField .evt-placeholder-static .form-control, #__layout #magicCodeField .input-group .form-control, #__layout .form.group .evt-placeholder-float .form-control, #__layout .form.group .evt-placeholder-static .form-control, #__layout .form.group .input-group .form-control {
  border-radius: 1.125rem;
  border: 0.5px solid #1A1A1A;
  padding: 1rem 0.75rem 1rem 1.25rem;
  font-size: 0.875rem;
  height: 52px;
  background-color: #FAFAFA;
}
#__layout .form-group .evt-placeholder-float .form-control:focus, #__layout .form-group .evt-placeholder-static .form-control:focus, #__layout .form-group .input-group .form-control:focus, #__layout .evt-vouchers-promo-container .evt-placeholder-float .form-control:focus, #__layout .evt-vouchers-promo-container .evt-placeholder-static .form-control:focus, #__layout .evt-vouchers-promo-container .input-group .form-control:focus, #__layout .modal-body .evt-placeholder-float .form-control:focus, #__layout .modal-body .evt-placeholder-static .form-control:focus, #__layout .modal-body .input-group .form-control:focus, #__layout #magicCodeField .evt-placeholder-float .form-control:focus, #__layout #magicCodeField .evt-placeholder-static .form-control:focus, #__layout #magicCodeField .input-group .form-control:focus, #__layout .form.group .evt-placeholder-float .form-control:focus, #__layout .form.group .evt-placeholder-static .form-control:focus, #__layout .form.group .input-group .form-control:focus {
  outline: none !important;
  box-shadow: none;
  border: 1px solid #1A1A1A;
}
#__layout .form-group .evt-placeholder-float-label label, #__layout .form-group .evt-placeholder-static label, #__layout .evt-vouchers-promo-container .evt-placeholder-float-label label, #__layout .evt-vouchers-promo-container .evt-placeholder-static label, #__layout .modal-body .evt-placeholder-float-label label, #__layout .modal-body .evt-placeholder-static label, #__layout #magicCodeField .evt-placeholder-float-label label, #__layout #magicCodeField .evt-placeholder-static label, #__layout .form.group .evt-placeholder-float-label label, #__layout .form.group .evt-placeholder-static label {
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  position: absolute;
  top: -33px;
  left: 0;
  color: #1A1A1A;
}
#__layout .form-group.has-error .form-control, #__layout .form-group.has-error input[aria-invalid=true], #__layout .evt-vouchers-promo-container.has-error .form-control, #__layout .evt-vouchers-promo-container.has-error input[aria-invalid=true], #__layout .modal-body.has-error .form-control, #__layout .modal-body.has-error input[aria-invalid=true], #__layout #magicCodeField.has-error .form-control, #__layout #magicCodeField.has-error input[aria-invalid=true], #__layout .form.group.has-error .form-control, #__layout .form.group.has-error input[aria-invalid=true] {
  border-color: #DE0F2A;
}
#__layout .form-group.has-error span, #__layout .evt-vouchers-promo-container.has-error span, #__layout .modal-body.has-error span, #__layout #magicCodeField.has-error span, #__layout .form.group.has-error span {
  display: none !important;
}
#__layout .form-group.parsley-success .form-control, #__layout .evt-vouchers-promo-container.parsley-success .form-control, #__layout .modal-body.parsley-success .form-control, #__layout #magicCodeField.parsley-success .form-control, #__layout .form.group.parsley-success .form-control {
  border-color: #15890B;
}
#__layout .form-group .error, #__layout .evt-vouchers-promo-container .error, #__layout .modal-body .error, #__layout #magicCodeField .error, #__layout .form.group .error {
  color: #DE0F2A;
  font-size: 0.75rem;
  padding-left: 0;
  padding-top: 0;
  margin-top: -10px;
}
#__layout .form-group.evt-dropdown, #__layout .evt-vouchers-promo-container.evt-dropdown, #__layout .modal-body.evt-dropdown, #__layout #magicCodeField.evt-dropdown, #__layout .form.group.evt-dropdown {
  margin-top: 0 !important;
}
#__layout .form-control:focus {
  outline: none !important;
}
#__layout input:-webkit-autofill,
#__layout input:-webkit-autofill:hover,
#__layout input:-webkit-autofill:focus,
#__layout textarea:-webkit-autofill,
#__layout select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #FAFAFA inset;
  -webkit-text-fill-color: #1A1A1A;
  transition: background-color 5000s ease-in-out 0s;
}
#__layout .has-error .checkbox,
#__layout .has-error .checkbox-inline,
#__layout .has-error .radio,
#__layout .has-error .radio-inline,
#__layout .has-error .control-label,
#__layout .has-error .help-block {
  color: #DE0F2A !important;
}
#__layout .has-error .checkbox label,
#__layout .has-error .checkbox-inline label,
#__layout .has-error .radio label,
#__layout .has-error .radio-inline label,
#__layout .has-error label {
  color: #DE0F2A !important;
}
#__layout .evt-checkbox-unchecked::before {
  background-color: #FAFAFA;
  border-color: #1A1A1A;
}
#__layout .evt-radio-unchecked label::before {
  background-color: #FAFAFA;
  border-color: #1A1A1A;
}
#__layout .radio label, #__layout .checkbox label {
  color: #1A1A1A;
  overflow: inherit;
  font-size: 0.875rem;
  padding-top: 0;
  padding-left: 25px;
  line-height: 18px;
  margin-bottom: 0;
  margin-right: 0;
  margin-left: 0;
}
#__layout .radio label .h4, #__layout .checkbox label .h4 {
  font-size: 0.875rem;
  font-weight: 500;
  font-family: "Neutral", sans-serif;
  margin-bottom: 4px;
}
#__layout .radio label p, #__layout .checkbox label p {
  line-height: 18px;
}
#__layout .evt-checkbox-multiline {
  margin-top: -3px;
}
#__layout div.checkbox.evt-checkbox label::before {
  background-color: #FAFAFA;
  border-color: #1A1A1A;
  width: 18px;
  height: 18px;
}
#__layout div.checkbox.evt-checkbox input[type=checkbox]:checked + label::before {
  border-color: #1A1A1A;
  background: url("https://staging-inhousewebshop.derticketservice.de/static/koelner-philharmonie/img/check.svg") no-repeat center #1A1A1A;
  content: "";
  background-size: 10px;
}
#__layout div.checkbox.evt-checkbox input[type=checkbox]:focus + label::before {
  outline: none !important;
}
#__layout .radio.evt-radio label::before {
  background-color: #FAFAFA;
  border-color: #1A1A1A;
  width: 18px;
  height: 18px;
}
#__layout .radio.evt-radio input[type=radio]:checked + label::before {
  border-color: #1A1A1A;
  background: url("https://staging-inhousewebshop.derticketservice.de/static/koelner-philharmonie/img/check.svg") no-repeat center #1A1A1A;
  content: "";
  background-size: 10px;
}
#__layout .radio.evt-radio input[type=checkbox]:focus + label::before,
#__layout .radio.evt-radio input[type=radio]:focus + label::before {
  outline: none !important;
}
#__layout .checkbox input[type=checkbox]:focus-visible + label::before,
#__layout .radio input[type=radio]:focus-visible + label::before {
  outline: 2px solid #2563eb !important;
  outline-offset: 2px !important;
}
#__layout .form-control {
  box-shadow: none;
  background-color: transparent;
  color: #1A1A1A !important;
  font-size: 0.875rem;
}
#__layout .form-control .dropdown-toggle {
  padding: 1rem 0.75rem 1rem 1.25rem;
  border-radius: 1.125rem;
  border: solid 0.5px #1A1A1A !important;
  height: 52px;
  box-shadow: none;
  background-color: #FAFAFA;
  text-transform: none;
  font-size: 0.875rem;
  font-family: Neutral, sans-serif !important;
  font-weight: 400;
  text-align: left;
}
#__layout .form-control .dropdown-toggle:focus {
  border: solid 1px #1A1A1A !important;
}
#__layout .form-control .dropdown-toggle [aria-expanded=true] {
  border-bottom-color: #FAFAFA;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
#__layout .form-control .dropdown-toggle::after {
  content: none !important;
}
#__layout .form-control .dropdown-menu {
  background-color: #FAFAFA;
  border: solid 1px #1A1A1A;
  box-shadow: none;
  border-radius: 0 0 1.125rem 1.125rem;
  border-top: none;
  padding-bottom: 4px;
  padding-top: 0;
  width: 100%;
}
#__layout .form-control .dropdown-menu a {
  font-family: Neutral, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  padding-top: 8px;
  padding-bottom: 8px;
}
#__layout .form-control .dropdown-menu.inner {
  border: none !important;
}
#__layout .form-control .dropdown-menu .inh-SeatGroupDowndown-LeftInOptionLine .circle {
  width: 18px;
  height: 18px;
}
#__layout .evt-select-related.open .dropdown-toggle, #__layout .ticketSalesType.open .dropdown-toggle {
  border-bottom-color: #FAFAFA !important;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
#__layout .evt-select-filter ul.dropdown-menu.inner > li > a::before {
  border: 1px solid #1A1A1A;
  border-radius: 4px;
  width: 18px;
  height: 18px;
}
#__layout .evt-select-filter ul.dropdown-menu.inner > li.selected > a::before {
  border-color: #1A1A1A;
  background: url("https://staging-inhousewebshop.derticketservice.de/static/koelner-philharmonie/img/check.svg") no-repeat center #1A1A1A;
  content: "";
  background-size: 10px;
}
#__layout .evt-select-filter.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  text-align: left !important;
}
#__layout .evt-event-detail .event-date-time {
  left: 0;
}
@media print, screen and (min-width: 48em) {
  #__layout .evt-event-detail .event-date-time {
    left: 16.66666667%;
    padding-left: 10px;
  }
}
#__layout .evt-event.col-sm-push-6 {
  left: 0;
}
#__layout .evt-event.col-sm-6 {
  width: 100%;
}
#__layout .evt-price-calculator {
  margin-top: 1.5rem;
}
#__layout .evt-price-calculator fieldset {
  border: none;
  margin-bottom: 0;
}
#__layout .evt-price-calculator fieldset.noborder .row {
  display: flex;
  flex-wrap: wrap;
}
#__layout .evt-price-calculator fieldset.noborder .row .col-xs-12.col-sm-5 {
  align-self: center;
}
#__layout .evt-price-calculator fieldset.noborder .row .col-xs-12.col-sm-5 .calc-group {
  margin-bottom: 0 !important;
}
@media print, screen and (min-width: 64em) {
  #__layout .evt-price-calculator fieldset.noborder .row .col-xs-12.col-sm-5 .calc-group {
    margin-top: 39px;
  }
}
#__layout .evt-price-calculator fieldset.noborder .row .col-xs-12.col-sm-4 {
  align-self: center;
}
#__layout .evt-price-calculator .col-md-7 .evt-price-calculator-item-priceinfo {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
#__layout .evt-price-calculator .col-md-7 .evt-price-calculator-item-priceinfo .col-xs-8, #__layout .evt-price-calculator .col-md-7 .evt-price-calculator-item-priceinfo .col-xs-4 {
  width: 100%;
}
#__layout .evt-price-calculator .col-md-7 .evt-price-calculator-item-priceinfo .col-xs-8 strong, #__layout .evt-price-calculator .col-md-7 .evt-price-calculator-item-priceinfo .col-xs-4 strong {
  text-align: left !important;
  float: none !important;
  font-weight: 400 !important;
  padding-top: 0;
}
#__layout .evt-price-calculator .col-md-7 .evt-price-calculator-item-priceinfo a .icons {
  padding-left: 4px;
}
#__layout .evt-price-calculator .calc-group .input-group {
  width: auto;
}
#__layout .evt-price-calculator .input-group .input-group-addon, #__layout .evt-price-calculator .input-group input {
  background-color: #F6F3EE;
  height: 44px;
  width: 44px;
  border: none;
}
#__layout .evt-price-calculator .input-group .input-group-addon .btn-minus[disabled], #__layout .evt-price-calculator .input-group .input-group-addon .btn-plus[disabled], #__layout .evt-price-calculator .input-group input .btn-minus[disabled], #__layout .evt-price-calculator .input-group input .btn-plus[disabled] {
  cursor: inherit !important;
}
#__layout .evt-price-calculator .input-group input {
  box-shadow: none;
}
#__layout .evt-price-calculator .btn-toggle {
  justify-content: flex-start;
}
#__layout .evt-price-calculator .btn-toggle .text {
  text-transform: none;
  font-family: "Neutral", sans-serif;
  color: #676664;
  font-size: 1rem;
  text-decoration: underline;
  font-weight: 400;
  letter-spacing: 0.32px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 8px;
  white-space: normal;
  text-align: left;
}
#__layout .evt-price-calculator .btn-toggle .icons {
  display: none;
}
#__layout .evt-price-calculator .btn-toggle:focus {
  outline: none !important;
  border: none !important;
}
#__layout .evt-price-calculator .btn-toggle:after {
  content: none;
}
#__layout .evt-price-calculator .evt-price-calculator-item {
  padding: 0;
}
#__layout .evt-price-calculator .evt-price-calculator-item:not(.last) {
  border-bottom: none;
}
#__layout .evt-price-calculator .evt-price-calculator-item.last {
  padding-bottom: 0;
}
#__layout .evt-price-calculator .evt-price-calculator-item .row {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  padding-bottom: 8px !important;
}
#__layout .evt-price-calculator .evt-price-calculator-item .row .col-md-7 {
  width: 58.33333333%;
}
#__layout .evt-price-calculator .evt-price-calculator-item .row .col-md-5 {
  width: 41.66666667%;
  padding-right: 0;
  padding-left: 0;
}
@media print, screen and (min-width: 64em) {
  #__layout .evt-price-calculator .evt-price-calculator-item .row .col-md-5 {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
}
#__layout .evt-price-calculator .evt-price-calculator-item.highlight {
  box-shadow: none;
}
#__layout .evt-price-calculator .evt-price-calculator-item .panel-body {
  background: #FAFAFA;
  padding: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout .evt-price-calculator .evt-price-calculator-item .panel-body {
    padding: 1rem 1.5rem 1rem 1.5rem;
  }
}
#__layout .evt-price-calculator .evt-price-calculator-item .panel-body p {
  margin-bottom: 1rem;
}
#__layout .evt-price-calculator .row {
  padding-bottom: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout .evt-price-calculator .row {
    padding-bottom: 1.5rem;
  }
}
#__layout .evt-price-calculator .row .col-sm-4, #__layout .evt-price-calculator .row .col-sm-8 {
  padding-right: 0;
  padding-left: 0;
}
@media print, screen and (min-width: 48em) {
  #__layout .evt-price-calculator .row .col-sm-4, #__layout .evt-price-calculator .row .col-sm-8 {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
}
#__layout .evt-price-calculator h2, #__layout .evt-price-calculator .h4 {
  font-size: 1rem !important;
  margin-top: 9px;
}
@-moz-document url-prefix() {
  #__layout .evt-price-calculator h2, #__layout .evt-price-calculator .h4 {
    margin-top: -8px;
  }
}
#__layout .evt-price-calculator .text-descr, #__layout .evt-price-calculator .text-price {
  padding-top: 0;
  display: flex;
}
#__layout .evt-price-calculator .text-descr .icons, #__layout .evt-price-calculator .text-price .icons {
  padding-right: 4px;
}
#__layout .evt-price-calculator form > .row .divider {
  border-color: #D5D5D5 !important;
  width: 100%;
  margin: 0;
}
#__layout .evt-price-calculator .col-sm-9.col-sm-push-3 {
  padding-right: 0;
  padding-left: 0;
}
#__layout .evt-price-calculator a.btn.btn-default.full-width.ws-n::after {
  content: "";
  height: 1px;
  transform: translateY(13px);
  background-color: #1A1A1A;
  position: absolute;
  width: 200px;
}
@media print, screen and (min-width: 48em) {
  #__layout .evt-price-calculator a.btn.btn-default.full-width.ws-n::after {
    width: 225px;
    transform: translateY(16px);
  }
}
@media print, screen and (min-width: 64em) {
  #__layout .evt-price-calculator a.btn.btn-default.full-width.ws-n::after {
    width: 250px;
  }
}
#__layout #seatmap {
  background: #FAFAFA !important;
  border: 1px solid #1A1A1A;
}
#__layout .modal-title .seatmap-seat-types p {
  margin-bottom: 0;
}
#__layout .evt-seatmap h2 {
  font-size: 1rem;
  font-family: Neutral, sans-serif;
}
#__layout .evt-seatmap .btn-default {
  white-space: normal !important;
}
#__layout .evt-seatmap .btn-default::after {
  content: "";
  height: 1px;
  transform: translateY(13px);
  background-color: #1A1A1A;
  position: absolute;
  width: 285px;
}
@media print, screen and (min-width: 48em) {
  #__layout .evt-seatmap .btn-default::after {
    width: 225px;
    transform: translateY(27px);
  }
}
@media print, screen and (min-width: 64em) {
  #__layout .evt-seatmap .btn-default::after {
    width: 210px;
  }
}
#__layout .evt-seatmap .btn-default.btn-close::after {
  content: none;
}
@media print, screen and (min-width: 48em) {
  #__layout #divTicketList.col-sm-4 {
    padding-left: 0;
  }
}
#__layout .evt-seatlist .seatList-item {
  border-color: #D5D5D5 !important;
  margin-bottom: 1.5rem !important;
}
#__layout .evt-seatlist .seatList-item > .row {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
#__layout .evt-seatlist .seatList-item > .row > .m-b-sm {
  display: flex;
  width: auto;
  margin-bottom: 4px !important;
}
#__layout .evt-seatlist .seatList-item > .row > .m-b-sm:first-child {
  display: inline-block;
  width: 100%;
}
#__layout .evt-seatlist .seatList-item > .row > .m-b-sm:first-child span {
  vertical-align: inherit;
  display: inline-flex !important;
  padding-right: 0 !important;
  transform: translateY(0px);
}
#__layout .evt-seatlist .seatList-item > .row > .m-b-sm strong {
  padding-left: 4px;
}
#__layout .evt-seatlist .seatList-item .evt-seatmap-select-list {
  display: flex;
  justify-content: flex-start;
  padding-left: 8px;
}
@media print, screen and (min-width: 48em) {
  #__layout .evt-seatlist .seatList-item .evt-seatmap-select-list {
    padding-left: 16px;
  }
}
#__layout .evt-seatlist .seatList-item .evt-seatmap-select-list .circle {
  display: none;
}
#__layout .evt-seatlist .seatList-item .evt-seatmap-select-list .d-t-c {
  padding-bottom: 4px;
}
#__layout .evt-seatlist .seatList-item .bootstrap-select.btn-group .dropdown-toggle .filter-option:after {
  content: "\e603";
  font-family: fontim, sans-serif;
  font-size: 14px;
  line-height: 20px;
  margin-left: 63px;
}
#__layout .evt-seatlist .seatList-item .bootstrap-select.btn-group .dropdown-menu li a span.text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 240px;
}
#__layout .evt-seatlist .seatList-item .bootstrap-select.btn-group.open .dropdown-toggle .filter-option:after {
  content: "\e60b";
  font-family: fontim, sans-serif;
  font-size: 14px;
  line-height: 20px;
  margin-left: 63px;
}
#__layout .evt-seatlist .seatList-item .seatmap-seat-types p {
  margin-bottom: 0;
}
#__layout .evt-seatlist .evt-dropdown {
  box-shadow: none;
  font-weight: 400;
  width: 100%;
  margin-top: 4px !important;
}
#__layout .evt-seatlist .evt-dropdown::after {
  display: none;
}
#__layout #seatmap_prices_cta .m-b-sm .pull-left.h4.m-t-0 {
  font-weight: 400;
}
#__layout #seatmap_prices_cta .m-b-sm .h4 {
  font-family: Neutral, sans-serif;
  font-size: 1rem;
}
#__layout .evt-login .btn-default::after {
  content: "";
  height: 1px;
  transform: translateY(13px);
  background-color: #1A1A1A;
  position: absolute;
  width: 150px;
}
@media print, screen and (min-width: 48em) {
  #__layout .evt-login .btn-default::after {
    width: 170px;
    transform: translateY(15px);
  }
}
@media print, screen and (min-width: 64em) {
  #__layout .evt-login .btn-default::after {
    width: 190px;
  }
}
#__layout .evt-userdata #oldPassword {
  margin-top: 44px;
}
#__layout .evt-userdata input#email {
  margin-bottom: -15px;
}
#__layout .evt-userdata .form-group:has(#email) > .help-block p.error.parsley-required {
  margin-top: 20px;
}
#__layout .evt-userdata .h3 {
  margin-bottom: 17px;
}
#__layout .evt-userdata .divider {
  display: none;
}
#__layout .evt-userdata label[for=agb] {
  border-top: solid 1px #D5D5D5;
  padding-top: 20px;
}
#__layout .evt-userdata label[for=agb]::before {
  margin-top: 20px;
}
#__layout #changePasswordInfo .panel.m-t-default {
  margin-top: 0 !important;
}
#__layout label[for=telephoneCountryPrefixSelect] {
  margin-top: 32px;
}
#__layout label[for=country] {
  margin-top: 22px;
}
#__layout .alert {
  font-weight: 500;
  font-size: 1rem;
  color: #FAFAFA;
}
#__layout .alert.alert-danger {
  background-color: #DE0F2A;
  border-color: #DE0F2A;
}
#__layout .alert.alert-danger h2, #__layout .alert.alert-danger h3, #__layout .alert.alert-danger p {
  color: #FAFAFA;
  margin-bottom: 0;
}
#__layout .alert.alert-dismissable .close, #__layout .alert.alert-dismissible .close {
  opacity: 1;
  background-image: url("https://staging-inhousewebshop.derticketservice.de/static/koelner-philharmonie/img/close.svg");
  width: 20px;
  background-repeat: no-repeat;
  top: 0;
  right: 0;
}
#__layout .alert.alert-dismissable .close span, #__layout .alert.alert-dismissible .close span {
  opacity: 0;
}
#__layout .alert.alert-success {
  background-color: #15890B;
  border-color: #15890B;
}
#__layout .alert .headline {
  font-family: "Gustavo", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 500;
  color: #FAFAFA;
  text-rendering: optimizeLegibility;
  font-size: 1.25rem;
}
@media print, screen and (min-width: 48em) {
  #__layout .alert .headline {
    font-size: 1.5rem;
  }
}
@media print, screen and (min-width: 64em) {
  #__layout .alert .headline {
    font-size: 1.875rem;
  }
}
#__layout .alert .headline strong {
  color: #FAFAFA !important;
}
#__layout .alert.alert-warning {
  background-color: #FF9500;
  border-color: #FF9500;
  color: #1A1A1A;
}
#__layout .alert.alert-warning.alert-dismissable .close, #__layout .alert.alert-warning.alert-dismissible .close {
  background-image: url("https://staging-inhousewebshop.derticketservice.de/static/koelner-philharmonie/img/close_black.svg");
}
#__layout .alert.alert-warning .headline {
  color: #1A1A1A;
}
#__layout .evt-help-block {
  color: #DE0F2A;
}
#__layout .has-error .input-group-btn {
  top: -10px !important;
  height: 52px;
}
#__layout .divider, #__layout .evt-event-container li, #__layout .page-header, #__layout .evt-login::after {
  border-color: #D5D5D5 !important;
}
#__layout .shopping-cart .well:not(.well-light), #__layout .shopping-cart .well {
  background-color: #FAFAFA;
  border: none;
  margin-right: 0;
  margin-left: 0;
  border-radius: 0;
  padding: 1rem;
  margin-bottom: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout .shopping-cart .well:not(.well-light), #__layout .shopping-cart .well {
    padding: 1.5rem;
  }
}
@media print, screen and (min-width: 64em) {
  #__layout .shopping-cart .well:not(.well-light), #__layout .shopping-cart .well {
    margin-bottom: 1.5rem;
  }
}
#__layout .shopping-cart .well:not(.well-light) > .divider:not(.divider ~ .divider), #__layout .shopping-cart .well > .divider:not(.divider ~ .divider) {
  display: none;
}
#__layout .shopping-cart .well:not(.well-light) .h4, #__layout .shopping-cart .well .h4 {
  font-family: "Neutral", sans-serif;
  font-size: 1rem;
}
#__layout .shopping-cart .well:not(.well-light) .icons + span, #__layout .shopping-cart .well .icons + span {
  font-weight: 500;
}
#__layout .shopping-cart .well:not(.well-light) .p-b-small, #__layout .shopping-cart .well .p-b-small {
  margin-bottom: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout .shopping-cart .well:not(.well-light) .p-b-small, #__layout .shopping-cart .well .p-b-small {
    margin-bottom: 1.25rem;
  }
}
#__layout .shopping-cart .row .pull-right.clearfix {
  display: flex;
}
#__layout .shopping-cart .evt-icon-btn {
  width: 44px !important;
  height: 44px;
  margin-left: 0 !important;
}
#__layout .terms-delivery {
  float: none;
  width: 100%;
  max-width: initial;
}
@media print, screen and (min-width: 48em) {
  #__layout .terms-delivery {
    float: right;
    max-width: 320px;
    padding: 0;
    margin-top: 20px;
  }
}
#__layout .terms-delivery .panel {
  background-color: transparent;
  border: none;
}
#__layout .terms-delivery .panel .panel-body {
  font-size: 0.875rem;
  padding: 1rem 0;
}
#__layout .terms-delivery .delivery-row {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}
#__layout .terms-delivery .delivery-row .evt-height-matched .form-group {
  margin-top: 22px;
}
#__layout .terms-delivery .delivery-row .col-sm-6, #__layout .terms-delivery .delivery-row .col-sm-5 {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
#__layout .terms-delivery .delivery-row .col-sm-push-1 {
  left: 0;
}
#__layout .terms-delivery .delivery-row .mt-50 {
  margin-top: 32px !important;
}
#__layout .terms-delivery .col-sm-5 {
  width: 100%;
  float: none;
}
#__layout .terms-delivery .col-sm-push-7 {
  left: 0;
}
#__layout .terms-delivery p.h4 {
  font-size: 0.875rem;
}
@media print, screen and (min-width: 48em) {
  #__layout .terms-delivery p.h4 {
    font-size: 1rem;
  }
}
#__layout .terms-delivery .form-group {
  margin-top: 18px;
}
#__layout .terms-delivery a#continue-shopping::after {
  content: "";
  height: 1px;
  transform: translateY(14px);
  background-color: #1A1A1A;
  position: absolute;
  width: 140px;
}
@media print, screen and (min-width: 48em) {
  #__layout .terms-delivery a#continue-shopping::after {
    width: 160px;
  }
}
@media print, screen and (min-width: 64em) {
  #__layout .terms-delivery a#continue-shopping::after {
    width: 175px;
    transform: translateY(15px);
  }
}
#__layout #loginFields .row {
  display: flex;
  align-items: center;
}
#__layout #loginFields .row .col-xs-2 {
  margin-top: 1.24rem;
  padding-left: 0;
}
#__layout #loginFields .fs-200 {
  font-size: 1rem !important;
  color: #1A1A1A !important;
}
#__layout #loginFields .evt-password-forgotten__info--left {
  position: relative;
}
#__layout .evt-my-theater-dashboard {
  margin-left: 1rem !important;
  margin-right: -3rem !important;
}
#__layout .evt-my-theater-dashboard .well:not(.well-light), #__layout .evt-my-theater-dashboard .well {
  background-color: #FAFAFA;
  border: none;
  padding: 1rem;
  border-radius: 0;
}
@media print, screen and (min-width: 48em) {
  #__layout .evt-my-theater-dashboard .well:not(.well-light), #__layout .evt-my-theater-dashboard .well {
    padding: 1.5rem;
  }
}
#__layout .contact-details-wrapper .well {
  background-color: #FAFAFA;
  border: none;
  margin-right: 0;
  margin-left: 0;
  border-radius: 0;
  padding: 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout .contact-details-wrapper .well {
    padding: 1.5rem;
  }
}
#__layout .evt-vouchers-promo-container .divider {
  display: none;
}
#__layout .evt-vouchers-promo-container .evt-placeholder-float .form-control {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
#__layout .evt-vouchers-promo-container .evt-placeholder-float .form-control:focus {
  border-right: none !important;
}
#__layout .evt-vouchers-promo-container .input-group .input-group-btn {
  background-color: #FAFAFA;
  border-radius: 0 1.125rem 1.125rem 0;
  border: solid 0.5px #1A1A1A;
  border-left: 0;
  padding-right: 10px;
}
#__layout .evt-vouchers-promo-container .input-group .input-group-btn span {
  font-size: 0.875rem;
}
#__layout .evt-vouchers-promo-container .evt-placeholder-float, #__layout .evt-vouchers-promo-container .evt-placeholder-static {
  margin-top: 45px;
}
#__layout .component[data-ta-id=paymentComponent] .form-group {
  margin-top: 22px !important;
}
#__layout .component[data-ta-id=paymentComponent] .divider {
  display: none;
}
#__layout .component[data-ta-id=newsletterComponent] {
  margin-top: 32px !important;
}
#__layout .component[data-ta-id=newsletterComponent] .divider {
  display: none;
}
#__layout .component[data-ta-id=shoppingCartComponent] .divider-light {
  display: none;
}
#__layout .component[data-ta-id=shoppingCartComponent] h2, #__layout .component[data-ta-id=shoppingCartComponent] .h3 {
  margin-bottom: 0;
}
#__layout div#delivery_type span, #__layout div#total_cost span {
  font-size: 1rem;
}
#__layout .newsletter-hinweis {
  font-size: 0.875rem;
  font-family: Neutral, sans-serif;
  margin-bottom: 32px;
}
@media print, screen and (min-width: 48em) {
  #__layout .newsletter-hinweis {
    font-size: 1rem;
  }
}
#__layout .panel {
  background-color: transparent;
  border: none;
  color: #1A1A1A;
  box-shadow: none;
}
#__layout .panel .panel-body {
  font-size: 0.875rem;
  padding: 1rem 0;
}
@media print, screen and (min-width: 48em) {
  #__layout .evt-event-container li {
    margin-bottom: 40px;
  }
}
#__layout .evt-event-container button#moreEventsButton::after {
  content: "";
  height: 1px;
  transform: translateY(14px);
  background-color: #1A1A1A;
  position: absolute;
  width: 50px;
}
@media print, screen and (min-width: 64em) {
  #__layout .evt-event-container button#moreEventsButton::after {
    width: 60px;
  }
}
@media print, screen and (min-width: 48em) {
  #__layout .evt-event-cta {
    margin-bottom: 40px;
  }
}
#__layout .event-filter .well-light, #__layout .event-filter .well.light {
  background-color: #FAFAFA;
  border: none;
}
#__layout .event-filter .form-group {
  margin-top: 0 !important;
}
#__layout .event-filter .form-group #eventlist-filter-actionReset {
  border: solid 1px #1A1A1A;
  padding: 12px 28px;
  overflow: hidden;
  margin-bottom: 20px;
}
@media print, screen and (min-width: 48em) {
  #__layout .event-filter .form-group #eventlist-filter-actionReset {
    margin-bottom: 0;
  }
}
#__layout .event-filter .form-group #eventlist-filter-actionReset::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateY(105%);
  transition: transform 0.35s ease-out;
  z-index: -1;
  pointer-events: none;
  background-color: #1A1A1A;
}
#__layout .event-filter .form-group #eventlist-filter-actionReset:hover {
  color: #FAFAFA;
}
#__layout .event-filter .form-group #eventlist-filter-actionReset:hover::after {
  transform: translateY(0);
}
#__layout .event-filter .form-group #eventlist-filter-actionReset .icon-trash {
  padding-right: 4px;
}
#__layout .event-filter #eventlist-filter-actionShow #show-total-events {
  padding-right: 4px;
}
#__layout .event-filter .evt-filter-subscriber .icons {
  margin-top: -9px;
}
#__layout .event-filter .evt-filter-subscriber[aria-controls=collapseFilter] {
  max-width: 360px;
  margin: 0 auto 20px auto;
  display: block !important;
}
#__layout .event-filter .evt-filter-subscriber[aria-controls=collapseFilter] .icons {
  right: 45px;
}
#__layout .event-filter .evt-filter-subscriber[aria-controls=collapseFilter]::after {
  content: "";
  height: 1px;
  transform: translate3d(-87px, 2px, 0);
  background-color: #1A1A1A;
  position: absolute;
  width: 206px;
}
@media print, screen and (min-width: 48em) {
  #__layout .event-filter .evt-filter-subscriber[aria-controls=collapseFilter]::after {
    width: 245px;
    transform: translate3d(-110px, 4px, 0);
  }
}
@media print, screen and (min-width: 64em) {
  #__layout .event-filter .evt-filter-subscriber[aria-controls=collapseFilter]::after {
    width: 250px;
  }
}
#__layout .event-filter .evt-auto-fetch.dropdown-menu label {
  padding-left: 0;
}
#__layout button#event-filter-weekdays-btn[aria-expanded=true] {
  border-bottom: none !important;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
#__layout .evt-filter-publisher {
  margin-top: 20px;
}
@media print, screen and (min-width: 48em) {
  #__layout .evt-filter-publisher {
    margin-top: 0;
  }
}
#__layout .evt-filter-publisher .dropdown-toggle[aria-expanded=true] {
  border-bottom: none !important;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
#__layout .evt-date-container > input + .icons, #__layout .evt-datepicker-container > input + .icons {
  color: #1A1A1A;
}
#__layout .evt-datepicker-container .icons {
  top: 18px !important;
}
#__layout .modal-body, #__layout #magicCodeField {
  margin-top: 0 !important;
}
#__layout #magicCodeIconSubmit.icon {
  text-indent: 0;
}
#__layout .modal-body .evt-seatmap-select-list .btn-primary {
  width: 100% !important;
}
#__layout .modal-body .evt-seatmap-select-list .col-sm-8, #__layout .modal-body .evt-seatmap-select-list .col-lg-8 {
  width: 58.33333333%;
}
#__layout .modal-body .evt-seatmap-select-list .col-sm-4, #__layout .modal-body .evt-seatmap-select-list .col-lg-4 {
  width: 41.66666667%;
}
@media print, screen and (min-width: 48em) {
  #__layout .noPrint {
    margin-left: -42px;
  }
}
@media print, screen and (min-width: 64em) {
  #__layout .noPrint {
    margin-left: 0;
  }
}
#__layout .noPrint::after {
  content: "";
  height: 1px;
  transform: translateY(13px);
  background-color: #1A1A1A;
  position: absolute;
  width: 233px;
}
@media print, screen and (min-width: 48em) {
  #__layout .noPrint::after {
    width: 240px;
    transform: translateY(14px);
  }
}
@media print, screen and (min-width: 64em) {
  #__layout .noPrint::after {
    width: 292px;
  }
}
#__layout .btn-print[onclick="printConfirmation()"]::after {
  content: "";
  height: 1px;
  transform: translateY(13px);
  background-color: #1A1A1A;
  position: absolute;
  width: 255px;
}
@media print, screen and (min-width: 48em) {
  #__layout .btn-print[onclick="printConfirmation()"]::after {
    width: 287px;
    transform: translateY(14px);
  }
}
@media print, screen and (min-width: 64em) {
  #__layout .btn-print[onclick="printConfirmation()"]::after {
    width: 320px;
  }
}
#__layout .well:not(.well-light) {
  background-color: #FAFAFA;
  border: none;
  border-radius: 0;
}
#__layout .divider-bold {
  border-top-width: 1px;
}
#__layout .specialLoginTitle {
  font-size: 0.875rem !important;
  font-family: "Neutral", sans-serif;
  font-weight: 400;
}
@media print, screen and (min-width: 48em) {
  #__layout .specialLoginTitle {
    font-size: 1rem !important;
  }
}
#__layout .evt-event-detail .panel-button {
  padding: 24px 0 24px 0;
  border-bottom: solid 1px #acacac !important;
}
#__layout .evt-event-detail .panel-button[aria-expanded=true] {
  border-bottom: none !important;
}
#__layout .evt-event-detail .panel-collapse .event-date-time {
  left: 0 !important;
}
@media print, screen and (min-width: 48em) {
  #__layout .evt-event-detail .panel-collapse .event-date-time {
    left: 1rem !important;
  }
}
#__layout .evt-event-detail .panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top: none;
}
#__layout .evt-event-detail .evt-event-container-packages {
  display: none;
}
#__layout .evt-event-detail .evt-event-container-packages .evt-event-cta {
  margin-bottom: 0;
}
#__layout .evt-event-detail .evt-event-container-packages .evt-event--active, #__layout .evt-event-detail .evt-event-container-packages .well-light, #__layout .evt-event-detail .evt-event-container-packages .well.light {
  background-color: #FAFAFA;
  border: none;
}
#__layout .evt-event-detail .evt-event-container-packages .col-sm-12.m-l-sm.m-t-sm .row {
  display: flex;
  align-items: center;
}
#__layout .evt-event-detail .evt-event-container-packages h2 {
  font-size: 1.125rem;
}
@media print, screen and (min-width: 48em) {
  #__layout .evt-event-detail .evt-event-container-packages h2 {
    font-size: 1.5rem;
  }
}
#__layout .evt-event-detail .evt-event-container-packages h2, #__layout .evt-event-detail .evt-event-container-packages .h4 {
  margin-bottom: 0;
}
#__layout .evt-event-detail .evt-event-container-packages .m-t-sm {
  margin-top: 0 !important;
}
#__layout .evt-event-detail .evt-event-container-packages .panel-collapse .evt-event-descr.col-sm-4.col-md-4.col-lg-3, #__layout .evt-event-detail .evt-event-container-packages .evt-event-list .evt-event-descr.col-sm-4.col-md-4.col-lg-3 {
  width: 100%;
  padding-left: 0;
  margin-bottom: 8px;
}
#__layout .evt-event-detail .evt-event-container-packages .panel-collapse .event-address, #__layout .evt-event-detail .evt-event-container-packages .evt-event-list .event-address {
  margin-bottom: 20px !important;
  padding-left: 0;
}
@media print, screen and (min-width: 48em) {
  #__layout .evt-event-detail .evt-event-container-packages .panel-collapse .event-address, #__layout .evt-event-detail .evt-event-container-packages .evt-event-list .event-address {
    padding-left: 1.5rem;
  }
}
#__layout .evt-event-detail .evt-event-container-packages .panel-collapse .event-date-time, #__layout .evt-event-detail .evt-event-container-packages .evt-event-list .event-date-time {
  left: 0 !important;
  margin-bottom: 0;
  padding-left: 0;
}
@media print, screen and (min-width: 64em) {
  #__layout .evt-event-detail .evt-event-container-packages .panel-collapse .event-date-time, #__layout .evt-event-detail .evt-event-container-packages .evt-event-list .event-date-time {
    width: 25%;
  }
}
#__layout .evt-event-detail .evt-event-container-packages .evt-event-list .col-sm-12.m-l-sm.m-b-sm {
  padding: 32px 24px 0 24px;
}
@media print, screen and (min-width: 48em) {
  #__layout .evt-event-detail .evt-event-container-packages .evt-event-list .col-sm-12.m-l-sm.m-b-sm {
    padding: 32px 0 0 42px;
  }
}
#__layout .evt-event-detail .evt-event-container-packages .panel-default > .panel-heading {
  color: #1A1A1A;
  border-bottom: none;
}
#__layout .evt-event-detail .evt-event-container-packages .evt-panel-collapsible .panel-button {
  padding: 24px 0 24px 0;
  border-bottom: solid 1px #acacac !important;
}
#__layout .evt-event-detail .evt-event-container-packages .evt-panel-collapsible .panel-button h3, #__layout .evt-event-detail .evt-event-container-packages .evt-panel-collapsible .panel-button .evt-panel-collapsible-icon {
  font-size: 1.125rem;
}
@media print, screen and (min-width: 48em) {
  #__layout .evt-event-detail .evt-event-container-packages .evt-panel-collapsible .panel-button h3, #__layout .evt-event-detail .evt-event-container-packages .evt-panel-collapsible .panel-button .evt-panel-collapsible-icon {
    font-size: 1.5rem;
  }
}
#__layout .evt-event-detail .evt-event-container-packages .evt-panel-collapsible .panel-button .row {
  display: flex;
  align-items: center;
}
#__layout .evt-event-detail .evt-event-container-packages .panel-button[aria-expanded=true] {
  border-bottom: none !important;
}
#__layout .evt-event-detail .evt-event-container-packages .panel-default > .panel-heading + .panel-collapse > .panel-body,
#__layout .evt-event-detail .evt-event-container-packages .panel-group .panel-heading + .panel-collapse > .panel-body {
  border-top: none !important;
}
#__layout .evt-event-detail .evt-event-container-packages .panel-body {
  padding: 1rem 0 1rem 1rem;
}
@media print, screen and (min-width: 48em) {
  #__layout .evt-event-detail .evt-event-container-packages .panel-body {
    padding: 1rem 0 1rem 1.5rem;
  }
}
#__layout .evt-event-detail .evt-event-container-package--active-element {
  background-color: #FAFAFA;
}
#__layout .evt-event-detail .evt-event-slider, #__layout .evt-event-detail .custom-navigation {
  padding-top: 22px;
}
#__layout .evt-event-detail .evt-event-cta .col-lg-12 {
  padding-left: 0;
}
#__layout .evt-event-detail .flex-viewport h2 {
  font-size: 1.125rem;
}
@media print, screen and (min-width: 48em) {
  #__layout .evt-event-detail .flex-viewport h2 {
    font-size: 1.5rem;
  }
}
#__layout .page-breadcrumb {
  display: none;
}
#__layout .faq-item__container {
  height: auto;
}
#__layout .footer-bottom-nav__list a, #__layout .footer-contact__content a, #__layout .footer-nav__item a {
  color: #FAFAFA;
}
#__layout .footer-newsletter h3 {
  color: #FAFAFA;
}