WebSVN – lars-tiefland.zeldi.de – Diff – /trunk/public/styles/styles.css

 /*
     -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
     -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
     box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
 */
+.item_leftrow {
+    padding:0!important;
+}
+#infotext {
+    margin:2% 0!important;
+}
+#infotext .inner {
+    display:flex;
+    gap:20px;
+}
+.content .box_2 {
+    padding:0 2%;
+    width:96%;
+}
 .versand_aufschlag {
     cursor:help;
     border-radius:3px;
     padding:2% 1%;
     background:#e91524;
     margin:10px 0;
+}
 .clear {
     clear:both;
+}
-.rating {
-    margin:2% 0;
-}
 #loading {
     overflow:hidden;
     display: flex;
     width: auto;
     min-height: 0px;
     max-height: none;
     height: 195px;
-    flex-direction:column;
     justify-content: center;
     align-items: center;
+}
 img {
     max-width:100%;
 * {
     transition:all 200ms ease;
     margin: 0px;
     padding: 0px;
+}
-.p_artikel,
-.p_page {
-    display:block;
-}
 .ausgabe_zubehoer {
     clear: both;
-    margin: 0 auto;
+    margin: 2% auto;
-    width: 90%;
+    max-width: 98%;
+}
 /* input felder */
 #gs_code,
 .pagination_container select {
     padding: 3px !important;
 .topbutton:focus,
 .topbutton:hover {
     background: rgba(192, 192, 192, 1);
+}
 .triangle {
-    border-color: transparent transparent #EA5802;
+    border-color: transparent transparent #145619;
     border-style: solid;
     border-width: 0 15px 20px;
     height: 0;
     transform: rotate(360deg);
     width: 0;
 th {
     font-weight: normal !important;
+}
+.bx-wrapper .bx-controls-direction a {
-.bx-wrapper .bx-controls-direction a {
+    z-index:0!important;
+}
 .bx-wrapper {
     width: 100%;
     /*max-width: 1015px!important;*/
     max-height:500px;
-    display:flex;
-}
-.item_leftrow .bx-prev {
-    margin-left:-39px;
+    display:flex;
-}
-.item_leftrow .bx-next {
     margin-right:-39px;
+}
 .header {
 .header {
     clear: both;
     float: left;
     display:flex;
+}
 /* search im header */
 #suchbegriff::placeholder {
     opacity:1;
-    color:#fff;
+    color:#fff!important;
+}
 .search {
     float: left;
     border: none !important;
     left: 0;
     position: static !important;
+}
 /*
 .aktion .bx-viewport * {
     width: 100% !important;
+}
     /*float: right;*/
     width: 100%;
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
+    align-items: left;
+}
 .content p {
     margin: 1% 0px;
     padding: 0px;
     line-height:1.5rem;
 .item_slider_inner,
 .artikel_box {
     transition:all 200ms ease;
-    border:1px solid #9CD9DA;
+    border:1px solid #145619;
+}
 .item_slider_inner:hover,
 .item_slider_inner:focus,
 .artikel_box:hover,
 .artikel_box:focus {
-    border:1px solid #2FBABD;
+    border:1px solid #145619;
+}
 .artikel_box .bild {
+}
 .infopic.strike.uvp {
     margin-bottom: 1%;
+    margin-top: 1%;
-    margin-top: 1%;
+    font-size:1rem;
+}
 .content .subdir_artikel_wrapper .subdir_artikel .artikel_box .bottom {
     padding: 0%;
     overflow: hidden;
     clear: both;
     overflow: hidden;
     padding: 0 !important;
     vertical-align: middle !important;
     display:flex;
-    min-height:245px;
+    min-height:216px;
     overflow:hidden;
+}
 .artikel_box .center {
+}
 .basketImg {
     float: right;
     height: auto;
     text-align: center;
-    background:#EA5802;
+    background:#145619;
+}
 .basketImg img {
     width:35px;
     height:auto;
     margin: 7px 10px;
 .box_subdir {
     background-color: #fff;
     min-height: 324px;
     overflow:hidden;
+}
-.box_subdir
 .box_subdir .top {
     overflow:hidden;
     justify-content:center;
     align-items:center;
+}
     min-height: 100%;
+}
 .box_subdir a:hover {
     text-decoration: none;
+}
 .box_subdir a .top {
     background-size: contain;
     background-repeat: no-repeat;
     background-position: center;
     flex-grow: 1;
     padding: 0;
     width: 92%;
     float: left;
+}
 .preis_messageInner a {
-    color: #EA5802;
+    color: #145619;
+}
 .artikel_box .description {
     min-height: 51px;
+}
 .preis_message {
     overflow: hidden;
     text-align: left;
+}
 .itemNav {
     clear: both;
-    float: none;
+    float: right;
     text-align:right;
     padding:2% 0;
+}
 .itemNav a:hover,
 .itemNav a:focus {
 .artikel_box .preisInner {
     padding: 0px;
     width: 100%;
+    font-weight:700;
+    display:flex;
-    font-weight:700;
+    gap:10px;
+}
 .content .subdir_artikel_wrapper .subdir_artikel .artikel_box .bild,
+}
 .box_2 .preis_lieferstatus {
     display:flex;
     justify-content:left;
     flex-direction:column;
+}
 .box_2 .preis_lieferstatus img {
     width:0px;
     height:auto;
+}
     line-height: 1.4em !important;
+}
 .subdir_bild {
     margin:0;
+}
+.subdir_bild img {
+    margin-bottom:20px;
+}
 .subdir_bild ul {
     margin-left: 8%;
+}
 .subdir_bild h1 {
     padding: 0;
+}
 .content .subdir_info_wrapper .subdir_bild_small img,
 .content .subdir_info_wrapper .subdir_bild img {
     float: left;
     /*width: 100%;*/
-    max-width: 100%;
+    max-width: fit-content;
+}
 .content .subdir_info_wrapper .subdir_title {
     left: 6%;
     display: table-cell;
     vertical-align: middle;
     border: 1px solid #fff;
     width: 100%;
     float: left;
-    /*height:600px!important;*/
+    min-height:600px!important;
+}
 .content .box_2 .box_singleitem_img img {
     margin: 0 auto;
     max-width: 100%;
     max-height:626px;
 .thumbs_container_div {
     width:90%;
     padding:0 5%;
+}
 .thumbs_container {
-    display:inline;
+    display: inline-block;
     width: 100%;
+    max-width: 89%;
     height: auto;
+    margin-left: 3%;
+}
 .content .box_2 .thumbs_container_video {
     clear: both;
     float: left;
     width: 100%;
+}
 .qv_inner .itemBasketButton {
     width: 102%;
+}
 .qv_inner .preis {
-    color: #962a2a;
+    color: #145619!important;
+    font-size:1.6rem;
+}
 .qv_inner .lieferstatus_container {
     text-align: right;
     float: right;
+}
+.qv_bottom {
+    float:right;
+}
 /* RECHTE SPALTE ENDE */
     position: absolute;
     width: 1043px;
     margin-top: -131px;
     text-align: center;
+}
+/* newsletter anmeldung im footer */
+#newsletter_msg {
+    padding: 2%;
+}
+#newsletter_email {
+    outline: none;
+    padding: 6px 2%;
+    border-style: none;
+    z-index: 10;
+    float: left;
+    width: 60%;
+    height:31px;
+}
+#butt_ok {
+    border-style: none;
+    outline: none;
+    float: left;
+    margin: 0px 0px !important;
+    font-size:15.4px;
+    height:43px;
+}
 /* /topfooter */
 /* START Footer */
 .footer {
     padding: 0 2%;
     text-align: center !important;
     width: auto;
+}
 .footernav .fa-stop {
-    color: #EA5802;
+    color: #145619;
     margin: 8px 0 0 0;
     display: block;
+}
 /* ENDE Footer */
     appearance:auto;
     border-radius: 5px;
     -webkit-appearance: unset;
     -moz-appearance: unset;
     appearance: unset;
