* {
	margin:0;padding:0;
}
body,html{
  overflow-x:hidden;
  height: 100%;		 /* identisch wrapperfussunen um fuss unten zu haben */
}
body {
 font-family: 'Open Sans', sans-serif;
 font-size: 1em;
}
ul{
  padding: 0;
  margin: 0;
  list-style: none;
}
a{ 
  text-decoration: none;
  color: #2f2f2f;
}
a:focus{
  outline: none;
  text-decoration: none;
}
h1,h2{
	font-family: 'Montserrat', sans-serif; 
}
h3,h4,h5,h6{
	font-family: 'Varela', sans-serif;	
}

h2 {
  color: #313338;  
  font-size: 4.5em;
  font-weight: 700;
  line-height: 4.6em;
  margin: 0;
  padding-bottom: 10px;
  text-transform: uppercase;
}
h3 {
  color: #313338;  
  font-size: 2.2em;
  font-weight: 700;
  line-height: 2.4em;
  margin: 0;
}
img{border:none;}
.fett {font-weight: 700;}
.kursiv { font-style:italic;}

.absatz1 {padding-top: 1em;}
.absatz2 {padding-top: 2em;}
.absatz80 {padding-top: 80px;}
.absatzkorrektur80 {margin:0; padding: 0 0 80px 0;}

.handcursor { cursor: pointer; }
/*--------------------*/
/* Standard Button*/
/*--------------------*/
.normaler_btn{
	border: 2px solid #fff;
	color: #fff;
	font-size: 1em;
	display: inherit;
	text-align:center;
}
.normaler_btn:hover,.normaler_btn:focus{text-decoration: none; background-color:rgba(0,0,0,0.4);}
/* Preloader */
#preloader {
  position: fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:#000; /* change if the mask should have another color then white */
  z-index:99999; /* makes sure it stays on top */
}
#status {
  width:200px;
  height:200px;
  position:absolute;
  left:50%; /* centers the loading animation horizontally one the screen */
  top:50%; /* centers the loading animation vertically one the screen */
  background-image:url(../images/status.gif); /* path to your loading animation */
  background-repeat:no-repeat;
  background-position:center;
  margin:-100px 0 0 -100px; /* is width and height divided by two */
}
/*--------------------*/
/* HEADER */
/*--------------------*/
#header{
	float: left;
	display: inline;
	width: 100%;
	position: relative;
}
/*--------.menu_area-------- */
.menu_area{
	position: absolute;
	left:0;
	right: 0;
	top: 0;
}
/* Navigationsbbar */
.glyphicon-user {font-size:0.8em;}
.navbar-default {
  background-color: transparent;
  border-color: transparent;
  margin-top: 20px;
  padding: 12px 0px;
}
.past-main {
  background-color: rgba(0,0,0,0.8);
  margin-top: 0px;
  padding:6px 0px;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
#navbar{
  overflow-x: hidden;
}
.navbar-brand {
	color: #fff !important;
	font-size: 2.15em;
	font-weight: bolder;
	font-family: 'Varela', sans-serif;
}
.navbar-default .navbar-text {
  color: #ecf0f1;
  font-size: 1em;
}
.navbar-default .navbar-nav > li > a {
  color: #fff;
  font-size: 0.95em;
  font-weight: 600;
  text-transform: uppercase;
}
.navbar-default .navbar-nav > li > a:hover{
  text-transform: uppercase;
}
.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus {
  background-color: transparent;
  color: #fff;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
  border-color: transparent;
  background-color: rgba(0,0,0,0.8);
  font-size: 0.9em;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #ecf0f1;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
margin-top:6px;
  color: #fff;
  font-size: 0.95em;
  font-weight: 600;
  text-transform: uppercase;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  background-color: #0a0a0a;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  background-color: #0a0a0a;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  background-color: #0a0a0a;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #0a0a0a;
}
/* ENDE Navigationsbbar */
.blog_menu{
  background-color: rgba(0, 0, 0, 0.9);
  margin-top: 0px;
}
/* Modal Bildgroessenwahl */
.modal-sm {width:17em;}
.modalueberschrift{
	font-size: 1.1em;
  	text-transform: uppercase;
	font-weight:700;
	text-decoration:underline;
	padding-top:15px;
}
.modaltext{
	font-size: 1.0em;
	text-align:justify;
	color:#000000;
}
#WahlBildgroesse .modal-content{ 
	background-color: rgba(0,0,0,0.5);
	color:#FFFFFF;
	}
#WahlBildgroesse .modal-title { 
	color:#FFFFFF;
	text-align:center;
	}
#WahlBildgroesse p { 
	color:#FFFFFF;
	}
