@font-face {
    font-family: 'MuseoSlab500Italic';
    src: url('../fonts/Museo_Slab_500italic-webfont.eot');
    src: url('../fonts/Museo_Slab_500italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Museo_Slab_500italic-webfont.woff') format('woff'),
         url('../fonts/Museo_Slab_500italic-webfont.ttf') format('truetype'),
         url('../fonts/Museo_Slab_500italic-webfont.svg#MuseoSlab500Italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'handwr';
    src: url('../fonts/VAG-HandWritten-webfont.eot');
    src: url('../fonts/VAG-HandWritten-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/VAG-HandWritten-webfont.woff2') format('woff2'),
         url('../fonts/VAG-HandWritten-webfont.woff') format('woff'),
         url('../fonts/VAG-HandWritten-webfont.ttf') format('truetype'),
         url('../fonts/VAG-HandWritten-webfont.svg#vag-handwrittenregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_slab500';
    src: url('../fonts/Museo_Slab_500_2-webfont.eot');
    src: url('../fonts/Museo_Slab_500_2-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Museo_Slab_500_2-webfont.woff') format('woff'),
         url('../fonts/Museo_Slab_500_2-webfont.ttf') format('truetype'),
         url('../fonts/Museo_Slab_500_2-webfont.svg#museo_slab500') format('svg');
    font-weight: normal;
    font-style: normal;

}

html{
    min-height:100%;/* make sure it is at least as tall as the viewport */
    position:relative;
}
body{
    height:100%; /* force the BODY element to match the height of the HTML element */
}

body {
		/* Chrome Safari Mac */
		-webkit-font-smoothing: antialiased;
		-moz-font-smoothing: none;
	    font-smoothing: antialiased;
	    /* Firefox Mac */
	    -moz-osx-font-smoothing: grayscale;
	    color: #335064;
	    font-family: 'museo_slab500';
	    font-size: 16px;
	    background-color: #f1f5f8;
}


h1, h2, h3 {
	font-family: 'museo_slab500';
}

.sidebarimage {
	background: transparent url(../images/bgweixler.jpg) no-repeat scroll center top / cover;
	position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    overflow:hidden;
    z-index:-1; /* Remove this line if it's not going to be a background! */
}

.headersmall{
	background: transparent url(../images/bgweixlersmall.jpg) no-repeat scroll center 75% / cover;
	height: 150px;
}

h1 {
	font-size: 36px;
	margin-bottom: 5px;
}

h2 {
	font-size: 15px;
	margin-top: 0px;
}

p {
	margin-bottom: 0;
}

.inhalt {
	margin-top: 70px;
	position: relative;
}

.inhaltinner {

}

.responsiveContainer {
    height: 0;
    overflow: hidden;
    padding-bottom: 36%;
    position: relative;
    max-width: 600px;
}

.responsiveContainer iframe, .responsiveContainer object {
    height: 100% !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 100% !important;
}

.red {
	color: red;
}

/* Bootstrap Breakpoint */
@media (max-width: 768px) {  
	.inhalt {
		margin-top: 30px;
		position: relative;
		margin-bottom: 60px;
	}
}

@media (min-width: 768px) {  

}

@media (min-width: 768px) and (max-width: 992px) {  
	
}

@media (min-width: 992px) and (max-width: 1199px) {
	
}

@media (min-width: 1200px) {
	
}

@media print {
	
}