/*
Theme Name: bloed
Theme URI: https://bloedermittwoch.klingt.org
Author: hausch.io
Author URI: https://hausch.io
Description: bloedes theme
Version: 20230820
Text Domain: bloed
*/

:root {
	--font-main: "Mohave", sans-serif;
	--font-secondary: 'IBM Plex Mono', monospace;
	--col-main: #E70B55;
	--col-bright: #ffffff;
	--col-dark: #000000;
	--vp-w: 100vw;
	--padding-main: 1.5rem;
	--padding-sec: var(--padding-main);
	--gutter-width: 1.5rem;
	--gutter-width2: calc(var(--gutter-width) - 4px);
	--content-width: calc(var(--vp-w) - (2 * var(--padding-main)));
	--content-width-2col: calc( ( ( ( var(--content-width) - (2 * var(--gutter-width)) ) / 3 ) * 2 ) + var(--gutter-width) );
	--content-width-video: var(--content-width);
	--std-border:  2px solid var(--col-bright);
}

/* fonts ************************************************************************************************/


/* latin-ext */
@font-face {
	font-family: 'Mohave';
	font-style: italic;
	font-weight: 300 400 500 600 700;
	font-display: swap;
	src: url('./assets/fonts/mohave/7cHrv4ksjJunKqM_Cfs1wH8DnzcjTrA.woff2') format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Mohave';
	font-style: italic;
	font-weight: 300 400 500 600 700;
	font-display: swap;
	src: url('./assets/fonts/mohave/7cHrv4ksjJunKqM_Cfs7wH8Dnzcj.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
	font-family: 'Mohave';
	font-style: normal;
	font-weight: 300 400 500 600 700;
	font-display: swap;
	src: url('./assets/fonts/mohave/7cHpv4ksjJunKqM_Ass5ynghnQci.woff2') format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Mohave';
	font-style: normal;
	font-weight: 300 400 500 600 700;
	font-display: swap;
	src: url('./assets/fonts/mohave/7cHpv4ksjJunKqM_DMs5ynghnQ.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: italic;
	font-weight: 100;
	font-display: swap;
	src: url('./assets/fonts/ibmplex/-F6rfjptAgt5VM-kVkqdyU8n1ioStkdsp-8_FtFg95o.woff2') format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: italic;
	font-weight: 100;
	font-display: swap;
	src: url('./assets/fonts/ibmplex/-F6rfjptAgt5VM-kVkqdyU8n1ioStkdip-8_FtFg.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: italic;
	font-weight: 200;
	font-display: swap;
	src: url('./assets/fonts/ibmplex/-F6sfjptAgt5VM-kVkqdyU8n1ioSGlZ1jsoQPttoz6Pz.woff2') format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: italic;
	font-weight: 200;
	font-display: swap;
	src: url('./assets/fonts/ibmplex/-F6sfjptAgt5VM-kVkqdyU8n1ioSGlZ1gMoQPttozw.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: italic;
	font-weight: 300;
	font-display: swap;
	src: url('./assets/fonts/ibmplex/-F6sfjptAgt5VM-kVkqdyU8n1ioSflV1jsoQPttoz6Pz.woff2') format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: italic;
	font-weight: 300;
	font-display: swap;
	src: url('./assets/fonts/ibmplex/-F6sfjptAgt5VM-kVkqdyU8n1ioSflV1gMoQPttozw.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url('./assets/fonts/ibmplex/-F6pfjptAgt5VM-kVkqdyU8n1ioa23dgregdFOFh.woff2') format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url('./assets/fonts/ibmplex/-F6pfjptAgt5VM-kVkqdyU8n1ioa1XdgregdFA.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: italic;
	font-weight: 500;
	font-display: swap;
	src: url('./assets/fonts/ibmplex/-F6sfjptAgt5VM-kVkqdyU8n1ioSJlR1jsoQPttoz6Pz.woff2') format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: italic;
	font-weight: 500;
	font-display: swap;
	src: url('./assets/fonts/ibmplex/-F6sfjptAgt5VM-kVkqdyU8n1ioSJlR1gMoQPttozw.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: italic;
	font-weight: 600;
	font-display: swap;
	src: url('./assets/fonts/ibmplex/-F6sfjptAgt5VM-kVkqdyU8n1ioSClN1jsoQPttoz6Pz.woff2') format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: italic;
	font-weight: 600;
	font-display: swap;
	src: url('./assets/fonts/ibmplex/-F6sfjptAgt5VM-kVkqdyU8n1ioSClN1gMoQPttozw.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src: url('./assets/fonts/ibmplex/-F6sfjptAgt5VM-kVkqdyU8n1ioSblJ1jsoQPttoz6Pz.woff2') format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src: url('./assets/fonts/ibmplex/-F6sfjptAgt5VM-kVkqdyU8n1ioSblJ1gMoQPttozw.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: normal;
	font-weight: 100;
	font-display: swap;
	src: url('./assets/fonts/ibmplex/-F6pfjptAgt5VM-kVkqdyU8n3kwa23dgregdFOFh.woff2') format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: normal;
	font-weight: 100;
	font-display: swap;
	src: url('./assets/fonts/ibmplex/-F6pfjptAgt5VM-kVkqdyU8n3kwa1XdgregdFA.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: normal;
	font-weight: 200;
	font-display: swap;
	src: url('./assets/fonts/ibmplex/-F6qfjptAgt5VM-kVkqdyU8n3uALwl5FgsAXHNlYzg.woff2') format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: normal;
	font-weight: 200;
	font-display: swap;
	src: url('./assets/fonts/ibmplex/-F6qfjptAgt5VM-kVkqdyU8n3uALwlBFgsAXHNk.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url('./assets/fonts/ibmplex/-F6qfjptAgt5VM-kVkqdyU8n3oQIwl5FgsAXHNlYzg.woff2') format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url('./assets/fonts/ibmplex/-F6qfjptAgt5VM-kVkqdyU8n3oQIwlBFgsAXHNk.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('./assets/fonts/ibmplex/-F63fjptAgt5VM-kVkqdyU8n1iEq131nj-otFQ.woff2') format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('./assets/fonts/ibmplex/-F63fjptAgt5VM-kVkqdyU8n1i8q131nj-o.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('./assets/fonts/ibmplex/-F6qfjptAgt5VM-kVkqdyU8n3twJwl5FgsAXHNlYzg.woff2') format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('./assets/fonts/ibmplex/-F6qfjptAgt5VM-kVkqdyU8n3twJwlBFgsAXHNk.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('./assets/fonts/ibmplex/-F6qfjptAgt5VM-kVkqdyU8n3vAOwl5FgsAXHNlYzg.woff2') format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('./assets/fonts/ibmplex/-F6qfjptAgt5VM-kVkqdyU8n3vAOwlBFgsAXHNk.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('./assets/fonts/ibmplex/-F6qfjptAgt5VM-kVkqdyU8n3pQPwl5FgsAXHNlYzg.woff2') format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('./assets/fonts/ibmplex/-F6qfjptAgt5VM-kVkqdyU8n3pQPwlBFgsAXHNk.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* base ************************************************************************************************/

html, body {
	margin: 0;
	padding: 0;
	max-width: var(--vp-w);
	width: var(--vp-w);
	font-size: 100%;
	font-family: var(--font-main);
	font-weight: 500;
}

body {
	background-color: var(--col-main);
	color: var(--col-bright);
	overflow-x: clip;
	overflow-y: scroll;
}

p {
	font-size: 1.25rem;
	text-align: justify;
	hyphens: auto;
}

h1, h2, h3, h4 {
	text-transform: uppercase;
}

h1 {
	font-size: 3rem;
	font-style: italic;
	margin: 0;
	position: relative;
}

a, a:hover, a:visited {
	color: var(--col-bright);
}

ul, ol {
}

/* structure **********************************************************************************************/

#wrapper {
	overflow: clip;
	position: absolute;
	width: var(--content-width);
}

.wrapper {
	padding: calc(var(--padding-main) - var(--gutter-width)) var(--padding-main) ;	
}

.wrapper-front {
	padding: var(--padding-main);
}

#header {
	border-bottom: var(--std-border);
	margin-bottom: 5rem;
	display: flex;
	align-items: end;
	padding-top: var(--gutter-width);
}

#header {
	position: sticky;
	top: 0;
	left: 0;
	background-color: var(--col-main);
	z-index: 999;
}

#header-front {
	border-bottom: none;
	margin-bottom: 0rem;
	display: flex;
	align-items: end;
}

#header #menu {
	flex-grow: 1;
}

#footer {
	border-top: var(--std-border);
	margin-top: 5rem;
}

.header-main-meta, .header-meta {
	border-top: var(--std-border);
}

.page-front.entry-about {
	padding-top: var(--gutter-width);
}
.page-front.entry-about p {
	margin: 0;
}

.post-event-heading {
	margin-bottom: -0.25rem;
	margin-top: 0;
}

.div-event-meta h2 {
	font-size: 3rem;
	font-style: italic;
	margin: 0;
	position: relative;
	line-height: 0.75;
	left: -6px;
}

.event-details h2 {
	column-span: all;
}

/* structure **********************************************************************************************/

/* base */

.grid-main {
	display: grid;
	grid-template-columns: 1fr;
	grid-auto-rows: auto;
  	grid-auto-flow: row dense;
	grid-gap: 0 var(--gutter-width);
}

/* boxes */

.box {
	height: min-content;
}

.box-inner-event-lineup p {
	color: var(--col-main);
}

.box-event-details {
	grid-column: auto;
}

.box-event-header {
	grid-column: auto;
}

.box-event-main {
	grid-column: auto;
}

.box-event-meta {
	grid-column: auto;
}

.box-feature {
	max-width: var(--content-width);
	background-color: var(--col-bright);
}

.box-feature a {
	color: var(--col-main);
}

.box-front-branding {
	grid-column: 1;
	grid-row: 1/-1;
	grid-column-start: 1;
}

.box-front-events-featured {
	grid-column: 1;
	top: 0.25rem;
	position: relative;
}

.box-front-events:nth-of-type(even) {
	grid-column: 2;
}

.box-front-events:nth-of-type(odd) {
	grid-column: 3;
}

.box-front-sidebar {
	grid-column-start: 1;
}

.box-fullwidth {
	grid-column: 1/-1;
}

.box-inner {
	padding-bottom: var(--gutter-width2);
}

.box-list {
	grid-column: 1/-1;
}

.box-main-header {
	grid-column: 1/-1;
}

.box-span-2 {
	grid-column: 1/-1;
}

.box-subscribe {
	grid-column-start: 1;
}

/* style *****************************************************************************************/

.header h1 {
	line-height: 0.75;
	/*margin-bottom: -1.4rem;*/
}

.header-main h1 {
	/*line-height: 0.56;*/
	/*margin-bottom: -1.4rem;*/
	line-height: 0.75;
	margin-bottom: -0.25rem;
}

.title-small {
	font-size: 3rem;
	/*line-height: 0.58;*/
	left: -1px;
	margin-bottom: -0.9rem;
}

.post-front-heading {
}

.post-front-heading-featured {
	line-height: 0.75;
	margin-top: 0.15rem;
	margin-bottom: -0.4rem;
	left: 1px;
}

/* menu & branding *****************************************************************************************/

#branding {
}

#site-logo-front {
	font-size: 0;
}

#site-title, #site-credits, #site-description {
	display: none;
}

.img-logo {
	width: 4rem;
	height: 4rem;
	top: 6px;
	position: relative;
	margin-right: 2px;
	/*z-index: 9;*/
}

.img-logo-front-page {
	width: 100%;
	height: auto;
	position: relative;
}

#menu-main-menu, #menu-main-menu-front-page {
	margin: 0;
	padding: 0;
	display: flex;
}

#menu-main-menu {
	justify-content: end;
	flex-wrap: nowrap;
}

#menu-main-menu-front-page {
	justify-content: space-between;
	flex-wrap: wrap;
}

