/* --------------------------------------------------
        Allgemeine Grundeinstellungen
 ----------------------------------------------------*/

 body {
    margin-top: 0;
    color: black;
    font-family: Arial, Helvetica, sans-serif, Verdana;
    font-size: large;
 }
.wrapper {
    margin: 0 auto;
    max-width: 1200px;
    min-height: 100%;
    position: relative;
    background: white;
}
.logo {
    width: auto;
    display: flex;
}
.logotext {
    margin: 0 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20pt;
    color: white;
    -webkit-text-stroke: 1px #00379f;
    text-stroke: 1px #00379f;
    font-weight: 900;
}
.header {
    padding: 12px 8px;
    /*
    background: linear-gradient(
        to bottom, 
        rgba(255, 255, 255, 1) 0%,        
        rgba(0, 71, 120, 1) 125%);
    */
    background: radial-gradient(at bottom, rgba(0, 71, 120, 0.8), transparent);
}
.topnav {
    color: white;
    background-color: #004778;
    overflow: hidden;
}
.topnav ul {
    margin: auto;
    text-align: center;
    display: table;

}

.topnav li {
    float: left;
    padding: 14px 5px;
    display: block;
    text-align: center;
    text-decoration: none;
    font-family: Arial;
    font-weight: bold;
}
.footnav li {
    float: right;
    padding:14px 5px;
}

button {
    border-radius: 6px;
    font-size: 17px;
    border: none;
    outline: none;
    color: white;
    background-color: inherit;
    margin: 0;
}

button[type=submit]:hover,
button[type=button]:hover {
    background-image: linear-gradient(to top, #82b6ee, #2b4c71);
}
button[type=submit]:active {
    background-image: linear-gradient(to bottom, #82b6ee, #2b4c71);
}
.buttonon {
    background-image: linear-gradient(to bottom, #82b6ee, #2b4c71);
}

.footbtn {
    border: none;
    padding: 1px 0px;
}
.footbtn[type=submit]:hover {
    background-image: none;
    text-decoration: underline;
}

.footer {
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
    height: auto;
    min-height: 100px;
    overflow: hidden;
    background-color: #004778;
    font-family: Arial;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.footercontact {
    margin: auto;
    padding: 15px 15px 5px 15px;
    color: white;
    float: left;
}

.hfootnav {
    padding: 15px;

    display: flex;
    justify-content: flex-end;
    color: white;
    overflow: hidden;
    
}
.hfootnav ul{
    list-style: none;
    margin: 0;
    display: flex;
    gap: 5px;
}
.hfootnav li {
    float: left;
    padding: 14px 5px;
    display: block;
    text-decoration: none;
    font-family: Arial;
}
.hfootnav ul li button {
    color: white;
    text-decoration: none;
}
.hfootnav ul li button:hover {
    text-decoration: underline;
    background-image: none;
}

.copyright{
    color: white;
    display: flex;
    justify-content: flex-end;
    padding: 0 15px 5px 15px;
    
}

.container {
    display: flex;
    justify-content: space-between;
}

.subnav {
    background: linear-gradient(
        to bottom, 
        rgba(255, 255, 255, 1) 0%,        
        rgba(0, 71, 120, 1) 125%);
    padding: 15px 0px 15px 15px;    
    width: 182px;
    overflow: visible;
    display: block;
}
.subnav ul {
    margin: auto;
    padding-left: 0;
    color: blue;
    
    text-decoration: none;
    list-style-type: none;
}

.content {    
    padding: 0;
    width: 100%;
    text-align: left;
}
article {
    padding: 10px 20px;
    /* background-image: url(/images/papyrus.jpg); */
    /* background-color: #fed67c; */
    background-color: #ffd05e;
    box-shadow: inset 5px 5px 10px rgba(0, 0, 0, 0.5);
}

.sidebar {
    background: linear-gradient(
        to bottom, 
        rgba(255, 255, 255, 1) 0%,        
        rgba(0, 71, 120, 1) 125%);

    width: 250px;
    padding: 15px;
}

.subnav[type=submit] {
    background-image: none;
    /*color: #004778;*/
    color: black;
    text-align: left;
    padding: 0 0 5px 0;
}
.subnav[type=submit]:hover {
    background-image: none;
    text-decoration: underline;
}
/*
.row {
    display:flex;
    gap: 15px;
}
    */