@charset "utf-8";

/**
2 Theme Name: itn
3 Theme URL: https://www.soundseeing.net
6 Author URL: https://www.itn-ol.de
7 **/

/* social media */
div.heateorSsspSharingArrow {display: none !important;}

.paragraph_content.teilen_ls_beitrag { 
	display: none;
	grid-template-columns: 50% 50% ;
	grid-column-gap: 0; 
	margin-bottom: 0px;
	padding-bottom: 0px;
	width: calc(100% - 1px);
	padding-top: 30px;
	padding-right:0px ;
	padding-left:0px;}

.block_anzeigen { display: grid !important;}
.block_ganze_breite { grid-template-columns: 1fr !important;}

article.paragraph_text_ls_beitrag_left {
	display: grid;
	align-content: flex-start;
	margin-top:-30px;
	text-align: left;
	margin-left: 0px;
	padding-right: 20px;
	}

article.paragraph_text_ls_beitrag_right {
	display: grid;
	align-content: flex-start;
	margin-top:0px;
	text-align: left;
	margin-left: 0px;
	padding-bottom: 0px;
	
	}

article.paragraph_text_ls_beitrag_right p {margin: 0; padding: 0;}


article.paragraph_text_ls_beitrag_right img {width: 100%; height: auto;}



/* menu */
#mega-menu-wrap-subnav1 #mega-menu-subnav1 > li#mega-menu-item-299 > a.mega-menu-link {
  border-bottom: 4px solid ;
  font-size: 20px;
}

#mega-menu-wrap-subnav1 #mega-menu-subnav1 > li#mega-menu-item-299 > a.mega-menu-link::before { 
   content: url("img/Siegel-leichte-Sprache-Farbe-1.png");
}


#mega-menu-wrap-subnav1 #mega-menu-subnav1 > li#mega-menu-item-wpml-ls-30-en {
  margin: 0 35px 0 0;
}

#mega-menu-wrap-subnav1 #mega-menu-subnav1 {
  margin: 0px -35px 0px 0px !important;
}

/* beitraege */

div.medien {width: 100%; max-width: 1000px; padding: 20px 0 30px 0px; }
div.medien a { border: 0 !important;}
div.medien a:hover { border: 0 !important;}

figure.beitrag {}


img {max-width: 100%;}

.data-target-div1 .caf-post-layout1 .caf-content {
	text-transform:none !important;}



/* slider */

div.ms-slide-bgcont img {max-width: 100%;}
div.ms-slide {max-width: 100%;}


.ms-staff-carousel .ms-nav-prev {	background: url(img/staff-arrows.png) #b20e10 no-repeat -7px -57px !important; }
.ms-staff-carousel .ms-nav-next {	background: url(img/staff-arrows.png) #b20e10 no-repeat -6px -7px !important; }


/* mediathek filter */

#caf-filter-layout1 a { border: 1px solid #b20e10 !important; font-size: 18px !important; border-radius: 0 !important;}


button.tp_load_more {
  color: #fff !important;
  background: #b20e10 !important;
  border: none !important;
  padding: 10px 15px !important;
  font-size: 18px !important;
	text-transform: none !important;
  cursor: pointer;
}


/* social media */

.heateor_sss_svg {background-color: #000 !important;}

/* barrierefrei */

body.acl-sitelinx.sitelinx-contrast-dark #sitelinx-black-screen {color: #fff !important;}


body.acl-sitelinx.sitelinx-contrast-dark  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {color: #fff !important;}

body.acl-sitelinx.sitelinx-contrast-dark  #mega-menu-wrap-subnav1 #mega-menu-subnav1 > li.mega-menu-item > a.mega-menu-link {color: #fff !important;}

/* barrierefrei */

p#sitelinx_contrast_bright {display: none; ;}

li.sitelinx-li-contrast li:nth-child(1) {padding: 0 !important;}


/* masterslider */

.ms-staff-carousel {
  margin: 0 !important;
}

/* pt-sans-regular - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/pt-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/pt-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/pt-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/pt-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/pt-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/pt-sans-v17-latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */
}

 /* menue */
img.wpml-ls-flag {border: 0 !important;}

 /* video */

#h5vp_player .plyr .plyr__control--overlaid {
  background: #b20e10 !important;
}



 /* media Grid */
.mgom_layer {line-height: 25px !important;}
div#mg_lb_inside_nav {display: none;}

.mg_grid_wrap {  padding-left: 40px !important;}

 /* Style the buttons that are used to open and close the accordion panel */
.accordion {
	
		display: grid; 
  grid-template-columns: 97px 1fr 70px; 
	grid-template-rows: auto; 
	grid-row-gap: 0px; 
	width:: 100%;
  background-color: #fff;
  color: #444;
  cursor: pointer;
  padding: 0px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 1rem;
  transition: 0.4s;
		
}

.accordion.klangkuenstler {  grid-template-columns: 1fr 70px; }

.active, .accordion:hover {
  background-color: fff;
}

.panel_termine {
  padding: 0;
  background-color: #fff;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
margin-bottom: 10px;
	padding-left: 97px;
}

.panel_klangkuenstler {
  padding: 0;
  background-color: #fff;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
margin-bottom: 10px;
}

div#beitrag_termin .accordion:after {
  content: url("img/plus.png"); 
  float: right;
	display: grid;
	align-content: center;
}

div#beitrag_termin .active:after {
  content: url("img/kreuz.png"); 
	}

