@charset "UTF-8";
@import url(http://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
/* CSS Document */


*{
	font-family: 'Open Sans', sans-serif;
	color:#000;
}

::selection {color: white; background-color: red;}
::-moz-selection {background: red; color: white;}

a {
    color: #000;
}
a:hover, a:focus, a.active {
    color: red;
	cursor: pointer;
}

h1, .h1 {
    font-size: 32px;
	line-height: 1.2em;
	font-weight: 700;
}
@media (max-width: 480px) { 
	h1 {
		font-size: 24px;
	}
}

h2, .h2 {
	line-height: 1.4em;
}

h3, .h3 {
	line-height: 1.4em;
}

h3, .h3 {
    font-size: 28px;
}

h4, .h4 {
    font-weight: 700;
	color:#585858;
	line-height: 1.5em;
}

.textmarker {
	background-color:red;
	color:#fff;
}

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-brand  {
	color:#000;
}


main ul{
  list-style-type: none;
  padding-left: 20px;
}

footer ul{
  list-style-type: none;
  padding-left: 0px;
}

main li,
footer li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px
}

main li:before,
footer li:before {
  position: absolute;
  top: 0;
  left: 0;
  font-family: FontAwesome;
  content: "\f04b";
  color: red;
}


.fa {
color:#D6D6D6;
}

footer .fa {
	color: #888;
}

.fa-play,
footer .fa-play{
	color:red;
}

/*	   */

.container {
	margin-top: 20px;
	margin-bottom:20px;
}

.teaser_block {
	margin-top:80px;
	margin-bottom: 80px;
}

.teaser_block .row div {
border-right:1px solid #eee;
	min-height: 140px;
}

.teaser_block .row div:last-child {
border-right:0px;
}


.teaser_block_images div {
	min-height: 230px;
}

.img-team img,
.teaser_block_images img {
	margin:0 auto;
}


.img-team img:hover, .img-team img:focus {
	opacity: 0.4;
    filter: alpha(opacity=40);
}


.img-team span.zumprofil {
  color: #000;
	border:1px solid #000;
	padding:5px;
	font-size: 16px;
	font-weight: 700;
  cursor: pointer;
  display: table;
  left:50%;
	margin-left:-50px;
	margin-top: -40px;
	width:100px;
	height: 40px;
  position: absolute;
  top: 50%;
  opacity: 0;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
transition: opacity 500ms;
}

.img-team:hover span.zumprofil  {
  opacity: 1;
}


.claim {
	background-color: #D2D2D2;
	padding:50px 0px;
	margin:50px 0px;
}
.claim h2{
	font-weight: 700;
}
/*	MENU   */

.navbar {
    border-radius: 0px;
}
.navbar-nav > li > span {
    padding-bottom: 15px;
    padding-top: 15px;
}
.navbar-nav > li > span {
    line-height: 20px;
}
.nav > li > span {
    display: block;
    position: relative;
}
.dropdown-menu > li > a {
    padding: 8px 20px;
}
.navbar-brand, .footer-brand {
	font-family: Bookman Old Style, Times New Roman;
	font-size: 20px;
}

.navbar-brand {
    padding: 7px 15px 3px 15px;
}

.navbar-right li ul li{
	min-width: 180px;
	padding-left:20px;
}
.navbar-right li ul li.divider{
	padding-left:0px;
}

.navbar-right li ul li:last-child{
	padding-left:0px;
}

.navbar-right .fa {
	line-height: 1.8;
}

hr { 
  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #fff, #eee, #fff);
  background-image: -moz-linear-gradient(left, #fff, #eee, #fff);
  background-image: -ms-linear-gradient(left, #fff, #eee, #fff);
  background-image: -o-linear-gradient(left, #fff, #eee, #fff); 
}

footer hr { 
  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #F5F5F5, #999, #F5F5F5);
  background-image: -moz-linear-gradient(left, #F5F5F5, #999, #F5F5F5);
  background-image: -ms-linear-gradient(left, #F5F5F5, #999, #F5F5F5);
  background-image: -o-linear-gradient(left, #F5F5F5, #999, #F5F5F5); 
}

/*	Footer   */

.Site {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

.Site-content {
  flex: 1;
}

footer .fa {
	padding-right:5px;
}

footer {
    background-color: #f5f5f5; 
	padding-top:30px;
}


/*	Accordion   */

.panel {
    background-color: #fff;
    box-shadow: 0px;
	border:0px;
}

.panel-default > .panel-heading {
    background-color: #fff;
    border-color:transparent;
	border-bottom: 1px solid #ddd;
    color: #333;
}
.panel-heading {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
	padding: 10px 15px 20px;
}
.panel-title a{
	display: block;
	height: 30px;
	line-height: 30px;
	position: relative;
}

.panel-title a:after {
  position: absolute;
  top: 0;
  right: 0;
  font-family: FontAwesome;
  content: "\f067";
  color: red;
}

	.panel-collapse{
		padding-top: 20px;
		padding-bottom: 30px;
} 


/*	Btn - toTop   */

#topBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px;  /*Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
   outline: none; /* Remove outline */
    background-color: transparent; /* Set a background color */
    color: red; /* Text color */
	cursor: pointer; /* Add a mouse pointer on hover */
    /*padding: 15px; /* Some padding */
   /* border-radius: 10px; /* Rounded corners */
	
}

#topBtn:hover {
    background-color: transparent; /* Add a dark-grey background on hover */
	color:red!important;
}


/* Large desktop */
@media (min-width: 1200px) {
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	
.navbar-collapse ul.nav > li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 5px
}
	
.navbar-collapse ul.nav.navbar-right > li {
  position: relative;
  padding-left: 0px; 
  margin-bottom: 0px
}
	
.navbar-collapse ul.nav.navbar-right > li .fa {
 padding-right:5px;
}

 .navbar-collapse ul.nav li:before {
  position: absolute;
  top: 10px;
  left: 15px;
  font-family: FontAwesome;
  content: "\f04b";
  color: red;
}
	
  .navbar-collapse ul.nav.navbar-right li:before {
  position: absolute;
  top: 10px;
  left: 15px;
  font-family: FontAwesome;
  content: "";
  color: red;
}



	footer ul {
	margin-top:30px;
	margin-bottom: 30px;
}
}
 
/* Landscape phones and down */
@media (max-width: 480px) { 
	h1, h2, h3, p, .dropdown-menu li{
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
} 
	
footer ul {
	margin-bottom: 30px;
	margin-top:30px;
}
}