@charset "UTF-8";
/* CSS Document */
* { margin: 0; padding: 0; list-style:none;}
body {font-family: 'LeagueSpartan', sans-serif; color:black; 
 -webkit-font-smoothing: subpixel-antialiased;font-size:20px; min-width:800px;font-weight:200; text-decoration:none; max-width:2500px; background-color:white; -moz-hyphens:auto ; -o-hyphens: auto; -webkit-hyphens: auto;  hyphens: auto;hyphenate-limit-chars: auto 4;-moz-hyphenate-limit-line: 4;-moz-hyphens-limit-chars: auto 3;-webkit-hyphens: auto;-webkit-hyphenate-limit-chars: auto 3;-webkit-hyphenate-limit-lines: 4;-ms-hyphens: auto;-ms-hyphenate-limit-chars: auto 3;-ms-hyphenate-limit-lines: 4;background-image: url(); background-size: cover; background-repeat: no-repeat; background-position: center ;line-height:35px;text-align: justify;}
 @font-face {font-family: 'LeagueSpartan';font-weight: 100 1000; src: local('LeagueSpartan'),
url('https://glastein.com/fonts/League_Spartan/LeagueSpartan-VariableFont_wght.ttf') format('truetype');}
p {margin-top:15px;}
a {text-decoration: none; color: black}
#topframe { background:rgba(250, 250, 250, 0.9); position: fixed;text-align: right;padding: 1.5%; top:0; overflow: hidden; margin:auto; width: 97%; min-width:800px; border-bottom: 1px solid  #cdcdcd; z-index: 999 }
.menu { float: right;}
#middleframe {background: url(https://glastein.com/macbook.jpg) center center no-repeat;background-size:contain;  height: 800px;width:100%;margin:90px auto 50px auto;}
#middletext {color:white; text-align: center; padding: 340px 0 0 0; font-weight:800;opacity: 0.85;text-shadow:0px  0px 2px black; font-size:65px !important; line-height: normal;}
.headline{height:;color:white; font-weight:800; text-transform: uppercase;
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 25s ease infinite;
}

@keyframes gradient {
0% {background-position: 0% 50%;}
50% {background-position: 100% 50%;}
100% {background-position: 0% 50%;}}
  }
#leistungen {background:;height:;color:  }
.in {width:780px; padding:70px 40px 60px 40px;margin:auto;}
#referenzen {background:#363636; text-align: left; padding:0px;  margin:auto;color:white;}
#impressum {background:;height:;color:;text-align: left; padding:0px;  margin:auto;}
#datenschutz {background: #363636;; text-align: left; padding:0px;  margin:auto;color:white; }
.logo {float:left;font-weight: 400}
li {float:left; margin-right:20px; }
li a:hover {text-shadow: 0px 0px 1px black; }
h1, h2, h3, h4 { line-height: normal}
h1 {font-weight: 800; font-size: 400%; margin-left:-10px;}


h2, h3 { margin:10px 0 ;}

h4 { margin:20px 0 10px 0 ;}
.links {width:50%; font-weight: 500;}
.even {background-color:white; filter: brightness(98%);}
.even .in {}
.uneven .in {}
.topper {
margin-top: -152px;
position: absolute;}
b {font-weight:600; color:slategray;;}

.uneven {background-color:white; filter: brightness(100%); }
.uneven, .even {transition-duration: 1s}
.endline{background:#363636;color:white; font-size:13px; text-align: center;  }

.even1:hover, .uneven1:hover { filter: brightness(93%);transition-duration: 1s}


@media (max-width: 1200px)  {.logo, .menu, .menu a, h1, h2, h3, h4  {font-weight:800; }body {font-weight:400;}#topframe {padding: 3%;width: 95%;}}

.in {background-size:contain !important; background-position: right center !important; background-repeat: no-repeat !important;


	
	
}





.next {
		background-image: linear-gradient(to top, white 0%, black 50%);
background-image: linear-gradient(to right, white 0%, black 50%);
background-image: linear-gradient(45deg, white 0%, black 50%);
	
	background: linear-gradient(to right, rgba(247,247,49,1) 0%,rgba(255,255,255,0) 69%);}