/* ubuntu-300italic - latin */
@font-face {
	font-family: 'Ubuntu';
	font-style: italic;
	font-weight: 300;
	src: url('fonts/ubuntu-v13-latin-300italic.eot'); /* IE9 Compat Modes */
	src: local('Ubuntu Light Italic'), local('Ubuntu-LightItalic'),
		 url('fonts/ubuntu-v13-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('fonts/ubuntu-v13-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
		 url('fonts/ubuntu-v13-latin-300italic.woff') format('woff'), /* Modern Browsers */
		 url('fonts/ubuntu-v13-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('fonts/ubuntu-v13-latin-300italic.svg#Ubuntu') format('svg'); /* Legacy iOS */
  }
  
  /* ubuntu-italic - latin */
  @font-face {
	font-family: 'Ubuntu';
	font-style: italic;
	font-weight: 400;
	src: url('fonts/ubuntu-v13-latin-italic.eot'); /* IE9 Compat Modes */
	src: local('Ubuntu Italic'), local('Ubuntu-Italic'),
		 url('fonts/ubuntu-v13-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('fonts/ubuntu-v13-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
		 url('fonts/ubuntu-v13-latin-italic.woff') format('woff'), /* Modern Browsers */
		 url('fonts/ubuntu-v13-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('fonts/ubuntu-v13-latin-italic.svg#Ubuntu') format('svg'); /* Legacy iOS */
  }
  
  /* ubuntu-500italic - latin */
  @font-face {
	font-family: 'Ubuntu';
	font-style: italic;
	font-weight: 500;
	src: url('fonts/ubuntu-v13-latin-500italic.eot'); /* IE9 Compat Modes */
	src: local('Ubuntu Medium Italic'), local('Ubuntu-MediumItalic'),
		 url('fonts/ubuntu-v13-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('fonts/ubuntu-v13-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
		 url('fonts/ubuntu-v13-latin-500italic.woff') format('woff'), /* Modern Browsers */
		 url('fonts/ubuntu-v13-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('fonts/ubuntu-v13-latin-500italic.svg#Ubuntu') format('svg'); /* Legacy iOS */
  }
  
  /* ubuntu-700italic - latin */
  @font-face {
	font-family: 'Ubuntu';
	font-style: italic;
	font-weight: 700;
	src: url('fonts/ubuntu-v13-latin-700italic.eot'); /* IE9 Compat Modes */
	src: local('Ubuntu Bold Italic'), local('Ubuntu-BoldItalic'),
		 url('fonts/ubuntu-v13-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('fonts/ubuntu-v13-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
		 url('fonts/ubuntu-v13-latin-700italic.woff') format('woff'), /* Modern Browsers */
		 url('fonts/ubuntu-v13-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('fonts/ubuntu-v13-latin-700italic.svg#Ubuntu') format('svg'); /* Legacy iOS */
  }
  


table,body,html,ul,h1,h2,h3,h4,h5,p,form
{	margin:0px;
	padding:0px;
	font-family:  Arial, verdana, sans-serif;
}


html
{	height:100%;
}

body
{	height:100%;
	font-size:1.0em;
	font-family: arial, verdana, sans-serif;
	color:#555;
	background: url(../bilder/hg-karton.jpg) repeat;
}

img
{	border:0;
}


.clear
{	clear:both;
}

.my_clear
{	font-size:1px;
	height:1px;
	overflow:hidden;
	clear:both;
}

.right
{	float:right;
}

.left
{	float:left;
}

.orange {
	color:#F0871B !important;
}

.fett {
	font-weight: bold;
}

#container_100
{
	height: 100%;
	margin:0px auto;
	width:1027px;
	position:relative;
}




#container
{	/*width:989px;*/
	width: 1027px;
	/*top: 310px;*/
	top: 330px;
	left: 19px;
	overflow:hidden;
	position: absolute;
}


#container p.breadcrumb {
	width: 633px;
	color: #D76710;
	font-size: 0.8em;
	padding: 3px 17px 3px 28px;
	border-bottom: 1px solid #A9A4A0;
	float: left;
	margin-left: 18px;
}

* html #container p.breadcrumb {
	margin-left: 9px;
}

#container p.breadcrumb a {
	color: #D76710;
	text-decoration: underline;
}

#container p.breadcrumb a:hover {
	text-decoration: none;
}

#container p.email {
	width: 301px;
	float: right;
	text-align: right;
	padding: 3px 10px 3px 0;
	color: #D76710;
	font-size: 0.8em;
	border-bottom: 1px solid #A9A4A0;
	margin-right: 20px;
}

* html #container p.email {
	margin-right: 10px;
}

#container p.email a {
	color: #D76710;
	text-decoration: underline;
}

#container p.email a:hover {
	text-decoration: none;
}





