/*
Theme Name: NW Elservice
Theme URI: http://wisely.digital/
Author: Wisely Digital
Author URI: http://wisely.digital/
Description: 
Version: 1.593
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: Clean
Text Domain: clean

*/
html{scroll-behavior: smooth;}
body{font-family: 'Asap', sans-serif;}
img{max-width: 100%}
h1{font-weight: 700}
h2,h3,h4,h5, strong{font-weight: 600}
h1, h2{text-transform: uppercase}
a{color: #be1622}
a:hover{text-decoration: none}
#kontakt{position: fixed;top:30px;right: 30px;display: inline-block;z-index: 999999}
#kontakt a{background: #be1622;display: inline-block;color: #fff;padding: 15px 30px;border-radius: 30px;text-transform: uppercase;font-weight: 600}
#intro{background: #000;}
#intro #image{width:100%;height: 100vh;max-height: 640px;display: inline-flex;width: 100%;justify-content: right;align-items: center;}
#intro #introtext{margin-right: 15%}
#intro #introtext img{	max-width: 400px; height: auto; animation: blur 2s linear; -webkit-animation: blur 2s linear;  -moz-animation: blur 2s linear;}
@keyframes blur {
    0% { -webkit-filter: blur(20px); -moz-filter: blur(20px); -o-filter: blur(20px); -ms-filter: blur(20px); }
    100% { -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); -ms-filter: blur(0px);}	  }
#symbols{padding: 45px 0;}
#symbols .symbol{text-align: center}
#symbols h3{text-transform: uppercase}
#symbols img{width: 100px;height: auto;padding: 10px 0}
#summery{background: url(img/sum_bkg.jpg) no-repeat center center;background-size: cover;background-attachment: fixed;color: #fff;padding: 75px}
#summery p{font-size: 1.5em}
#summery .arrow{position: relative;color: #fff;display: block}
#summery .arrow:after {content:'';position: absolute;top: 120%;left: 50%;margin-left: -15px;width: 0;height: 0;border-top: solid 15px #fff;border-left: solid 15px transparent;border-right: solid 15px transparent;}
#insta{padding: 60px 0}
#links{padding: 60px 0;text-align: center;background: #f2f2f2}
#links .logos{text-align: center}
#links .logos img{padding: 0 60px}
#sidfot{padding: 60px 0 30px}
#sidfot h2{font-size: 2.25em}
#sidfot ul{list-style: none;padding: 0;margin: 0}
#sidfot li{font-size: 1.5em}
#sidfot div{margin-bottom: 2em}
#sidfot img{max-width: 240px}
#sidfot p{margin: .25em 0 0;font-size: 1.25em}

.stripe {width: 100%;height: 20px;background: linear-gradient(270deg, #be1622, #ffde00);background-size: 400% 400%;	-webkit-animation: border 9s ease infinite;-moz-animation: border 9s ease infinite;animation: border 9s ease infinite;}

@-webkit-keyframes border {
	0%{background-position:0% 50%}
	50%{background-position:100% 50%}
	100%{background-position:0% 50%}
}
@-moz-keyframes border {
	0%{background-position:0% 50%}
	50%{background-position:100% 50%}
	100%{background-position:0% 50%}
}
@keyframes border {
	0%{background-position:0% 50%}
	50%{background-position:100% 50%}
	100%{background-position:0% 50%}
}

@media only screen and (min-width: 768px) {
	  .alignfull { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); width: auto; max-width: 1000%;}
	  .alignwide { margin-left: calc(25% - 25vw); margin-right: calc(25% - 25vw); width: auto; max-width: 1000%;}
	  .alignwide img, .alignfull img {display: block; margin: 0 auto;}
	  
	}
	@media only screen and (max-width: 900px) {
		#intro #introtext{padding: 30px;margin-right: 0}
		#intro #introtext img{max-width: 360px;}
	}
@media only screen and (max-width: 640px) {
	#intro .container{padding: 0 !important}
	#intro #image{height: 90vh;max-height: 100%}
	#intro #introtext img{max-width: 100%;margin-top: 15%}
	#summery{padding: 75px 15px}
}
@media only screen and (max-width: 600px) {
	#sidfot{text-align: center}
	#kontakt{top:15px;right: 15px}
}