body {
	font-size:24px;
	font-size:2vw;
		background-color: #580064;
		background:#C1FFBF url(https://www.peterhuebner.com/pictures/Hintergruende/HG_Noten_Gruen_250_1700.jpg) top left repeat-x fixed;
		/*background:#750075 url(https://www.peterhuebner.com/pictures/Hintergruende/HG_Swing_01_Cyan_Pink_604.jpg) center center fixed no-repeat;*/
		/*-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;*/
		color:#023C00;
	font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	hyphens: auto;
	}
a:link, a:hover		{ color:#023C00; }
a:visited, a:active	{ color:#023C00; }

.navbar-default {
    background-color:rgba(210,210,210,0.3);
	font-weight:bold;
	border-bottom:none;
	font-size:1vw;
}
@media (max-width: 767px) {
	.navbar-default {
		font-size:1.3em;
	}
}
.navbar-default .navbar-brand {
	color:#023C00;
}
.navbar-default .navbar-brand:hover {
	color:#023C00;
}
.navbar-default .navbar-brand:focus {
	color:#023C00;
}
.navbar-default .navbar-nav > li > a {
	color:#023C00;
	font-weight:normal;
}
.navbar-default .navbar-nav > li > a:hover {
    color: #cc0000;
	font-weight:normal;
}
.navbar-default .navbar-nav > li > a:focus {
	color:#023C00;
	font-weight:normal;
}

/**********  SUB MENUS  *********************/

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
	right: auto;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

@media (max-width: 1200px) {
	.navbar-brand {
		display:none;
	}
}
@media (max-width: 1100px) and (min-width: 768px) {
	#projekte {
		display:none;
	}
}
@media (max-width: 900px) and (min-width: 768px) {
	#medien {
		display:none;
	}
}
@media (max-width: 950px) and (min-width: 768px) {
	#bio {
		display:none;
	}
}

.shadow1 { text-shadow: 1px 1px 1px rgba(0,0,0,1); }
.shadow2 { text-shadow: 2px 2px 10px rgba(64,64,64,0.5); }

.exlink {
	display: inline-block;
}

.experts1 {
		font-size:2.8vw;
		letter-spacing:.6vw;
		white-space:nowrap;
	}
.experts2 {
		font-size:1.2vw;
		letter-spacing:.1vw;
		line-height:1.7vw;
		margin:-1vw 0;
		font-family:'Open Sans', sans-serif;
		white-space:nowrap;
	}
.expert_bg {
		background-color:rgba(11,124,0,0.80);
		padding:1vw;
		border-radius:15px;
		border:1px solid #FFE500;
		box-shadow:2px 2px 15px #000000;
	}
.expert_bg img {
		border-radius:10px;
		border:1px solid #333333;
	}
.name1 {
	font-size:3vw;
	font-family: 'Cardo', serif;
	font-weight: bold;
	text-align:left;
	hyphens: none;
}
.name1reznikov {
	font-size:2.8vw;
	font-family: 'Cardo', serif;
	font-weight: bold;
	text-align:left;
	hyphens: none;
}
.name1right {
	font-size:3vw;
	font-family: 'Cardo', serif;
	font-weight: bold;
	text-align:left;
	margin-left:2vw;
	hyphens: none;
}
.name1right_nordentr {
	font-size:2.8vw;
	font-family: 'Cardo', serif;
	font-weight: bold;
	text-align:left;
	margin-left:2vw;
	hyphens: none;
}
.titletext {
	font-size:2.6vw;
	line-height:3.4vw;
}
.text1 {
	font-size:1.8vw;
	text-align:left;
	margin-top:3vw;
	width:90%;
}
.text2 {
	font-size:1.8vw;
	line-height:2.3vw;
	text-align:justify;
	margin-top:3vw;
	width:96%;
}
.text2gross {
	font-size:2.2vw;
	line-height:2.9vw;
	text-align:justify;
	margin-top:3vw;
	width:96%;
}
.text2gross_right {
	font-size:2.2vw;
	line-height:2.9vw;
	text-align:justify;
	margin-top:3vw;
	margin-left:2vw;
}
.text2right {
	font-size:1.8vw;
	line-height:2.3vw;
	text-align:justify;
	margin-top:3vw;
	margin-left:2vw;
}
.quote {
	font-size:1.8vw;
	line-height:2.3vw;
	text-align:center;
	margin:0 4vw;
	padding:15px;
	background-color:rgba(97,253,125,0.25);
	border-radius: 10px;
}
.text2rightsmall {
	font-size:1.4vw;
	text-align:left;
	margin-left:2vw;
}
.text2vonk {
	font-size:2.8vw;
	text-align:center;
	margin-top:3vw;
	width:96%;
}
.container ul {
	font-size:1.8vw;
	line-height:2.5vw;
	text-align:left;
	margin-left:3vw;
}

.name2 {
	font-size:2vw;
	font-family: 'Cardo', serif;
	text-align:center;
	color: #ffffff;
}
.prof {
	font-size:1.8vw;
}

.haase {
	font-size:1.8vw;
	font-family: 'Cardo', serif;
	text-align:center;
	color: #ffffff;
}
.about {
	font-size:1.2vw;
	text-align:justify;
	color: #ffffff;
}
.about_haase {
	font-size:1.1vw;
	text-align:justify;
	color: #ffffff;
}
.about_center {
	font-size:1.4vw;
	text-align:center;
	color: #ffffff;
}
.about_left_small {
	font-size:1.2vw;
	text-align:left;
	color: #ffffff;
}
.headline1 {
	text-align:left;
	color:#023C00;
	font-weight:bold;
}
.text_3 { color:#023C00; }
.text_3 a:link, a:hover		{ color:#023C00; text-decoration: none; background-color: rgba(181,255,203,0.7); }
.text_3 a:visited, a:active	{ color:#023C00; }


footer { margin-top:7vw;
		 font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
		 line-height:28px;
		 color:#002D05;
		 font-size:1.6vw;
	}
footer a:link    { color:#002D05; text-decoration:none; }
footer a:visited { color:#002D05; text-decoration:none; }
footer a:hover   { color:#ffff00; text-decoration:none; }