#menu-main-menu li, #menu-main-menu-front-page li {
	list-style: none;
}


.menu-front {
	padding-top: 1px;
	margin: 0 -1px;
}

.menu-item {
	margin: 0;
	padding: 0.25rem 0.25rem 0.05rem 0.25rem;
	background-color: var(--col-bright);
	font-size: 1.25rem;
	flex-grow: 1;
	text-align: center;
	font-style: italic;
}

.menu-item a {
	text-decoration: none;
	color: var(--col-main);
}

#menu-main-menu-front-page .menu-item {
	margin: 1px;
}

#button-menu-mobile {
	width: 100%;
	position: absolute;
	height: 100%;
	cursor:pointer; 
}

#checkbox-menu-mobile {
  display:none;
}

#checkbox-menu-mobile:checked ~ #header #menu {
	display: inline-block;
}

.menu-header {
	top: -100vh;
	transition: 0.25s ease-in-out;
	z-index: 10;
	position: absolute;
	left: 0;
	width: 100%;
	opacity: 0;
}

#checkbox-menu-mobile:checked ~ .menu-header {
	top: calc(var(--padding-main) + 4rem + 6.5px);
	transition: 0.25s ease-in-out;
	opacity: 1;
}

#menu-main-menu {
	flex-direction: column;
}

