a[href^='https']::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 12.2 12.2' width='14' height='14'%3E%3Cpath d='M5.7 0v1.5h4L4.5 6.7l1 1.1 5.3-5.2v3.9h1.4V0z'/%3E%3Cpath fill='none' d='M3.4 6.7l3-2.9H1.5v7h7V5.9l-3 2.9z'/%3E%3Cpath d='M8.5 5.9v4.9h-7v-7h4.9l1.5-1.6H0v10h10V4.4z'/%3E%3C/svg%3E");
  margin-left: 0.25em;
}

.divTitel{
  width:100%;
  min-width:650px;
  position:absolute; 
  top:0px; 
  left:0px; 
  height:62px; 
  background-color:#fe0; 
  margin:0px 0px 0px 0px; 
  padding:0px;	
}

.divTitel img{
  position:absolute;
  top:0px;
  left :0px;
  height:54px; 
  width:auto;	
}

.divTitel div{
  position:absolute;
  top:0px;
  left: 150px;
  font-size:1.2em; 
  padding:15px 0px 10px 30px;
  margin:0px;
  font-weight:bold;	
  width:100%;
}

.mainDiv{
	
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:600px;
	top:63px;
}

label{
  font-size:0.8em;
  color:red;
  font-weight: bold;
}

.Formular{
  position:relative; 
  //float:left;
  width : 100%;
  text-align:left;
  margin-bottom:0px;
  padding-bottom:0px;
  height:auto;
  max-width:800px;
  min-width:500px;
}

.Formular *{
  width:100%;
}

.Formular>input, .Formular>select{
  margin:5px 50px 10px 10px ;
  font-size:1.1em;
  height:30px;
}

.divContent{
  width:100%;
  margin:0px;
  padding:0px;
	
}

.spinner:hover::-webkit-inner-spin-button, 
.spinner:hover::-webkit-outer-spin-button { 
    opacity: 1;
}

.ArtikelImg{
  height:auto;
  width:50%;
  max-width:450px;
  margin-top:30px;
}

img{
  margin:5px;  
}

.tabRow td{
  border: 1px solid;
  padding:3px 3px 3px 3px;
}

.tabRow:hover{
    background-color: rgb(212, 229, 250);
}
.ShowHover:hover{
    border:2px solid orange !important;
	background-color: rgb(212, 229, 250) !important;
}
.tabArtikel{
    width:40px;
}
.tabSize{
    width:200px;
}
.tabPreis{
    width:50px;
    text-align: right;
}
.tabMenge{
    width:40px;
}
.tabMenge input{
  width:100%;
  text-align:right;
  background-color:rgb(241, 245, 225);
}
.tabGesamt{
  width:50px;
  text-align: right;  
}

table{
  width:100%;
  max-width:800px;
  border-collapse: collapse;
  font-size:1.1em;
}

.moreButton{
  position:relative;
  align-self: center;
  background-color: #fff;
  background-image: none;
  background-position: 0 90%;
  background-repeat: repeat no-repeat;
  background-size: 4px 3px;
  border-radius: 15px 225px 255px 15px 15px 255px 225px 15px;
  border-style: solid;
  border-width: 1px;
  box-shadow: rgba(0, 0, 0, .2) 15px 28px 25px -18px;
  box-sizing: border-box;
  color: #aaa;//#41403e;
  cursor: pointer;
  display: inline-block;
  font-family: Neucha, sans-serif;
  font-size: 0.7rem;
  line-height: 13px;
  outline: none;
  padding: .15rem .70rem;
  text-decoration: none;
  transition: all 235ms ease-in-out;
  border-bottom-left-radius: 10px 255px;
  border-bottom-right-radius: 225px 10px;
  border-top-left-radius: 255px 10px;
  border-top-right-radius: 10px 225px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
	border-color: #aaa;
	
  margin-top:-2px;
  margin-left:10px;
  margin-bottom:10px;
  z-index:99;
  }

.moreButton:hover {
  box-shadow: rgba(0, 0, 0, .3) 2px 8px 8px -5px;
  transform: translate3d(0, 2px, 0);
}

.moreButton:focus {
  box-shadow: rgba(0, 0, 0, .3) 2px 8px 4px -6px;
}	

.contentBox, .moreBoxBlur{
  width:100%;
  max-width:800px;
}
.contentBox{
  border-radius: 5px;
  border: 1px solid silver;
  height:40px; 
  overflow:hidden; 
  padding:3px 5px;
  margin-bottom:10px; 
  z-index:5;
}
.moreBoxBlur{
	background-color: #fff;
	backdrop-filter: blur(10px); 
	opacity: 0.8;
	height:10px;
	z-index:10;
	margin-top:-21px;
	margin-left:5px;
}

.divTotalpreis{
  background-color:#fff;
  position:fixed;
  bottom:0px;
  right:0px;
  width:auto;
  height:40px;
  border:5px solid yellow;
  border-bottom:0px;
  border-right:0px;
  border-radius:10px 0px 0px 0px;
  box-shadow: rgba(0, 0, 0, .2) 15px 28px 25px -18px;
  font-size:1.2em;
  color:navy;
  text-align:center;
  padding-top:5px;
  margin-bottom:0px;
  padding-right:15px;
  padding-left:15px;  
}


body{
  font-size:1.2em;
  font-family: "Helvetica", sans-serif;
}

h1{
  border-top: 2px solid silver;
  border-bottom: 2px solid silver;	
  margin-bottom:0px;
  margin-top:50px;
}

h2{
  color:navy;
  text-decoration:underline;
}

@media (max-width: 721px) {
  body{
  }
  .moreButton{
	font-size:1.4rem !important;
    line-height: 20px !important;
  }
}

@media (min-width: 720px) {
  body{
  }
  .mainDiv{
	width:1200px;
  }
  .ArtikelImg{
  }
}