/* CSS Document */
@import url('fonts.css');
@import url('bootstrap.min.css');
@import url('bootstrap-theme.min.css');
@import url('font-awesome.min.css');
@import url('galerie.css');

/* Ambador */
#amr {
    background:#FFF; font-weight: 400;
    font-size: 17px;
    font-family: 'Roboto', Arial,sans-serif;
    line-height: 130%;
    vertical-align: unset;}

#amr a, #amr a:visited {color: #4281FF; text-decoration: none;}
#amr a:focus, #amr a:hover {color: #4281FF; text-decoration: underline;}

/*
.row {margin-right: -5px; margin-left: -5px;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 5px;
    padding-left: 5px;}
*/

#amr hr {margin-top: 10px; margin-bottom: 10px;}
#amr img {max-width:100%}

#amr h1 {font-weight:300}
#amr h2 {font-family: 'Roboto Light', Arial,sans-serif; font-size: 26px; font-weight: 300; margin-top: 40px;}

#amr ul {padding-left: 20px;}



/*Header*/
#amr .header {padding-top: 20px; padding-bottom: 20px; background:#FFF}
#amr .header .logo {background:url(../pix/Conrad_Logo.jpg) center left no-repeat; display:block; width:285px; height:75px; margin: auto}
@media(min-width:768px){#amr .header .logo {margin: 0}}

/* Info */
#amr .info, #amr .info:hover, #amr .info:visited {
    text-decoration: none; width: 200px; margin: 5px auto auto; display: block; text-align: left; 
    float: none; background:url(../pix/i.png) no-repeat; padding: 5px 0 5px 45px; border: 0px solid red}
@media(min-width:768px){#amr .info, #amr .info:hover, #amr .info:visited {float: right}}
#amr .info * {margin:0; color: #000; text-decoration: none; white-space: nowrap;}
#amr .info .info_icon {height:45px; width: 25px; float:left; margin-right: 15px;  background-repeat: no-repeat; background-size: contain}
#amr .info h4 {font-size: 16px; line-height: 20px; padding-top: 5px}
#amr .info p {font-size: 14px; line-height: 18px;}

/* Grey */
#amr .produkte {background-color: #666666; color: #FFF;}
#amr .produkte a, #amr .produkte a:hover, #amr .produkte a:visited {
    display: inline-block; border: 0px solid red; padding: 8px 5px 8px 60px; 
    background: url(../pix/burger.png) no-repeat; color: #FFF; 
    text-decoration: none; font-size: 18px; margin: 19px 0}

/* Blue */
#amr .blue {background-color:#4281FF; color: #FFF;}

/* Kategorien */
#amr .kategorien {display:none; padding-bottom:30px}
/* @media(min-width:768px){.kategorien {display:block}} */
#amr .kategorien h3 {font: normal 20px Arial; font-weight:normal; color:#000; margin-top:21px}
#amr .kategorien ul {list-style:none; padding-left:0}
#amr .kategorien ul li {border-bottom: 1px solid #ededed;}
#amr .kategorien ul li a {display:block; font-weight:normal; color:#333333; font-size:17px; line-height:29px; font-family: /*"Muli",*/ Arial, Helvetica, sans-serif}
#amr .kategorien ul li a::before, #LeftPanel div.lcat .lev1 > li a::before {content:'- ';}
#amr .kategorien ul li a:hover {text-decoration:none; color:#4281FF}
@media(min-width:992px) and (max-width: 1199px){.kategorien ul li a {font-size:14px}}
	
