/*** MAIN ***/
#main { display: table; width: 100%; }
#main .inside { width: 100%; min-height: 300px; padding-top:3em; padding-bottom: 3em; display: table-cell; vertical-align: middle; }
#main .inside:before, #main .inside:after { top: 2vw; }
#main .inside:before { left: 2vw; }
#main .inside:after { right: 2vw; }
#main .mod_article { max-width: 1300px; width: 85%; margin: 0 auto; background-color: #607d45; color: #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 4vw; }
#main .ce_text ol, #main .ce_text ul { padding: 0; margin: 0 0 1.4em; overflow: auto; zoom: 1; }
#main .ce_text ul { list-style-type: disc; }
#main .ce_text ol { list-style-type: decimal; }
#main .ce_text ol li, #main .ce_text ul li { margin: 0 0 0.5em 1.75em; padding: 0 0 0 0.25em; }
#main .mod_customnav { right: -6%; }

/* Formular */
.widget { margin-bottom: 1em; }
label { display: block; margin-bottom: 0.2em; }
input, textarea { width: 100%; padding: 0.4em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
button { background: #fff; color: #607d45; border: 0; padding: 0.4em; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; border-radius: 0.5em; font-size: 1.1em; cursor: pointer; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }
button:hover { transform: scale(1.2); }

@media screen and (min-width: 1200px) {
	#main .mod_customnav { bottom: 2em;  }
}
@media screen and (min-width: 1000px) and (max-width: 1199px) {
	#main .mod_customnav { bottom: 2em; }
}
@media screen and (min-width: 800px) and (max-width: 999px) {
	#main .mod_customnav { bottom: 2em; }
}
@media screen and (min-width: 600px) and (max-width: 799px) {
	#main .mod_customnav { bottom: 1em; }
}
@media screen and (min-width: 400px) and (max-width: 599px) {
	#main .mod_customnav { bottom: 1em; }
}
@media screen and (max-width: 399px) {
	#main .mod_customnav { bottom: -1em; }
}

@media screen and (min-width: 800px) {
	#main .inside:before, #main .inside:after { width: 18vw; height: calc(18vw * 1.06); }
}
@media screen and (max-width: 799px) {
}

@media screen and (min-width: 500px) and (max-width: 799px) {
	#main .inside:before, #main .inside:after { width: 24vw; height: calc(24vw * 1.06); }
}
@media screen and (max-width: 499px) {
	#main .inside:before, #main .inside:after { width: 30vw; height: calc(30vw * 1.06); }
}