/* ||| COPY: CSS ||| Start */

/* | | BH-Größen WÄHLER */

#bra-size-chooser {
	float: left;
	width: 66%;
}
#bra-size-chooser h2 {
	margin-top: 10px;		/* contain Korrektur */
}
#step-1, #step-2 {
	white-space: nowrap;
	display: none;
}
#step-1.on, #step-2.on {
	display: inline;
}
#size-nav {
	position: relative;		/* pos Bezugspunkt */
  float: left;					/* contain */
	width: 100%;
}
#size-nav .u-plus-cups {
	float: left;
}
/* U + Cup Buttons */
#size-nav .bra-u, #size-nav .bra-cup {
	display: block;
  font-family: "Century Gothic", "CenturyGothicRegular", "Avant Garde", "URW Gothic L", "Futura", "sans-serif";
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	border: 1px solid #ccc;
	border-radius: 8px;
	padding: 16px 10px;
	width: 33px;
	line-height: 21px;
	margin: 0 0 15px 15px;
	background: #fff;
	-ms-user-select: none;		/* for a Test */
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
#size-nav .bra-cup {
	text-decoration: none;
	font-weight: normal;
}
/* U + Cup Buttons interaktiv*/
#size-nav .bra-u:hover, #size-nav .bra-u:active, #size-nav .bra-u.on,
#size-nav .bra-cup:hover, #size-nav .bra-cup:active {
	cursor: pointer;
	color: #fff;
	background: #ea0c8b;
	border-color: #ea0c8b;
}
#size-nav .bra-u:active, #size-nav .bra-cup:active {
	transform: translateY(2px);
}
/* Cups Untermenüs */
#size-nav .bra-cup-sizes {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 0 15px 0;
	padding: 15px 0 0 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #f6f6f6;
}
#size-nav .bra-cup-sizes.on {
	display: block;
}
#size-nav .bra-cup-sizes li {
	float: left;
}
/* | | Info, Hilfe, Beratung */
#bra-size-help {
	width: 30%;
	float: right;
}
#bra-question {
	width: 225px;
	margin-bottom: 20px;
}
/* Mobile */
@media only screen and (max-width: 639px) { /* breakpoint */
	#bra-size-chooser, #bra-size-help {
		/* float: none; 	nicht, für contain */
		width: 100%;
	}
	#bra-size-help {
		margin-top: 14px;
	}
	#bra-question {
		width: auto;
	}
}

/* ||| COPY: CSS ||| End */