﻿@import url(https://fonts.googleapis.com/css?family=Lobster);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Pathway+Gothic+One);

body, .body {
	font-family: 'Open Sans', sans-serif;
	line-height:1.7;
	padding-top:50px;
}

/* ###########  Navigation  ############### */
.navbar-nav{
	line-height: 0;
}

.navbar-inverse {
	background-color: rgba(192, 192, 192, 0.7);
	border-color: rgba(192, 192, 192, 0.6);
}

.navbar-inverse .navbar-nav > li > a {
	color: #FFFFFF;
}

/* Hover Effekt */
.dropdown:hover .dropdown-menu {
    display: block;
 }
 
.sprache {
	vertical-align:middle;
	margin-top:10px;
}

.navbar-right {
    margin-right: 5px;
}
 
  /*  Facebook Button Navi */
#fabutton{
	margin-top:8px;
	height:30px;
}

#fabutton img{
	width: 35px;
	height:auto;
}

  /*  Angebot Button Navi */
#angebot{
	position:relative;
	top:-30px;
	margin-top:8px;
	height:10px;
	
}

#angebot img{
	width: 100%;

}

#angebot2{
	
}

#angebot2 img{
	width: 200px;
	height:auto;
}
   
/*   Font Navi */ 
    .nav {
    font-family: 'Pathway Gothic One', sans-serif;
    font-size: 26px;
}
    
h1, .h1, h2, .h2, h3, .h3, h4, .h4 h5, .h5, h6, .h6 {
    font-size: 36px;
    font-family:'Open Sans', sans-serif;
    text-align:center;
}

h1, .h1 {
	font-family:'Pathway Gothic One', sans-serif;
	margin-bottom:0;
}

h5, .h5 {
	font-family: 'Pathway Gothic One', sans-serif;
	color: #C0C0C0;
	margin:0;
}

h6, .h6 {
	margin-top:-25px;
}

/* ===== Font-Size ====== */
.ub1, ub1 {
	margin-top:40px;
	font-size:42px;
}
.ub2, ub2 {
	margin-top:40px;
	font-size:32px;
}
.ub3, ub3 {
	margin-top:40px;
	font-size:28px;
}
.ub4, ub4 {
	margin-top:24px;
	font-size:24px;
}
.ub5, ub5 {
	margin-top:20px;
	font-size:20px;
}

.lob{
	font-family:"Lobster 1.3";
}

.logo img{

}

.navbar-brand{
	padding-top:10px;
}

.navbar-brand img{

}

.innerlog{
	font-family:'Open Sans', sans-serif;
	margin:0;
	padding:10px;
}

.bg-info {
   background-color:#009999;
   line-height:1;
}

/* ####### Eigene Klassen ########  */

.pos-abs{
	position:absolute;
}

.normal-1, normal-1{
	font-family:'Open Sans', sans-serif;
	font-size:16px;
	margin-right:5px;
	color:gray;
}

.normal-1 a:hover{
	color: #33CCCC;
	text-decoration: none;
}


.nopad, nopad{
	padding:0;
}

.marg-m15, marg-m15{
	margin:0 -15px;
}

.mittig {
	text-align:center;
	margin:0 auto;
}

.blsatz {text-align:justify;}

.links{
	text-align:left;
}

.mg-left {
	margin-left:30%;
}


.no-float {
	clear:both;
}

.fl-left {
	float:left;
}

.fl-right {
	float:right;
}

.marg-10 {
	margin: 10px;
}

.marg-10-r {
	margin: 0 10px 0 0;
}

.mt-10 {
	margin: 10px auto 0;
}

.marg-10-rb {
	margin: 10px 10px 10px 0;
}

.marg-10-bottom {
	margin:0 0 10px 0;
}

.no-marg{
	margin:0;
}

.pad-10 {
	padding:10px;
}

.weiss, .weiss a {
	color:white;
}

.standard {
	border-radius: 0;
    width: 100%;
}

.mh-40 {
	min-height:40px;
}

.wd-100, wd-100{
	width:100%;
}

.filter {
	margin-top:5%;
	max-width:100%;
}

.date{
	font-size:16px;
	color:gray;
}

.intro{
	font-size:24px;
	font-weight:bold;
}

.blog{
	font-size:18px;
	}

.big {
  font-size: 150%;
  line-height:135%;
  }
  
.big2 {
  font-size: 40px;
  }
.text-bottom{
	vertical-align:bottom;
}
  
.darkgray {
	color: #3a3a3a;
}

.gray {
	color:gray;
}  

.black {
	color:black;
}

.backblack {
	background-color:black;
}

.backred {
	background-color:red;
}

.backgray {
	background-color: #C0C0C0;
}

.beige{
	background-color: #e0d4d9;
}

.gold{
	color:#cc9900;
}

.shadowbl{
	text-shadow: 3px 3px 2px black;
}

.shadowwh{
	text-shadow: 3px 3px 2px white;
}

.dark {
	background-color:#c2c2c2;
	padding:20px;
}

.lh-95{
	line-height:95%;
}

.ln-1{
	line-height:1.4;
}

.form-horizontal2 .control-label2 {
    margin-bottom: 0;
    padding-top: 0;
    text-align: right;
}

.table-custom tr, .tr{
	border-bottom:1px solid #ddd;
}
.table-custom {
	line-height:1.1;
}

.trennen {
-webkit-hyphens: auto;
 -moz-hyphens: auto;
 -ms-hyphens: auto;
 hyphens: auto;
}

.lh-95{
	line-height:95%;
}

.ln-1{
	line-height:1.4;
}

 	/* Progressbar */
 #progressbar {
    margin-top: 20px;
  }
 
  .progress-label {
    font-weight: bold;
    text-shadow: 1px 1px 0 #fff;
  }
 
  .ui-dialog-titlebar-close {
    display: none;
  }

.enjo{
	font-family:'Pathway Gothic One', sans-serif;
	color:darkgray;
	font-size:32px;
	line-height:1;
	vertical-align:text-bottom;
	margin:0;
	padding-top:5px;
} 

.vers {
	display:none;
} 

#map{
	height:450px;
}

.img-300 {
	max-width:450px;
}

/* ########### vorhandene Klassen ########## */

 /* Coodie Hinweis Anzeige */
.cc_container .cc_btn, .cc_container .cc_btn:visited {
    background-color: gray;
}

.container-fluid{
	width:100%;
	padding:0;
}


a:hover,
a:focus {
	color: #c2c2c2;
	text-decoration: underline;
}


.input-group {
	margin:0 0 10px 0;
}

 
 /* Kontaktform */

.form-horizontal{
	padding:25px;
}
#foto {
	margin:0 0 20px 0;
	
}

#foto img{
	width:80%;
	margin:0 0 20px 0;
	
}


 /* Back to top Button */
.back-to-top {
	background: none;
	margin: 0;
	position: fixed;
	bottom: 0;
	right: 0;
	width: 70px;
	height: 70px;
	z-index: 100;
	display: none;
	text-decoration: none;
	color: #33CCCC;
	/* background-color: #33CCCC; */
	font-size:60px;
}
 
.btn-lg a:hover{
	color:cadetblue;
}

.btn-lg a:visited{
	color:cadetblue;
}

.btn-lg a:active{
	color:cadetblue;
}

blockquote, .blockquote {
	margin: 0 0 10px 40px;
	font-family:'Pathway Gothic One', sans-serif;
	font-size:21px;
	
}
