@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700|Raleway:400,800,900");

html, body, div, span,  h1, h2,html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		vertical-align: baseline;
	}

	body {
    line-height: 1;
    padding-top: 4em;
    background-color: #F4F4F4; 
	}
	.calendly-badge-widget { right: 20px;top:87px; }
	#topFixedNavbar1{ border-bottom: solid 1px #E2E2E2; }
 h1 #logo{
	  margin: -1em 3em 0;
	  width: 280px ; }	
	h1, h2, h3, h4{
	color: #3c3b3b /*#6464664*/;
	font-family: "Raleway" , Helvetica, sans-serif;/* Arial*/
	font-weight: 400;
	letter-spacing: 0.1em;
	line-height: 160%;
	margin: 0.2em 0.1em 0.5em 0em;
	}

h1, .carousel-caption h2 {
	font-size: 1.6em;
	}
 
	h2 {
	font-size: 1em;
	}

main #footer .col-xs-3 {
	border-left: dotted 0.2em #fff;
}
#footer {
	font-size: 0.85em;
	line-height: 150%;
}
ul{
  margin-left:1em;	
  margin-bottom:1em;}


.thumbnail .caption p {
}

.border.col-lg-8.col-md-8.col-xs-11.col-sm-7 .col-md-9.col-sm-9.col-xs-12 h2 {
}
.col-xs-12 h2 {
	margin-top: 2em;
}



	h3 {
	font-size: 0.95em;
	margin-left: 0;
	}
.titel {
	font-size: 1.4em;
	text-transform: uppercase;
}


	h4 {
		font-size: 0.7em;
	}

	
	p, .row ul li {
	font-size: 85%;
	letter-spacing: normal;line-height: 160%;
}
.thumbnail.image .caption p , .thumbnail .caption p{
	margin-top: 1em;
}

		



.border, .thumbnail.image {
	border: 0.01em solid #E1DDDD;
	padding-bottom: 20px;
}

 
.center {
	text-align: center;
}


a.image.featured {
	overflow: hidden; 
}
a.image.featured img {
	-moz-transition: -moz-transform 0.2s ease-out;
	-webkit-transition: -webkit-transform 0.2s ease-out;
	-ms-transition: -ms-transform 0.2s ease-out;
	transition: transform 0.2s ease-out;
}
a.image.featured:hover img {
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05); 
}

 .row {
	margin: 0.8em 0;
}
 .container {
	border: 1px solid #ddd;
	margin-top: 0.5em;
	border-radius: 0.8em;
	background: #Fff;
	margin-bottom:0.8em
}

#footer {
	paddin-left: 1.5em;
	margin-top: 1.2em;
	padding-top: 1.2em;
	background: #7e827a;
	display: table;
	color:#fff;
}#footer ul li{ list-style-type:none; }#footer ul li a{ text-decoration:none; 
	color:#fff; }
#footer ul li:last-child
{  margin-bottom: 2em }

.buttonleiste {display: table; margin:1em; padding-top:1em; width:100%;  }

.buttonright {margin-right:2em; position:absolute; right: 0;}


 .navbar {border-top: 1px solid #E2E2E2;

	max-height: 100px;

	
}
 
	 
.navbar
  ul li a {
					border-bottom: 0;
					font-family: "Raleway", Helvetica, sans-serif;
					font-size: 0.7em;
					font-weight: 300;
					letter-spacing: 0.25em;
					text-transform: uppercase;
					
				}

.navbar ul li {
				border-left: solid 1px rgba(160, 160, 160, 0.3);
				line-height: 1;
			padding: 0em;
			
			}

.navbar ul li:first-child {
					border-left: 0;
					margin-left: 1.5em;
					padding-left: 0;
					
					}

/*
.navbar li.disabled > a {
  color: red;
}*/

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	color: #555;
	border-top: 0.2em solid orange;
	border-bottom: 0.2em solid orange;opacity: 1; font-weight:600
}



a:hover,
a:focus {
  color: black !important; text-decoration:none;
}.navbar ul li a:hover,
.navbar ul li  a:focus {
  text-decoration: none;
  color:#7D8179;
  background-color:#F7F7F7;
}

