body{position:relative;margin:0;padding:0;color:#4b3f3d;}
h1, .h1{font-family:'Handlee';color:#bba27a;}
h2, .h2{font-family:'Handlee';color:#bba27a;}
h3, .h3{font-family:'Handlee';color:#fff;}
.navbar .container{padding-left:0;}
.navbar .dropdown-menu h3{margin:5px 0;font-family:'Handlee', cursive;}
.navbar .dropdown-menu > li > a p{white-space:normal;margin:15px 0;}
.navbar .dropdown-menu .navbar-icon{float:right;margin:0 0 0 10px;}
.navbar .language{width:26px;height:22px;}
.navbar.affix{top:0;width:100%;z-index:3333;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
.navbar.affix-top{position:static;top:-35px;}
.navbar.affix + #WebsiteContent{padding-top:100px;}
.modal-dialog{top:100px;}
.ekko-lightbox, .modal .modal-title{color:#bba27a;}
#WebsiteLogo .container{position:relative;}
#WebsiteLogo .logo-container{position:absolute;z-index:999;width:100%;}
#WebsiteLogo img{border:0;}
#WebsiteLogo .btn:link, .btn:visited{color:#fff;}
#WebsiteLogo .btn:hover, .btn:focus{color:#dedede;}
#WebsiteContent{background-color:#fff;color:rgba(0, 0, 0, 0.5);font-size:20px;}
#WebsiteContent #btnFooterTop{position:absolute;top:-15px;right:15px;}
#WebsiteFooter{padding:2% 0 3% 0;color:#ccc;}
#WebsiteFooter h2{color:#bba27a;font-family:'Handlee';}
#WebsiteFooter a:link, a:visited{color:#bba27a;}
#WebsiteFooter a:hover, a:focus{color:#fff;}
#meteoprovbz_widget img{margin:0 8px;}
#Slider_1 .item img{width:100%;min-height:100px;}

section{padding:2% 0;background-position:center 0px;background-color:#fff;}
section .section-inner{padding:15px;margin-top:15px;margin-bottom:15px;background-color:#fff;}
section .section-inner h1{margin:0 0 15px 0;text-shadow:1px 1px 4px rgba(0, 0, 0, 0.5);}
section .section-text{padding:15px;}
.img-thumbnail{background-color:#fff;border:1px solid #bba27a;}
#Section_2, #Section_3, #Section_4, #Section_5{padding:10% 0;}
#Section_2 h1{font-size:30px;text-shadow:1px 1px 4px rgba(0, 0, 0, 0.5);color:#fff;}
#Section_2 h3{text-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);}
#Section_3 h1{font-size:30px;text-shadow:1px 1px 4px rgba(0, 0, 0, 0.5);color:#fff;}
#Section_3 h3{text-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);}
#Section_4 h1{font-size:30px;color:#fff;}
#Section_4 h1{text-shadow:1px 1px 4px rgba(0, 0, 0, 0.5);}
#Section_4 h3{text-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);color:#fff;}
#Section_Webdesign, #Section_Webdesign_2{padding:10% 0;}
#Section_Webdesign{font-size:30px;text-shadow:1px 1px 4px rgba(0, 0, 0, 0.5);color:#fff;}
#Section_Webdesign_2 h3{text-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);color:#fff;}
#Section_Grafik_2, #Section_Grafik_3{padding:10% 0;}
#Section_Grafik_2 h1{font-size:30px;text-shadow:1px 1px 4px rgba(0, 0, 0, 0.5);color:#fff;}
#Section_Grafik_2 h3{font-size:20px;text-shadow:1px 1px 4px rgba(0, 0, 0, 0.5);color:#fff;}
#Section_Grafik_3 h1{font-size:30px;text-shadow:1px 1px 4px rgba(0, 0, 0, 0.5);color:#fff;}
#Section_Grafik_3 h3{font-size:20px;text-shadow:1px 1px 4px rgba(0, 0, 0, 0.5);color:#fff;}
.bg-section{height:auto;margin:0 auto;width:100%;position:relative;padding:2% 0;}
.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);}
.shadow{box-shadow:1px 1px 8px 0px rgba(0, 0, 0, 0.5);}
@media screen and (max-width:767px){.container{min-width:320px;max-width:480px;}
.navbar .container{padding-left:15px;}
h1{font-size:26px;font-weight:bold;}
h2{font-size:18px;font-weight:bold;}
h3{font-size:17px;font-weight:bold;}
h4{font-size:15px;font-weight:bold;}
.nav > li > a{padding-left:15px;padding-right:15px;font-size:18px;}
.carousel-indicators{bottom:0;}
}
@media screen and (min-width:768px) and (max-width:991px){h1{font-size:28px;}
h2{font-size:19px;font-weight:bold;}
h3{font-size:18px;font-weight:bold;}
h4{font-size:16px;font-weight:bold;}
#WebsiteTop #Logo_Desktop{padding:10px;}
.nav > li > a{padding-left:8px;padding-right:8px;font-size:14px;}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right{top:82%;}
}
@media screen and (min-width:992px) and (max-width:1199px){h1{font-size:36px;}
h2{font-size:26px;}
h3{font-size:22px;}
h4{font-size:17px;}
.nav > li > a{padding-left:14px;padding-right:14px;font-size:17px;}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right{top:84%;}
}
@media screen and (min-width:1200px) and (max-width:1920px){h1{font-size:44px;}
h2{font-size:32px;}
h3{font-size:26px;}
h4{font-size:19px;}
.nav > li > a{padding-left:15px;padding-right:15px;font-size:19px;}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right{top:87%;}
}
@media screen and (min-width:1921px){h1{font-size:46px;}
h2{font-size:32px;}
h3{font-size:26px;}
h4{font-size:19px;}
.nav > li > a{padding-left:15px;padding-right:15px;font-size:19px;}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right{top:89%;}
}