/* Artikel */
@media(min-width:992px){
    .artikel .row {display: flex;}
    .artikel .row > .col {flex: 1;}
}
.artikel .details {padding-bottom: 50px}
.artikel .view {border: 0px solid red; padding: 0;background:#F4F4F4;}
.artikel .view h3 {font-size:28px; margin: 0 25px 10px; font-weight: 300; text-align: center; display: none}
.artikel .view-box {
    border-top: 4px solid #4281FF; min-height:50px; border-radius:0; 
    padding:0 25px 10px; position:relative; margin-bottom:0; overflow:hidden; 
    color:#333; background:#F4F4F4}
.artikel .view-box .streichpreis {border: 0px solid red; margin: 25px 0 0 -25px;}
.artikel .view-box .preis {border: 0px solid red; font-size: 35px; padding: 15px 0;}
.artikel .view-box .mwst {border: 0px solid red; color: #666; font-size: 13px;}
.artikel .view-box .streichpreis span {
    border: 0px solid red; background: #e86c60 url(../pix/corner.png) top right no-repeat;
    padding: 0 25px 0 20px; margin-right: 20px; font-size: 15px; font-weight: bold; color: #FFF; 
    display: inline-block; line-height: 25px;}
.artikel .view-box hr {border-width: 2px; border-color: #e4e4e4}
.artikel .view-box .brand {border: 1px solid #E4E4E4; display: inline; padding: 5px 10px 8px; background: #FFF}
.artikel .view-box table.data td, .artikel .view-box table.data th {padding: 5px;}
.artikel .view-box table.data td:first-child {padding-right: 50px}

.artikel .view-box h3 {font-size:28px; margin: 15px 0 0; text-align: left}
.artikel .view-box i.fa {font-size:36px; padding-top:20px}
.artikel .view-box img {margin-top:10px; margin-bottom:10px}

.artikel .table>tbody>tr>td, .artikel .table>tbody>tr>th {border:none}

/* Vorteile */
.vorteile, .vorteile * {background-color:#F4F4F4}
.vorteile .view {padding-right:5px}
.vorteile ul {padding-left:15px; padding-top:10px}
.vorteile ul li {padding-bottom:15px}
.vorteile h3 {font: normal 20px Arial; font-weight:normal; color:#4281FF;}
.vorteile .mail {background: url(../pix/mail-icon-fd.png) left 5px no-repeat; padding-left: 60px; font-size: 14px; line-height: 18px}
.vorteile a {font-weight:bold}

/* Service */
#amr .service .row > div {text-align: center}
#amr .service .row a, #amr .service .row a:visited  {color:#eee}
#amr .service .row a:hover, #amr .service .row a:focus  {color:#fff}
/*
@media(min-width:768px){
.service .row > div {text-align: right; border: 0px solid green}
.service .row > div:first-child {text-align: left}
.service .row > div:last-child {text-align: right}
}
*/
@media(min-width:768px){.service {display:block}}
.service .check {background: url(../pix/check.png) center left no-repeat; line-height: 50px; 
    padding-left: 30px; display: inline-block; border:0px solid red}

/* Toggle */
input[type=radio] {display:no-ne}
#snav:checked ~ #amrnav, #snav:checked ~ #showamobnav #closeamrnav {display: inline-block;}
#snav:checked ~ #showamobnav #openamrnav {display: none;}
#closeamrnav {display: none;}
#showamobnav {text-align:right; padding:15px; display:block}
/* @media(min-width:768px){#showamobnav {display:none}} */
#showamobnav .btn-toggle {border: 0px solid #900;}
#showamobnav .btn-toggle hr {border:1px solid #FFF; width:25px; padding:0; margin:5px 0}

/* Footer */
#amr .footer {background:#E4E4E4; padding: 25px 0; font-size:11px; text-align:center; color:#999;}

/* etc. */
.label {color: #333}
.btn {background:#4281FF; border-color:#FFF; color:#FFF; text-shadow:none; box-shadow:none}
.btn:hover, .btn:active, .btn:focus, .btn:active:focus, .btn:active:hover  {background-color: #002055; color:#FFF; border-color:#FFF;}

/* Invert Gallery */
#egal {height: 470px;}
#egal #eleinwand {top: -475px;}
#egal > input + label {margin-top: 345px;}

/* Hide Empty Elements */
figure.ctrl, td.ctrl {display:none}
figure.ctrl:empty + span {display:none}
td.ctrl:empty ~ td {display:none}

/* Hide lastline*/
/*
.del-lastline tr:last-child{display: none}
.del-lastline li:last-child{display: none}
*/

/* Symbol Images */
.symbols img {max-height:115px; width:auto !important; margin:5px}