body    {
        background-repeat: repeat-x;
        background-color: #FFFFFF;
        font-family: 'OTCNY', sans-serif;
        font-size: 16px;
        color: #606D80;
        margin: 0;
        padding: 0;
        height: 100%;
        width: 100%;
        }


@font-face 	{
            font-family: 'OTCNY';
            font-style: normal;
  		    font-weight: normal;
            src: url('https://www.creartis.de/images/fonts/otcny/otcnewyork-regular.woff2') format('woff2'), 
					   /* für moderne Browser */
                 url('https://www.creartis.de/images/fonts/otcny/otcnewyork-regular.woff') format('woff'); 
					   /* für normale Browser */
            }


@font-face 	{
  		    font-family: 'OTCNY';
            font-style: normal;
            font-weight: bold;
            src: url('https://www.creartis.de/images/fonts/otcny/otcnewyork-bold.woff2') format('woff2'), 
					   /* für moderne Browser */
                 url('https://www.creartis.de/images/fonts/otcny/otcnewyork-bold.woff') format('woff'); 
					   /* für normale Browser */
            }


html    {
        -webkit-text-size-adjust: none;
        }


a:link { color: #606D80; text-decoration: none; }
a:visited { color: #606D80; text-decoration: none; }
a:focus { color: #971717; text-decoration: none; }
a:hover { color: #971717; text-decoration: none; }
a:active { color: #606D80; text-decoration: none; }



article#site    {
                display: flex;
                flex-direction: column;
                flex-wrap: wrap;
                justify-content: space-between;
                left: 0;
                top: 0;
                min-width: 100%;
                min-height: 100vh;
                border: 0 none #FFFFFF;
                visibility: visible;
                z-index: 2;
                padding: 0;
                margin: 0;
                }

.boxo   {
        flex-basis: auto;
        align-items: flex-start;
        text-align: center;
        border: 0 none transparent;
        }

.boxm   {
        flex-basis: auto;
        align-items: center;
        text-align: center;
        border: 0 none transparent;
        }

.boxu   {
        flex-basis: auto;
        align-items: flex-end;
        text-align: center;
        border: 0 none transparent;
        }


/* Text */

@media screen and (min-width: 30.01em) {
p.txt   {
        font-size: 1.75em;
        font-weight: normal;
        font-style: normal;
        line-height: 1.3;
        letter-spacing: 0.03em;
        }}


@media screen and (max-width: 30em) {
p.txt   {
        font-size: 1.25em;
        font-weight: normal;
        font-style: normal;
        line-height: 1.3;
        letter-spacing: 0.03em;
        }}



ul  {
    display: inline-block;
    list-style-type: none;
    text-align: center;
    border: 0 none transparent;
    margin: 0;
    padding: 0.5em 0.75em 0.25em 0.75em;
    }

li  {
    display: inline-block;
    border: 0 none transparent;
    padding: 0 0.75em 0 0.75em;
    margin: 0;
    }



@media screen and (max-width: 30em) {
img.log {
        width: 350px;
        height: auto;
        border: 0 none transparent;
        }}

@media screen and (min-width: 30.01em) {
img.log {
        width: 700px;
        height: auto;
        border: 0 none transparent;
        }}