div#acc .accordion:after {
  content: url("img/plus.png"); 
  float: right;
	display: grid;
	align-content: center;
}

div#beitrag_termin .active:after {
  content: url("img/kreuz.png"); 
	}

div#beitrag_klangkuenstler .accordion:after {
  content: url("img/plus.png"); 
  float: right;
	display: grid;
	align-content: center;
}


div#beitrag_klangkuenstler .active:after {
  content: url("img/kreuz.png"); 
	}

	.content_accordion_1 {  }

	
/* Container */

html {
font-family: 'PT Sans';
font-weight: 400;
font-style: normal;
	height:100%;
  	margin:0;
  	padding:0;
	overflow-x: hidden;
}


body {
font-family: 'PT Sans';
font-weight: 400;
font-style: normal;
 	font-size:1.4rem;
	line-height:1.5;
 	color:#000;
	text-align:left;
	overflow-x: hidden;
 	margin:0;
 	padding:0;
	
}




/* Verlinkungen
*/




/* Formular*/
 
.feld1 {

    width: 98%;
    height: 10px;
    border: 1px solid #003E66;
background: #fff;
	padding:10px;
	font-family: neo-sans, sans-serif;
	border-radius: 5px;
		color: #003E66;
	font-size:1em;
}

.feld1::placeholder, .feld2::placeholder  { color:#a4a3a3;}

.feld2 {

    width: 98%;
    height: 164px;
    border: 1px solid #003E66;
background: #fff;
	padding:10px;
	font-family: neo-sans, sans-serif; 
	border-radius: 5px;
	color: #003E66;
	font-size:1em;
	
}




.wpcf7-submit  {
	 margin-top:20px; letter-spacing:.2em; font-size:.7em; background-color:#FFF;  color:#dfe0e2; text-decoration: none; border: solid 2px #003E66; padding:10px 30px 10px 30px; border-radius:5px;-moz-radius:5px;	-webkit-border-radius:5px; 
	cursor: pointer;
}	

.text_formular {font-size:.8em;}




/* Formatierungen*/



sub,
sup {
 	position:relative;
 	font-size:75%;
 	line-height:0;
 	vertical-align:baseline;
}
sub { bottom:-.25em;}
sup { top:-.5em;}

img { border-style:none; }
svg { overflow:hidden;}

header, nav, section, footer {display: block;}


/* Überschriften*/

h1,
h2,
h3,
h4,
h5,
h6 {
 	margin-top:0;
 	margin-bottom:.5rem;
}

 h1 {
font-weight: 700;
font-style: normal;
 font-size:1.8em; 
 line-height:1.2em;
margin-top: 10px;
margin-bottom: 0px;
font-family:'PT Sans';
 }


 h2 {
font-weight: 400;
font-style: normal;
 font-size:1.2em; 
 line-height:1.5em;
margin-top: 20px;
margin-bottom: 30px;
font-family:'PT Sans';
 }

div.caf-content h2 {
font-weight: 700;
font-style: normal;
 font-size:1.2em; 
 line-height:1.5em;
margin-top: 0px;
margin-bottom: 0px;
	padding-top: 0;
	padding-bottom: 0;
font-family:'PT Sans';
 }

#paragraph.red  h2 {
font-weight: 700;
font-style: normal;
 font-size:1.7em; 
 line-height:1em;
margin-top: 10px;
margin-bottom: 0px;
font-family:'PT Sans';
 }

 h3 {
font-weight: 300;
font-style: normal;
 font-size:1.9em; 
 line-height: 2.1em;
 margin-top:0px;
	margin-bottom: 0px;
 font-family:'PT Sans';
 }

