.test{
	width:200px;
	text-align: justify !important;
	display: block;
}
@font-face {
    font-family: "texgyreadventor";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/texgyreadventor_regular_macroman/texgyreadventor-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/texgyreadventor_regular_macroman/texgyreadventor-regular-webfont.woff") format("woff"), url("../fonts/texgyreadventor_regular_macroman/texgyreadventor-regular-webfont.ttf") format("truetype"), url("../fonts/texgyreadventor_regular_macroman/texgyreadventor-regular-webfont.svg#texgyreadventorregular") format("svg");
}
@font-face {
    font-family: "texgyreadventor";
    font-style: normal;
    font-weight: bold;
    src: url("../fonts/texgyreadventor_bold_macroman/texgyreadventor-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/texgyreadventor_bold_macroman/texgyreadventor-bold-webfont.woff") format("woff"), url("../fonts/texgyreadventor_bold_macroman/texgyreadventor-bold-webfont.ttf") format("truetype"), url("../fonts/texgyreadventor_bold_macroman/texgyreadventor-bold-webfont.svg#texgyreadventorbold") format("svg");
}
@font-face {
    font-family: "texgyreadventor";
    font-style: italic;
    font-weight: normal;
    src: url("../fonts/texgyreadventor_italic_macroman/texgyreadventor-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/texgyreadventor_italic_macroman/texgyreadventor-italic-webfont.woff") format("woff"), url("../fonts/texgyreadventor_italic_macroman/texgyreadventor-italic-webfont.ttf") format("truetype"), url("../fonts/texgyreadventor_italic_macroman/texgyreadventor-italic-webfont.svg#texgyreadventoritalic") format("svg");
}
@font-face {
    font-family: "texgyreadventor";
    font-style: italic;
    font-weight: bold;
    src: url("../fonts/texgyreadventor_bolditalic_macroman/texgyreadventor-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/texgyreadventor_bolditalic_macroman/texgyreadventor-bolditalic-webfont.woff") format("woff"), url("../fonts/texgyreadventor_bolditalic_macroman/texgyreadventor-bolditalic-webfont.ttf") format("truetype"), url("../fonts/texgyreadventor_bolditalic_macroman/texgyreadventor-bolditalic-webfont.svg#texgyreadventorbold_italic") format("svg");
}
@font-face {
    font-family: "icomoon";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/icomoon/icomoon.eot?3qn9yv#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?3qn9yv") format("truetype"), url("../fonts/icomoon/icomoon.woff?3qn9yv") format("woff"), url("../fonts/icomoon/icomoon.svg?3qn9yv#icomoon") format("svg");
}
[class^="icon-"], [class*=" icon-"] {
    -moz-osx-font-smoothing: grayscale;
    font-family: "icomoon" !important;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none;
}
.icon-at-sign::before {
    content: "";
}
.icon-envelope::before {
    content: "";
}
.icon-envelope-open::before {
    content: "";
}
.icon-telephone::before {
    content: "";
}
.icon-map-marker::before {
    content: "";
}
.icon-launch::before {
    content: "";
}
.icon-bubble::before {
    content: "";
}
.icon-bubbles::before {
    content: "";
}
.icon-link::before {
    content: "";
}
.icon-share2::before {
    content: "";
}
pure-g {
    display: flex;
    flex-flow: row wrap;
}
* {
    box-sizing: border-box;
}
html, button, input, select, textarea, .pure-g [class*="pure-u"] {
    font-family: texgyreadventor,Arial,sans-serif;
}
html {
    background-color: ;
    display: table;
    height: 100%;
    width: 100%;
}
body {
    background-color: #333;
    color: #D8D8D8;
    display: table-cell;
    height: 100%;
    min-width: 320px;
    vertical-align: middle;
}
#card {
    animation: 1s ease 0s normal none 1 running fadein;
    margin: auto;
    max-width: 28rem;
    padding: 1rem;
}
@keyframes fadein {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
@keyframes fadein {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
#page-body {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #888;
    border-image: none;
    border-style: dotted;
    border-width: 2px 0;
    margin-top: 1rem;
}
#page-footer {
    border-bottom: 2px dotted #888;
}
#iconbar {
    font-size: 32px;
    line-height: 32px;
}
#iconbar a {
    color: #ddd;
    padding: 0 3px;
    transition: color 0.3s ease 0s;
}
#iconbar a:hover {
    color: #00a295;
    padding: 0 3px;
    text-decoration: none;
}
#logo {
    display: block;
    height: auto;
    margin-left: auto;
    max-width: 100%;
    padding-right: 0.5rem;
    width: 7rem;
}
#logo-text {
    display: block;
    height: auto;
    max-width: 100%;
    padding-left: 0.5rem;
    width: 11rem; /*CJ änderung von 8rem auf 13rem*/
	padding-top:0.5rem;
}
#logo-text-inline {
    display: inline;
    height: auto;
    max-width: 4.2rem;/*CJ änderung von 2.2rem auf 4.2rem*/
	top: 4px;/*CJ*/
	position: relative;/*CJ*/
}
.hidden-special {
    display: inline-block;
    height: 0;
    line-height: 0;
    overflow: hidden;
    width: 0;
}
.mt-a {
    margin-top: auto;
}
.mb-a {
    margin-bottom: auto;
}
.mb-0 {
    margin-bottom: 0;
}
a {
    color: #d8d8d8;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
p {
    margin: 1rem 0;
}


.icon{
	height:2rem;
}

.tab{
	width:55px;
	float: left;
	display:block;
}