/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 1.6.2
*/

/*** ***/

.home .content_wrapper {
	background:#319d55;
}

/*** Slammer-Übersicht ***/

.slammer-container {
    column-count: 3; /* Drei Spalten */
    column-gap: 30px; /* Abstand zwischen den Spalten */
    margin: 0 auto; /* Zentriert den Container, falls gewünscht */
}

.slammer-box {
    background-color: #FFFFFF;
    break-inside: avoid-column; /* Verhindert, dass Boxen über Spalten hinwegbrechen */
    margin-bottom: 30px; /* Abstand zwischen den Boxen */
}

.slammer-boxx img {
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 1 / 1;
}

.slammer-box a:hover, 
.slammer-box a:hover h2, 
.slammer-box a:hover p {
    text-decoration: none !important;
}

.slammer-box h2 {
    margin-top: 20px;
}

.slammer-box p {
    letter-spacing: 0;
    line-height: 27px;
    color: #444;
}

@media screen and (max-width: 768px) {
    .slammer-container {
        column-count: 2; /* Zwei Spalten für Tablets */
    }
}

@media screen and (max-width: 480px) {
    .slammer-container {
        column-count: 1; /* Eine Spalte für Smartphones */
    }
}

/*** aufklappbare Termine Detailseiten Events ***/

.accordion p a:hover {
	color:#666;
}

/*** Mitmachen-Button ***/

.fixed-button {
    position: fixed;
    right:20px; /* Direkt am rechten Rand */
    top: 30%; /* Vertikal zentriert */
	padding: 0;
    text-align: center;
    z-index: 100;
    transform: translateY(-30%); /* Korrektur der vertikalen Zentrierung */
	display: block;
    transform: rotate(-90deg);
    transform-origin: right center;
}

.fixed-button span {
	padding:10px 20px 20px 20px;
	font-weight:500;
	background-color: #319d55;
	color:#ffffff;
    white-space: nowrap;
	text-decoration:none;
}

a:hover.fixed-button {
	text-decoration:none;
	font-weight:bolder;
}

/*** Lupe / Search ***/

#Top_bar a#search_button {
    position: relative;
    top: 13px;
    display: block;
    float: left;
    font-size: 23px;
    line-height: 22px;
    margin-right: 14px;
    margin-left: -10px;
    color: #ffffff;
}

.column_column {
	display:block;
}

 #Top_bar .top_bar_right .top-bar-right-icon svg .path {
  color: #fff;
  stroke: #fff;
}

/***  ***/

.text-gruen {
    color:#319d55;
    font-weight:700;
	margin-bottom:0;
}

li#menu-item-2510 a span {
	color:#f00;
}
li#menu-item-2510 {
	background-color:rgba(0,0,0,0.9);
}
li#menu-item-2511 a span {
	color:#f00;
	font-weight:bold;
}

/*** Themenseiten ***/
.video-boxen-themenseiten .mcb-wrap {
	padding:0 10px;
}
.video-boxen-themenseiten .column_video {
	margin-bottom:20px!important;
}
.video-boxen-themenseiten .column_visual {
	line-height:1.3;
}

/*** newsletter form ***/

 label {
	font-weight:400;
	color:#fff;
	font-size:1.1;
}
.n2g-div input[type="email"] {
	padding-top:5px;
	padding-bottom:5px;
}
input[type="checkbox"] + label {
	font-weight:300;
	color:#fff;
	font-size:.8rem;
}
.checkbox-inline {
	margin-top:-15px;
	padding-top:0!important;
}

/*** ***/

#Footer ul.stadtliste-startseite-footer li a {
	font-size:.8rem;
	letter-spacing:0;
}

.home .mobilelogo {
	display:none;
}

.download-mappe h1 {
		padding-left:40px!important;
		padding-top:20px;
}

/*** ***/

.wp-caption-text {
	text-align:right;
	color:#fff;
	background:transparent;
	margin-right:10px;
	font-size:.8rem;
	
}

/*** ***/
.single-termin-foto img {
	width:800px!important;
}

