/*
 Theme Name:     twentytwentyfour-child
 Theme URI:      https://peppernet.ch
 Description:    twentytwentyfour child theme
 Author:         Wordpress
 Author URI:     https://wordpress.org
 Template:       twentytwentyfour
 Version:        1.0.0
*/


/* =Theme customization starts here
------------------------------------------------------- */

/* A L L G E M E I N E  D E K L A R A T I O N E N -------*/

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
    font-size: 100%;
}
:root{
	--link-color:#c5570e;
}
a {
	color: var(--link-color);
}
h1.wp-block-heading{
	font-size:2.5em;
	line-height: 1.8em;
	padding:15px 0;	
}
h2.wp-block-heading{
	color: #AA9665;
	font-size:1.7em;
	line-height: 1.4em;
	padding:15px 0;	
}
body {
	background-color: #E8D8B0!important;
	background-image: url(https://alfredzimmerlin.ch/wp-content/uploads/2015/05/noten-bg-15a.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: bottom;
}
.entry-content {
	border:2px solid #A8A595!important;
	position:relative;
	background-color:#fff;
	padding:15px 15px;
	min-height: 80%;
}
h1.wp-block-post-title {
	display: none;
}
hr.wp-block-separator{
	margin:20px 0 40px 0;
}

/* H E A D E R------------------------------------------*/
.wp-block-group.alfredtitel{
	background-image: url(https://alfredzimmerlin.ch/wp-content/uploads/2023/11/name-bg.png);
}
.wp-block-group.alfredtitel {
	margin:20px 0;
	padding:0px!important;
}
p.az-titel{
	font-weight:100;
}

/* N A V I G A T I O N ----------------------------------------*/
nav {
	margin-top:30px;
}
nav li a{
	letter-spacing: 0.1em;
}
nav li:hover {
	color:var(--link-color)!important;
}
nav li a:hover{
	text-decoration: none!important;
}
li.has-child a{
	pointer-events: none;
}
ul.wp-block-navigation__submenu-container{
	/* margin-top:4px; */
	background-color:#D4C296!important;
}
ul.wp-block-navigation__submenu-container li a{
	pointer-events: visible;
	padding:5px;
	bottom:1px solid #ccc;
}
ul.wp-block-navigation__container{
	padding: 5px 10px;
	background-color:rgba(177,156,106,.38);
}
ul li.wp-block-navigation-item{
	background-color:transparent!important;
} 
.page-id-4 li.home a, .page-id-142 li.bio a, body.page-child li.werke a, .page-id-147 li.disco a, .page-id-230 li.concert a, .page-id-234 li.links, .page-id-23 li.contact a{
	color:var(--link-color)!important;
}
.page-id-2398 li.home a, .page-id-39 li.bio a, body.page-child li.werke a, .page-id-2636 li.disco a, .page-id-232 li.concert a, .page-id-2455 li.links, .page-id-187 li.contact a{
	color:var(--link-color)!important;
}
/* Sprachumschalter*/
ul.wp-block-navigation__container li.deut{
	margin-left:50px;
	padding:0 3px;
	border:1px solid #000;
}
ul.wp-block-navigation__container li.engl {
	padding:0 3px;
	border:1px solid #000;
}
/* ENGLISCH aktiv*/
.page-template-wp-custom-template-seiten-deutsch ul.wp-block-navigation__container li.deut,.page-template-wp-custom-template-seiten-englisch ul.wp-block-navigation__container li.engl  {
	border-bottom:3px solid #c5570e;
}

/* G E N E R E L L --------------------*/
.entry-content.wp-block-post-content {
	padding-bottom:60px;
}
.wp-block-group p{
	padding:12px 0;
}

/* H O M E  ----------------------------------------------------*/
.page-id-4 .entry-content.wp-block-post-content, .page-id-2398 .entry-content.wp-block-post-content{
	padding-bottom:15px;
}
/* .headimg img {
position: absolute;
left:0;
top:5px;
width:200px;
height: auto;
} */


/* B I O G R A F I E  ----------------------------------------------------*/
.wp-block-group.biocontent{
	margin-top:-75px;
}
.wp-block-image.azkopf{
	transform:rotate(4deg);
}
/* C H R O N O L O G I S C H E S  V E R Z E I C H N I S    -----------*/
p.downloadwork{
	display:none;
}
.page-id-11 li::marker, .page-id-222 li::marker{
	content:"";
	padding:0;
	margin-top:20px;
}
.page-id-11 .entry-conten li, .page-id-222 .entry-conten li{
	margin:30px 0;
}
.page-id-11 .entry-content li a, .page-id-222 .entry-content li a {
	color:#333;
	text-decoration: none;
	pointer-events: none;
	font-size: 1.2em;
	font-weight: 600;
	font-family: var(--wp--preset--font-family--heading);
	background-color: #f5f5f5;
	padding:5px;
}
.page-id-11 ul.lcp_catlist p a, .page-id-11 ul.lcp_catlist .linkwerk-kom a, .page-id-222 ul.lcp_catlist p a, .page-id-222 ul.lcp_catlist .linkwerk-kom a{
	color:var(--link-color);
	pointer-events: visible;
	font-family:var(--wp--preset--font-family--body);
	font-weight: 200;
	font-size:1em;
	background-color: transparent!important;
}
ul.lcp_catlist li {
	margin-bottom:40px;
}
ul.lcp_catlist li ul li {
	margin-bottom:0px;
}
/* ul.lcp_catlist p a{
	pointer-events: visible;
} */

/* W E R K L I S T E   N A C H   G A T T U N G E N - - - - ------------------*/
.page-id-13 .worklistlinks, .page-id-161 .worklistlinks{
	margin-bottom:40px;
}
.page-id-13 .entry-content ol li a, .page-id-161 .entry-content ol li a{
	margin-bottom:40px;
	text-decoration: none;
	padding:10px 0;

}

.page-id-13 ul.lcp_catlist li a, .page-id-161 ul.lcp_catlist li a {
	color:#333;
	text-decoration: none;
	pointer-events: none;
	font-size: 1.2em;
	font-weight: 600;
	font-family: var(--wp--preset--font-family--heading);
	background-color: #f5f5f5;
	padding:5px;
}	

.page-id-13 ul.lcp_catlist p a, .page-id-13 ul.lcp_catlist .linkwerk-kom a, .page-id-161 ul.lcp_catlist p a, .page-id-161 ul.lcp_catlist .linkwerk-kom a{
	color:var(--link-color);
	pointer-events: visible;
	font-family:var(--wp--preset--font-family--body);
	font-weight: 200;
	font-size:1em;
	background-color: transparent!important;
}
.page-id-13 ul li::marker, .page-id-161 ul li::marker{
	content:"";
	padding:0;
	margin-top:20px;
}

/* D I S C O G R F I E  ----------------------------------------------------*/
.page-id-147 .entry-content .wp-block-group, .page-id-2636 .entry-content .wp-block-group{
	margin: 50px 0;
}
.page-id-147 .entry-content .wp-block-group p, .page-id-2636 .entry-content .wp-block-group p{
	padding:0;
}
.page-id-147 .wp-block-image a img, .page-id-2636 .wp-block-image a img  {
	border:1px solid #888;
}

/* K O N Z E R T E ------------------------------------*/
.page-id-230, .page-id-232{ 
	background-color: #E8D8B0!important;
	background-image: url(https://alfredzimmerlin.ch/wp-content/uploads/2015/05/kek-trio8.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed!important;
	background-position: center bottom!important;
}
.page-id-230 .entry-content.wp-block-post-content, .page-id-232 .entry-content.wp-block-post-content{
	background-color: transparent;
	border:0px!important;
}
#konzertanker {
	width: 100%;
	height: auto;
	position: relative;
	margin:0;
	margin-top:-40px;
}
#konzertanker ul {
	padding-left: 0px!important;
}
#konzertanker ul li {
	width: 70px;
	 list-style-type: none;
	 display:inline-block;
	 background-color: #f2f2f2;
	 border: radius 5px;
	 padding:0 5px;
	 margin: 10px 5px 10px 0;
	 /* border:1px solid #ccc; */
}
#konzertanker ul li	a{
text-decoration: none;
text-align: center;
}
#konzertanker ul li:hover {
	background-color: #777;
	color: #fff!important;
}
#konzertanker ul li:hover > a {
	color: #fff!important;
	text-decoration: none;
}
#konzertanker ul li a {
	margin: 0 auto;
	padding:0 5px;
	color: #000!important;
	display:block;
}
.page-id-230 h3. .page-id-232 h3  {
	background-color: #f1f1f1;
	color: #000;
	padding:10px;
	width:95%;
	margin:40px 0;
}
.page-id-230 h4, .page-id-232 h4{
	border-top-right-radius:7px;
	border-top-left-radius:7px;
	letter-spacing: 0.1em;
	padding-top:15px!important;
}
.page-id-230 h4, .page-id-230 h5, .page-id-230 h6, .page-id-230 .entry-content p, .page-id-232 h4, .page-id-232 h5, .page-id-232 h6, .page-id-232 .entry-content p {

	background-color:#f1f1f1!important;
	opacity:0.8;
	width:95%;
	padding:10px 20px;
} 
.page-id-230 h5, .page-id-232 h5{
	font-size: 130%;
	text-align:center;
	width:240px;
	border-top-left-radius:7px;
	border-top-right-radius:7px;
	background-color:#999!important;
	color:#fff;
	margin-top:20px!important;
	padding: 5px 20px;
}
.page-id-230 h6, .page-id-232 h6{
	font-weight:300;
	font-size: 110%;
	height: auto;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	color:#56952f;
	background-color: #fff!important;
	margin-bottom:30px!important;
	background-image:url(https://alfredzimmerlin.ch/wp-content/uploads/2015/06/mapmarker-klein-grau21.png);
	background-repeat: no-repeat;
	background-attachment: inherit;
	background-position: left center;
	padding-left:50px;
	line-height: 2.4em;
}
.page-id-230 h4.konzert-titel, .page-id-232 h4.konzert-titel {
	padding-bottom: 0px!important;
}
.page-id-230 #wpfront-scroll-top-container, .page-id-232 #wpfront-scroll-top-container {
	padding:5px;
	background-color: #f3f3f3;
}

