/*
    #### Eero, Inc. ####

    Theming by Konrad M.M. Brynda

*/



/* ---- RESOURCES ---- */


/* -- fonts -- */

@font-face {font-family: Oxanium; src: url('../Fonts/Oxanium/Oxanium-Regular.ttf'); font-weight: normal}
@font-face {font-family: Oxanium; src: url('../Fonts/Oxanium/Oxanium-Bold.ttf'); font-weight: bold}
@font-face {font-family: Aileron; src: url('../Fonts/Aileron/Aileron-Regular-webfont.woff'); font-weight: normal}
@font-face {font-family: Aileron; src: url('../Fonts/Aileron/Aileron-Bold-webfont.woff'); font-weight: bold}
			




/* ---- DRAFT ---- */

* {box-sizing: border-box}

/* -- general -- */

body {margin: 0 auto; padding: 60px; max-width: 2000px; font-family: Aileron, sans-serif; font-size: 12pt}

h1 {font-family: Oxanium; font-size: 60pt; margin: 0 0 18px 0}
h1 + * {margin-top: 42px}
h2 {font-family: Oxanium; font-size: 18pt; font-weight: bolder; margin: 0 0 12px 0}
h2 + * {margin-top: 28px}s
p {}
p.caption {font-size: 10pt; color: slategray}
a {color: #c98089 /*#aebabe*/}
ul {font-size: 10.5pt}
img {}
img.logotype {width: 300px}
img.master {width: 800px; height: auto; margin: 40px 10px; padding: 4px; border: 1px solid slategray}
img.master + p.caption {margin-top: -30px}

code {font-family: 'Courier New', monospace}

/* -- object-specific -- */

.core {margin: 0 auto; padding: 40px; background: hsla(358,22%,94%,1.00)}
.core + .core {margin-top: 2px}

.core > .neos-contentcollection {display: flex; flex-wrap: wrap; gap: 10px 20px}

.core .block {padding: 0; flex: 1 1 280px}
.core .block.formatted {}
.core .block.image {padding: 40px; object-fit: contain}

.core .individual {width: 100%}

.neos-message-header {flex-basis: 100%; padding: 20px}
.neos-message-header h1 {font-size: 24pt}

/* -- media queries: adjustments to different viewport sizes -- */

@media (min-width: 600px) {

  .core .image.block {max-width: 500px}

}

@media (max-width: 600px) {
  
  body {padding: 10px}
  
  .core {padding: 20px}
  
  .neos-message-stacktrace code {font-size: .7em}
  
}


/* -- navitagion -- */

/*
nav.core {padding: 0}
nav.core > ul {display: flex; flex-direction: row; list-style-type: none; margin: 0; padding: 0}
nav.core > ul > li {padding: 14px 20px; border-right: 2px solid white; font-size: 17pt}
nav.core > ul > li.current {background-color: white}
nav.core .current a {color: black}
nav.core a {text-decoration: none}
*/

nav.core {padding: 0 20px}
nav.core > ul {display: flex; flex-direction: row; list-style-type: none; margin: 0; padding: 0; gap: 2px; background: white; flex-wrap: wrap; border-left: 2px solid white; border-right: 2px solid white; align-content: stretch; justify-content: stretch}
nav.core > ul > li {padding: 12px 20px; font-size: 15pt; background: hsl(351.4, 22.6%, 93.9%); flex: 1 1 200px}
nav.core > ul > li:first-child {}
nav.core > ul > li.current {background-color: white}
nav.core a {color: black; text-decoration: none}


/* ---- imported from previous ---- */



.block li + li {margin-top: 3px}

@media all and (max-width: 880px) {img.master {width: calc(100vw - 80px); margin: 0 auto}}

.motto {display: block; margin: 0 0 30px; font-size: 15pt}
.impressum {color: #c98089}

.footer {margin: 150px 15px 15px 0; font-size: 9pt}

#main img {max-width: 100%; width: auto; height: auto}