/* @override 
	https://musikschule.wv-kernland.at/wp-content/themes/twentytwentyfive-child/style.css?* */

/*
Theme Name: Twenty Twenty-Five Child
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Template: twentytwentyfive
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Tags: one-column,custom-colors,custom-menu,custom-logo,editor-style,featured-images,full-site-editing,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,wide-blocks,block-styles,style-variations,accessibility-ready,blog,portfolio,news
Version: 1.4.1765354263
Updated: 2025-12-10 09:11:03

*/
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css");


/* NAVI */
ul.wp-block-navigation__container.is-responsive.items-justified-right.wp-block-navigation li a:hover {
	text-decoration: none !important;
}


ul.wp-block-navigation__container.is-responsive.items-justified-right.wp-block-navigation li:nth-child(1) {
	padding-bottom: 5px;
	border-bottom: 5px solid #fead28;
}

ul.wp-block-navigation__container.is-responsive.items-justified-right.wp-block-navigation li:nth-child(1):hover {
	border-bottom: 10px solid #fead28;
}

ul.wp-block-navigation__container.is-responsive.items-justified-right.wp-block-navigation li:nth-child(2) {
	padding-bottom: 5px;
	border-bottom: 5px solid #ec242b;
}

ul.wp-block-navigation__container.is-responsive.items-justified-right.wp-block-navigation li:nth-child(2):hover {
	border-bottom: 10px solid #ec242b;
}

ul.wp-block-navigation__container.is-responsive.items-justified-right.wp-block-navigation li:nth-child(3) {
	padding-bottom: 5px;
	border-bottom: 5px solid #e699be;
}

ul.wp-block-navigation__container.is-responsive.items-justified-right.wp-block-navigation li:nth-child(3):hover {
	border-bottom: 10px solid #e699be;
}

ul.wp-block-navigation__container.is-responsive.items-justified-right.wp-block-navigation li:nth-child(4) {
	padding-bottom: 5px;
	border-bottom: 5px solid #3d2d64;
}

ul.wp-block-navigation__container.is-responsive.items-justified-right.wp-block-navigation li:nth-child(4):hover {
	border-bottom: 10px solid #3d2d64;
}

ul.wp-block-navigation__container.is-responsive.items-justified-right.wp-block-navigation li:nth-child(5) {
	padding-bottom: 5px;
	border-bottom: 5px solid #00a5cd;
}

ul.wp-block-navigation__container.is-responsive.items-justified-right.wp-block-navigation li:nth-child(5):hover {
	border-bottom: 10px solid #00a5cd;
}

ul.wp-block-navigation__container.is-responsive.items-justified-right.wp-block-navigation li:nth-child(6) {
	padding-bottom: 5px;
	border-bottom: 5px solid #9fbd3e;
}

ul.wp-block-navigation__container.is-responsive.items-justified-right.wp-block-navigation li:nth-child(6):hover {
	border-bottom: 10px solid #9fbd3e;
}

ul.wp-block-navigation__container.is-responsive.items-justified-right.wp-block-navigation li:nth-child(7) {
	padding-bottom: 5px;
	border-bottom: 5px solid #f5e840;
} 

ul.wp-block-navigation__container.is-responsive.items-justified-right.wp-block-navigation li:nth-child(7:hover) {
	border-bottom: 10px solid #f5e840;
} 

.wp-block-navigation__submenu-container li.wp-block-navigation-link {
	border-bottom: none !important;
}

/* HAMBURGER */
/* Hide the existing WP SVG inside the navigation button */
.wp-block-navigation__responsive-container-open svg {
    display: none !important;
}

/* Apply your custom hamburger button */
.wp-block-navigation__responsive-container-open.always-shown {
    width: 38px;  /* button width */
    height: 38px; /* button height */
	margin-top: 14px;
	margin-left: 20px;
    border: none;
    cursor: pointer;
    background-color: transparent;

    /* Force proper flex centering */
    display: flex !important;
    align-items: center !important;     /* vertical center */
    justify-content: center !important; /* horizontal center */
    line-height: 0;                      /* avoid inherited line height issues */

    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    /* Custom SVG background (hamburger) */
    background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'>\
<rect y='0' width='40' height='5' rx='1.5' fill='%23000'/>\
<rect y='12' width='40' height='5' rx='1.5' fill='%23000'/>\
<rect y='24' width='40' height='5' rx='1.5' fill='%23000'/>\
</svg>");
}


div#modal-2.wp-block-navigation__responsive-container.hidden-by-default.has-modal-open.is-menu-open {
	background-color: rgba(253, 172, 40, 0.97);
	
}

/* Mobile */
/* Hide the old WP X SVG */
.wp-block-navigation__responsive-container-close svg {
    display: none !important;
}

