/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 16 2026 | 10:34:03 */
/********************************************************************/
/* ALLGEMEIN */
/********************************************************************/

/*
.swiper-slide-duplicate-prev .swiper-slide-inner,
.swiper-slide-duplicate-next .swiper-slide-inner
{
	opacity: 0.2 !important;
}

.swiper-slide-duplicate-active .swiper-slide-inner
{
	opacity: 1 !important;
}
*/


/*** Custom Skip Link ***/

.custom-skip-link 
{
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-120%);
  padding: 10px 14px;
  background: #111;
  color: #fff !important;
  font-size: 0.875rem;
  z-index: 100000;
  transition: transform .2s ease;
}

.custom-skip-link:focus 
{
  transform: translateY(0);
}

/*** Farben ***/

body, html
{
	overflow-x: clip !important;
}

:root 
{
	--kjr-pink: #E5204E;
  	--kjr-gruen: #037258;
  	--kjr-gruen-rgb: 3, 114, 88;
  	--kjr-text: #2D2D2D;
	--kjr-gelb: #FFCD7D;
	--kjr-topbar-height: 0px;
    --kjr-header-height: 0px;
}

a, 
button,
summary.e-n-accordion-item-title 
{
	transition: all .5s;
}

/*** Header ***/

/* Top-Bar */

@media (max-width: 767px) 
{
	.topbar-iconbox .elementor-icon-box-content
	{
		display: none;
	}
}

/* Fixierte Hauptnavigation */

#site-main-header 
{
	position: fixed;
	top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    transition: all 0.25s;
}

/* Sobald die Top-Bar "weg gescrollt" ist */

#site-main-header.is-condensed 
{
    top: calc(var(--kjr-topbar-height) * -1);
}

body main 
{
    margin-top: var(--kjr-header-height);
}

/* Hauptnavi */

.c-hauptnavi .hauptnavi-spezial a
{
	color: white !important;
	background-color: var(--kjr-pink);
	padding: 15px 30px !important;
	border-radius: 30px;
}

.c-hauptnavi .hauptnavi-spezial a:hover,
.c-hauptnavi .hauptnavi-spezial.current-menu-item a
{
	background-color: var(--kjr-gruen);
}

/*** Slider-Bullets ***/

.swiper-pagination-bullet
{
	width: 20px !important;
	border-radius: 5px !important;
}

.swiper-pagination-bullet-active
{
	width: 40px !important;
	border-radius: 5px !important;
}

/*** Logo + Hauptnavi ***/

/* sticky Version */

.balken-logo-hauptnavi.elementor-sticky--active .e-con-inner
{
	padding-top: 30px;
	padding-bottom: 0px;
	margin-bottom: -50px;
}

@media (max-width: 767px) 
{
	.balken-logo-hauptnavi.elementor-sticky--active .e-con-inner
	{
		margin-bottom: -30px;
		padding-top: 20px;
	}
}

@media (max-width: 1024px) 
{
	.balken-logo-hauptnavi.elementor-sticky--active .e-con-inner
	{
		margin-bottom: -40px;
	}
}

/*** sticky Buttons an der Seite ***/

.side-menu .sm-label 
{
	font-family: "Poppins";
    text-transform: uppercase;
    font-weight: 600;
}

/*** Topbar mit Kontaktinfos + Social Icons ***/

@media (max-width: 767px) 
{
	.kontakt-header a .elementor-button-text
	{
		display: none;
	}

	.kontakt-header a .elementor-button-icon
	{
		font-size: 20px;
	}
}

/**************************************************************/
/* STARTSEITE */
/**************************************************************/

/*** BG-Verlauf ***/

.bg-verlauf
{
	background: url(https://kjr.coalo.dev/wp-content/uploads/2026/02/logo-bg-weiss-kreisjugendring-unterallgaeu-2.svg) no-repeat bottom right, linear-gradient(rgba(3, 114, 88, 0) 0%, rgba(3, 114, 88, 0.1) 100%) !important;
    background-size: 40% auto !important;
}

@media (max-width: 767px) 
{
	.bg-verlauf
	{
		background-size: 60% auto !important;
	}
}

/**************************************************************/
/* INHALTSSEITEN */
/**************************************************************/

/*** Anker-Navi ***/

#site-wrapper {
	display: block !important;
	position: relative;
	min-height: 100vh;
	overflow: unset;
}

#site-wrapper #anker-nav {
	display: block;
	position: sticky;
    bottom: 0;
	z-index: 999;
}

#anker-nav ul.nav-list {
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

#anker-nav ul.nav-list li {
	margin: 0;
	padding: 0 1em;
}

#anker-nav ul.nav-list li.item {
	position: relative;
}

#anker-nav ul.nav-list li.item::after {
	content: '';
	position: absolute;
	right: 0;
	top: .25em;
	bottom: .25em;
	width: 1px;
	background-color: #2D2D2D;
}