.cursorklick {
	cursor: pointer;
}
body {
    letter-spacing: .08em;
}
.est-frontend-display-wrap.est-template-1 a.est-tab-link {
    background-color: #319d55;
    color: #ffffff;
    text-decoration:none;
}
.est-frontend-display-wrap.est-template-1 a:hover {
    background-color: #98ceaa!important;
    color: #444!important;
}
img.alignleft {
    margin-top:7px;
}
.headline-margin-bottom {
    margin-bottom:10px;
}

ul.smalllist {
    list-style-type:none;
}

.sg-popup-content {
	padding:20px;
}

/*** seiten ***/
.helle-schrift {
    color:#fff;
}
.no_content {display:none}

.style-simple .faq .question {
        border-width: 1px;
        border:0;
}
.presse-archiv .question {
    border-bottom:1px solid #777!important;
}
.presse-archiv .title {
    padding-left: 20px!important;
    font-weight:700;
}
.presse-kontakt h2, .presse-kontakt h3 {
    padding-left:40px;
	color:#319d55;
}
.download-mappe, .presse-kontakt {
	margin-top:40px;
}
.download-mappe p, .presse-kontakt p {
    padding-left:40px;
}
.download-mappe p:first-child {
    font-size:1.4rem;
}
.presse-kontakt p:first-child {
    padding-top:40px;
    font-size:1.6rem;
    line-height:1.9rem;
    font-weight:700;
}
.p-gross {
    font-size:1.6rem;
    line-height:1.9rem;
    font-weight:700;
}
.style-simple .faq .question:after {
    width:0px;
}

/*** termine detail seite ***/
.mitmachen-text, .was-ist-text, .sgpb-popup-builder-content-html, .termine-details-text, .termine-details, .download-mappe, .presse-kontakt {
    letter-spacing: .0em;
    line-height:1.5;
}
.termine-details-text p {
    padding:10px 30px;
}
.termine-details h1 {
    margin-bottom:40px;
}
.termine-details ul {
    margin-left:0;
    padding-left:0;
    list-style-type:none;
    color:#000;
}
.termine-details ul li i {
    font-size:1.6rem;
    color:#319d55;
}
.ticket-button-details {
    background:#319d55;
    color:#ffffff;
    font-weight:700;
    padding:16px 30px;
    text-transform:uppercase;
    white-space: nowrap;
}
.ticket-button-details:hover {
    text-decoration:none;
    background:rgba(49,157,85,.5);
    color:#ffffff;
}

/*** Mitmachen ***/

.mitmachen-text h1 + p {
    color:#319d55;
    font-weight:700;
}
.mitmachen-foto.column, .mitmachen-erfahrungen.column {
    margin: 0 0 0 0;
    width:100%;
}
.mitmachen-erfahrungen a.button {
    background-color: transparent;
    color: #319d55;
    font-size:3.0rem;
}
.mitmachen-erfahrungen .author h5 {
    font-weight:700;
    line-height:.8rem;
    font-size:.8rem;
    color:#fff;
    text-transform:capitalize;
}
.mitmachen-erfahrungen .bq_wrapper {
    margin-bottom:0!important;
}
.mitmachen-erfahrungen .author span[class=company] {
    color:#fff!important;
    font-weight:300;
    font-size:.7rem;
}
.testimonials_slider.single-photo a.slider_prev, .testimonials_slider.single-photo a.slider_next  {
    display: block!important;
    top:790px;
}
.bq_wrapper {
   padding: 24px 84px 0px!important;
}
.mitmachen-erfahrungen a.button .button_icon {
    padding: 11px 40px;
}
div.hr_dots {
    display: none;
}

/*** ***/

.style-simple table td {
    padding-top:16px;
    padding-bottom:16px;
}

.style-simple table.slimslams td {
    padding-top:4px;
    padding-bottom:4px;
}

.style-simple table td {
    border-width: 0 0 1px 0;
}
.style-simple table td:first-child {
    text-align:left;
    color: #319D55;
}
.style-simple table tr td:nth-child(0n+4) {
    text-align:left;
    color: #319D55;
}
.style-simple table tr  td:nth-child(0n+5) a {
    color: #319D55;
    text-transform:uppercase;
    padding:6px 32px;
    border:2px solid #319D55;
}
.style-simple table tr  td:nth-child(0n+6) i {
    color: #319D55;
    font-size:1.6rem;
}

