@charset "UTF-8";

/*
Theme Name: Kunstverein Oberwallis
Theme URI: https://kunstvereinoberwallis.ch
Author: Leander Eyer
Description: Theme for Kunstverein Oberwallis, based on twentytwentyone
Requires at least: 5.3
Tested up to: 5.7
Requires PHP: 5.6
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/** Reset CSS */
* {
  box-sizing: border-box; 
  padding: 0;
  margin: 0;
}

/** Make contact form prettier */
span.label {
	width: 100px;
	display: inline-block;
}
select, input[type='text'], input[type='email'],input[type='submit'], textarea, button {
	padding: 0.3em 1em;
	margin-bottom: 1rem;
}

/** Hide Recaptcha if not on anmelden */
body:not(.page-id-1501) div.grecaptcha-badge {
	visibility: hidden !important;
}

/** Apply some reasonable margins */
h2 {
	margin-bottom: 30px;
}

p {
	margin-bottom: 15px;
}

figure {
	margin-top: 15px;
	margin-bottom: 15px;
}

p.langlink {
	float: right;
	margin-top: -5rem;
}

/** Adjustments for Fronbt Page */
body.home div#container_breit div.column-aktuell {
	padding-left: 5%;
	border-right: 1px solid grey;
}

body.home div.partner {
	padding-left: 10%;
}

div.kvo_aktuell img {
	max-width: 80%;		
}

#aktuell_links img {
	width: 90%;
}

/** Contact table */
figure.kontakttabelle table td {
	border: 0 !important;
	vertical-align: top;
	padding-left: 0 !important;
}

p.space-above {
	margin-top: 30px;
}

hr.wp-block-separator {
	width: 100%;
	max-width: 100% !important;
	border-bottom: 1px solid black !important;
	opacity: 1 !important;
	margin-bottom: 30px;
	margin-top: 30px;	
}

div.wp-block-file {
	margin-bottom: 10px !important;
}

div.partner figure.wp-block-image {
	display: inline-block;
	margin-right: 15px;
}

html {
	font-size: 90%;
	overflow-y: auto;
	font-family: sans-serif;
	-ms-text-size-adjust: 90%;
	-webkit-text-size-adjust: 90%;
	overflow-y:scroll;
}

body {
	margin: 0;
	width: 100%;
	height: auto;
	background-color: #FFFFFF;
	font-style: normal;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility; 
}

html, body {
  overflow-x: hidden; 
}


h1 {
	text-align: center;
}

table {
	font-size: 100%;
	overflow-y: auto;
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	overflow-y:scroll;
}

#inhalt{
 height: auto;
 min-height: 100%;
 width:  100%;
 margin: 0%;
 padding: 0%;
}
@media (max-width: 500px){
#inhalt{
 height: auto;
 width:  100%;
 margin: 0%;
 padding: 0%;
}
}
@media (max-width: 800px){
#inhalt{
 height: auto;
 width:  100%;
 margin: 0%;
 padding: 0%;
}
}

#header {
 height: auto;
 min-height: 60px;
 width: 100%;
 background-color: #78BE20;
 margin-top: 0;
 padding-top: 10px;
}

#galerie_adresse{
 width: 100%;
 height: auto;
 background-color: #78BE20;
}
#text_adresse_galerie {
 padding-left: 20%;
 font-size: 90%; 
}
@media (orientation: portrait){
 #text_adresse_galerie {
 padding-left: 1%;
}
}
@media (max-width: 800px) and (orientation: landscape){
#text_adresse_galerie {
 padding-left: 1%;
 text-align: left;
}
}

#hauptmenue {
	padding: 5px;
	text-align: center;
	width: 100%;
	height: auto;
	text-transform: uppercase;
}

#hauptmenue ul li, #menue_galerie ul li {
	display: inline;
}

@media (orientation: landscape) and (max-width: 800px){
	#hauptmenue {
		font-size: 95%;
		overflow-y: auto;
		font-family: sans-serif;
		-ms-text-size-adjust: 95%;
		-webkit-text-size-adjust: 95%;	
	}
}

a:link{
 color: black;
 text-decoration: none;
 padding-right: 15px;
}

a:visited{
 color: black;
  padding-right: 15px;
}

a:hover{
 color:grey;
  padding-right: 15px;
}

