:root{--black:#000;--white:#fff;--darkGrey:#2b2d2e;--grey:#363839;--blue:#2699ca;--sFont:'Open Sans', sans-serif;}
*,::after,::before{box-sizing:border-box;}
body{margin:0;padding:0;font-family:'Open Sans', sans-serif;overflow-x:hidden;font-size:100%;line-height:1.8em;color:#fff;font-weight:400;background-color:#2699ca !important;}
h1, h2, h3, h4, h5, h6{margin:0;padding:0;font-weight:600;font-size:1.7em;line-height:1.1em;}
#maedchenname{position:absolute;top:-9999px;left:-9999px;}
p{margin:0;padding:0;}
a{text-decoration:none;color:#fff;}
img{margin:0;padding:0;font-size:0.9rem;border:none;}
textarea{font-family:'Open Sans', sans-serif;}
input[type=text]:focus,
input[type=email]:focus,
textarea:focus{outline:none;}
wbr:after{content:"\00200B";}
.show-lg{display:none;}
form{padding:0 5% 30px;overflow-y:auto;overflow-x:hidden;}
form input,
form select{display:block;width:100%;font-family:'Open Sans',sans-serif;border:2px solid transparent;margin-bottom:12px;padding:9px 5px;font-size:1.1rem;color:#2699ca;}
form textarea{display:block;width:100%;border:2px solid transparent;margin-bottom:10px;padding:9px 5px;font-size:1.1rem;height:200px;color:#2699ca;}
form #spamschutz{font-size:1em;line-height:1.1em;text-align:left;border:2px solid #2699ca;padding:14px;margin-bottom:10px;}
form #spamschutzPopup input{width:100%;}
form button[type=submit]{padding:8px 15px;text-transform:uppercase;background-color:#2699ca;color:#fff;font-weight:600;font-size:1.5rem;float:right;border:none;}
form button:hover{transform:scale(1.1,1.1);cursor:pointer;}
form button:active{transform:scale(0.9,0.9);cursor:progress;}
form [aria-invalid='false'] {outline: 2px solid #090}
form [aria-invalid='true'] {outline: 2px solid #f00}
form [data-invalid='false'] {outline: 2px solid #090}
form [data-invalid='true'] {outline: 2px solid #f00}
form [data-invalid='leer'] {outline: 0px}
form label {position: relative;top: -11px;}
header{}
header section{margin:0 auto;position:relative;max-width:none;}
header section:nth-child(1){background-color:#000;padding:10px;}
header section:nth-child(2){background:#000 url(../images/main/becom_header.jpg) no-repeat center center;background-size:cover;height:85vh;min-height:300px;}
header div{position:relative;padding-bottom:10px;}
header div p:first-child{background-color:#000;opacity:0.6;height:44px;display:none;}
header div p:last-child{opacity:1;top:0;margin:10px 15% 0 0;font-size:1.1em;font-weight:600;text-align:right;}
header div p span{display:none;}
header div p img{width:auto;vertical-align:middle;padding-left:2px;}
header h1{margin:0;padding:0;position:relative;top:5px;width:90%;max-width:401px;margin:10px 5%;}
header h1 a{opacity:0.9;display:block;}
header h1 a:hover{opacity:1;}
header h1 a:active{cursor:progress;}
header h1 a img#logo{width:100%;height:auto;font-size:1.5rem;font-weight:bold;max-width:401px;height:auto;font-size:1.5rem;font-weight:bold;}
header nav{text-transform:uppercase;}
header nav a{display:block;color:#fff;}
header nav#navNormal{display:none;}
header nav#small{position:absolute;top:-50px;right:0;margin:0px 2% 6px;color:#2699ca;}
header #small a#navBtn{float:right;margin:0 0 0 0;font-size:1.4em;border-radius:7px;transition:0.3s;border:2px solid #2699ca;padding:0;height:34px;width:34px;position:relative;opacity:0.6;color:#2699ca;}
header #small a#navBtn span{height:2px;display:block;background-color:#2699ca;margin:6px 5px;}
header #small a#navBtn:hover{opacity:1;transform:translate(0,-1px);}
header #small a#navBtn:active{opacity:0.4;cursor:progress;transform:translate(0,1px);}
header #small div#navSmall{position:absolute;right:5%;background-color:#000;opacity:0.7;display:none;margin-top:18px;z-index:200;font-size:1.4em;font-weight:600;border-radius:7px;padding:0 10px;}
header #navSmall a.close{float:right;display:block;font-size:1.1em;padding:1px 0 3px 1px;width:32px;height:32px;margin:-17px -9px 0 0;text-align:center;border-radius:7px;background-color:#2699ca;opacity:0.5;}
header #navSmall a.close:hover,
header #navSmall a.close:active{transform:scale(1.1,1.1);opacity:1;}
header #navSmall a{padding:8px 10px;margin:15px 0;}
header #navSmall a:hover{background-color:#2699ca;border-radius:7px;}
header #navSmall a:active{color:#000;cursor:progress;}
header #navSmall div{background-color:#2699ca;color:#fff;position:absolute;left:0;margin:-12px 10px 0;display:none;padding:0 10px;text-transform:none;width:322px;max-width:93%;border-radius:7px;font-size:1.09em;}
header #navSmall div a{color:#fff;padding:10px 10px;margin:10px 0;}
header #navSmall div a:hover{background-color:#000;}
header #navSmall div a:active{color:#2699ca;}
header #navSmall div a.close{border:2px solid #2699ca;background-color:#000;height:36px;width:34px;}
header #navSmall div a.close:hover,
header #navSmall div a.close:active{transform:scale(1.1,1.1);opacity:1;}
main{position:relative;}
main h1, main h2, main h3, main h4, main h5, main h6{margin:0 0 20px;line-height:1.4em;}
main section{max-width:1200px;margin:0 auto;}
main p{margin-bottom:20px;}
main a{color:#2699ca;}
main a:hover,
input[type=submit]:hover{cursor:pointer;}
main a:active,
input[type=submit]:active{cursor:progress;}
#fivePointsBar article{max-width:1100px;margin:0 auto;text-align:center;font-size:1.3em;text-transform:uppercase;font-weight:bold;padding:30px;max-width:710px;}
#fivePointsBar a{display:inline-block;color:#fff;margin:20px 14px;border-bottom:3px solid transparent;}
#fivePointsBar a:hover,
#fivePointsBar a:active{color:#2699ca;border-bottom:3px solid #2699ca;}
#fivePointsBar img{display:block;width:75px;height:auto;margin:0 auto;}
#fivePointsBar span{display:block;margin-top:12px}
#angeboteAktionen{text-align:center;}
#angeboteAktionen article{background-color:#363839;margin:0 auto 15px;display:inline-block;font-size:1.1em;padding:15px 5%;width:90%;max-width:840px;}
#angeboteAktionen h2{border-bottom:3px solid #2699ca;text-transform:uppercase;}
#angeboteAktionen a.erfahreMehr{border:3px solid #2699ca;border-radius:30px;padding:10px 0;font-weight:bold;display:block;margin:10px auto;max-width:220px;font-size:1.1em;}
#angeboteAktionen a.erfahreMehr:hover{border-color:#fff;background-color:#fff;}
#angeboteAktionen a.erfahreMehr img{height:16px;width:auto;display:inline-block;position:relative;top:1px;margin-left:5px;}
#mobilfunkvertraege{background-image:url('../images/main/becom_section_middle.jpg');background-repeat:no-repeat;background-size:cover;text-align:center;position:relative;height:500px;margin:0 auto;max-width:none;}
#mobilfunkvertraege article{font-size:1.1em;padding:15px 5%;position:absolute;width:90%;height:auto;top:50%;left:50%;transform:translate(-50%,-50%);max-width:1333px;}
#mobilfunkvertraege article:first-child{content:"";background-color:#000;opacity:0.6;width:90%;height:95%;}
#mobilfunkvertraege h2{border-bottom:3px solid #fff;text-transform:uppercase;}
#mobilfunkvertraege a.erfahreMehr{border:3px solid #fff;border-radius:30px;padding:10px 30px;font-weight:bold;display:inline-block;margin:10px auto;font-size:1.1em;color:#fff;}
#mobilfunkvertraege a.erfahreMehr:hover{border-color:#2699ca;background-color:#2699ca;}
#mobilfunkvertraege a.erfahreMehr img{height:16px;width:auto;display:inline-block;position:relative;top:1px;margin-left:5px;}
#kontaktseite{text-align:center;overflow-y:auto;padding-top:30px;}
#kontaktseite article{background-color:#363839;margin:0 auto 15px;display:inline-block;font-size:1.1em;padding:15px 5%;width:90%;max-width:840px;}
#kontaktseite h2{border-bottom:3px solid #2699ca;text-transform:uppercase;}
#kontaktseite a.erfahreMehr{border:3px solid #2699ca;border-radius:30px;padding:10px 0;font-weight:bold;display:block;margin:10px auto;max-width:220px;font-size:1.1em;}
#kontaktseite a.erfahreMehr:hover{border-color:#fff;background-color:#fff;}
#kontaktseite a.erfahreMehr img{height:16px;width:auto;display:inline-block;position:relative;top:1px;margin-left:5px;}
.block50{float:none;}
.box{padding:30px 0 0 0;}
.box article{background-color:#363839;margin:0 auto;display:block;font-size:1.1em;padding:20px 5% 15px;width:90%;max-width:1050px;}
.box h2{border-bottom:3px solid #2699ca;font-size:1.3em;text-align:center;padding-bottom:10px;}
.box a.erfahreMehr{border:3px solid #2699ca;border-radius:30px;padding:10px 0;font-weight:bold;display:block;margin:10px auto;max-width:220px;font-size:1.1em;}
.box a.erfahreMehr:hover{border-color:#fff;background-color:#fff;}
.box a.erfahreMehr img{height:16px;width:auto;display:inline-block;position:relative;top:1px;margin-left:5px;}
.box div{border:1px solid #2b2d2e;padding:20px;display:inline-block;font-size:1rem;margin:0 30px 30px 0;}
#boxTop{padding:30px 0 0 0;}
#boxTop article{background-color:#363839;margin:0 auto;display:block;font-size:1.1em;padding:15px 5%;width:90%;max-width:1050px;}
#boxTop h2{border-bottom:3px solid #2699ca;font-size:1.3em;text-align:center;padding-bottom:10px;}
#boxTop a.erfahreMehr{border:3px solid #2699ca;border-radius:30px;padding:10px 0;font-weight:bold;display:block;margin:10px auto;max-width:220px;font-size:1.1em;}
#boxTop a.erfahreMehr:hover{border-color:#fff;background-color:#fff;}
#boxTop a.erfahreMehr img{height:16px;width:auto;display:inline-block;position:relative;top:1px;margin-left:5px;}
#geraete-liste p{margin-bottom:0;}
.geraete-container{display:-ms-flexbox !important;display:flex !important;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;justify-content:space-between;margin:0 !important;border:none !important}
.geraet{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;margin:0 0 15px 0 !important;border:2px solid #2699ca !important;}
.category-button{border: 3px solid #2699ca;border-radius: 30px;padding: 10px 20px;font-weight: bold;display: inline-block;margin: 5px 10px;max-width: 220px;font-size: 1.1em;background:none;cursor:pointer;color:#2699ca}
.category-button:hover{background-color:#fff;}
.category-button.active{background-color:#fff;}
.category-button:hover,.category-button:focus{outline:none;}
.slideshow-container{position:relative;margin:auto;width:100%;max-width:100%;padding:0 !important;margin:0 !important;border:none !important}
.mySlides{display:none;margin:0 auto!important;border:none !important}
.mySlides a{display:block}
.mySlides img{display:block;margin:0 auto;max-width:100%;height:auto;}
.prev, .next {cursor: pointer;position: absolute;top: 50%;width: auto;margin-top: -22px;padding: 16px;color: #2699ca;font-weight: bold;font-size: 18px;transition: 0.6s ease;border-radius: 0 3px 3px 0;user-select: none;}
.prev {left: 0;border-radius: 0px 3px 3px 0px;}
.next {right: 0;border-radius: 3px 0 0 3px;}
.prev:hover, .next:hover {background-color:#2699ca;color:#fff;}
.fade {-webkit-animation-name: fade;-webkit-animation-duration: 1.5s;animation-name: fade;animation-duration: 1.5s;}
@-webkit-keyframes fade {from {opacity: .4} to {opacity: 1}}
@keyframes fade {from {opacity: .4} to {opacity: 1}}
footer{margin-top:-5px;padding-top:30px;font-size:1.1em;position:relative;padding-bottom:30px;}
footer a:active{cursor:progress;}
footer article img{height:392px;display:block;margin:0 auto 22px;position:relative;left:-520px;}
footer article div#gmap{display:none;position:absolute;top:28px;left:0;width:100%;}
footer article div a.close{position:absolute;top:-15px;right:5px;z-index:500;color:#2699ca;background-color:#2699ca;padding:1px 0 3px 1px;font-size:1.1em;width:32px;height:32px;text-align:center;border-radius:7px;opacity:0.5;color:#fff;}
footer article div a.close:hover,
footer article div a.close:active{transform:scale(1.1,1.1);opacity:1;}
footer article div#gmap iframe{height:391px;}
footer section{width:90%;margin:0 auto;min-height:320px;}
footer section article{border-bottom:3px solid #2699ca;padding:10px 0;max-width:1024px;}
footer section article h2{font-size:1em;margin-bottom:11px;}
footer section article p{margin-bottom:20px;}
footer section nav{padding:15px 0;border-bottom:3px solid #2699ca;max-width:1050px;}
footer section nav div{padding:15px 0 15px;display:inline-block;padding-right:35px;vertical-align:top;}
footer section nav div strong{font-size:1em;text-transform:uppercase;padding-bottom:4px;display:block;}
footer section nav a{display:block;padding:0;}
footer section nav a:hover{color:#2699ca;text-decoration:underline;}
footer section article:last-child{border:none;}
#social{position:absolute;top:5px;right:5px;z-index:999;}
#social .socialbtn {padding:5px;width:30px; font-size:20px;text-align:center;text-decoration:none;border-radius:5px;}
#social .gshare {background-color: #dd4c39;height:30px;font-size:18px;margin-right:5px;padding: 3px 3px 3px;}
#social .gshare .fa-share{font-size: 10px;}
#social .fa-google-plus {background-color: #dd4c39;width:30px;font-size: 18px;padding-top: 7px;margin-right:5px;}
#social .fa-facebook{
	background:#3B5998;
	color:white;
	margin-right:5px;
	display: none;
}
#social .fa-instagram{background:radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%),
radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%),
radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%),
radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%),
radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%),
radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%),
radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent),
linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);color:white;}
@media only screen and (min-width:576px){header div p:last-child{font-size:1.2em;}
header div p span:nth-child(3){display:inline-block;}
header div p:last-child{margin:10px 10% 0 0;}
#fivePointsBar a{margin:20px 28px;font-size:1.12em;}
#fivePointsBar img{width:90px;}
#angeboteAktionen article{background-color:#363839;margin:0 5% 20px;display:inline-block;font-size:1.1em;padding:25px 7%;}
#boxTop h2{font-size:1.6em;}
.box h2{font-size:1.6em;}
#kontaktseite article{background-color:#363839;margin:0 5% 20px;display:inline-block;font-size:1.1em;padding:25px 7%;}
#mobilfunkvertraege article:first-child{height:75%;}
footer{font-size:1.2em;}
footer article img{height:442px;left:-400px;}
footer article div#gmap iframe{height:442px;}
}
@media only screen and (min-width:750px){header div p:last-child{font-size:1.15em;}
header div p span:nth-child(1), header div p span:nth-child(2){display:inline-block;margin-right:0.4em;}
header div p:last-child{margin:10px 8% 0 0;}
#fivePointsBar a{margin:20px 42px;font-size:1.14em;}
#fivePointsBar img{width:99px;}
#angeboteAktionen article{background-color:#363839;margin:0 5% 20px;display:inline-block;font-size:1.3em;padding:40px 10%;}
#angeboteAktionen article h2{font-size:2.3em;}
#angeboteAktionen a{padding:10px 5px;margin:20px auto;}
#boxTop h2{font-size:1.9em;}
.box h2{font-size:1.9em;}
#kontaktseite article{background-color:#363839;margin:0 5% 20px;display:inline-block;font-size:1.3em;padding:40px 10%;}
#kontaktseite article h2{font-size:2.3em;}
#mobilfunkvertraege article{font-size:1.3em;padding:20px 10%;}
#mobilfunkvertraege h2{font-size:2.3em;}
#mobilfunkvertraege article:first-child{height:80%;}
footer{font-size:1.2em;}
footer article img{height:492px;left:-300px;}
footer article div#gmap iframe{height:492px;}
}
@media only screen and (min-width:768px){
	#social a {float: left;}
	#social .socialbtn {float: left; font-size:30px;width:40px;}
	#social .gshare {padding: 5px 1px 4px;top: 0px; height:40px; font-size: 26px;}
	#social .fa-google-plus {font-size: 26px;padding: 7px 5px;}
	.geraet{-ms-flex:0 0 49%;flex:0 0 49%;max-width:49%;margin:0 !important;}
}
@media only screen and (min-width:1000px){.show-lg{display:block;}
.block50{float:left;width:50%;}
header div p:last-child{font-size:1.3em;}
header div p:last-child{margin:10px 7% 0 0;}
#fivePointsBar a{margin:20px 50px;}
#mobilfunkvertraege{height:516px;}
footer article img{height:492px;left:-120px;}
footer article div#gmap iframe{height:492px;}
footer section nav{border-bottom:none;}
footer section article:last-child{float:right;margin-top:-520px;border:3px solid #2699ca;padding:20px 20px 0;}
footer section article:last-child p{display:inline-block;}
footer section article:last-child p:nth-child(2){margin-right:50px;}
}
@media only screen and (min-width:1150px){header div p:last-child{margin:10px 6% 0 0;}
footer article img{height:542px;left:-100px;}
footer article div#gmap iframe{height:542px;}
}
@media only screen and (min-width:1300px){header div{padding-bottom:31px;}
header div{position:absolute;right:5%;}
.test{width:60%;}
header div p:last-child{font-size:1.3em;margin:-56px 2% 0 0;}
header nav#small{top:-71px;}
#fivePointsBar article{max-width:1100px;padding:50px 0;}
#fivePointsBar a{margin:20px 50px;}
#angeboteAktionen article{width:43%;margin-left:10px;margin-right:10px;vertical-align:top;padding:50px 60px 60px;}
#angeboteAktionen a{margin:30px auto;}
#kontaktseite article{display:block;width:50%;margin-left:auto;margin-right:auto;vertical-align:top;padding:50px 60px 60px;}
#mobilfunkvertraege article:first-child{max-height:336px;}
footer article img{height:592px;width:100%;left:0;}
footer article div#gmap iframe{height:592px;}
footer section{padding:10px 0;}
footer section nav{float:left;border-left:3px solid #2699ca;border-bottom:0;padding-left:30px;margin-left:40px;}
footer section article{margin-top:15px;float:left;border:none;}
footer section article:last-child{margin-top:-160px;}
}
@media only screen and (min-width:1611px){header div p:last-child{font-size:1.3em;right:3%;}
header nav a{display:block;color:#fff;}
header nav#small{display:none;}
header nav#navNormal{position:absolute;top:61px;right:5%;display:block;font-size:1.4em;font-weight:600;padding:0 10px;}
header #navNormal a{margin:-17px 1px 0 0;display:inline-block;position:relative;height:85px;}
header #navNormal a:hover{background-image:url('../images/main/navA_bg1.png');}
header #navNormal a:active{background-image:url('../images/main/navA_bg2.png');}
header #navNormal a span:first-child{padding:25px 15px;display:block;height:75px;}
header #navNormal a span:last-child{position:relative;height:10px;width:0%;background-color:transparent;left:50%;transform:translate(-50%,0);transition:0.5s;display:block;}
header #navNormal a:hover span:last-child{width:100%;background-color:#fff;}
header #navNormal a:active{color:#2699ca;cursor:progress;}
header #navNormal a:active span:last-child{background-color:#2699ca;}
header #navNormal div{position:absolute;background-color:#000;opacity:0.7;display:none;margin-top:20px;z-index:200;font-size:1.4em;font-weight:600;border-radius:7px;padding:0 10px;margin-top:38px;left:0;width: 33%;}
header #navNormal div#navDiensteN{left:135px;}
header #navNormal a#home:hover ~ div#navHomeN,
header #navNormal a#dienste:hover ~ div#navDiensteN,
header #navNormal div:hover{display:block;}
header #navNormal div span{position:absolute;top:-66px;padding-top:41px;padding-right:100px;color:#000;vertical-align:bottom;}
header #navNormal div a{height:auto;padding:8px 10px;margin:12px 0;display:block;text-transform:none;font-size:1.3rem;}
header #navNormal div a:hover{background-color:#2699ca;border-radius:7px;}
header #navNormal div a:active{color:#000;cursor:progress;}
footer section{width:1611px;margin:0 auto;padding:20px 100px 50px;}
footer section nav{border-right:3px solid #2699ca;margin-right:30px;margin-left:30px;}
footer section article:last-child{float:left;margin-top:0;border:none;padding:30px 0 0;}
footer section article:last-child p{display:block;}
footer section article:last-child p:nth-child(2){margin-right:0px;padding-bottom:20px;border-bottom:3px solid #2699ca;}
footer section article:last-child h2{margin-bottom:20px;}
}
@media only screen and (min-width:1900px){#fivePointsBar article{max-width:1100px;padding:50px 0;}
#fivePointsBar a{margin:20px 50px;}
#angeboteAktionen article{margin-bottom:30px;}
#angeboteAktionen article{width:50%;margin-left:15px;margin-right:15px;}
footer{font-size:1.3em;padding-top:30px;}
footer article img{height:700px;width:100%;left:0;}
footer article div#gmap{top:30px;}
footer article div#gmap iframe{height:700px;}
footer section{width:1920px;margin:0 auto;padding:10px 100px 5px;}
footer section nav{border-right:3px solid #2699ca;margin-right:50px;margin-left:50px;padding-right:50px;padding-left:50px;}
footer section nav div{padding:15px 0;padding-right:50px;vertical-align:top;}
footer section nav div:last-child{padding-right:40px;}
}