/* Allgemeine Styles */

@media all {
	html, body
	{
	    height: 100%;
	}

	body {
		color: #163a81;
		font-family: verdana, arial, sans-serif;
		font-size:14px;
	  min-height: 2000px;
	  padding-top: 70px;
	}

	/* NAVIGATION */

	.navbar-default {
	    background-color: #FFFFFF;
	    border-color: #6d6d6d;
	}

	.navbar-default .navbar-nav > li > a,
	.navbar-default .navbar-nav > li > span {
	  color: #6d6d6d;
	  font-size:130%;
	}

	.navbar-default .navbar-nav > .active > a,
	.navbar-default .navbar-nav > .active > a:hover,
	.navbar-default .navbar-nav > .active > a:focus {
	  background-color: #E7E7E7;
	  color: #555555;
	  border-radius: 2px;
	}

	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:active,
	.navbar-default .navbar-nav > li > span:hover,
	.navbar-default .navbar-nav > li > span:active,
	.navbar-default .navbar-nav > li.active {
	  color: #FFFFFF;
	  background-color:#163a81;
	  border-radius: 2px;
	}

	.navbar-default .navbar-nav > .open > a,
	.navbar-default .navbar-nav > .open > span,
	.navbar-default .navbar-nav > .open > a:hover,
	.navbar-default .navbar-nav > .open > a:focus {
	  color: #FFFFFF;
	  background-color:#163a81;
	  border-radius: 2px;
	}

	.navbar-nav > li > a,
	.navbar-nav > li > span {
			padding: 10px 15px;
	    line-height: 25px;
	    display: block;
	    position: relative;
	}

	.navbar {
	  height:70px;
	  width: 100%;
	}


	.navbar-nav {
	    margin-top: 12px;
	}

	.navbar-brand {
	    float: left;
	    font-size: 18px;
	    height: 50px;
	    line-height: 20px;
	    padding: 7px 5px 0 15px;
	}

	.navbar-collapse ul.navbar-nav {

	    border-top:none;
	    /*border-bottom: 1px #888 solid;	*/
	}

	.in ul.navbar-nav {
	 	  background-color:#eee;
	}

	.navbar-collapse {
	    box-shadow:none;
	    margin-top:8px;
	}

	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
      border: none;;
  }

	.dropdown-menu {
		  width:197px;
	}

	.dropdown-menu > li > a {
      background-color: #fff;
  }

  .dropdown-menu > li > a:hover {
      background-color: #163a81;
      color:#fff;
  }

	/* CONTENT */

	#content {
		  padding-top:4em;
	}

  .container {
  	  min-width:320px;
  }

  .row {
  	  min-height:500px;
  	  padding-bottom: 6em;
  }
  .no-height {
  	  min-height:100%;
  	  padding-bottom: 1em;
  }

  .picture img{

  }


	#impressum_OLD {
			display: none;
		  border-radius: 5px;
		  background: #fff;
		  box-shadow: 0px 0px 14px rgba(0,0,0,0.3);
		  font-size:120%;
		  padding:1em;
		  opacity: 0.9;
		  position:absolute;
		  top:0;
		  right:0;
	    /*margin-left: 570px;*/
		  max-width:600px;
	    width:auto;
	    height:100%;
			position: fixed;
			overflow: auto;
			top: 70px;
			z-index: 100;
	}

	#impressum {
	    font-size:15px;
	}

	ul.nav li{
	    cursor:pointer;
	}

	.abstand {
	    margin-bottom:30px;
	}

	.wechsel {
	    cursor:pointer;
	    text-docoration:underline;
	}

	.back-to-top {
		  position:relative;
		   width:80px;
		  height:80px;
	}

	.back-to-top img {
		  cursor:pointer;
		  width:80px;
		  height:80px;
	}

	/*.close-2 {
		  cursor:pointer;
		  font-size:200%;
		  /* position: fixed;*/
		  position:absolute;
		  top:0.5em;
		  right:0.3em;
	}

	.vor-close {
	    position: fixed;
    top: 70px;
    z-index: 100;
	}*/

	.close {
		  cursor:pointer;
		  font-size:200%;
		  position: fixed;
      right: 77px;
      top: 70px;
		 /*position:absolute;
		  top:0.5em;
		  right:0.3em;*/
	}

	p, #content ul {
		  color:#555;
	    font-size:16px;
	    line-height:1.4;
	    margin: 0 0 0.7em 0;
	}

	br {
      line-height:50%;
	}

	h2, h3 {
	}

	h2 {
		  font-family:arial;
	    font-weight:600;
	    font-size:225%;
	    letter-spacing:0.05em;
	    line-height:1.2;
	    margin: 0 0 1em 0;
	    opacity: 0.9;
	    padding:0;
	}

	h3 {
	    text-transform: none;
	    font-size:140%;
	    line-height:1.2;
	    margin:0.5em 0;
	}

	ul {
	    margin: 0.5em 0;
	    padding:0 0 0 1em;
	}

	li {
	    margin: 0;
	}

	a:focus {
		  outline: 0 none;
	}

	a, a:visited, a:active, a:link, a:hover {
	  color: #163a81;
	}

	.marked {
	  font-weight:bold;
	  font-size:120%;
	}

  #content-container a,
  #content-container a:visited,
  #content-container a:active {
		  color: #163a81;
		  text-decoration:underline;
	}

	.person {
		  font-size:120%;
	    font-weight:bold;
	    text-transform: uppercase;
	}

	#kontakt img.img-responsive {
	    padding:0 0 0.5em 0;
	}


	.scroll-top-wrapper {
	    position: fixed;
	    opacity: 0;
	    visibility: hidden;
	    overflow: hidden;
	    text-align: center;
	    z-index: 99999999;
	    /*background-color: #777777;*/
	    color: #eeeeee;
	    width: 64px;
	    height: 67px;
	    line-height: 67px;
	    right: 30px;
	    bottom: 30px;
	    /*border-top-left-radius: 10px;
	    border-top-right-radius: 10px;
	    border-bottom-right-radius: 10px;
	    border-bottom-left-radius: 10px;
	    -webkit-transition: all 0.5s ease-in-out;
	    -moz-transition: all 0.5s ease-in-out;
	    -ms-transition: all 0.5s ease-in-out;
	    -o-transition: all 0.5s ease-in-out;
	    transition: all 0.5s ease-in-out;*/
	}
	.scroll-top-wrapper:hover {
	    /*background-color: #888888;*/
	}
	.scroll-top-wrapper.show {
	    visibility:visible;
	    cursor:pointer;
	    opacity: 1.0;
	}
	.scroll-top-wrapper i.fa {
	    line-height: inherit;
	}

}


@media (min-width: 1200px) {

	h2 {
			width:340px;
	}

}

@media (min-width: 992px) {

}

@media (min-width: 600px) {

  /*#selbstanzeige {
    background-position: 0 0;
  }*/
}

/*@media (max-width: 370px) {
  .navbar-brand img{
     width:230px;
  }
}*/
