body{
	background-color:#FFF;
	font-size:100%;
	margin:0;
	padding:0;
	font-family:Arial;
	text-align:center;
	color: #4F4C4C;
}
h1{
	font-size: 1.3em;
	color: #0080c9;
}
h2 {
	font-size: 1.1em;
}
h3{
	margin:0;
	font-size: 1em;	
}
.h3{
	margin: 2em 0 0 0;
	text-transform: uppercase;
}
p{
	line-height:1.3em;
}
.shop-left h3, .shop-right h3, .shop-flagship h3, .shop-left-fa h3, .shop-right-fa h3, .shop-flagship-fa h3{
	background-color: #0080c9;
	color:#fff;
	padding: 1em;
}
a {
	text-decoration: none;
}
img{
	height:auto;
	max-width:100%;
	padding:0;
	margin:0;
	vertical-align: bottom;
}
.cv-speech{
	text-align: right;
	padding-right: 2.5em;
}
.cv-speech a{
	line-height: 2em;
	padding: 1em 1em .4em 1em;
	margin: -0.5em 0.5em 0em 0.5em;
	border-bottom: 1px solid #BBB;	
	border-left: 1px solid #BBB;	
	border-right: 1px solid #BBB;	
	border-radius: 10px;
	font-size: 0.8em;
}
.cv-speech a:hover, a.active{	
	background-color: #BBB;
	border-color: #FFF;
	color: #FFF !important;
	transition: background-color 0.4s;	
}
.cv-head, .cv-head2, .cv-head-fa, .cv-head2-fa{
	line-height: 3.5em;
	color: #BBB;
	display:inline-block;
	font-size: 90%;
	vertical-align: middle;
}
.cv-head, .cv-head2-fa{
	text-align: left;
	padding: 0em 1em;
}
.cv-head2, .cv-head-fa{
	padding-right: 1em;
	float:right;
	text-align: right;
}
.cv-head-fa, .cv-head{
	width:50%;
}
.cv-head-fa, .cv-head2-fa{
	font-family: "Cairo"; 	
}
.cv-head2-fa, .cv-head2{
	width:48%;
}
.cv-head2 a img, .cv-head2-fa a img{
	padding: 1em;
}
.cv-head a{
	text-decoration:none;
	color: #BBB;
}
.cv-head a:hover{
	color:#0080c9;
}
header{
	max-width: 980px;
	width: 100%;
	background-color:#FFF;
	display: inline-block;
}
header a{
	color: #BBB;
	padding-top: 10px;
}
.job{
	font-size: 2.5em; 
	padding-top: 0.4em;
}
.job p{
	line-height: 0em;
}
.job p a{
	color: #0080c9 !important;	
}
.logo{
	float:left;
	padding: 1em 0em 1em 2em;
	max-width:290px;
}
.shops{
	float:right;
	text-align:right;
	width: 360px;
	padding: 0em 2em 1em 0em;
}
.banner{
	background-color: #0080c9;
	width:100%;
	height:350px;
	text-align: center;
	position:relative;
}
.myhandy, .mytarif, .mytablet{
	position :absolute;
	top:90px;
	height: 165px;
	width:110px;
	display:inline-block;
 	opacity: 0;
}
.myhandy{
	animation: movehandy 18s infinite;
	-webkit-animation: movehandy 18s infinite;
	right:70%;
	background-image: url("../pics/slider-myhandy.png");
}
.mytarif{
	animation: movetarif 18s infinite;
	-webkit-animation: movetarif 18s infinite;
	left:50%;
	margin-left: -55px;
	background-image: url("../pics/slider-mytarif.png");
}
.mytablet{
	animation: movetablet 18s infinite;
	-webkit-animation: movetablet 18s infinite;
	left:70%;
	background-image: url("../pics/slider-mytablet.png");
}
.dein, .dein-tur, .dein-eng, .dein-ar, .tophandy, .tophandy-tur, .tophandy-eng, .tophandy-ar, .toptarif, .toptarif-tur, .toptarif-eng, .toptarif-ar, .toptablet, .toptablet-tur, .toptablet-ar{
	position: absolute;
	left:50%;
	margin-left:-183px;
	height: 100px;
	width: 367px;
 	opacity: 0;
}
.dein{
	animation: movedein 18s infinite;
	-webkit-animation: movedein 18s infinite;
	top: 120px;
	background-image: url("../pics/slider-dein.png");
}
.dein-tur{
	animation: movedein 18s infinite;
	-webkit-animation: movedein 18s infinite;
	top: 120px;
	background-image: url("../pics/slider-dein-tur.png");
}
.dein-eng{
	animation: movedein 18s infinite;
	-webkit-animation: movedein 18s infinite;
	top: 120px;
	background-image: url("../pics/slider-dein-eng.png");
}
.dein-ar{
	animation: movedein 18s infinite;
	-webkit-animation: movedein 18s infinite;
	top: 120px;
	background-image: url("../pics/slider-dein-ar.png");
}
.tophandy{
	animation: movetophandy 18s infinite;
	-webkit-animation: movetophandy 18s infinite;
	top: 20px;
	background-image: url("../pics/slider-tophandy.png");
}
.tophandy-tur{
	animation: movetophandy 18s infinite;
	-webkit-animation: movetophandy 18s infinite;
	top: 20px;
	background-image: url("../pics/slider-tophandy-tur.png");
}
.tophandy-eng{
	animation: movetophandy 18s infinite;
	-webkit-animation: movetophandy 18s infinite;
	top: 20px;
	background-image: url("../pics/slider-tophandy-eng.png");
}
.tophandy-ar{
	animation: movetophandy 18s infinite;
	-webkit-animation: movetophandy 18s infinite;
	top: 20px;
	background-image: url("../pics/slider-tophandy-ar.png");
}
.toptarif{
	animation: movetoptarif 18s infinite;
	-webkit-animation: movetoptarif 18s infinite;
	top: 120px;
	background-image: url("../pics/slider-toptarif.png");
}
.toptarif-tur{
	animation: movetoptarif 18s infinite;
	-webkit-animation: movetoptarif 18s infinite;
	top: 120px;
	background-image: url("../pics/slider-toptarif-tur.png");
}
.toptarif-eng{
	animation: movetoptarif 18s infinite;
	-webkit-animation: movetoptarif 18s infinite;
	top: 120px;
	background-image: url("../pics/slider-toptarif-eng.png");
}
.toptarif-ar{
	animation: movetoptarif 18s infinite;
	-webkit-animation: movetoptarif 18s infinite;
	top: 120px;
	background-image: url("../pics/slider-toptarif-ar.png");
}
.toptablet{
	animation: movetoptablet 18s infinite;
	-webkit-animation: movetoptablet 18s infinite;
	top: 220px;
	background-image: url("../pics/slider-toptablet.png");
}
.toptablet-tur{
	animation: movetoptablet 18s infinite;
	-webkit-animation: movetoptablet 18s infinite;
	top: 220px;
	background-image: url("../pics/slider-toptablet-tur.png");
}
.toptablet-ar{
	animation: movetoptablet 18s infinite;
	-webkit-animation: movetoptablet 18s infinite;
	top: 220px;
	background-image: url("../pics/slider-toptablet-ar.png");
}
.traumtarif, .traumtarif-tur, .traumtarif-eng, .traumtarif-ar{
	animation: movetraumtarif 18s infinite;
	-webkit-animation: movetraumtarif 18s infinite;
	position:absolute;
	left:50%;
	margin-left:-280px;
	top: 75px;
	height: 200px;
	width: 560px;
 	opacity: 0;
}
.traumtarif{
	background-image: url("../pics/slider-traumtarif.png");	
}
.traumtarif-tur{
	background-image: url("../pics/slider-traumtarif-tur.png");	
}
.traumtarif-eng{
	background-image: url("../pics/slider-traumtarif-eng.png");	
}
.traumtarif-ar{
	background-image: url("../pics/slider-traumtarif-ar.png");	
}
.underline{
	border-bottom: 1px solid #DDD;
}
section{
	max-width: 980px;
	background-color:#FFF;
	display:inline-block;
	width:100%;
	box-sizing: border-box;	
}
section div{
	box-sizing: border-box;	
}
.provider{
	padding: 2em 0em 2em 0em;
}
.provider img{
	padding: 1em;
} 
section p{
	display:inline-block;
	text-align: justify;
}
main a:link{
	color:#0080c9;
}
main  a:visited{
	color:#BBB;
}
.main-left{
	display:block;
}
.main-left div{
	text-align: left;
	max-width: 980px;
	font-size:90%;
	display:inline-block;
	border-top: 1px solid #DDD;
}
.main-left p, .main-left h2, .main-left h1{
	padding: 0em 25px;
}
.shop-left a:hover, .shop-right a:hover, .shop-flagship a:hover, .shop-left-fa a:hover, .shop-right-fa a:hover, .shop-flagship-fa a:hover{
	color:#4F4C4C;
}
.shop-flagship, .shop-flagship-fa{
	width: 75%;
	display:inline-block;
	padding: 2em 4em 0em 4em;
}
.shop-left, .shop-left-fa{
	width: 43%;
	display:inline-block;
	padding: 2em 1em 2em 0em; 
}
.shop-left div, .shop-right div, .shop-flagship div, .shop-left-fa div, .shop-right-fa div, .shop-flagship-fa div{
	padding: 5px;
}
.shop-right, .shop-right-fa{
	width: 43%;
	display:inline-block;
	padding: 2em 0em 2em 1em;
}
.shop-left img, .shop-right img, .shop-flagship img, .shop-left-fa img, .shop-right-fa img, .shop-flagship-fa img{
	margin: 0.8em 0em;
}
.shop-left-fa, .shop-right-fa, .shop-flagship-fa{
	font-family: "Cairo";
}
.text{
	border-top: 1px solid #DDD;
	text-align: left;
	padding: 1em 4em;
}
.text-fa{
	border-top: 1px solid #DDD;
	text-align: right;
	padding: 1em 4em;
	font-family: "Cairo"; 
   	direction: "rtl";
}