/* der header */



#header
{
	width: 1027px;
	height: 316px;
	position:absolute;
	top:14px;
	left:19px;
	overflow:hidden;
	background: url(../bilder/headerbild-neu.jpg) no-repeat;
}

#header-neu
{
	width: 1027px;
	height: 316px;
	position:absolute;
	top:14px;
	left:19px;
	overflow:hidden;
	background: url(../bilder/headerbild-neu.jpg) no-repeat;
}


#header .logo
{
	width:400px;
	float: left;
	margin:35px 0 0 44px;
	color: #D76710;
	font-size: 1.6em;
}


#header ul {
	list-style-type: none;
	float: right;
	font-size: 0.8em;
	margin: 38px 18px 0 0px;
	color: #D76710;
}

* html #header ul {
	margin: 35px 14px 0 0;
}

#header ul li {
	display: inline;
}

#header ul li a {
	color: #D76710;
	text-decoration: underline;
}

#header ul li a:hover {
	text-decoration: none;
}


#header img.fb {
	float: right;
	margin: 30px 30px 0 0;
}



.kontakt #header ul li a.kontakt, .impressum #header ul li a.impressum, .datenschutz #header ul li a.datenschutz {
	color:#3B3B3B;
}

.wrapper-all {
	/*width: 989px;*/
	width: 1027px;
	float: left;
	background: url(../bilder/hg-komplett.jpg) repeat-y;

}

/* wrapper (content und sidebar)*/

.wrapper {
	width: 788px;
	float: right;
	overflow: hidden;
	height: auto;
}

/* der contentbereich */
.content
{	width:486px;
	padding:35px 0 0 0px;
	float:left;
	overflow:hidden;
	font-size:0.8em;
	color:#3B3B3B;
}

.content a,
.content a:link,
.content a:visited,
.content a:active
{	color:#F0871B;
	text-decoration:underline;
}

.content a:hover
{	text-decoration:none;
}



.content h1
{	color:#F0871B;
	padding: 0 0 20px 0;
	font-weight: bold;
	font-size:1.3em;
	font-family: Georgia, serif;
}

.content h1 span {
	font-size: 0.8em;
}

.content h2
{	color:#777;
	font-size:1.0em;
	padding: 0 0 10px 0;
	font-weight: bold;
	font-family: Georgia, serif;
}

.content h3
{	color:#3B3B3B;
	font-size:1em;
	padding: 0 0 10px 0;
	font-weight: bold;
}

.content h4 {
	font-size: 1em;
	padding: 0 0 10px 0;
	color:#3B3B3B;
}



.content ul
{	padding: 0 0 10px 15px;
	margin:0px;
	list-style-type: disc;
	list-style-position:outside;
	color:#3B3B3B;
}

.content ul li
{	padding:0px 30px 1px 2px;
	line-height:1.4em;
}

.content p
{	padding: 0 40px 10px 0px;
	line-height:1.4em;
	color:#3B3B3B;
}