/*** title / subheader ***/

#Subheader .title {
    color: #319D55;
    font-family: "Vanguard", Arial, Tahoma, sans-serif;
    text-align:left!important;
}


/*** Logo != Startseite ***/
.logo, .logo img {
    position: absolute;
    top:-14px;
    left:16px;
    height: 140px;
    width: 140px;
}

#Top_bar #logo img {
  vertical-align: middle;
  max-height: none;
}

.logo-menu-left {
    display:none;
	position: absolute;
    top:51px;
}
.logo-menu-right {
	display:none;
    position: absolute;
    top:51px;
    left:190px;
}
.logo-menu-left a,.logo-menu-right a {
    color:#319D55;
    font-size:.9rem;
}

/*** Footer ***/

footer .footer-text-kleiner {
    font-size: 14px;
    letter-spacing: 0;
    line-height:1.3em;
}
footer .footer-text-klein {
    font-size: 12px!important;
    letter-spacing: .0em;
    line-height:1.3em;
}
footer .footer-text-klein a {
    text-decoration:underline;
}
footer a {
    color:#ffffff!important;
}
footer .social-quadro {
    display: flex;
    margin-top:10px;
}
footer .social-quadro i {
    font-size: 48px;
}
.footer-widget-headline {
    font-size: 24px;
    padding-bottom:20px;
}
#Footer .widgets_wrapper {
    padding: 40px 0 10px 0;
}

/*** ***/

.hellgrau-font, .startseite-social-box a, footer .social-quadro i,.logo-menu-left a,.logo-menu-right, .logo-menu-right a {
    color:#9b9b9b;
}

.headline-font {
    font-family: "Vanguard", Arial, Tahoma, sans-serif;
}
.startseite-text-unter-logo {
    font-size: 34px;
    text-align: center;
}
.startseite-social-box {
    text-align:center;
}
.startseite-social-box a:hover {
    color:#319d55;
}
.startseite-social-box p:first-child {
display: inline-block;
}
.startseite-social-box ul {
    display: inline-block;
    margin-left:8px;
}
.startseite-social-box ul li {
    display: inline-block;
    margin-right: 6px;
}

.zindex-high {
    z-index:90;
}

/*** Startseite Partner ***/

.startseite-partner p {
    font-family: "Vanguard", Arial, Tahoma, sans-serif;
    text-transform:uppercase;
    font-size: 34px;
	line-height:1;
    font-weight:700;
    color:#9b9b9b;
}

/*** Startseite Link Boxen ***/

.startseite-linkboxen {
	padding-top: 60px!important;
	padding-bottom: 40px!important;
}
.startseite-text {
	padding-top: unset;
	padding-bottom: 60px!important;	
}

/** corona (temporaer) 
.startseite-linkboxen.corona-frame {
	padding-top:0px!important;
}
**/
.startseite-linkboxen div.one-third {
    padding:0!important;
}
.startseite-linkboxen h2 a, .startseite-linkboxen p a, .startseite-header {
    color:#ffffff;
}
.startseite-linkboxen h2 {
    margin-bottom:4px;
}
.startseite-linkboxen p {
    font-size:1.1rem;
}

#Top_bar {
    background:#000;
    padding-bottom: 20px;
	top:41px;
}
.startseite-box {
	color:#fff;
	line-height:1.5;
	text-align:justify;
}
.startseite-box.column {
	margin-bottom:10px;
}

#startseite #Top_bar:not(.is-sticky) {
    background:transparent!important;
}

#Top_bar .menu li ul li {
    width:260px;
}
#Top_bar .menu > li > a span:not(.description) {
    line-height: 20px;
}
#Action_bar .social {
    float: right;
    padding: 10px 0;
}
.home #Action_bar .social li,.home #Action_bar .social li a {
	color:#fff;
}

/*** Startseite Button Termine ***/

