/*
Theme Name: Piotr-Niewiadomsky - Geiger
Author: Franziska Klemp
Author URI: Piotr-Niewiadomsky.de
Description: Theme zur Präsentation der musikalischen Aktivitäten
Version: 1.0
*/
/* CSS Document */

/*________Globals________*/
*{
	box-sizing: border-box;	
	-webkit-box-sizing: border-box;	
	-moz-box-sizing: border-box;	
}	
body {
    margin: 0;
	font-size: 100%;
}
img{
	width: 100%;
	height: auto;
		
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    background-color: #f0f8ff2b;
    color: #fff;
    margin: 1.5em 0;
}
.bildbox-news {
  padding: 1em 0;
}
.button {
    width: fit-content;
    margin-bottom: 0.5em;
    padding: 0.4em 1em;
    display: inline-block;
    border: solid 2px;
    border-radius: 25px;
    margin-top: 0.5em;
	font-weight: 400 !important;
	font-family: serife !important;
}
p.quelle {
    color: #848089 !important;
}
h1 {
    margin-block-start: 0;
    margin-block-end: 0.5em;
    font-family: sans-serif;
    color: #000000cf;
    font-weight: 700;
    text-transform: uppercase;
}
h2 {
    margin-block-start: 0;
    margin-block-end: 0.5em;
    font-family: sans-serif;
    color: #2c2c2bd4;
    font-weight: 700;
}
h3 {
    font-family: serif;
    font-weight: 300;
    color: #ffffff;
    font-size: 15pt;
}
p {
    line-height: 1.3;
    color: #424344;
    margin-block-start: 0;
    margin-block-end: 0;
}
a {
    font-family: serif;
    font-weight: 500;
    color: #2c2c2bc7;
    text-decoration: none;
}

h2 a {
    font-style: normal;
    text-decoration: none;
    font-family: sans-serif;
    font-weight: 700;
}
h1 a {
    margin-block-start: 0;
    margin-block-end: 0.5em;
    font-family: sans-serif;
    color: #077171;
    font-weight: 700;
    text-transform: uppercase;
    font-style: normal;
}
h6 {
    font-size: 12pt;
    padding-top: 0.5em;
    font-weight: 100;
}

a.weiterlesen{
    color: #81828b;
    font-weight: 600;
    font-family: serif !important;
}
.datum h2 {
    color: #969297c4;
}
.section_03 .border_top {
    border-top: dashed 1px #7e7e7ec9;
}
.section_05 p {
    line-height: 1.3;
    color: #fff;
    margin-block-start: 0;
    margin-block-end: 0;
}
.section_05 a {
    font-style: normal;
    text-decoration: none;
    font-family: sans-serif;
    font-weight: 700;
	color: #969297c4;
}
.section_05 h2 a {
    font-style: normal;
    text-decoration: none;
    font-family: sans-serif;
    font-weight: 700;
	color: #969297c4;
}

.section_05 h1 a {
    margin-block-start: 0;
    margin-block-end: 0.5em;
    font-family: sans-serif;
    color: #969297c4;
    font-weight: 700;
    text-transform: uppercase;
    font-style: normal;
}
.section_05 h1 {
    margin-block-start: 0;
    margin-block-end: 0.5em;
    font-family: sans-serif;
    color: #969297c4;
    font-weight: 700;
    text-transform: uppercase;
    font-style: normal;
}
.section_05 .border_top {
    border-top: dashed 1px #ffffff99;
}
.section_06 h1 {
    color: #fff;
}
.border-bottom {
    border-bottom: dashed 1px #ffffff5c;
    padding-bottom: 1em;
    margin-bottom: 2em !important;
}
.border_top {
    border-top: dashed 1px #ffffff5c;
}
.section_02 .col_wrap.border_top {
    border-top: dashed 1px #6e6d6c99;
}
.section_04 .col_wrap_column.border_top {
    border-top: dashed 1px #6e6d6c99;
}
.news_box-left .border_top {
    border-top: dashed 1px #ffffff99;
}
.news_box-left a {
    color: #7c858e;
    text-decoration: none;
	margin-block-start: 0;
    margin-block-end: 0.5em;
    font-family: sans-serif;
}
.wrap {
    margin: 0 auto 1em;
    display: flex;
    padding-top: 1.5em;
}
.col_2 :first-letter {
   /* -webkit-initial-letter: 3;
    initial-letter: 3;
    padding-right: 0.5em;*/
}