-    width:20px;
+    width:14px;
-    height:20px;
+    height:14px;
+}
 /* jQuery Autosuggest: ende  */
 .zahlarten_wrapper img {
     /*filter: grayscale(1) invert(1);*/
     width: auto;
     max-width: 90%;
     height: auto;
-    max-height:30px;
+    max-height:22px;
     margin: 0;
+}
     width:96%;
+}
 .content .subdir_sort select {
     margin: 5px 10px 5px 0px;
-    border: 2px solid #EA5900;
+    border: 2px solid #779a58;
     background: #fff;
     background-color: rgb(255, 255, 255);
     background-position-x: 0%;
     background-position-y: 0%;
     background-repeat: repeat;
     background-attachment: scroll;
     background-image: none;
     background-size: auto;
     background-origin: padding-box;
     background-clip: border-box;
-    color: #EA5900;
+    color: #779a58;
+}
 .content .subdir_sort_button {
     padding: 20px;
     text-align: right;
 select {
     border-radius:5px!important;
     cursor:pointer;
+}
 .shopButton2 {
-    background:#2FBABD;
+    background:#145619;
     color:#fff;
-    display: inline-block;
+    display: flex;
+    gap:5px;
     cursor: pointer;
     padding: 6px 35px;
     text-decoration: none;
     font-weight: normal;
     border-radius:40px;
+    max-width:fit-content;
+    align-items:center;
+}
+.shopButton2:link,
+.shopButton2:active,
+.shopButton2:visited {
+    color:#fff;
+    text-decoration:none;
+}
 .shopButton2:hover,
 .shopButton2:focus {
-    background:#9CD9DA;
+    background:#779a58;
+    text-decoration:none!important;
+}
 #tabsBasket {
     float: left;
     padding: 2%;
     width:96%;
     clear: both;
     float: left;
     margin: 0px 0 10px 0;
     text-align: center;
     width:100%;
+    min-height:600px;
+}
 .item_hersteller {
     float: left;
     text-align: left;
+}
     margin: 1%;
     display: inline-block;