div.content_accordion_1  h4 {
font-weight: 700;
font-style: normal;
 font-size:1.9rem; 
 line-height:2.1rem;
 margin-top:0px;
	margin-bottom: 0px;
	 font-family:'PT Sans';
 }


 h4 {
font-weight: 700;
font-style: normal;
 font-size:1.9rem; 
 line-height:2.1rem;
 margin-top:40px;
	margin-bottom: 0px;
	 font-family:'PT Sans';
 }

 h5 {
font-weight: 300;
font-style: normal;
 font-size:1.7rem; 
 line-height:2rem;
 margin-top:10px;
	margin-bottom: 0px;
	 font-family:'PT Sans';
 }


 h4.beitrag {
font-weight: 700;
font-style: normal;
 font-size:1.9rem; 
 line-height:2.1rem;
 margin-top:0px;
	margin-bottom: 0px;
	 font-family:'PT Sans';
 }

 h5.beitrag {
font-weight: 300;
font-style: normal;
 font-size:1.7rem; 
 line-height:2rem;
 margin-top:10px;
	margin-bottom: 0px;
	 font-family:'PT Sans';
 }

h5.abstand_h5 {margin-bottom: 20px;}

/* header */

header {
	position: fixed;
	width: 100%;
	height:auto;
	margin-left: auto; 
	margin-right:auto; 
	justify-content: center;
	margin-top:auto;  
	text-align: center;
	background: rgba(255, 255, 255, 1);
	z-index:999;
	}



div#header {
	display: grid; 
	grid-template-columns:450px  auto; 
	grid-template-rows: 40px 80px;  
	height:120px;
	width:calc(100% - 80px);
	max-width:2000px;
	padding-right:40px;
	padding-left:40px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	border-bottom: 1px solid #000;
}






	
div.logo {  margin-left:0px; margin-top:20px; grid-row: 1/3;   }
div.logo img { width:100% !important; height:auto !important; border:0; }	

 
 .nav_oben {  display: grid; margin-right:0px; padding-top:10px;  justify-content: right; margin-top:0px; align-content: top;   }


 .header_nav {  display: grid; margin-right:0px; padding-top:20px;  justify-content: right; margin-top:0px; align-content: top; margin-right: -40px; }

 
nav.header { }



