/* standard.css, 2017-10-12, gerald petter */

/* Normalisierung ------------------------------------------------------------------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, 
canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, main {
  margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

*, *:after, *:before {
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

h1, h2, h3, h4, h5, h6 { 
  font-weight: normal;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { 
  display: block;}

blockquote, q {
  quotes: none;}
  
address, caption, cite, code, dfn, th, var { 
  font-style: normal; font-weight: normal;}

table {  
  border-collapse: collapse; border-spacing: 0;}

caption, th {  
  text-align: left;}

blockquote:before, blockquote:after, q:before, q:after {
  content: ''; content: none;}

input, select {
  vertical-align: middle; padding: 0 2px;}

img {
  vertical-align: bottom;}

/* Standardisierung ----------------------------------------------------------------------------------------------------------------- */
small, .small {
  font-size: 0.8em;
  font-weight: 400;
}

.clear {
  clear: both;
}

a {
  text-decoration: none;
  color: inherit;
}

a:hover {
  text-decoration: underline;
}

/* Menü allgemein ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
nav ul, .nav {
  list-style: none;
}

nav a, .nav a {
  text-decoration: none;
}

/* Arrow Up ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.arrow-up {
  display: none;
  height: 0px;
  width: 0px;
  border-width: 12px;
  border-style: solid;
  border-color: transparent transparent rgb(70, 93, 118) transparent;
  position: fixed;
  bottom: 50px;
  right: 20px;
}

.arrow-up.visible {
  display: block;
}

.arrow-up:hover {
  border-color: transparent transparent rgb(44, 59, 75) transparent;
}

.arrow-up::before {
  content: '';
  width: 46px;
  height: 46px;
  border: 6px solid rgb(70, 93, 118);
  position: absolute;
  top: -10px;
  right: -23px;
  border-radius: 50%;
}

.arrow-up:hover::before {
  border: 6px solid rgb(44, 59, 75);
}

.arrow-up::after {
  content: '';
  width: 12px;
  height: 14px;
  background-color: rgb(70, 93, 118);
  position: absolute;
  top: 10px;
  right: -6px;
}

.arrow-up:hover::after {
  background-color: rgb(44, 59, 75);
}

.arrow-up span {
  display: none;
}