.startseite-button-termine {
    margin-top:30px;
    font-family: "Vanguard", Arial, Tahoma, sans-serif;
	line-height:1;
    text-transform:uppercase;
    font-size: 24px;
    /*padding: 7px 20px 11px 20px;*/
	white-space: nowrap;
}
.startseite-button-termine a.button .button_label {
    padding: 7px 20px 11px 20px;
}
.startseite-button-termine a.button:hover {
    background:#98ceaa;
}

/*** textschatten (Lesbarkeit) ***/

.event2-customshadow {
/*box-shadow: 0px 20px 52px 0px rgba(0, 0, 0, 0.30); */
}
h1,ul#menu-menu li a { /* h2,h3,h4,h5,h6 */
    text-transform:uppercase;
}

/*** Termin-Line ***/

.moveup-bar {
    height: 110px;
    margin-top: -190px;
    z-index: 28;
}
.moveup-bar .button {
    background-color: #000000;
}

/*** startseite termine ***/

.startseite-termine.column{
    margin-top:14px!important;
}
.startseite-termine .one-sixth, .startseite-termine .one-fourth {
    font-size: 18px;
    font-family: "Vanguard", Arial, Tahoma, sans-serif;
    color:#fff;
}
.startseite-termine .one-sixth a, .startseite-termine .one-fourth a {
    color:#ffffff!important;
}
.startseite-termine .one-sixth a span {
    font-family: "Roboto", Arial, Tahoma, sans-serif;
    line-height: 10;
	font-size:2.1rem;
}

/*
@media only screen and (max-width: 1239px) {
	.startseite-termine .one-sixth a span {
		font-size:.8rem;
	}
}
@media only screen and (max-width: 595px) {
	.startseite-termine .one-fourth a span {
		font-size:.8rem;
		font-weight:200!important;
	}
}
*/

/*** startseite slam buchen ***/

.column.startseite-slam-buchen {
    margin-bottom:0;
}
.startseite-slam-buchen {
     background:rgba(49,157,85,0.8);
}
.startseite-slam-buchen h2 {
    color:#fff;
    letter-spacing: .1em;
	line-height:1;
    margin-bottom:0;
    padding: 40px 20px 16px 20px;
    font-size: 34px;
}
.startseite-slam-buchen h2 a {
    color:#fff;
}
.startseite-slam-buchen p {
    color:rgba(255,255,255,0.9);
    font-size: 22px;
    letter-spacing: .03em;
    padding: 0 20px 180px 20px;
}

/*** Checkboxen ***/

label.footer-text-klein {
margin-top:16px;
margin-bottom:10px;
}

.wpcf7 .wpcf7-list-item {
  display: block;
  margin-bottom: 0px;
}

.wpcf7-form .wpcf7-checkbox label {
  position: relative;
  cursor: pointer;
}

.wpcf7-form .wpcf7-checkbox input[type=checkbox] {
  position: relative;
  visibility: hidden;
}

.wpcf7-form .wpcf7-checkbox input[type=checkbox] + span {
    letter-spacing: .0em;
    font-weight:300;
    line-height: 1.3em;
    display: block;
    margin-left: 20px;
    margin-top: -21px;
}

.wpcf7-form .wpcf7-checkbox input[type=checkbox] + span:before {
  display: block;
  position: absolute;
  content: '';
  background: #fff;
  line-height: 1.0em;
  height: 20px;
  width: 20px;
  top: 0px;
  left:0px;
}

.wpcf7-form .wpcf7-checkbox input[type=checkbox] + span:after {
    display: block;
    position: absolute;
    content: '\2714';
    color:#319D55;
    height: 16px;
    width: 16px;
    top: 2px;
    left: 3px;
    visibility: hidden;
    font-size: 18px;
    font-weight:700;
}
.wpcf7-form .wpcf7-checkbox input[type=checkbox]:checked + span:before {
    background: #fff;
}
.wpcf7-form .wpcf7-checkbox input[type=checkbox]:checked + span:after {
   visibility: visible;
}
input[type=submit] {
    width:100%;
	padding: 8px 0;

}
select {
	margin:20px 0 40px 0;
	width: 300px;
	padding: 14px;
	font-size:18px;
	border: 0 !important;
    background:rgba(49,157,85,.5);
  /* needed */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
  /* SVG background image */
	  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-size: .6em;
	background-position: calc(100% - 1.3em) center;
	background-repeat: no-repeat;
}
select::-ms-expand {
    display: none;
}
select:active {
background:#ff0;
}