/* New custom close X button */
.wp-block-navigation__responsive-container-close svg  {
    width: 48px;   /* button width */
    height: 48px;  /* button height */
	margin-top: 40px;
    border: none;
    cursor: pointer;
    background-color: transparent;

    /* Ensure flex centering */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 0;

    /* Make sure it’s on top */
    position: relative;
    z-index: 1;

    /* Add the X as a background SVG */
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50% 50%; /* scale inside button */

    background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'>\
<line x1='5' y1='5' x2='35' y2='35' stroke='%23000' stroke-width='5' stroke-linecap='round'/>\
<line x1='35' y1='5' x2='5' y2='35' stroke='%23000' stroke-width='5' stroke-linecap='round'/>\
</svg>");
}


div#modal-2-content.wp-block-navigation__responsive-container-content ul.wp-block-navigation__container.is-responsive.wp-block-navigation {
	width: 100%;
	padding-top: 40px;
}

div#modal-2-content.wp-block-navigation__responsive-container-content ul.wp-block-navigation__container.is-responsive.wp-block-navigation li {
	width: 100%;
	padding-top: 20px;
	font-size: 120%;
}

div#modal-2-content.wp-block-navigation__responsive-container-content ul.wp-block-navigation__container.is-responsive.wp-block-navigation li a {
	width: 100%;
	text-align: right !important;
}

/* NAVI END */

.home main#wp--skip-link--target.wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained div.wp-block-group.alignfull.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	margin-bottom: -20px;
}




.page-id-19 main#wp--skip-link--target.wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained div.wp-block-group.alignfull.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
	padding-bottom: 0px !important;
}

.leaflet-container {
	margin-bottom: 0;
}

/* hero */

.Hero {
	max-width: 1550px !important;
	margin: auto !important;
}

/* BILDER */
main img {
	border-radius: 5px;
}

hr {
	color: #eaeaea !important;
	height: 8px;
	max-width: 300px !important;
	background-color: #eaeaea;
	border-radius: 8px;
	margin-bottom: 40px !important;
}


/* BILD + TEXT*/
.has-media-on-the-right.is-stacked-on-mobile.is-vertically-aligned-top div.wp-block-media-text__content {
	padding-left: 0;
}



/* TYPO */

h1, h2, h3, h4 {
	color: #3d2d64 !important;
}

h1 {
	margin-bottom: 40px !important;
}

 main ul {
	list-style: none;
	padding-left: 0;
}

 main .entry-content li {
  position: relative;
  padding-left: 28px;
}

 main .entry-content ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 16px;
  height: 16px;
  background-color: #aaaaaa; /* icon color */
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M468 7c7.6 6.1 12 15.3 12 25l0 304c0 44.2-43 80-96 80s-96-35.8-96-80 43-80 96-80c11.2 0 22 1.6 32 4.6l0-116.7-224 49.8 0 206.3c0 44.2-43 80-96 80s-96-35.8-96-80 43-80 96-80c11.2 0 22 1.6 32 4.6L128 96c0-15 10.4-28 25.1-31.2l288-64c9.5-2.1 19.4 .2 27 6.3z"/></svg>') no-repeat center / contain;
}

.wp-block-gallery {
	margin-top: 40px !important;
}

.wp-block-gallery li {
	padding-left: 0 !important;
	
}

.wp-block-gallery ul li::before {
	display: none;
}

/* FORM */

.frm_html_container.form-field {
	color: black !important;
	font-weight: bold;
}

/* EVENTS */

/* LIST */
.event-cat {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 120%;
}

h3.em-item-title {
	margin-top: 5px;
	color: black;
}

.event-date {
	font-size: 140%;
	font-weight: bold;
}

.em.em-list .em-item {
	width: 100%;
	display: flex;
	padding-left: 0;
	padding-right: 0;
	border-top: 5px solid #3d2d64;
}

div.em-event.em-item div.em-item-info {
	padding-left: 0px !important;
}

.em-list .em-item-image img {
	width: 250px !important;
	height: auto;
	object-fit: contain !important;
	border-radius: 20px !important;
	padding-right: 0px !important;
}

.em-calendar-preview .em-item-image img {
	width: 150px !important;
	height: auto;
	object-fit: contain !important;
	border-radius: 20px !important;
	padding-right: 0px !important;
}

.em-list div.em-event.em-item div.em-item-image {
	max-width: 250px;
}

div#em-calendar-750956281.em.pixelbones.em-calendar.preview-modal.responsive-dateclick-modal.this-month.size-medium section.em-cal-nav.em-cal-nav-normal div.month.input form input.em-month-picker.flatpickr-input.select-toggle {
	color: black !important;
	font-size: 100px;
}

/* EVENTS Pagination */
div.em-pagination.em-ajax .page-numbers {
	display: flex;
	align-items: center;
	color: black !important;
	justify-content: center;
	background-color: #eaeaea !important;
}

div.em-pagination.em-ajax a.page-numbers, div.em-pagination.em-ajax .page-numbers.current {
	height: 40px !important;
}

div.em-pagination.em-ajax .page-numbers.current {
	background-color: #00A5CD !important;
}

/*EVENTS END */

/* CAT GRID */



.pciwgas-medium-3.pciwgas-columns {
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 20px;
}



.pciwgas-first {
clear:both;
position: relative;
}


/* Ueberschrift Liste */

