/* CSS Haus der Kraft */

/* Hintergrundbild zentrieren und auf die verfügbare Seite skalieren */
html { 
  background: url('uploads/BG.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;  
/*  background-color: rgba(0,0,0,.4);
  background-blend-mode: darken;  */

  font-family: sans-serif;
  text-shadow: 0 0 0.2em white;
  text-shadow: 2px 0px 0.3em white, -2px 0px 0.3em white, 0px 2px 0.3em white, 0px -2px 0.3em white;
  
}


.wrapper {
	padding: 5px;
	max-width:90%;
	width: 90%;
	margin: 20px auto;
}

.columns {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	margin: 5px 0;
}

.column {
	flex: 1;
  border-radius:15px;
  border:2px solid #73AD21;
  padding:2%;
  background-color:rgba(255,255,255,.6);

	margin: 2px;
	padding: 10px;
	&:first-child { margin-left: 0; }
	&:last-child { margin-right: 0; }
	
}

@media screen and (max-width: 980px) {
  .columns .column {
		margin-bottom: 5px;
    flex-basis: 40%;
		&:nth-last-child(2) {
			margin-right: 0;
		}
		&:last-child {
			flex-basis: 100%;
			margin: 0;
		}
	}
}

@media screen and (max-width: 680px) {
	.columns .column {
		flex-basis: 100%;
		margin: 0 0 5px 0;
	}
}

.clear{
  border:0px;
  background-color:rgba(255,255,255,0);
}

.filmicon{
  height:15vh;
}

.main {
  margin-top:1em;
  text-align:center;
  font-size:1.8em;
  line-height:1.2em;
}

.main img, .mapmain img {
  vertical-align:text-bottom;  
}

.main iframe{
}


.mapcontainer {
  vertical-align:middle;
  text-align:center;
  width:100%;
  height:50vh;
}

.mapcontainer svg{
  max-width:475px;
  height:auto;

  border-radius:15px;
  border:2px solid #73AD21;
  padding:2%;
  background-color:rgba(255,255,255,.6);  
}

.mapmain {
  margin-top:1em;
  text-align:center;
  font-size:1.8em;
  line-height:1em;
}

.mapaddress{
  margin:2%;
  font-size:0.6em;
  line-height:1.3;
  text-align:left;
  border-radius:15px;
  border:2px solid #73AD21;
  padding:2%;
  background-color:rgba(255,255,255,.6);
}

.mapaddressspecial{
  border:2px solid #7321AD;
  padding:2%;
}

.mapaddressonline{
  border:2px solid #308AFF;
  padding:2%;
}

.big {
  font-size:1.5em;
  text-shadow: 0 0 1em white;
}

.fett {
  font-weight:bold;
}

.HdK {
  font-weight:bold;
  color:white;
  text-shadow: 2px 0px 0.2em black, -2px 0px 0.2em black, 0px 2px 0.2em black, 0px -2px 0.2em black;
  font-size:1.5em;
}

.glowlink {
  cursor:pointer;
  text-shadow: 2px 0px 0.2em #0D7CD5, -2px 0px 0.2em #0D7CD5, 0px 2px 0.2em #0D7CD5, 0px -2px 0.2em #0D7CD5; 
}

.glowlinkgreen {
  cursor:pointer;
  text-shadow: 2px 0px 0.2em #00b32d, -2px 0px 0.2em #00b32d, 0px 2px 0.2em #00b32d, 0px -2px 0.2em #00b32d; 
}
.glowlinkgreen img {
  vertical-align:middle;
}

.link {
  cursor:pointer;  
}

.impressum{
  font-size:0.7em;
  margin-top:4em;
}

.phone{
  text-decoration:none;
  color:black;  
}