+}
 a.pagination:hover,
 a.pagination:focus {
-    background-color: #EA5802;
+    background-color: #145619;
     color: #fff;
+}
 .pagination {
     clear: both !important;
     float: none !important;
     text-align: right;
     float: right;
     width: 200px;
+}
 .itemTopSection {
-    padding: 0px 10px 10px 10px;
+    padding: 2% 3%;
     clear: both;
     float: left;
-    width: 318px;
     text-align: left;
+}
 .itemTopSection ul {
     margin-left:30px;
+}
 .itemRightLeft option {
     padding: 2px 10px 2px 10px;
     border: 0px !important;
+}
 .itemBasketSection {
     margin: 3% 0;
     padding: 5% 25%;
     border-radius: 0px;
     background: url(/images/webelemente/icon_warenkorb_weiss.svg) no-repeat;
     background-position: left center;
-    background-color: #2FBABD;
+    background-color: #145619;
+}
 .button_inner {
     display:flex;
     float: left;
+}
 .itemBasketButton .basketButton {
     padding:0;
     border-radius: 12px;
-    background-color: #2FBABD;
+    background-color: #145619;
     width: 100%;
     text-align: center;
     justify-content:left;
     align-items:center;
+}
     width: 100%;
+}
 .item_leftrow {
     float: left;
     width: 60%;
-    padding: 0% 2% 2% 2%;
+    padding:0;
+}
 #item_name_h1 {
     line-height:1.1em;