/* Styling Konzert-Block-------*/
 .k-block p.k-datum{
	font-size: 130%;
	text-align:center;
	width:240px;
	border-top-left-radius:7px;
	border-top-right-radius:7px;
	background-color:#999!important;
	color:#fff;
	font-size:1.25em;
	font-family: serif;
	margin-top:20px;
	padding:5px 20px;
}
.entry-content .k-block h2.wp-block-heading.k-titel{
	background-color: #EFECE4;
	font-size:1.3em;
	color:#333;
	padding-left:20px;
	border-top-left-radius:7px;
	border-top-right-radius:7px;
}
.entry-content .k-block p.k-ort {
	background-color:#fff!important;
	padding-left:50px!important;
	font-weight:300;
	font-size: 110%;
	height: auto;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	color:#56952f;
	margin-bottom:30px!important;
	background-image:url(https://alfredzimmerlin.ch/wp-content/uploads/2015/06/mapmarker-klein-grau21.png);
	background-repeat: no-repeat;
	background-attachment: inherit;
	background-position: left center;
	padding-left:50px;
	line-height: 2.4em;
}
.page-id-230 .is-layout-constrained > * {
	margin-block-start: 0!important;
}
h4.konzert-titel{
	font-weight: 700;
}

/* L I N K S----------------------------------------------------*/
.page-id-234 li, .page-id-2455 li{
padding:4px 0;
list-style: none;
}
.page-id-234 li a, .page-id-2455 li a{
text-decoration: none;
/* list-style-type: none!important; */
color: #444;
}
.page-id-234 li a:hover, .page-id-2455 li a:hover{
color:var(--link-color);
}
/* .page-id-234 li::marker{
	content:"";
} */
.page-id-234 .entry-content ul, .page-id-2455 .entry-content ul  {
	padding-left:0px;
}

/* K O N T A K T  ----------------------------------------------------*/



/* F O O T E R  ----------------------------------------------------*/

.footerblock{
	background-color: #E8D8B0;
	background-color: #C2BB9A;
	padding:10px;
}
.footerblock a{
	text-decoration:none;
}
p.copy {
	color:#fff;
}

/*-------------------------------M E D I A Q U E R i ES ----------------- -------------------------------------------------------------------------
------------------------------------------------------------------------*/


/* RESPONSIVE ALLE MOBILE GERÄTE ----------------------------*/
@media only screen and (max-width:980px) {

}

/*-----------------------------------------------------------------------
 R E S P O N S I V E - HANDY SMALL
 ---------------------------------------------------------------------- */
@media only screen and (max-width:479px) {

}

/*-------------------------------------------------------------------------
R E S P O N S I V E --- HANDY -------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {

header .az-titel{
	text-align: center;
}
.wp-block-navigation__responsive-container-open svg{
	width:35px;
	height: 35px;
} 
/* NA V I G A T I O N--------*/
ul.wp-block-navigation__container li {
	padding:10px 0;
	background-color: #aaa;
}
.wp-block-group .wp-block-spacer {
	height:20px!important;
}
ul.wp-block-navigation__container li.deut{
	margin-left:0px;
}
ul.wp-block-navigation__container li.deut, ul.wp-block-navigation__container li.engl {
	display: inline-flex!important;
}
.page-id-39 .entry-content, .page-id-142 .entry-content {
	margin-top:30px;
}

/* G E N E R E L L */
h1.wp-block-heading{
	font-size:1.7em;
}
h2.wp-block-heading{
	font-size:1.35em;
}

/*H O M E -----------*/
.headimg img {
	margin-left:0px;
	}
}

/*--------------------------------------------------------------------------
R E S P O N S I V E  --- TABLET UND DESKTOP SCHMAL ---------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width:980px) {

}

/* ------------------------------------------------------------------------
R E S P O N S I V E --- DESKTOP
--------------------------------------------------------------------------*/
@media only screen and (min-width: 981px) {
	.wp-block-group .intro{
		padding:80px 0;
	}

}