lokales CSS

file-garten.css CSS stylesheet, 2 KB

File contents



img{
	max-width: 100%;
	max-height: 100%;
}

.garten-all{
	position: relative;
	display: block;
	max-width: 960px;
	min-height: auto;
	background-color: #ffffff;
}

figure.garten{
	width: 30%;
	height: 100%;
	position: relative;
	display: inline-block;
	vertical-align: top;
	height: 100%;
	color: #ffffff;
	margin: 0.5em;
	margin-top: 1em;
	box-shadow: 3px 3px 3px 3px grey;
} 


figure.garten figcaption{

	left: 0; right: 0;
	top: 70px; bottom: 0px;
	text-align: center;
	width: 100%;
	height: 2em;
	display: table;
	font-size: 105%;
	background: #516828;
}

figure.garten figcaption a{
	display: table-cell;
	vertical-align: middle;
	position: relative;
	opacity: 1;
	color: #ffffff !important;
}

figure.garten img{
	max-width: 100%;
	max-height: 100%;
}

 

a.button-p{
	font-size: inherit;
	font-weight: bold;
	max-width:70%;
	width: 70%;
	display: inline-block;
	vertical-align: middle;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0.9375rem 1.875rem;
	border: 0.1875rem solid #516828;
	color: #516828;
	transition: all 500ms linear 0s;
	transition-property: color, background-color;
}

  a.button-p:before{ 
	display: none;
}

:hover > a.button-p {
	background-color: #516828;
	color:white;
	transition: all 500ms linear 0s;
	transition-property: color, background-color;
}


 
 a.button{
	visbility: hidden;
	display: none;
}



.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;

}
.video-responsive iframe{
    border:0;
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.clear { clear: both; }
 
 
 @media screen and (max-width: 600px) {

 .garten-all {
	position: inherit;
	display: block;
	min-width: 95%;
	min-height: 100%;
	background-color: #ffffff;
	vertical-align: top;
}	
 
 figure.garten{
	min-width: 95%;
	min-height: 100%;
	position: relative;
	display: inline-block;
	vertical-align: top;
	color: #ffffff;
	margin: 0.5em;
	margin-top: 1em;
	box-shadow: 3px 3px 3px 3px grey;
} 


figure.garten figcaption{
	left: 0; right: 0;
	top: 70px; bottom: 0px;
	text-align: center;
	min-width: 100%;
	min-width: 100%;
	display: table;
	font-size: 105%;
	background: #516828;
}

figure.garten figcaption a{
	display: table-cell;
	vertical-align: middle;
	position: relative;
	opacity: 1;
	color: #ffffff !important;
}

figure.garten img{
	max-width: 100%;
	max-height: 100%;
}
	 

 a.button{
		
	font-size: inherit;
	font-weight: bold;
	max-width:200em;
    width: 50%;
	display: inline-block;
	vertical-align: middle;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0.9375rem 1.875rem;
	border: 0.1875rem solid #516828;
	color: #516828;
}

  a.button:before{ 
	display: none;
} 
	 
img{
	max-width: 100%;
	max-height: 100%;
}
.clear { clear: both; }


 
 }