#anker-nav ul.nav-list li a:not(.anker-navi-button){
	display: block;
	margin: 0;
	padding: .25em;
	transition: .5s;
}

.anker-navi-button
{
	color: white !important;
    background-color: var(--kjr-pink);
    padding: 10px 15px;
	margin-left: 10px;
    border-radius: 50px;	
	font-weight: 600 !important;
}

.anker-navi-button:hover
{
    background-color: var(--kjr-gruen);
}


/**************************************************************/
/* FORMULAR */
/**************************************************************/

/*** Kontaktformular ***/

.zeile-formular
{
	display: flex;
	gap: 20px;
	padding-left: 0px;
	padding-right: 0px;
	justify-content: center;
}

.spalte-formular-halb
{
	flex: 50%;
}

.spalte-formular-ganz
{
	flex: 100% !important;
}

@media (max-width: 767px) 
{
	.spalte-formular-halb
	{
		flex: 100% !important;
	}
	
	.zeile-formular
	{
		flex-direction: column;
		gap: 0;
	}
	
	.zeile-formular.formularbutton
	{
		align-items: center;
	}
	
	.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="password"], .wpcf7 input[type="tel"], .wpcf7 input[type="url"], .wpcf7 input[type="number"], .wpcf7 input[type="search"], .wpcf7 select, .wpcf7 textarea
	{
		font-size: 14px;
	}
}

/* Felder */

.wpcf7 textarea, 
.spalte-formular-ganz label, 
.spalte-formular-halb label
{
	width: 100% !important;
	margin-bottom: 0;
}

.wpcf7 textarea
{
	height: 200px !important;
}

.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 input[type=password], .wpcf7 input[type=tel], .wpcf7 input[type=url], .wpcf7 input[type=number], .wpcf7 input[type=search], .wpcf7 select, .wpcf7 textarea
{
	color: var(--kjr-text);
	padding: 10px 15px;
    font-family: "Poppins", Sans-serif;	
	/* border-radius: 0 10px 0px 10px; */
	border-radius: 0;
	border: 2px solid var(--kjr-text) !important;
}

.wpcf7 input[type=text]:focus, .wpcf7 input[type=email]:focus, .wpcf7 input[type=password]:focus, .wpcf7 input[type=tel]:focus, .wpcf7 input[type=url]:focus, .wpcf7 input[type=number]:focus, .wpcf7 input[type=search]:focus, .wpcf7 select:focus, .wpcf7 textarea:focus
{
	background-color: #FEF1CC;
	color: black !important;
}

.wpcf7 ::placeholder
{
  color: var(--kjr-text);
  opacity: 0.5; 
}

.label-ueberschrift
{
	font-size: 12px;
	font-weight: bold;
	color: white;
	padding: 5px 10px !important;
	display: inline-block;
	border-radius: 0 5px 0 0;
	background-color: var(--kjr-text);
}

/* Checkboxen Datenschutz, etc. */

.datenschutz .wpcf7-form-control .wpcf7-list-item
{
	margin-left: 0 !important;
	float: left;
	margin-right: 1em;
}

.datenschutz .wpcf7-form-control .wpcf7-list-item #dein-datenschutz {
	width: 1em;
	height: 1em;
}

.datenschutz
{
	display: flex;
	padding-left: 0px;
	padding-right: 20px;
	margin-bottom: 0;
    font-family: "Poppins", Sans-serif;	
}

@media (max-width: 767px) 
{
	.datenschutz
	{
		padding-left: 0px;
	}
}

.datenschutz label.text, 
.datenschutz label.text a,
.datenschutz .wpcf7-list-item-label
{
	margin-left: 5px;
	color: white;
	//font-size: 12px;
	line-height: 140%;
}

.datenschutz a,
.datenschutz label.text a
{
 	//color: rgba(255,255,255,0.7);
	color: white;
	font-weight: bold;
	transition: .5s;
}

.datenschutz a:hover,
.datenschutz label.text a:hover
{
 	color: var(--kjr-pink)	
}

/* Senden-Button */

.sendenbutton
{
	margin-top: 40px;
	background-color: var(--kjr-pink) !important;
	color: white !important;
	font-weight: bold !important;
	text-transform: uppercase;
	font-size: 16px;
    font-family: "Poppins", Sans-serif;	
	border: none !important;
	padding: 15px 30px 15px 30px !important;
	display: block;
	border-radius: 50px;
	border: 2px solid white !important;
}

.sendenbutton:hover
{
	background-color: transparent !important;
	color: white !important;
	border-color: white !important;
}

@media (max-width: 767px) 
{
	.sendenbutton
	{
		font-size: 14px;
	}
}

/* Fehleranzeige */

.screen-reader-response
{
    color: white;
	display: none;
}

