/*
 * Letzte Aenderung: Holger Dezember 2023
 */

body {
    background-color: #ddb;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 22px;
}

a:link, a:visited, a:active {
  color: /* #0B2D5E; */ #0D3772; /* black; */
  text-decoration: none;
}

a:link:hover {
  /* color: #000011; */
  text-decoration: underline;
}

hr {
    border: none;
    height: 1px;
    /* Set the hr color */
    color: #333; /* old IE */
    background-color: #333; /* Modern Browsers */
}

/* set correct box model */
* {
    box-sizing:border-box;
}

/* floated container */
.holy-grail-floated-blocks {
    overflow:hidden;
    /*margin: auto;*/
}
/* stacked columns on mobile */
.holy-grail-floated-blocks .header {
    padding:1rem;
    /* background:#f97171; */
}
.holy-grail-floated-blocks .main-content {
    padding:1rem;
    /* background:#fff; */
}
.holy-grail-floated-blocks .left-sidebar {
    padding:0 1rem;
    /* background:#f5d55f; */
}
.holy-grail-floated-blocks .right-sidebar {
    padding:0 1rem;
    /* background:#c5ed77; */
}
.holy-grail-floated-blocks .footer {
    padding:1rem;
    /* background:#72c2f1; */
    font-size:x-small;
}

/* tablet breakpoint */
/*@media screen and (max-width: 600px) {*/
@media (min-width:38.75em) {
    body {
        font-size: 20px;
    }
    .holy-grail-floated-blocks .right-wrap {
        float:left;
        width:100%;
        /* background:#c5ed77; */
    }
    .holy-grail-floated-blocks .main-wrap {
        float:left;
        width:100%;
        /* background:#f5d55f; */
        position:relative;
        right:50%;
    }
    .holy-grail-floated-blocks .left-wrap {
        float:left;
        width:100%;
        position:relative;
        left:50%;
    }
    .holy-grail-floated-blocks .main-content {
        float:left;
        width:100%;
    }
    .holy-grail-floated-blocks .left-sidebar {
        clear:both;
        float:left;
        width:50%;
        /* background:none; */
    }
    .holy-grail-floated-blocks .right-sidebar {
        width:50%;
        float:right;
        /* background:none; */
    }
    .holy-grail-floated-blocks .footer {
        clear:both;
    }
}

/* desktop breakpoint */
@media (min-width: 45em) {
    body {
        font-size: 18px;
    }
    /* floated container */
    .holy-grail-floated-blocks {
        overflow:hidden;
        width: 900px;
        margin: auto;
    }
    .holy-grail-floated-blocks .main-wrap {
        right:25%;
        /* background:#fff; */
    }
    .holy-grail-floated-blocks .left-wrap {
        left:auto;
        right:50%;
        /* background:#f5d55f; */
    }
    .holy-grail-floated-blocks .main-content {
        width:50%;
        left:100%;
        position:relative;
        /* background:none; */
    }
    .holy-grail-floated-blocks .left-sidebar {
        clear:none;
        width:25%;
        position:relative;
        left:25%;
    }
    .holy-grail-floated-blocks .right-sidebar {
        clear:none;
        width:25%;
        position:relative;
        left:75%;
    }
}