.content .hervorhebung {
	width: 427px;
	background: url(../bilder/hg-hervorhebung.jpg) repeat-y;
	border-top: 1px solid #C2BDB8;
	border-bottom: 1px solid #C2BDB8;
	padding: 10px 0 3px 10px;
	margin-bottom: 20px;
}

.content .hervorhebung p, .content .hervorhebung2 p {
	font-style: italic;
}

.content .hervorhebung2 p strong.ohne {
	font-style: normal;
}

.content .hervorhebung2 {
	width: 280px;
	background: url(../bilder/hg-hervorhebung.jpg) repeat-y;
	border-top: 1px solid #C2BDB8;
	border-bottom: 1px solid #C2BDB8;
	padding: 10px 0 3px 10px;
	margin: 0 25px 20px 0;
	float: left;
}

.content strong.ohne {
	font-weight: normal;
}




img.a-matthias {
	width: 130px;
	padding: 3px;
	border: 1px solid #C2BDB8;
	margin: 0 25px 15px 0;
	float: left;
}

img.team {
	clear: both;
	float: right;
	padding: 3px;
	border: 1px solid #C2BDB8;
	margin: 0 50px 25px 0;
}

.imagebox {
	width: 427px;
}
.imagebox img{
	margin-bottom: 5px;
}

.image-first {

	float: left;
	width: 210px
	padding: 0 7px 0px 0;
	margin-bottom: 30px;
	border-bottom: 1px solid #bebab4;
}
.image-second {
	float: right;
	width: 210px
	padding: 0 0px 0px 0;
	margin-bottom: 30px;
	border-bottom: 1px solid #bebab4;
}


p.klein-blau {
	color: #1c9eea;
	font-size: 0.9em;
	padding: 0 0 10px 0;
	font-weight: bold;
	font-family: Georgia, serif;
}

/* die sidebar */
.sidebar
{	float:left;
	width:282px;
	margin:0px 0px 0px 0px;
	padding:35px 0px 0px 0px;
	overflow:hidden;
	font-size:0.8em;
	color:#3B3B3B;
}

.sidebar h2 {
	color:#F0871B;
	padding: 0 0 10px 26px;
	font-size: 1em;
	font-family: Georgia, serif;
}

.sidebar p
{	padding: 0 26px 10px 26px;
	color: #3B3B3B;
}

.sidebar p.rechts {
	color:#f0871b;
	padding: 0 0 10px 26px;
	font-size: 1em;
	font-family: Georgia, serif;
	font-weight: bold;
}


.sidebar a,
.sidebar a:link,
.sidebar a:visited,
.sidebar a:active
{

	padding:0px 15px 2px 0px;
	text-decoration:underline;
	color:#F0871B;
}

.sidebar a:hover
{	text-decoration: none;
}

.sidebar .linie {
	border-bottom: 1px solid #BEBAB4;
	width: 282px;
	margin-bottom: 20px;
}

.sidebar span.fett {
	font-weight: bold;
}

/* Navigation */

.navigation
{
	list-style-type:none;
	list-style-position:outside;
	width: 170px;
	float: left;
	overflow:hidden;
	padding: 35px 0 0 41px;
}


.navigation li
{
	line-height: 15px;
	width: 170px;
}


.navigation li	a,
.navigation li	a:link,
.navigation li	a:visited,
.navigation li	a:active
{
	padding:5px 0px 3px 5px;
	display: block;
	text-decoration:none;
	color: #5B5A5A;
	font-size:0.8em;
	width: 145px;
	border-bottom: 1px solid #A9A4A0;
	font-weight: bold;
}

.navigation li	a:hover
{
	color:#EA7805;
}

.startseite .navigation li a.startseite, .philosophie .navigation li a.philosophie, .team .navigation li a.team, .leistungen .navigation li a.leistungen,
.video .navigation li a.video, .vip .navigation li a.vip, .preise .navigation li a.preise, .kostenvoranschlag .navigation li a.kostenvoranschlag,
.kontakt .navigation li a.kontakt, .impressum .navigation li a.impressum, .datenschutz .navigation li a.datenschutz {
	color:#EA7805;
}

