/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

/* (de) Schriftgrößen Umrechnung Ausgang: Desktop 16 Pixel 16/16 target/content=result http://pxtoem.com/ */
/* {font-size:32px;font-size:2.0rem}      /* 32px */
/* {font-size:26px;font-size:1.625rem}    /* 26px */
/* {font-size:24px;font-size:1.5rem}         /* 24px */
/* {font-size:22px;font-size:1.375rem}       /* 22px */
/* {font-size:20px;font-size:1.25rem}     /* 20px */
/* {font-size:19px;font-size:1.1875rem}   /* 19px */
/* {font-size:18px;font-size:1.125rem}    /* 18px */
/* {font-size:17px;font-size:1.0625rem}   /* 17px */
/* {font-size:16px;font-size:1.0rem}      /* 16px */
/* {font-size:15px;font-size:0.9375rem}   /* 15px */
/* {font-size:14px;font-size:0.875rem}    /* 14px */
/* {font-size:13px;font-size:0.8125rem}   /* 13px */
/* {font-size:12px;font-size:0.75rem}     /* 12px */
/* {font-size:11px;font-size:0.6875rem}   /* 11px */
/* {font-size:10px;font-size:0.625rem}    /* 10px */

html,
button,
input,
select,
textarea {
    color: #000;
}

select {-webkit-appearance: button;background: url(../img/icons/mobile_select.png) center right no-repeat;}
.pageDesktop select {background:0;}

body {
    font-family: arial, sans-serif;
}

a { color: #624E41; }
a:visited { color: #624E41; }
a:hover { color: #624E41; }
/* a:focus { outline: 0; } */

p { 
    padding:0 0 4px 0;
    line-height:1.375rem;
}

dl,
menu,
ol,
ul {
    margin:0;
    padding:0;
}

h1 {
    padding:0 0 9px 0;
    color:#ff37aa;
    line-height:1.9375rem;
    font-size:26px;
    font-size:1.5rem;
    margin: 0;
}

h2 {
    padding:0 0 6px 0;
    font-size:16px;
    font-size:0.9375rem;
    margin: 0;
}

h3 {
    padding:0 0 6px 0;
    font-size:16px;
    font-size:1.0rem;
    margin: 0;
}

h4 {
    font-size:16px;
    font-size:1.0rem;
    margin: 0;
}

h5 {
    font-size:16px;
    font-size:1.0rem;
    margin:0;
}

h6 {
    font-size:16px;
    font-size:1.0rem;
    margin: 0;
}


/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}


/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}