@charset "UTF-8";
/* Reset */

html, body { margin:0; padding:0; border:0; background:transparent; font-size:10px; }

div, span, article, aside, footer, header, hgroup, nav, section, h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li, table, tr,th, td, tbody, tfoot,thead {
			margin:0;
			padding:0;
			border:0;
			vertical-align:baseline;
			background:transpartent; }

img 		{ margin:0; padding:0; border:0; }

table, tr, th, td, tbody, tfoot, thead {
			margin:0;
			padding:0;
			border:0;
			vertical-align:baseline;
			background:transpartent; }

table 		{border-collapse: collapse; border-spacing:0; }

input, select, textarea, form, fieldset {
			margin:0; padding:0; border:0 }

article, aside, dialog, figure, footer, header, hgroup, nav, section {
			display:block; }

h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, caption, em, strong, strike, navigationsboxen, ul, a {
			font-family:Verdana, Geneva, sans-serif;
			font-size:100%;
			font-weight:normal;
			font-style:normal;
			line-height:100%;
			text-indent:0;
			text-decoration:none;
			text-align:left;
			color:#00; }

ol, ul { list-style:none; }

/* Header */
.top-index {
background-color: #f2f2f2;
}

.top-dienst {
background-color: #f6e9d4;
}

.top-cons {
background-color: #e3f5f6; /* #edf6f6; */
}

.header {
  margin-top: 3%;
  padding-bottom: 3%;
}

/* Logo */
#logo img {
	width:100%;
	padding-right: 6%;
	}

/* Navigation */
nav {
	padding-left: 2%;
}
nav li a {
	font-family:"Calibri", Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#898989;
	line-height:1.5;
	}

nav a:hover {color:#323232;}

.color {
	color:#323232 !important;
	}

/* Content */
.content {
  margin-top: 5%;
	margin-bottom: 5%;
}

.content img {
  width: 100%;
	margin-bottom: 2%;
}

.content p {
	font-family:"Calibri", Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#898989;
	line-height:1.5;
}

.content a {
	font-family:"Calibri", Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#898989;
	line-height:1.5;
}

.content a:hover {color:#323232;}

.margin-left {
	margin-left: 35%;
}

.map {
	margin-left: 15%;
}

/* Team */

.team {
  margin-top: 5%;
  margin-bottom: 5%;
}

.team img {
    width: 100%;
    margin-bottom: 2%;
}

.team p {
font-family:"Calibri", Verdana, Geneva, sans-serif;
font-size:14px;
color:#898989;
line-height:1.5;
}

/* Content Dienstleistungen */
.col-md-2 {
margin-right: 3%;
}

.toggle1, .toggle2, .toggle3, .toggle4, .toggle5 {
	cursor: pointer;
}

.hiddenDiv {
	display: none;
	padding-bottom: 5%;
}

.dienstleistungen {
  margin-top: 5%;
	margin-left: 1%;
}

.dienstleistungen img {
  width: 100%;
  display: block;
	margin-bottom: 2%;
}

.dienstleistungen h2 {
	font-family:"Calibri", Verdana, Geneva, sans-serif;
	font-size:18px;
	color:#898989;
  line-height:1.5;
}

.dienstleistungen ul {
	margin-left: 5%;
	margin-top: 5%;
	cursor: pointer;
}

.dienstleistungen ul li {
	color: #ffc658;
  list-style-type: circle;
}

.dienstleistungen ul li span {
  font-family:"Calibri", Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#898989;
	line-height:1.5;
}

.dienstleistungen ul p {
  font-family:"Calibri", Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#898989;
	line-height:1.5;
}

.dienstleistungen p {
	font-family:"Calibri", Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#898989;
  line-height:1.5;
}

/* Content Consulting */
.consulting {
  margin-top: 5%;
	margin-left: 1%;
}

.consulting img {
  width: 90%;
	padding-top: 15%;
  display: block;
	margin-bottom: 2%;
}

.consulting h2 {
	font-family:"Calibri", Verdana, Geneva, sans-serif;
	font-size:18px;
	color:#898989;
  line-height:1.5;
}

.consulting ul {
	margin-left: 5%;
	margin-top: 5%;
	cursor: pointer;
}

.consulting ul li {
	color: #ffc658;
  list-style-type: circle;
}

.consulting ul li span {
  font-family:"Calibri", Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#898989;
	line-height:1.5;
}

.consulting ul p {
  font-family:"Calibri", Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#898989;
	line-height:1.5;
}
.consulting h2{
	font-family:"Calibri", Verdana, Geneva, sans-serif;
	font-size:18px;
	color:#898989;
  line-height:1.5;
}


/* Bilder Links Hover Effekt */
.hovereffect h2 {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hovereffect h2:hover {
	opacity: .5;
}

.hovereffect img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hovereffect img:hover {
	opacity: .5;
}

.hovereffect ul {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hovereffect ul:hover {
	opacity: .5;
}

div.topmenu {
	float: left;
	padding-top: 30px;
	padding-left: 20px;
}

div.bottommenu {
	width: 100%;
}

/* Media Queries */
/* Tablet */
@media (max-width: 995px) {

	.dienstleistungen img {
		width: 50%;
	}

	.consulting img {
		width: 50%;
	}

	/* Logo */
	#logo img {
		width: 70%;
	}

	/* Content */
	.content {
		margin-top: 15%;
	}

		.content img {
			width: 50%;
		}

	.margin-left {
		margin-left: 18%;
		margin-bottom: 10%;
	}

	/* Phone */
	@media (max-width: 414px) {
		.content img {
			width: 70%;
		}

		.margin-left {
			margin-left: 2%;
			margin-bottom: 10%;
		}
	}
	
}

@media (max-width: 700px) {
	.topmenu {
		display: none;
	}
}

@media (min-width: 701px) {
	.bottommenu {
		display: none;
	}
}