.menu-header .menu-item {
	margin: 0px 0;
	padding: 1rem 0 0.5rem 0;
	font-size: 2.5rem;
	border-top: 2px solid var(--col-main);
	border-bottom: 2px solid var(--col-main);
}

#checkbox-menu-mobile:checked ~.menu-header .menu-item:first-of-type {
	border-top: 4px solid var(--col-main);
}

#checkbox-menu-mobile:checked ~.menu-header .menu-item:last-of-type {
	border-bottom: 4px solid var(--col-main);
}

#checkbox-menu-mobile:checked ~ #button-menu-mobile .button-close {
	opacity: 1;
	transition: 0.25s ease-in-out;
}

.button-close {
	position: absolute;
	bottom: 0rem;
	right: 0rem;
	opacity: 0;
	width: 2.7rem;
	height: 2rem;
	background-color: var(--col-main);
}

.button-close::before,
.button-close::after {
    position: absolute;
    content: '';
    width: 3rem;
    height: 2px; /* cross thickness */
    background-color: var(--col-bright);
}

.button-close::before {
    transform: rotate(45deg);
}

.button-close::after {
    transform: rotate(-45deg);
}

/* content elements ************************************************************************************/

.attachment-full, .griditem-video {
	border: var(--std-border);
}

.attachment-full, .griditem-img, .griditem-video, .wp-post-image {
	width: calc( var(--content-width) - 4px);
	height: auto;
}

