/* thiemokirberg by pikku-media.at based on GRID 1200 (by PMKMedia.nl/grid) */

/* reset */

html,
body,
address,
blockquote,
div,
dl,
form,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
pre,
table,
ul,
dd,
dt,
li,
tbody,
td,
tfoot,
th,
thead,
tr,
button,
del,
ins,
map,
object,
a,
abbr,
acronym,
b,
bdo,
big,
br,
cite,
code,
dfn,
em,
i,
img,
kbd,
q,
samp,
small,
span,
strong,
sub,
sup,
tt,
var,
legend,
fieldset {
	margin: 0;
	padding: 0;
}

img,
fieldset {
	border: 0;
}

/* set html5 elements to block */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
	display: block;
}

/* apply a natural box layout model to all elements */

*,
*:after,
*:before {
	box-sizing: border-box;
}

/* body css */

body {
	margin: 0;
	text-align: center;
}

.section {
	clear: both;
	padding: 0;
	margin: 0;
}

/* media css */

img {
	max-width: 100%;
	height: auto;
	display: block;
}

.video {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.video iframe,
.video object,
.video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* form css */

input[type=text],
input[type=password],
input[type=number],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=search],
input[type=tel],
input[type=url],
input[type=file],
input[type=button],
input[type=submit],
input[type=reset],
select,
textarea {
	-webkit-appearance: none;
	border-radius: 0;
}

input[type=text],
input[type=password],
input[type=number],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=search],
input[type=tel],
input[type=url],
input[type=file],
select,
textarea {
	width: 100%;
}

/* general table css */

table {
	width: 100%;
	table-layout: fixed;
	word-wrap: break-word;
}

/* split column css */

.split-column {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.split-column:last-child {
	margin-bottom: 0;
}

/* content css */

.content {
	margin: 0 auto;
	text-align: left;
	max-width: 960px; /* max-width of your responsive website (example 1200px) */
}

.one-column {
	float: left;
	width: 98%;
	margin: 10px 1%;
}

.two-column,
.two-fourth-column {
	float: left;
	width: 48%;
	margin: 10px 1%;
}

.three-column {
	float: left;
	width: 31.333333%;
	margin: 10px 1%;
}

.two-third-column {
	float: left;
	width: 64.666666%;
	margin: 10px 1%;
}

.four-column,
.one-fourth-column {
	float: left;
	width: 23%;
	margin: 10px 1%;
}

.three-fourth-column {
	float: left;
	width: 73%;
	margin: 10px 1%;
}

.six-column {
	float: left;
	width: 14.666666%;
	margin: 10px 1%;
}

.five-sixth-column {
	float: left;
	width: 81.333333%;
	margin: 10px 1%;
}
div#logo {
    min-height:  55px;
    height: 10vw;
    max-height: 104px
}

@media screen and (max-width: 800px) {

	.one-column,
	.two-fourth-column,
	.three-column,
	.two-third-column,
	.one-fourth-column,
	.three-fourth-column,
	.six-column,
	.five-sixth-column {
		width: 97%;
		margin: 10px 1.5%;
	}

	.two-column,
	.four-column {
		width: 47%;
		margin: 10px 1.5%;
	}

}

@media screen and (max-width: 600px) {

	.content {
		min-width: 300px;  /* min-width of your responsive website (example 300px) */
	}

	.one-column,
	.two-column,
	.two-fourth-column,
	.three-column,
	.two-third-column,
	.four-column,
	.one-fourth-column,
	.three-fourth-column,
	.six-column,
	.five-sixth-column {
		width: 96%;
		margin: 10px 2%;
	}


}