.funkyradio div {
    clear: both;
    /*margin: 0 50px;*/
    overflow: hidden;
}
.funkyradio label {
    /*min-width: 400px;*/
    width: 100%;
    border-radius: 3px;
    font-weight: normal;
	white-space:nowrap;
    color: #FFFFFF;
	overflow: hidden;
}
.funkyradio input[type="radio"]:empty, .funkyradio input[type="checkbox"]:empty {
    display: none;
}
.funkyradio input[type="radio"]:empty ~ label, .funkyradio input[type="checkbox"]:empty ~ label {
    position: relative;
    line-height: 2.5em;
    text-indent: 3.25em;
    margin-top: 0.1 em;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.funkyradio input[type="radio"]:empty ~ label:before, .funkyradio input[type="checkbox"]:empty ~ label:before {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    content:'';
    width: 2.5em;
    background: #666666;
    border-radius: 3px 0 0 3px;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before, .funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
    content:'\2714';
    text-indent: .9em;
}
.funkyradio :hover  {
	text-decoration:none;
}
.funkyradio input[type="radio"]:checked ~ label:before, .funkyradio input[type="checkbox"]:checked ~ label:before {
    content:'\2714';
    text-indent: .9em;
    background-color: #ccc;
}
.funkyradio input[type="radio"]:checked ~ label, .funkyradio input[type="checkbox"]:checked ~ label {
    font-weight: 700;
}
.funkyradio input[type="radio"]:focus ~ label:before, .funkyradio input[type="checkbox"]:focus ~ label:before {
    box-shadow: 0 0 �0 3px #999;
}
.funkyradio-primary input[type="radio"]:checked ~ label:before, .funkyradio-primary input[type="checkbox"]:checked ~ label:before {
    color: #000000;
}
/* PDFbox */
  .pdfboxbreite { width: auto;}

/* Ende Modal Bildgroessenwahl */
/*====Bilderdetailseite==*/
#Seitentitelbild {
  display: inline;
  float: left;
  margin-top: 75px;
  text-align: center;
  width: 100%;
}
#Seitentitelbild .titelbild{
  text-align: center;
  width: 100%;
  min-width:100%;
  height:auto;
}
#Seitentitelbild h2 {
  color: #fff;
  font-size: 3.8em;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}
#bilderueberschrift .read_more {
  font-weight: bold;
}
#bilderueberschrift{
	float: left;
	display: inline;
	width: 100%;
	padding: 80px 2.75% 30px 2.75%;
}
.heading{
	float: left;
	display: inline;
	width: 100%;
}
.heading h2 {
	display: inline-block;
	margin-bottom: 1em;
	padding-bottom: 0.3em;
	padding-right: 50px;
	font-size: 2.5em;
	line-height: 1.1em;
}
.heading p{
	font-size: 1em;
	line-height: 1.8em;
	font-weight: 300;
	text-align:justify;
}
.my-gallery{padding-top: 10px;}
/*--------------------*/
/*Panoramabilder SECTION */
/*--------------------*/
#panoramabilder{
	float:left;
	display: inline-block;
	width: 100%;
}
.panoramabilder_area {
  width: 100%;
  padding: 80px 2.75% 80px 2.75%;
}
.panoramabilder_area figure {
  border: 1px solid #ccc;
  display: inline-block;
  text-align: center;
  width: auto;
  background:#FFFFFF;
  color:#000000;
  margin:3px;
}
.panoramabilder_area figcaption {margin-top:4px;}
.panoramabilder_area img{width: 640px; height:auto}
.panoramabilder_area figure {width: 700px; ; padding-top:30px; padding-bottom:14px}
.panoramabilder h2{color: #fff;}
/*--------------------*/
/*Video SECTION */
/*--------------------*/
#videos{
	float:left;
	display: inline-block;
	width: 100%;
}
.videos_area {
  width: 100%;
  padding: 80px 2.75% 80px 2.75%;
}
.videos_area figure {
  border: 1px solid #ccc;
  display: inline-block;
  text-align: center;
  width: auto;
  background:#FFFFFF;
  color:#000000;
  margin:3px;
}
.videos_area figcaption {margin-top:4px;}
.videos_area img{width: 640px; height:auto}
.videos_area figure {width: 700px; ; padding-top:30px; padding-bottom:14px}
.videos h2{color: #fff;}
/*--------------------*/
/*Slideshows SECTION */
/*--------------------*/
#slideshows{
	float:left;
	display: inline-block;
	width: 100%;
}
.slideshows_area {
  width: 100%;
  padding: 80px 2.75% 80px 2.75%;
}
.slideshows_area figure {
  border: 1px solid #ccc;
  display: inline-block;
  text-align: center;
  width: auto;
  padding: 15px 15px 4px 15px;
  background:#FFFFFF;
  color:#000000;
  margin:3px;
}
.slideshows_area figcaption {margin-top:4px;}
.slideshows_area img{width: 640px; height:auto}
.slideshows_area figure {width: 700px; ; padding-top:30px; padding-bottom:14px}
.slideshows h2{color: #fff;}
/*--------------------*/
/*weiterebilder SECTION */
/*--------------------*/
#weiterebilder{
	float:left;
	display: inline-block;
	width: 100%;
}
/*alles andere wie bei Slideshows */