.link-sm{
	display: none;
}
.qr-code img{
	max-width: 140px;
}
/* Footer*/
footer{
	background-color:#3F3C3C;
	text-align:center;
	color: #979797;
	display: flex;
	width:100%;
	font-size:80%;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}
.cv-foot{
	max-width: 980px;
	text-align:center;
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.footer-bottom{
	width: 90%;
	color:#676767;
	border-top: solid 1px;
	line-height: 3em;
	font-size: 0.8em;
}

.footer-bottom a{
	font-weight: bold;
	color: #676767;
}
.az-handyshop-logo{
	max-width: 120px;
	height: auto;
	align-items: center;
	margin:5% 0 5% 0;
}
.az-handyshop-logo p{
	margin: 2%;
}
/* Footer*/

/* mehr lesen 
input.mehr-lesen-check{
	display: none;
}
label.mehr-lesen{
	display: none;
}
*/
input.hackbox{
	display: none;
}
label.mehr_lesen{
	display: none;
}

.menubar{
	background-color: #0080c9;
	height:50px;
	width:100%;
	position: fixed;
	bottom:0;
	padding:0;
	margin:0;
	max-width:100%;
	display: none;
	box-sizing: border-box;
}
.menubar ul{
	display:table;
	table-layout: fixed;
	width: 100%;
	padding:0;
	margin:0;
}
.menubar ul li{
	display:table-cell;
	vertical-align: middle;
	padding:0;
}
.menubar ul li a{
	width:100%;
	display:block;
	line-height:3em;
}
.placeholder{
	height:50px;
	display:none;
}


@media screen and (max-width:950px){
	.shop-flagship, .shop-left, .shop-flagship-fa, .shop-left-fa {padding: 2em 4em 0em 4em; width:80%;}
	.shop-right, .shop-right-fa {padding: 2em 4em; width:80%;}
	/*
	.volltext{display: none;}
	label.mehr-lesen{display: block; color:#0080c9;}
	label.mehr-lesen::before{content: " mehr"; color:#0080c9;}
	input.mehr-lesen:checked ~ .volltext {display:block;}
	input.mehr-lesen:checked ~ label.mehr-lesen::before{display: block; content:" weniger"; color:#0080c9;}
	*/
	
	.volltext{display: none;}
	label.mehr_lesen{display: block; color:#0080c9;}
	label.mehr_lesen::before{content: " mehr"; color:#0080c9;}
	input.mehr_lesen:checked ~ .volltext {display:inline;}
	input.mehr_lesen:checked ~ label.mehr_lesen::before{content:" weniger"; color:#0080c9;}
	
	.link-sm{display: block;}
	.qr-code img{display: none;}
}
@media screen and (max-width:750px){
	body{font-size:90%;}
	.logo{float: none; padding: 1em 1em 1em 1em;  margin: auto;}
	.shop-right, .shop-right-fa {padding: 2em;}
	.shop-left, .shop-flagship, .shop-left-fa, .shop-flagship-fa {padding: 2em 2em 0em 2em;}
	.menubar {display:block;}
	.placeholder {display:block;}
	.provider img{height: 20px;width:auto;}
	.main-left p{text-align: justify;}
	.shops {text-align: center; width: 100%;border-top: 1px solid #DDD; padding: 1em 0em 2em 0em;}	
}

@media screen and (max-width:650px){
	.cv-head, .cv-head2, .cv-head-fa, .cv-head2-fa {width: 100%; text-align: center; top: 50px;}
	.cv-head, .cv-head-fa {border-bottom: 1px solid #DDD;}
}
@media screen and (max-width:590px){
	.banner{height:200px;}
	.traumtarif, .traumtarif-eng, .traumtarif-tur, .traumtarif-ar{height:100px; width:280px; background-size: 280px 100px; margin-left:-140px; top:50px;}
	.dein, .tophandy, .toptarif, .toptablet, .dein-eng, .tophandy-eng, .toptarif-eng, .toptablet-eng, .dein-tur, .tophandy-tur, .toptarif-tur, .toptablet-tur, .dein-ar, .tophandy-ar, .toptarif-ar, .toptablet-ar {height:50px;width:183px; background-size: 100% 100%; margin-left:-92px;}
	.dein, .toptarif, .dein-eng, .toptarif-eng, .dein-tur, .toptarif-tur, .dein-ar, .toptarif-ar{top: 75px;}
	.tophandy, .tophandy-eng, .tophandy-tur, .tophandy-ar {top: 15px;}
	.toptablet, .toptablet-eng, .toptablet-tur, .toptablet-ar{top: 135px;}
	.myhandy, .mytablet, .mytarif{height:82px; width:50px; background-size:100% 100%; top:59px;}
	.mytarif{margin-left:-27px;}
	.job{font-size:1.5em;}
}
@media screen and (max-width:480px){
	.shop-right, .shop-left, .shop-flagship, .shop-right-fa, .shop-left-fa, .shop-flagship-fa {width:90%;}
	.job {padding: 1em 1em;}
	.job p{line-height: 1.3em; text-align: center;}
	.text{padding: 1em 3em; text-overflow: ellipsis;}
}