div.pciwgas-pdt-cat-grid div.pciwgas-post-cat-inner div.pciwgas-description div.pciwgas-cat-desc p {
	display: none;
}



/* Bildzaehler */

span.pciwgas-cat-count {
	color: #989797 !important;
	background-color: transparent !important;
	float: left;
	width: 100% !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-bottom: 40px !important;
	margin-bottom: 0px !important;
	border-top: 1px solid #eaeaea !important;
	text-align: right !important;
	font-size: 70% !important;
	position: absolute !important;
	bottom: 0;
}

span.pciwgas-cat-count:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 8px;
	background-color: red;
	left: 0px;
	bottom: 0px;
	border-radius: 8px;
}

.pciwgas-medium-3.pciwgas-columns:nth-child(6n - 6) span.pciwgas-cat-count:after {
	background-color: #F5E840 !important;
}

.pciwgas-medium-3.pciwgas-columns:nth-child(6n - 5) span.pciwgas-cat-count:after {
	background-color: #00A5CD !important;
}

.pciwgas-medium-3.pciwgas-columns:nth-child(6n - 4) span.pciwgas-cat-count:after {
	background-color: #E699BE !important;
}

.pciwgas-medium-3.pciwgas-columns:nth-child(6n - 3) span.pciwgas-cat-count:after {
	background-color: #9FBD3E !important;
}

.pciwgas-medium-3.pciwgas-columns:nth-child(6n - 2) span.pciwgas-cat-count:after {
	background-color: #3D2D64 !important;
}

.pciwgas-medium-3.pciwgas-columns:nth-child(6n - 1) span.pciwgas-cat-count:after {
	background-color: #00A5CD !important;
}

span.pciwgas-cat-count::before {
	content: "Anzahl der Bilder: ";
}

div.pciwgas-description {
	text-align: left !important;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	min-height: 200px;
}



/* Bildgroessen Liste */

div.pciwgas-img-wrapper {

	border-radius: 5px !important;

}

@media screen and (max-width: 1000px) {
	div.pciwgas-img-wrapper {
		height: 180px !important;
	}
}

@media screen and (max-width: 800px) {
	div.pciwgas-img-wrapper {
		height: 140px !important;
	}
}

@media screen and (max-width: 600px) {
	div.pciwgas-img-wrapper {
		height: 300px !important;
	}
}

@media screen and (max-width: 400px) {
	div.pciwgas-img-wrapper {
		height: 200px !important;
	}
}



.pciwgas-design-1 .pciwgas-post-cat-inner .pciwgas-title a {
	display: block;
	font: 25px/100% Musikschule-Reg, sans-serif;
	padding: 10px 0px 20px !important;
	width: 100%;
	background: transparent;
	margin-bottom: 40px;
	font-weight: normal;
	font-style: normal;
	color: black;
	text-align: center;
	min-height: 100px;
}

.pciwgas-design-1 .pciwgas-post-cat-inner .pciwgas-cat-count+.pciwgas-title {
	margin-top: 0px
}

.pciwgas-design-1 .pciwgas-post-cat-inner .pciwgas-cat-count+.pciwgas-title a {
	padding: 30px 10px 15px 10px;
	

}

.pciwgas-design-1 .pciwgas-post-cat-inner .pciwgas-cat-count {
	background-color: #23527c;
	border-radius: 50%;
	height: 48px;
	line-height: 42px;
	width: 48px;
	margin: 5px auto auto auto;
	border: none !important;
	position: relative;
	z-index: 9
}

.pciwgas-design-1 .pciwgas-no-img .pciwgas-cat-count {
	margin: auto
}

/* BILDER BEITRÄGE; CAT LISTE */
.bilder-karte {
	position: relative;
	padding-bottom: 60px !important;
}

.bilder-karte h2 {
	text-align: center;
}


.bilder-karte .mehr-button {
	position: absolute;
	bottom: 0px;
	height: 40px;
	font-size: 14px;
	color: #999999;
	width: calc(100% - 40px);
	text-decoration: underline;
	text-align: right;
}

.bilder-karte .mehr-button:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 8px;
	background-color: red;
	left: 0px;
	bottom: 0px;
	border-radius: 8px;
}

li:nth-child(6n - 6) .bilder-karte .mehr-button:after {
}

li:nth-child(6n - 6) .bilder-karte .mehr-button:after {
	background-color: #F5E840 !important;
}

li:nth-child(6n - 5) .bilder-karte .mehr-button:after {
	background-color: #00A5CD !important;
}

li:nth-child(6n - 4) .bilder-karte .mehr-button:after {
	background-color: #E699BE !important;
}

li:nth-child(6n - 3) .bilder-karte .mehr-button:after {
	background-color: #9FBD3E !important;
}

li:nth-child(6n - 2) .bilder-karte .mehr-button:after{
	background-color: #3D2D64 !important;
}

li:nth-child(6n - 1) .bilder-karte .mehr-button:after {
	background-color: #00A5CD !important;
}


/* Footer */
footer {
	margin-top: 0;
}