img{max-width:100%} /*---Tabs---div#boxwrapper{display: block !important; width: 100%;}#show-mobile>div#infowrapper{display: block !important; width: 100%;}div.boxcontainer{width: 48%; margin: 0 0.5%; float: left; display: inline-block; min-height: 270px;}}@media only screen and (max-width: 700px){#span4{display: none;}div.boxcontainer{width: 100%; margin: 0; display: inline-block;}.crossitem:hover{cursor: pointer; transform: none !important; box-shadow: none !important; opacity: 1; border-color: #aaa;}}@media only screen and (max-width: 780px){#header{text-align: center;}#headerlogo{width: 100%; display: block; text-align: left;}#headerinfo{width: 50%; display: block; padding: 15px 0 10px; display: block; margin: 0 auto;}#headerinfo-1{width: 100%; display: block; float: left;}#headerinfo-2{width: 100%; display: block; float: left;}#headerinfo-1::before, #headerinfo-2::before{display: block; padding-right: 190px;}}@media only screen and (max-width: 639px){#leftcontent, #rightcontent{width: 100%;}}@media only screen and (max-width: 499px){#headerlogo{width: 100%; display: block; text-align: left; margin-left: 56px;}#headerinfo{width: 100%; display: block; padding: 15px 0 10px; display: block; margin: 0 auto;}#headerinfo-1{width: 100%; display: block; float: left;}#headerinfo-2{width: 100%; display: block; float: left;}#maincontent>div#boxwrapper{display: none !important;}#maincontent>div#infowrapper{display: none !important;}#maincontent>div#bottomcontent{width: 100% !important;}#show-mobile{display: block;}#leftcontent, #rightcontent{width: 100%;}}/*Ab hier NEU*/ #header{padding-top: 20px; max-width: 1375px; margin: 0 auto;}.badge{background-color: #bbbbbb; color: #fff; text-shadow: none; border-radius: 15px; padding-left: 15px; padding-right: 15px; display: inline-block; font-size: 11.844px; vertical-align: baseline; white-space: nowrap; font-weight: bold; line-height: 25px; top: 25%; position: relative; letter-spacing: 1.1;}/*Top Navigation*/ #navibadge{display: block; float: right; height: 50px; margin-right: 2%; background: transparent;}#navicontainer{margin: 10px 0 20px; display: block; background: #bbbbbb; height: 47px; margin: 0 auto; max-width: 1375px; font: 8px Arial, sans-serif; background-image: url(https://onlinelocksmithstore.com/wp-content/uploads/2017/11/background-3.jpg); border-radius: 10px; font-weight: bold;}#navicontainer::after{content: ""; display: table; width: 100%; height: 60px;}/*Strip the ul of padding and list styling*/ #navicontainer ul{list-style-type: none; margin: 0; padding: 0; position: absolute;}/*Create a horizontal list with spacing*/ #navicontainer li{display: inline-block; float: left; margin-right: 0px;}/*Style for menu links*/ #navicontainer li a{display: block; min-width: 30px; height: 60px; text-align: center; line-height: 46px; text-decoration: none; text-transform: uppercase; font-size: 14px; letter-spacing: 0.02em; transition: all 0.5s ease 0s; color: #fff; padding: 0 20px;}/*Hover state for top level links*/ #navicontainer li:hover a{transition: all 0.5s ease 0s; background-color: #b60f2d; color: #fff; border-radius: 10px; line-height: 46px; height: 46px;}/*Style for dropdown links*/ #navicontainer li:hover ul a{background: #666; color: #fff; height: 40px; line-height: 40px;}/*Hover state for dropdown links*/ #navicontainer li:hover ul a:hover{background: #333; color: #fff;}/*Hide dropdown links until they are needed*/ #navicontainer li ul{display: none;}/*Make dropdown links vertical*/ #navicontainer li ul li{display: block; float: none;}/*Prevent text wrapping*/ #navicontainer li ul li a{width: auto; min-width: 100px; padding: 0 20px;}/*Display the dropdown on hover*/ #navicontainer ul li a:hover+.hidden, .hidden:hover{display: block !important; z-index: 999999;}/*Style 'show menu' label button and hide it by default*/ .show-menu{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration: none; color: #fff; background: #b60f2d; text-align: center; padding: 10p