/*** menu startseite ***/

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

ul#menu-menu {
    display: inline-flex;
    list-style-type:none;
    padding-top:20px;
}
ul#menu-menu li {
    margin-right:20px;
}
ul#menu-menu li a {
    font-family: "Vanguard", Arial, Tahoma, sans-serif;
    color:#fff;
    text-decoration:none;
    letter-spacing: .08em;

    /*text-shadow:0px 0px 4px #000;*/
}
ul#menu-menu li a span {
        padding: 0 10px!important;
}
ul#menu-menu li a:hover {
    color:#319D55;
}
}
@media only screen and (max-width: 1239px) {
	#Top_bar a.responsive-menu-toggle {
		background:#000;
		margin-top:30px;
	}
	#Subheader {
    background-color: rgba(0,0,0,1);
	}
	#Top_bar #menu {
		padding-right:20px;
	}
}
@media only screen and (max-width: 767px) {
	#Footer .widgets_wrapper {
		padding-left:20px;
		padding-right:20px;	
	}	
	#startseite #Top_bar:not(.is-sticky) {
    	background: #000!important;
	}
	.home .mobilelogo {
		display:block;
	}
	.top_bar_left {
		background-color:#000!important;
	}
	.logo, .logo img {
		position: absolute;
		top: 20px;
		left: 20px;
		height: 100px;
		width: 100px;
		z-index:99999999;
	}
	.moveup-bar {
		height: 0;
		margin-top: 0px;
		z-index: 100;
	}	
	#Subheader {
		display:none;
	}
	#Top_bar .container {
		background:#000;
	}
	#Top_bar {
		height: 60px;
		padding-bottom: 0px;
	}	
	.startseite-linkboxen {
		padding-top: 40px!important;
		padding-bottom: 40px!important;
	}
	.dontshowmobile {
		display:none!important;
	}
	.section_wrapper, .container, .four.columns .widget-area {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	/*** Startseite Partner ***/

	.startseite-partner p {
		padding-right:20px;
		padding-left:20px;
		font-size: 28px;
		line-height:1;
		font-weight:700;
		color:#9b9b9b;
	}
	.mobil-breit {
		padding-right:20px!important;
		padding-left:20px;
	}
	
	.download-mappe h1 {
		padding-left:20px!important;
	}
	
	.mitmachen-erfahrungen .bq_wrapper {
    	padding: 24px 0 0!important;
	}
	
	.testimonials_slider.single-photo a.slider_prev, .testimonials_slider.single-photo a.slider_next {
    	display: none!important;
	}

}

.slammer-single-container {
    display: flex;
    flex-wrap: wrap;	
	column-gap:40px;
}

.slammer-column-left {
    flex: 1; /* bewirkt, dass beide Spalten die gleiche Breite haben */
	background-color:#000000;
	min-height:100vh;
}

.slammer-column-right {
	padding-top:40px;
    flex: 1;
}

@media (max-width: 768px) {
    .slammer-single-container {
        flex-direction: column;
    }

    .slammer-column-left, .slammer-column-right {
        flex-basis: 100%; /* Stellt sicher, dass beide Spalten die volle Breite einnehmen */
        min-height: auto; /* Setzt die Höhe der linken Spalte auf Auto */
    }

    .slammer-column-right {
        padding-top: 20px; /* Optional: Reduzierter Abstand für Mobilansicht */
    }
}


/*** Slammer Seite ***/
@media only screen and (min-width: 768px) {
	.blackhighmobile {
		background-color: rgb(0, 0, 0); height: 100vh;
	}
	.blackhighmobile2 {
		padding: 40px 40px 0px 60px;
		height: 100%;
	}
}

@media only screen and (max-width: 768px) {
	.slammer-details .one-second:last-child {
		padding-left:20px;
		padding-right:20px;
	}
}