.mydata{
	color:#fff !Important;
	font-size:70px !Important;
	background:red !important;
}

.tvContainer3 {
	background-image: url(/static/img/tvscreen2.png);
	background-size: cover;
	background-position: center center;
	width: 560px;
	height: 366px;
	position: relative;
	display: block;
}

.tvContainer3 iframe {
	position: absolute;
	left: 10px;
	top: 12px;
	width: 539px;
	display: block;
	height: 303px;
}

.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.callToActionRight .fab {
	 display: block;
    float: left;
    width: 50px;
    height: 50px;
    border: 2px solid;
}
.facebook .fa-facebook {
    font-size: 1.8rem;
    padding-top: 10px;
    padding-left: 10px;
    border-radius: 50px;
    border: 1px solid #fff;
    background: #1e2125;
    color: #fff;
    cursor: pointer;
    transition: 0.4s all;
}
.youtube .fa-youtube {
    font-size: 1.6rem;
    padding-top: 12px;
    padding-left: 10px;
    border-radius: 50px;
    border: 1px solid #fff;
    background: #1e2125;
    color: #fff;
    cursor: pointer;
    transition: 0.4s all;
}
.phone .fa-phone {
    font-size: 1.4rem;
    padding-top: 14px;
    padding-left: 13px;
    border-radius: 50px;
    border: 1px solid #fff;
    background: #1e2125;
    color: #fff;
    cursor: pointer;
    transition: 0.4s all;
}
ul.checkul44 li::before {
	content: "\f00c" !important;
	font-family: "Font Awesome 5 Pro" !important;
}
ul.checkulwebdesignleistungen li::before, ul.checkul li::before, .wlul li:before, ul.checkul1 li::before, ul.checkul2 li::before, ul.checkul3 li::before, ul.checkul4 li::before, ul.checkul5 li::before, ul.checkul6 li::before, ul.checkmark li:before, ul.checkulonlineshop li.checkulonlineshop1::before, ul.checkulonlineshop li.checkulonlineshop1::before, ul.checkulonlineshop li.checkulonlineshop2::before, ul.checkulonlineshop li.checkulonlineshop3::before, ul.checkulonlineshop li.checkulonlineshop4::before {
	font-family: "Font Awesome 5 Pro" !important;
}
ul.team li .fab, ul.team li .fal {
    font-size: 40px;
    display: block;
    margin-bottom: 20px;
    color: #5085bd;
    position: relative;
}
#menu_top .nav-item.blau:after {
	width: 106% !important;
}
@media (min-width: 992px){
.col-md-5ths {
    width: 20%;
    float: left;
}
}


@media (min-width: 768px){
.col-sm-5ths {
    width: 20%;
    float: left;
}
}

@media (max-width: 600px){
.tvContainer3 {
    width: 400px;
    height: 265px;
    margin: 0 auto;
}

.tvContainer3 iframe {
    left: 6px;
    top: 9px;
    width: 389px;
    height: 219px;
}
.bgnanowarelogo {
	margin-top: 40px;
}
}


@media (max-width: 520px){
.tvContainer3 {
    width: 350px;
    height: 232px;
    margin: 0 auto;
}

.tvContainer3 iframe {
    left: 6px;
    top: 9px;
    width: 340px;
    height: 189px;
}
}
.schmiedebg {
	position: relative;
	background-position-y: center;
	background-position-x: center;
}

.schmiedebg *{
	z-index: 1;
}

.schmiedebg:after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	display: block;
}

@media screen and (min-width: 769px){
	
.schmiedebg	{
	background-position-y: bottom;
}
}

.mainbanner{
	height:auto;
	padding-bottom:40px;
	background-image:url('/static/img/mainhero-img5.jpg');
    background-size:cover;
    background-repeat: no-repeat;
	background-position:center;
	color:#fff;
	}
	.mainbanner h3{
	margin-top:50px;
text-transform:initial;
	}
		.mainbanner p.subtitle{
		margin-top:30px;
font-family: 'Open Sans', sans-serif;
    font-style: italic;
		}
