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;}
/* styles für Formular*/
.form-control:focus {box-shadow: 0 0 0 .2rem rgba(81,177,105,1);border: none;}
.form-wrapper form label {display: block;margin-bottom: 8px;color: #000;font-weight: bolder;font-size: 13px; position:relative}
.form-wrapper 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;border-radius: 3px;overflow: hidden;}
.form-head {border-top: 5px solid #9BC243;border-bottom: 1px solid #eee;}
.form-head p,.form-wrapper form {padding: 15px 30px;}
.form-wrapper 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 {margin:0;width: 60%}
.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;}
.pwd-container{position:relative;}
.pwd-container input{background:#fff;}
.pwd-container i{display:block!important;position:absolute;top:12px;right:15px;cursor:pointer;}
.pwd-qualitiy-container {display:none;}
.pwd-qualitiy-container .indicator{height: 5px;}
.form-row a { display: inline-block; font-size: 10px; color: #888; text-decoration: underline; }
/*close icon*/

.close {position: absolute;top: 1px;right: 10px;font-size: 30px;opacity: 1;z-index: 1;}
.close .fa-times-circle {color: #a80011;text-shadow: none;background-color: #fff;border-radius: 50%;font-size: 30px;}
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {opacity: 1;}
.modal-body {padding: 20px 30px}
#pflichtfeld {text-align: right;font-size: 10px;color: #888;}
/*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;}
#login-error-container p { color: #a80011}
#address-error-container p { color: #a80011}

a.p2.continue {color:#888; }

/*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;}
	.form-wrapper {width: 100%;}
	.form-group-inner-right, .form-group-inner-right select {width: 195px;}
	.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 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;}
	.card-wrapper, .fusszeile {width: 371px;}
	.form-group {width: 100%}
}
@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;}
	.card-wrapper, .fusszeile {width: 271px;}
}