body {
    width: 100%;
    height: 100%; font-size:180%; background-image:url(sohg.png);
}

html {
    width: 100%;
    height: 100%;
}

h1{ font-size:2.3em; color:#497207; text-align:center; padding-bottom:10px;}
h2{ font-size:1.2em; color:#497207; text-align:center; padding-bottom:10px;}
h3{ font-size:1.2em; color:#497207; text-align:center; border-bottom:solid 1px #CCC; padding-bottom:10px;}
h4{ font-weight:600; }
h5{ }
h6{ }

.panel-collapse, .panel{ float:left; width:100% !important;clear:both !important; }

p, td{ color:#000000;}

/*-----------------------------------------------Gästebuch------------------------------------*/
.soinfo{ margin-left:10%; font-size:1.2em; color:#03C;}
.border{ border:solid 1px #CCC; margin-bottom:10px;}
.soborder{ border:solid 1px #09C; }
.sost0, .sost1, .sost2, .sost3, .sost4, .sost5{ display:block; position:relative; float:left; height:30px; width:150px; background-image:url(images/5sternem.png); background-repeat:no-repeat;}
.sost0 {background-position:0 0}
.sost1 {background-position:0 -30px}
.sost2 {background-position:0 -60px}
.sost3 {background-position:0 -90px}
.sost4 {background-position:0 -120px}
.sost5 {background-position:0 -150px}


#btnoption1, #btnoption2, #btnoption3, #btnoption4, #btnoption5{ width:40.8px; height:40px; text-align:40px; border:solid 1px #e7e7e7;}
#sosterne{ width:200px; height:40px; background-image:url(images/5sterne.png); }


@media(min-width:767px) {
    .navbar {
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out; 
    }
	
	.navbar img{
        padding:0;
        -webkit-transition: height .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: height .5s ease-in-out,padding .5s ease-in-out;
        transition: height .5s ease-in-out,padding .5s ease-in-out; 
    }
	
	.top-nav-collapse .collapse{
        -webkit-transition: padding .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: padding .5s ease-in-out,padding .5s ease-in-out;
        transition: padding .5s ease-in-out,padding .5s ease-in-out; 
    }
	
	.navbar .collapse{padding:40px 0 !important;}
	
	.navbar-brand{ display:block; position:absolute; height:100px; margin:0; padding:40px 0 0 0;}
	.navbar-brand img{ height:60px; margin:0; padding:0; }
	
    .top-nav-collapse .collapse{
        padding:5px 0 !important;
    }
	
	.top-nav-collapse .navbar-brand{ display:block; position:absolute; height:40px; margin:0; padding:0; }
	.top-nav-collapse img{ height:40px; margin:10px 0 0 0; padding:0; }
	.collapse { float:right;}
	
}

@media(max-width:766px) {
	.navbar-brand{ display:block; position:absolute; height:40px; margin:0; padding:10px 0 0 0;}
	.navbar-brand img{ height:40px; margin:0; padding:0; }
	
}

.soborder{ border:solid 1px #497207; }

.navbar a{ color:#497207 !important; }
.navbar a:hover{ border:solid 1px #497207 !important;}

.intro-section { 
    min-height: 100%;
    padding-top: 150px;
}
.intro-section h1{ color:#497207;}

.m1-section {
    min-height: 100%;
    padding-top: 50px; 
}
.m1-section h1{ color:#497207;}

.m2-section {
    min-height: 100%;
    padding-top: 50px;
}
.m2-section h1{ color:#497207;}

.m3-section {
    min-height: 100%;
    padding-top: 50px;
}
.m3-section h1{ color:#497207;}

.anfahrt-section {
    min-height: 100%;
    padding-top: 50px;
}
.anfahrt-section h1{ color:#497207;}

/*-----------------------------------------------Navigation------------------------------------*/
.dropdown-menu li a{ line-height:2em; color:#497207;}
ul.navbar-right{ margin:180px 100px 0 0;}

article.container{ margin-bottom:5px; }
.img-responsive{ width:100%;}
.hgtrans{ background:none;}

.nopading{ padding:0 !important; margin:0;}

.sofooter .container{ background:none;}
#solinkblock{ position:absolute; width:100%; background:none; padding:0; z-index:900;}
#solinkblock .container{ padding:0; background:none;}

.mtb{ padding-bottom:10px; padding-top:10px;}
.mt{ padding-top:10px;}
.mb{ padding-bottom:10px;}

.table .soright{ text-align:right;}

/*-----------------------------------------------Bild Link Modul------------------------------------*/
.solink{ display:block; position:relative; float:left; width:100%; height:100%; margin-bottom:20px; overflow:hidden; border:solid 1px #497207;}
.solink:hover > img { -webkit-transform: scale3d(1.1, 1.1, 1.1);  transform: scale3d(1.1, 1.1, 1.1);}
.solinktxt{ display:block; position:absolute; top: 70%; left:50%; 
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}


/*-----------------------------------------------Zitat------------------------------------*/
.fullpicture {
	position: relative;
	background-color: #5b6d68;
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: relative;
	background-position: center center;
	margin-top: 100px;
	padding-top: 60px;
	text-align: center;
	min-height: 100px;
	width: 100%;
	background-size: 100%;
	background-size: cover;
	z-index: 1; border:solid 1px #497207;
}

.fullpicture .layer {
}

.fullpicture .container {
	position: relative;
	z-index: 3;
}
.fullpicture .centered {
	position: relative;
	z-index: 2;
}
.fullpicture i {
	font-size: 50px;
	color: white;
	margin-bottom: 25px;
}

.fullpicture p {
	color: white;
	font-size: 15px;
	line-height: 30px;
}

.fullpicture h4 { color: #497207; }
.parallax {
    background-size: cover !important;
    overflow: hidden !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
}