@charset "UTF-8";html{font-size:62.5%}body{background:#c6c6c6;font-family:'Hind Guntur',sans-serif;font-weight:400;font-size:1.6rem;line-height:2rem}body .typography .sitemap li a:hover,body .typography a,body a{color:#0059a9}body>header{background-color:#fff}body>header .top{padding:64px 0 57px}@media (max-width:991px){body>header .top{padding:20px 0}}body>header .navbar-brand .logo{width:366px}@media (max-width:576px){body>header .navbar-brand .logo{width:200px}}@media (min-width:576px) and (max-width:767px){body>header .navbar-brand .logo{width:250px}}@media (min-width:768px) and (max-width:991px){body>header .navbar-brand .logo{width:300px}}body>header .nav-and-search{padding:76px 0 0 77px}@media (max-width:767px){body>header .nav-and-search{padding:40px 0 0;text-align:right}}@media (min-width:576px) and (max-width:767px){body>header .nav-and-search{padding-top:48px}}@media (min-width:768px) and (max-width:991px){body>header .nav-and-search{padding-top:65px}}@media (min-width:992px) and (max-width:1199px){body>header .nav-and-search{padding:87px 0 0 28px}}body>header .nav-and-search .hamburger{width:51px}@media (max-width:576px){body>header .nav-and-search .hamburger{width:30px}}@media (min-width:576px) and (max-width:767px){body>header .nav-and-search .hamburger{width:40px}}@media (min-width:768px) and (max-width:991px){body>header .nav-and-search .hamburger{width:40px}}@media (min-width:992px) and (max-width:1199px){body>header .nav-and-search .hamburger{width:40px}}body>header .nav-and-search .search-form{position:relative;display:inline-block;vertical-align:bottom;margin-left:31px}@media (max-width:767px){body>header .nav-and-search .search-form{display:none}}@media (min-width:768px) and (max-width:991px){body>header .nav-and-search .search-form{margin-left:20px}}body>header .nav-and-search .search-form #SearchForm_SearchForm_Search{background-color:#000;color:#fff;text-transform:uppercase;border:0;margin:0;padding:8px 9px 2px;width:187px;font-weight:300}body>header .nav-and-search .search-form #SearchForm_SearchForm_Search::-webkit-input-placeholder{color:#fff}body>header .nav-and-search .search-form #SearchForm_SearchForm_Search::-moz-placeholder{color:#fff}body>header .nav-and-search .search-form #SearchForm_SearchForm_Search:-ms-input-placeholder{color:#fff}body>header .nav-and-search .search-form #SearchForm_SearchForm_Search::-ms-input-placeholder{color:#fff}body>header .nav-and-search .search-form #SearchForm_SearchForm_Search::placeholder{color:#fff}#imprint,#privacy,#route,body>footer .line2 a.last:after,body>header .nav-and-search .search-form #SearchForm_SearchForm_action_results{display:none}body>header .slider-wrap{position:relative}body>header .slider .slick-arrow{width:62px;height:115px;z-index:9990;background-repeat:no-repeat}body>header .slider .slick-arrow:before{content:" "}@media (max-width:576px){body>header .slider .slick-arrow{top:30%;width:31px;height:58px}}@media (min-width:576px) and (max-width:767px){body>header .slider .slick-arrow{top:20%;width:31px;height:58px}}body>header .slider .slick-arrow.slick-prev{background-image:url(/_resources/themes/blc/img/arrow-left.svg);left:57px}@media (max-width:767px){body>header .slider .slick-arrow.slick-prev{left:15px}}@media (min-width:768px) and (max-width:991px){body>header .slider .slick-arrow.slick-prev{left:40px}}body>header .slider .slick-arrow.slick-next{background-image:url(/_resources/themes/blc/img/arrow-right.svg);right:57px}@media (max-width:767px){body>header .slider .slick-arrow.slick-next{right:15px}}@media (min-width:768px) and (max-width:991px){body>header .slider .slick-arrow.slick-next{right:40px}}body>header .slider .slide{position:relative;min-height:967px;background-repeat:no-repeat;background-size:cover;background-position:50%;overflow:hidden}@media (max-width:576px){body>header .slider .slide{min-height:485px;background-size:100% auto;background-position:50% 0}}@media (min-width:576px) and (max-width:767px){body>header .slider .slide{min-height:579px;background-size:100% auto;background-position:50% 0}}@media (min-width:768px) and (max-width:991px){body>header .slider .slide{min-height:675px;background-size:100% auto;background-position:50% 0}}body>header .slider .slide .content{position:absolute;width:1140px;height:305px;margin:0 auto;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:0;color:#fff;padding:0 8px}@media (max-width:991px){body>header .slider .slide .content{width:100%}}@media (min-width:768px) and (max-width:991px){body>header .slider .slide .content{padding:0 30px}}@media (min-width:992px) and (max-width:1199px){body>header .slider .slide .content{padding:0 90px}}body>header .slider .slide .content .bg{position:absolute;width:5000px;height:305px;right:129px;bottom:0;background-color:#000;z-index:-1}@media (max-width:991px){body>header .slider .slide .content .bg{right:0}}body>header .slider .slide .content .bg:after{position:absolute;display:block;content:" ";border:1px solid #fff;bottom:53px;right:410px;width:100%;height:1px;-webkit-transform:scale(-1,1);transform:scale(-1,1);-webkit-transform-origin:right;transform-origin:right}@media (max-width:991px){body>header .slider .slide .content .bg:after{display:none}}@media (min-width:992px) and (max-width:1199px){body>header .slider .slide .content .bg:after{bottom:30px}}body>header .slider .slide .content h1,body>header .slider .slide .content h2{text-transform:uppercase;font-weight:200;margin:0}body>header .slider .slide .content h1{margin-top:93px;font-size:6.8rem;margin-bottom:.3rem;letter-spacing:-1.2px;padding-right:12rem}@media (max-width:767px){body>header .slider .slide .content h1{font-size:4rem;padding-right:0}}@media (min-width:768px) and (max-width:991px){body>header .slider .slide .content h1{font-size:5.5rem;padding-right:0}}body>header .slider .slide .content h2{font-size:3.8rem;letter-spacing:-.4px;padding-right:15rem}@media (max-width:767px){body>header .slider .slide .content h2{font-size:2rem;padding-right:0}}@media (min-width:768px) and (max-width:991px){body>header .slider .slide .content h2{font-size:3rem;padding-right:0}}body>header .slider .slide .content.condensed h1{margin-top:41px;letter-spacing:-.4px}@media (min-width:768px) and (max-width:991px){body>header .slider .slide .content.condensed h1{font-size:5rem}}body>header .navigation-overlay{display:none;position:absolute;width:100%;height:100%;top:0;background-color:rgba(0,105,180,.55);padding-top:68px;z-index:9995}@media (max-width:576px){body>header .navigation-overlay{background-color:rgba(0,105,180,.95);padding-top:25px}}@media (min-width:576px) and (max-width:767px){body>header .navigation-overlay{background-color:rgba(0,105,180,.95)}}@media (min-width:768px) and (max-width:991px){body>header .navigation-overlay{background-color:rgba(0,105,180,.95)}}body>header .navigation-overlay nav{padding-left:78px}@media (max-width:991px){body>header .navigation-overlay nav{padding-left:0}}@media (min-width:992px) and (max-width:1199px){body>header .navigation-overlay nav{padding-left:0}}body .typography p.intro,body>header .navigation-overlay a{color:#fff;text-transform:uppercase;font-family:'Hind Guntur',sans-serif;font-weight:300}body>header .navigation-overlay a{font-size:3.6rem;line-height:2.4rem;letter-spacing:.6px;padding:0;margin-bottom:3.6rem}@media (max-width:767px){body>header .navigation-overlay a{font-family:'Hind Guntur',sans-serif;font-weight:300;font-size:2.8rem;line-height:2rem;margin-bottom:2.8rem}}body .typography h1{font-size:6.8rem;letter-spacing:-1.2px;text-transform:uppercase;color:#fff;margin:0 0 2.4rem}#imprint p,#privacy p{color:#555;margin-bottom:3.8rem}#imprint p,#privacy p,#route p{font-size:2.1rem;line-height:2.7rem}body .typography p,body .typography table{color:#555;font-size:2.1rem;line-height:2.7rem;margin-bottom:3.8rem}body .typography table{margin-bottom:0}body .typography img{max-width:100%;height:auto}body .typography .banner{background-color:#0069b4;padding:62px 0 35px}body .typography .banner h1,body .typography .banner h2{color:#fff;display:inline-block;margin:0;text-transform:uppercase}body .typography .banner h1.heading{font-weight:700;font-size:5.3rem;line-height:5.3rem;letter-spacing:-3px}body .typography .banner h2.content{font-size:3.7rem;line-height:3.7rem;letter-spacing:-.4px;font-weight:100;margin-left:21px}body .typography p.intro{font-size:3rem;line-height:3.8rem;letter-spacing:-.4px;margin-bottom:8rem;margin-top:12.8rem}@media (max-width:767px){body .typography p.intro{font-size:2.7rem}}body .typography .image-block .image{display:inline-block}body .typography .image-block .image.last-in-row{margin-right:0!important}body .typography .image-block .image img,body .typography .image-block.layout-1x1 img{max-width:100%}body .typography .image-block.layout-1x1,body .typography .image-block.layout-3xX{margin-top:9rem}body .typography .image-block.layout-3xX .image{margin:0 14px 14px 0}@media (max-width:767px){body .typography .image-block.layout-3xX .image{width:100%;margin-right:0;margin-bottom:14px}body .typography .image-block.layout-3xX .image img{width:100%}}@media (min-width:768px) and (max-width:991px){body .typography .image-block.layout-3xX .image{width:45%;margin-right:0;margin-bottom:65px}body .typography .image-block.layout-3xX .image:nth-child(10),body .typography .image-block.layout-3xX .image:nth-child(12),body .typography .image-block.layout-3xX .image:nth-child(14),body .typography .image-block.layout-3xX .image:nth-child(16),body .typography .image-block.layout-3xX .image:nth-child(18),body .typography .image-block.layout-3xX .image:nth-child(2),body .typography .image-block.layout-3xX .image:nth-child(20),body .typography .image-block.layout-3xX .image:nth-child(22),body .typography .image-block.layout-3xX .image:nth-child(24),body .typography .image-block.layout-3xX .image:nth-child(26),body .typography .image-block.layout-3xX .image:nth-child(28),body .typography .image-block.layout-3xX .image:nth-child(30),body .typography .image-block.layout-3xX .image:nth-child(32),body .typography .image-block.layout-3xX .image:nth-child(34),body .typography .image-block.layout-3xX .image:nth-child(4),body .typography .image-block.layout-3xX .image:nth-child(6),body .typography .image-block.layout-3xX .image:nth-child(8){float:right}}@media (min-width:992px) and (max-width:1199px){body .typography .image-block.layout-3xX .image{width:calc(33% - 9px);margin-bottom:16px}}body .typography .image-block.layout-4xX{margin-top:14.6rem}body .typography .image-block.layout-4xX .image{margin-right:24px}@media (max-width:576px){body .typography .image-block.layout-4xX .image{width:100%;margin-right:0;margin-bottom:24px}body .typography .image-block.layout-4xX .image img{width:100%}}@media (min-width:576px) and (max-width:767px){body .typography .image-block.layout-4xX .image{width:45%;margin-right:0;margin-bottom:50px}body .typography .image-block.layout-4xX .image:nth-child(10),body .typography .image-block.layout-4xX .image:nth-child(2),body .typography .image-block.layout-4xX .image:nth-child(4),body .typography .image-block.layout-4xX .image:nth-child(6),body .typography .image-block.layout-4xX .image:nth-child(8){float:right}body .typography .image-block.layout-4xX .image img{width:100%}}@media (min-width:768px) and (max-width:991px){body .typography .image-block.layout-4xX .image{width:45%;margin-right:0;margin-bottom:65px}body .typography .image-block.layout-4xX .image:nth-child(10),body .typography .image-block.layout-4xX .image:nth-child(2),body .typography .image-block.layout-4xX .image:nth-child(4),body .typography .image-block.layout-4xX .image:nth-child(6),body .typography .image-block.layout-4xX .image:nth-child(8){float:right}body .typography .image-block.layout-4xX .image img{width:100%}}@media (min-width:992px) and (max-width:1199px){body .typography .image-block.layout-4xX .image{width:calc(25% - 21px)}}@media (max-width:767px){body .typography .shop p:not(.intro),body .typography .shop table{font-size:1.6rem}}body .typography .shop .slogan p{font-size:3.5rem}body .typography .shop .order-items .checkbox-group ul li:last-child label,body .typography .shop p:last-child{margin-bottom:0}body .typography .shop .products{margin-bottom:121px}@media (max-width:576px){body .typography .shop .products{margin-bottom:25px}body .typography .shop .products .product{margin-bottom:75px}}body .typography .shop .products .product header{margin-bottom:100px}@media (max-width:576px){body .typography .shop .products .product header{margin-bottom:50px}}body .typography .shop .products .product h2{color:#0069b4;font-size:3.8rem;text-transform:uppercase;margin:0 0 1.8rem}@media (max-width:576px){body .typography .shop .products .product h2{font-size:2.6rem}}@media (min-width:576px) and (max-width:767px){body .typography .shop .products .product h2{font-size:3rem}}@media (min-width:768px) and (max-width:991px){body .typography .shop .products .product h2{font-size:2.4rem}}@media (min-width:992px) and (max-width:1199px){body .typography .shop .products .product h2{font-size:3.5rem}}body .typography .shop .order-hint .intro,body .typography .shop .products .product .intro{margin:0 0 10px}body .typography .shop .products .product .product-content{min-height:459px}@media (max-width:767px){body .typography .shop .products .product .product-content{min-height:auto}}@media (min-width:768px) and (max-width:991px){body .typography .shop .products .product .product-content{min-height:756px}}@media (min-width:992px) and (max-width:1199px){body .typography .shop .products .product .product-content{min-height:540px}}body .typography .shop .products .product .product-content p:last-child{margin:0}body .typography .shop .products .product .images{margin:96px 0 44px;min-height:540px}@media (max-width:767px){body .typography .shop .products .product .images{margin-top:50px;min-height:auto}}@media (min-width:768px) and (max-width:991px){body .typography .shop .products .product .images{min-height:326px}}body .typography .shop .products .product .images a:nth-child(1) img,body .typography .shop .products .product .images a:nth-child(2) img{margin-top:0}body .typography .shop .products .product .images a:nth-child(2n) img{margin-left:23px}body .typography .shop .products .product .images img{margin-top:28px}@media (max-width:767px){body .typography .shop .products .product .images img{width:calc(49% - 11px)}}@media (min-width:768px) and (max-width:991px){body .typography .shop .products .product .images img{width:calc(49% - 13px)}}@media (min-width:992px) and (max-width:1199px){body .typography .shop .products .product .images img{width:calc(49% - 13px)}}body .typography .shop .order-hint{margin-bottom:101px}body .typography .shop .message p{margin:0!important}body .typography .shop .message.error{background-color:#8b0000;color:#fff;padding:15px 15px 10px}body .typography .shop .message.good{background-color:#0069b4;color:#fff;padding:15px 15px 10px}body .typography .shop h2{font-size:2.8rem;font-weight:400}body .typography .shop h3{text-transform:uppercase;font-size:2.3rem;font-weight:400;margin-bottom:18px}body .typography .shop input{margin:0 0 27px}body .typography .shop input,body .typography .shop textarea{width:100%;font-size:16px;text-transform:uppercase;padding:12px 14px 5px;color:#000;outline:0;border:0}body .typography .shop input::-webkit-input-placeholder,body .typography .shop textarea::-webkit-input-placeholder{color:#000}body .typography .shop input::-moz-placeholder,body .typography .shop textarea::-moz-placeholder{color:#000}body .typography .shop input:-ms-input-placeholder,body .typography .shop textarea:-ms-input-placeholder{color:#000}body .typography .shop input::-ms-input-placeholder,body .typography .shop textarea::-ms-input-placeholder{color:#000}body .typography .shop input::placeholder,body .typography .shop textarea::placeholder{color:#000}body .typography .shop textarea{margin:26px 0 0;height:270px}body .typography .shop .order-items{margin:52px 0 139px}@media (max-width:991px){body .typography .shop .order-items{margin-bottom:75px}}@media (min-width:992px) and (max-width:1199px){body .typography .shop .order-items{margin-bottom:75px}}@media (max-width:767px){body .typography .shop .order-items .product-options{margin-bottom:75px}}body .typography .shop .order-items .left,body .typography .shop .order-items .right{display:inline-block;vertical-align:top}body .typography .shop .order-items .left{width:81px;position:relative}body .typography .shop .order-items .right{margin-left:20px}@media (max-width:991px){body .typography .shop .order-items .right{max-width:calc(100% - 81px - 20px - 10px)}}body .typography .shop .order-items .right h3{font-size:3rem;color:#0069b4;text-transform:uppercase;margin:10px 0 6px}@media (max-width:576px){body .typography .shop .order-items .right h3{font-size:1.8rem}}@media (min-width:576px) and (max-width:767px){body .typography .shop .order-items .right h3{font-size:1.8rem}}@media (min-width:768px) and (max-width:991px){body .typography .shop .order-items .right h3{font-size:1.8rem}}@media (min-width:992px) and (max-width:1199px){body .typography .shop .order-items .right h3{font-size:2rem}}body .typography .shop .order-items .right .price-hint{color:#555;font-size:1.8rem}@media (max-width:991px){body .typography .shop .order-items .right .price-hint{font-size:1.6rem}}body .typography .shop .order-items .right .info{display:block;color:red;margin-top:3px}body .typography .shop .order-items .left label{position:absolute;z-index:1000;top:13px;left:0;width:100%;text-align:center;text-transform:uppercase}body .typography .shop .order-items input{width:81px;margin:0;padding:28px 0 0;text-align:center;font-size:2rem;font-weight:700}body .typography .shop .order-items .graduated-prices h3{margin:95px 0 16px;color:#0069b4;padding-left:107px}@media (max-width:767px){body .typography .shop .order-items .graduated-prices h3{margin-top:50px}}body .typography .shop .order-items .graduated-prices table{margin-left:107px}@media (min-width:768px) and (max-width:991px){body .typography .shop .order-items .graduated-prices table{font-size:1.6rem}}body .typography .shop .order-items .graduated-prices table tr td:first-child{min-width:210px;padding-bottom:8px}@media (max-width:991px){body .typography .shop .order-items .graduated-prices table tr td:first-child{min-width:150px}}body .typography .shop .order-items .checkbox-group:nth-child(4) li:nth-child(3):after{content:"(bitte im Nachrichtenfeld unten Farbe benennen)";color:#fff;font-size:1.7rem;display:block;padding-left:109px}body .typography .shop .order-items .checkbox-group:nth-child(5) li:nth-child(1):after{content:"(am AUTOSENSTOWER montiert)";color:#fff;font-size:1.7rem;display:block;padding-left:109px}body .typography .shop .order-items .checkbox-group.first h3{margin-top:72px}@media (max-width:767px){body .typography .shop .order-items .checkbox-group.first h3{margin-top:50px}}body .typography .shop .order-items .checkbox-group h3{margin:0 0 16px;color:#0069b4;padding-left:107px}body .typography .shop .order-items .checkbox-group ul{list-style-type:none;margin:0;padding:0}body .typography .shop .order-items .checkbox-group ul li{position:relative;min-height:35px;margin-bottom:8px}body .typography .shop .order-items .checkbox-group ul li:last-child{margin-bottom:69px}body .typography .shop .order-items .checkbox-group ul li input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}body .typography .shop .order-items .checkbox-group ul li .checkmark{position:relative;display:inline-block;vertical-align:top;top:0;left:0;height:35px;width:35px;background-color:#fff}@media (max-width:991px){body .typography .shop .order-items .checkbox-group ul li .checkmark{margin-left:45px}}body .typography .shop .order-items .checkbox-group ul li .checkmark:active{background:#f0f0f0}body .typography .shop .order-items .checkbox-group ul li .checkmark:after{content:" ";position:absolute;display:none;left:13px;top:8px;width:8px;height:15px;border:solid #555;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg)}body .typography .shop .order-items .checkbox-group ul li label{padding-left:70px;font-size:2.1rem;line-height:2.7rem;color:#555;margin-top:10px}@media (max-width:991px){body .typography .shop .order-items .checkbox-group ul li label{max-width:calc(100% - 90px);font-size:1.6rem;padding-left:25px}}body .typography .shop .order-items .checkbox-group ul li label:hover{cursor:pointer}body .typography .shop .order-items .checkbox-group ul input[type=checkbox]:checked~.checkmark:after{display:block}@media (min-width:576px) and (max-width:767px){body .typography .shop .billing-address h3,body .typography .shop .shipping-address h3{font-size:1.7rem;min-height:40px}}@media (min-width:768px) and (max-width:991px){body .typography .shop .billing-address h3,body .typography .shop .shipping-address h3{min-height:54px}}@media (max-width:576px){body .typography .shop .billing-address{margin-bottom:75px}}body .typography .shop .privacy-hint{background-color:#bdbdbd;padding:27px 18px 13px;margin:49px 0 48px}body .typography .shop .privacy-hint .checkbox{display:inline-block;width:auto;padding:0;margin:0 5px 0 0;position:relative;top:-3px}body .typography .shop .privacy-hint p{display:inline;font-size:2rem;line-height:2.3rem}body .typography .shop .Actions input[type=submit]{background-color:#0069b4;color:#fff;font-size:2.7rem;font-weight:100;padding:39px 0 29px;margin:0}body .typography .sitemap-content{margin-top:12.8rem}body .typography .sitemap{padding:0;list-style-type:none}body .typography .sitemap li{padding:1rem 0}body .typography .sitemap li a{color:#555;text-transform:uppercase}body .typography .slogan{margin:15.4rem 0 4.5rem}body .typography .slogan p{font-family:'Hind Guntur',sans-serif;font-weight:300;font-size:5.5rem;line-height:5.7rem;letter-spacing:-1.2px;text-transform:uppercase;color:#0069b4;margin:0}@media (max-width:767px){body .typography .slogan p{font-family:'Hind Guntur',sans-serif;font-weight:300;font-size:3.5rem;line-height:3.7rem}}body .typography .search-results .query{margin-bottom:8rem}body .typography .search-results .result{margin-bottom:3rem}body .typography .search-results .result h2{margin:0 0 1rem}body .typography .search-results .result a{display:block;margin-top:1.5rem}body>footer{background-color:#000;color:#fff;margin:17rem 0 0;padding:7.2rem 0 3.5rem}body>footer .line1{padding-bottom:6.4rem;border-bottom:2px solid #929292}body>footer .line1 p{font-size:2.1rem;line-height:2.5rem;margin-bottom:12px}#route a,body>footer .line1 a{color:#fff;text-decoration:none}#route a:hover,body>footer .line1 a:hover{text-decoration:underline}body>footer .line1 .totop{padding-top:6.1rem;display:block}body>footer .line1 .totop img{max-width:54px}body>footer .line2{margin:8.6rem 0 8.7rem}body>footer .line2 a{display:block;position:relative;vertical-align:top;text-align:center}body>footer .line2 a:after{position:absolute;content:" ";width:1px;height:100%;top:0;right:0;background-color:#cbcbcb}@media (max-width:991px){body>footer .line2 a:after{right:-14px}}body>footer .line2 a img{display:block;margin:0 auto 25px}body>footer .line2 a span{display:block;color:#fff}body>footer .line2 .col:nth-child(1) a,body>footer .line2 .col:nth-child(2) a,body>footer .line2 .col:nth-child(3) a{margin-bottom:4rem}@media (max-width:576px){body>footer .line2 .col:nth-child(3) a:after{display:none}}body>footer .line2 .route img{width:46px}body>footer .line2 .imprint img{width:39px}body>footer .line2 .sitemap img{width:72px}body>footer .line2 .privacy img{width:33px}body>footer .line2 .facebook img{width:46px}@media (max-width:991px){body>footer .copy{text-align:center}}#imprint h1,#privacy h1,#route h1{font-size:6.8rem;letter-spacing:-1.2px;text-transform:uppercase;color:#fff;margin:7.6rem 0 2.4rem}#imprint h2,#privacy h2,#route h2{font-size:2.8rem}#imprint h3,#privacy h3,#route h3{font-size:2.3rem}#route{background-color:#c6c6c6;color:#fff;padding:0 0 37rem}#route #map{min-height:82.4rem;margin-bottom:12.4rem}#route p{color:#fff;margin-bottom:1rem}@media (max-width:576px){#route .text-right{text-align:left!important}}#route .logo{max-width:312px}a#setCookie{padding:14px 10px 10px}.console{padding:10px;background-color:red;color:#fff;min-height:20px;position:fixed;top:0;left:0;z-index:1000}@media (min-width:1200px){.console:after{content:"XL"}}@media (min-width:992px) and (max-width:1199px){.console:after{content:"LG"}}@media (min-width:768px) and (max-width:991px){.console:after{content:"MD"}}@media (min-width:576px) and (max-width:767px){.console:after{content:"SM"}}@media (max-width:576px){.console:after{content:"XS"}}.clearfix::after,.clearfix::before{content:" ";display:table}.clearfix::after{clear:both}.clearfix{*zoom:1}