/* Fonts */

@import '../fonts/font-awesome/font-awesome.css';

/* Default - CSS */

html { width: 100%; }
body { font-family: Arial, Verdana, sans-serif; color: #333; margin: 0; width: 100%; font-size: 12px; }
a:hover {cursor: pointer;}
strong, b { font-weight: 600; }
p.smalltxt { font-size: 11px; }
.right { float: right; }
.mt-2 { margin-top: 10px !important; }
.page-background { background: #fff; overflow: hidden; font-size: 12px; }
.page-background * { -moz-box-sizing: border-box; box-sizing: border-box; }
.page-content { margin: 0px auto; max-width: 1100px; width: 100%; }
.row:before, .row:after { content:' '; display: table; }
.row:after, .row:after { clear: both; }
.col { float: left; }

/* LRP - Custom CSS */
#lrp { font-family: 'Inter', Arial, Verdana, sans-serif; font-size: 14px;  }
#lrp p { font-size: 14px; line-height: 20px; }


/* Header */
#header { padding: 35px 0; padding-left: 16px; }
#header .logo { height: 80px; width: 151px; display: block; background-image: url('../gfx/lrp.svg'); background-repeat: no-repeat; background-size: 100%; }
.usp { margin-left: 130px; padding-top: 20px; }
.usp .icon { font-size: 26px; padding-top: 3px; margin-right: 12px; }
.usp .icon .fa-car { font-size: 32px; }
.usp .title { font-size: 20px; font-weight: 300; }
.usp .sub { font-size: 12px; font-weight: bold; }
.usp .usp-col:nth-child(2) { margin-left: 100px; }

/* Navigation */
#navigation { background-color: #00519e; color: #fff; font-size: 16px; margin-bottom: 20px; }
#navigation ul { margin: 0; padding: 0; display: block; }
#navigation ul li { list-style-type: none; display: block; float: left; }
#navigation .nav-btn  { margin-right: 20px; }
#navigation .nav-btn a { color: #fff; text-decoration: none; font-size: 16px; padding: 8px 15px 10px; display: block;  }
#navigation .nav-btn > a:hover { color: #ee7f00; }
#navigation li span { font-weight: 500; margin-left: 12px; }
#navigation .nav-btn.c2a { position: relative; height: 46px; margin-top: -7px; line-height: 28px; background-color: #ee7f00; border-top-right-radius: .19rem; margin-right: 1rem; padding-left: 1.25rem; color: #fff; cursor: pointer; padding: 14px 25px 12px 23px; margin-right: 25px; top: 2px; }
#navigation .nav-btn.c2a:before { content: ''; position: absolute; left: -15px; top: 0; height: 46px; width: 15px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAvCAYAAADq30oZAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMlJREFUeNpi/P//PwMp4H0DowOQcoByFzCSYgBQcwKQmo8k5MjEQBqYgC7ARILtCkCKn2wDgCAAmyApBjgMnAFA/xtg8z8pLnDAJTEEDMDnf2Jd4IBPcpAbAM26/JS4wIGQ82hugD3ZBkD9z0CJCwbeAHuyDSDW//hcQLEBAWQbAHS+AJDSp8QFRDt/EBpAqv+xuYAk2weZAeT4H90FJNuObkAApQaQ7wJo80WeEheQZfsgMYAS/8NcQLbtg8MAFlCLmwL9DwACDACFPShePvDCZQAAAABJRU5ErkJggg==); }
#navigation .nav-dropdown { position: relative; margin-left: 15px; z-index: 10; }
#navigation .nav-dropdown input[type=checkbox]{ display: none; }
#navigation .dropdown { display: none; position: absolute; left: -15px; top: 38px; background-color: #f2f2f2; padding: 1px; padding-bottom: 0; font-size: 0;     white-space: nowrap; }
#navigation .dropdown ul { display: inline-block; width: 350px; max-width: 100%; }
#navigation .dropdown ul ~ ul { margin-left: 15px; }
#navigation .dropdown li { display: block; float: none; border-bottom: 1px solid #f2f2f2}
#navigation .dropdown li a { display: block; background-color: white; padding: 11px 15px; text-decoration: none; color:  #333; text-transform: uppercase; position: relative; font-size: 16px; }
#navigation .dropdown li a:before { font-family: 'Font Awesome 5 Free'; content:'\f054'; font-weight: 900; position: absolute; right: 12px; top: 13px; }
#navigation .dropdown li a:hover { background-color: #00519e; color: white}
#navigation .nav-dropdown input[type=checkbox]:checked ~ .dropdown { display: block }

/*Leipzig additional Padding for navigation*/
.leipzig #navigation .dropdown { padding: 10px; }

/* Image imgGalleryLight */
.image { width: 50%; margin-bottom: 30px; }
.imgGalleryLight {  margin-right: 2%; width: 100%; position: relative; }
.largeImg { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 385px; text-align: center; opacity: 0; background-color: #fff; transition: opacity 0.5s; margin: 0; border: 1px solid #f0f0f0; }
.largeImg img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 100%; max-height: 100%; }
.imgGalleryLight .largeImg:first-of-type { position: relative; pointer-events: auto; opacity: 1; z-index: 2; }
.imgGalleryLightNav { padding-top: 15px; padding-left: 0; text-align: left; }
.thumb { position: relative; display: block; margin-right: 2%; width: 23.5%; height: 100px; text-align: center; margin-bottom: 10px; transition: all 0.2s; border: 1px solid #f0f0f0; float: left; }
.thumb:nth-child(4n) { margin-right: 0; }
.thumb:hover, .thumb:visited, .thumb:link { text-decoration: none; }
.thumb:hover { opacity: 0.7; cursor: pointer; transition: all 0.2s; }
.thumb img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 100%; max-height: 100%; }
.imgGalleryLight .controlOp { display: none !important; }
.imgGalleryLight .controlOp:target~.largeImg { pointer-events: none; opacity: 0; -webkit-animation: none; -o-animation: none; animation: none; z-index: 2; }
.imgGalleryLight .controlOp:nth-of-type(1):target~.largeImg:nth-of-type(1),
.imgGalleryLight .controlOp:nth-of-type(2):target~.largeImg:nth-of-type(2),
.imgGalleryLight .controlOp:nth-of-type(3):target~.largeImg:nth-of-type(3),
.imgGalleryLight .controlOp:nth-of-type(4):target~.largeImg:nth-of-type(4),
.imgGalleryLight .controlOp:nth-of-type(5):target~.largeImg:nth-of-type(5),
.imgGalleryLight .controlOp:nth-of-type(6):target~.largeImg:nth-of-type(6),
.imgGalleryLight .controlOp:nth-of-type(7):target~.largeImg:nth-of-type(7),
.imgGalleryLight .controlOp:nth-of-type(8):target~.largeImg:nth-of-type(8),
.imgGalleryLight .controlOp:nth-of-type(9):target~.largeImg:nth-of-type(9),
.imgGalleryLight .controlOp:nth-of-type(10):target~.largeImg:nth-of-type(10),
.imgGalleryLight .controlOp:nth-of-type(11):target~.largeImg:nth-of-type(11),
.imgGalleryLight .controlOp:nth-of-type(12):target~.largeImg:nth-of-type(12) {
    pointer-events: auto;
    opacity: 1;
}
/* Zoom imgGalleryLight */
.overlay { background: rgba(0, 0, 0, 0.6); position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 1000; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; }
.zoom-largeImg { width: 70%; height: auto; margin: 0 auto; background: #fff; text-align: center; padding: 2% 2% 2% 2%; margin-top: 20px; }
.zoom-largeImg img { max-width: 100%; max-height: 800px; }
.overlay a.close-text { margin-top: 20px; color: #555 !important; text-decoration: none; font-size: 15px; clear: both; display: block; font-weight: normal; text-decoration: underline; }
.overlay a i { color: #555 !important; font-size: 40px; margin-bottom: 20px; z-index: 2000; float: right; }
#zoomImg-1:target, #zoomImg-2:target, #zoomImg-3:target, #zoomImg-4:target, #zoomImg-5:target, #zoomImg-6:target, #zoomImg-7:target, #zoomImg-8:target, #zoomImg-9:target, #zoomImg-10:target, #zoomImg-11:target, #zoomImg-12:target { visibility: visible; opacity: 1; }

/* Item Description / Produktbeschreibung */
#main .info.col { width: 50%; padding-left: 25px; margin-bottom: 20px; }
.brand-logo { margin-bottom: 20px; padding-left: 20px; }
.brand-logo img { max-height: 40px; }
.specs table { width: 100%; border-collapse: collapse; }
.specs table tr td { border-bottom: 1px solid #dddddd; padding: 10px 20px; }
.specs table tr:last-child td { border: 0; }
.specs .remark { border-radius: 3px; background-color: #cce5ff; border: 1px solid #b8daff; color: #004085; padding: 15px 20px; margin-top: 20px; line-height: 20px; }

/* Main / VersandInfos / Über Uns / Sidebar */
/* Item Title*/
#main h1 { margin-top: 10px; font-size: 22px; font-weight: 600; padding-left: 20px; }

/* LRP Title */
.lrp-title { font-size: 24px; position: relative; padding: 6px 0 0.25rem 2.75rem; display: table; margin: 0 auto 1rem; text-align: center; font-weight: bold; }
.lrp-title:before {
    content: '';
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjMsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzNweCIgaGVpZ2h0PSIyN3B4IiB2aWV3Qm94PSIyOC4zMTMgMjIuOTc5IDMzIDI3IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDI4LjMxMyAyMi45NzkgMzMgMjciIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBvbHlnb24gZmlsbD0iI0VFN0YwMCIgcG9pbnRzPSIzNS41NTIsMjIuOTY3IDI4LjMxMyw0OS45NzkgNDAuMjI0LDQ5Ljk3OSA0Ny40NjUsMjIuOTY3IAkiLz4NCgk8cGF0aCBmaWxsPSIjMDA1MTlFIiBkPSJNNjEuMzMyLDIyLjk2N0g0OS40NTVsLTcuMjM1LDI3LjAxMmgxMS44NzdMNjEuMzMyLDIyLjk2N3oiLz4NCjwvZz4NCjwvc3ZnPg0K);
    width: 33px; height: 27px; position: absolute; left: 0; top: 7px; }

/* Sideinfo */
.side.col { width: 25%; padding-top: 55px; }
.side .box { border: 1px solid #f0f0f0; padding: 5px 0px 20px; border-radius: 3px; margin-bottom: 20px; }
.side h3 { font-size: 18px; padding-left: 20px; }
.side .content { padding: 0 20px; }
.side .content p:first-child { margin-top: 0; }
.side .content p:last-child { margin-bottom: 0; }
.carside img { height: 262px; width: 236px; margin: 0 auto; display: block; }
.side .support .content .time { padding-left: 62px; position: relative; }
.side .support .content .time:before { content:"\f095"; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; display: block; height: 50px; width: 50px; left: 0; top: 4px; border: 1px solid #333; border-radius: 30px; font-size: 26px; text-align: center; line-height: 49px; }
.side .box.partner { padding-top: 0; padding-bottom: 0; overflow: hidden; background: #fff; position: relative; }
.partner .logo { background-color: #fff; position: relative; height: 160px; width: 100%; background-image: url('../gfx/lrp-white.svg'); background-repeat: no-repeat; background-position: center; background-size: contain; }
.partner .branch { background-repeat: no-repeat; height: 420px; background-position: left bottom; background-size: cover; background-image: url('../gfx/lrp-kontakt.jpg'); }
.partner .person { background-image: url('../gfx/support.jpg'); background-repeat: no-repeat; height: 133px; width: 100px; border: 1px solid #f0f0f0; margin: -80px auto 10px; }
.partner .name { text-align: center; }
.leipzig .partner .name span { font-weight: bold; }
.partner .name label, .partner .name span { display: block; font-size: 16px; }

/* Support Partner / Ansprechpartner */ 

/*Leipzig*/
.leipzig .partner .logo { background-image: url('../gfx/lrp-leipzig-white.svg'); }

/*Magdeburg*/
.magdeburg .partner .logo { background-image: url('../gfx/lrp-magdeburg-white.svg'); }

/*Chemnitz*/
.chemnitz .partner .logo { background-image: url('../gfx/lrp-chemnitz-white.svg'); }

/*Erfurt*/
.erfurt .partner .logo { background-image: url('../gfx/lrp-erfurt-white.svg'); }

/*Leipzig Brahestraße*/
.leipzig-brs .partner .logo { background-image: url('../gfx/lrp-leipzig-brs-white.png'); }

/* Prime Column */
.prime { width: 75%; padding-right: 20px; }
.prime .shipping { border-radius: 3px; overflow: hidden; margin-bottom: 30px; }
.prime .box-content { padding: 2px 20px; background-color: #f0f0f0; }
.prime .box-content:first-child { padding-top: 10px; }
.prime .box-content:last-child { padding-bottom: 15px; }
ul.numbers { list-style-type: decimal; padding-left: 25px; }
ul.numbers li { padding-left: 6px; line-height: 21px; }
ul.numbers li:first-child { position: relative; left: -2px; padding-left: 8px; }
.about-us { padding-top: 15px; }
.about-us .lrp-title { margin-bottom: 20px; }


/* Mobile Anpassungen */
@media screen and (max-width: 990px) {
    .prime.col { width: 65%; }
    .side.col { width: 35%;  }
}
@media screen and (max-width: 700px) {
    .prime.col { width: 60%; }
    .side.col { width: 40%;  }
}
@media screen and (max-width: 600px) {
    .col { float: none; width: 100%!important; }
    .page-content { width: 100%; padding: 0 10px; }
    #navigation, .usp { display: none; }
    #header { border-bottom: 10px solid #00519e; margin-bottom: 30px; padding-left: 0; }
    #header .logo { width: 199px; height: 105px; margin: 0 auto; }
    .thumb { height: 90px; }
    #main .info.col { padding-left: 0; }
    .prime { padding-right: 0; margin-top: 20px; }
    .partner .person { margin: -70px 62% 10px; }
    .partner .name { position: absolute; left: 0; width: 60%; bottom: 28px; }
    .zoom-largeImg { width: 90%; }
}

/* Necessary */
.eBay_Desc { display: none; }