.griditem-img, .event-poster, .box-event-details img, .griditem-video {
	filter: grayscale(1);
	mix-blend-mode: screen;
	border: var(--std-border);
}

.griditem-img:hover, .box-event-details img:hover, .griditem-video:hover {
	filter: none;
	mix-blend-mode: normal;
}

.box-aside {
	grid-column-start: 1;
}

.box-list header, .box-list .event-poster {
	display: none;
}

.box-list .box-inner {
	padding-bottom: 0;
}

.box-list .archive-list-view {
	display: inline;
}

.box-inner-event-poster {
	height: min-content;
	display: block;
}

.box-inner-event-description {
}

.box-inner-event-lineup {
	padding: 0.5rem 1.5rem;;
}

.box-inner-event-lineup p {
	font-size: 1rem;
	text-transform: uppercase;
}

.box-inner-grid-item-gallery {
	height: auto;
	line-height: 0;
}

.link-popup-gallery {
	display: inline-block;
	height: auto;
	line-height: 0;
}

.div-event-meta a {
	color: var(--col-bright);
}

.div-event-meta h2 {
	color: var(--col-main);
	margin-bottom: -0.25rem;
	padding-top: 0.2rem;
}

.div-event-meta p {
	width: max-content;
	background: var(--col-main);
	color: white;
	padding: 0.15rem 0.5rem 0.15rem 0rem;;
	margin: 0;
	font-style: oblique;
}