/* content */


 a.www { color:#fff;  border-bottom: solid 0px #003E66; transition: 0.2s; text-decoration: none;  }
 a.www:hover { border-bottom: solid 1px #003E66; transition: 0.2s;  }    

 a.bild { color:#fff; border:0;  border-bottom: solid 0px #003E66;  text-decoration: none;  }
a.bild:hover { border-bottom: solid 0px #003E66;   }    


#paragraph {

 	width:100%;
	margin-top:0px;
}

#paragraph.white {	background-color:#fff;}
#paragraph.grau {	background-color:rgba(255,255,255,0.7)}
#paragraph.red {	background-color:#b20e10; color: #fff; font-size: 1.8rem;}



#paragraph.slider { 
	width:100%;
	padding-right:0px;
	padding-left:0px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	background-color:#fff;
	padding-top: 120px;
}

#paragraph.slider p {padding: 0; margin: 0;}

#paragraph.slider img {width: 100%; height: auto;}

#paragraph.slider.pic { padding-top: 80px;}



.paragraph_content {
	display: grid; 
  grid-template-columns: repeat(12, 1fr); 
	grid-template-rows: auto; 
	grid-row-gap: 0px; 
	width:calc(100% - 120px);
	max-width:1000px;
	padding-right:60px;
	padding-left:60px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	padding-bottom: 40px;
	padding-top: 40px;
	}
.paragraph_content.abstand2{
	padding-bottom: 0px;
	padding-top: 0px;
	margin-top: -40px;
	}

.paragraph_content.breit {
	
  grid-template-columns: repeat(12, 1fr); 
	width:calc(100% - 120px);
	max-width:1200px;
	padding-top: 0px;
padding-bottom: 40px;
	}

.paragraph_content.breit_2 {
	
  grid-template-columns: repeat(12, 1fr); 
	width:calc(100% - 120px);
	max-width:1200px;
	padding-top: 40px;
padding-bottom: 40px;
	}


.paragraph_content.abstand {padding-top: 0px;	}

.paragraph_content a { color: #b20e10;border-bottom: solid 2px #b20e10; transition: 0.2s; text-decoration: none; font-size: 1.5rem; font-weight: 700;  }
.paragraph_content a:hover { color: #555555;border-bottom: solid 2px #555555; transition: 0.2s; text-decoration: none;   }


.paragraph_content.abstand {padding-top: 0px;	}

.paragraph_content a.pic { color: #b20e10;border-bottom: solid 0px #b20e10; transition: 0.2s; text-decoration: none; font-size: 1.5rem; font-weight: 700;  }
.paragraph_content a.pic:hover { color: #555555;border-bottom: solid 0px #555555; transition: 0.2s; text-decoration: none;   }






.paragraph_content.teilen_ls { 
	grid-template-columns: 70% 30% ;
	grid-column-gap: 0; 
	margin-bottom: 50px;
	padding-bottom: 30px;
	width:100% !important;
	max-width:1000px;
	padding-top: 30px;
	padding-right:0px ;
	padding-left:0px ;}


figure.ls {margin: 0 0 -8px 0 !important; padding: 0 0 0px 0 !important;}


figure.ls img {width: 100%; height: auto; border: 0; margin: 0 !important; padding: 0 !important;}


article.paragraph_text_ls {

	margin-top:0px;
	text-align: left;
	margin-left: 0px;
	display: grid;
	align-content: flex-start;
	padding-right: 20px;
	}

article.paragraph_pic_ls {

	margin-top:0px;
	text-align: left;
	margin-left: 0px;
	display: grid;
	align-content: flex-start;
	}


.paragraph_content.teilen_halb { 
	grid-template-columns: 48% 48% ;
	grid-column-gap: 4%; 
	margin-bottom: 50px;
	padding-bottom: 0px;
	width:100% !important;
	max-width:1500px;
	padding-top: 0px;
	padding-right:0px ;
	padding-left:0px ;
background-color: #d9dada;}



article.paragraph_text_halb_left {

	margin-top:0px;
	text-align: left;
	min-width: 200px;
	margin-left: 50px;
	}

article.paragraph_text_halb_right {

	margin-top:0px;
	text-align: left;
	min-width: 200px;
	margin-right: 50px;
	}

figure.klang {margin: 0 0 -8px 0 !important; padding: 0 0 0px 0 !important;}


figure.klang img {width: 100%; height: auto; border: 0; margin: 0 !important; padding: 0 !important;}

figure.termine {margin: 0 0 -8px 0 !important; padding: 0 0 0px 0 !important;}


figure.termine img {width: 100%; height: auto; border: 0; margin: 0 !important; padding: 0 !important;}


.paragraph_content.teilen_slider { 
	grid-template-columns: 65% 35% ;
	grid-column-gap: 0; 
	margin-bottom: 0px;
	padding-bottom: 0px;
	width:100% !important;
	max-width:100%;
	padding-top: 0px;
	padding-right:0px ;
	padding-left:0px ;
background-color: #FFFFFF;}



article.paragraph_slider_left {

	margin-top:0px;
	text-align: left;
	margin-left: 0px;

		}

article.paragraph_slider_left p {
	
	margin: 0;
	padding: 0;
}

article.paragraph_slider_left img{
	width: 100% !important;
	height: auto;
}


article.paragraph_slider_right {

	margin-top:0px;
	text-align: left;
	min-width: 0px;
	margin-right: 0px;
	background-color: #b20e10;
	padding: 50px 10px 0px 50px;
	color: #ffffff !important;
	font-size: 1.8vw;
	font-weight: bold;
	}


article.paragraph_slider_right a { font-size: 1.2rem; color: #ffffff;border-bottom: solid 2px #ffffff; transition: 0.2s; text-decoration: none;  font-weight: bold;  }
article.paragraph_slider_right a:hover { color: #ffffff;border-bottom: solid 2px #ffffff; transition: 0.2s; text-decoration: none;  font-weight: bold; }




article.paragraph_text {
	grid-column: 1 / 13;
	padding: 0px 0px 0px 0px;
	margin-top:0px;
	text-align: left;
	}


 
hr.linie_klang {height: 3px; background-color: #000; margin: 40px 0 20px 0;}


/* Beiträge */

div#beitrag_termin {border-bottom: 3px solid #000; margin-bottom: 20px;}

div#beitrag_klangkuenstler {border-bottom: 3px solid #000; margin-bottom: 20px;}

div.a_bild_1 {}

figure.acc_bild  { margin: 0;}

figure.acc_bild img {padding-top: 20px !important; width: 60px !important; height: auto;}

figure.acc_bild_left  { margin: 0;}

figure.acc_bild_left img {width: 50%; height: auto; border: 0; float: left; margin: 30px 30px 10px 0;}

/* footer */

footer {
	width:100%;
	height:auto;
	margin-left: auto; 
	margin-right:auto; 
	margin-top:auto;  
	text-align: center;
	justify-content: center;
	z-index:999;
	background-color:#d9dada;
	color: #000;
}


div#footer {
	display: grid; 
  grid-template-columns: 50% 25% 25%; 
	grid-template-rows: auto;
	width:calc(100% - 120px);
	max-width:1300px;
	padding: 30px 60px 10px 60px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	margin-bottom: 0px;
	margin-top: 0px;
	font-size:1rem;
	line-height: 1.5rem;
	 grid-column-gap: 0px; 
	}

div#footer img {max-height: 100px !important; width: auto !important; float: left; padding: 20px 20px 10px 0;}
	
.footer_block_1 { order: 1; }	
.footer_block_2 { order: 2; }
.footer_block_3 {  order: 3;  } 

.footer_copyright {display: grid;    justify-content: center;   grid-column: 1 / 4;  margin: 20px 0px 0px 0px; font-size:.9rem; border-top: solid 3px #000000;  order: 4; }

nav#footer {   }
 
div#footer a { color: #000000 ;border-bottom: solid 0px #ffffff; transition: 0.2s; text-decoration: none;  }
div#footer a:hover { color: #000;border-bottom: solid 1px #000; transition: 0.2s;  }    


   /*End Site - NAV footer*/  
   
  
     /*Site - NAV footer */  
  
nav#footer ul  {
margin:0px;
padding:0px;
margin-top:10px;
margin-left:0px;
}


nav#footer ul li{
list-style-type: none;
width: auto;
padding-top: 0px;
padding-bottom:4px;
padding-left:0px;
padding-right:20px;
text-align: left;
font-size:1em;
line-height:1.4em;
	display: block;
	
}




nav#footer li a {
color: #fff;
text-decoration: none;
font-weight: 100;
vertical-align: left;
border-bottom: solid 1px rgba(255,255,255,0.00);
padding-bottom:0px;
line-height:1em;
transition: 0.2s;
}




nav#footer li a:hover { color: #fff;border-bottom: solid 1px #fff; transition: 0.2s;  }

	
ul#menu-footer-1 li.current-menu-item a, ul#menu-footer li.current-post-ancestor a, ul#menu-footer-1 li.current-page-ancestor  a { color: #fff;border-bottom: solid 1px #fff; transition: 0.2s;  }
ul#menu-footer-2 li.current-menu-item a, ul#menu-footer li.current-post-ancestor a, ul#menu-footer-2 li.current-page-ancestor  a { color: #fff;border-bottom: solid 1px #fff; transition: 0.2s;  }
ul#menu-footer-3 li.current-menu-item a, ul#menu-footer li.current-post-ancestor a, ul#menu-footer-3 li.current-page-ancestor  a { color: #fff;border-bottom: solid 1px #fff; transition: 0.2s;  }


   /*End Site - NAV footer*/  


@media only screen and (max-width: 1400px) {
	div.header_nav {display: none;}
	div.nav_oben  {display: none;}
	
	li#rmp-menu-item-2172 {height: 120px !important;}

	#rmp-menu-wrap-310 .rmp-menu-item-link {
		height: auto !important;
   line-height: 40px;
  font-size: 15px;
  border-bottom: 1px solid #000000;
  font-family: inherit;
  color: #000000;
  text-align: left;
  background-color: inherit;
  font-weight: normal;
  letter-spacing: 0px;
  display: block;
  width: 95% !important;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transition: background-color 0.5s, border-color 0.5s, 0.5s;
  padding: 0 0 0 5% !important;
  padding-right: 0px !important;
		
	
}
 
@media only screen and (max-width: 1000px) {
	
	
		
.paragraph_content { 
		width:calc(100% - 60px) !important;
		padding-right:30px !important;
	padding-left:30px !important;
	max-width:1200px !important;
}
	
.paragraph_content.teilen_ls_beitrag {
  grid-column-gap: 0;
  margin-bottom: 0px;
  padding-bottom: 0px;
  width: calc(100% - 1px) !important;
  padding-top: 30px;
  padding-right: 0px !important;
  padding-left: 0px !important;
	}
	
	
.paragraph_content.teilen_halb { 
	grid-template-columns: 100% !important;
	grid-column-gap: 0px; 
	margin-bottom: 50px;
	width:calc(100% - 60px) !important;
		padding-right:30px !important;
	padding-left:30px !important;
	max-width:1200px !important;
}
	
.paragraph_content.teilen_ls { 
	width:calc(100% - 60px) !important;
		padding-right:30px !important;
	padding-left:30px !important;
	max-width:1200px !important;}
	

article.paragraph_text_halb_left {	margin-left: 0px;}

article.paragraph_text_halb_right {	margin-right: 0px;	}

figure.klang img {width: 100%; height: auto; border: 0; margin: 0 !important; padding: 0 !important;}	

	
   }



@media only screen and (max-width: 900px) {


.footer_block_1 {grid-column: 1 / 4;  }	
.footer_block_2 {grid-column: 1 / 2; }
.footer_block_3 {grid-column: 2 / 4;  } 







article.paragraph_text {
	grid-column: 1 / 13;
	padding: 0px 0px 0px 0px;
	margin-top:0px;
	text-align: left;
	}

	
.paragraph_content.teilen_slider { 	grid-template-columns: 100%; 
		width:100% !important;
		padding-right:0px !important;
	padding-left:0px !important;
	max-width:1200px !important;
}	


article.paragraph_slider_right {

	margin-top:0px;
	text-align: left;
	min-width: 0px;
	margin-right: 0px;
	background-color: #b20e10;
	padding: 20px 0px 20px 30px;
	color: #ffffff !important;
	font-size: 20px;
	font-weight: bold;
	}		
	
	
	   }
	 




@media only screen and (max-width: 800px) {

	
.accordion {grid-template-columns:  1fr 70px; }
div#acc_button {  grid-template-columns:  1fr 70px; }
	figure.acc_bild {display: none;}
	div.a_bild_1 {display: none;}
	
	.panel_termine {	padding-left: 0px;}



	   }
	 


@media only screen and (max-width: 700px) {
	
.footer_block_1 {grid-column: 1 / 4;  }	
.footer_block_2 {grid-column: 1 / 4; }
.footer_block_3 {grid-column: 1 / 4;  } 

div#header {
	display: grid; 
	grid-template-columns:270px  auto; 
	grid-template-rows: 40px 80px;  
	height:120px;
	width:calc(100% - 80px);
	max-width:2000px;
	padding-right:40px;
	padding-left:40px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	border-bottom: 1px solid #000;
}


div.logo {  margin-left:-20px; margin-top:30px; grid-row: 1/3;   }
	
	
.acl-sitelinx #sitelinx-toggle-toolbar.toolbar-left {display:none;}	
	
	.paragraph_content.teilen_ls_beitrag {
  grid-template-columns: 1fr;
	}	

	
	
}



@media only screen and (max-width: 600px) {
	
	figure.acc_bild_left img {width: 100%; height: auto; border: 0; float: left; margin: 30px 0px 20px 0;}
	

 h1 { font-size:1.1em; 
 line-height:1.3em;
	 font-weight: 700;
 }


 h2 {
 font-size:1.1em; 
 line-height:1.3em;
	font-weight: 700;

 }

#paragraph.red  h2 {

 font-size:1em; 
 line-height:1.2em;
 }

 h3 {
font-weight: 400;
font-style: normal;
 font-size:1em; 
 line-height: 1.2em;
 }

 h4 {
font-weight: 700;
font-style: normal;
 font-size:1.4rem; 
 line-height:1.7rem;
 margin-top:20px;

 }

 h5 {
font-weight: 300;
font-style: normal;
 font-size:1.4rem; 
 line-height:1.7rem;

 }
	
 h4.beitrag {
font-weight: 700;
font-style: normal;
 font-size:1.1rem; 
 line-height:1.3rem;
 margin-top:20px;

 }

 h5.beitrag {
font-weight: 300;
font-style: normal;
 font-size:1.2rem; 
 line-height:1.4rem;

 }	

	div.content_accordion_1  h4 {
font-weight: 700;
font-style: normal;
 font-size:1.5rem; 
 line-height1.7rem;
 margin-top:0px;
	margin-bottom: 0px;
	 font-family:'PT Sans';
 }
	

	.panel_termine { font-size: 22px !important;}
 

.panel_klangkuenstler   { font-size: 22px !important;}



	
	
}