@charset "UTF-8";
/* CSS Document */
@font-face {
    font-family: 'trashhandregular';
    src: url('../fonts/trashhand-webfont.eot');
    src: url('../fonts/trashhand-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/trashhand-webfont.woff2') format('woff2'),
         url('../fonts/trashhand-webfont.woff') format('woff'),
         url('../fonts/trashhand-webfont.ttf') format('truetype'),
         url('../fonts/trashhand-webfont.svg#trashhandregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/**** CSS für Smartphones first ***/

body {  padding-top: 70px;

}
#logo {position:relative;}
#logo img {position:relative; float:right;;z-index:10;}
h1,h2 { font-family: 'trashhandregular';color:#99C046;}

/* http://css-tricks.com/perfect-full-page-background-image/ */
html {
	background: url(../bilder/bg_stiefenhofen.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
html#ferienhof {
	background: url(../bilder/bg_hochgrad.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
html#ferienwohnung {
	background: url(../bilder/bg_wiese.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
html#sommer {
	background: url(../bilder/bg_schmetterling.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
html#winter {
	background: url(../bilder/bg_schnee.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
html#buchung {
	background: url(../bilder/bg_regenbogen.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
html#impressum {
	background: url(../bilder/bg_berge.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
html#partyraum {
	background: url(../partyraum/bilder/gastraum.jpg)no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
body {
	padding-top: 70px;
	font-size:14px;
	background: transparent;
}
/* Override B3 .panel adding a subtly transparent background */
.panel {
	background-color: rgba(255, 255, 255, 0.9);
	box-shadow:none;
	padding: 15px;
}
.navbar {margin-bottom:0;}
.navbar-default {
    background-color:#1B76D0;
    border: none;
}
.navbar-default .navbar-nav > li > a {
    color: #FFF;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #A8D14D;
	background:transparent;
}

.navbar-default .navbar-nav > .dropdown > a .caret {
    border-bottom-color: #fff;
    border-top-color: #fff;
}


.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    
    color: #BDDC75;
}
.navbar-default .navbar-brand {
    color: #fff;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
/* Shared styles */
        
        .drop-shadow {
            position:relative;
            float:left;
            width:auto;    
            padding:1em; 
            margin:0.5em 30px 1em; 
            background:#FCEECB;
            -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
               -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        }

        .drop-shadow:before,
        .drop-shadow:after {
            content:"";
            position:absolute; 
            z-index:-2;
        }
        
        .drop-shadow p {
            font-size:16px;
            font-weight:bold;
        }
        
        /* Lifted corners */

        .lifted {
            -moz-border-radius:4px; 
                 border-radius:4px;
        }
        
        .lifted:before,
        .lifted:after { 
            bottom:15px;
            left:10px;
            width:50%;
            height:20%;
            max-width:220px;
            -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);   
               -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
                    box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
            -webkit-transform:rotate(-3deg);    
               -moz-transform:rotate(-3deg);   
                -ms-transform:rotate(-3deg);   
                 -o-transform:rotate(-3deg);
                    transform:rotate(-3deg);
        }
        
        .lifted:after {
            right:10px; 
            left:auto;
            -webkit-transform:rotate(3deg);   
               -moz-transform:rotate(3deg);  
                -ms-transform:rotate(3deg);  
                 -o-transform:rotate(3deg);
                    transform:rotate(3deg);
        }


  /* Rotated box */
        
        .rotated {
            -webkit-box-shadow:none;
               -moz-box-shadow:none;
                    box-shadow:none;
            -webkit-transform:rotate(-3deg);    
               -moz-transform:rotate(-3deg);   
                -ms-transform:rotate(-3deg);
                 -o-transform:rotate(-3deg);
                    transform:rotate(-3deg);
        }
        
        .rotated > :first-child:before {
            content:"";
            position:absolute;
            z-index:-1;
            top:0;
            bottom:0;
            left:0;
            right:0;
            background:#fff;
            -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
               -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        }
.blauebox {background: #1B76D0; color: #fff; padding-bottom:10px;}
.blauebox2 {background: #AA5E3C; color: #fff; padding-bottom:10px;}
.blauebox h2, .blauebox2 h2 {padding-top:20px;padding-bottom:10px;}
.blauebox a , .blauebox2 a{color:#99C046;}
.blauebox img, .blauebox2 img {margin-left:20px;}
.gruenebox {background: #99C046; color:white;padding-top:10px;margin-top:-10px;}

a[href^="http://"], a[href^="https://"]  {
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  background:transparent url(../bilder/ex-link.png) no-repeat scroll right top;
  padding-right:20px;
}
@media (min-width: 768px) {

#logo img {position:relative; top:-30px;right:0;z-index:100;}
}

@media (min-width: 992px) {
	.gruenebox {margin-top:0px;}
.blauebox h2 {padding-top:0px;padding-bottom:0px;}
#logo img {position:absolute; top:-60px;right:0;z-index:100000;}	
}

@media (min-width: 1200px) {
	.gruenebox {margin-top:0px;}
	.blauebox h2 {padding-top:0px;padding-bottom:0px;}
#logo img {position:absolute; top:-60px;right:0;z-index:100000;}

}