@font-face {
  font-family: Fugaz One;
  src: url('../fonts/FugazOne-Regular.ttf');
}



html,
body {margin: 0;padding: 0;}

html {background: linear-gradient(135deg, #ff9700 0%,#ff7700 55%,#ff6f00 100%);
}
body {overflow: scroll;font-size: 16px;}

a {color: #000000;}

html.home,
body.home {margin: 0;padding: 0;}

body.home {display: flex;justify-content: center;}

.home .titleWrapper {display: flex;flex-direction: column;justify-content: center;}
.home .titleWrapper .logo {text-align: center;}
.home .titleWrapper .title {text-align: center;font-size: 55px;font-family: 'Fugaz One', sans-serif;text-transform: lowercase;}


.subpage{}
.subpage header{margin: 20px 0 70px; padding: 0 20px;}
.subpage header a{display: flex;align-items: end;color: #000000;text-decoration: none;}
.subpage header a .logo {width: 70px;}
.subpage header a .logo img{max-width: 100%;}
.subpage header a .title {font-family: 'Fugaz One', sans-serif;text-transform: lowercase;margin-bottom: 5px;}

.subpage .kontakt {margin: 0 20px 70px 20px;}

.subpage nav{}
.subpage nav li {margin: 5px 0;font-size: 20px;}

.subpage .kamera-liste{margin: 0 20px;}
.subpage .kamera-liste h2{margin: 150px 0 50px 0; font-size: 50px; text-decoration: underline;}
.subpage .kamera-liste .kamera{display: flex; margin-bottom: 20px;}
.subpage .kamera-liste .kamera .nummer{font-size: 30px;margin-right: 20px;}
.subpage .kamera-liste .kamera .bild{width: 500px;}
.subpage .kamera-liste .kamera .bild img{max-width: 100%;}


.subpage .top {position: fixed;bottom: 20px;right: 20px;background-color: #000000;padding: 10px;}
.subpage .top a {color: #adadad;text-decoration: none;}