/* EU-Cookie unten rechts (https://www.modified-shop.org/forum/index.php?topic=37218.msg338521#msg338521) */
/*
#eucookielaw {
bottom: 0;
margin-bottom: 0;
position: fixed;
right: 0;
width: 20%;
min-width: 350px;
z-index: 999999;
}
*/
/* EU-Cookie unten gesamte Breite (https://www.modified-shop.org/forum/index.php?topic=37218.msg338719#msg338719) */
/*
#eucookielaw {
bottom: 0;
left:0;
margin-bottom: 0;
position: fixed;
width: 100%;
z-index: 999999;
text-align: center;
}
*/
/* EU-Cookie siehe Forum - danke Hanspeter (https://www.modified-shop.org/forum/index.php?topic=37218.msg338392#msg338392) */
#eucookielaw{display:none;
}
/* Systemfehlermeldung siehe Forum - danke web28 (https://www.modified-shop.org/forum/index.php?topic=37218.msg339064#msg339064) */
.errormessage {
border:solid #DCA7A7 1px;
padding:10px;
font-size:13px !important;
line-height:17px;
color:#A94442;
background-color:#F2DEDE ;
margin-bottom:10px;
}
.errormessage.shopsystem {
margin-top:38px;
margin-bottom:-32px;
}
.errormessage ul li {
margin-left:10px;
}
/* siehe Forum - danke Timm (https://www.modified-shop.org/forum/index.php?topic=37218.msg338385#msg338385) */
img {
display: block;
height: auto;
max-width: 100%;
}
.cat_description img {
margin-right: 20px;
}
.nav img {
display: inline;
}
/* einfaches responsives Menü */
nav.responsive-nav {
width: 100%;
height: 100%;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 0;
padding-bottom: 30px;
}
nav.responsive-nav .menu-header {
position: relative;
height:70px;
padding-top: 20px;
color: inherit;
font-size:1.2em;
text-transform:uppercase;
}
nav.responsive-nav #back {
position: absolute;
left: -50px;
top: 10px;
transition: left .2s;
}
nav.responsive-nav #back.active {
left: 10px;
transition: left .2s;
}
nav.responsive-nav .menu {
position: absolute;
-webkit-overflow-scrolling: touch;
overflow: scroll;
overflow-x: hidden;
overflow-y: auto;
margin: 0;
position: absolute;
left: -100%;
right: 100%;
transition: left .2s;
z-index: 0;
top: 70px;
bottom: 30px;
}
nav.responsive-nav .menu.active {
z-index: 1;
left: 0;
transition: left .2s;
right: 0%;
}
nav.responsive-nav .menu .next {
background-color: rgba(0, 0, 0, 0.2);
position: absolute;
right: 0;
top: 0;
bottom: 0;
padding: 10px 20px;
border-left-style: solid;
border-left-width: 1px;
border-color:inherit;
}
nav.responsive-nav .menu ul {
list-style: none;
padding: 0;
}
nav.responsive-nav .menu ul li {
position: relative;
}
nav.responsive-nav .menu ul li a {
display: block;
padding: 10px 15px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-color:inherit;
}
nav.responsive-nav a:hover, nav.responsive-nav a:focus {
text-decoration:none;
}
nav.responsive-nav li.Selected a.active {
background-color: rgba(0, 0, 0, 0.1);
}
/* Superfishmenü */
@media screen and (min-width: 992px) {
/* Superfishmenü Megakategorien */
#main.navbar-nav > li.mega {
position: static;
}
ul.mega {
left: 0 !important;
right: 0 !important;
width: 100%;
padding:8px;
}
ul.mega.level2 > li{
width: 100%;
}
li.mega.level3 {
width:25%;
margin-left:0;
} /* 4 col */
.tab-content {
width:100%;
padding-top: 10px;
display: inline-block;
}
.tab-pane ul {
padding:0;
margin:0;
}
ul.mega li, li.mega.level3 {
float:left;
display:inline;
border-radius: 4px;
}
li.mega.level4 {
float:none;
margin-left:0;
}
.tab-pane ul li a {
display: block;
padding: 3px 20px;
}
.tab-pane ul li a:hover, .tab-pane ul li a:focus, li.mega.level2 {
background-color: #eeeeee;
background-image: linear-gradient(to bottom, #eeeeee, #eeeeee);
background-repeat: repeat-x;
text-decoration: none;
}
.cyborg .tab-pane ul li a:hover, .cyborg .tab-pane ul li a:focus, .cyborg li.mega.level2,
.superhero .tab-pane ul li a:hover, .superhero .tab-pane ul li a:focus, .superhero li.mega.level2,
.darkly .tab-pane ul li a:hover, .darkly .tab-pane ul li a:focus, .darkly li.mega.level2 {
background-color: #505050;
background-image: linear-gradient(to bottom, #505050, #505050);
}
.tab-pane ul > .active > a, .tab-pane ul .active > a:hover, .tab-pane ul .active > a:focus {
outline: 0 none;
text-decoration: none;
}
#main.nav li.dropdown:hover > ul.dropdown-menu, #main.nav li.level1.mega:hover li.level2:first-child ul {
display: block;
}
.dropdown-submenu>.dropdown-menu {
top:0;left:80%;
margin-top:-6px;margin-left:-1px;
-webkit-border-radius:0 6px 6px 6px;
-moz-border-radius:0 6px 6px 6px;
border-radius:0 6px 6px 6px;
}
div.canvasmenu.container-fluid {
display:none;
}
}
@media (max-width: 991px) {
div.fullmenu.container-fluid {
display:none;
}
}
.caret-right {
display: inline-block;
width: 0;
height: 0;
margin-left: 4px;
vertical-align: middle;
border-left: 4px dashed;
border-left: 4px solid \9;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
}
/* Ende Superfish */
/* Navbar Top */
.top .navbar-default {
background-color: inherit;
border-color: inherit;
}
.top.navbar {
margin-bottom:0;
}
.top .navbar-toggle.navbar-left {
float: left;
}
.top .navbar-nav > li, .top2 .navbar-nav > li {
float: left;
}
@media screen and (max-width: 767px) {
.top span.glyphicon, .top2 .dropdown-toggle {
font-size: 1.2em;
}
.top .navbar-nav {
margin: 0;
}
}
/* Autocomplete-Box von Suche */
.suggestionsBox {
position: absolute;
right: 15px;
z-index: 99999;
}
.suggestionList, .toggle_cart, .toggle_wishlist {
max-height: 600px;
overflow: auto;
width: 460px;
}
.suggestionList li a.autocomplete .autocomplete_image {
display: block;
height: 40px;
margin-right: 10px;
overflow: hidden;
width: 40px;
}
@media screen and (max-width: 767px) {
.toggle_wishlist {
right: -80px;
}
}
.toggle_cart li, .toggle_wishlist li {
display: inline-block;
width: 100%;
}
@media screen and (max-width: 500px) {
.suggestionList li a.autocomplete .autocomplete_image {
display: none !important;
}
.suggestionList, .toggle_cart, .toggle_wishlist {
width: 100% !important;
}
li.cart, li.wishlist {
position: static;
}
.toggle_cart, .toggle_wishlist {
position: absolute;
right: 0;
top: 88px;
}
}
.suggestionList li a.autocomplete {
display: inline-block;
width: 100%;
}
/* Ganz kleine Bildschirme */
@media screen and (max-width: 500px) {
#myCarousel {
display: none !important;
}
#checkoutnavigation .col-xs-6, .listingbox.col-xs-6, .listingrow .col-xs-4, .listingrow .col-xs-8, .pd_content .col-xs-6 {
width:100%;
}
.pd_more_images .col-xs-3 {
width:50%;
}
.view-buttons{
display:none;
}
}
/* Gototop Button */
.go2top {
font-size: 1.2em;
position: fixed;
bottom: 5px;
right: 5px;
display: none;
z-index:99999;
}
@media (max-width: 991px) {
.go2top {
right:-80px;
}
}
/* Copyright */
span.cop_magenta {
color:#B0347E;
}
span.cop_grey {
color:#6D6D6D;
}
.copyright, .parseTime {
margin:0 auto;
text-align:center;
color:#666;
font-size:11px;
}
.copyright {
margin: -40px 0 0 0;
min-height: 40px;
}
.copyright a {
text-decoration:none;
}
.mod_copyright {
margin-top: 20px;
}
/* Bestsellercarousel */
#bsCarousel img{
max-height: 110px;
}
#bsCarousel .prod_title{
display:inline-block;
height: 45px;
padding:5px;
overflow: hidden;
}
/* Unveil-Thumbnails bei deaktiviertem Javascript ausblenden */
.thumbnail img.unveil, img.unveil {
display:none;
}
/* AGB-Fenster im Checkout */
div.agbframe {
border-radius: 2px;
border-style: solid;
border-width: 1px;
height: 130px;
overflow: auto;
padding: 5px;
}
/* miscellaneous */
#col_left li.list-group-item {
padding:4px;
}
#col_left .list-group-item a{
padding:6px 4px 6px 2px;
}
#categorymenu .panel, #layout_navbar .list-group {
margin-bottom:0;
margin-top:0;
}
#main_container {
padding-top: 20px;
padding-bottom: 20px;
}
.mt {
margin-top: 20px;
}
.mb {
margin-bottom: 10px;
}
.mini {
font-size: 85%;
}
#checkoutnavigation .desc {
display:block;
font-size: 13px;
line-height: 17px;
min-height: 34px;
}
.bs.form-inline .form-control, .bs.form-inline .form-group {
display: inline-block;
vertical-align: middle;
width: auto;
}
.list-group-item.active > a, .list-group-item.active:hover > a, .list-group-item.active:focus > a {
color: inherit;
}
.clear {
clear:both;
height:0;
line-height:0;
}
.special_price {
color: #bc0000;
}
.small_price {
font-size:0.6em;
}
.box_image img, .lb_image img {
max-width: 200px;
}
#layout_footer {
padding-top: 10px;
padding-bottom: 40px;
}
.dropdown-menu.toggle_cart, .dropdown-menu.toggle_wishlist {
padding-top:0;
padding-bottom:0;
margin-top:0;
}
#layout_footer .box-heading {
display:block;
font-size:1.2em;
margin-bottom: 10px;
border-bottom:2px groove;
float:none;
}
.filter_bar .glyphicon{
font-size:1.6em;
}
#modal .carousel-control {
background-image: none;
color: inherit;
}
.pd_fsk18 {
background: transparent url(img/fsk18.png) no-repeat top center;
height: 44px;
width: 44px;
position: absolute;
}
.pd_more_images img {
max-height: 80px;
}
/* EU-Cookie */
#cookie a {
color:#000; text-decoration:none;
}
/* GROSSSCHREIBUNG Angebote und Neue Artikel in den Menüs */
.up {
text-transform: uppercase;
}
/* Ausrichtung Sternchenbild */
.rating_stars img {
margin-top: -5px;
}
/* Ãœberschrift */
h1.well.well-sm {
font-size:25px;
}
/* meine Icons */
@font-face {
font-family: 'my_icons';
src: url('./fonts/my_icons.eot');
src: url('./fonts/my_icons.eot#iefix') format('embedded-opentype'),
url('./fonts/my_icons.woff2') format('woff2'),
url('./fonts/my_icons.woff') format('woff'),
url('./fonts/my_icons.ttf') format('truetype'),
url('./fonts/my_icons.svg?#my_icons') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "my_icons" !important;
}
.icon-news:before { content: '\e800'; } /* 'î €' */
.icon-cart:before { content: '\e801'; } /* 'î ' */
.icon-waves:before { content: '\e802'; } /* 'î ‚' */
.icon-money:before { content: '\f0d6'; } /* '' */
.icon-user-plus:before { content: '\f234'; } /* '' */
.icon-user-times:before { content: '\f235'; } /* '' */
.icon-opencart:before { content: '\f23d'; } /* '' */
/* Breite der Modal-Box */
@media screen and (min-width: 768px) {
.modal-dialog {
width:745px;
}
}
/* Schalter vorheriges/nächstes Bild in Modalbox */
#show-previous-image.carousel-control, #show-next-image.carousel-control {
height:50%;
top:20%;
}
/* Sternchen für Pflichtfelder */
.stern input[type="text"], .stern input[type="password"], .stern input[type="email"], .stern input[type="tel"], .stern select, .stern textarea {
width: 95%;
float:left;
}
.ib {
display:inline-block;
}
#cart_quantity .input-group {
width:160px;
}
.lr_buttons .btn, .lb_buttons .btn {
margin-bottom: 10px;
}
.markProductOutOfStock {
display:inline-block;
padding-left:5px;
}
/* IE10 und Windows Phone 8 Hack */
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }
.gp_title, .gp_price {
display: inline-block;
padding: 0px 5px 0px 5px;
}
.gp_title {
min-width: 100px;
}
.gp_box:nth-child(odd) .gp_title, .gp_box:nth-child(odd) .gp_price {
background-color: #333333;
}
.gp_taxnotice {
padding-top: 5px;
font-size: 12px;
}
.popupcontent {
color: #c8c8c8;
}
.agbrow {
padding-bottom: 20px;
}
.agbrow h3 {
padding-bottom: 10px;
font-size: 17px;
}