html {
    width: 100%;
    min-width: 20em;
}

body {
    background: #FFF;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 2.5em;
    margin: 0;
    width: 100%;
}

.mainpage {
    margin-top: 2% !important;
    background-color: #FFF;
    width: 95vw;
    overflow: auto;
    padding-top: 10px;
    padding: 1%;
    margin: 4em auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.artemisia_href {
    text-decoration: none;
}

.marken_href {
    color: #494A4A;
    text-decoration: none;
}

.menu {
    font-size: 70%;
    text-transform: uppercase;
}

.menu_entry {
    width: 23%;
    display: inline-block;
}

.btn_text {
    word-wrap: break-word; /* All browsers since IE 5.5+ */
    overflow-wrap: break-word; /* Renamed property in CSS3 draft spec */
    width: 100%;
}

.btn {
    text-align: center;
    height: 3em;
    width: 14.2857%;
    color: #555;
    text-decoration: none;
}

.btn:hover {
    border-bottom: 3px solid #DDD;
}

.btn_active {
    text-align: center;
    height: 3em;
    width: 14.2857%;
    color: #CCC;
    text-decoration: none;
}

.btn_active:hover {
    border-bottom: 3px solid #CCC;
}

.artemisia_title {
    font-size: 200%;
    color: #000000;
    text-align: center;
    text-transform: uppercase;
    color: #494A4A;
}

.artemisia_subtitle {
    font-size: 90%;
    color: #111111;
    text-align: center;
    color: #494A4A;
}

.artemisia_text_title {
    font-size: 70%;
    color: #111111;
    text-align: center;
    color: #494A4A;
}

.artemisia_text {
    font-size: 50%;
    color: #111111;
    text-align: center;
    color: #494A4A;
}

.text_div {
    padding-top: 2em;
    width: 70%;
}

.text_title {
    font-size: 90%;
    color: #111111;
    text-align: left;
    color: #494A4A;
}

.text_normal {
    font-size: 55%;
    text-align: justify;
    color: #494A4A;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.text_normal_left {
    font-size: 55%;
    text-align: left;
    color: #494A4A;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.text_timetable_first_column {
    font-size: 130%;
    text-align: left;
    color: #494A4A;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.text_timetable {
	padding-left: 1em;
    font-size: 130%;
    text-align: left;
    color: #494A4A;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.text_normal_uppercase {
    font-size: 80%;
    text-transform: uppercase;
    text-align: center;
    color: #494A4A;
    font-family: "Times New Roman", Times, serif;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.text_source {
    padding-top: 1em;
    font-size: 20%;
    color: #EEE;
    text-align: center;
    color: #494A4A;
}

.img_div_home {
    padding-top: 1em;
    width: 70%;
}

.img_div {
    width: 79%;
}

.img_100 {
    width: 100%;
    height: auto;
}

.img_100_padding {
    display: block;
    padding-top: 1.4em;
    width: 100%;
    height: auto;
}

.img_50_home {
    width: 48%;
    height: auto;
}

.img_50 {
    display: block;
    padding-top: 1.4em;
    width: 48%;
    height: auto;
}

.text_img {
    display:inline-block;
    width:79%;
}


.text_img_left {
    width: 48%;
    float: left;
}

.text_img_left_marken {
    width: 33%;
    float: left;
}

.text_img_left_kontakt {
    width: 67%;
    float: left;
}

.text_img_right {
    width: 48%;
    float: right;
}

.text_img_right_marken {
    width: 67%;
    float: right;
}

.text_img_right_kontakt {
    width: 33%;
    float: right;
}

.nachricht {
    height: auto; 
    width: auto; 
    max-width: 12em; 
}