button {color: #666;background: #f9f9f9;}
main {margin-bottom: 80px; }
h1 {margin-top: 0;font-size: 26px;font-weight: bolder;color: #a80011;}
h2 {font-size: 18px;color: #a80011;}
p {font-size: 14px;color: #000;}
a, .breadcrumb-item.active {color: #000;}
.breadcrumb-item a {color: #666;}
.breadcrumb {background: none;padding: 0;margin: 25px 0 20px;}
span {font-weight: bolder;}
.underline {border-bottom: 1px solid #666;font-weight: normal;}
/*styles intro*/
#content-container {margin-bottom: 50px;}
.kennlern-bild, .kennlern-introtext {display: inline-block;}
.kennlern-bild {width: 41.66%;float: left;}
.kennlern-introtext {width: 53.33%;margin-left: 5%;}
/*styles Zustellung Container*/
/*styles container formular und probierpaket*/
.newsletter-left, .newsletter-right {float: left;}
.newsletter-left {margin-right: 40px;}
/* styles für Formular*/
.form-control:focus {box-shadow: 0 0 0 .2rem rgba(81,177,105,1);border: none;}
form label {display: block;margin-bottom: 8px;color: #000;font-weight: bolder;font-size: 13px;}
select {color: #666;width: 60px;padding: 8px 5px;margin-top: -5px;border: 1px solid #eeeeee;border-radius: 3px;cursor: pointer;appearance: none;-moz-appearance: none;-webkit-appearance: none;}
.form-wrapper {background: #fff;width: 580px;border-radius: 3px;overflow: hidden;}
.form-head {border-top: 5px solid #9BC243;border-bottom: 1px solid #eee;}
.form-head p, form {padding: 15px 30px;}
form {padding-bottom: 30px;}
.form-head p {margin: 0;padding:15px 25px;}
.form-zeile {margin-top: 20px;}
.form-zeile:first-child {margin-top: 0;}
.form-group-left, .form-group-right {width: calc(50% - 10px);}
.form-group-left {margin-right: 10px;}
.form-group-right {margin-left: 10px;}
.form-group-inner-left, .form-group-inner-left select {width: 100px;}
.form-group-inner-right, .form-group-inner-right select {width: 140px;}
.form-group-inner-left {margin-right: 5px;display: inline-block;}
.form-group-inner-right {margin-left: 5px;display: inline-block;}
.selectpicker {padding: 8px 5px;border: 1px solid #dadada;border-radius: 3px;width: 100%;background: url("../img/sort.png") no-repeat 96%;background-size: inherit;}
.select-sm {background-position: 90%;}
.select-md {background-position: 92%;}
#pflichtfeld {text-align: right;font-size: 10px;color: #888;}
.form-group-bday input {display: inline-block;width: 25%;}
.form-group-bday input::placeholder {text-align: center;}
#day, #month {margin-right: 10px;width: 65px;}
#year {width: 96px;}
.newsletter-check-wrapper {margin-top: 20px;margin-bottom: 20px;}
.newsletter-check input[type="checkbox"] {display: none;}
.newsletter-check input[type="checkbox"] + label::before {width: 25px;height: 25px;background-image: url("../img/checkbox.png");background-repeat: no-repeat;display: block;content: "";cursor: pointer;margin-top: 5px;}
.newsletter-check input[type="checkbox"]:checked + label::before {background-image: url("../img/check-box.png");background-repeat: no-repeat;}
#newsletter-check-text {color: #888;font-size: 10px;}
form .button {padding: 10px 45px;font-size: 14px !important;font-weight: bolder;border-radius: 2px;border: none;background: -moz-linear-gradient(top, #8AAE13 0%, #9BC243 100%);background: -webkit-linear-gradient(top, #8AAE13 0%,#9BC243 100%);background: linear-gradient(to bottom, #8AAE13 0%,#9BC243 100%);cursor: pointer;text-align: center;color: #fff;width: 300px;margin: 0 auto;display: block;}
form .button:hover {background:#8AAE13;background-image:-webkit-gradient(linear,left top, left bottom,from(#9BC243),to(#8AAE13));background-image:-webkit-linear-gradient(top,#9BC243,#8AAE13);background-image:-moz-linear-gradient(top,#9BC243,#8AAE13);background-image:-o-linear-gradient(top,#9BC243,#8AAE13);background-image:linear-gradient(top,#9BC243,#8AAE13);background-image:-ms-gradient(top,#9BC243,#8AAE13);}
/*styles Gefro Probierpaket*/
.card-wrapper {background-color: #fff;width: 400px;border: 1px solid #eee;border-radius: 3px;overflow: hidden;}
.hdl-like {text-align: center;font-size: 14px;}
.hdl-like span {font-size: 18px;}
.hdl-card-bod {color: #666;margin-bottom: 10px;padding-left: 10px;font-size: 14px;}
.text-bg {background-color: #f9f9f9;}
.cont-card-bod li {padding: 5px 10px;font-size: 12px;margin: 5px 0;}
.cont-card-bod .fa-angle-right {margin-right:  3px;}
.fusszeile {color: #888888;font-size: 10px;margin-top: 10px;width: 400px;}
#address-error-container p { color: #a80011}
/*responsive Styles*/
@media(max-width:1238.98px) {
	.newsletter-left {margin-right: 20px;}
	.card-wrapper, .fusszeile {width: 330px;}
}
@media(max-width: 991.98px) {
	#content-container {margin-bottom: 20px;}
	.kennlern-introtext {width: 100%;margin: 20px 0 0;display: block;text-align: justify;}
	.kennlern-bild {width: 100%;float: none;display: block;}
	.kennlern-bild img {margin: 0 auto;	display: block;}
	.form-wrapper {width: 100%;}
	.newsletter-left {margin-right: 0;}
	.form-group-inner-right, .form-group-inner-right select {width: 195px;}
	#day, #month {width: calc(25% - 15px);}
	#year {width: 50%;}
	.newsletter-left, .newsletter-right {float: none;}
	.probierpaket {margin-top: 30px;}
	.card-wrapper, .fusszeile {width: 400px;margin: 0 auto;}
}
@media(max-width:767.98px) {
	.form-group-inner-left, .form-group-inner-left select {width: 80px;}
	.form-group-inner-right, .form-group-inner-right select {width: 125px;}
}
@media(max-width:575.98px) {
	.form-group-left, .form-group-right {width: 100%;margin: 0;}
	.form-zeile {margin-top: 0;}
	form label {margin-top: 20px;}
	#pflichtfeld {position: absolute;right: 35px;top: 100px;}
	.form-group-inner-left, .form-group-inner-left select, .form-group-inner-right, .form-group-inner-right select {width: calc(50% - 8px);}
	.selectpicker.select-sm, .selectpicker.select-md {width: 100%;}
}
@media(max-width: 450.98px) {
	.input.newsletter-check {max-width: calc(10% + -10px);float: left;margin-right: 20px;padding: 0;}
	.newsletter-text-wrapper {max-width: calc(90% - 10px);padding: 0;}
	.card-wrapper, .fusszeile {width: 371px;}
}
@media(max-width: 400.98px) {
	.form-group-inner-left, .form-group-inner-left select, .form-group-inner-right, .form-group-inner-right select {width: 100%;margin: 5px 0 0;}
	.select-sm {background-position: 96%;}
	.select-md {background-position: 96%;}
	#day, #month {width: calc(30% - 15px);}
	#year {width: 40%;}
	.card-wrapper, .fusszeile {width: 271px;}
}
@media(max-width: 350.98px) {
	.kennlern-introtext {text-align: left;}
}