/* Ehemaliges Customizer-„Zusätzliches CSS“ (übernommen beim Go-live 01.11.2026).
   Bitte hier pflegen, NICHT im Customizer – dortiges CSS überschreibt diese Datei unbemerkt. */
#openairtermine {
	padding:15px;
	margin: 0 auto;
	text-align: center;
}
.event-wrapper-openair:last-child{
	margin-bottom:45px;
}
.shop_isle_header_title .site-title a, .shop_isle_header_title h1 a {font-size:17px;}
.elementor-pagination-position-outside .swiper-container{
	padding-bottom:0;
}
.gm-style .gm-style-iw-c {
	min-width:150px!important;
}
/* Padding Slider ausschalten */
.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated>.elementor-widget-wrap {
    padding: 0;
}

/* Footer */
footer .col-sm-6 {
width: 100%;
text-align: center;
}

@-moz-document url-prefix() {
	.elementor-pagination-position-outside .swiper-container {
		margin-top: -20px;
	}
}
.swiper-pagination-bullet{background:#ccc}
/* Header ausblenden */
.page-header-module.module {
	display:none;
}
@media (min-width: 700px) {
	.container {
	width: 100%!important;
	}
}

/* Startseite einheitliche Überschriften */

h2,h3,h4,h5 {
	font-size: 1.5rem;
	padding: 0;
	margin:0;
}

label, p, span h3, span a {
	font-size: 1.3rem!important;
	font-weight:400;
	font-family: "Roboto", sans-serif;
	margin:10px 5px
}
.normal {font-weight:500;}
.navbar-custom {
	letter-spacing:1.5px!important;
}
.checkbox-inline input[type="checkbox"] {
	position:relative!important;
	margin-right:10px;
}
.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated{padding:0px}

.page .navbar-custom, body.home .navbar-transparent {
    background-color: #000!important;
}

@media only screen and (max-width: 700px) {
#termine {width:100%;margin:0 auto;}
div.termine {
	padding: 0px 3px; width:90%; 
	margin: 0 auto; 
	text-align:center;}
div.termine h2 {font-size:1.3em;}
div.termine h3 {font-size:1.3em;}
div.termine h4 {
	font-size:1.1em !important;
}
div.termine p {font-size:1.1em;}
div.termine hr {width:65%;border: 0;
  border-top: 1px solid #8c8c8c;
	margin: 0 auto;
  border-bottom: 1px solid #fff;
	padding-bottom: 10px;
}
.termine strong {
		color:red;
		letter-spacing: 2px;
		font-size:1.3rem;
		font-weight: 500;
	}
.elementor-heading-title {
		margin-top:50px!important;
	}
.navbar-collapse {text-align:center;}
.btn.btn-default {
	font-size: 1.3rem!important;
	max-width: 300px;
	text-align:center;
	}
	.modal-window > div {
		width: 95%!important;
		padding: 35px 5px!important;
	}

}
@media only screen and (min-width: 701px) {
div.termine {padding-top: 0px; padding-bottom:50px; width:80%; margin: 0 auto; text-align:center;}
div.termine h2 {font-size:1.5em;}
div.termine h3 {font-size:1.5em;}
	div.termine h4 {
	font-size:1.3em !important;
}
div.termine p {font-size:1.3em;}
div.termine hr {
	width:33%;
	border: 0;
  border-top: 1px solid #8c8c8c;
	margin: 0 auto;
  border-bottom: 1px solid #fff;
	padding-bottom:10px;}
div.termine .button{
	background:#000;
	color:#fff;
	border-radius:8px;
	display:inline-block;
	padding: 3px 15px;
	margin-top:5px;
}
div.termine .button:hover{
	background:#454545;
}
.termine strong {
	color:red;
	letter-spacing: 2px;
	font-size:1.5rem;
	font-weight: 500;
}
}

#map {
	width:90%;
  height: 50vh;
  margin: 0 auto!important;
}
.gm-style-iw-a {
	text-align: center!important;
}
.arrow_carrot-2up {
	font-size: 3rem;
	background:black;
	color: white;
}
@media (max-width: 768px){
	.scroll-up {
    display: block!important;
		opacity: 1!important;
		right: 3%;
		bottom: 3%;
	}
}
.btn.btn-default {
	margin: 10px 0px;
	font-size: 1.5rem;
	background: #f0c14b;
	border-color: #a88734 #9c7e31 #846a29;
	color: #111;
}
.btn.btn-default:hover {
	background: #f1cf7b!important;
}

/* Events */
.events {	
	width: 95%;
	margin: 0 auto;
	text-align: center;
}
.events h2 {	
	font-size: 2rem;
}
.events h3 {	
	font-size: 1.5rem;
}
.events span {	
	font-weight: bold;
}
.events a {	
	font-weight: bold;
}
.events a:hover {	
	text-decoration: underline;
}
.events hr {	
	width: 65%;
	border-top: 2px dotted #000;
	margin: 0 auto;
	padding-bottom: 2rem
}
.events hr:last-child {	
	opacity:0;
}

/* Short */
#short-termine {	
	width: 95%;
	margin: 0 auto;
	text-align: center;
}
#short-termine h2 {	
	font-size: 2rem;
}
#short-termine h3 {	
	font-size: 1.5rem;
}
#short-termine span {	
	font-weight: bold;
}
#short-termine a {	
	font-weight: bold;
}
#short-termine a:hover {	
	text-decoration: underline;
}
#short-termine hr {	
	width: 65%;
	border-top: 3px dotted #000;
}
#short-termine hr:last-child {	
	opacity:0;
}

/* Modal */

.cta {
  background-color: white;
  border: 1px solid lightgrey;
  border-radius: 6px;
  display: inline-block;
  font-size: 1em;
  font-weight: 700;
  margin-bottom: 1em;
  padding: .3em 1em;
  text-decoration: none;
}
.cta:hover {
  background-color: lightgrey;
  color: slategrey;
  text-decoration: none;
}

.modaloverlay {
  background: rgba(0, 0, 0, 0.8);
  bottom: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  z-index: -1;
  display: none;
}
.modaloverlay:target {
  display: block;
  opacity: 1;
  pointer-events: auto;
  z-index: 99999;
}
.modaloverlay .modal {
  background-color: white;
  height: 100%;
  position: relative;
  margin: 0 auto;
  padding: 3em;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 60em) {
  .modaloverlay .modal {
    height: 75%;
    margin: 5% auto;
    max-height: 57em;
    max-width: 66em;
    width: 85%;
  }
}
.modaloverlay .modal > iframe, .modaloverlay .modal > div {
  border: none;
  width: 100%;
  height: 100%;
}
.modaloverlay .close {
  background-color: black;
  color: white;
  font-size: 28px;
  padding: 8px 12px;
  position: absolute;
  right: 0;
  text-align: center;
  text-decoration: none;
  top: 0;
  z-index: 1;
}
.acf-map {
	width: 100%;
	height: 400px;
	border: #ccc solid 1px;
	margin: 20px 0;
}

/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}