@media (max-width:991px) {
.container {sortiment

    max-width: 991px;
}
}

#mainNav {
    background-color: #fff;
}

#mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:hover {
    color: #d6a140 !important;
}

.collapse {
    padding-bottom: 10px;
}

.collapse.in {
    display: flex;
}

.col-4 .portfolio-box {padding:0 0 0 10px;}

.col-4 .portfolio-box img {max-width:95%;height:auto;}

#kategorien {padding:60px 0 0 0;}
#sortiment {padding:0 0 30px 0;}

#sortiment .col-8 p a {color: #d6a140;text-decoration: underline;}
#sortiment .col-8 p a:hover {color: #ab8133;}

#versandarten, #meinedaten, #zahlungsarten {padding:30px 0 20px 0;}
#bestellen {padding:30px 0 80px 0;}

#sortiment form .btn, #weine form .btn {margin:20px 0 0 -10px;}

.btn-link {margin-top:-5px}

.act {background-color: #92a1ae !important;}

.gold {color:#d6a140;margin-bottom:30px;}

#sortiment .section-heading {text-align:center;}

#sortiment p {margin-top:0;margin-bottom:0.7rem;}

#kategorien button {border:2px solid #fff;}
#sortiment .col-6, #sortiment .col-lg-4 {padding-left:0;padding-right:0;}

.table td, .table th {padding: 5px 0 5px 0;}

.sum {height:0 !important;}

td.art_col_0 {width:100%;display:block;margin:0;vertical-align:top;}

table .portfolio-box {transform:rotate(90deg);width:150px;margin:0;position:relative;top:-43px;left:0;padding:0;}
table .portfolio-box img {position:relative;top:0;left:45px;height:150px;}

th.art_col_0, th.art_col_1, th.art_col_2, th.art_col_3, 
td.art_col_0, td.art_col_1, td.art_col_2, td.art_col_3 {float:left;}

th.art_col_3, td.art_col_3, th.art_col_4, td.art_col_4, 
th.art_col_5, td.art_col_5 {text-align:right;white-space:nowrap;}

th.art_col_2, td.art_col_2, th.art_col_5, td.art_col_5 {width:40px;}

td.art_col_0, td.art_col_1 {width:100%}

th.art_col_1, th.art_col_2, th.art_col_3, th.art_col_5 {display: none}

th, td {vertical-align:bottom !important;}

tr {border-bottom:1px solid #000}

tr.break, tr.gsum {border-top:2px solid #000}
tr.gsum {border-bottom:2px solid #000}

th, td {border:none !important;}

td.sum.art_col_1, td.sum.art_col_2, td.sum.art_col_3, td.sum.art_col_5 {display:none}

#weine {padding:0 0 80px 0;}

#sortiment .btn-link {color:#d6a140;}
#sortiment .btn-link:hover {color:#92a1ae;}

.prev, .next {display:inline-block;width:145px;}
.prev {text-align:right;}
.next {text-align:left;}
.cent {display:inline-block;width:50px;text-align:center;padding-left:2px;}
.prev a, .next a {dsplay:block;width:145px;height:20px;}

#open22, #open3, #open44 {border-bottom:1px solid #000;padding-bottom:2px;}
#open22:hover, #open3:hover, #open44:hover {border-bottom:1px solid #d6a140;text-decoration:none;}

#btnkdnr {
	border-radius:.25rem;border:1px solid #ced4da;margin:10px 0 0 0 !important;background:#eee;color:#000;
	height:calc(2.25rem + 2px);width:100%;padding: .375rem .75rem;text-transform: inherit;cursor:pointer;
	}
	
#btnkdnr:hover {background:#fff;}

#versand, #zahlung {font-weight:500}

.xcol-8 {padding-left:40px !important;}

.col-8 p {font-size:0.9rem}

.form-row {margin-right: -10px !important;margin-left: -10px !important;}

.medaille {position:absolute;left:-70px;top:5px;}

.sterne {position:absolute;left:-142px;top:50px;}

.pmedaille {margin-left:50px}

.bind {display:inline-block;}

.subnav {margin:20px 0 80px 0;width:100%;}
.subnav .prev {margin-left:-30px;}
.subnav .cent {display:none;}
.subnav .next {float:right;margin-right:-20px;}

.vis {visibility:hidden;height:38px;}

.form-control.vis {visibility:visible !important}

.btn-outline-secondary {background-color: #fff;border: 1px solid #ced4da;}
.btn-decrement {margin:0 0 0 -10px !important;}
.btn-increment {margin:0 0 0 0 !important;}


.tech-slideshow {
  height: 220px;
  width: 100% !important;
  position: absolute;
  bottom:0;
  left:0;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  z-index:0;
}

.tech-slideshow #tech-outer {
  height: 220px;
  width: 5972px;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate3d(0, 0, 0);
  animation: moveSlideshow 30s linear infinite;
}

.tech-slideshow #tech-outer .tech-inner {
  height: 220px;
  width: 5972px;
  display:block;
  float:left;
  background: url(imageticker.png);
  background-repeat:repeat-x;
}

#about .shop {
  margin-top:70px;
  position:relative;
  z-index:100;
}
#about .shop .btn {
  position:relative;
  top:-10px;
  left:50%;
  with:220px;
  margin-left:-111px;
}

.infobtn {font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;font-weight: 700;text-transform: uppercase;font-weight:strong;display:block;background:#fff;height:28px;border-bottom:1px solid #92a1ae;width:calc(100% - 10px);border-radius: 0;text-align:left;padding:0;color:#92a1ae;margin:10px 0 20px 0;}
.infobtn:hover {background:#fff;color:#000;border-bottom:1px solid #000;cursor:pointer;}
.infobtn:focus {outline:0}
.box {display:none;margin:120px 10px 20px -75%;font-size:0.9em;}
.show {display:block;}
.box td {vertical-align:top !important;padding:3px 0 5px 0}
.box td:nth-child(1) {padding-right:10px}

.ausv, .ausv:hover {background-color: #92a1ae !important;cursor:text !important}

#menu .col-lg-4, #menu .col-lg-12 {padding:0;}
#menu button {border:5px #fff solid;}

.act {background-color: #92a1ae !important;}
#about {padding:15px 0 140px 0 !important;}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {width:32.5% !important}
.dropdown-item.active, .dropdown-item:active {background-color:#d6a140}
.dropdown-toggle.btn-light {background-color:#eee;}

.birthdayPicker {widrh:100% !important;}
.birthdayPicker .span2 {text-size:200em;}
.birthdayPicker select {
	border-style: none;
	background: #212529;
	text-shadow: none;
	color: #999;
	cursor: pointer;
	position: relative;
	width: 100%;
	text-align: right;
	white-space: nowrap;
	background-color: #eee;
	margin: 0 4px;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    border-radius: 300px;
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
	text-align:left;
	vertical-align: middle;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	-webkit-appearance: none;
  	-moz-appearance: none;
	outline: none !important;
  }
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {width: 32% !important;}
.birthdayPicker select:hover {
	background-color: #dae0e5;
	border-color: #d3d9df;
}
.birthdayPicker select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #999;
}
.birthdayPicker select:hover option {
	background-color: #fff;
	border-color: #fff;
}
.birthdayPicker option:checked, .birthdayPicker option:hover {
	background-color: #d6a140;
	border-color: #d6a140;
}
.birthdayPicker option {
	text-transform: none;
	outline: none;
}
.birthdayPicker select.dropdown option:hover {
    box-shadow: 0 0 10px 100px #d6a140 inset;
}
#menu .col-lg-6 .btn-primary {max-width:100%;}
.error {color:#721c24}
.form-control.error {background-color:#f8d7da !important;color:#000;}

#widerruf form, .form_warning {display:block;width:100%;margin:0 auto}

@media (min-width:992px) {
#widerruf form, .form_warning  {display:block;width:50%;margin:0 auto}
}

#widerruf input {
	display:block;
	width:100%;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	height: calc(2.25rem + 2px);
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	}
#widerruf label {display:block;width:100%;text-align:left}
#widerruf .submit {
	display:inline-block;
	background-color:#d6a140;
	margin: 20px auto 0 auto;
	font-weight: 700;
	text-transform: uppercase;
	border: none;
	border-radius: 300px;
	font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
	width:inherit;
	color:#fff;
	cursor: pointer;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
}

#widerruf .submit:hover {
   background-color: #92a1ae;
}


@keyframes moveSlideshow {
  100% { 
    transform: translateX(-25%);  
  }
}

@media (min-width:420px) {

.bind {display:none;}
}

@media (min-width:520px) {
	
.col-8 {padding-left:5px !important;}
.col-8 p {font-size:1rem}
.form-row {margin-right: -5px !important;margin-left: -5px !important;}
	
.delbtn {float:right;}

.infobtn {margin-bottom:20px;}
.box {margin:0 10px 20px 0;}
}

@media (max-width:519px) {
	
.col-4 {
	-ms-flex: 0 0 45%;
	flex: 0 0 45%;
	max-width: 45%;
	}

.col-5 {
    -ms-flex: 0 0 51%;
    flex: 0 0 51%;
    max-width: 51%;
}
	
.col-8 {
	-ms-flex: 0 0 55%;
	flex: 0 0 55%;
	max-width: 55%;
	}
	
.col-8 form {width:290px}

col-8 form input {width:50%}

#sortiment {overflow-x:hidden}

}

@media (min-width:750px) {
	
th.art_col_2, td.art_col_2 {text-align:right;}
	
th.art_col_0, th.art_col_1, th.art_col_2, th.art_col_3, 
td.art_col_0, td.art_col_1, td.art_col_2, td.art_col_3 {float:none;}

th.art_col_0, th.art_col_1, th.art_col_2, th.art_col_3, th.art_col_4, th.art_col_5, 
td.sum.art_col_1, td.sum.art_col_2, td.sum.art_col_3, td.sum.art_col_5 {display:table-cell}

th, td {vertical-align:top !important;}
	
.table td, .table th {padding: 5px 20px 5px 0;}
#menu .col-lg-6 .btn-primary {max-width:50%}
}

@media (min-width:768px) {
	
.subnav {text-align:center !important;}
.subnav .prev {margin-left:0;}
.subnav .cent {display:inline-block;}
.subnav .next {float:none;margin-right:0;}
.box {margin:65px 10px 20px -50%;}
.birthdayPicker select.dropdown.bootstrap-select {width: 32.5% !important;}
}

@media (min-width:992px) {

#mainNav {background-color: #d6a140}
#mainNav .navbar-nav > li.nav-item > a.nav-link:hover {color: #fff !important}
.box {margin:0 10px 20px 0;}
#menu .col-lg-6 .btn-primary {max-width:34%}
#menu .col-lg-6 {flex: 0 0 100%;max-width:100%}
}

@media (max-width:600px) {

#menu .sekt, #menu .paten {width:100%;max-width:100%}
}