*{margin:0;padding:0;list-style:none;box-sizing:border-box;}
html{background:linear-gradient(#f2f3f4,#fff,#f2f3f4);width:100%;height:100%;}
body{font:normal 16px arial, sans-serif;color:#1c2833;}
body{width:100%;margin:0;}
section, aside, article, header, main, footer {display:block;}

/*Grid*/
.htmlgrid {min-height:100vh;display:grid;grid-template-rows:auto auto 1fr auto;grid-template-columns:62% 34%;grid-column-gap:4%;background:#fff;height:fit-content;}
header{grid-column:1/3;grid-row:2/3;}
nav {grid-column:1/3;grid-row:1/2;}
footer {grid-column:1/3;grid-row:4/5;margin:0 2em 3em;}
main{grid-column:1/3;grid-row:3/4;padding:4em 2em;}
.maingrid {display:grid;grid-template-columns:subgrid;grid-template-rows:repeat(4, auto);grid-template-areas:"top top" "aside aside" "bottom bottom" "gallery gallery";}
.sec-top {grid-area:top;margin-bottom:3em;}
.sec-bottom {grid-area:bottom;}
.sec-2col {grid-area:top;}
.sec-middle {grid-area:bottom;}
.aside-2row {grid-area:aside;margin-bottom:2em;}
.aside-1row{grid-area:aside;margin-bottom:2em;}
.aside-1rowBottom{grid-area:gallery;margin-top:2em;}

/*Gallery*/
.gallery {grid-area:gallery;margin-top:3em;}
.gallerylist {display:flex;flex-wrap:wrap;gap:1.7em;}
.gallery-item {width:127px;}
.gallery-item p {font-size: 90%;line-height:1.1em;margin:.4em 0;}

/*Links, Headlines, p, hr*/
a:link{text-decoration:none;color:#000735;}
a:visited{color:#000735;text-decoration:inherit;}
a:hover{opacity:0.7;text-decoration:inherit;}
h1{font-size:1.5rem;font-weight:100;margin-bottom:1em;}
.h1book{margin-bottom:.2em;}
h2{font-size:1.3em;font-weight:100;margin-bottom:.8em;}
.h3{font-size:1.2em;font-weight:100;margin-bottom:.2em;}
h4{font-size:1.1em;font-weight:700;margin-bottom:.7em;}
.textinfo p{margin-bottom:1em;line-height:1.5em;}
.textinfoJustify p{margin-bottom:1em;line-height:1.5em;text-align:justify;hyphens:auto;padding-right:2em;}
.clamped {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:left;}
.boldLink{font-weight:600;margin-top:.5em;}
aside li {list-style-type:disc;margin-left:15px;margin-bottom:.8em;}
hr{margin:.2em 1.5em .8em 0;border:none;border-bottom: 1px solid #000735;box-shadow:0 3px 3px 0 #ddd,0 1px 2px 0 #ddd;}
.hrnon{display:none;}
.nospam{display:none;}
.ita{font-style:italic;margin:-.7em 0 3em;text-align:right;}
.green {color:#04AA6D;}
.blue {color: #4682B4;}
.red {color:#FF4500}
.textRight{text-align:right;}
.textCenter{text-align:center;}
.smallFont{font-size:.9em;}
.smallFontsize{font-size:.8em;}
.bigFont{font-size:1.6em;font-weight:600;}


/*Div-Styles*/
.newsindex{margin-top:4em;}
.newsindex img{float:left;margin:0 1.3em .7em 0;}
.kataloglist{margin-bottom:4em;min-height:16em;}
.kataloglist-link:hover {opacity:70%;cursor:pointer;}
.kataloglist-link a {color:#1c2833;}
.buecherlist{margin-bottom:.5em;min-height:10em;}
.buecherH2 {padding-top:2em;}
.greybox{background:#f2f3f4;padding:2em 1.8em 2.5em;border-radius:2px;box-shadow: -1px -.5px 1px #ddd, 1px .5px 1px #ddd;margin:0 3em 1em 3em;}
.greybox p{margin-bottom:.5em;}
.infobox {display:flex;flex-direction:column;align-items:center;}
.katalogbox {align-items:flex-start;gap:15px;flex-direction:row;}
.infobox-img {margin-bottom:20px;}
.infobox-img-img {display:block;max-width:100%;width:100%;height:auto;}
.infobox-content {width:100%;}
.infobox-content p {line-height:1.5em;margin-bottom:.3em;}
.infoboxCenter {margin-bottom:2em;}
.infoboxCenter-content{text-align:center;}

/*Header + ShoppingCart + SearchField + Logos*/
.hrheader {box-shadow:0 1px 3px 0 #dedede,0 1px 2px 0 #dedede;border-bottom:1px solid #000735;}
.index-searchfield{height:2.5em;width:10em;font-size:.9em;border:2px solid #dedede;border-radius:2px 0 0 .4em;margin-bottom:2em;}
.index-searchfield:focus {outline:none;border:2px solid #4169E1;}
.index-searchbutton {height:2.5em;width:3em;margin-left:-4px;font-size:1em;border:2px solid #dedede;border-left: 0;border-radius:0 2px 2px 0;background:#f2f3f4;color:#808080;text-align:center;}
.index-searchbutton:hover {background:#CACFD2;cursor:pointer;color:#1c2833;}
.header-searchcontainer {display:flex;align-items:center;justify-content:space-between;gap:2%;padding:40px;}
.header-searchfield{flex:0 0 60%;display:flex;}
.header-searchfield input{height:2.5em;flex:1;font-size:1em;border:2px solid #dedede;border-radius:2px 0 0 2px;}
.header-searchfield input:focus{border-color:#0078d7;box-shadow: 0 0 5px rgba(0, 120, 215, 0.3);outline: none;}
.header-searchbutton {height:2.5em;width:4em;font-size: 1em;border: 2px solid #dedede;border-left: 0;border-radius: 0 2px 2px 0;background: #f2f3f4;color: #808080;text-align:center;border-left:none;}
.header-searchbutton:hover {background:#0078d7;cursor:pointer;color:#1c2833;border-color:#0078d7;box-shadow: 0 0 5px rgba(0, 120, 215, 0.3);border-left:2px solid #0078d7;margin-left:-4px;}
.reloadCart {flex: 0 0 30%;}
.cart{width:6em;height:2.5em;text-align:center;border-radius:2px;border:solid #dedede 1px;background:#f2f3f4;padding-top:.2em;}
.cart p{margin-top:.8em;font-size:.8em;color:#CACFD2}
.cart a {color:#808080;}
.cart:hover{background:#0078d7;}
.cart a:hover{color:#1c2833;}
.cartactive {width:6em;height:2.5em;text-align:center;border-radius:2px;border:solid #04AA6D 1px;background:#04AA6D;padding-top:.2em;color:#fff;}
.cartactive p {color:#04AA6D;margin-top:.8em;font-size:.8em;}
.cartactive:hover{background:#45a049;color:#fff;border:solid #45a049 2px;}
.cartactive a:hover{color:#fff;}
.cartactive p:hover{color:#45a049;}

.cartbtn-wrapper{display:flex;justify-content:center;margin:.8em 0 1em 0;}
.flex-end{justify-content:flex-end;}
.cartbutton {background:#FFF;border-radius:2px;border:solid #903 2px;text-align:center;font-size:.8em;padding:.8em 2em;color:#903;font-weight:700;}
.cartbutton:hover {background:#f2f3f4;cursor:pointer;color:#808080;border:solid #04AA6D 2px;}
.cartbuttonActive {background:#04AA6D;border-radius:2px;border:solid #04AA6D 2px;text-align:center;font-size:.8em;padding:.8em 2em;color:#fff;font-weight:700;}
.cartbuttonActive:hover {background:#45a049;cursor:pointer;color:#fff;border:solid #45a049 2px;}
.hide-label {position:absolute;left: -10000px;top: auto;width: 1px;height: 1px;overflow: hidden;}
.lesebtn{display:inline-block;text-align:center;border-radius:2px;border:solid #dedede 1px;background:#f2f3f4;padding:.6em;font-size:1em;margin-top:.8em;}
.lesebtn:hover {background:#CACFD2;}
.lesebtn a:hover{color:#1c2833;}
.retractbtn {display:inline-block;background:#FFF;border-radius:2px;border:solid #808080 2px;text-align:center;font-size:.8em;padding:.4em 1em;font-weight:700;margin-top:.8em;}
.retractbtn:hover {background:#f2f3f4;cursor:pointer;border:solid #0078d7 2px;}



.card {margin:1em auto;text-align:center;}
.card p {margin-top:.3em;text-align:left;}
.card:hover {opacity:70%;cursor:pointer;}
.card a:hover {color:#1c2833}
.cardImg {margin-bottom:1em;max-width:150px;}
.logoSM {width:34px;display:inline-block;border:none;box-shadow:none;margin:17px 17px 17px 0;}

/*Sort Katalog-Page*/
.sort-container {display:flex;gap: 15px;margin:1em .5em 2em .5em;}
.trigger-wrapper {display:flex;align-items:center;justify-content: center;cursor:pointer;position: relative;}
.sorttrigger {width: 100px;height:40px;border: 2px solid #808080;font-size: .8em;border-radius: 2px;font-weight: 700;color: #808080;background: #fff;}
.sorttrigger:hover {background: #f2f3f4;}
.sortpopup {position: absolute;left: 0;top: 0;margin-top: -1em;margin-left: -.5em;width: 180px;height: auto;background: #fff;color: #808080;border: 2px solid #808080;border-radius: 2px;padding: 15px;display: none;z-index: 1000;font-size: 1.2em;}
.sortpopup div {padding: 5px;margin-bottom: 5px;display: inline-block;}
.sortpopup div:hover {color: #903;cursor: pointer;}
.sortpopup.open {display: block;}
.sortselect {background: #FFF;border-radius: 2px;border: solid #808080 2px;text-align: center;font-size: .8em;height: 40px;padding: .6em 1.4em;color: #808080;font-weight: 700;margin: 0 1.3em .2em 0;}
.active {border-color: #903;color: #903;}
.sortselect option {color: #808080;}

/*Bestellung + Warenkorb + MiniCart*/
 .orderform {background: #f2f3f4;padding: 25px;border-radius: 2px;box-shadow: -1px -.5px 1px #ddd, 1px .5px 1px #ddd;}
 .formgrid {display:grid;grid-template-columns: repeat(2, 1fr);gap: 20px;}
 .full {grid-column:1 / -1;}
 .field {display:flex;flex-direction:column;}
 label {margin-bottom:6px;}
 .checkbox{justify-content:flex-start;}
 .orderform input, textarea, select {padding:10px;border:1px solid #ccc;border-radius:2px;font-size:16px;}
 .orderform textarea {min-height:120px;resize:vertical;}
 .orderbtn {width:100%;margin-top:20px;padding:12px 20px;border: none;background: #04AA6D;color: #fff;border-radius: 2px;cursor: pointer;font-size: 17px;}
 .orderbtn:hover {background: #45a049;}
 .checkbox label {display:flex;align-items:flex-start;gap:10px;margin-bottom:0;cursor:pointer;text-align:justify;hyphens:auto;line-height:1.4em;}
 .checkbox input[type="checkbox"] {margin:3px 0 0;padding:0;width: auto;}
 .hidden {display:none;}


/* löschen
.pflichtfeld{color:#FF4500}
.hrNomarg{margin:0;}
.row {display:flex;flex-wrap: wrap;margin:0 -16px;}
.col-35 {flex:35%;}
.col-50 {flex:50%;}
.col-65 {flex:65%;}
.col-35,.col-50,.col-65 {padding:0 16px;}
.container-cartform {background:#f2f3f4;padding:1.5em 1em;border-radius:2px;box-shadow: -1px -.5px 1px #ddd, 1px .5px 1px #ddd;}
.orderfield {width:100%;margin-bottom: 20px;padding: 12px;border: 1px solid #ccc;border-radius: 2px;}
.select {width:100%;margin-bottom:20px;padding:12px;border:1px solid #ccc;border-radius:2px;}
.textarea {width:100%;margin-bottom:.5em;padding:12px;border:1px solid #ccc;border-radius:2px;resize:vertical;}
.label {margin-bottom:10px;display:block;}
.btn {background:#04AA6D;color:#fff;padding:12px;margin:10px 0;border:none;width:100%;border-radius:2px;cursor:pointer;font-size:17px;}
.btn:hover {background:#45a049;}
span.price {float:right;color:#1c2833;}
input.toggleOn{margin-bottom:1em;}
input.toggleOn[type="checkbox"]:checked ~ .toggleOff{display:none;}*/

.ordersteps {display:flex;flex-flow:column wrap;gap: 12px;margin-bottom:2em;}
.orderstep {border: 2px solid #808080;font-size: .8em;border-radius: 2px;font-weight: 700;color: #808080;background: #fff;padding: 1em 1.3em;text-align: center;transition: .3s;}
.orderstep.active {border:2px solid #0078d7;color: #0078d7;}
.orderstep.done {border:2px solid #04AA6D;color: #04AA6D;}
.cartSide {overflow:hidden;}
.cartSide-header, .cartSide-item {display:grid;grid-template-columns: 1fr;gap: 16px;padding: 20px;align-items:center;}
.cartSide-header {display:none;font-weight:bold;background: #fafafa;border-bottom:1px solid #ddd;}
.cartSide-item {border-bottom:1px solid #eee;}
.product {display:flex;gap:16px;}
.product img {max-width:100%;height:auto;}
.product-infoh3 {font-size:1.1rem;margin-bottom: 6px;}
.product-info p {color: #666;margin-bottom:3px;}
.quantity {display:flex;align-items:center;gap:10px;}
.quantity button {width:36px;height:36px;border:none;background:#e9e9e9;font-size:20px;cursor:pointer;border-radius:2px;}
.quantity input {width: 55px;height:36px;text-align:center;border:1px solid #ccc;border-radius: 2px;}
.price {font-size:1.1rem;font-weight:bold;white-space:nowrap;}
.delete-btn {width: 45px;height:45px;border: none;border-radius: 2px;background: #ff4d4f;color: #fff;cursor: pointer;font-size: 18px;transition: .3s;}
.cartSide-actions {display:flex;align-items:center;justify-content:space-between;gap:16px;}
.cartSide-summary {padding: 30px 20px;display:flex;flex-direction:column;gap: 15px;}
.summary-row {display:flex;justify-content:space-between;align-items: center;font-size: 1rem;}
.summary-row.total {font-size: 1.2rem;font-weight: bold;padding-top: 12px;border-top: 1px solid #ddd;}
.checkout-btn {margin-top:10px;width:100%;padding: 16px;border:none;border-radius:2px;text-align:center;background:#04AA6D;color:#fff;font-size: 1rem;font-weight: bold;cursor: pointer;transition: .25s;}
.checkout-btn:hover {background:#45a049;}
.delete-btn:hover {background:#d9363e;}
.mini-cart {border-radius: 2px;overflow:hidden;width:100%;box-shadow: -1px -.5px 1px #ddd, 1px .5px 1px #ddd;}
.mini-cart h2 {padding:1rem;background: #f2f3f4;font-size:1.2rem;}
.minicart-item {display: grid;grid-template-columns: 1fr auto;gap:.5rem;padding:.5rem 1rem;border-bottom:1px solid #eee;font-size:.8rem;}
.mc-product-name {font-weight: bold;margin-bottom:.15rem;}
.mc-product-info {color: #666;font-size: .9rem;margin-bottom:.35rem;}
.mc-product-price {font-weight: bold;align-self:center;}
.minicart-summary {padding: 1rem;font-size:.9rem;}
.mc-summary-row {display: flex;justify-content: space-between;margin-bottom: .75rem;}
.mc-summary-row.total {border-top: 1px solid #ddd;padding-top: .75rem;font-size: 1.1rem;font-weight: bold;}



/*
.cart-container {display:grid;grid-template-columns:repeat(4,auto);gap:1rem;justify-content:space-between;align-items:start;font-size:.9em;}
.cart-hr{grid-column-start:1;grid-column-end:5;}
.counter{padding:0 6px;display:flex;align-items:center;justify-content:center;}
.counter div{text-align:center;padding:0 6px;display:flex;}
.counter span{padding:0 5px 3px;}
.counter .num{border-right: 2px solid rgba(0,0,0,0.2);border-left:2px solid rgba(0,0,0,0.2);width:30px;height:30px;color:#1c2833;font-size:.9em;}
.countercol {flex-direction:column;}
.plus, .minus {margin-left:-5px;cursor:pointer;}
.alignright {grid-column:2/5;text-align:right;margin:.3em 2em;}
.weiter {background:#04AA6D;color:#fff;padding:12px;margin:10px 0;border:none;border-radius:2px;cursor:pointer;font-size:17px;float:right;margin-top:2em;width:6em;text-align:center;}
.weiter:hover {background:#45a049;}*/

/*Image-Style*/
img{height:auto;width:100%;}
main img {border:solid 1px;box-shadow:7px 8px 5px #dedede;}
.bildgr{max-width:150px;float:left;margin:0 5% 3% 0;}
.bildkl{max-width:90px;float:left;margin:0 3% 1% 0;}
.ebo{position:absolute;margin:.5em 0 0 -.6em;padding:.2em .3em;background:#ffa500;font-size:80%;color:#fff;font-weight:700;box-shadow:2px 2px 2px #888a85;border-radius:2px;}

/*Modal-Styles*/
#coverImg {cursor: pointer;transition: 0.3s;}
#coverImg:hover {opacity: 0.7;}
.modal {display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.95);}
.modal-content {margin:auto;display:block;width:100%;max-width:400px;-webkit-animation-name:zoom;-webkit-animation-duration:0.6s;animation-name:zoom;animation-duration:0.6s;}
.modal-content {box-shadow:none;}
.close {position:absolute;top:15px;right:35px;color:#808080;font-size:40px;font-weight:bold;transition:0.1s;}
.close:hover, .close:focus {color:#f2f3f4;cursor:pointer;}

/* Navigation */
nav {font-size:16px;padding:0 0 0 2em;box-shadow:0 1px 3px 0 #dedede,0 1px 2px 0 #dedede;border-bottom:3px solid #000735;background:#f2f3f4;}
nav a:link{color:#1c2833;}
nav a:visited{color:#1c2833;}
nav a:hover{opacity:0.7;}
.menu,.dropdown {list-style-type: none;}
.logo {font-size:20px;padding:7.5px 10px 7.5px 0;}
.item {padding:10px;border-left:1px solid #cacfd2 ;}
.item a:hover::after {opacity:0.7;}
/* Navigation Mobile menu */
.menu {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.menu li a {display:block;padding:6px 3px;}
.menu li.subitem a {padding:13px;}
.toggle {order:1;font-size:20px;}
.item {order:2;width:100%;text-align:center;display:none;}
.active .item {display:block;}
/* Navigation dropdown up from mobile screens */
.dropdown {display:none;}
.dropdown-active .dropdown {display:block;z-index:100;}
.has-dropdown i {font-size:12px;}
.has-dropdown > a::after {font-family:"FontAwesome";font-size:12px;line-height:16px;font-weight:900;content:"\f078";padding-left:5px;}
.subitem a {padding:10px 15px;}
.dropdown-active {background:#cacfd2 ;border-radius:2px;}

/*Footer-Style*/
footer hr {margin:0 1em 1.4em;}
.mid {display:flex;flex-wrap:wrap;justify-content:space-around;gap:10px 20px;}
.mid > ul {line-height:1.8em;font-size:.9em;}
.h5{font-weight:700;margin:.5em 0 .1em;font-size:1em;}

/*index-Slider */
.slider-wrapper {grid-column:1/3;grid-row:1/2;}
.slides {display: none}
.slides img {vertical-align: middle;}
.slideshow-container {max-width: 1100px;position: relative;margin: auto;}
.prev, .next {cursor: pointer;position: absolute;top: 50%;width: auto;padding: 16px;margin-top: -22px;color:#fff;font-weight: bold;font-size: 18px;transition: 0.6s ease;border-radius: 0 3px 3px 0;user-select: none;}
.next {right: 0;border-radius: 3px 0 0 3px;}
.prev:hover, .next:hover {background-color: rgba(189, 195, 199, 0.7);}
.square {cursor:pointer;height: 15px;width: 15px;margin: 0 2px;background:#FFF;border-radius:0%;display: inline-block;transition: background-color 0.6s ease;}
.slideractive, .square:hover {background:#CACFD2;}
.fade {animation-name: fade;animation-duration: 2s;}
@keyframes fade {from {opacity: .4}   to {opacity: 1}}

 /*Icons*/
 @font-face {
  font-family: 'FontAwesome';src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight:normal;font-style:normal;
}
.fa {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;}
.fa-2x {font-size:1.7em;}
.fa-bars:before {content:"\f0c9";}
.fa-times:before {content:"\f00d";}
.fa-chevron-down:before {content:"\f078";}
.fa-search:before {content:"\f002";}
.fa-shopping-cart:before {content:"\f07a";}
.fa-shopping-cart:before {content: "\f07a";}
.fa-cart-plus:before {content: "\f217";}
.fa-trash-o:before {content:"\f014";}
.fa-book:before {content:"\f02d";}

/*Media-Querys*/
@media all and (min-width: 940px) {
	body{max-width:1100px;margin:0 auto;background:#fff;box-shadow:1px 0 3px #dedede ,-1px 0 3px #dedede;height:100%;}
main{padding:4em 2em 5em 4em;}
.textinfo p{padding-right:2.5em;}

/* Navigation Desktop menu */
.menu {align-items:flex-start;flex-wrap:nowrap;}
.logo {order:0;}
.item {order:1;position:relative;display:block;width:130px;}
.dropdown-active .dropdown {display:block;position:absolute;left:0;top:54px;background:#CACFD2;width:130px;}
.toggle {display:none;}
.dropdown-active {border-radius:0;}
.subitem:hover {background:#f2f3f4 ;}
.item:hover {background:#cacfd2 ;}
.subitem {border-bottom:1px solid #f2f3f4;}

}

@media all and (max-width: 940px) {
.hrnon{display:block;}
.index-searchfield{width:30em;}
.header-searchcontainer {gap:5%;}
	

.kataloglist{margin-bottom:4em;}
.card{display:flex;flex-wrap:wrap;flex-direction:column;}

/*Navigation*/
 nav {padding:0 2em;}
 .item {border-left:none;}    
 .dropdown-active .subitem:hover {background:#f2f3f4;}
}

@media all and (min-width: 768px) {
.maingrid {grid-template-rows:repeat(3, auto);grid-template-areas:"top1 aside1" "top2 aside2" "bottom1 bottom2";}
.sec-top {grid-area:top1;margin-bottom:2em;}
.sec-bottom {grid-area:top2;}
.sec-2col{grid-column:top1/aside1;grid-row:1/2;}
.sec-middle{grid-area:top2;}
.aside-2row {grid-row:aside1/aside2;}
.aside-1row{grid-area:aside2;}
.aside-1rowBottom{grid-area:aside2;margin-top:0;}
.gallery {grid-column:bottom1/bottom2;}
.greybox{margin:0;}
.infobox {flex-direction:row;align-items:flex-start;}
.infobox-img {flex: 0 0 1;margin-right:2em;margin-bottom:0;}
.katalogbox-img {margin-right:.6em;}
.infobox-content {flex: 1;}
.infoboxCenter{align-items:center;}
.infoboxCenter-content{text-align:left;}
.ordersteps {flex-flow:nowrap;}
.cartSide-header {display: grid;grid-template-columns: 4fr 1.5fr 1fr .5fr;}
.cartSide-item {grid-template-columns: 4fr 3fr;}
.cartSide-actions {display: grid;grid-template-columns: 1.5fr 1fr .5fr;align-items: center;}
.cartSide-summary {width: 380px;margin-left: auto;padding: 30px;}
.minicart-item {display: grid;grid-template-columns: 1fr auto;gap: 1rem;align-items: center;}
.mc-product-price {justify-self: end;text-align: right;font-weight: bold;white-space: nowrap;}
.mc-product-details {display: block;}

/* Navigation Tablet menu */
 .menu {justify-content:center;}
.logo {flex:1;}
.toggle {flex:1;text-align:right;order:1;}
}

@media all and (max-width:768px){
.mid{margin-left:2em;justify-content:flex-start;}
.mid > ul {margin:0 1.2em 2em 0;font-size:95%;}
.index-searchfield{width:15em;}


.header-searchcontainer {flex-direction:column;gap:10px;padding-bottom:60px;}
.header-searchfield input{flex:1 1 100%;width:100%;}
.formgrid {grid-template-columns: 1fr;}
 .full {grid-column:auto;}
.kataloglist{margin-bottom:6em;}
.cartbtn-wrapper{margin-top:1em;}

.counter {grid-column-start:1;grid-column-end:2;}
.preis {grid-column-start:2;grid-column-end:3;justify-self:center;align-self:center;}
.deletebtn {grid-column-start:3;grid-column-end:4;margin-left:2em;align-self:center;}

.cart-hr{grid-column-start:1;grid-column-end:5;align-self:end;}

.square {display:none;}
}

@media all and (max-width:380px){
	main{margin:2.5em 1.5em 0 1.5em;}
	main a {font-size:90%;}
	.fullmain {margin-top:2.5em;}
	h1{font-size:1.1em}
	h2 {font-size:1.1em;}
	.gallerylist {justify-content: space-around;}
	.gallery-item {max-width:55%;margin:.2em}
	.gallery-item > p {display:none;}
	.index-searchfield{width:7em;}
	.search-container {margin:3em 1em;}
	.searchfield {width:7em;}
	/*prüfen*/
	.prev,.next,.text {font-size: 11px}
	.square {height: 11px;width: 11px;}
}