* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    text-decoration: none }

body {
    font-family : Arial, Tahoma, "Trebuchet MS", Verdana, sans-serif;
    font-size: 20px;    
    color: #07003a;
    margin : 0;
    padding : 0;
    background-color: #ffffff;
    overflow-x: hidden;
}

header {
    width: 100%;
} 

ol, ul {
    list-style: none;
}

a {
    color: #293133;
    line-height: inherit;
    text-decoration: underline; }

a:hover {
    color: #ffed00;
    line-height: inherit;
    text-decoration: underline; }    

h2 {
    font-size: 	17pt;
    font-weight: bold;
    color: #293133;
    padding-top: 10px; }

h3 {
    font-size: 	11pt;
    font-weight: bold;
    color: #293133;
    padding-top: 0; }

hr {
    clear: both;
    max-width: 75rem;
    height: 0;
    margin: 1.25rem auto;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #293133;
    border-left: 0; }

.logo {
    padding-top: 7px;
    text-align: right;
}    

p.text-justify {
    text-align: justify;
    text-justify: inter-word;
}

.slogan {
    text-align: left;
}

.logolink {
    background: rgb(34, 34, 34);
}

/*********************************************************************************************
** Grid-Layout -> Base main layout
*********************************************************************************************/
.main {
    padding: 140px 0 20px 0;
    background-color: #e0e0e2;
    min-height: 790px; 
    font-size: 17px; }

.main_popup {
    padding: 0 0 20px 0;
    background-color: #e0e0e2; }

.main_section {
    padding: 0 25px 0 50px; }


/*********************************************************************************************
** Grid-Layout -> Navigation
*********************************************************************************************/

.header-grid {
    position: fixed;
    width: 100%;
    background-color: #293133;
    height: 100px;
}

.wrp_three_header {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-column-gap: 10pt;
    grid-row-gap: 10pt;
}


/*********************************************************************************************
** Grid-Layout
*********************************************************************************************/
.wrp_one_column {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 10pt;
    grid-row-gap: 10pt;
}

.wrp_two_column {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-column-gap: 10pt;
    grid-row-gap: 10pt;
}

.wrp_three_column {
    display: grid;
    grid-template-columns: 5fr 1fr 2fr;
    grid-column-gap: 10pt;
    grid-row-gap: 10pt;
}


/*********************************************************************************************
** Grid-Layout -> Footer
*********************************************************************************************/

.footer-grid { 
    color: rgb(255, 237, 0);
    height: 100px;
    background-color: #ffffff;
}

.footer-container {
    z-index: 1;
    padding: 0 25px 0 50px;
    background-color: #ffffff;
}

.wrp_footer_three_column {
    display: grid;
    grid-template-columns: 3fr 3fr 2fr;
    grid-column-gap: 10pt;
    grid-row-gap: 10pt;
    margin-top: 15px;
    color: #293133;
}


/*********************************************************************************************
** Mobile
*********************************************************************************************/ 
@media screen and (max-width:1000px) {
  .main {
    padding: 10px;
    background-color: #e0e0e2; 
  }
}

/*********************************************************************************************
** (1920x1080) Full HD Display | Bildschirm links | @Home
*********************************************************************************************/   
@media screen and (min-width: 1920px) {
    body { font-size: 0.855rem; }

}


/*********************************************************************************************
** (1760x990) Swiss Tennis Laptop
*********************************************************************************************/ 
@media screen and (max-width: 1761px) and ( max-height: 991px ) {
    body { font-size: 0.9rem; }

}

/*********************************************************************************************
** (1680x1050) WSXGA+ Display | Bildschirm rechts | @Office links
*********************************************************************************************/
@media screen and (max-width: 1680px) and ( max-height: 1051px ) {
    body { font-size: 10pt; }

}

/*********************************************************************************************
** (2144x11208) HD+ Display
*********************************************************************************************/
@media screen and (min-width: 2144px) {
    body { font-size: 94%; }

}

/*********************************************************************************************
** Mobile version
*********************************************************************************************/
@media screen and (max-width: 820px) {
    body { font-size: 70%; }

}