#videoPlayer iframe{
	height: 258px;
    width: 460px;
}




/* der footer */
#footer
{
	padding: 7px 0 5px 0;
	float: left;
	width:1027px;
	font-size:0.8em;
	color: #fff;
	background: url(../bilder/hg-footer.jpg) no-repeat;
}

#footer p
{	padding: 17px 0px 0px 43px;
	text-align: left;
	margin: 0 0 0 0;
	float: left;
	width: 647px;
}

#footer ul {
	color: #fff;
	text-align: left;
	padding: 17px 0px 0px 62px;
	float: right;
	margin: 0 0 0 0;
	width: 275px;
}

#footer ul li {
	display: inline;
}

#footer ul li a {
	color: #fff;
	text-decoration: underline;
}

#footer ul li a:hover {
	text-decoration: none;
}

.startseite #footer ul li a.startseite, .kontakt #footer ul li a.kontakt, .impressum #footer ul li a.impressum {
	color:#3B3B3B;
}

#footer p a {
	color: #fff;
	text-decoration: underline;
}

#footer p a:hover {
	text-decoration: none;
}


/* Kontaktformular */

label {
	width: 100px;
	float: left;

}

label.gross {
	width: 400px;
}
input, textarea {
	width: 300px;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	background: #fff;
}

input.gross {
	width: 405px;
}

select {
	width: 405px;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	background: #fff;
}

input.senden {
	width: 120px;
	color: #fff;
	background: #747474;
	cursor: pointer;
}

input.checkbox {
	border: none;
	width: auto;
	background: none;
}

#container,
#header {
	left: 0;
}

.wrapper-all {
	position: relative;
}

.th-mobile-header {
	height: 100%;
	display: none;
	flex-direction: column;
	justify-content: space-between;
	text-shadow: 0.3vw 0.3vw 0.3vw #777;
}

.th-headline {
	display: flex;
	height: 100%;
}

.th-headline-wrapper {
	display:inline-block;
}

.th-headline-1 .th-headline-wrapper {
	margin-top: -2vw;
}