.event-details {
	column-count: 1;
	column-gap: var(--gutter-width);
}

.event-details-safari {
	column-count: 1;
}

.event-details p {
	font-size: 1.2rem;
	break-inside: avoid-page;
	margin-block-start:  0;
}

.event-details a {
	line-break: anywhere;
}

.event-details h3, .event-details h4, .event-details img, .event-details .gallery {
	/*margin-block-start:  0;*/
	column-span: all;
}

.event-details h3 {
		margin-top: 2rem;
}

.event-details h3:first-of-type {
		margin-top: 0rem;
}

.event-details ul {
	/*column-span: all;*/
	font-style: italic;
	padding-left: 1rem;
}

.event-details li {
	font-size: 1.2rem;
}

.box-event-details img {
	column-span: all;
	max-width: calc(100% - 4px);
	height: auto;
	width: 100%;
}

.description-popup-image {
	display: none;
}
.link-popup-image-event {
	display: none;
}

.img-logo-partner {
	border: none;
	max-width: 200px;
	max-height: 35px;
	width: auto;
}

.div-partner {
	display: flex;
	flex-direction: column;
}

.div-logo {
	margin-right: 1rem;
	margin-bottom: 1rem;
}

.wp-caption {
	width: 100%;
	break-inside: avoid;
	margin-bottom: 0.6rem;
	margin-top: 0.6rem;
	column-span: all;
}

.wp-caption p {
	font-size: 0.6rem;
	text-transform: uppercase;
	font-weight: 100;
}

.alert {
	font-style: italic;
	font-weight: bold;
}

#copyright {
	padding-top: 1rem;
}

.archive-list-view {
	display: none;
}

.header-chronik {
	position: relative;
}

#switch-view {
	z-index: 1;
	position: absolute;
	bottom: calc(var(--gutter-width2) + 2px);
	right: 0;
}

#switch-view {
	display: flex;
}

.icon-switch-view {
	width: 1rem;
	height: 1rem;
	margin: 0 0 0.25rem 0.5rem;
}

/* news ticker */

.ticker-container {
	width: auto;
	overflow: hidden;
	flex-grow: 1;
	height: 1.5rem;
}

.ticker-wrapper {
	width: 100%;
	padding-left: 100%;
	background-color: transparent;
}

.ticker-transition {
	display: inline-block;
	white-space: nowrap;
	padding-right: 100%;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-name: ticker;
	animation-duration: 15s;
}

.ticker-transition:hover {
	animation-play-state: paused;
	cursor: pointer;
}

.ticker-item {
	display: inline-block;
	padding: 0 2rem;
	font-size: 1rem;
	color: white;
	font-family: var(--font-secondary);
	font-style: oblique;
}

.ticker-item::before {
	content: ' +++ ';
}

.ticker-container-front .ticker-wrapper {
	background-color: var(--col-bright);
}

.ticker-container-front .ticker-item, .ticker-container-front .ticker-item a {
	height: auto;
	border-top: none;
	border-bottom: none;
	color: var(--col-main);
}

@keyframes ticker {
	0% {
		transform: translate3d(0, 0, 0);
	}
	100% {
		transform: translate3d(-100%, 0, 0);
	}
}

@-webkit-keyframes ticker {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		visibility: visible;
	}
	100% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}

/* deko */

.stern {
	position: absolute;
	top: -2.5rem;
	left: -4rem;
}
.schau {
	font-family: var(--font-secondary);
	font-style: italic;
	font-weight: 800;
	font-size: 1.5rem;
	color: var(--col-bright);
	background: var(--col-main);
  	transform: rotate(-15deg);
	padding-left: 2px;
	padding-right: 2px;
}

