@import url(reset.css);

body {
    background-color: #fff;
    background-image: url(../images/border_red.png);
    background-repeat: repeat-x;
    background-position: 50% 250px;
    color: #333;
    font-family: Verdana, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.5;
    text-align: left;
    word-wrap: break-word;
}

html,
body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
}

header,
main,
footer {
    width: 90vw;
    max-width: 1050px;
    margin: 0 auto;
    box-sizing: border-box;
}

main {
    flex-grow: 1;
}

header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

header > .menu-hauptmenue-container {
    flex-grow: 1;
    margin: 1rem 0;
}

header > .logo {
    flex-grow: 1;
    margin: 1rem 0;
    text-align: right;
}
header > .logo > h1 {
    margin: 0;
}
header > .logo > .site-tagline {
    font-style: italic;
}

#menu-hauptmenue {
    display: flex;
    gap: 1.0rem;
}

main {
    border-radius: 15px;
    border-style: 1px solid #ddd;
    box-shadow: 0 0 20px #ddd;
    background: #fff;
    padding: 2%;
}

footer {
    display: flex;
    align-items: center;
}

footer > .site-info {
    flex-grow: 1;
    margin: 1rem 0;
}

footer > .menu-fusszeilenmenue-container {
    flex-grow: 1;
    margin: 1rem 0;
    font-size:0.8em;
    text-align: right;
}

.wp-team-block {
    border: 1px solid #ddd;
    border-radius: 15px;
    padding: 15px;
    text-align: center;
    margin-bottom: 1.75em;
}

/* HEADINGS */
h1 {clear:both; margin:0 0 10px; font-size:2.2em; line-height:1.25;}
h2 {clear:both; margin:0 0 10px; font-size:1.75em; line-height:1.25;}
h3 {clear:both; margin:0 0 10px; font-size:1.45em; line-height:1.5;}
h4 {clear:both; margin:0 0 10px; font-size:1.2em; line-height:1.5;}
h5 {clear:both; margin:0 0 10px; font-size:1em; line-height:2;}
h6 {clear:both; margin:0 0 10px; font-size:0.8em; line-height:2;}

/* LINKS AND HTML TAGS */
a {text-decoration:none; color:#bb242b;}
a:hover {text-decoration:underline;}

strong, b {font-weight:bold;}
small {font-size:0.8em;}
big {font-size:1.2em;}
sub {vertical-align:sub; font-size:0.9em;}
sup {vertical-align:super; font-size:0.9em;}
ins, mark {font-weight:bold; background:none; text-decoration:none; color:#bb242b;}
cite, em, abbr, acronym {font-style:italic;}
code, kbd, samp, var {font-family:monospace, monospace;}
pre {margin:0 0 10px; padding:5px 10px; white-space:pre-wrap; border:1px solid #ddd;}
blockquote, q {margin:0 0 10px; padding:0 0 0 20px; display:block; font-size:1.2em; font-style:italic; border-left:2px solid #bb242b;}
address {margin:0 0 10px; font-style:italic;}
p {margin:0 0 10px;}
hr {height:1px; background:#ddd; border:0; margin:15px 0;}

/* TABLE AND LISTS */
table {margin:0 0 10px; border-collapse:collapse;}
table, th, td {border:1px solid #ddd; padding:5px 10px;}
table th {font-weight:bold;}

main ul {list-style:square; margin:0 0 10px;}
main ol {list-style:decimal; margin:0 0 10px;}
main li {margin:0 0 0 20px;}
main li > ul, li > ol {margin:0;}
main dl {margin:0 0 10px;}
main dt {font-weight:bold;}
main dd {margin:0 0 0 20px;}
main li > ul {list-style-type: circle;}
main li > ul > li {color: #666; font-size: 0.9em;}

/* INPUTS */
input, select, textarea {-webkit-appearance:none; -moz-appearance:none; border:1px solid #ddd; padding:2px 5px; background:none; color:#333; font-size:inherit; font-family:inherit;}
input[type="submit"], input[type="reset"], input[type="button"], button {cursor:pointer; border:0; padding:2px 5px; background:#bb242b; color:#fff;}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button:hover {background:#333;}
input[type="checkbox"] {-webkit-appearance:checkbox; -moz-appearance:checkbox;}
input[type="radio"] {-webkit-appearance:radio; -moz-appearance:radio;}
select {-webkit-appearance:menulist; -moz-appearance:menulist; max-width:100%; background:#fff; color:#333;}
button {font-size:inherit; font-family:inherit;}