.th-headline-1 {
	padding-left: 2vw;
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.th-headline-2 {
	padding: 2vw 2vw 0 0;
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-end;
}

.th-headline-1 p {
	font-family: 'Ubuntu';
	font-weight: 700;
	font-size: 9vw;
	color: #453631;
	line-height: 0.9;
}

.th-headline-2 p {
	font-family: 'Ubuntu';
	font-weight: 700;
	font-size: 3.8vw;
	color: #453631;
}

p.th-headline-blau {
	color: #0ea9ff;
}

.menu-icon {
	display: none;
	cursor: pointer;
	position: absolute;
	bottom: 2vw;
	right: 2vw;
}

.bar1, .bar2, .bar3 {
	width: 35px;
	height: 5px;
	background-color: #0ea9ff;
	margin: 6px 0;
	transition: 0.4s;
}

.menu-icon {  
	border: 1px solid rgb(222, 127, 81);
   	padding: 2px 5px;
   	background-color: rgb(235, 210, 180);
}

.menu-icon.change .bar1,
.menu-icon.change .bar2,
.menu-icon.change .bar3 {
   margin: 6px -3px 6px 3px;
}

.change .bar1 {
	-webkit-transform: rotate(-40deg) translate(-9px, 6px);
	transform: rotate(-45deg) translate(-9px, 6px);
}

.change .bar2 {
	opacity: 0;
}

.change .bar3 {
  -webkit-transform: rotate(40deg) translate(-9px, -6px);
  transform: rotate(45deg) translate(-9px, -6px);
}

.navigation {
	position: static;
}

.th-kontakt-mobil {
	display: none;
}

@media (max-width: 1050px) {

	#container_100 {
		width: 100%;
	}

	#container {
		width: 100%;
		top: 27vw;
	}

	#header {
		background-image: url('../bilder/berlin-skyline-randlos.jpg');
		background-size: contain;
		top: 0;
		width: 100%;
		height: 28.64vw;
	}

	.wrapper-all {
		background-image: url('../bilder/hg-komplett-randlos.jpg');
		background-size: cover;
		width: 100%;
		display: flex;
		flex-direction: row-reverse;
		justify-content: flex-end;
	}

	.wrapper {
		width: 100%;
		float: none;
		padding-right: 2vw;
	}

	.navigation {
		float: none;
		padding-left: 2vw;
		flex-shrink: 0;
	}

	.content {
		width: 100%;
		margin-right: 2vw;
	}

	.content .hervorhebung {
		width: 97%;
		margin-right: 2vw;
		padding: 0;
		background-size: cover;
	}

	.content .hervorhebung p,
	.content .hervorhebung h2 {
		padding: 10px;
	}

	.kontakt .linie {
		border-bottom: 1px solid #BEBAB4;
		width: 100%;
		margin-bottom: 20px;
	}

	img.a-matthias {
		float: none;
	}

	body.team h3 {
		padding-bottom: 20px;
	}

	img.team {
		margin-right: 2vw;
	}

	.imagebox {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}

	.image-first,
	.image-second {
		float: none;
		margin-right: 2vw;
	}

	#header img.fb {
		float: none;
		margin: 0;
		position: absolute;
		bottom: 2vw;
		right: 2vw;
	}

	.th-kontakt-mobil {
		display: block;
	}

	.th-kontakt-mobil img.fb {
		margin-bottom: 20px;
	}

	.th-kontakt-mobil h2 {
		color: #F0871B;
		padding: 0 0 10px 0;
		font-size: 1em;
		font-family: Georgia, serif;
	}

	.th-kontakt-mobil p.rechts {
		color: #F0871B;
		padding: 0 0 10px 0;
		font-size: 1em;
		font-family: Georgia, serif;
		font-weight: bold;
	}

	#footer {
		width: 100%;
		background: none;
	}

	#footer p {
		width: 96vw;
		padding: 2vw;
	}

	.sidebar,
	p.email,
	p.breadcrumb,
	#footer ul {
		display: none;
	}

	#header .th-mobile-header img.fb {
		margin: 0;
		float: none;
	}

	.th-mobile-header {
		display: block;
	}

	.th-headline-2 .th-headline-wrapper {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
	}

}

@media (max-width: 768px) {

	.wrapper-all {
		flex-direction: column-reverse;
		width: 96vw;
		padding: 0 2vw;
	}

	.menu-icon {
		display: inline-block;
	}

	#header img.fb {
		right: calc(6vw + 35px);
	}

	.navigation {
		background-color: #ffeac8;
		position: absolute;
		left: 0;
		top: -374px;
		padding: 0;
		width: 100%;
		transition: 0.4s;
	}

	.navigation.open {
		top: 0.7vw;
	}

	.navigation li {
		width: 100%;
	}

	.navigation li a, .navigation li a:link, .navigation li a:visited, .navigation li a:active {
		padding: 10px 0 8px;
		width: 100%;
		text-align: center;
	}

	body.team img.team {
		display: none;
	}

}

@media (max-width: 463px) {

	form.kontakt select,
	form.kontakt label {
		width: 100%;
	}

	form.kontakt input {
		width: 99%;
	}

	form.kontakt p {
		padding-right: 0;
	}

}

@media (max-width: 400px) {

	.team .content p:first-of-type {
		padding-bottom: 25px;
	}

	#header img.fb {
		right: calc(8vw + 35px);
		bottom: 2.2vw;
	}

	#videoPlayer iframe {
		height: 176px;
		width: 320px;
	}

}