.stern img, .stern-fb img, .stern-insta img {
	max-width: 100%;
}

.stern > img {
	position: absolute;
	top: 0;
	left: 0;
}

.stern-fb > img, .stern-insta > img {
	position: absolute;
	top: 0;
	left: 0;
}

.stern, .stern-fb, .stern-insta {
	position: absolute;
	z-index: 9999;
	height: auto;
}

.stern {
	width: 12rem;
	transform: rotate(-15deg);
	top: 0;
	top: -3rem;
	left: 0;
	left: -4rem;
}

.stern-fb {
	width: 8rem;
	left: -3rem;
	top: 100vh;
	transform: rotate(0deg);
}

.stern-insta {
	width: 10rem;
	right: -25vw;
	top: 63vh;
	transform: rotate(15deg);
}

.schau, .schau-fb, .schau-insta {
	position: relative;
	z-index: 9999;
}

.schau {
	top: 3.8rem;
	left: 3.75rem;
	transform: rotate(-15deg);
}

.schau-fb {
	transform: rotate(130deg);
	width: 2rem;
	top: 3.75rem;
	left: 3.25rem;
}

.schau-insta {
	transform: rotate(-5deg);
	width: 4rem;
	top: 2.25rem;
	left: 2.25rem;
}

/* bloed tv */

/*.box-bloedtv {
	margin-top: calc((( var(--gutter-width) ) * -1));
}*/

/* .box-inner-grid-item-gallery video {
	max-width: calc( var(--content-width) - 4px);
	border: var(--std-border);
} */

#videoplayer-bloed-tv-main {
	width: calc( var(--content-width) - 4px);
	max-width: calc( var(--content-width) - 4px);
	height: auto;
	border: var(--std-border);
}

/* overrides *******************************************************************************************/

/* fb plugin */

.xoxo {
	list-style: none;
	padding: 0;
}

.widget_fbw_id {
	list-style: none;
	filter: grayscale(1);
	mix-blend-mode: screen;
}

/* contactform7 */

.wpcf7-form-control {
	color: var(--col-main);
	font-family: var(--font-main);
	font-weight: 300;
	padding: 0.25rem 0.5rem 0 0.5rem;
	font-size: 1.5rem;
}

.box-contact-form .wpcf7-text, .box-contact-form .wpcf7-textarea {
	width: calc( var(--content-width) - 1rem);
}

.wpcf7-text, .wpcf7-textarea {
	border: 0;
	font-weight: 300;
}

.wpcf7-form textarea {
	height: 7em;
	resize: none;
	overflow-y: auto;
}

.wpcf7-form input:focus, .wpcf7-form textarea:focus {
	outline: none;
}

.wpcf7-submit {
	width: auto;
	border: none;
	background-color: var(--col-bright);
	border: var(--std-border);
	border-color: var(--col-bright);
}

.wpcf7-submit:hover {
	background-color: var(--col-main);
	color: var(--col-bright);
}

.wpcf7-not-valid-tip {
	color: var(--col-bright);
}

.box-subscribe .wpcf7-form p {
	display: flex;
}

.box-subscribe input {
	max-width: 100%;
	font-size: 1rem;
	width: 100%;
}

.box-subscribe .wpcf7-email {
	opacity: 0.5;
}

.box-subscribe .wpcf7-email:focus {
	opacity: 1;
}

.div-subscribe {
	padding: 0.5rem;
	color: var(--col-main);
	background-color: var(--col-bright);
}

.div-subscribe * {
	margin: 0;
}

.div-subscribe .wpcf7-form-control {
	padding: 0;
}

.div-subscribe .wpcf7-form-control-wrap {
	flex-grow: 1;
}

.div-subscribe form.sent .wpcf7-response-output, .div-subscribe form.invalid .wpcf7-response-output {
	margin: 0;
	padding: 0;
	border: none;
}