.wpcf7-response-output
{
	color: white;
	padding: 15px !important;
	background-color: white;
    text-align: center;
	border: 0px solid white;
    margin: 0px 20px 40px 20px !important;
    font-family: "Poppins", Sans-serif;	
}

.wpcf7-not-valid-tip
{
	color: red;
    font-size: 12px;
    display: inline-block;
	position: relative;
    width: auto;
	margin-top: 8px;
    font-family: "Poppins", Sans-serif;	
	
	/* Variante mit Background */
	color: white;
    background-color: red;
    padding: 5px !important;
	margin-top: 10px;
}

.wpcf7-not-valid-tip:before
{
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 10px;
    border: 5px solid transparent;
    border-top: 0;
    border-bottom: 5px solid red;
    transform: translate(-50%, calc(-100% - 0px));
}



/**************************************************************/
/* Buchungskalender */
/**************************************************************/

/* Einträge */

.mc-main .event-title div
{
    line-height: 120%;
}

.mc-main .current-day .mc-date-container
{
	color: white
}

/* Filterleiste unten */

.mc-main .my-calendar-navigation > div
{
    justify-content: center;	
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.my-calendar-navigation .category-key ul
{
    justify-content: center;		
	column-gap: 10px !important;
    row-gap: 10px !important;
}

.mc-main .my-calendar-navigation button, 
.mc-main .my-calendar-navigation a,
.mc-main .my-calendar-navigation .mc-active
{
	border-radius: 25px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
    margin-right: 10px;
}

.mc-main .mc-date-switcher select:first-of-type, 
.mc-main .mc-search-form input[type=text], 
.mc-main .mc_filters select
{
	border-radius: 0 !important;
	border-width: 1px !important;
	margin-right: 10px;
}

.mc-main .my-calendar-navigation select,
.mc-main .my-calendar-navigation input, 
.mc-main .my-calendar-navigation input[type=submit]
{
	border-radius: 0 !important;
	border-width: 1px !important;
	margin-right: 10px;
}

.mc-main .my-calendar-navigation input[type=submit] 
{
    border-radius: 20px !important;
    background-color: black !important;
    color: white;
    text-transform: uppercase;
    font-weight: 600;
    border-width: 0 !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.mc-main .my-calendar-navigation input[type=submit]:hover 
{
    background-color: var(--kjr-gruen) !important;
	outline: 0 !important;
}

.mc-main .my-calendar-navigation .mc-category-title,
.mc-main .my-calendar-navigation .mc-active
{
	font-size: 12px;
}

.mc-main .my-calendar-navigation .no-icon
{
	width: 12px;
    height: 12px;
    border-radius: 12px;
    margin-right: 2px;
}

/**************************************************************/
/* Link Kachel in Tabs (z. B. Angebote) */
/**************************************************************/

a.link-kachel .elementor-widget-heading h3,
a.link-kachel .elementor-widget-heading h4 
{
  color: #E5204E;
  transition: .5s;
}

a.link-kachel .elementor-widget-text-editor 
{
  color: #2D2D2D !important;
  transition: .5s;
}

a.link-kachel .elementor-widget-icon .elementor-icon-wrapper 
{
	line-height: 0;
}

a.link-kachel .elementor-widget-icon svg path 
{
  fill: #E5204E !important;
  transition: .5s;
}

a.link-kachel:hover .elementor-widget-heading h3,
a.link-kachel:hover .elementor-widget-heading h4 
{
  color: #037258;
}

a.link-kachel:hover .elementor-widget-text-editor 
{
  color: #2D2D2D !important;
}

a.link-kachel:hover .elementor-widget-icon svg path
{
  fill: #037258 !important;
}

/**************************************************************/
/* Post Kachel Loop Item */
/**************************************************************/

a.post-kachel .elementor-widget-heading h3,
a.post-kachel .elementor-widget-heading h4 
{
  color: #E5204E;
  transition: .5s;
}

a.post-kachel .elementor-widget-theme-post-featured-image 
{
	width: 45% !important;
}

a.post-kachel .elementor-widget-theme-post-featured-image + .e-con  
{
	flex: 1;
}

a.post-kachel .elementor-widget-theme-post-excerpt,
a.post-kachel .elementor-post-info__item--type-date 
{
  color: #2D2D2D !important;
}

a.post-kachel .elementor-widget-icon .elementor-icon-wrapper 
{
	line-height: 0;
}

a.post-kachel .elementor-widget-icon svg path 
{
  fill: #E5204E !important;
  transition: .5s;
}

a.post-kachel:hover .elementor-widget-heading h3,
a.post-kachel:hover .elementor-widget-heading h4 
{
  color: #037258;
}

a.post-kachel:hover .elementor-widget-theme-post-excerpt,
a.post-kachel:hover .elementor-post-info__item--type-date 
{
  color: #2D2D2D !important;
}

a.post-kachel:hover .elementor-widget-icon svg path 
{
  fill: #037258 !important;
}