/*--------------------*/
/* FOOTER */
/*--------------------*/
.wrapperfussunten {
    min-height: 100%; 
    height: auto !important;
    height: 100%;
    margin: 0 auto -3.8em;   /* identisch footer um fuss unten zu haben */
    }
#footer{
	float: left;
	display: inline;
	width: 100%;
	padding: 1.25em 2.75% 1.25em 2.75%;
	background-color: #444;
	height: 3.8em;  /* identisch wrapperfussunen um fuss unten zu haben */
}
.footer_left{
	float: left;
	display: inline;
	width: 100%;
}
.footer_left > p {
  color: #ffffff;
  margin-bottom: 0;
  margin-top: 5px;
}
.footer_right > p {
  color: #ffffff;
  margin-bottom: 0;
  margin-top: 5px;
  text-align:right;
}
.footer_left > p a {  
  font-weight: bold;
}
.footer_right{
	float: left;
	display: inline;
	width: 100%;
}
.social_nav{
	text-align: right;	
}
.social_nav li{
	display: inline-block;
}
.social_nav li a {
  border: 1px solid #fff;
  color: #ffffff;
  display: inline-block;
  font-size: 1.1em;
  height: 1.7em;
  margin-left: 5px;
  text-align: center;
  width: 1.9em;
  line-height: 1.7em;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
/*--------------------*/
/* Login Dialog*/
/*--------------------*/
#login-modal .modal-content {
	margin-top:80px;
	width: 17em;
	color:#FFFFFF;
	background-color: rgba(0,0,0,0.6);
 }
#login-modal .modal-title {
	color:#FFFFFF;
 }
#loginbox {
	color:#FFFFFF;
 }
#loginbox .form-signin {
	max-width: 16.5em;
	padding: 5px;
	margin: 0 auto;
	font-size: 1em;
 }
 #loginbox .form-signin .form-signin-heading,
 .form-signin .checkbox {
	margin-bottom: 10px;
 }
#loginbox .form-signin .checkbox {
	font-weight: normal;
 }
#loginbox .form-signin .form-control {
	position: relative;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	font-size: 1em;
 }
#loginbox .form-signin .form-control:focus {
	z-index: 2;
 }
#loginbox .form-signin input[type="text"] {
	margin-bottom: -1px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-color:#017572;
 }
#loginbox .form-signin input[type="password"] {
	margin-bottom: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-color:#017572;
 }
#loginbox .form-signin input[type="checkbox"] {
	margin-bottom: 20px;
	} 
#loginbox label {
    display: block;
    float: left;
    padding-right: 10px;
    white-space: nowrap;
	overflow:hidden;
}
 #loginbox h4 {
 font-size: 1em;
 padding-bottom:10px;
 text-align:center;
 }
/*--------------------*/
/* Ende Login Dialog*/
/*--------------------*/

/*THEME STYLE SWITCHER*/
.theme_style_switcher {
	background-color: rgba(0, 0, 0, 0.75);
	border-bottom-right-radius: 4px;
	height: auto;
	left: -13em;
	padding: 15px;
	position: fixed;
	top: 140px;
	width: 13em;
	z-index: 1000;
	text-align: center;
	-webkit-transition: all 0.35s ease 0s;
	-o-transition: all 0.35s ease 0s;
	transition: all 0.35s ease 0s;
}
.theme_style_switcher a {
  display: inline-block;
  float: none;
  height: 2.5em;
  margin: 0.5em;
  width: 2.5em;
}
.theme_style_switcher > h4 {
  color: #fff;
  padding: 15px 10px;
  text-transform: uppercase;
  overflow:hidden;
}
.style-switch-button {
  background-color: rgba(0, 0, 0, 0.75);
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  cursor: pointer;
  height: 3em;
  left:13em;
  text-align:left;
  position: absolute;
  top: 50px;
  width: 3em;
  z-index: 1000;
}
.style-switch-active{left: 0;}
.style-switch-button i {
  color: #fff;
  font-size: 1.1em;
  left: 0.9em;
  line-height: 1;
  position: relative;
  top: 0.8em;  
}
#yellow{background-color: yellow;}
#default{background-color: #2da2c8;}
#red{background-color: #ff0000;}
#chocolate{background-color: #D2691E;}
#lime{background-color: #832dae;}
#eucalyptus{background-color: #26A65B;}
#lynch{background-color: #6C7A89;}
#riptide{background-color: #86E2D5;}
#flamingo{background-color: #EF4836;}
#plum{background-color: #913D88;}

