@charset "UTF-8";
/* CSS Document */
/*
Theme Name: Lyrikfestival Basel 2025
Theme URI: http://www.lyrikfestival-basel.ch
Description: Wordpress Theme für das Internationale Lyrikfestival Basel, Stand 2024
Author: Affolter/Savolainen
Author URI: http://www.affoltersavolainen.ch
*/


/* 0     Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, figure, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin:  0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}




/* 1    Body und Typografie    */

body {
	background: #FFF;
	font-family: 'AS', Helvetica, Arial;
	font-weight: 500;
	font-size: 1.1em;
	color: #b90e2d;
	line-height: 1.3em;
	letter-spacing: 0.015em;
	text-align:left;
	overflow: auto;
	-moz-font-feature-settings:"calt=1, liga=1, clig=1, kern=1";
    -moz-font-feature-settings:"calt", "liga", "clig", "kern";
    -ms-font-feature-settings:"calt", "liga", "clig", "kern";
    -webkit-font-feature-settings:"calt", "liga", "clig", "kern";
    font-feature-settings:"calt", "liga", "clig", "kern";
}


strong {
	font-weight: 700;
	font-style: normal;
	color: #b90e2d;
	}
	
em {
	font-weight: 400;
	font-style: normal;
	border-bottom: 1px solid #b90e2d;
	}
	
::selection {
	background: #b90e2d;
	color: #FFF;
	}
::-moz-selection {
	background: #b90e2d;
	color: #FFF;
	}
::-ms-selection {
	background: #b90e2d;
	color: #FFF;
	}
::-webkit-selection {
	background: #b90e2d;
	color: #FFF;
	}


a:link {
	color: #b90e2d;
	text-decoration: none;
	transition: all ease-in-out 0.2s;
	}
	
a:visited {
	color: #b90e2d;
	text-decoration: none;
	}
	
a:active {
	color: #b90e2d;
	text-decoration: none;
	}
	
a:hover {
	color: #FFF;
	}	



h1 {
	font-size: 3.5em;
	line-height: 1.2em;
	font-style: normal;
	font-weight: 400;
	}


h2 {
	font-size: 1em;
	margin-top: 2em;
	margin-bottom: 1em;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0.05em;
	}
	
h3 {
	font-size: 0.7em;
	line-height: 1.2em;
	margin-top: 0.5em;
	letter-spacing: 0em;
	color: #b90e2d;
	}
	
h6 {
	font-weight: 800;
	color: #b90e2d;
	text-indent: -1.5em;
	margin-left: 1.5em;
	
	}
	
h4 {
	margin-top: 4em;
	}
	
h6 a:link {color: #b90e2d !important;}
	
h3 a:link {
	
	}
	
hr {
	border: 0;
	border-bottom: 1px solid #b90e2d;
	}

li {
	list-style-type: none;
	}

.content li {
	}


.content ul {
    list-style: none; /* Remove list bullets */
    padding: 0;
    margin: 0;
	margin-left: 40px;
	text-indent: -40px;
	
}

.content ol {
    list-style: none; /* Remove list bullets */
    padding: 0;
    margin: 0;
	margin-left: 10px;
	text-indent: -10px;
}

.content ol li { 
    padding-left: 6px; 
}

.content ol li:before {
    content: "•"; /* Insert content that looks like bullets */
    padding-right: 6px;
}

.content ol li a:after {
    padding-left: 6px;
}



/*  2   Layout     */


img {
	-ms-interpolation-mode: nearest-neighbor;
      image-rendering: -webkit-optimize-contrast;
      image-rendering: -moz-crisp-edges;
      image-rendering: pixelated;
}


#wrapper {
	position: absolute;
	width: 100%;
	overflow: hidden;
	}
	
.header {
	position: fixed;
	display: block;
	width: 100vw;
	top: 0px;
	background: #b90e2d;
	color: #FFF;
	height: 38px;
	z-index: 999;
	}
.header a:link {
	color: #FFF;
}

