/* vanilla datepicker */
.datepicker{width:-moz-min-content;width:min-content}.datepicker:not(.active){display:none}.datepicker-dropdown{padding-top:4px;position:absolute;z-index:20}.datepicker-dropdown.datepicker-orient-top{padding-bottom:4px;padding-top:0}.datepicker-picker{background-color:#fff;border-radius:4px;display:flex;flex-direction:column}.datepicker-dropdown .datepicker-picker{box-shadow:0 2px 3px hsla(0,0%,4%,.1),0 0 0 1px hsla(0,0%,4%,.1)}.datepicker-main{flex:auto;padding:2px}.datepicker-footer{background-color:#f5f5f5;box-shadow:inset 0 1px 1px hsla(0,0%,4%,.1)}.datepicker-title{background-color:#f5f5f5;box-shadow:inset 0 -1px 1px hsla(0,0%,4%,.1);font-weight:700;padding:.375rem .75rem;text-align:center}.datepicker-controls{display:flex}.datepicker-header .datepicker-controls{padding:2px 2px 0}.datepicker-controls .button{align-items:center;background-color:#fff;border:1px solid #dcdcdc;border-radius:4px;box-shadow:none;color:#363636;cursor:pointer;display:inline-flex;font-size:1rem;height:2.25em;justify-content:center;line-height:1.5;margin:0;padding:calc(.375em - 1px) .75em;position:relative;text-align:center;vertical-align:top;white-space:nowrap}.datepicker-controls .button:active,.datepicker-controls .button:focus{outline:none}.datepicker-controls .button:hover{border-color:#b8b8b8;color:#363636}.datepicker-controls .button:focus{border-color:#3273dc;color:#363636}.datepicker-controls .button:focus:not(:active){box-shadow:0 0 0 .125em rgba(50,115,220,.25)}.datepicker-controls .button:active{border-color:#474747;color:#363636}.datepicker-controls .button[disabled]{cursor:not-allowed}.datepicker-header .datepicker-controls .button{border-color:transparent;font-weight:700}.datepicker-header .datepicker-controls .button:hover{background-color:#f9f9f9}.datepicker-header .datepicker-controls .button:active{background-color:#f2f2f2}.datepicker-footer .datepicker-controls .button{border-radius:2px;flex:auto;font-size:.75rem;margin:calc(.375rem - 1px) .375rem}.datepicker-controls .view-switch{flex:auto}.datepicker-controls .next-button,.datepicker-controls .prev-button{flex:0 0 14.2857142857%;padding-left:.375rem;padding-right:.375rem}.datepicker-controls .next-button.disabled,.datepicker-controls .prev-button.disabled{visibility:hidden}.datepicker-grid,.datepicker-view{display:flex}.datepicker-view{align-items:stretch;width:15.75rem}.datepicker-grid{flex:auto;flex-wrap:wrap}.datepicker .days{display:flex;flex:auto;flex-direction:column}.datepicker .days-of-week{display:flex}.datepicker .week-numbers{display:flex;flex:0 0 9.6774193548%;flex-direction:column}.datepicker .weeks{align-items:stretch;display:flex;flex:auto;flex-direction:column}.datepicker span{-webkit-touch-callout:none;align-items:center;border-radius:4px;cursor:default;display:flex;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.datepicker .dow{font-size:.875rem;font-weight:700;height:1.5rem}.datepicker .week{color:#b8b8b8;flex:auto;font-size:.75rem}.datepicker .days .dow,.datepicker-cell{flex-basis:14.2857142857%}.datepicker-cell{height:2.25rem}.datepicker-cell:not(.day){flex-basis:25%;height:4.5rem}.datepicker-cell:not(.disabled):hover{background-color:#f9f9f9;cursor:pointer}.datepicker-cell.focused:not(.selected){background-color:#d3017b33}.datepicker-cell.selected,.datepicker-cell.selected:hover{background-color:#d3017b;color:#fff;font-weight:600}.datepicker-cell.disabled{color:#dcdcdc}.datepicker-cell.next:not(.disabled),.datepicker-cell.prev:not(.disabled){color:#7a7a7a}.datepicker-cell.next.selected,.datepicker-cell.prev.selected{color:#e6e6e6}.datepicker-cell.highlighted:not(.selected):not(.range):not(.today){background-color:#f5f5f5;border-radius:0}.datepicker-cell.highlighted:not(.selected):not(.range):not(.today):not(.disabled):hover{background-color:#efefef}.datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused{background-color:#e9e9e9}.datepicker-cell.today:not(.selected){background-color:#00d1b2}.datepicker-cell.today:not(.selected):not(.disabled){color:#fff}.datepicker-cell.today.focused:not(.selected){background-color:#00ccad}.datepicker-cell.range-end:not(.selected),.datepicker-cell.range-start:not(.selected){background-color:#b8b8b8;color:#fff}.datepicker-cell.range-end.focused:not(.selected),.datepicker-cell.range-start.focused:not(.selected){background-color:#b3b3b3}.datepicker-cell.range-start:not(.range-end){border-radius:4px 0 0 4px}.datepicker-cell.range-end:not(.range-start){border-radius:0 4px 4px 0}.datepicker-cell.range{background-color:#dcdcdc;border-radius:0}.datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover{background-color:#d7d7d7}.datepicker-cell.range.disabled{color:#c6c6c6}.datepicker-cell.range.focused{background-color:#d1d1d1}.datepicker-input.in-edit{border-color:#276bda}.datepicker-input.in-edit:active,.datepicker-input.in-edit:focus{box-shadow:0 0 .25em .25em rgba(39,107,218,.2)}
.datepicker-dropdown {
	position: absolute !important;
	z-index: 20;
	padding-top: 4px;
}
/* Shapes */
.chevron::before {
	border-style: solid;
	border-width: 0.15em 0.15em 0 0;
	content: '';
	display: inline-block;
	height: 0.41em;
	left: 0.15em;
	position: relative;
	top: 0.15em;
	transform: rotate(135deg);
	vertical-align: top;
	width: 0.41em;
}
.chevron.right:before {
	left: 0;
	transform: rotate(45deg);
}

/* Filter Form */
.sb_toggle_a,
.sb_toggle_b,
.sb_toggle_c {
	cursor: pointer;
}
.sb_show {
	max-height: 100% !important;
}

#sb_cart_container {
    margin-left: 3%;
    width: 97%;
}
.sb_mt_40 {
	margin-top: 40px;
}
.sb_w_full {
	width: 100% !important;
	margin: 0 !important; 
	padding: 0 !important;
	padding-top: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 40px !important;	
}
.sb_no_y_padding {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.et_pb_contact_form .input {
    background-color: #FFF8E0;
}
.et_pb_contact_submit.et_pb_button {
    color: #D3017B!important;
    border-width: 2px!important;
    font-size: 16px;
}
.input.sb-order-field {
    -webkit-appearance: none;
    border: 0;
    border-radius: 0;
    font-size: 14px;
    padding: 10px 0;
    background: transparent;
    width: 100%;
}
.sb-cart-container {
    margin-bottom: 3rem !important;
}
.sb_pb_column_1_4 h6 {
	font-size: 23px !important;
}
.sb_pb_button {
	font-size: 15px !important;
}

.break-word {
  hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  -ms-word-break: break-all;
  word-wrap: break-word;
}
.sb_pb_button:after, 
.sb_pb_button:before {
  font-size: 20px !important;;
}
/* The container */
.sb_filter_container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #707070;
}
.sb_from_row {
	width: 97%;
    padding-left: 3%;
}
.sb_from_row label{
	color: #d3017b;
	font-size: 18px;
	padding-top: 4px;
}


