@-ms-viewport{width:device-width}

html{box-sizing:border-box;-ms-overflow-style:scrollbar}*,::after,::before{box-sizing:inherit}

html,body {font-family: 'PT Sans', sans-serif;margin: 0;padding: 0;scroll-behavior: smooth;}

hr {max-width: 420px;color: #718093;}

p {font-family: 'Lato', sans-serif;margin: 0;padding: 0;}

h1,h2,h3,h4,h5,h6 {font-family: 'PT Sans', sans-serif;margin: 0;padding: 0;}

.parallax {height: 100%; background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;}

input[type=text], select, textarea {width: 100%;padding: 12px;border: 1px solid #ccc;margin-top: 6px;margin-bottom: 16px;resize: vertical;}

input[type=submit] {transition: 0.2s;background-color: #4CAF50;color: white;padding: 12px 20px;border: none;cursor: pointer;}

input[type=submit]:hover {background-color: #45a049;}

.container {border-radius: 5px;background-color: transparent;padding: 10px;}

.column {float: left;width: 50%;margin-top: 6px;padding: 20px;}

.sticky {position: -webkit-sticky;position: sticky;top: 0;}

a {text-decoration: none;color: #5352ed;transition: all .2s ease-in;}

a:hover {text-decoration: none;color: #192a56;transition: all .2s ease-in;}

#btn {display: none;position: fixed;bottom: 20px;right: 30px;z-index: 99;border: none;outline: none;background-color: #000;border-radius:.2rem;opacity:0.7;color: white;cursor: pointer;padding: 15px;padding-right: 19px;padding-left: 19px;font-size: 18px;transition: all .2s ease-in;-webkit-animation: slide-down .2s ease-out;-moz-animation: slide-down .2s ease-out;}

#btn:hover {background-color: #222;transition: all .2s ease-in;}

.nav {display: flex; justify-content: center;z-index: 100;background-color: #325f3f;transition: all .2s ease-in;font-weight: 700;text-transform: uppercase;border:none;border-bottom:1px solid black!important;}

.nav a {display: inline-block;color: white;text-align: center;padding: 24px 26px;text-decoration: none;font-size: 17px;}

.nav a:hover {color: #999;}

@-webkit-keyframes slide-down {0% {opacity: 0;-webkit-transform: translateY(-5%);}100% {opacity: 1;-webkit-transform: translateY(0);}}

@-moz-keyframes slide-down {0% {opacity: 0;-moz-transform: translateY(-5%);}100% {opacity: 1;-moz-transform: translateY(0);}}

@media screen and (max-width: 800px) {.nav a {padding: 12px}.nav a.icon {float: right;display: block;}}

@media screen and (max-width: 800px) {.nav.responsive {position: relative;}.nav.responsive .icon {position: absolute;right: 0;top: 0;}.nav.responsive a {float: none;display: block;text-align: left;}}

#home {background-image: url(../img/Bilder/Hauptgebäudefront.jpeg);margin: 0;padding: 222px 0px 222px 0px;text-align: center;color: white;}

#home h1 {font-size: 55px;font-weight: 700;text-transform: uppercase;}

#home h3 {font-size: 22px;text-transform: uppercase;}

#about {margin: 15px;text-align: center;padding-top: 66px;padding-bottom: 66px;}

#about h1 {font-size: 30px;font-weight: 700;text-transform: uppercase;margin-top: 15px;}

#about .block {font-size: 60px;color: #1c2630;margin-top: 17px;}

#about h2 {margin-top: 5px;font-size: 20px;}

#about p {margin-top: 3px;font-size: 18px;}

#banner {background-image: url(../img/Bilder/Hauptgebäudeinnen.jpeg);padding: 125px 0px 125px 0px;}

#banner2 {background-image: url(../img/Bilder/LKW.jpeg);padding: 125px 0px 125px 0px;}

#banner3 {background-image: url(../img/Bilder/Maschinen.jpeg);padding: 125px 0px 125px 0px;}

#banner h1 {font-size: 30px;font-weight: 700;text-transform: uppercase;color: white;}

#banner h2 {margin-top: 5px;font-size: 20px;color: white;}

#banner2 h1 {font-size: 30px;font-weight: 700;text-transform: uppercase;color: white;}

#banner2 h2 {margin-top: 5px;font-size: 20px;color: white;}

#banner3 h1 {font-size: 30px;font-weight: 700;text-transform: uppercase;color: white;}

#banner3 h2 {margin-top: 5px;font-size: 20px;color: white;}

#kontakt {margin: 10px;text-align: center;padding-top: 66px;padding-bottom: 66px;}

#kontakt h1 {font-size: 30px;font-weight: 700;text-transform: uppercase;margin-top: 15px;}

#kontakt h2 {margin-top: 5px;font-size: 20px;}

#kontakt p {margin-top: 3px;font-size: 18px;}

#projekte {margin: 10px;text-align: center;padding-top: 66px;padding-bottom: 66px;}

#projekte h1 {font-size: 30px;font-weight: 700;text-transform: uppercase;margin-top: 15px;}

#projekte h2 {margin-top: 5px;font-size: 20px;}

#projekte p {margin-top: 3px;font-size: 18px;}

.projects {font-family: 'Lato', sans-serif;text-transform: uppercase;color:black;text-decoration:none}

.txtprojects {background-color:transparent;color:black;font-family: 'Lato', sans-serif;display:inline-block;width:480px;height:240px;resize:none;border:none;}

.txtprojectsi {background-color:transparent;color:black;font-family: 'Lato', sans-serif;display:inline-block;margin-left:-10px!important;width:540px;height:230px;resize:none;border:none;}

.anim {-webkit-animation: slide .3s ease-out;-moz-animation: slide .3s ease-out;}

@-webkit-keyframes slide {0% {opacity: 0;-webkit-transform: translateY(-20%);}100% {opacity: 1;-webkit-transform: translateY(0);}}

@-moz-keyframes slide {0% {opacity: 0;-moz-transform: translateY(-20%);}100% {opacity: 1;-moz-transform: translateY(0);}}

#projekte .green {background-color: #325f3f;padding: 0;margin: -10px;}

#projekte .mode {margin: 15px;text-align: left;padding: 50px;max-width: 1280px;}

#projekte .mode-inv {margin: 15px;text-align: right;padding: 50px;max-width: 1280px}

@media screen and (min-width: 800px) {#projekte .img {margin: 15px;padding: 50px;max-width: 1280px}}

@media screen and (max-width: 799px) {#projekte .img {padding: 50px 0px 50px 0px;}}

@media screen and (min-width: 800px) {#projekte .mode {margin: 15px;padding: 50px;max-width: 1280px}}

@media screen and (max-width: 799px) {#projekte .mode {padding: 50px 0px 50px 0px;}}

#projekte .fixed-width {max-width: 1280px;margin: 0 auto;}

footer {background-color: #222222;color: white;border:none; border-top:1px solid black!important;}

.footer {max-width: 1280px;margin: 0 auto;float: none;padding-top: 10px;padding-bottom: 10px;}

.projekt-img {width:480px;height:270px; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}

.prjctheader {margin: 0 auto;width:480px; text-align:left;}

.prjctsin{width:480px; text-align:left;}

@media screen and (min-width: 1400px) {.projekt-img {width: 480px;}}

@media screen and (max-width: 1399px) {.projekt-img {width: 100%;}}

@media screen and (min-width: 800px) {.txtprojectsi {width: 520px;}}

@media screen and (max-width: 799px) {.txtprojectsi {width: 100%;}}

@media screen and (min-width: 800px) {.txtprojects {width: 480px;}}

@media screen and (max-width: 799px) {.txtprojects {width: 100%;}}

@media screen and (max-width: 799px) {.prjctheader {width: 360px;}}

@media screen and (max-width: 799px) {.prjctsin {width: 360px;}}

@media screen and (min-width: 800px) {.prjctsin {width: 480px;}}

@media screen and (min-width: 800px) {.projekt-img-sm {height: 110px;}}

@media screen and (max-width: 799px) {.projekt-img-sm {width: 100%;}}