﻿@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,400italic,600italic);

body {
    background-color: #fff;
    font-family: 'Muli', sans-serif !important; font-size: 16px; color: #9e9583;
    padding-top: 0;
    padding-bottom: 0;
}


#WebsiteHeader  { position: relative; color: #fff; }
#WebsiteLogo { position: absolute; top: 0; left: 0; right: 0; z-index: 9999; background-repeat: repeat-x; }
#WebsiteLogo img { border: none; }
#WebsiteLogo .flagge { margin: 15px 0 0 15px; }

#WebsiteContent { background-color: rgba(231, 225, 204, 0.35); padding-bottom: 0px; position: center;  }
#WebsiteContent-preise { background-color: #000; padding-bottom: 0px; position: center;  }
#WebsiteContent a:link, #WebsiteContent a:visited { color: ##e0aa00 !important; text-decoration: underline; font-weight: bold;}
#WebsiteContent a:hover, #WebsiteContent a:active { color: #000 !important; }
#WebsiteFooter {
   color: #fff;
   padding-bottom: 5px;
   background-color: #403328;
}
#WebsiteFooter a:link, #WebsiteFooter a:visited { color: #d6cab3; }
#WebsiteFooter a:hover, #WebsiteFooter a:active { color: #fff; }
#WebsiteFooter .footerlogo { margin-bottom: 5px; }

.innenabstand-sections { margin: 100px 0 100px 0; }
.img-thumbnail { border:ridge; }
.innenabstand { margin: 10px 20px 10px 20px; }
.innenabstand-wetter { margin: 0 40px 0 0; }
.innenabstand-text { margin: 10px 30px 20px 20px; }
.innenabstand-footer { margin: 0 15px 0 15px; }
.innenabstand-logo { padding: 5px; }
.innenabstand-foto { margin: 5px 3px 3px 3px; }
.innenabstand-sprache { margin: 0 20px 0 0; }
.innenabstand-unten { margin: 0 0 50px 0; }
.hundertprozent { width: 100%; border: none; }
#footer-right a { margin-left: 15px !important; margin-right: 0 !important; }
#WebsiteContent #btnFooterTop { position: absolute; top: -15px; right: 15px; }
section .section-textblock { padding: 15px; margin-top: 15px; margin-bottom: 5px; background: rgba(231, 225, 204, 0.85); }



