body {
	font-size: 15px;
	font-family: Tahoma,Verdana,Segoe,sans-serif !important; 
}
.title {
    font-family: Tahoma,Verdana,Segoe,sans-serif !important;
    font-size: 45px;
    letter-spacing: normal !important;
    line-height: 40px;
    word-wrap: break-word;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Tahoma,Verdana,Segoe,sans-serif !important;
	font-weight: normal;
}
.brand img {
	margin-top: 2px;
    max-height: 60px;
}
.profis {
	width: 90%;
}
.brand a {
	font-size:0px !important;
}
.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
	background-color:#fff !important;
}
.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {
	color:#2c2c2c !important;
	text-shadow: none !important;
}
.navbar-inverse .nav > li > a:focus,
.navbar-inverse .nav > li > a:hover {
  color: #2c2c2c;
  background-color: transparent;
  text-shadow: none;
}
.navbar-inverse .brand, .navbar-inverse .nav > li > a {
	text-shadow: none;
}
.AboutContent .title {
	word-wrap: break-word;
	font: 45px/45px Montserrat;
}
.AboutContent {
	padding-bottom: 40px;
}
#story {
	padding-bottom: 0px;
}
.PortfolioUnderSlide .title {
	text-transform: uppercase !important;
}

.TopMenu .active {
	background:none;
	border-bottom: 2px solid #2c2c2c;
}

.ContactList li {
	float:left;
	margin-right:20px;
	padding:0px;
}
#contacts .ContactBottom {
    padding-bottom: 90px;
}
.TitleText {
    clear: both;
    color: #848484;
    font: 15px/23px arial;
}
h3 {
	padding:7px 0 21px;
}
#impressum {
	padding-top:69px;
}
p, li {
	font-size: 16px;
	line-height: 22px;
	font-family: Tahoma,Verdana,Segoe,sans-serif !important;
}
.FAQContent .title {
    font-size: 72px;
	line-height: 65px;
	padding-left: 10px;
    font-family: Tahoma,Verdana,Segoe,sans-serif !important;
}
.FAQContent {
	padding:50px 0;
}
.sloppy-space {
	padding-bottom: 60px;
}
#portfolio {
	padding: 68px 0 0;
}
#about, #contacts {
	background-color:#fff;
}
.AboutContent {
	background-color:#fff;
}
#index {
	padding-bottom: 60px;
}
#about, #portfolio, #FAQ, #contacts {
    overflow: hidden;
    padding: 60px 0 60px;
    position: relative;
}
.ContactTitle {
    color: #1b1b1b;
    font: 20px Open Sans;
    padding: 28px 0 5px;
}
.customMenu {
	background-color:#fff;
}
@media screen and (max-width: 992px) {
.navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a {
	color:#fff;
}
.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {
	color:#fff !important;
}
}
#footer .copyright {
	font-size: 14px;
	line-height: normal;
	font-family: Tahoma,Verdana,Segoe,sans-serif !important;
}
@media screen and (max-width: 992px) {
	.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12, .sloppy-space, #footer .copyright {
		padding: 10px;
	}
}
@media screen and (max-width: 640px) {
	.brand img {
		max-height:40px;
	}
}
.killpadding {
	padding:0px !important;
}
#story .span3 {
	padding:0px !important;
}
#footer {
	background-color: #f6f6f6;
    border-top: 1px solid #e2e2e2;
    padding: 60px 10px 10px 20px;
}
.popup {
	display: none;
	width: 90%;
	max-width: 1150px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: rgba(0, 0, 0, 0.7);
	border-radius: 5px;
	padding: 20px;
	z-index: 1000;
  }

  /* Styles for the popup content */
  .popup-content {
	background-color: #fff;
	padding: 20px;
	border-radius: 5px;
	text-align: center;
  }

  .scrolled-past {
	display: block;
  }


/****************************************************
 * Seminareangebot Modal
*****************************************************/
.seminarangebot_modal {
	display: none;
	position: fixed;
	top: 5%;
	left: 50%;
	transform: translate(-50%);
	background-color: #fff;
	border: 1px solid black;
	border-radius: 15px;
	padding: 28px;
	z-index: 1040;
	width: 80vw;
	height: 85vh;
	overflow-y: scroll;
	word-wrap: break-word;
}

.close_seminarangebot_modal {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}

.langer-strich {
	position: relative;
	top: -8px;
	display: inline-block;
	width: 25px;
	height: 0px;
	border: 2px solid black;
}

.navi-claim {
	padding-bottom: 0px; 
	padding-top: 10px; 
	font-weight: 600;
}

@media(max-width: 420px) {
	.navi-claim {
		font-size: 18px;
	}

	.h3-text {
		font-size: 20px;
	}

	.langer-strich {
        top: -5px;
        width: 20px;
        height: 0px;
        border: 1px solid black;
    }
}

@media(max-width: 767px) {
	.profis {
		width: 60%;
		margin-left: 20%;
	}
}

@media(max-width: 450px) {
	.profis {
		width: 90%;
		margin-left: 5%;
	}
}