.header a:visited {
	color: #FFF;
}

.header a:active {
	color: #FFF;
}
	
.header:hover {
	background: #b90e2d;
	color: #FFF;
}

.header:hover a:link {color: #FFF; }
	
.header:hover .hamburgerzeile {
	}	
	
	
.header .titel {
	cursor: pointer;
	font-size: 1.8em;
	margin-top: 5px;
	margin-left: 5px;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	font-weight: 300;
	}

@media screen and (min-width: 600px) {
.header .mobile {display:none;}}

@media screen and (max-width: 600px) {
.header .desktop {display:none;}}
	
.banner {
	width: 100vw;
	overflow: hidden;
	height: 0.85em;
	border-bottom: 2px solid #b90e2d;
	word-break: keep-all;
	word-wrap: normal;
	font-size: 2.5em;
	text-transform: uppercase;
	font-weight: 300;
	background: #FFF;
	color: #b90e2d;
}


.banner a:link {color:#b90e2d;}
.banner a:hover {color:#7f0b20;}
.banner .text {
	width: 1000000px;
}

.banner p {
	display: inline-block;
	margin: 4px 0.3em 1px 0.3px;
}


.banner	.animation, .spalte_rubrik .animation {
			animation-duration: 480s;
			animation-timing-function: linear;
			animation-delay: initial;
			animation-iteration-count: infinite;
			animation-direction: initial;
			animation-fill-mode: initial;
			animation-play-state: initial;
			animation-name: lbtHIr;
				}
		
.banner	.element-animation, .spalte_rubrik .element-animation {
  -webkit-animation: animationFrames linear 800s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
 animation: animationFrames linear 800s;
 animation-iteration-count: infinite;
transform-origin: 50% 50%;
}

@-webkit-keyframes animationFrames {
	0% {
    -webkit-transform:  translate(0px,0px)  ;
  		}
  	100% {
    -webkit-transform:  translate(-16010px,0px)  ;
  	}
		}
		
.category-einspaltig .banner .element-animation, .category-einspaltig .spalte_rubrik .element-animation {
  -webkit-animation: animationFrames2 linear 100s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
}
	@-webkit-keyframes animationFrames2 {
	0% {
    -webkit-transform:  translate(0px,0px)  ;
  		}
  	100% {
    -webkit-transform:  translate(0px,-3000px)  ;
  	}
		}


.content {
	position: relative;
	width: 100vw;
	margin-left: auto;
	margin-right: auto;
	}

.content.single {
	margin-top: 38px;
}

.single h1 {
margin: 0px 0px 0px 0.02em;
line-height: 0.9em;
text-align: left;
letter-spacing: -0.05em;
font-weight: 600;
color: #b90e2d;
font-size: 19vw;
padding-bottom: 0.2em;	
}

.single h1:first-of-type {
	margin: 0px;
	padding-left: 0.02em;
	border-bottom: 2px solid #b90e2d;
}

.content.single p {
margin-left: 10%;
width: 80%;
margin-bottom: 1em;
}

.content.single p:last-of-type {
	margin-bottom: 3.5em;
}

.content.single p:first-of-type {
	margin-top: 1em;
}

@media screen and (max-width: 900px) {
	.content.single p:last-of-type {margin-bottom: 1.5em;}
	.content.single p:first-of-type {margin-top: 0em;}
	}
	
figure {
	max-width: 100%;
	}

.inhalt {
	width: 800px;
	padding-left: calc(50vw - 400px);
	padding-right: calc(50vw - 400px);
	padding-top: 1em;
	padding-bottom: 1em;
	font-size: 1.8em;
	line-height: 1.1;
}

.category-titel .inhalt {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

.category-aktuell.category-farben-umkehren div.erste_spalte {
	background: #b90e2d;
	color: #b90e2d;
	border-bottom: 2px solid #FFF;
}

.category-aktuell.category-farben-umkehren a:hover div.erste_spalte {
	background: #FFF;
	color: #7f0b20;

}

.content .category-farben-umkehren a:link {
	color: #b90e2d;
}


div.erste_spalte, div.zweite_spalte, div.dritte_spalte {
	width: 100%; display: flex;
flex-direction: column;}



.category-aktuell a:hover div.erste_spalte,
.category-aktuell a:hover div.zweite_spalte,
.category-aktuell a:hover div.dritte_spalte
{background: #b90e2d; color:##FFF; }

.category-aktuell a:hover div.erste_spalte sup {color: #b90e2d;}


.category-titel .spalten {
	display: none;
}



.category-einspaltig .zweite_spalte, .category-einspaltig .dritte_spalte {
	display: none;
}

.spalte_bild { width: 100%; min-height: 40vw; overflow: hidden; flex:1 1 0;}
.spalte_bild.hochvoll img {width: 100%; height: auto;}
@media screen and (max-width: 1350px) { .spalte_bild.hochvoll img {width: auto; height: 100%;}}

.spalte_bild img {height: 45vw; width: auto; transition: all 0.3s ease-in-out;}
.spalte_bild.hoch img, .spalte_bild.quadrat img {height: auto; width:100%; margin-top:50%; margin-left:50%; transform: translate(-50%,-50%); }

/* Flexbox issue workaround */

.spalte_bild.quer img {margin-left: 50%; transform: translateX(-50%);}

@media screen and (max-width: 1200px) {
	.spalte_bild img {height: 55vw;}
	.spalte_bild.quer img,
	.spalte_bild.quadrat img {height: 100%; width: auto;}
}
@media screen and (max-width: 820px) {
	.spalte_bild img {height: 62vw;
	}}

@media screen and (max-width: 790px) {
	.spalte_bild img {min-height: 70vw; width: 100%; height: auto;
	}
	.spalte_bild.quer img {height: 105%; width: auto;}}



@media screen and (min-width: 701px) and (max-width: 1400px) {
	.lyrikpreis .spalte_bild.quer img,
	.lyrikpreis .spalte_bild.quadrat img,
	.lyrikpreis .spalte_bild.hoch img
	{width: auto; height: 120%; margin-left: 50%; margin-top: 0;
    transform: translateX(-50%);
}
	/* Margin-Top bei Flexbox nicht immer anwenden! */
}

@media screen and (max-width: 700px) {
	.spalte_bild img,
	.spalte_bild.quer img,
	.spalte_bild.hoch img,
	.spalte_bild.quadrat img {width: 102%; height: auto;}
	}

.spalten {border-bottom: 2px solid #b90e2d;}

.category-zweispaltig .spalten {display: flex;}
.category-dreispaltig .spalten {display: flex;}

.programm .spalten {
	border-bottom: 2px solid #b90e2d;
	display: flex;
	flex-direction: row;}


.category-zweispaltig .erste_spalte,
.programm .erste_spalte {
	display: flex;
    flex-direction: column;
	float: left;
	width: calc(50% - 2px);
	border-right: 2px solid #b90e2d;		
} 

.lyrikgruppe .category-zweispaltig .erste_spalte {
	border-right: 0px;
}

.infos .category-zweispaltig .erste_spalte,
.infos .category-zweispaltig .zweite_spalte {
	height: auto;
	padding-bottom: 0em;
}

.category-zweispaltig .spalte_inhalt h1 {
	font-size: 4.6vw;
	margin: 0px;
	padding: 0px 0px 0.2em 0.1em;
	padding-top: 0em;
	font-weight: 500;
	line-height: 0.95em;
	border-top: 2px solid #b90e2d;
	border-bottom: 2px solid #b90e2d;
	letter-spacing: -0.01em;
}

.category-zweispaltig .spalte_inhalt h2 {
	font-size: 4.6vw;
	margin: 0px;
	padding: 0px 0px 0.2em 0.1em;
	padding-top: 0em;
	font-weight: 500;
	line-height: 0.95em;
	letter-spacing: -0.01em;
}


.category-zweispaltig .spalte_inhalt h1:first-of-type {
	padding-top: 0.1em;
	border-top: 0px;
}

.category-zweispaltig .spalte_inhalt p {margin: 0.4em 0.4em 0.6em 10px; }
.category-zweispaltig .mit_rubrik .spalte_inhalt p {margin: 0.4em 0.4em 0.6em 40px; }
.category-zweispaltig .spalte_inhalt h3 {margin-left: 10px; margin-bottom: 0.6em; margin-top: 0.4em;}

.category-zweispaltig .zweite_spalte,
.programm .zweite_spalte {
	display: flex;
	flex-direction: column;
	float: left;
	width: 49.9%;
}
 
@media screen and (max-width: 700px) {
	.lyrikpreis .category-zweispaltig .erste_spalte,
	.lyrikpreis .category-zweispaltig .zweite_spalte,
	.lyrikpreis .category-zweispaltig .dritte_spalte {
		width: 100%; display: block; flex-direction: none;}
}


.lyrikgruppe .category-zweispaltig .zweite_spalte {
	width: 50%;
	border-right: #b90e2d solid 2px;
}

.category-zweispaltig .dritte_spalte {
	display: none;
}

.category-dreispaltig {display: flex;}

.category-dreispaltig .erste_spalte,
.category-dreispaltig .zweite_spalte,
.category-dreispaltig .dritte_spalte {
	flex-direction: column;
	width: 33vw;
	border-right: 2px solid #b90e2d;
	height: 17vw;
	float: left;
}

.category-dreispaltig .dritte_spalte {
	width: 34vw;
	border-right: 0px;
}

.category-zweispaltig .rubrik_container {
width: 35px;
float: left;
height: calc(100% - 2px);
border-right: 2px solid #b90e2d;
overflow: hidden;
display: flex;
position: absolute;
	background: #FFF;
}

.category-zweispaltig .spalte_rubrik {
width: 300vh;
overflow: hidden;
padding-top: 4px;
height: 0.72em;
font-size: 2.5em;
font-weight: 300;
text-transform: uppercase;
transform: rotate(90deg);
transform-origin: bottom left;
float: left;
position: absolute;
color: #b90e2d;
margin-top: -35px; 
}

.category-einspaltig .spalte_rubrik {
width: 50vw;
overflow: hidden;
padding-top: 0.25em;
border-left: 2px solid #b90e2d;
font-size: 7vw;
font-weight: 500;
color: #b90e2d;
letter-spacing: 0.01em;
right: 0px;
}



.spalte_rubrik .text {
	width: 10000000px;
}

.category-einspaltig .spalte_rubrik .text.animation {
	width: 100%;
	line-height: 0.8em;
	letter-spacing: -0.01em;
}

.category-einspaltig.category-aktuell  .erste_spalte {display: flex; flex-direction: row-reverse; height: 7vw; }

.category-einspaltig .spalte_titel {
	flex: 1 1 0;
	margin: 0.05em 0.1em 0.2em 0.1em;
	display: flex;
	font-size: 7vw;
	text-align: left;
	line-height: 0.65em;
	letter-spacing: -0.03em;
	font-weight: 500;
	transition: all ease-in-out 0.3s;
	width: 100%;
}

.category-einspaltig:hover .spalte_titel {
	margin-left: 5vw;
}

.category-einspaltig:hover .spalte_titel::after {
	content: ' Kaufen';
	color: #FFF;
	padding-left: 0.2em;
	position: absolute;
	width: 50vw;
	text-align: center;
	right: 0;
	left: auto;
}

.category-einspaltig .spalte_titel sup {
	color: #b90e2d;
	font-weight: 400;
	top: 0em;
	font-size: 30%;
	letter-spacing: -0.01em;
	line-height: 1em;
}

.spalte_inhalt a:link {color: #b90e2d;}
.spalte_inhalt a:hover {color: #FFF;}

.category-einspaltig .spalte_inhalt {
	padding: 1em 1em 0.5em 50px;
	font-size: 0.8em;
	line-height: 1em;
	color: #b90e2d;
}

.category-einspaltig .spalte_inhalt p {

}

.infos .category-zweispaltig .spalte_inhalt,
.inf0s .category-einspaltig .spalte_inhalt {
	margin: 0px;
	width: 100%;
}

.category-zweispaltig .spalte_titel{
	float: left;
	font-size: 7vw;
	line-height: 0.95em;
	letter-spacing: -0.045em;
	margin-left: 5px;
	margin-bottom: 0.2em;
	flex: 1 1 auto;
}

.single h2 {
	font-size: 7vw;
	line-height: 0.95em;
	letter-spacing: -0.045em;
	margin-top: 0em;
	margin-bottom: 0em;
}

.category-zweispaltig .spalte_inhalt {
font-size: 1.5em;
line-height: 1em;
width: calc(100%);

color: #b90e2d;
}

.category-zweispaltig .mit_rubrik .spalte_titel {
	margin-left: 0.45em;
}



.category-dreispaltig.category-autorin .spalten {
	display: table;
}

.lyrikgruppe .category-zweispaltig .spalten {
	flex-direction: row-reverse;
}




.category-dreispaltig .spalte_titel {
	flex: 1 1 auto;
	font-size: 4.56vw;
	line-height: 0.98em;
	letter-spacing: -0.03em;
	font-weight: 500;
	margin: 5px 0 0 10px;
}

.category-dreispaltig .spalte_inhalt {
	margin: 0px 5px 8px 15px;
}




.category-aktuell:hover img { filter: contrast(1.2);  }
.category-aktuell .erste_spalte:hover, .category-aktuell .zweite_spalte:hover, .category-aktuell .dritte_spalte:hover {

}


	

.clear {
	float: none;
	clear: both;
	background:#b90e2d;
	border-bottom: 0px solid #b90e2d;
	}
	
.category-einspaltig .clear { border-bottom: 0px;}

.hiddenbreak {
	display: none;
	}
	

.category-gedicht .inhalt {
	width: 80%;
	padding-left: 10%;
	padding-right: 10%;
}

.category-gedicht .inhalt p,
.category-gedicht .inhalt h1
{
	font-weight: 800;
	color: #b90e2d;
	margin-left: 1em;
	text-indent: -1em;
}

.category-gedicht .inhalt em {
	font-weight: inherit;
	border-bottom: 0px;
	font-style: italic;
}

.category-gedicht .inhalt h1 {
	font-size: 1em;
	margin-bottom: 1em;
}

.category-gedicht .inhalt h3 {
	color: #b90e2d;
	font-weight: 400;
	font-size: 0.65em;
	margin-top: 0;
	margi-bottom: 2em;
}
	
/*  2b   Startseite     */
	
.post {
	max-width: 100vw;	
}


.category-titel {
	border-bottom: 2px solid #b90e2d;
	position: relative;
	z-index: 9;
	padding-top: 0px;
}

.category-titel:first-of-type {
		padding-top: calc(38px - 0.1em);
}


.category-titel h1 {
	margin: 0px 0px 0px 0.02em;
	line-height: 0.9em;
	text-align: left;
	letter-spacing: -0.05em;
	font-weight: 600;
	color: #b90e2d;
	font-size: 19vw;
		padding-bottom: 0.2em;
	}

.category-aktuell.category-titel h1 {
	letter-spacing: -0.04em;
	line-height: 0.8em;
	margin: 0;
	font-size: 41vw;
	color: #b90e2d;
	font-weight: 800;
	padding-top: calc(38px - 0.8em);
	margin-bottom: 0em;
}




.category-titel .banner {border-top: 0px;} 


.category-aktuell {
	position: relative;
	}
	
img:after {
	content: none !important;
	}
	
	
.aktuellbild {
	height: auto;
	width: 100%;
	margin-left: 0;
	overflow: hidden;
	margin-top: 1em;
	padding: 0;
	display: block;
	}



	

/* 4    Programm     */

.programm_meta1{
display: flex;
flex-direction: row;
justify-content: space-between;
border-bottom: 2px solid #b90e2d;}

.programm_meta1 div {
	font-size: 2.2vw;
	padding: 0.8em 0.1em 0.8em 0.1em;
	width: 30%;
	border-right: 2px solid #b90e2d;
	text-align: center;
}

.programm_meta1 div:last-of-type,
.programm_meta2 div:last-of-type
	{
	border-right: 0px;
}

.programm_meta1 a:link, .programm_meta2 a:link {
	text-decoration: underline;
}

.programm_meta1 a:hover, .programm_meta2 a:hover {
	text-decoration: none;
	color: #b90e2d;
}

.programm_meta2{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	border-bottom: 2px solid #b90e2d;}

.programm_meta2 div {
	font-size: 2.2vw;
	padding: 0.8em 0.1em 0.8em 0.1em;
	width: 49%;
	border-right: 2px solid #b90e2d;
	text-align: center;
}

.category-programm1 .spalte_titel {
	font-size: 7vw;
	line-height: 0.95em;
	letter-spacing: -0.045em;
	margin-left: 15px;
	margin-right: 0.04em;
	flex: 1 1 auto;
	padding-bottom: 0.5em;
}

.programm .category-programmpunkt .zweite_spalte {
	margin-bottom: 0px;
	overflow: hidden;
}

.programm .category-programmpunkt .erste_spalte,
.programm .category-programmpunkt .zweite_spalte {
	height: auto;
	min-height: 35vh;
}

.programm .category-programmpunkt .zweite_spalte p {
	margin-top: 1em;
	margin-left: 1em;
	margin-right: 2em;
}

.programm .category-programmpunkt .zweite_spalte p:last-of-type {
	margin-bottom: 1em;
}

.programm_rubrik {margin-left: 1em; margin-top: 0.5em; font-size: 1.2em; color: #b90e2d;}
/* 4    Navigation     */

/* 4a    Hamburger     */

	
.hamburger {
  display: block;
  position: fixed;
  overflow: hidden;
  top: 0px;
  margin: 0;
  padding: 0;
  width: 50px;
  height: 40px;
  right: 20px;
  font-size: 0;
  text-indent: -9999px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  z-index: 99999;
}



.hamburger:focus {
  outline: none;
}

.hamburger span {
  display: block;
  position: absolute;
  top: 16px;
  left: 5px;
  right: 5px;
  height: 3px;
  background: #FFF;
}


	
.header:hover .hamburger span,
.header:hover .hamburger span::before,
.header:hover .hamburger span::after {
	background-color: #b90e2d;
	}

.hamburger span::before,
.hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #FFF;
  content: "";
}

.hamburger span::before {
  top: -9px;
}

.hamburger span::after {
  bottom: -9px;
}

.hamburger--x {
  background: none;
}

.hamburger--x span {
  transition: background 0s 0.3s;
	transition-delay: 0.3s, 0s;
}

.hamburger--x span::before,
.hamburger--x span::after {
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s;
}

.hamburger--x span::before {
  transition-property: top, transform;
}

.hamburger--x span::after {
  transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.hamburger--x.is-active span {
 
}

.hamburger--x.is-active span {
  background: none;
}

.hamburger--x.is-active span::before {
  top: 0;
  transform: rotate(45deg);
  background: #FFF;
}

.hamburger--x.is-active span::after {
  bottom: 0;
  transform: rotate(-45deg);
  background: #FFF;
}

.hamburger--x.is-active span::before,
.hamburger--x.is-active span::after {
  transition-delay: 0s, 0.3s;
}



.dasmenu {	
	font-size: 2em;
	line-height: 1.3em;
	text-align: left;
	font-weight: 300;
	height: 12em;
	letter-spacing: 0.01em;	
	width: 100vw;
	position: fixed;
	z-index: 99;
	background-color: #b90e2d;;
	color: #FFF;
	display: none;
	overflow-y: scroll; /* has to be scroll, not auto */
 	 -webkit-overflow-scrolling: touch;
	}	
	
.widget {
	right: 0px;
	position: absolute;
	width: 50vw;
 	top: 2em;
	}
	
.menu ul{
	list-style: circle;
	}
	
.menu li {
/*	list-style: none; */

	}
	
.sub-menu li {
	list-style: none;
	}
	
.menu li a:link {
	border-bottom: none;
	color: #FFF;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	/* display: inline-block; */
	max-height: 0;
	}
	
.menu li a:hover {
	  color: #7f0b20 !important;
	}
	
.menu li a:visited {
	  color: #FFF;
	}
	
.menu li a:active {
	  color: #FFF;
	}
	
.menu ul li a {
	}
	
.header ul li ul {
    /* position:absolute; */
    left:0px;
	text-align: left;
}


/*	Footer: */
	
.footer {
background: #b90e2d;
color: #FFF;
text-align: center;
padding-top: 2em;
	padding-bottom: 2em;}

.footer a:link, .footer a:active, .footer a:visited {color:#FFF;}
.footer a:hover {color: #7f0b20;}

.footer img, .footer svg  {
	border-style: none;
width: 80%;
height: auto;
}

.footer img, .footer svg {
border-style: none;
width: 80%;
max-width: 800px;
height: auto;
}

/* Responsive  */


@media screen and (max-width: 900px) {
	body {
		font-size: 0.9em;
		}
	.hamburger {right: 0.5%;}	
	.category-zweispaltig .mit_rubrik .spalte_titel {
    margin-left: 0.65em;}
	.category-zweispaltig .rubrik_container {
		width: 32px;}
	.inhalt {
    width: 90%;
    padding-left: 4%;
	padding-right: 6%;}
	
	.footer img, .footer svg {width:99%;}
}


@media screen and (max-width: 700px) {
	
/*	body {overflow-y: scroll;  has to be scroll, not auto 
 	 -webkit-overflow-scrolling: touch;}
li.page_item {list-style-type: none !important; list-style-image: none; display:inherit !important; } */

html {
	width: 100% !important;
	}
	
body {
	font-size: 0.85em;
	}
	
.category-zweispaltig .spalten {
	display: block;
	}
	
	.lyrikgruppe .category-zweispaltig .spalten,
	.autorinnen .category-zweispaltig .spalten{
		display: flex;
		flex-direction: column-reverse;
		
	}
	.lyrikgruppe .category-zweispaltig .zweite_spalte,
	.autorinnen .category-zweispaltig .zweite_spalte {
    width: 100%;
		border-bottom: #b90e2d solid 2px;
	height: 70vw;}
	
.category-zweispaltig .erste_spalte, .programm .erste_spalte {
    
    float: none;
	width: 100%;
	border-left: 0px;
	border-bottom: 0px;
}
	
	.category-aktuell.category-zweispaltig .erste_spalte {
		border-bottom: 2px solid #b90e2d;
		/*flex-direction: row;
		display: flex; */
		display: block;
	}
	.infos .category-zweispaltig .erste_spalte, .infos .category-zweispaltig .zweite_spalte {
		flex-direction: row;
		display: flex;
	}
	
.category-zweispaltig .zweite_spalte, .programm .zweite_spalte {
  
    float: none;
	width: 100%; 
	border-left: 0px;
	border-bottom: 0px;}
	
.spalte_bild {
    width: 100%;
	height: 70vw;}


.category-zweispaltig .spalte_titel {
	width: 100%;
	margin-bottom: 0.5em;
}
	
	
	.spalte_bild img {
		width: 100%;
		height: auto;
	}
/*	
.spalte_bild.hoch img, .spalte_bild.quadrat img, .spalte_bild.hochvoll img {
    height: auto;
    width: 100%;
    margin-top: 50%;
	transform: translateY(-50%);
	}*/

.category-zweispaltig .spalte_inhalt h2 {
	padding: 0px 0px 0.6em 0.1em;}
	
.category-zweispaltig .rubrik_container {
    width: 100%;
    float: left;
    height: 30px;
    border-bottom: 2px solid #b90e2d;
    overflow: hidden; 
    display: block;
    position: relative;
	background: #FFF;}	
	
	.category-zweispaltig .spalte_rubrik {
		transform: rotate(0deg);
		margin-top: 0px;
		
	}
	
	.category-zweispaltig .mit_rubrik .spalte_titel {
    margin-left: 0.3em;
}
	.category-zweispaltig .mit_rubrik .spalte_inhalt p {
    margin: 0.4em 0.4em 0.6em 0.5em;
}
	.category-dreispaltig .spalten {
    display: block;
}
	.category-dreispaltig .erste_spalte, .category-dreispaltig .zweite_spalte, .category-dreispaltig .dritte_spalte {
    flex-direction: column;
    width: 100%;
	border-bottom: 2px solid #b90e2d;
	height: 26vw;}
	
	.category-dreispaltig .dritte_spalte {
    width: 100%;
    border-bottom: 0px;
}
	
	.banner {height: 0.9em;}
	
	
	.programm .spalten {
    border-bottom: 2px solid #b90e2d;
	display: block;}
	
	.programm .category-programmpunkt .erste_spalte, .programm .category-programmpunkt .zweite_spalte {
    height: auto;
    min-height: 0%;
		width: 100%;}
	.programm_meta2 {
		border-top: 2px solid #b90e2d;}
	
	.programm_meta1 div, .programm_meta2 div  {
    font-size: 3vw;
		padding: 0.5em 0.1em 0.5em 0.1em;}
	
	.category-zweispaltig .spalte_titel { 
	letter-spacing: 0em;
	font-size: 10vw;}
	
	.category-dreispaltig .spalte_titel {
    font-size: 6.5vw;
		line-height: 1em;
	letter-spacing: 0em;}
	
	
	.category-programm1 .spalte_titel {
		font-size: 10vw; 
		letter-spacing: 0em}
	
	.category-einspaltig .banner .element-animation, .category-einspaltig .spalte_rubrik .element-animation {
		-webkit-animation: animationFrames2 linear 400s;}
	
	.widget {
    right: 0px;
    position: absolute;
    width: calc(100% - 40px);
		top: 1.5em;}

	.hamburger {
		width: 45px;
	}
	
	.hamburger span {
		height: 2px;
	}
	
	.hamburger span::before,
.hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #FFF;
  content: "";
}

.hamburger span::before {
  top: -7px;
}

.hamburger span::after {
  bottom: -7px;
}
	
	.header {
		height: 34px;
	}
	
	.infos .category-zweispaltig .spalte_inhalt h1 {
		font-size: 10vw; letter-spacing: 0em; }
	.infos .category-zweispaltig .zweite_spalte { border-top: 2px solid #b90e2d;}
	
	.category-zweispaltig .spalte_inhalt h1:first-of-type {
		padding-top: 0em;}
}


.gallery {
 	margin: auto;
	display: grid;
	grid-template-columns: auto auto auto auto;
	grid-template-rows: 25vw;
	grid-column-gap: 2px;
	grid-row-gap: 2px;
	background: #b90e2d;
	border-top: 2px solid #b90e2d;
}

.gallery .gallery-item {
  float: left; 
margin: 0px;
  text-align: center;
width: 25vw;
	height: 25vw;
	overflow: hidden;
	
}

.gallery .gallery-icon {
	height: 25vw;
}

.gallery .portrait img,
.gallery .landscape img {
 	width: 100%;
	height: auto;
	margin-top: 50%;
	margin-left: 50%;
	transform: translate(-50%, -50%);
	filter: grayscale(1);
	transition: all ease-in-out 0.3s;
}

.gallery .portrait:hover img,
.gallery .landscape:hover img {
	filter: none;
}

.gallery .landscape img {
 	height: 100%;
	width: auto;

}

.gallery .gallery-caption {
  margin-left: 0;
}