+}
 .item_leftrow h1 {
+}
 .item_rightrow .item_preisbox {
+}
 .item_rightrow .item_preis {
-    color: #EA5802;
+    color: #145619;
     font-weight: bold;
     float:left;
+}
 .item_rightrow .item_preiseinheit {
     width: 100%;
+}
 .item_tablerow {
     clear: both;
     float: none;
+    display:flex;
+}
 .item_tablerow_img,
 .item_tablerow_text,
 .item_tablerow_link,
 .item_tablerow_menge,
 .item_tablerow_order {
     display: table-cell;
     vertical-align: middle !important;
-    padding: 5px;
+    padding: 5px 11px;
     border-bottom: 1px solid #3e3e3e;
+}
 .item_tablerow_img {
     border-right: 1px solid #3e3e3e;
     text-align: center;
     background-color: #fff;
-    height: 50px;
+    height: 54px;
     min-width: 50px;
+}
 .item_tablerow_img img {
     max-height: 45px;
     max-width: 45px;
     padding: 0;
     text-align: center;
+}
 .item_tablerow_order {
     text-align: center;
-    background-color: #EA5802 !important;
+    background-color: #145619 !important;
     color: #fff;
     min-width: 80px;
+}
 .item_tablerow_order * {
-    background-color: #EA5802 !important;
+    background-color: #145619 !important;
+}
 .item_table .last div {
     border-bottom: none;
+}
 /* /item_table_row */
 #finanzierungsLink_a {
     margin-bottom: 3%;
     margin-top: 3%;
+}
 #finanzierungsLink_a {
-    color: #EA5802;
+    color: #145619;
+}
 form#basket {
     width: 100%;
+}
     margin:2% 0;
     width:fit-content;
+}
 .weber_aktion {
     margin-top: 20px;
-    background: #EA5802;
+    background: #145619;
     color: #fff;
     width: 120px;
     border-radius: 98%;
     display: block;
     text-align: center;
     flex-wrap:wrap;
     padding-bottom:10px;
+}
 .konfig_preis, .konfig_einzelpreis {
   font-size: 1.4em;
-  color: #EA5802;
+  color: #145619;
+}
 .konfig_scroll {
     width: 43%;
     display: block;
     border: 1px solid #aaa;
 .module ul {
     margin-left:25px;
-}
-.tr0,
-.tr1 {
-    display:flex;
-    flex-wrap:wrap;
     flex-flow:column;
 .tr0 label,
 .tr1 label {
     display:inline-grid;
     gap: 20px;
+}
 .ce-textpic .ce-gallery {
     text-align:center;
+}
 .ce-textpic > div:nth-of-type(1) {
-    width:30%;
+/*    width:30%;*/
+}
 .ce-textpic > div:nth-of-type(2) {
     width:68%;
+}
+}
 .shoplogos,
 .social {
     display:flex;
-    gap:10px;
+    gap:40px;
+}
 .social img {
     width:40px;
     height:40px;
     flex:2;
+}
 .service_center_menu {
     display:flex;
     list-style-type: none;
-    max-height: 36vh;
+    max-height: 34vh;
     flex-direction: column;
     flex-wrap:wrap;
+}
 .service_center_menu li {
     width:50%;
+}
 .sliderVideos {
     display:flex;
     gap:10px;
     flex-direction:row;
     justify-content: center;
+}
+.steps_image {
+    display:none;
+}
+.item_leftrow .bx-wrapper {
+    max-width:785px!important;
+}
+.item_leftrow .bx-wrapper .bx-prev {
+    margin-left:-40px;
+}
+.item_leftrow .bx-wrapper .bx-next {
+    margin-right:-40px;
+}
 .logo_breadcrumb{
     display:flex;
     gap:10px;
     justify-content:center;
+    align-items:center;
+}
+.rating {
-    align-items:center;
+    margin:3% 0;
+}
 @media screen and (max-width:1100px) {

Subversion-Projekte lars-tiefland.zeldi.de

(root)/trunk/public/styles/styles.css – Revision 2 → 40