/* 
Theme Name: Kollwitz-Theme
Description: Kollwitz-Theme ist ein leichtgewichtiges Theme für Wordpress
Author: Lars Beck
Author URI: https://larsbeck.io
Template: hello-elementor
Version: 1.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*  Target Mobile:  body[data-elementor-device-mode=mobile] 
    Target Tablet:  body[data-elementor-device-mode=tablet]
    Target Desktop: body[data-elementor-device-mode=desktop]
*/

/*
 Generate Font-Faces with: https://transfonter.org/
 Settings: TTF, WOFF, EOT, WOFF2
 Font-Display: SWAP
 Fonts-directory: assets/fonts/
*/

@font-face {
    font-family: 'N27';
    src: url('assets/fonts/n27-light-webfont.woff2') format('woff2'),
    url('assets/fonts/n27-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'N27';
    src: url('assets/fonts/n27-lightitalic-webfont.woff2') format('woff2'),
    url('assets/fonts/n27-lightitalic-webfont.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'N27';
    src: url('assets/fonts/n27-medium-webfont.woff2') format('woff2'),
    url('assets/fonts/n27-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'N27';
    src: url('assets/fonts/n27-mediumitalic-webfont.woff2') format('woff2'),
    url('assets/fonts/n27-mediumitalic-webfont.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'N27';
    src: url('assets/fonts/n27-bold-webfont.woff2') format('woff2'),
    url('assets/fonts/n27-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'N27';
    src: url('assets/fonts/n27-bolditalic-webfont.woff2') format('woff2'),
    url('assets/fonts/n27-bolditalic-webfont.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}
single-post

/* General Settings - Padding */

/* Mobile */
body[data-elementor-device-mode=mobile] footer > .elementor-element[data-element_type="container"]:not(.no-p),
body[data-elementor-device-mode=mobile] header > .elementor-element[data-element_type="container"]:not(.no-p),
body[data-elementor-device-mode=mobile] main div[data-elementor-type="wp-page"] > .elementor-element[data-element_type="container"]:not(.no-p),
body[data-elementor-device-mode=mobile] div[data-elementor-type="archive"] > .elementor-element[data-element_type="container"]:not(.no-p),
body[data-elementor-device-mode=mobile] div[data-elementor-type="single-post"] > .elementor-element[data-element_type="container"]:not(.no-p)
{
	padding-right: 16px;
	padding-left: 16px;	
}

/* Tablet */
body[data-elementor-device-mode=tablet] footer > .elementor-element[data-element_type="container"]:not(.no-p),
body[data-elementor-device-mode=tablet] header > .elementor-element[data-element_type="container"]:not(.no-p),
body[data-elementor-device-mode=tablet] main div[data-elementor-type="wp-page"] > .elementor-element[data-element_type="container"]:not(.no-p),
body[data-elementor-device-mode=tablet] div[data-elementor-type="archive"] > .elementor-element[data-element_type="container"]:not(.no-p),
body[data-elementor-device-mode=tablet] div[data-elementor-type="single-post"] > .elementor-element[data-element_type="container"]:not(.no-p){
	padding-right: 32px;
	padding-left: 32px;
}

/* Desktop */
body[data-elementor-device-mode=desktop] footer > .elementor-element[data-element_type="container"]:not(.no-p),
body[data-elementor-device-mode=desktop] header > .elementor-element[data-element_type="container"]:not(.no-p),
body[data-elementor-device-mode=desktop] main div[data-elementor-type="wp-page"] > .elementor-element[data-element_type="container"]:not(.no-p),
body[data-elementor-device-mode=desktop] div[data-elementor-type="archive"] > .elementor-element[data-element_type="container"]:not(.no-p),
body[data-elementor-device-mode=desktop] div[data-elementor-type="single-post"] > .elementor-element[data-element_type="container"]:not(.no-p){
	padding-right: 32px;
	padding-left: 32px;
}


/* Ãœberschriften Umbruch */

/* h1,h2,h3,h4,h5,h6 {
	-webkit-hyphens: auto;
	    -ms-hyphens: auto;
	        hyphens: auto;
} */

body {
	overflow-x: hidden;
}

.elementor-widget-text-editor a, .elementor-widget-heading a {
	text-decoration: underline;
}

.text-italic {
    font-style: italic;
}

.text-normal {
	font-weight: 300;
}

/* Slider Base */
.lb-slider-3 {
  --slide-height: 19rem;
  --slide-spacing: 1.6rem;
  --slide-size: 33.3%;
  overflow: visible !important;
}
.lb-slider-loop {
  --slide-height: 19rem;
  --slide-spacing: 1.6rem;
  --slide-size: 33%;
  overflow: visible !important;
}
.lb-slider-loop-3 {
  --slide-height: 19rem;
  --slide-spacing: 1.6rem;
  --slide-size: 33.3%;
  overflow: visible !important;
}
.lb-slider-loop-2 {
  --slide-height: 19rem;
  --slide-spacing: 1.6rem;
  --slide-size: 50%;
  overflow: visible !important;
}
.lb-slider img {width: 100%;}
@media (max-width:1024px){
  .lb-slider-3,
  .lb-slider-loop,
  .lb-slider-loop-3,
  .lb-slider-loop-2 {
    --slide-spacing: 1.3rem;
    --slide-size: 50%;
  }
}
@media (max-width:768px){
  .lb-slider-3,
  .lb-slider-loop,
  .lb-slider-loop-3,
  .lb-slider-loop-2 {
    --slide-spacing: 1rem;
    --slide-size: 100%;
  }
}

/* Slider Base */
.lb-slider-3 {
  --slide-height: 19rem;
  --slide-spacing: 1.6rem;
  --slide-size: 33.3%;
  overflow: visible !important;
}
.lb-slider-loop {
  --slide-height: 19rem;
  --slide-spacing: 1.6rem;
  --slide-size: 33%;
  overflow: visible !important;
}
.lb-slider-loop-3 {
  --slide-height: 19rem;
  --slide-spacing: 1.6rem;
  --slide-size: 33.3%;
  overflow: visible !important;
}
.lb-slider-loop-2 {
  --slide-height: 19rem;
  --slide-spacing: 1.6rem;
  --slide-size: 50%;
  overflow: visible !important;
}
.lb-slider img {width: 100%;}
@media (max-width:1024px){
  .lb-slider-3,
  .lb-slider-loop,
  .lb-slider-loop-3,
  .lb-slider-loop-2 {
    --slide-spacing: 1.3rem;
    --slide-size: 50%;
  }
}
@media (max-width:768px){
  .lb-slider-3,
  .lb-slider-loop,
  .lb-slider-loop-3,
  .lb-slider-loop-2 {
    --slide-spacing: 1rem;
    --slide-size: 100%;
  }
}

/* Embla Base Styles */
.embla {max-width: 100%; margin: auto;}
.embla__viewport {overflow: hidden;}
@media (max-width:768px){.embla__viewport {max-width: 100%; overflow: visible;}}
.embla__container {display: flex; touch-action: pan-y pinch-zoom; margin-left: calc(var(--slide-spacing) * -1);}
.embla__slide {transform: translate3d(0,0,0); flex: 0 0 var(--slide-size); min-width: 0; padding-left: var(--slide-spacing); cursor: pointer;}
.lb-slider-nocursor .embla__slide {cursor: inherit;}

/* Controls */
.embla__controls {display: flex; justify-content: flex-end; align-items: center; gap: 1em; margin-bottom: 1rem;}
.embla__controls .embla__button {
  appearance: none;
  background: transparent;
  touch-action: manipulation;
  display: flex;
  border: 0;
  padding: 0;
  margin: 0;
  width: 1em;
  height: 1em;
  align-items: center;
  justify-content: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 17l5-5-5-5v10z' fill='currentColor'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  transition: opacity .3s ease;
  outline: 0;
  transform: rotate(90deg);
}
.embla__controls .embla__button--prev {transform: rotate(270deg);}
.embla__button:hover {opacity: 0.7; border: none !important;}
.embla__button:focus {border: none !important;}
.embla__slide > * {width: 100% !important;}
.embla__slide > * > a {color: #000;}
.embla__slide > * > a:hover {color: #2d2d2d;}
.flex-d-column {flex-direction: column !important; flex-wrap: nowrap !important; justify-content: normal !important; align-items: normal !important; overflow: visible !important;}
.overflow-clip {overflow: clip;}
.lb-slider {opacity: 1;}
.fade-in-up {transition: opacity .2s ease-out, transform .2s ease-out; opacity: 1; transform: translateY(0);}
.elementor-editor-active .scrollable {display: flex !important; opacity: 1;}
.embla__button--disabled {opacity: 0.5; pointer-events: none;}

.kkh-mobile-menu .elementor-widget-nav-menu li a {
    justify-content: center;
}

.kkh-mobile-menu .elementor-widget-nav-menu .sub-menu li a {
    text-transform: inherit !important;
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;
    font-weight: 400 !important;
}

.kkh-mobile-menu .elementor-widget-nav-menu li + li {
	margin: 20px 0;
}

.kkh-mobile-menu .elementor-widget-nav-menu .sub-menu li + li {
	margin: 5px 0;
}


@media (min-width: 769px) and (max-width: 1024px) {
	.kkh-mobile-menu .elementor-widget-nav-menu .sub-menu li a {
		font-size: 26px !important;
	}

	.kkh-mobile-menu .elementor-widget-nav-menu li + li {
		margin: 20px 0;
	}

	.kkh-mobile-menu .elementor-widget-nav-menu .sub-menu li + li {
		margin: 5px 0;
	}
}

@media (max-width: 768px) {
	.kkh-mobile-menu .elementor-widget-nav-menu .sub-menu li a {
		font-size: 18px !important;
	}

	.kkh-mobile-menu .elementor-widget-nav-menu li + li {
		margin: 20px 0;
	}

	.kkh-mobile-menu .elementor-widget-nav-menu .sub-menu li + li {
		margin: 5px 0;
	}
}

a.elementor-button.elementor-button-link:hover {
	text-decoration: underline !important;
    text-underline-offset: 4px;
}

#khh-offnungszeiten .e-n-accordion-item-title-header::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('https://bb79zke.myrdbx.io/wp-content/uploads/2025/04/ICN_oeffnungszeit.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
  vertical-align: middle;
	background-position: center;
}

#khh-offnungszeiten .e-n-accordion-item-title-header {
	align-items: center;	
}

#khh-tickets .e-n-accordion-item-title-header::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('https://bb79zke.myrdbx.io/wp-content/uploads/2025/04/ICN_ticket.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
  vertical-align: middle;
	background-position: center;
}


#khh-tickets .e-n-accordion-item-title-header {
	align-items: center;	
}

#khh-offnungszeiten .e-n-accordion-item-title-header {
	align-items: center;	
}

#khh-kontakt .e-n-accordion-item-title-header::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('https://bb79zke.myrdbx.io/wp-content/uploads/2025/04/ICN_anfahrt.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
  vertical-align: middle;
	background-position: center;
}


#khh-kontakt .e-n-accordion-item-title-header {
	align-items: center;	
}


#khh-anfahrt .e-n-accordion-item-title-header::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('https://bb79zke.myrdbx.io/wp-content/uploads/2025/04/ICN_barrierefreiheit.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
  vertical-align: middle;
	background-position: center;
}


#khh-anfahrt .e-n-accordion-item-title-header {
	align-items: center;	
}