@media(max-width:7000px ){
  .navbar-default .navbar-nav > li > a {font-size: 0.80em;padding: 15px 6px;}
  .navbar-brand {font-size: 1.2em;}
  .pdfboxbreite { width:60%;}
}
@media(max-width:4199px){
.panoramabilder_area img, .videos_area img, .slideshows_area img {width: 580px; height: auto;}
.panoramabilder_area figure, .videos_area figure, .slideshows_area figure {width: 630px; ; padding-top:25px; padding-bottom:11px}
}
@media(max-width:3599px){
.panoramabilder_area img, .videos_area img, .slideshows_area img {width: 480px; height: auto;}
.panoramabilder_area figure, .videos_area figure, .slideshows_area figure {width: 530px;; padding-top:25px; padding-bottom:11px}
}
@media(max-width:2999px){
.panoramabilder_area img, .videos_area img, .slideshows_area img {width: 380px; height: auto;}
.panoramabilder_area figure, .videos_area figure, .slideshows_area figure {width: 420px; padding-top:20px; padding-bottom:8px}
}
@media(max-width:2399px){
.panoramabilder_area img, .videos_area img, .slideshows_area img {width: 280px; height: auto;}
.panoramabilder_area figure, .videos_area figure, .slideshows_area figure {width: 310px; padding-top:15px; padding-bottom:5px}
}
@media(max-width:2000px ){
  .navbar-default .navbar-nav > li > a {font-size: 0.85em;padding: 15px 6px;}
  .navbar-brand {font-size: 1.4em;}
  .pdfboxbreite { width:80%;}
  .navbar-default {height: 65px;}
  #Seitentitelbild {margin-top: 65px;}
}
@media(max-width:1799px){
.panoramabilder_area img, .videos_area img, .slideshows_area img {width: 240px; height: auto;}
.panoramabilder_area figure, .videos_area figure, .slideshows_area figure {width: 270px; padding-top:15px; padding-bottom:5px}
}
@media(max-width:1399px){
.panoramabilder_area img, .videos_area img, .slideshows_area img {width: 210px; height: auto;}
.panoramabilder_area figure, .videos_area figure, .slideshows_area figure {width: 240px; padding-top:15px; padding-bottom:5px}
}
@media(max-width:1301px ){
  .navbar-default .navbar-nav > li > a {font-size: 1em;padding: 15px 6px;}
  .navbar-brand {font-size: 1.6em;}
  .pdfboxbreite { width:80%;}
  .navbar-default {height: 65px;}
  #Seitentitelbild {margin-top: 65px;}
}
@media(max-width:991px ){
  .navbar-default .navbar-nav > li > a {font-size: 1em;padding: 15px 6px;}
  .navbar-brand {font-size: 1.6em;}
}
@media(max-width:767px ){
	.navbar-collapse{background-color: rgba(0,0,0,0.8);} 
	.main_nav{text-align: center;}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: rgba(0,0,0,0.5);}
	#bilderueberschrift {padding: 50px 0;}
	.heading h2 {font-size: 1.9em;line-height: 1.9em;}
	.footer_left {text-align: center;}
	.social_nav {margin-top: 20px;text-align: center;}
	.dropdown-menu {text-align:center;}
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ecf0f1;
}
@media(max-width:480px ){	
	.navbar-brand {font-size: 1.0em;}
	.footer_left {text-align: center;}
	.footer_right { margin-top: 20px;}
    #Seitentitelbild h2 {font-size: 2.8em}
	.footer_left {text-align: center;}
	.footer_right { margin-top: 20px;}
	.social_nav { text-align: center;}
}
@media(max-width:360px ){
	.heading h2 { font-size: 1.55em;line-height: 1.8em;}
  #Seitentitelbild h2 {font-size: 1.8em;}
  .heading h3 {font-size: 1.2em;line-height: 1.55em;margin: 0 0 30px;}
  .heading h2 { font-size: 1.55em;line-height: 1.8em;}
}
@media(max-width:320px ){
	.navbar-brand {font-size: 0.8em;}
}