.w3-panel{margin-top:16px; margin-bottom:50px} .w3-panel{ width: 80%; background-color: #e5dbc9; }
.w3-border{border:1px solid #ccc!important} 



/*hr { 
    width: 100%; 
    height: 1px; 
    margin: 0 auto;
    color: blue;
    background: #9e9583;
}*/

.parallax {
  /* The image used */
  background-image: url("../bilder/paralaxe.jpg");

  /* Set a specific height */
  height: 600px;


  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}



.carousel-inner {
position: relative;
width: 100%;
overflow: auto;
max-height: 100%;
} 

.table {
	display: table;
	border: 1px solid silver;
	border-collapse:collapse;
	width: 100%;
    text-align: center;
}

.table-row {
	display: table-row;
	border: 1px solid silver;
    text-align: center;
}

.table-cell {
	display: table-cell;
	border: 1px solid silver;
	padding: 15px;
    text-align: center;
    
}

.thead {
	font-weight: bold;
	background:#eee;
    text-align: center;


}
 @media only screen and (max-width: 800px) {

	.table {border:none;}
	
	.table-row,
	.table-cell {
		display: block;
		border: 1px solid silver;
	}
	
	.table-row { margin-bottom: 20px; }
	
}



.img-shadow {
    -moz-box-shadow:    inset  0  8px 8px -8px rgba(0, 0, 0, 0.7), 
                        inset  0 -8px 8px -8px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: inset  0  8px 8px -8px rgba(0, 0, 0, 0.7), 
                        inset  0 -8px 8px -8px rgba(0, 0, 0, 0.7);
     box-shadow:        inset  0  8px 8px -8px rgba(0, 0, 0, 0.7), 
                        inset  0 -8px 8px -8px rgba(0, 0, 0, 0.7);
}

@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}

/* Menü */

.navbar.affix { top: 0; width: 100%; z-index: 99999; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.navbar.affix-top { position: static; top: 0px; }
/*.navbar.affix + #WebsiteContent { padding-top: 50px; }*/

/*.navbar { border-radius: 0px; border: none; margin: 1px; background: url(../images/holzstruktur.jpg);  }*/
    .navbar .container {
        font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
        padding-left: 0;
        font-size: 18px;
        font-weight:500;

    }


/* Wetter */
#meteoprovbz_container { margin-top: 0px; }
#meteoprovbz_container, #meteoprovbz_container th, #meteoprovbz_container td { border: none !important; text-align: center !important; font-weight: normal !important; }
#meteoprovbz_container .meteoprovbz_min { background-color: rgba(0,0,255,0.2); color: #ccc !important;}
#meteoprovbz_container .meteoprovbz_max { background-color: rgba(255,0,0,0.2); color: #ccc !important;}
#meteoprovbz_container a { padding: 0 !important; margin: 0 !important; }
#meteoprovbz_container td[colspan="6"] { padding: 5px 0 0 0 !important; }


/* Mobile xs 768x1200 */
@media screen and (max-width: 767px) {
    .container { min-width: 100%;  max-width: 100%; }
    .innenabstand { padding: 8px;}
    .navbar .container { padding-left: 10px; }
    h1 { font-family: 'Caveat', sans-serif; font-size: 30px; font-weight: bold; }
h2 { font-family: 'Open Sans', sans-serif; color: #9e9583; margin-top: 0; font-size: 15px;  }
h3 { font-family: 'Open Sans', sans-serif; color: #fff; margin-top: 0; font-size: 18px;  }
h4 { font-family: 'Quicksand', sans-serif; font-weight: bold; color: #9e9583; font-size: 16px; }
h5 { font-family: 'Quicksand', sans-serif; color: rgba(0, 0, 0, 0.7); font-size: 20px; }
h6  { font-family: 'Caveat', cursive;  color: #9e9583; margin-top: 0; font-size: 30px; }
    .nav > li > a { padding-left: 15px; padding-right: 15px; font-size: 18px; }
    .carousel-indicators { bottom: 0; }
}

/* Tablet sm 1200x1200 */
@media screen and (min-width: 768px) and (max-width: 991px) {
    h1 { font-family: 'Caveat', sans-serif; font-size: 35px; }
h2 { font-family: 'Open Sans', sans-serif; color: #9e9583; margin-top: 0; font-size: 18px;  }
h3 { font-family: 'Open Sans', sans-serif; color: #fff; margin-top: 0; font-size: 18px;  }
h4 { font-family: 'Quicksand', sans-serif; font-weight: bold; color: #9e9583; font-size: 22px; }
h5 { font-family: 'Quicksand', sans-serif; color: rgba(0, 0, 0, 0.7); font-size: 20px; }
h6  { font-family: 'Caveat', cursive;  color: #9e9583; margin-top: 0; font-size: 30px; }
    #WebsiteTop #Logo_Desktop { padding: 10px; }
    .innenabstand { padding: 15px; margin-bottom: 0px; }
    .nav > li > a { padding-left: 8px; padding-right: 8px; font-size: 12px; }
    .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { top: 82%; }
}
/* Desktop md 1200x1200 */
@media screen and (min-width: 992px) and (max-width: 1199px) {
    h1 { font-family: 'Caveat', sans-serif; font-size: 40px; }
h2 { font-family: 'Open Sans', sans-serif; color: #9e9583; margin-top: 0; font-size: 18px;  }
h3 { font-family: 'Open Sans', sans-serif; color: #fff; margin-top: 0; font-size: 18px;  }
h4 { font-family: 'Quicksand', sans-serif; font-weight: bold; color: #9e9583; font-size: 22px; }
h5 { font-family: 'Quicksand', sans-serif; color: rgba(0, 0, 0, 0.7); font-size: 20px; }
h6  { font-family: 'Caveat', cursive;  color: #9e9583; margin-top: 0; font-size: 30px; }
    .innenabstand { padding: 15px; margin-bottom: 0px; }
    .nav > li > a { padding-left: 14px; padding-right: 14px; font-size: 16px; }
    .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { top: 84%; }
}
/* Desktop lg 1920x1200 */
@media screen and (min-width: 1200px) and (max-width: 1920px) {
    h1 { font-family: 'Caveat', sans-serif; font-size: 36px; }
h2 { font-family: 'Open Sans', sans-serif; color: #9e9583; margin-top: 0; font-size: 18px;  }
h3 { font-family: 'Open Sans', sans-serif; color: #fff; margin-top: 0; font-size: 18px;  }
h4 { font-family: 'Quicksand', sans-serif; font-weight: bold; color: #9e9583; font-size: 22px; }
h5 { font-family: 'Quicksand', sans-serif; color: rgba(0, 0, 0, 0.7); font-size: 20px; }
h6  { font-family: 'Caveat', cursive;  color: #9e9583; margin-top: 0; font-size: 30px; }
    .innenabstand { padding: 15px; margin-bottom: 0px; }
    .nav > li > a { padding-left: 15px; padding-right: 15px; font-size: 17px; }
    .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { top: 87%; }
}
/* Desktop xxl 2560x1600    Mein Bildschirm */
@media screen and (min-width: 1921px) {
    h1 { font-family: 'Caveat', sans-serif; font-size: 36px; }
h2 { font-family: 'Open Sans', sans-serif; color: #9e9583; margin-top: 0; font-size: 18px;  }
h3 { font-family: 'Open Sans', sans-serif; color: #fff; margin-top: 0; font-size: 18px;  }
h4 { font-family: 'Quicksand', sans-serif; font-weight: bold; color: #9e9583; font-size: 22px; }
h5 { font-family: 'Quicksand', sans-serif; color: rgba(0, 0, 0, 0.7); font-size: 20px; }
h6  { font-family: 'Caveat', cursive;  color: #9e9583; margin-top: 0; font-size: 30px; }
    .innenabstand { padding: 15px; margin-bottom: 0px; }
    .nav > li > a { padding-left: 15px; padding-right: 15px; font-size: 17px; }
    .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { top: 89%; }
}

/*Neu Css*/
.catdispaly {
    display: none !important;
}
