@import url("../phildeau/phildeau.css");

body	{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bfe7ff+0,6491bc+71,4f87bd+100 */
	background: -moz-radial-gradient(center, ellipse cover, rgba(191,231,255,1) 0%, rgba(100,145,188,1) 71%, rgba(79,135,189,1) 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, rgba(191,231,255,1) 0%,rgba(100,145,188,1) 71%,rgba(79,135,189,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, rgba(191,231,255,1) 0%,rgba(100,145,188,1) 71%,rgba(79,135,189,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background-image: url(../../pages/016_phildeau/images/musik_ohne_grenzen_bg.jpg);
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfe7ff', endColorstr='#4f87bd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	font-family: 'Playfair Display', cursive;
	font-weight: 500;
}


#logo-header {
    background-image: url(../../pages/016_phildeau/images/musik_ohne_grenzen_logo_20.svg);
    top: 0vmin !important;
    opacity: 0.98;
}

.logo-header-large {
	transition: 0.4s all ease-in-out !important;
	width: 28vw !important;
	height: 25vh !important;
	align-self: center;
	left: initial !important;
	right: 0.5vw !important;
}

.logo-header-small {
    transition: 0.4s all ease-in-out!important;
    width: 35.0vmin!important;
    height: 22vmin!important;
    left: initial!important;
    right: 78vw;
    background-image: url(../../pages/016_phildeau/images/musik_ohne_grenzen_logo_20_white.svg)!important;
    opacity: 0.7!important;
}


#slogan {
    position: absolute;
    top: 19vh;
    font-size: 3.5vmin;
    letter-spacing: 0.35vmin;
}
.page-content {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
    padding-top: 9vmin;
    height: 70vh;
    padding-left: 3vmin;
    padding-right: 3vmin;
    flex-direction: row-reverse;
}

@media (pointer: coarse)
{
	.page-content {
	    padding-top: 10vmin;
	}
}

@media (orientation: portrait) 
{
	.logo-header-large {	
		width: 58vw !important;
	}
	
	.logo-header-small {
	    width: 35.0vmin;
	    height: 22vmin;
	    left: initial;
	    right: 63vmin;
	}
	
	#slogan	{
		top: 31vmin;
		left: 22%;
	}
	
	.fullscreen-video2 {
    object-position: -111vmin;
}
.page-content {
    padding-top: 17vmin;
    height: 82vh;
    padding-left: 5vmin;
}
}



#footer-links {
    font-family: 'Caveat', cursive;
    text-transform: none;
    font-size: 4vmin;
    color: white;
    letter-spacing: 0.00vmin;
    justify-content: space-between!important;
    padding-right: 5vmin;
    width: 80vmin;
    height: 10vmin;
    bottom: 36vmin;
    left: -42vmin;
}

.box {
    opacity: 1.0;
    align-content: center;
    background: rgba(0,0,0,0.6);
}

.folder	{
	background: radial-gradient(ellipse at center, rgba(0, 0, 0,0.7) 0%,rgba(0, 0, 0,0.98) 60%, rgb(0, 0, 0) 100%);
	padding: 0;
	width:  32vmin;
	height: 32vmin;
}