/* Form Select */
.sb_select {
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    padding-left: 3%;
}    
.sb_select select {
	font-family: 'Filson Soft Regular';
	font-size: 14px;
	display: inline-block;
	width: 100%;
	cursor: pointer;
	padding: 15px;
	outline: 0;
	border: 0px solid #000000;
	border-radius: 0px;
	background: #FFF8E0;
	background-color: #FFF8E0;
	color: #ababab;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.sb_select select::-ms-expand {
	display: none;
}
.sb_select select:hover,
.sb_select select:focus {
	color: #707070;
}
.sb_select select:disabled {
	opacity: 0.5;
	pointer-events: none;
}

/* Hide the browser's default checkbox */
.sb_filter_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.sb_checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #ccc;
}

/* On mouse-over, add a grey background color */
.sb_filter_container:hover input ~ .sb_checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.sb_filter_container input:checked ~ .sb_checkmark {
  background-color: #707070;
}

/* Create the checkmark/indicator (hidden when not checked) */
.sb_checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.sb_filter_container input:checked ~ .sb_checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.sb_filter_container .sb_checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.wrapper {
  display: flex;
}

.inner {
  max-height: 0;
  width: 100%;
  overflow: hidden;
  transition: max-height 0.5s ease-out;
}

.wrapper.is-open .inner {
  max-height: 100%;
}

.sb_filter_items {
	list-style: none;
	padding-left: 0;
}

.sb_box {
	background: rgba(33, 33, 33, .05);
	border: 1px solid #ccc;
}
.sb_box h2 {
	width: 100%;
	text-align: center;
}

/* The Modal (background) */
.sb_auswahl_modal {
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.8);
}

/* Modal Content/Box */
.modal-content {
  background-color: #FFF8E0;
  margin:auto;
  margin-top: 200px;
  padding-top: 24px;
  padding-left: 20px;
  padding-bottom: 16px;
  width: 90%; /* Could be more or less, depending on screen size */
  max-width: 600px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.modal-left {
	width: 280px;
	margin-bottom: 32px;
}
.modal-content > img {
	width: 280px; 
	height: auto;
}

p.modal-head {
    font-weight: bolder;
    color: #d3017b;
}
p.modal-body {
	margin-top: 16px;
	margin-bottom: 36px;
}
.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

button {
	cursor: pointer;
}

@media only screen and (min-width:1350px) {
	.sb_box .et_pb_row {
		padding-top: 20px;
		padding-bottom: 5px;
	}
}

@media (min-width:981px) {
	.et_pb_gutters3 .et_pb_column_1_4 .et_pb_module,
    .et_pb_gutters3.et_pb_row .et_pb_column_1_4 .et_pb_module {
		margin-bottom: 7%;
	}
    .et_pb_gutters3 .et_pb_column_1_4,
    .et_pb_gutters3.et_pb_row .et_pb_column_1_4 {
        width: 21%;
    }
    .et_pb_gutters3 .et_pb_column,
    .et_pb_gutters3.et_pb_row .et_pb_column {
        margin-right: 4%;
    }
}

@media (max-width:700px) {
    .modal-left {
		width: 95%;
	}
	.modal-content > img {
		width: 90%; 
	}

}