.attention { color:red; border:2px solid red; }
#imprint { max-height:600px; overflow:scroll }
div.abstand-oben-50px { height:50px; }

h3 { background-color:#FF9; padding:10px; }
.glyphicons { font-size:1.5em; X}
.wrapper-section { margin:10px; padding:20px; background:#EEE }
.hauptinhalt {
    opacity: .9;
		padding:20px;
		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif 
}
.section#sone .hauptinhalt { background-color: transparent }
#div-kontakt { margin-top:2em; }
.section#sone { background:url(../img/massage-1.jpg) !important; background-size:cover !important; background-repeat:no-repeat;}

.section#stwo { background:url(../img/massage-2.jpg) !important; background-size:cover !important; background-repeat:no-repeat;}
	

.section#sthree { background:url(../img/massage-1.jpg) !important; background-size:cover !important; background-repeat:no-repeat;}

img { max-width:100%; height:auto; }
/*#header { 
	background:#FFF url(../img/images/bg-header.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}*/
#header { 
	/*background:#FFF url(../img/images/bg-header.jpg);
	background-repeat:no-repeat;
	background-size:cover;*/
}

.hauptinhalt h3 {margin-bottom:1.5em; }

/*Google-Karte*/
.embed-container { position: relative; padding-bottom: 75.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

	/* Defining each section background and styles
	* --------------------------------------- */

@media all and (max-width:767px) {
	#imprint { max-height:none; overflow:auto;}
	

	.section#sone{
		background: -webkit-gradient(linear, top left, bottom left, from(#FFF), to(#FFC)) !important;
		background: -webkit-linear-gradient(#FFF, #FFC) !important;
		background: linear-gradient(#FFF,#FFC) !important;
	}
	
		.section#stwo{
		background: -webkit-gradient(linear, top left, bottom left, from(#FFC), to(#FF9)) !important;
		background: -webkit-linear-gradient(#FFC, #FF9) !important;
		background: linear-gradient(#FFC,#FF9) !important;
	}

	.section#sthree{
		background: -webkit-gradient(linear, top left, bottom left, from(#FF9), to(#FF3)) !important;
		background: -webkit-linear-gradient(#FF9, #FF3) !important;
		background: linear-gradient(#FF9,#FF3) !important;
	}	
}

@media all and (max-width:500px) {
	a#a-slogan { font-size:.85em; }	
}

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }
	div.abstand-oben-50px { height:0px; }
	#img-logo { width:50%; height:auto; }
	.wrapper-section { padding-top: 0 }
	.hauptinhalt { padding: 0 20px 20px }
	.hauptinhalt h3 { padding-top:0; padding-left:0; margin-left:0; }
	#links, #rechts { width:100%; background:none; margin-left:0; padding-left:0; }	
	#imprint { max-height:none; overflow:auto;}	
	@page { margin: 2cm; }
}