.cards{
margin-top:30px;
}
	
		.mycard{
		  width:100%;
		  position:relative;
		  overflow:hidden;
		  cursor:pointer;
		  border-radius: 10px;
		}
	

		.mycard img{
		width:100%;
		}
		.mycard .card-text {
		text-align: center;
    position: absolute;
    top: 50%;
    left: 0px;
    right: 0px;
    transform: translateY(-50%);
opacity: 1;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
	transition: opacity 0.2s, transform 0.35s;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
		}
		.card-text h2{
		font-size:40px;
font-weight: 500;
		}
		.card-text .card-button{
		font-size:22.5px;
		background:#fff;
		border-radius:20px;
		padding:5px 20px;
		    border-radius: 27px;
    padding: 3px 32px;
	text-transform:uppercase;
	font-weight:400;
             font-family: 'Oswald', sans-serif;

		}
		.button-arrow{
		font-size: 32px;
    font-weight: bolder;
    margin-left: 20px;
	vertical-align: text-top;
	
		}
		.mycard.card1 .card-text{
		top:49%;
		}
		.mycard::before{
		content: "";
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);  
    transition: transform 0.55s;
	}
		
		.cards .card1::before{
		background: #43a5d7;
		}
		.cards .mycard:hover:before{
		transform: translateX(0%);
		}
.cards .mycard:hover .card-text{
		opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,-55%,0);
		
		}
		.cards .card2::before{
		background: #f3d756;
		}
		.cards .card3::before{
		background:#e01b23;
		}
		.cards .card4::before{
		background:#269a4d;
		}
       .cards .card1{
		position:relative;
		height:651px;
		}
		.cards .card2{
		position:relative;
		height:200px;
			margin-bottom:25px;
		}
			.cards .card3{
		position:relative;
		height:200px;
			margin-bottom:25px;
		}
			.cards .card4{
		position:relative;
		height:200px;
		margin-bottom:25px;
		}
			.mycard.card1 .card-text .card-button{
		color:#63b4de;
		}
		.mycard.card2 .card-text .card-button{
			color:#f3d756;
		}
		.mycard.card3 .card-text .card-button{
			color:#e01b23;
		}
		.mycard.card4 .card-text .card-button{
		color:#269a4d;
		}
		.mainbanner1{
	height:auto;
	padding-bottom:40px;
		background-image:url('/static/img/new-bg2.jpg');
    background-size:cover;
    background-repeat: no-repeat;
	background-position:center;
	margin-top:-5px;
	}
	.mainbanner1 h2{
	color:#43a5d7;
	margin-top:50px;
	font-weight:600;
	}
	.all-items{
	margin-top:50px;
	}
	#owl-demo .item{
  background: #e6e6e6;
  padding:0px;
  margin: 10px;
  color: #FFF;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  text-align: center;
  transform: translateY(0px);
    transition: .1s linear;
}
#owl-demo .item:hover{
transform: translateY(-2px) !important;
}
#owl-demo .item .image-cover {
	width:100%;
	height: 130px;
	border-radius: 6px;
    box-shadow: 0px 3px 10px #505050;
}

#owl-demo .item .image-cover img {
	border-radius: 6px;
}
#owl-demo .item .item-text{
padding:12px;
text-align:left;
}
#owl-demo .item .item-text > h4{
    margin-top: 10px; 
font-size:20px;
text-transform:capitalize;
text-align:left;
color:#292929;
font-weight:400;
}
#owl-demo .item .item-text > span{
font-size:14px;
text-transform:uppercase;
text-align:left;
font-weight:400;
}
#owl-demo .item.online-marketing .item-text > span{
color:#e01b23;
}
#owl-demo .item.video-production .item-text > span{
color:#43a5d7;
}
#owl-demo .item.web-design .item-text > span{
color:#e0b73c;
}
#owl-demo .item.graphic-design .item-text > span{
color:#269a4d;
}
#owl-demo .item .item-text > p{
font-size:16px;
text-transform:lowercase;
text-align:left;
color:#292929;
font-weight:400;
}
#owl-demo .item .item-text > a{
font-size:16px;
display:block;
text-transform:lowercase;
text-align:right;
color:#43a5d7;
font-weight:600;
}
#owl-demo .item.online-marketing .item-text > a{
color:#e01b23;
}
#owl-demo .item.video-production .item-text > a{
color:#43a5d7;
}
#owl-demo .item.web-design .item-text > a{
color:#e0b73c;
}
#owl-demo .item.graphic-design .item-text > a{
color:#269a4d;
}
#owl-demo .item .item-text > a i{
margin-left:20px;
    font-size: 20px;
    vertical-align: middle;
