/* Theme Name: LeftSell Theme Theme URI: https://leftsell.com Author: Kundschaft Schweiz Author URI: http://kundschaft.ch/ Description: WordPress / WooCommerce / LeftSell von Kundschaft Schweiz Version: 3.0.4 License: Copyright Kundschaft Schweiz License URI: https://kundschaft.ch Tags: one-column Text Domain: leftselltheme */ :root { --headerbackground: rgb(255, 255, 255, .5); --submenuback: rgba(63, 143, 185, .9); --menulinkcolor: black; --footerbackground: rgb(46, 103, 141); --buttons: #336699; --buttonshover: #224466; --buttonalternate: #05262B; --buttonalternatehover: #043d46; --buttonshiny: rgb(255, 255, 255, .5); --buttonshinyhover: rgb(255, 255, 255, .8); } /* Fonts --------------------------------------------------------------------------- */ @font-face { font-family:'Playfair Display'; font-style: normal; font-weight: 500; src: url('include/PlayfairDisplay-VariableFont_wght.ttf'); } @font-face { font-family:'DM Serif Display'; font-style: normal; font-weight: 500; src: url('include/DMSerifDisplay-Regular.ttf'); } @font-face { font-family:'Open Sans'; font-style: normal; font-weight: 500; src: url('include/OpenSans-Regular.ttf'); } /* General ------------------------------------------------------------------------- */ html { margin:0; padding:0; } body { margin:0; padding:0; max-width:100%} #wpadminbar, #wp-toolbar { overflow:hidden; top: calc( 100vh - 32px); } body.admin-bar > #leftsellWrap { margin-top: -50px; padding-top: 78px } @media screen and ( max-width: 782px ) { #wpadminbar, #wp-toolbar { max-height:0px; margin-top: -46px; overflow:hidden; top: 0 !important; position:relative } html { margin-top: 0 !important } body.admin-bar > #leftsellWrap { margin-top: -18px} } /* --------------------------------------------------------------------------------- */ /* header -------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------- */ #leftsell-header { width: calc( 100% - 80px); padding: 10px 40px 5px 40px; height:40px; background: var(--headerbackground) ; z-index:99; position:absolute; top:0; left:0; display: flex; flex-flow: row no-wrap; flex-wrap: row no-wrap; flex-direction: row; justify-content: flex-start; align-content: stretch; -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.8), inset 0 0 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.8), inset 0 0 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 1px rgba(0, 0, 0, 0.8), inset 0 0 1px rgba(0, 0, 0, 0.1); } a.minilogo img, a img.custom-logo { width:30px; max-width: 30px !important; height: 30px } #leftsellBlogSideBar a img.custom-logo { width:80%; max-width: 150px !important; height: auto } .custom-logo-link { display:block } @media screen and ( max-width: 781px ) { #leftsell-header { width: calc( 100% - 40px); padding: 10px 20px 5px 20px; height: auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} } @media screen and ( max-width: 500px ) { #leftsell-header { display:block; height: auto; overflow:visible; position: relative } a.minilogo { width: 100%; } a.minilogo img, a img.custom-logo { max-width: 100px !important; width:100px; height:100px; margin: 0 auto 5px auto; display:block } .woocommerce .content-area { padding-top: 20px !important } } /* menu main ----------------------------------------------------------------------- */ #leftsellMainMenu { display: block } #mobileswitch { display: none } #lefsellMobileMenu { display: none } .menu-main-container { margin: 0 20px 0 20px; padding: 2px 0 0 0} ul.menu { height:30px; margin:0; padding: 3px 0 0 0; overflow:hidden; display: flex; flex-flow: row no-wrap; flex-wrap: row no-wrap; flex-direction: row; justify-content: flex-start; align-content: stretch; } ul.menu li { display:inline-block; list-style: none; margin: 0 20px 0 0; padding:0; } ul.menu li.current-menu-item a { text-shadow: 0px 0px 1px rgb(0, 0, 0, .3); } ul.menu li:hover { text-shadow: 0px 0px 1px rgb(0, 0, 0, .3); } ul.menu li a { display: block; font-size: 16px; line-height: 20px; color:var(--menulinkcolor); text-decoration: none; font-family: 'Open Sans', Verdana, Century Gothic, Arial, Helvetica, sans-serif; text-transform: uppercase} ul.menu li a img { height: 16px; margin-top:1px; max-width: none } ul.menu li.menu-item-has-children > a:after { content: "\25BC"; margin-left: 5px; font-size: 5px; } /* main submenu -------------------------------------------------------------------- */ ul.menu li ul { display: none; position: absolute; z-index: 10; top: 38px; padding: 20px 0 0px 5px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0px,rgba(0,0,0,0) 17px, var(--submenuback) 17px,var(--submenuback) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0px,rgba(0,0,0,0) 17px, var(--submenuback) 17px,var(--submenuback) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0px,rgba(0,0,0,0) 17px, var(--submenuback) 17px,var(--submenuback) 100%); } ul.menu li:hover > ul { display: block; } ul.menu li ul li { display:block; border-bottom: 1px solid rgb( 255,255,255,.3); margin-left:10px} ul.menu li ul li:last-child { display:block; border-bottom: 0; padding-bottom: 5px } ul.menu li ul li a { color:white; text-transform: none; text-shadow: none; margin: 20px 5px 20px 2px } ul.menu li ul li a:hover, ul.menu li.current-menu-item ul li a:hover { text-shadow: 0px 0px 1px rgb(0, 0, 0, .3); } ul.menu li.current-menu-item ul li a { text-shadow: none; } /* sub sub menu */ ul.menu li.menu-item-has-children ul li.menu-item-has-children > a:after { content: ""; } ul.menu li ul li:hover > ul { display:none !important} /* menu icons ---------------------------------------------------------------------- */ .menu-icons-container { flex-grow: 1; padding: 2px 0 0 0; margin: 0 } .menu-icons-container ul { justify-content: flex-end; list-style-type: none;} .menu-icons-container ul li a img { cursor:pointer; max-width: none } .menu-icons-container ul li:last-child { margin-right:0; } @media screen and ( max-width: 500px ) { #leftsellMainMenu { display: none } #mobileswitch { display: block; font-size: 30px; text-align:center; font-weight: bold; cursor:pointer; margin: 20px 0 20px 0 } #lefsellMobileMenu { display: none } .nomobile { display: none } .menu-icons-container { display: none } ul.menu { display:block; height: auto } ul.menu li { margin: 0 0 0 0; } ul.menu li.menu-item { width: 100%; text-align:center; margin-bottom: 10px } #lefsellMobileMenu ul.menu li ul { margin-left:0; padding-left:0; display:block; position: relative; background: transparent; padding-top:0px; top: auto } #lefsellMobileMenu ul.menu li ul li a { color: var(--menulinkcolor)} ul.menu li ul.sub-menu { margin-bottom: 30px } ul.menu li.menu-item-has-children a { font-weight: bold } ul.menu li ul.sub-menu li { padding: 0 } ul.menu li ul.sub-menu li a { font-weight: normal; margin:15px 0 0 0 } ul.menu li.menu-item-has-children > a::after { content: "" } ul.menu li ul li { background-color: transparent; border-bottom:0; margin-left:0} ul.menu li ul li:hover > ul { display:block !important} } /* --------------------------------------------------------------------------------- */ /* content ------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------- */ #leftsellWrap { width: calc( 100% - 80px ); margin:0 auto 0 auto; display: block; padding: 60px 0 0 0; overflow:visible; min-height: 60vh; line-height: 1.6; font-size: 1.05em; font-family: 'Open Sans', Verdana, Century Gothic, Arial, Helvetica, sans-serif; outline: 0; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } #leftsellContent { width:100%; } #leftsellSideBar { display:none; float: right; padding-top: 60px; position: sticky; top: 60px; width: 280px; padding:0 0 0 20px; } #leftsellSideBar ul { margin:0; padding:0 } #leftsellSideBar ul li { display: block; list-style-type: none; } #leftsellSideBar ul li a { text-decoration:none } @media screen and ( max-width: 781px ) { #leftsellWrap { width: calc( 100% - 20px ); } } @media screen and ( max-width: 500px ) { #leftsellWrap { width: calc( 100% - 20px ); } } .leftsellClear { clear: both } /* text ---------------------------------------------------------------------------- */ h1, h1 a { font-family: 'Playfair Display', 'Open Sans', Verdana, Century Gothic, Arial, Helvetica, sans-serif; font-size:60px; outline: 0; letter-spacing: 0.04em; font-weight:normal; line-height: 70px;} h2, h3, h4, h5{ margin: 0; font-size: 40px; letter-spacing: 0.02em; font-weight:normal; font-family: 'DM Serif Display', 'Open Sans', Verdana, Century Gothic, Arial, Helvetica, sans-serif; } a { color:black; text-decoration: none; } p { margin:0 } .wp-block-image, figure { margin:0; max-width: 100% !important; } .wp-block-image img { height: auto!important; } .textshadow { text-shadow: 2px 2px 3px #000000; color:white !important } .dropshadow { filter: drop-shadow( 1px 1px 2px rgb(0, 0, 0, .3) ); } .dropshadow:hover { animation: pulse 1s; } .center { text-align:center; margin: 0 auto 0 auto; display:block !important } .engrave { letter-spacing: unset; text-align: center; letter-spacing: .05em; line-height:1.1em; color:white; text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 1px rgba(0,0,0,.25), 0 5px 5px rgba(0,0,0,.2), 0 5px 5px rgba(0,0,0,.15); } .engrave a { color:white } @media screen and ( max-width: 781px ) { h1, h1 a { font-size: 55px !important; } h2, h3, h4, h5, h2 a, h3 a, h4 a, h5 a { font-size: 30px !important; } } @media screen and ( max-width: 400px ) { h1, h1 a { font-size: 30px !important; line-height:40px; } h2, h3, h4, h5, h2 a, h3 a, h4 a, h5 a { font-size: 22px !important; } } /* buttons */ p.button { margin: 5px 0 20px 0; text-align: center; width:100%; background:transparent } p.button a { background: var(--buttons); border:0; color:white; white-space: nowrap; padding: 10px 20px 10px 20px; border-radius: 4px; cursor:pointer; line-height: 1.7; font-size: 1.05em; ; text-align:center } p.button:hover > a { background: var(--buttonshover); } p.green > a { background: var(--buttonalternate); } p.green:hover > a { background: var(--buttonalternatehover); } p.buttonshiny > a { background: var(--buttonshiny); color:black } p.buttonshiny:hover > a { background: var(--buttonshinyhover); color:black } @media screen and ( max-width: 781px ) { p.button a { font-size: 1em; padding: 10px; } } p.buttonleft { text-align: left; background:transparent; padding: 10px 0 10px 0; } p.buttonleft a { background: var(--buttons); border:0; color:white; white-space: nowrap; padding: 10px 20px 10px 20px; border-radius: 4px; cursor:pointer; line-height: 1.7; font-size: 1.05em; ; text-align:center } p.buttonleft:hover > a { background: var(--buttonshover); } p.buttonright { text-align: right; background:transparent; padding: 10px 0 10px 0; } p.buttonright a { background: var(--buttons); border:0; color:white; white-space: nowrap; padding: 10px 20px 10px 20px; border-radius: 4px; cursor:pointer; line-height: 1.7; font-size: 1.05em; ; text-align:center } p.buttonright:hover > a { background: var(--buttonshover); } /* forms 7 ---------------------------------------------------------------- */ .wpcf7-form input.wpcf7-form-control, .wpcf7-form textarea.wpcf7-form-control { border: 1px solid rgba(0, 0, 0, 0.8); width: calc(100% - 8px); border-radius: 4px; padding: 4px; margin-bottom: 10px; } .wpcf7-form input[type=submit] { background: var(--buttons); border:0; color:white; white-space: nowrap; width:100%; padding: 10px 20px 10px 20px; border-radius: 4px; cursor:pointer; line-height: 1.7; font-size: 1.05em; ; text-align:center } /* Blocks ---------------------------------------------------------------- */ .fulltop { margin: -60px 0 0 -40px; padding:0; width: calc( 100% + 80px ); background-size: cover !important} .fullback { margin: 0 0 0 -40px; padding:0; width: calc( 100% + 80px ) } .whitebox { background-color: rgb( 255,255,255,.3) !important; padding: 20px 15px 20px 15px; margin:0 } .blackbox { background-color: rgb( 0,0,0,.4) !important; padding: 20px 15px 20px 15px; margin:0 } .whitebox a, .blackbox a { color: white } p.whitebox, p.blackbox { margin: 0 } .whitebox a:hover, .blackbox a:hover { color: white } .block { text-align: justify !important; } .mid50, .div50 { width: 50%; margin: 0 auto 0 auto; } .mid60, .div60 { width: 60%; margin: 0 auto 0 auto; } .mid70, .div70 { width: 70%; margin: 0 auto 0 auto; } .mid80, .div80 { width: 80%; margin: 0 auto 0 auto; } .mid90, .div90 { width: 90%; margin: 0 auto 0 auto; } .white { background-color: rgb( 255,255,255,.8); padding:20px; color:black} .white ul li { color:black} .wp-block-media-text .wp-block-media-text__content { padding: 0 } .main-content .clear-fix { padding:0 } ul.hyphen li { list-style-type: none; padding-left: 7px; text-align:left; margin-bottom: 5px } ul.hyphen li::before {content: "-"; display: inline-block; width: 1em; margin-left: -1em} .wp-block-column > ul.hyphen { padding-left:12px; margin-left:0 } ul.noteblock { padding:30px 30px 20px 10px; width: max-content; border-radius: 5px 5px 5px 5px; box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 2px 0px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset; background-image: url('include/images/pin.png'); background-repeat: no-repeat; background-position: right 5px; background-size: 40px } .noteblock { background-color: #f5fbff; } ul.hyphen.noteblock li { margin-left: 25px } .wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container { width: calc( 100% - 80px); } .kacheln .wp-block-column, .kacheln .wp-block-column:not(:first-child) { margin:0; } @media screen and ( max-width: 781px ) { .fulltop { margin: -60px 0 0 -10px; width: calc( 100% + 20px ) } .fullback { margin: 0 0 0 -10px; width: calc( 100% + 20px ) } .mid50 { max-width: calc( 100% - 20px ); width: calc( 100% - 20px ); margin: 0 auto 0 auto } .mid60 { max-width: calc( 100% - 20px ); width: calc( 100% - 20px ); margin: 0 auto 0 auto } .mid70 { max-width: calc( 100% - 20px ); width: calc( 100% - 20px ); margin: 0 auto 0 auto } .mid80 { max-width: calc( 100% - 20px ); width: calc( 100% - 20px ); margin: 0 auto 0 auto } .mid90 { max-width: calc( 100% - 20px ); width: calc( 100% - 20px ); margin: 0 auto 0 auto } .wp-block-columns.mid50 { max-width: calc( 100% - 40px ); width: calc( 100% - 40px ); } .wp-block-columns.mid60 { max-width: calc( 100% - 40px ); width: calc( 100% - 40px ); } .wp-block-columns.mid70 { max-width: calc( 100% - 40px ); width: calc( 100% - 40px ); } .wp-block-columns.mid80 { max-width: calc( 100% - 40px ); width: calc( 100% - 40px ); } .wp-block-columns.mid90 { max-width: calc( 100% - 40px ); width: calc( 100% - 40px ); } ul.mid50 { max-width: calc( 100% - 40px ); width: calc( 100% - 40px ); } ul.mid60 { max-width: calc( 100% - 40px ); width: calc( 100% - 40px ); } ul.mid70 { max-width: calc( 100% - 40px ); width: calc( 100% - 40px ); } ul.mid80 { max-width: calc( 100% - 40px ); width: calc( 100% - 40px ); } ul.mid90 { max-width: calc( 100% - 40px ); width: calc( 100% - 40px ); } .wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container { width: calc( 100% - 10px); margin:0 5px 0 0 } .wp-block-cover { background-size: 100%; background-position: top center; background-repeat: no-repeat; } .white { max-width: calc( 100% - 40px ); } } @media screen and ( max-width: 600px ) { .mid50 { max-width: calc( 100% - 10px ); width: calc( 100% - 10px ); } .mid60 { max-width: calc( 100% - 10px ); width: calc( 100% - 10px ); } .mid70 { max-width: calc( 100% - 10px ); width: calc( 100% - 10px ); } .mid80 { max-width: calc( 100% - 10px ); width: calc( 100% - 10px ); } .mid90 { max-width: calc( 100% - 10px ); width: calc( 100% - 10px ); } .fulltop, .fulltop, .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax { background-attachment: scroll !important } .wp-block-columns.mid50 { max-width: calc( 100% - 10px ); width: calc( 100% - 10px ); } .wp-block-columns.mid60 { max-width: calc( 100% - 10px ); width: calc( 100% - 10px ); } .wp-block-columns.mid70 { max-width: calc( 100% - 10px ); width: calc( 100% - 10px ); } .wp-block-columns.mid80 { max-width: calc( 100% - 10px ); width: calc( 100% - 10px ); } .wp-block-columns.mid90 { max-width: calc( 100% - 10px ); width: calc( 100% - 10px ); } ul.mid50 { max-width: calc( 100% - 40px ); width: calc( 100% - 40px ); } ul.mid60 { max-width: calc( 100% - 40px ); width: calc( 100% - 40px ); } ul.mid70 { max-width: calc( 100% - 40px ); width: calc( 100% - 40px ); } ul.mid80 { max-width: calc( 100% - 40px ); width: calc( 100% - 40px ); } ul.mid90 { max-width: calc( 100% - 40px ); width: calc( 100% - 40px ); } .white { max-width: calc( 100% - 20px ); padding:10px} ul.noteblock { padding:30px 10px 20px 5px; } } /* WP columns .nowrap -------------------------------------------------------------- */ .wp-block-columns .nowrap { flex-wrap: nowrap;} @media screen and ( max-width: 781px ) { .wp-block-columns.nowrap { flex-wrap: nowrap !important; } .wp-block-columns.nowrap .wp-block-column { margin-left:.5em; flex-basis: initial !important; flex-grow: 1; } .wp-block-columns.nowrap .wp-block-column:first-child { margin-left:0 } } @media screen and ( max-width: 600px ) { .wp-block-columns.nowrap { flex-wrap: nowrap !important; } .wp-block-columns.nowrap .wp-block-column:not(:only-child) { flex-basis: initial !important; flex-grow: 1; margin-bottom: 0 } .wp-block-columns.nowrap .wp-block-column:not(:only-child):nth-child(2n) { margin-left: .5em } .wp-block-columns.nowrap .wp-block-column:not(:only-child):nth-child(3n) { margin-left: .5em } .wp-block-columns.nowrap .wp-block-column:not(:only-child):nth-child(4n) { margin-left: .5em } } .wp-block-columns .nowrap2 { flex-wrap: nowrap;} @media screen and ( max-width: 600px ) { .wp-block-columns .nowrap2 { flex-wrap: wrap;} .wp-block-columns.nowrap2 .wp-block-column { flex-grow:0 !important; width: calc( 50% - 20px) } } /* WP BLOCK COLUMNS ---------------------------------------------------------------- */ /* --------------------------------------------------------------------------------- */ .wp-block-columns {display:flex;margin-bottom:1.75em;flex-wrap:wrap; } .wp-block-columns .wp-block-column { margin-bottom: 2em;} .wp-block-column{flex-grow:1;min-width:0;word-break:break-word;overflow-wrap:break-word} .wp-block-columns{flex-wrap:nowrap} .wp-block-column{flex-basis:0;flex-grow:1} .wp-block-column[style*=flex-basis]{flex-grow:0} .wp-block-column:not(:first-child) {margin-left:2em} .wp-block-columns .wp-block-column img { max-width:100%; } @media screen and ( max-width: 600px ) { .wp-block-columns { flex-wrap: wrap; } .wp-block-column:not(:first-child) {margin-left:0} .wc-block-grid.wp-block-column:not(:only-child) { flex-basis: calc(50% - .5em) !important; flex-grow: 0; } .wc-block-grid.wp-block-column:not(:only-child):nth-child(2n) { margin-left: 1em } .wc-block-grid.wp-block-column:not(:only-child):nth-child(3n) { margin-left: 0 } .wc-block-grid.wp-block-column:not(:only-child):nth-child(4n) { margin-left: 1em } } /* WP BLOCK COLUMNS WRAP2 ----------------------------------------------------------- */ /* --------------------------------------------------------------------------------- */ @media screen and ( max-width: 781px ) { .wp-block-columns.min2 { display:flex;margin-bottom:1.75em;flex-wrap:no-wrap; } .wp-block-columns.min2 .wp-block-column:not(:only-child) { flex-basis: initial; flex-grow: 0; } } @media screen and ( max-width: 599px ) { .wp-block-columns.min2 { flex-wrap: wrap; } .wp-block-columns.min2 .wp-block-column:not(:first-child) {margin-left:0} .wp-block-columns.min2 .wp-block-column:not(:only-child) { flex-basis: calc(50% - 2em) !important; flex-grow: 0; } .wp-block-columns.min2 .wp-block-column:not(:only-child):nth-child(2n) { margin-left: 1em } .wp-block-columns.min2 .wp-block-column:not(:only-child):nth-child(3n) { margin-left: 0 } .wp-block-columns.min2 .wp-block-column:not(:only-child):nth-child(4n) { margin-left: 1em } } /* special styles ------------------------------------------------------------------ */ .shiny { background-color: rgba(241, 241, 241, 0.5); -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); } .shiny:hover { animation: pulse 1s;} .boxshadow { padding: 10px; border: 1px solid rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); } /* pins and web icons ------------------------------------------------------------- */ div.wp-block-columns.pins a { text-decoration: none; color:black} div.wp-block-columns.pins .wp-block-column { text-align:center } div.wp-block-columns.pins .wp-block-column p { text-align:center; margin:10px 0 0 0 } div.wp-block-columns.pins .wp-block-image { margin:0 } div.wp-block-columns.pins .wc-block-grid__product { border:0 } div.wp-block-columns.pins a img, div.wp-block-columns.pins img { max-width: 70%!important; max-height: initial!important; min-width: 70%!important; min-height: initial!important; width: 70%!important; height: auto!important; margin: 0 auto 0 auto; display: block;} div.wp-block-columns.pins.grey a img, div.wp-block-columns.pins.grey img { opacity: .8 } @media screen and ( max-width: 781px ) { div.wp-block-columns.pins { flex-wrap: nowrap; } div.wp-block-columns.pins .wp-block-column:first-child { margin-left:0; } div.wp-block-columns.pins .wp-block-column { margin-left:2em; } .wp-block-column { flex-grow:0; flex-basis: initial;} .wp-block-column:not(:only-child) { flex-grow:0; flex-basis: initial; } .wp-block-columns.kacheln .wp-block-column:not(:only-child) { flex-basis: 50% !important;} } @media screen and ( max-width: 600px ) { div.wp-block-columns.pins { flex-wrap: nowrap; } div.wp-block-columns.pins .wp-block-column:first-child { margin-left:0; } div.wp-block-columns.pins .wp-block-column { margin-left:1em; } .kacheln .wp-block-column { flex-basis: 100% !important; width: 100%} .wp-block-columns.kacheln .wp-block-column:not(:only-child) { flex-basis: 100% !important; width: 100%} } @media screen and ( max-width: 400px ) { div.wp-block-columns.pins .wp-block-column p { font-size: 10px } div.wp-block-columns.pins .wp-block-column .price { font-size: 10px } } .leftsellpin { cursor:pointer; max-width:120px } figure.leftsellpin > img { max-width:120px } .leftsellpin:hover {animation: pulse 1s; } figure.wp-block-image.leftsellpin > img { max-width:120px !important; margin: unset !important } .webicon > figure, .webicon figure.size-large img, .webicons > figure , .webicons > img, .webicons figure.wp-block-image.size-large, .webicons .wp-block-image img { display:block; max-width:100px !important; max-height: 100px !important ; } @media screen and ( max-width: 781px ) { .webicon > figure, .webicon figure.size-large img, .webicons > figure , .webicons > img, .webicons figure.wp-block-image.size-large, .webicons .wp-block-image img { max-width:80px !important; max-height: 80px !important ; } } .alignwide img { height: auto !important; margin-right: 20px } .wp-block-media-text .wp-block-media-text__media > img { margin: 0 20px 0 20px } .wp-block-media-text.has-media-on-the-right > img { margin: 0 0 0 20px } @media screen and ( max-width: 781px ) { .wp-block-media-text .wp-block-media-text__media > img { margin: 0 auto 20px auto } .wp-block-media-text.has-media-on-the-right > img { margin: 0 auto 20px auto } } /* kartenlegen plugin -------------------------------------------------------------- */ img.showselectedcard { float:left; margin:0 0 20px 0} img.showselectedcard:first-child { margin-left:20px} img.showselectedcard:last-child { margin-right:30px} /* Navigation ----------------------------------------------------------------------*/ .leftsellNavi { margin-top: 60px; width: max-content; padding: 4px; border-radius: 4px; background-image: url('include/images/home.png'); background-size: 20px; background-position: 8px 9px; background-repeat: no-repeat; background-color: rgb(247, 247, 247, .5); -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); } .leftsellNavi ul { list-style-type: none; display: flex; flex-direction: row; margin:0; padding: 0 0 0 40px } .leftsellNavi ul li { margin-right: 10px;} .leftsellNavi ul li::after { content: "\00BB"; margin-left: 10px; color:grey} .leftsellNavi ul li:last-child::after { display: none} .leftsellNavi ul li a { color: grey; font-size: 14px} .leftsellNavi ul li a:hover { color: black} @media screen and ( max-width: 400px ) { .leftsellNavi ul li:nth-child(2n)::after { display:none } .leftsellNavi ul li:nth-child(3n) { display:none } .leftsellNavi ul li:nth-child(3n)::after { display:none } .leftsellNavi ul li:nth-child(4n) { display:none } .leftsellNavi ul li:nth-child(4n)::after { display:none } .leftsellNavi ul li:nth-child(5n) { display:none } .leftsellNavi ul li:nth-child(5n)::after { display:none } .leftsellNavi ul li:nth-child(6n) { display:none } .leftsellNavi ul li:nth-child(6n)::after { display:none } } /* --------------------------------------------------------------------------------- */ /* footer -------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------- */ #footer { display: none; } footer#leftsell_footer { clear:both; padding: 40px 40px 10px 40px; margin:80px 0 0 0; color:rgb(255,255,255,.8); text-align:left; color:rgb(255,255,255,.8); overflow:hidden; background-color: var(--footerbackground); width: calc(100% - 80px); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.8), inset 0 0 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.8), inset 0 0 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 1px rgba(0, 0, 0, 0.8), inset 0 0 1px rgba(0, 0, 0, 0.1); font-family: 'Open Sans', Verdana, Century Gothic, Arial, Helvetica, sans-serif;} footer#leftsell_footer p {color:rgb(255,255,255,1); line-height:22pt; font-family: 'Open Sans', Verdana, Century Gothic, Arial, Helvetica, sans-serif; } footer#leftsell_footer a {color:rgb(255,255,255,.8); text-decoration: none; font-family: 'Open Sans', Verdana, Century Gothic, Arial, Helvetica, sans-serif;} footer#leftsell_footer a:hover {color:rgb(255,255,255,1)} footer#leftsell_footer .small, footer#leftsell_footer .small a { font-size:12px; line-height:22pt } #leftsell_footer #rechtliches { padding-top:20px; padding-left:4px} #leftsell_footer #rechtliches a { font-size:small; font-weight:bold; color: #336699; letter-spacing: -.07em} footer#leftsell_footer .logo { opacity: .3; } footer#leftsell_footer figure{ margin-top:0 !important } @media screen and ( max-width: 781px ) { footer#leftsell_footer { padding: 40px 20px 10px 20px; width: calc(100% - 40px); } footer#leftsell_footer .logo { margin: 40px 0 20px 0 } footer#leftsell_footer .wp-block-image .aligncenter { margin: 0 } footer#leftsell_footer .wp-block-column { text-align:left } footer#leftsell_footer .alignright { float:none } footer#leftsell_footer .has-text-align-right { text-align:left } footer#leftsell_footer .has-text-align-center { text-align:left; margin-bottom: 20px } } @media screen and ( max-width: 600px ) { footer#leftsell_footer .wp-block-columns { flex-wrap: wrap; } footer#leftsell_footer .wp-block-columns .wp-block-column { flex-basis: 100% !important; flex-grow: 0; margin:0 } } /* --------------------------------------------------------------------------------- */ /* BLOG (page.php) ----------------------------------------------------------------- */ /* --------------------------------------------------------------------------------- */ #leftsellBlogContent { width: 70%; padding: 20px 0 60px 0; margin-right: 40px; margin-top: 0px; float:left; overflow: hidden } #leftsellBlogSideBar { width: calc( 30% - 40px ); padding: 20px 0 20px 0; float:right; overflow: hidden; opacity: .7 } #leftsellBlogSideBar:hover { opacity: 1; } #leftsellBlogSideBar img.custom-logo { width: 80%; margin: 0 auto 20px auto; height:auto; display: block; max-width:200px } @media screen and ( max-width: 781px ) { #leftsellBlogContent, #leftsellBlogSideBar { width:100%; float:none; padding: 0px 0px 40px 0px; margin-right: 0 } } @media screen and ( max-width: 400px ) { #leftsellBlogContent { padding-top: 0 !important; margin-top: -20px } } /* blog title */ #leftsellBlogContent h1 { margin: 0px 0 60px 0; font-size: calc(100vw / 12.3); letter-spacing: .1vw; text-align:left } @media screen and ( max-width: 781px ) { #leftsellBlogContent h1 {font-size: calc(100vw / 12.3) !important; } } @media screen and ( max-width: 400px ) { #leftsellBlogContent h1 { font-size: calc(100vw / 8.8) !important; } } /* post wrapper */ .leftsellBlogPost { margin: 0 0 40px 0; padding-bottom: 20px; } /* post title with cover */ .leftsellposttitle .wp-block-cover, .leftsellposttitle .wp-block-cover-image { min-height: 40vh !important; filter: drop-shadow( 1px 1px 2px rgb(0, 0, 0, .1) ); padding:0; display:block; text-align:center; } .leftsellBrighten { cursor:pointer; background: rgb( 255,255,255,.2); padding: 15vh 10px 15vh 10px; background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.3) 36%, rgba(255,255,255,0) 77%, rgba(255,255,255,0) 100%); /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.3) 36%,rgba(255,255,255,0) 77%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.3) 36%,rgba(255,255,255,0) 77%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .leftsellBrighten:hover { background: rgb( 255,255,255,.1); animation: pulse 1s; } .leftsellposttitle { margin-bottom: 20px; } .leftsellposttitle .wp-block-cover h2.textshadow {text-align:center; font-size: 30px; margin-bottom: 20px } .leftsellposttitle .wp-block-cover h2.textshadow a { color:white; text-shadow: 2px 2px 3px #000000; filter: drop-shadow( 0px 0px 30px rgb(255, 255, 255, .9) ); text-align:center } .leftsellposttitle .wp-block-cover p, .leftsellposttitle .wp-block-cover p a { color:white; text-shadow: 2px 2px 3px #000000; font-style: italic; font-size: 14px } /* single post title */ h1.innertitle { font-size: 40px;line-height:80px; margin-bottom: 30px !important; text-align:center !important; color:white; text-shadow: 2px 2px 3px #000000; filter: drop-shadow( 0px 0px 30px rgb(255, 255, 255, .9) ); } h1.innertitle a { color: white; } @media screen and ( max-width: 400px ) { h1.innertitle a { font-size: 40px !important; line-height:40px; } } /* post content */ .leftsellBlogPost { text-align: justify } .leftsellBlogPost ul { margin: 10px 0 10px 18px; padding:0 } .leftsellBlogPost ul li { list-style-type: none; padding-left: 7px; text-align:left; margin-bottom: 5px } .leftsellBlogPost h2, .leftsellBlogPost h3, .leftsellBlogPost h4, .leftsellBlogPost h5 { font-size:20px; text-align:left; margin-bottom: 5px } .leftsellBlogPost ul li::before {content: "-"; display: inline-block; width: 1em; margin-left: -1em} @media screen and ( max-width: 781px ) { .leftsellBlogPost h2, .leftsellBlogPost h3, .leftsellBlogPost h4, .leftsellBlogPost h5 { font-size:16px; } } /* blog comment */ .leftsellComment { margin: 60px 0 20px 0 } .leftsellComment p.comment-form-comment label { display: none; } .leftsellComment textarea { color: rgba(0,0,0,.87); margin: 10px 0 10px 0; outline: none; font-size: 16px; line-height: 24px; height: 140px; padding: 8px 2px 8px 8px; width: calc( 100% - 16px ); border: 1px solid #dfe1e5; border-radius: 4px; font-family: 'Open Sans', Verdana, Century Gothic, Arial, Helvetica, sans-serif;} .leftsellComment input.submit { background: var(--buttons); margin: 0; border:0; color:white; padding: 10px 20px 10px 20px; border-radius: 4px; cursor:pointer } .leftsellComment ul { margin:0; padding:0 } .leftsellComment ul li { list-style-type: none; padding-left:0; margin-bottom: 40px} .leftsellComment ul li .cauthor { font-size: small; font-style: italic; } .leftsellBlogPost ul.blocks-gallery-grid li::before { content:""; display:none !important} .leftsellBlogPost ul.blocks-gallery-grid li { padding-left: 0} /* blog sidebar */ #leftsellBlogSideBar .leftsellsearch input.search-field, #leftsellBlogSideBar input.search-field { width:100%; border-radius: 4px; } #leftsellBlogSideBar .leftsellsearch input.search-submit, #leftsellBlogSideBar input.search-submit { margin: -15px 0 0 0; } #leftsellBlogSideBar .leftsell-widget { margin-bottom: 20px } #leftsellBlogSideBar .leftsell-widget.widget_search { margin-bottom: 40px } #leftsellBlogSideBar a { font-weight: normal } #leftsellBlogSideBar .buttons { margin-top: 10px; } #leftsellBlogSideBar a.button { margin-top: 10px; width: auto; } #leftsellBlogSideBar .leftsell-widget ul { margin:5px 0 0 0; padding:0 } #leftsellBlogSideBar .leftsell-widget ul li { list-style-type: none; margin-bottom: 4px } /* blog navi */ .previous-page { float: left; max-width: 48%; overflow: hidden; } .previous-page a, .next-page a { background-color: var(--buttons); color: white; padding: 4px 12px 4px 8px; border-radius: 4px } .previous-page a::before { content: "\2770"; padding-right: 6px } .next-page { float: right; max-width: 48%; overflow: hidden; } .next-page a::after { content: "\2771"; padding-left: 6px } @media screen and ( max-width: 781px ) { .previous-page { white-space: nowrap; } .previous-page a::before { display:none } .next-page { white-space: nowrap; } .next-page a::after { display: none; } #leftsellBlogSideBar .previous-page { display: none } #leftsellBlogSideBar .next-page { display: none } } /* --------------------------------------------------------------------------------- */ /* search -------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------- */ .leftsellsearch input.search-field, input.search-field { min-width:50%; margin: 0 auto 0 auto; display:block; color: rgba(0,0,0,.87); word-wrap: break-word; outline: none; font-size: 16px; line-height: 34px; padding: 8px 2px 8px 45px; height: 44px !important; border: 1px solid #dfe1e5; border-radius: 24px; background-image: url('include/images/minisearch.png'); background-size: 24px; background-repeat: no-repeat; background-position: 8px 10px; } .leftsellsearch input.search-submit, input.search-submit { background: var(--buttons); margin: 0 auto 0 auto; display:block; border:0; color:white; padding: 10px 20px 10px 20px; border-radius: 4px; cursor:pointer } .leftsellSearchresults { width: 70%; margin: 40px auto 100px auto } @media screen and ( max-width: 781px ) { .leftsellsearch input.search-field { width: 100% } .leftsellSearchresults { width: 100%; } } .leftsellSearchresults ul { margin:0 } .leftsellSearchresults ul li { list-style-type: none; margin: 0 0 40px 0 } .leftsellSearchresults ul li a { font-weight:bold; color: var(--buttons); } /* --------------------------------------------------------------------------------- */ /* WooCommerce --------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------- */ /* containers */ .woocommerce { padding-top: 40px } @media screen and ( max-width: 500px ) { .woocommerce { padding-top: 0px } } .woocommerce .main-container, .woocommerce-page .main-container { float: none; width: 100% !important; } .woocommerce .content-area { /* = #leftsellWrap */ width: 100%; margin:0 auto 0 auto; padding-top: 40px; line-height: 1.6; font-size: 1.05em; font-family: 'Open Sans', Verdana, Century Gothic, Arial, Helvetica, sans-serif; outline: 0; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } @media screen and ( max-width: 781px ) { .woocommerce .content-area{ width: calc( 100% - 0px ); } } .woocommerce #sidebar { display: none } .woocommerce hr { display: none } span.cartcount { font-size: 10px; padding-left: 3px } /* product page title area */ .woocommerce h1 { font-size: 30px; line-height: 40px } .woocommerce div.product p.price { color:black; font-size-adjust: .4; } .woocommerce form.cart { margin-top: 20px } .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background: var(--buttons) } .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background: var(--buttonshover) } .woocommerce button.button.alt.disabled { background: var(--buttonshover); } .woocommerce .quantity input { height: 30px; margin-top: 0px; } .default-short-desc { font-size: normal; margin-bottom: 30px } .woocommerce-Price-amount { margin-right: 10px; } table.shop_attributes { margin-top: 30px } .woocommerce table.shop_attributes tr:nth-child(2n) td, .woocommerce table.shop_attributes tr:nth-child(2n) th { background: transparent; padding-top: 20px } .woocommerce table.shop_attributes tr:nth-child(2n) td, .woocommerce table.shop_attributes tr:nth-child(2n) td { padding-top: 0px } td.woocommerce-product-attributes-item__value p { margin-top: 0 } .woocommerce a.button { background: var(--buttons) } .wc-block-grid__product-add-to-cart { text-align: center; margin-top: 20px; display:block } .wc-block-grid__product-add-to-cart a.add_to_cart_button { background: var(--buttons); } .added_to_cart { width: 100%; display:block; margin-top: 10px; color: var(--buttons) } .wc-gzd-additional-info { text-align: center } .woocommerce-tabs p { margin-bottom: 20px} @media screen and ( max-width: 781px ) { h1.product_title { font-size: 25px !important } } /* gallery */ .flex-viewport { min-width:100%; margin-bottom: 4px; line-height:0; } figure.woocommerce-product-gallery__wrapper { width:400%; height:auto; display: flex; flex-wrap: nowrap; flex-direction: row; } .flex-viewport .woocommerce-product-gallery__image, .woocommerce-product-gallery__image { border:0; margin:0;padding:0; min-width: 100%; } .woocommerce div.product div.images ol li img { width: calc( ( 400% - 5px) / 4 ); margin-right:5px } .woocommerce div.product div.images ol li:last-child img { margin-right: 0 } @media screen and ( max-width: 780px ) { .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { float:none; width:100%; } } /* buying */ .woocommerce div.product form.cart .variations select { padding: 10px; width: 40%; min-width: 40%; margin-bottom: 15px; } .woocommerce div.product form.cart .variations select { padding: 10px; width: 100%; min-width: 40%; margin-bottom: 5px; } a.reset_variations::before { content: ""; display: block } .product_meta { display: none } /* checkout */ textarea#order_comments { margin-bottom: 40px } p.legal.form-row.checkbox-data-service.validate-required { margin-bottom:40px } .cart_item img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail { max-width: 40px; height: auto } /* tabs -> not shown, moved content after */ .wc-tabs-wrapper { padding-top: 40px } .woocommerce div.product .woocommerce-tabs ul.tabs { display:none; padding: 0 0 0 5px; margin:0 !important } .woocommerce div.product .woocommerce-tabs ul.tabs::before {display:none; } .woocommerce div.product .woocommerce-tabs ul.tabs li::before {display:none; } .woocommerce div.product .woocommerce-tabs ul.tabs li::after {display:none; } /* description text */ #tab-description { display: block !important } #tab-description p { margin-bottom: 10px } #tab-description strong::before { /* content: " "; height: 20px; display: block; */} .woocommerce img { max-width: 100%; } h1.woocommerce-products-header__title { display: none; } .woocommerce h2, .woocommerce h2 a { margin-bottom: 10px; font-size: 25px !important; text-transform: none; } .woocommerce h3, .woocommerce h3 a { margin-bottom: 5px; font-size: 20px !important; text-transform: none; } .woocommerce h4, .woocommerce h5, .woocommerce h4 a, .woocommerce h5 a { margin-bottom: 5px; font-size: 1.05em !important; text-transform: none; } .woocommerce ol li { margin-bottom: 20px } .woocommerce-tabs .panel > h2 { text-transform: none !important; } #tab-description ul li { margin-bottom:20px; margin-left:7px } #tab-description ul li h4 { margin-bottom:0px; font-family: 'Open Sans', Verdana, Century Gothic, Arial, Helvetica, sans-serif; } .woocommerce figure.alignleft { float:left; text-align:center; margin: 0 10px 10px 0 } @media screen and ( max-width: 781px ) { #tab-description ul { margin-left:0; padding-left:0 } #tab-description ul li { list-style-type: none; margin-left:0px } } @media screen and ( max-width: 400px ) { ul.tabs.wc-tabs { background:var(--buttons); border-radius: 4px; } ul.tabs.wc-tabs li a { color:white !important; } ul.tabs.wc-tabs li#tab-title-description, ul.tabs.wc-tabs li#tab-title-additional_information, ul.tabs.wc-tabs li#tab-title-reviews{ list-style-type: none; background:none; margin:0; padding-left:0; border:0 !important; border-color: transparent; border-left-color: transparent; border-left-width: 0; border-right-color: transparent; border-right-width: 0; border-top-color: transparent; border-top-width:0; background-clip: unset; border-radius: 0 !important; border-image-width: 0; background-origin: unset } ul.tabs.wc-tabs li::after { display:none; } ul.tabs.wc-tabs li::before { display:none;} } .woocommerce img.alignright { float: right; margin: 0 0 20px 20px } .woocommerce img.aligncenter { display:block; margin: 0 auto 0 auto } .woocommerce img.alignleft { float:left; margin: 0 20px 20px 0 } /* ratings */ #tab-reviews { display:block !important } #comments { margin-top: 60px } h2.woocommerce-Reviews-title { font-size: 16px !important} .comment_container img.avatar { display: none } ol.commentlist { margin-left:0; padding-left: 0 } .woocommerce #reviews #comments ol.commentlist li .comment-text { margin-left: 0; } .woocommerce #reviews #comments ol.commentlist li { margin-bottom: 40px; margin-top: 10px } .comment-respond .comment-reply-title { display: none } .woocommerce .products .star-rating { margin: 5px auto 0 auto } .star-rating, .stars a, .rating, .wc-block-grid__product-rating:before, .star-rating span::before, wc-block-grid__product-rating__stars span::before { color: rgb(255, 210, 11) !important; } .woocommerce #reviews #comment { padding: 4px; height: 90px; font-family: 'Open Sans', Verdana, Century Gothic, Arial, Helvetica, sans-serif; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { background-color: var(--buttons); color:white } .woocommerce-noreviews { display: none } .comment-form-rating label { display: none; } .comment-form-comment label { display: none; } textarea#comment { margin-top: 10px } input#author { margin-left: 10px; } input#email { margin-left: 10px; } .woocommerce #reviews #comments ol.commentlist ul.children { margin-left: 20px; margin-top: 5px; padding-left: 0 } /* product on wp page general display */ .noimage img, .noimage .wc-block-grid__product-image { display: none } .noimage .wc-block-grid__product-price { margin:0} .wc-block-grid__product {list-style-type: none} .woocommerce ul.products li.product a.button { display:none } .woocommerce ul.products li.product .price { display:none} ul.wc-block-grid__products { padding-left:0} .main-nav-sidebar { display:none} /* smallprocuts ( 3 in a row ) */ .smallproducts img { max-width:130px!important; height:auto; margin: 0 auto 0 auto } @media screen and ( max-width: 600px ) { .wp-block-columns.smallproducts .wp-block-column:not(:only-child) { flex-wrap: nowrap !important; margin:0 !important; flex-grow: 1; flex-basis: initial !important} .wp-block-columns.smallproducts .wp-block-column:not(:only-child):nth-child(2n) { flex-wrap: nowrap !important; margin:0 !important; flex-grow: 1; flex-basis: initial !important} } @media screen and ( max-width: 500px ) { .smallproducts img { max-width:120px!important; } } @media screen and ( max-width: 430px ) { .smallproducts img { max-width:110px!important; } } @media screen and ( max-width: 380px ) { .smallproducts img { max-width:100px!important; } } @media screen and ( max-width: 350px ) { .smallproducts img { max-width:80px!important; } } /* related and upsells */ p.woocommerce-loop-product_title { text-align:center; margin-top: 5px; font-size: 13px; word-wrap: break-word; } .woocommerce .upsells { margin-top: 100px; max-width: 600px; opacity: .6 } .woocommerce .upsells:hover { opacity: 1 } .woocommerce .related ul, .woocommerce .upsells ul { margin-top: 20px } .woocommerce .related ul.products li.product a img, .woocommerce .upsells ul.products li.product a img { width: 70%; margin: 0 auto 0 auto } .woocommerce .related a h2, .woocommerce .upsells a h2, .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 15px; font-weight: normal; text-align:center} .woocommerce .upsells ul.products li { margin: 0 0 20px 0} .woocommerce .upsells ul.products li::before { display:none !important} @media screen and ( max-width: 781px ) { .woocommerce .upsells { display: none; } } /* additional information in buy section */ .woocommerce table.shop_attributes { display: flex; flex-grow: 1; flex-wrap: wrap; border:0} .woocommerce table.shop_attributes tr { min-width: 100%; } .woocommerce table.shop_attributes th { min-width: 100%; float:left; text-align:left; border:0; padding:0 } .woocommerce table.shop_attributes td { min-width: 100%; float:left; text-align:left; border:0; padding:0 } /* shop page */ .woocommerce-ordering { display:none } .woocommerce .sidebar { display:none } @media screen and ( max-width: 781px ) { .woocommerce .woocommerce-products-header h1 { font-size: 30px !important } } .woocommerce-result-count { font-size: 14px; width:100%; padding-bottom: 20px; margin-bottom:40px !important; border-bottom: 1px solid rgb(0,0,0,.2); } .term-description { margin-bottom: 40px} /* woocommerce inputs */ .woocommerce input { padding: 3px; margin-top:0px; border: 1px solid rgb(0,0,0,.4); border-radius:2px } .woocommerce select { padding: 6px; margin-top:0px; border: 1px solid rgb(0,0,0,.4); border-radius:2px } .woocommerce textarea { padding: 10px; border: 1px solid rgb(0,0,0,.4); border-radius:2px; font-family: 'Open Sans', Verdana, Century Gothic, Arial, Helvetica, sans-serif; height: 80px } /* my account */ nav.woocommerce-MyAccount-navigation { background:var(--buttons); border-radius: 4px} nav.woocommerce-MyAccount-navigation ul li { list-style-type: none; margin-bottom: 10px; } nav.woocommerce-MyAccount-navigation ul li.is-active a { text-shadow: 2px 2px 3px #000000; } nav.woocommerce-MyAccount-navigation ul li a { color:white; } .woocommerce-MyAccount-content p { margin-bottom: 20px } .u-column1.col-1.woocommerce-Address { width:100% !important; margin-bottom: 60px} .u-column1.col-1.woocommerce-Address a.edit { background: var(--buttons); border-radius: 4px; padding: 2px 10px 2px 10px; color:white } .u-column2.col-2.woocommerce-Address { width:100% !important; margin-bottom: 40px} .u-column2.col-2.woocommerce-Address a.edit { background: var(--buttons); border-radius: 4px; padding: 2px 10px 2px 10px; color:white } .woocommerce-MyAccount-content input.input-text { padding: 10px; border: 1px solid rgb(0,0,0,.4); border-radius:2px } .woocommerce-MyAccount-content button.button { margin-top: 40px } .woocommerce-form-login input#username { padding: 10px; border: 1px solid rgb(0,0,0,.4); border-radius:2px } .woocommerce-form-login input#password { padding: 10px; border: 1px solid rgb(0,0,0,.4); border-radius:2px } .woocommerce-ResetPassword input#user_login { padding: 10px; border: 1px solid rgb(0,0,0,.4); border-radius:2px } /* cart */ #coupon_code { padding: 10px; border: 1px solid rgb(0,0,0,.4); border-radius:2px } /* checkout */ #customer_details .col-1 { width: 100% } #customer_details .col-2 { width: 100%; margin-top: 40px } .woocommerce-billing-fields input.input-text { padding: 10px; border: 1px solid rgb(0,0,0,.4); border-radius:2px } textarea#order_comments.input-text { padding: 10px; border: 1px solid rgb(0,0,0,.4); border-radius:2px; font-family: 'Open Sans', Verdana, Century Gothic, Arial, Helvetica, sans-serif; height: 80px } #order_review_heading { margin-top: 40px } button#place_order { margin-top: 20px; margin-bottom: 20px } /* confirmation */ .woocommerce-order ul.woocommerce-order-overview { margin-top: 20px; background-color: lightblue; padding: 10px } .woocommerce-order ul.woocommerce-order-overview li { margin-bottom: 10px} .woocommerce-order-details { margin-top: 40px } /* final contact info below product */ #leftsellQuickContact .menu-icons-container ul.menu li:first-child { display: none; } /* blog */ /* #leftsellQuickContact .menu-icons-container ul.menu li:last-child { display: none; } search */ #leftsellQuickContact .menu-icons-container ul.menu { height: 60px; justify-content: flex-start; list-style-type: none } #leftsellQuickContact .menu-icons-container ul.menu li a img{ height: 32px } #leftsellQuickContact .menu-icons-container ul.menu li { margin-right: 40px } #leftsellQuickContact .menu-icons-container ul.menu li:before { content: "" } /* own gallery */ #leftsell_gallery { width:48%; float:left; } .imageshow { height: 62vh; background-size: cover; background-repeat:no-repeat; margin-bottom: 4px; animation: fadeIn 1s; background-position: center center; } .imageshow:hover { background-size: 200%; } .imageselector img { opacity: .7; cursor:pointer; } .imageselector img:hover { opacity: 1; overflow: scroll; } #curimage { cursor: zoom-in } @media screen and ( max-width: 781px ) { #leftsell_gallery { width: 100%; float:none; margin-bottom: 40px } .imageshow { height: 60vh } .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { width:100%; float: none; } } /* hand selected products */ .wc-block-grid__products .wc-block-grid__product-image img { height: auto !important } img.attachment-woocommerce_thumbnail img.size-woocommerce_thumbnail { height: auto !important } .wc-block-grid ul { margin: 0 auto 0 auto } .wc-block-grid.has-4-columns .wc-block-grid__products { display: flex } .wc-block-grid.has-4-columns .wc-block-grid__product { width: calc( 25% - .5em ); flex: 1 0 calc( 25% - .5em ); max-width:calc( 25% - .5em ); margin-left:.5em; } .wc-block-grid.has-4-columns .wc-block-grid__product:not(:only-child):nth-child(1) { margin-left:0; } @media screen and ( max-width: 480px ) { .wc-block-grid.has-4-columns .wc-block-grid__products { display: flex } .wc-block-grid.has-4-columns .wc-block-grid__product { width: 48%; flex: 1 0 50%; max-width:48%; margin-left:.5em; } .wc-block-grid.has-4-columns .wc-block-grid__product:not(:only-child):nth-child(1n) { margin-left:0; } .wc-block-grid.has-4-columns .wc-block-grid__product:not(:only-child):nth-child(3n) { margin-left:0; } .wc-block-grid.has-5-columns .wc-block-grid__products { display: flex } .wc-block-grid.has-5-columns .wc-block-grid__product { width: 48%; flex: 1 0 50%; max-width:48%; margin-left:.5em; } .wc-block-grid.has-5-columns .wc-block-grid__product:not(:only-child):nth-child(1n) { margin-left:0; } .wc-block-grid.has-5-columns .wc-block-grid__product:not(:only-child):nth-child(3n) { margin-left:0; } .wc-block-grid.has-6-columns .wc-block-grid__products { display: flex } .wc-block-grid.has-6-columns .wc-block-grid__product { width: 48%; flex: 1 0 50%; max-width:48%; margin-left:.5em; } .wc-block-grid.has-6-columns .wc-block-grid__product:not(:only-child):nth-child(1n) { margin-left:0; } .wc-block-grid.has-6-columns .wc-block-grid__product:not(:only-child):nth-child(3n) { margin-left:0; } } /* plugins */ .wc-gzd-additional-info { text-align:left} .kartenlegengpl { margin-top: 15px} .kartenlegengpl #orakelspruch { margin-top: 80px; clear: left} /* WP 5.6 - 5.8 corrections */ .has-text-align-center { text-align:center } .aligncenter { margin: 0 auto 0 auto; display: block; text-align:center } .has-white-color, .has-white-color a { color:white } .wc-block-grid__product-price .price, .wc-block-grid__product { text-align:center } .wp-block-cover__inner-container { min-width: 100%; } .pswp { display: none } div.wp-block-columns.pins .wp-block-column .price { margin-left: 10px;}