#menue_galerie{
 padding: 5px;
 text-align: center;
 width: 100%;
 height: auto;
 background-color: #78BE20;
}

#menue_galerie_unused{
 padding: 5px;
 text-align: center;
 width: 100%;
 height: auto;
 background-color: #FFFFFF;
}

#container {
 width: 60%;
 height: auto;
 min-height: 75vh;
 padding: 2%;
 border-left: grey solid 1px;
 border-right: grey solid 1px;
 margin-left: auto;
 margin-right: auto;
}
@media (orientation: portrait){
#container {
 width: 100%;
 height: auto;
 padding: 2%;
 margin-left: auto;
 margin-right: auto;
}
}
@media (max-width: 800px) and (orientation: landscape){

#container {
 width: 100%;
 height: auto;
 padding: 2%;
}}

#aktuell {
 width: 60%;
 height: auto;
 //background-color: #ff0000;
 float:left;
 padding-left: 10%;
 border-right: 1px grey solid;
} 

@media (orientation: portrait){
#aktuell {
 width: 100%;
 height: auto;
 //background-color: #ff0000;
 padding: 10%;
 border-bottom: 2px grey solid;
 }
}

@media (min-width: 1281px){
#aktuell{
width: 61%;
 height: auto;
 //background-color: #ff0000;
 float:left;
 padding-left: 5%;
 border-right: 1px grey solid;
}
}

@media (max-width: 800px) and (orientation: landscape){
#aktuell{
width: 55%;
 height: auto;
 //background-color: #ff0000;
 float:left;
 padding-left: 5%;
 border-right: 1px grey solid;
 
}
}
 
#programm {
 width: 40%;
 height:auto;
 //background-color: #00ff00;
 float: left;
 padding-left: 5%;
}
 @media (orientation: portrait){
#programm {
 width: 100%;
 height: auto;
 padding: 10%;
 }
}
@media (min-width: 1281px){
#programm{
width: 39%;
 height: auto;
 //background-color: #ff0000;
 float:left;
 padding-left: 6%;
 border-right: 1px grey solid;
}
}

#container_breit {
 width: 100%;
 height: auto;
 
}
#container_breit_2 {
 width: 100%;
 height: auto;
 float: left;
}

#partner {
 float: left;
 width: 45%;
 height: auto;
 margin-top: 60px;
 text-align:left;
 padding-left: 10%;
 //background-color: #ffff00;
}
@media (orientation: portrait){
#partner {
 float: left;
 width: 45%;
 height: auto;
 margin-top: 60px;
 text-align:left;
 padding-left: 10%;
 //background-color: #ffff00;
}
}


#ueber_uns {
 float: left;
 width: 55%;
 height: auto;
 margin-top: 60px;
 font-size: 150%;
 //background-color: #00ffff;
}
@media (orientation: portrait){
#ueber_uns {
 float: left;
 width: 100%;
 height: auto;
 margin-top: 60px;
 font-size: 150%;
 padding-left:10%;
 //background-color: #00ffff;
 border-top: 1px grey solid;
 padding-top 10%;
}
}




#footer {
width: 100%;
 height: auto;
 margin-top: 50px; 
 float: left;
 text-align: center;
 font-size: 100%;
}

#aktuell_links {
  width: 40%;
  min-width: 40%;
  height: auto;
  min-height: 80%;
  float: left;
  padding-top: 5%;
  text-align: center;
  //background-color: red;
 }
 @media (orientation: portrait){
  #aktuell_links {
  width: 100%;
  height: auto;
  min-height: 80%;
  float: left;
  padding-top: 2%;
  text-align: center;
  }
 }
 
 
 
#aktuell_rechts {
  width: 60%;
  max-width: 60%;
  height: auto;
  min-height: 80%;
  float: left;
  padding-top: 5%;
  padding-left: 2%;
  //background-color: lime;
  }

 #im {
  //width: 90%;
  width: auto;
  max-width:95%;
  height: auto;
 }
 
 #programm_links {
  width: 60%;
  height: auto;
  float: left;
  padding-top: 5%;  
}
#programm_rechts {
  width: 40%;
  height: auto;
  float: left;
  padding-top:5%;
  padding-left: 5%;
  }
 @media (orientation: portrait){
  #programm_rechts {
  width: 40%;
  height: auto;
  float: left;
  padding-top:5%;
  visibility: hidden;
  }  
 }