font-weight: bold;
}

.owl-carousel .owl-nav button.owl-next{
width:40px !Important;
height:70px !Important;
background:#43a5d7 !important;
color:#fff;
font-size:60px;
position: absolute;
    right: -50px;
   top: 50%;
    transform: translateY(-50%);
}
.owl-carousel .owl-nav button.owl-prev{
width:40px !Important;
height:70px !Important;
background:#43a5d7 !important;
color:#fff;
font-size:60px;
position: absolute;
    left: -50px;
  top: 50%;
    transform: translateY(-50%);
}

.owl-carousel .owl-nav button.owl-next > span{
position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    font-size: 40px;
    font-weight: 600;
	}
	.owl-carousel .owl-nav button.owl-prev > span{
position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    font-size: 40px;
    font-weight: 600;
	}
.mainbanner2{
	padding:50px 0px 0px 0px;
	position:relative;
	overflow:hidden;
	}
	.mainbanner2 h2{
	color:#43a5d7;
	text-align:center;
	font-weight:500;
	}
	.mainbanner2  .mainbanner2row{
	padding-top:30px;
	padding-bottom:50px;
	text-align:center;
	}
	.mainbanner2  .mainbanner2row h5{
	font-size:20px;
	}
	.mainbanner2  .mainbanner2row .mycover{
	height:126px;
	margin-top: 25px;
	transition: .1s linear;
cursor:pointer;
	}
.mainbanner2  .mainbanner2row .mycover:hover{
opacity: 0.8;
    transform: translate(1px, 2px);

}
	.like-footer{
	width:100%;
	height:120px;
	background:#f7f7f7;
	}
	.mainbanner2  .mybtnrow{
	margin-top:50px;
	}
	.mainbanner2  .my-button {
    font-size: 20.5px;
    background:#43a5d7;
    border-radius: 20px;
    border-radius: 27px;
    padding: 2px 44px;
    text-transform: uppercase;
    font-weight: 400;
    font-family: 'Oswald', sans-serif;
	color:#fff;
}
.mainbanner2  .my-button:hover{
color:#0056b3;
}
 .mybutton-arrow {
    font-size: 32px;
    font-weight: bolder;
    margin-left: 20px;
    vertical-align: text-top;
}
.mainbanner2 .slack-imgs-cover{
position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    right: -187px;
	opacity: .3;
	z-index: -1;
}
 .mainbanner2 .slack-imgs-cover img{
 height:100%;
 }

 .darkbg mark, .darkbg .mark {
    padding: 0.2em;
	background-color: #467ab5;
	color: #ffffff;
}

@media (max-width:1200px){
 .mycard img{
 height:100%;
 }
 }

	@media (max-width: 768px){
	.cards .col-md-6 {
    padding: 0px 30px !important;
	
	}
.mycard{
margin-top:20px;
height: 235px;
    overflow: hidden;
    border-radius: 10px;

	}
.cards .card1{
height: 235px;
}
.mycard img {
    width: 100%;
    border-radius: 10px;
    height: 100%;
    object-fit: cover;
}
.sticky-wrapper{
height:37px !important;
}

.menue-offset-fix {
	margin-top: 51px;
}

.mainbanner {
    padding-top: 50px;
}
.mainbanner .container{
    padding-top:20px;
}

.mainbanner .container .row:first-child{
    margin:0px !Important;
}



.mycard .card-text{
padding:12px !important;
}
.mainbanner1{
height:auto !important;
padding-top:50px;
margin-top: -9px !important;
}
.mainbanner2 .slack-imgs-cover{

display:none;
}
.mainbanner2 .my-button{
padding: 2px 16px;
}
.owl-carousel .owl-nav button.owl-prev{
left:-5px;
width:20px !important;
height:40px !important;
}

.owl-carousel .owl-nav button.owl-next{
right:-5px;
width:20px !important;
height:40px !important;
}
.owl-carousel .owl-nav button.owl-prev > span{
top:-14px;
}
.owl-carousel .owl-nav button.owl-next > span{
top:-14px;
}

}
	
	@media (max-width:470px){
	.card-text h2{
		font-size:30px;
		}
    .card-text p{
		font-size:16px;
		}
.card-text .card-button{
padding: 3px 22px;
}
.button-arrow{
margin-left:10px;
}
	}