.nav_posts {
    font-style: italic;
    color: #fbf8f778;
}
.pagination li {
    list-style: none !important;
    display: inline-block;
    border-right: solid 1px #81828b;
    padding-right: 0.5em;
    padding-left: 0.5em;
    color: #81828b;
    font-size: 16pt;
    font-weight: 700;
}
.pagination a {
    padding-right: 0.3em;
    padding-left: 0.5em !important;
    font-size: 20pt;
}
span.current {
    color: #fff;
}
/*________Header________*/
.site-header {
    background: rgb(255 255 255);
    border: none;
    width: 100%;
    height: 140px;
    position: fixed;
    top: 0;
    z-index: 999;
}
.logo {
    top: 0;
    background: #fff;
    left: 5em;
    padding: 1em;
    width: 18%;
    margin-left: 2em;
    height: 88px;
}
.logo img {
    opacity: 65%;
}

/*________________________Sections_______________________*/

.section_01 {
    background-color: #fff;
}
.section_02 {
    padding: 2em;
    background: linear-gradient(109deg, #e8e3e0eb, #d8d8d8f0);
    position: relative;
    z-index: 998;
}
.section_03 {
    padding: 2em;
    background: #000;
    position: relative;
}
.section_03 h1 {
    color: #fff;
}
.section_03 p {
    color: #fff;
}
.section_03 a {
    color: #7c858e;
}
.section_04 {
    padding: 2em;
    background: linear-gradient(109deg, #f8fffee3, #eaf6ebde);
	position: relative;
}
.section_05 {
    padding: 2em;
    background: linear-gradient(60deg, #005b71, #503953 70%);
    position: relative;
}
.section_06 {
    background: #080707;
    padding: 2em;
    position: relative;
}
.section_07 {
    padding: 2em;
    background: linear-gradient(60deg, #005b71, #503953 70%);
    position: relative;
}
.section_07 p {
    line-height: 1.3;
    color: #fff;
    margin-block-start: 0;
    margin-block-end: 0;
}
.section_07 h1 {
    color: #969297c4;
}
#gallery-1 img {
    border: none !important;
}
/*_________________Unterseiten____________________*/

.section_top {
    margin-top: 140px !important;
    min-height: 73vh;
    background: linear-gradient(60deg, #005b71, #503953 70%);
    padding-top: 1em;
    padding-bottom: 1em;
}
.section_top p {
    color: #ffffffcc;
}
.section_top h1 {
    color: #969297c4;
}
.section_top h2 {
    color: #969297c4;
}
.section_top a {
    color: #848089;
}
span.current-page {
    color: #fff;
}
.Template_1_spaltig {
    display: block;
    grid-template-columns: repeat(auto-fill, 100%);
    padding-bottom: 4em;
    min-height: 55vh;
    padding-top: 1.5em;
}
.Template_2_spaltig {
	padding-top: 1.5em;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}
.Template_3_spaltig {
	    padding-top: 1.5em;
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;

}
.Template_4_spaltig {
	    padding-top: 1.5em;
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;

}
.container_single h1 a {
    color: #fff;
}
.content-news a {
    color: #81828b;
}
.content-news p {
    color: #fff;
}
.wp-block-column.is-vertically-aligned-top.is-layout-flow.wp-block-column-is-layout-flow p {
    padding-block: 1em;
}
hr.wp-block-separator.aligncenter.has-alpha-channel-opacity.is-style-wide {
    /* color: #fff; */
    border: dashed 1px #ffffff75;
}
h2.wp-block-heading {
    padding-block-start: 2em;
}
	/*___Initialien____
.Template_1_spaltig p:first-of-type:first-letter {
   -webkit-initial-letter: 3;
    initial-letter: 3;
    padding-right: 0.5em;
}
.Template_2_spaltig p:first-of-type:first-letter {
    -webkit-initial-letter: 3;
    initial-letter: 3;
    padding-right: 0.5em;
}

.Template_3_spaltig p:first-of-type:first-letter {
    -webkit-initial-letter: 3;
    initial-letter: 3;
    padding-right: 0.5em;
}
.Template_4_spaltig p:first-of-type:first-letter {
    -webkit-initial-letter: 3;
    initial-letter: 3;
    padding-right: 0.5em;
}*/
/*____________________Single____________________*/
nav.breadcrumb {
    padding-bottom: 1.5em;
    font-style: italic;
    color: #fff;
}
.container_single {
    margin: 0 auto;
    width: 60%;
    min-height: 40vh;
}
.bildbox_single {
    width: 100%;
    overflow: hidden;
    max-width: 500px;
    max-height: 660px;
    margin-block-start: 1em;
    float: left;
    margin-right: 2em;
    margin-bottom: 2em;
}
.bildbox_single img {
    height: auto;
}
.caption {
    padding-top: 0.5em;
    font-style: italic;
    color: #4e4b4a;
}
/*____________________archive____________________*/
.nav_posts_cathegory {
    font-style: italic;
    color: #f0ece9;
    display: flex;
    list-style: none;
    gap: 1em;
    margin-bottom: 0.5em;
}
/*____Section_01____*/	
	
.subheader {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    align-content: flex-end;
    flex-wrap: wrap;
   /* aspect-ratio: 16 / 7.8;*/
	height: 75vh;
}
.home_bg_bild {
    width: 100%;
    position: relative;
    z-index: 1;
    height: 80vh;
    overflow: hidden;
}

.home_bg_bild img {
    height: auto;
    width: 100%;
}
.home_bild_klein {
    position: absolute;
    z-index: 1;
    width: 30%;
    top: 10%;
    left: calc(100% + 12px);
}
.title h1 {
    font-size: 5vw;
    color: #f1f8f685;
    border-left: solid 17px #215369;
    padding-left: 0.2em;
    margin-block-end: 0;
}
.title {
    z-index: 3;
    position: absolute;
    top: 67%;
    left: 55%;
    /* background: #fff; */
    padding: 2em;
}
/*________Terminboxen_Home________*/
.infoboxen_wrap_gesamt {
    z-index: 3;
    display: flex;
}
.konzertbox {
    background: #e9e7e7f0;
    padding: 0 2em 0 3em;
    z-index: 2;
    position: relative;
    flex: 2;
    max-height: 900px;
    overflow: auto;
}
.content_konzert p {
    color: #151313d1;
}
.konzertbox a {
    color: #1c556c;
}
.konzertbox h2 a {
    color: #000000bd;
}
.konzertbox h2 {
    color: #3c333382;
}
.konzertbox h3 {
    color: #0c0c0c;
}
.konzertbox .border_top {
    border-top: dashed 1px #0d0d0d7a;
    padding-top: 1em;
}

.news_box-wrap {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 3;
    background: linear-gradient(60deg, #005b71, #503953 70%);
    width: 80%;
    display: block;
    overflow: hidden;
    height: 900px;
    overflow-y: scroll;
}
.news_box-right {
    flex: 1;
    margin: 1em 0 0 1em;
    padding: 1em;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    z-index: 2;
}
.news_box-left {
  flex: 3;
  padding: 0 2em 2em 2em;
  z-index: 2;
}
.datum {
    padding-right: 1em;
}
.bildbox img {
    height: 100%;
    width: auto;
}
.content p {
    font-size: 12pt;
}
.content {
    padding-left: 1em;
}
.content-news {
  width: 70%;
  padding-top: 1em;
}
.news_box-left p {
    color: #fff;
}
/*______Kontaktformular____*/
ul {
    padding-inline-start: 0;
    list-style: none;
}
li .kontakt{
    background: green;
    padding: 0.5em;
    margin-bottom: 0.3em;
    list-style: none;
    height: 50px;
    font-size: 16pt;
}
li.kontakt {
    background: #fdfdfc;
    padding: 0.5em;
    margin-bottom: 0.3em;
    list-style: none;
    height: 50px;
    width: calc(100% - 1em);
    font-size: 16pt;
}
li.kontakt_nachrichtenfeld {
    list-style: none;
    background: #fdfdfc;
    height: 300px;
    margin-bottom: 2em;
    padding: 0.5em;
    font-size: 16pt;
}
li.senden_button {
    background: #b0966e;
    list-style: none;
    padding: 0.5em;
    max-width: 200px;
    height: 35px;
    color: #fff;
    display: table;
    width: 300px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 16pt;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    background: #fdfdfc;
    padding: 0.5em;
    margin-bottom: 0.3em;
    list-style: none;
    height: 50px;
    width: 60%;
    font-size: 16pt;
    border: none;
}
form.wpcf7-form.init {
    margin-top: 1.5em;
}
textarea.wpcf7-form-control.wpcf7-textarea {
    list-style: none;
    background: #fdfdfc;
    margin-bottom: 2em;
    padding: 0.5em;
    font-size: 16pt;
    border: none;
    width: 60%;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background: #000000;
    list-style: none;
    padding: 0.5em;
    max-width: 200px;
    height: 50px;
    color: #fff;
    display: table;
    width: 300px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 16pt;
    border: none;
}
.wp-caption-text {
    padding-top: 0.2em;
    color: #969297c4 !important;
}
.col_wrap_gallerie {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-style: italic;
    color: #794f38;
}
img.attachment-thumbnail.size-thumbnail {
    height: auto !important;
	width: 95% !important;
}
img.attachment-medium.size-medium {
    height: auto !important;
    width: 95% !important;
}
.bildbox_large img {
    height: 100%;
    width: auto;
}
/*________footer________*/
footer {
    background: black;
    width: 100%;
    color: #fff;
    padding: 1em;
    position: relative;
}
footer a {
    color: #fff;
}
ul.footer-menu {
    padding-left: 2em;
}
li.page_item {
    list-style: none;
}
/*_____________WordPress Core_______________________*/

.alignnone {
    margin: 5px 20px 20px 0;
}
 
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
 
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
 
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
 
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
 
a img.alignnone {
    margin: 5px 20px 20px 0;
}
 
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
 
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
 
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
 
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
 
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
 
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
 
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
 
/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
 
.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}
a.more-link {
    font-family: serif;
    font-style: italic;
    font-weight: 500;
    color: #794f38;
}
.size-medium {
    width: 300px;
    height: auto;
}
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
/*_____________Bildschirmgröße Computer_____________*/
@media screen and (min-width:1200px){
/*________Globals________*/
	
html, body {
    width: 100%;
    height: 100%;
}
  section {
    position: relative;
    width: 100%;
    height: fit-content;
    padding-top: 70vh;
  }
.section{
	position: relative;
    width: 100%;
    height: 100%;
	}

.bg-wrap {
    clip: rect(0, auto, auto, 0);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.bg-wrap_06 {
    clip: rect(0, auto, auto, 0);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: fit-content;
}
.section_wrap {
    position: relative;
    width: 100%;
    height: fit-content;
}
.bg {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: top center;
    transform: translateZ(0);
    will-change: transform;
}

.overlay {
    position: fixed;
    right: 0;
    bottom: 30px;
    left: 0;
    padding: 0 15px;
    z-index: 10;
}	
	
h1 {
    font-size: 40pt;
}
h2 {
    font-size: 20pt;
}

p {
    font-size: 16pt;
    line-height: 1.6;
}
.container {
    max-width: 1700px;
    margin: 0 auto;
}
.col_wrap {
    display: flex;
    padding-top: 2em;
    padding-bottom: 2em;
    flex-direction: row;
}
.col_wrap_column {
    display: grid;
    grid-template-columns: repeat(auto-fill, 33.33333%);
}
/*_____Raster____*/
.col_1 {
    flex: 1;
    margin-left: 2em;
    margin-bottom: 2em;
    margin-top: 1.5em;
}
.col_2 {
    flex: 2;
    margin-left: 2em;
	width: 100%;
	min-height: 200px;
	column-count: 2;
}
.col_3{
	flex: 3;
	margin-left: 2em;
	width: 100%;
	min-height: 200px;
}
.col_4{
	flex: 4;
	margin-left: 2em;
	width: 100%;
	min-height: 200px;
}
.col_5{
	flex: 5;
	margin-left: 2em;
	width: 100%;
	min-height: 200px;
}
.col_6{
	flex: 6;
	margin-left: 2em;
	width: 100%;
	min-height: 200px;
}
/*_____Margin_korrektur_links____*/
.col_1:nth-of-type(1) {
    margin-left: 0;
}
.col_1:nth-of-type(4) {
    margin-left: 0;
}
.col_1:nth-of-type(7) {
    margin-left: 0;
}
.col_1:nth-of-type(10) {
    margin-left: 0;
}

.col_2:nth-of-type(1) {
    margin-left: 0;
}
.col_3:nth-of-type(1) {
    margin-left: 0;
}	
.col_4:nth-of-type(1) {
    margin-left: 0;
}
.col_5:nth-of-type(1) {
    margin-left: 0;
}
.col_6:nth-of-type(1) {
    margin-left: 0;
}
/*________Sections________*/
.section_01 {
   padding: 0;
}
.section_02 {
    padding: 4em;
    min-height: 60vh;
    z-index: 998;
    position: relative;
    width: 100%;
    /* margin-top: 40vh; */
}
.section_03 {
   padding: 4em;
   position: relative;
   width: 100%;
}
.section_04 {
    padding: 4em;
    min-height: 70vh;
    z-index: 998;
    position: relative;
    width: 100%;
}
.section_05 {
   padding: 4em;
}
.section_06 {
    padding: 4em;
    min-height: 60vh;
    z-index: 998;
    position: relative;
    width: 100%;
}
.section_07 {
    padding: 4em;
    position: relative;
    width: 100%;
}
/*________Section_01________*/
.textbox {
    padding-top: 2em;
}
.bildbox img {
    width: auto;
    height: 100%;
}
.bildbox-news img {
    width: 100%;
    height: auto;
}
/*____Bilder_allgemein____*/
.bildbox {
    height: 130px;
    text-align: center;
    margin-bottom: 1em;
    margin-right: 1em;
}
.bildbox-news {
    width: 240px;
    height: 160px;
    text-align: center;
    margin-bottom: 1em;
    margin-right: 1em;
    overflow: hidden;
}
.bildbox_medium {
    height: 300px;
    width: 410px;
    overflow: hidden;
}
.bildbox_medium img {
    height: 300px;
    width: auto;
}
.bildbox_large {
    height: 350px;
    width: 100%;
    overflow: hidden;
    max-width: 500px;
    margin-top: 1.5em;
}
}
@media screen and (max-width:1560px){

.content-news {
    width: 100%;
	
}
 .bildbox-news {
    width: 250px;
    height: 200px;
    overflow: hidden;
    margin-bottom: 1em;
  }
.title h1 {
    border-left: solid 7px #59aaa8;
}
.home_bg_bild {
    height: auto !important;
}
.container_single {
    margin: 0 auto;
    width: 100%;
    min-height: 40vh;
    padding: 2em;
}
}


/*_____________Bildschirmgröße Tablet_____________*/
@media screen and (max-width:1200px){

html, body {
    width: 100%;
    height: 100%;
}

  section {
    position: relative;
    width: 100%;
    height: fit-content;
    padding-top: 50vh;
  }
article {
    padding-bottom: 2em;
    padding-top: 1em;
}
.wrap {
    display: flex;
    flex-direction: column;
}
.section {
  position: relative;
  width: 100%;
  height: fit-content;
}
.section_wrap {
    position: relative;
    width: 100%;
    height: fit-content;
}
.bg-wrap {
    clip: rect(0, auto, auto, 0);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.bg-wrap_06 {
    clip: rect(0, auto, auto, 0);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.section_top {
    margin-top: 65px !important;
}
.bg {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: top center;
    transform: translateZ(0);
    will-change: transform;
}

.overlay {
    position: fixed;
    right: 0;
    bottom: 30px;
    left: 0;
    padding: 0 15px;
    z-index: 10;
}	
	
/*______Globals____*/
h2 {
    margin-block-start: 0;
}
p {
    font-size: 13pt;
}
.col_1 {
    flex: 1;
}
.wrap{
	display: flex;
}
.textbox {
    padding-top: 2em;
}
.border_bottom {
    border-bottom: dashed 1px #794f3899;
    padding-bottom: 1.5em;
    /* padding-top: 1.5em; */
}
.border_top {
    border-top: dashed 1px #6e6d6c99;
}
ul {

}
/*______Header____*/
.site-header {
    height: 65px;
    padding: 0;
}
.logo {
    top: 0;
    background: #fff;
    left: 5em;
    padding: 1em;
    width: 18%;
    margin-left: 2em;
    height: 40px;
}
/*______Section_01____*/
.subheader {
    height: 150vh;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    align-content: flex-end;
    flex-wrap: wrap;
}
.home_bg_bild {
    left: 0;
    margin-top: 65px;
    margin-left: 0;
    position: relative;
    z-index: 1;
    top: 0;
    height: auto !important;
}
.infoboxen_wrap_gesamt {
    z-index: 3;
    display: flex;
    flex-direction: row;
}
.konzertbox {
    width: 40%;
    padding: 1.5em;
    z-index: 2;
}
.content_konzert p {
}
.news_box-wrap {
    display: flex;
    flex-direction: column;
    z-index: 2;
    width: 75%;
	flex-direction: row-reverse;
}
.news_box-right {
    flex: 1;
    margin: 1em 0 0 1em;
    padding: 1em;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    z-index: 2;
}
.news_box-left {
    flex: 1;
    padding: 1.5em;
    z-index: 2;
}
.datum {
    padding-right: 1em;
    width: auto;
}
.bildbox{
    width: 160px;
    height: 110px;
    text-align: center;
    margin-bottom: 1em;
}
.bildbox img {
    height: 100%;
    width: auto;
}
.content {
    padding-left: 1em;
    padding-bottom: 1em;
    flex: 1;
}
/*____Bilder_allgemein___*/

.bildbox_galerie {
	width: 95%;
	max-width: 500px;
	margin-right: 1em;
	overflow: hidden;
	margin-right: 1em;
}
.bildbox_medium img {
    height: auto;
    width: 100%;
}
.bildbox_medium {
    width: 100%;
    margin-bottom: 2em;
    overflow: hidden;
    max-width: 350px;
    padding-top: 1em;
}
.bildbox_large {
    height: 350px;
    width: 400px;
    overflow: hidden;
    padding-top: 1.5em;
}
/*_____Kontaktform_____*/
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    width: 100%;
    font-size: 12pt;
}
textarea.wpcf7-form-control.wpcf7-textarea {
    font-size: 12pt;
    border: none;
    width: 100%;
}
	
/*_____Unterseiten______*/
.container {
    padding: 2em;
}
.Template_2_spaltig {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
}

.Template_3_spaltig {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;

}
.Template_4_spaltig {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;

}
.content-news {
    width: 100%;
}
}
@media screen and (max-width:1000px){
.wrap {
    display: flex;
    flex-direction: column;
}	
}
/*_____________Bildschirmgröße Mobile_____________*/
@media screen and (max-width:800px){
.logo {
    left: 5em;
    margin-left: 1em;
 	width: 160px;
	
}
.nav_posts_cathegory {
    display: block !important;
}	
/*________Globals________*/
h1 {
    font-size: 25pt;
}
h2 {
    font-size: 20pt;
}
p {
    font-size: 13pt;
}
.col_wrap {
    display: flex;
    flex-direction: column;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}
.wrap {
    display: flex;
    flex-direction: column;
}
/*________Header________*/
.main-menu {
    margin-right: 0;
    margin-top: 20px;
}
.site-header {
    height: 65px;
    padding: 0;
}
/*________Section_01________*/
.section_01 {
    padding: 0;
}
.subheader {
    height: 160vh;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    align-content: flex-end;
    flex-wrap: wrap;
}
.infoboxen_wrap_gesamt {
    z-index: 3;
    display: flex;
    flex-direction: column;
}
.news_box-wrap {
    display: flex;
    flex-direction: column;
    z-index: 2;
    width: 100%;
}
.konzertbox {
    width: 100%;
    padding: 0 1.5em 1.5em 1.5em;
    z-index: 2;
}
.news_box-left {
    flex: 1;
    padding: 1.5em;
    z-index: 2;
}

.content {
    padding-left: 0;
    padding-bottom: 1em;
    flex: 1;
}

.home_bg_bild {
    left: 0;
    margin-top: 65px;
    z-index: 1;
}
.title {
    z-index: 3;
    position: absolute;
    top: 70%;
    left: 45%;
    padding: 0.5em;
}
.title h1 {
    border-left: solid 5.5px #2e4d65;
}


.bildbox_galerie {
    width: 100%;
    max-width: 100%;
}

.col_wrap_gallerie {
    display: flex;
    flex-direction: column;
    align-items: normal;
}
.bildbox_large {
    height: 300px;
    width: 100%;
    overflow: hidden;
    margin-top: 1.5em;
}
/*________Sections________*/
.section_01 {
    position: relative;
    width: 100%;
}
.section_02 {
    padding: 0.5em;
    position: relative;
    width: 100%;
}
.section_03 {
    padding: 0.5em;
    position: relative;
    width: 100%;
}
.section_04 {
    padding: 0.5em;
    position: relative;
	width: 100%;
}	
.section_05 {
    padding:0.5em;
	position: relative;
	width: 100%;
}
.section_06 {
    padding: 0.5em;
	position: relative;
	width: 100%;
}
.section_07 {
    padding: 0.5em;
	position: relative;
	width: 100%;
}

li.kontakt_nachrichtenfeld {
    list-style: none;
    height: 300px;
    margin-bottom: 2em;
    padding: 1em;
    font-size: 16pt;
}
#gallery-1 .gallery-item {
    float: left;
    margin-top: 10px;
    text-align: center;
    width: 50% !important;
}
.container {
    padding: 1em !important;
}
/*________Paralax_Images________*/
.section_parallax_img {
    background-image: url(bilder/bild1.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    height: 150vh;
    background-size: cover;
    background-position: center;
}
/*_____Single_____*/
.container_single {
    width: 100%;
    padding: 1.5em;
}
}
@media screen and (max-width:400px){
.logo {
    left: 5em;
    margin-left: 2em;
    padding-top: 0.5em;
}
.bildbox-news {
    width: 100%;
    height: 200px;
    overflow: hidden;
    margin-bottom: 1em;
    padding: 0;
}
#gallery-1 .gallery-item {
    float: left;
    margin-top: 10px;
    text-align: center;
    width: 100% !important;
}

}