﻿

#portrait {
				width:100%;
				font-family:"Open Sans";
}
div.image-header {
	width:100%;
	height:628px;
	background-image:url('https://www.bvfk.de/pics/team/BVfK-Teamfoto_klein.jpg');
	background-repeat:no-repeat;
	position:relative;
}
div.headline {
				position:relative;
				float:right;
				width:68%;
				margin-top:10%;
				
			
}
div.headline span {
				background:#00776a;
				position:absolute;
				right:0;
				padding-left:20px;
				padding-right:200px;
				color:#fff;
				font-weight:600;
				font-size: 4.8em;
				width:100%;
			
				
}
.headline-logo img {
				position:absolute;
				top:-60px;
				right:80px;
				float:right;
				z-index:9999;	
			
}
.headline-assoc {
				position:absolute;
				width:auto;
				padding:10px;
				float:right;
				bottom:0;
				right:0;
				font-weight:600;
				font-size:1.2em;
				color:#535353;
				/*margin-right:150px;*/
}
p.describe {
				font-size:0.8em;
				color:#6d6d6d;
}
.p-content-left {
				width:30%;
				height:auto;
				float:left;
				background-color:#d0d0d0;
				padding:20px;
				
}
.p-content-left ul {
				list-style-image:url('https://www.bvfk.de/pics/aufz-check.png')
}
.p-content-left ul li{
				padding:5px;
				line-height:1.4em;
}

.p-content-left img {
				width:100%;
}
.p-content-right {
				width:68%;
				height:auto;
				float:right;
				padding:20px;
}
.p-content-right div.rightcol img, .p-content-right div.rightcol {
				float:right;
}
.p-content-right div.rightcol img {
				margin-bottom:20px;
				width:30%;
}
.p-content-right div.leftcol {
				float:left;
}
.p-content-right .leftcol, .p-content-right .rightcol {
				width:47%;
}
.portrait-content span, #mgl-left span {
				font-weight:600;
				color:#00776a;
}
.portrait-content a {
				text-decoration:none;
				font-weight:600;
				color:#0077c3;
}
.portrait-content h1 {
				font-weight:600;
				font-size:2em;
				color:#3b3b3b;
}
.portrait-content h2 {
				font-weight:600;
				font-size:1.6em;
				color:#00776a;
}
.portrait-content h3 {
				font-weight:600;
				font-size:1.2em;
				color:#00776a;
}


@media all and (max-width:1170px){
				#portrait {
						width:100%;
				
	}
				.headline-logo img {
						right:20px;
	}
				.headline-assoc {
						margin-right:80px;
	}
}

@media all and (max-width:1100px){
				.headline-assoc {
						display:none;
	}
}

@media all and (max-width:1015px){
				div.headline {
						width:70%;
	}
				div.headline span {
						padding-right:180px;
	}
}

@media all and (max-width: 980px){
				div.image-header {
						background-image:url('https://www.bvfk.de/pics/team/BVfK-Teamfoto_klein.jpg');
						max-width:100%!important;
	}
				div.headline {
						margin-top:15%;
	}
				.headline-logo img {
						height:119px;
						width:105px;
						top:20%;
	}
				div.headline span {
						font-size:3.6em;
	}
}

@media all and (max-width: 940px){
				div.headline {
						width:80%;
	}
}

@media all and (max-width: 832px){
				.p-content-left, .p-content-right {
						width:97%;
						float:left;
						margin-right:20px;
	}
}

@media all and (max-width: 800px){
				.headline-logo img {
						height:80px;
						width:70px;

	}
}

@media all and (max-width: 725px){
				div.image-header {
						background-image:url('https://www.bvfk.de/pics/team/BVfK-Teamfoto_klein.jpg');
						max-width:100%!important;
	}
				div.headline {
						margin-top:15%;
	}
				div.headline span {
						font-size:2.4em;
	}
}
@media all and (max-width: 600px){
				div.headline span {
						padding-right:100px;
	}
}


@media all and (max-width: 526px){
				div.headline span {
						
						padding-right:20px;
	}
				div.headline {
						width:100%;
						
	}
				.headline-logo img {
						display:none;
	}
				.p-content-right div.leftcol, .p-content-right div.rightcol {
						width:97%;
						
						
	}
				.p-content-right div.rightcol {
						float:left;
						clear:right;
  	}
}