.circle {
	max-height: 10em;
	max-width: 10em;
	border: 0.2em solid #7e827a;
	border-radius: 50%;
	text-align: center;
	display: block;
	margin: 1em auto;
	
}
.circle-left {border: 0.3em solid #ccc;}


.dropdown-menu {margin:1em; font-size:1em; }

.menu_normal {
	text-transform: none;
	letter-spacing: normal;
}.navbar ul li a:hover {color:#ff7f00 !important  }
.einruecken {margin-left:4em;}
.navbar-collapse {
background:#fff;
text-align:center }


.dropdown-menu {
  font-size: 0.95em;
}




/*ANIMATIONEN START mit Verweis auf animate.css*/
.animation1 {
	-webkit-animation: zoomIn 2s;
	font-family: Raleway, Helvetica, sans-serif;
}.animation2 {
  -webkit-animation: zoomIn 2s;
}
.animation3 {
  -webkit-animation: zoomIn 5s; color:#ff7f00;
}
/*ANIMATIONEN ENDE*/

@media screen and (max-width: 767px) {
.image.featured {
	margin: 0 0 1.5em 0;
}
#sidebar {
	margin-left: 0em;
	margin-top: 0em;
}
}

@media screen and (max-width: 480px) {
.col-xs-8 {
	width: 100%;
}
.col-xs-4 {
	width: 100%;
}
article, #sidebar {
	margin-left: 0em;
}


}



.btn-primary {
  color: #fff;
  background-color: #7e827a;
  border-color: #ccc;
}

.btn-primary:hover {
  color: #fff;
  background-color: #666;
  border-color: #ccc;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

h2 {
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 1.1em;
}
h3 {
	color: #7e827a;
    font-size: 0.9em;
    text-transform: uppercase;
}h4 {
	color: #7e827a;
    font-size: 0.9em; font-weight:bold
}
.textlinks {
	text-align:left}
	.liste {
		list-style-position:inside; list-style: disc; margin-left:1em; font-size: 85%; line-height:160%;margin-bottom:2em;}
	.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
 
  background-color: #7e827a;

}
.listeaside {text-align:left; margin-left:1em}


label {
    width: 5em;
    padding-bottom: 1em;
    float: left;
    margin-top: 1em;
}
.textfield, input {width: 25em;}
p{margin-bottom:0.8em; text-align: justify}
.listerechts{font-size: 0.85em; text-align:justify; line-height:140%}
td {font-size: 0.9em; line-height:160%; padding: 0.2em 0em 0em  0.4em}
th {font-size: 0.9em; line-height:160%;text-align:center; }
/*td:first-child {width:50%;}*/
tr:nth-child(odd) {background: #FAFAFA;}
tr:nth-child(even) {background: #F3F3F3;}
tr:hover{background: #CCC;}
table {margin-bottom: 1.2em}
.spalteeng {width:10% !important; font-size: 0.9em; line-height:160%; padding: 0.2em 0em 0em  0.4em}
.navbar-right li a {
	line-height: 0.5em;
}
.left { float: left;padding: 1em; }
.right { float: right; padding: 1em }
.carousel-caption h1, .carousel-caption h2 {
	color: #fff;
	font-size: 3em
}
.carousel-caption p {
text-align:center;
}.sprung {visibility: hidden; height: 0px !important; position: absolute; margin: -100px;}
.back-to-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none;
}@font-face {
  font-family: 'fontawesome';

  src: url('../fonts/fontawesome-webfont.eot');
  src: url('../de/fonts/fontawesome-webfont?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/fontawesome-webfont.woff') format('woff'), url('../fonts/fontawesome-webfont.ttf') format('truetype'), url('../fonts/fontawesome-webfont-regular.svg#fontawesome-webfont-regular') format('svg');}
#table td, #table th {padding: 0.5em; }
#support {margin-top: 5em; }




@media screen and (min-width: 1200px) {.hgbild {background: url(../images/hgbild.jpg) no-repeat bottom right}
}