.div-subscribe .wpcf7-submit {
	padding: 0 0.25rem;
	background-color: var(--col-main);
	color: var(--col-bright);
	width: auto;
}

.box-subscribe .wpcf7-text {
	max-width: 100%;
}


/* responsive ******************************************************************************************/

@media (min-width: 350px) and (max-width: 500px) {
	.stern-insta {
		right: -20vw;
	}
}

@media (min-width: 500px) and (max-width: 600px) {
	.stern-insta {
		right: -15vw;
	}
}

@media (min-width: 600px) and (max-width: 750px) {
	.stern-insta {
		right: -12vw;
	}
}

@media (min-width: 600px) {
	:root {
		--gutter-width: 2rem;
		--content-width-video: var(--content-width-2col);
	}
	.grid-main {
		grid-template-columns: repeat(3, 1fr);
		grid-auto-rows: 4px;
	}
	.box-event-details {
		grid-column: 1/3;
	}
	.box-event-header {
		grid-column: 1/3;
	}
	.box-event-main {
		grid-column: 1/-1;
	}
	.box-event-meta {
		grid-column: 3/4;
	}
	.box-feature {
		max-width: var(--content-width-2col);
	}
	.box-front-events-featured {
		grid-column: span 2;
	}
	.box-span-2 {
		grid-column: span 2;
	}
	.event-details {
		column-count: 2;
	}
	.event-details-safari {
		column-count: 1;
	}
	.wp-post-image, .griditem-img, .attachment-full, .griditem-video {
		width: calc( 100% - 4px);
	}
	.box-contact-form .wpcf7-text, .box-contact-form  .wpcf7-textarea {
		width: calc( var(--content-width-2col) - 1rem);
	}

	.div-partner {
		flex-direction: row;
	}
	.stern-insta {
		top: 50vh;
	}
}

@media (min-width: 750px) and (max-width: 1249px) {
	.stern-insta {
		right: -8vw;
	}
}

@media (min-width: 600px) and (max-width: 1249px) {
	:root {
		--padding-main: 2rem;
	}
	.stern-fb {
		left: 28vw;
		top: 85vh;
	}
}

@media (min-width: 900px) {
	#header #menu {
		display: inline;
		width: auto;
	}
	#button-menu-mobile {
		display: none;
	}
	.menu-header, #checkbox-menu-mobile:checked ~ .menu-header {
		position: relative;
		top: 0;
		left: 0;
		transition: 0;
		opacity: 1;
	}
	.menu-header .menu-item, #checkbox-menu-mobile:checked ~ .menu-header #menu-main-menu .menu-item {
		transition: 0;
		padding: 0.25rem 0.25rem 0.05rem 0.25rem;
		margin: 1px 0px 2px 2px ;
		font-size: 1.25rem;
		border: 0;
	}
	#menu-main-menu {
		flex-direction: row;
	}
}

@media (min-width: 1250px) {
	:root {
		--padding-main: 10rem;
	}
	.wrapper {
		padding: calc(6.5rem - var(--gutter-width)) var(--padding-main) ;
	}
	.wrapper-front {
		padding: 6.5rem var(--padding-main);
	}
	.post-event-heading {
		margin-bottom: -0.5rem;
		margin-top: 0.5rem;
	}
	.post-front-heading-featured {
		left: 3px;
	}
	h1 {
		font-size: 5rem;
	}
	.header-main h1 {
		margin-bottom: -0.45rem;
	}
	.div-event-meta h2 {
		font-size: 5rem;
		margin-bottom: -0.4rem;
		padding-top: 0.4rem;
	}
	p {
		font-size: 1.5rem;
	}
	.stern {
		position: absolute;
		top: 1.5rem;
		left: 3.5rem;
	}
	.img-logo-partner {
		max-height: 50px;
		align-items: center;
	}
	.stern-fb {
		left: 33vw;
		top: 100vh;
	}
	.stern-insta {
		right: 5vw;
	}
}