body { 							text-align: center; margin: 0; border: 0; background-color: #ffffff; font-family: "Work Sans", sans-serif; 
								font-size: 19px; color: #1d1e2f; }


#info-badge {					z-index: 98; position: absolute; background: #840038; color: #ffffff; font-size: 17px; 
								line-height: 25px; overflow: hidden; padding: 50px 40px; width: 200px; height: 170px; text-align: center; 
								border-radius: 150px; top: 476px; rotate: -5deg; left: 100px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.85); }
#info-badge p {					font-family: "Work Sans", sans-serif; margin: 0 0 5px 0; }
#info-badge p:first-child {		font-family: "Nexa XBold", sans-serif; }
#info-badge p .fair {			background-image: url(../pictures/fair-logo.svg); width: 60px; height: 40px; display: inline-block; 
								background-repeat: no-repeat; filter: brightness(10); vertical-align: middle; margin: 2px 5px; }
#info-badge p .fair:hover { 	filter: brightness(1); }
#info-badge p a:visited,
#info-badge p a {				color: #ffffff; text-decoration: none; }
#info-badge p a:hover {			text-decoration: underline; }
#info-badge p .material-icons {	vertical-align: middle; }

@media all and (max-width: 1200px) {
	#info-badge {				top: 380px; left: 20px; }
}

@media all and (max-width: 1000px) {
	#info-badge {				background: #840038; font-size: 13px; line-height: 20px; width: 160px; height: 140px; padding: 40px 30px; }
}

@media all and (max-width: 850px) {
	#info-badge {				top: 280px; left: 20px; }
}

@media all and (max-width: 700px) {
	#info-badge {				top: 200px; left: auto; right: 10px; rotate: 7deg; }
}

@media all and (max-width: 580px) {
	#info-badge {				top: 175px; font-size: 12px; line-height: 17px; width: 150px; height: 130px;
								padding: 35px 25px; }
}

@media all and (max-width: 500px) {
	#info-badge {				top: 165px; font-size: 12px; line-height: 16px; width: 150px; height: 130px;
								padding: 35px 25px; }
}

@media all and (max-width: 450px) {
	#info-badge {				top: 135px; }
}



.positioner {					width: 1200px; text-align: left; margin: 0 auto; position: relative; }

#navi {							height: 115px; }
#logo {							background-image: url(../pictures/mophys_Logo.svg); width: 220px; height: 70px; background-repeat: no-repeat; 
								background-size: contain; margin: 40px 0 4px 1px; float: left; }
.navi {							font-family: "Nexa XBold", sans-serif; float: right; line-height: 35px; margin: 54px 0 0 0; font-size: 16px; }
.navi a:visited,
.navi a {						text-decoration: none; color: #1d1e2f; text-transform: uppercase; margin: 0 0 0 20px; }
.navi a:hover {					color: #468c98; }
.navi a.boxed {					border: 3px solid #840038; padding: 11px 10px; }

#nav-opener {					width: 54px; text-align: right; }
#nav-opener .material-icons {	font-size: 35px; }

#menu {							background-color: #ffffff; position: absolute; top: 0; right: 0; height: 100%; width: 251px; z-index: 99; overflow: hidden;
								box-shadow: -2px 0px 2px 2px rgb(0 0 0 / 25%); font-family: "Nexa XBold"; font-size: 16px; text-transform: uppercase;
								display: none; }
#menu .closer {					border-bottom: 1px solid #dddddd; width: 100%; display: block; line-height: 70px; cursor: pointer; }
#menu .closer:hover {			color: #468c98; }
#menu .closer .material-icons {	font-size: 35px; vertical-align: middle; margin: 0 10px 2px 10px; }
#menu .main {					border-bottom: 1px solid #dddddd; display: block; margin: 15px; padding-bottom: 10px; }
#menu .main .material-icons {	margin-top: -3px; vertical-align: text-bottom; float: right; }
#menu .main > span {			cursor: pointer; display: inline-block; width: 100%; }
#menu .main .colapse {			display: none; }
#menu .main a {					display: none; }
#menu .main a {					border-bottom: 1px dotted #dddddd; padding-bottom: 5px; font-size: 12px; }
#menu .main a:last-child {		border-bottom: none; }
#menu a:visited,
#menu a {						display: block; text-decoration: none; color: #1d1e2f; margin: 5px 0 0 15px; text-transform: inherit; font-size: 12px; }
#menu a.main {					font-size: 16px; }
#menu a:hover {					color: #468c98; }

.key-visual {	 				position: relative; }
.key-visual img {	 			width: 100%; }
.key-visual .covering {			position: absolute; bottom: -1px; }
.key-visual .multiply{			mix-blend-mode: multiply; }
.key-visual-text {				position: absolute; font-family: "Nexa XBold", sans-serif; color: #ffffff; font-size: 45px; top: 325px; right: 45px; 
								margin: 0; background-color: #15263f; max-width: calc(33% - 60px); padding: 10px 15px 0 15px; }
.key-visual-text-mobile {		display: none; }
.key-visual-text .small {		font-size: 22px; margin: 5px 0 5px 0; display: block; }
.key-visual-text .line {		background-image: url(../pictures/key-visual-text.svg); width: 100%; background-repeat: no-repeat; background-size: cover; 
								padding: 0; height: 50px; position: absolute; left: 0; bottom: -50px; }
								
@media all and (max-width: 1200px) {
	.key-visual-text {			font-size: 35px; }
	.key-visual-text .small { 	font-size: 18px; }
}
@media all and (max-width: 1130px) {
	.key-visual-text {				top: 250px; }
}
@media all and (max-width: 950px) {
	.key-visual-text {				top: 200px; }
}
@media all and (max-width: 840px) {
	.key-visual-text {				top: 150px; }
}
@media all and (max-width: 705px) {
	.key-visual-text {			display: none; }
	.key-visual-text-mobile {	display: inherit; }
}

.key-text {						background-color: #840038; color: #ffffff; text-align: center; position: relative; padding: 0 0 70px 0;
								overflow: hidden; }
.key-text .covering {			position: absolute; bottom: -1px; left: 0; }
.key-text h2,
.key-text h3,
.key-text h4 {					font-family: "Nexa XBold", sans-serif; hyphenate-limit-chars: auto 5; hyphenate-limit-lines: 2; hyphens: auto; }
.key-text h2 {					color: #ffffff; font-size: 35px; margin: 0 250px; }
.key-text h3 {					color: #ffffff; text-transform: uppercase; font-size: 18px; margin: 30px 250px 0 250px; }
.key-text h4 {					color: #ffffff; font-size: 19px; font-weight: bold; margin: 30px 250px 0 250px; }
.key-text p {					margin: 25px 250px 0 250px; text-align: left; font-family: "Work Sans", sans-serif; font-size: 19px; 
								hyphenate-limit-chars: auto 5; hyphenate-limit-lines: 2; hyphens: auto; }
.key-text p strong {			font-weight: bold; }
.key-text p.center {			text-align: center; } 
.key-text p .cta { 				color: #ffffff; text-decoration: none; font-size: 15px; display: inline-block; margin: 0 24px 20px 24px;
								font-weight: bold; font-family: "Nexa XBold", sans-serif; }
.key-text p .cta .material-icons{ font-size: 40px; color: #ffffff;}
.key-text p .cta:hover .material-icons{ color: #ffffff;}
.key-text p .material-icons {	vertical-align: middle; margin: 0 0 5px 0!important; }

.key-text .ctas {				text-align: center; margin-top: 20px; }
.key-text .ctas a {				display: inline-block; width: 200px; line-height: inherit; font-size: 11px; background-color: rgba(255, 255, 255, .05); 
								padding: 7px; border-radius: 6px; margin: 5px; text-transform: uppercase; height: 91px; overflow: hidden; }
.key-text .ctas a .material-icons { color: #ffffff;}
.key-text .ctas a:hover .material-icons { color: #ffffff; }
.sports .key-text .ctas a:hover .material-icons { color: #468c98; }
.business .key-text .ctas a:hover .material-icons { color: #468c98; }
.employee .key-text .ctas a:hover .material-icons { color: #468c98; }


#content .ctas {				text-align: center; margin-top: 20px; margin-bottom: 20px; }
#content .ctas a {				display: inline-block; width: 200px; line-height: inherit; font-size: 11px; background-color: rgba(112, 6, 57, 1); 
								padding: 7px; border-radius: 6px; margin: 5px; text-transform: uppercase; height: 91px; overflow: hidden; }
#content .ctas a .material-icons { color: #ffffff; font-size: 35px; margin: 10px 0; }
#content .ctas a:hover .material-icons { color: #ffffff; }
#content .ctas a:hover,
#content .ctas a:visited,
#content .ctas a {				 color: #ffffff!important; font-size: 12px; }



#content p .material-icons {	vertical-align: middle; }
#content h1,
#content h2,
#content h3,
#content h4,
#content h5 {					font-family: "Nexa XBold", sans-serif; text-align: center; hyphenate-limit-chars: auto 5; hyphenate-limit-lines: 2; 
								hyphens: auto; }
#content h1,
#content h2 {					color: #1d1e2f; font-size: 35px; margin: 0 250px; }
#content h3 {					color: #840038; text-transform: uppercase; font-size: 18px; margin: 90px 250px 0 250px; }
#content h4 {					color: #1d1e2f; font-size: 19px; font-weight: bold; margin: 90px 250px 0 250px; }
#content h5 {					color: #1d1e2f; font-size: 17px; font-weight: bold; margin: 50px 250px 0 250px; }
#content .thirds h5 {			margin: 15px 0; }
#content p {					margin: 25px 250px 0 250px; text-align: left; font-family: "Work Sans", sans-serif; font-size: 19px; hyphenate-limit-chars: auto 5;
								hyphenate-limit-lines: 2; hyphens: auto; overflow: hidden; }
#content p.breadcrumb {			font-size: 15px; margin-bottom: 40px; }
#content ol {					margin: 25px 250px 0 250px; text-align: left; font-family: "Work Sans", sans-serif; font-size: 19px; padding-left: 30px; }
#content ul {					margin: 25px 250px 0 250px; text-align: left; font-family: "Work Sans", sans-serif; font-size: 19px; padding-left: 30px; }

#content ul.dots {				list-style-type: none; }
#content ul.dots li:before {	content: '…'; margin-left: -30px; width: 30px; display: inline-block; }
#content ul.dots li:first-child:before { content: ''; }
#content ul.dots li:first-child{margin-left: -30px; }

#content p img.full {			width: 100%; }

#content h3 .material-icons.middle { font-size: 34px; }


#footer {						background-color: #15263f; color: #ffffff; overflow: hidden; position: relative; min-height: 190px;
								padding-top: 120px; font-size: 15px; margin: 100px 0 0 0; }
#footer .covering {				position: absolute; top: -1px; left: -1px; width: 1208px; }
#footer a:visited,
#footer a {						text-decoration: none; color: #ffffff; text-transform: uppercase; margin: 0 0 0 30px; }
#footer a:hover {				color: #468c98; }
#footer span.footline {			position: absolute; bottom: 35px; left: 30px; width: calc(100% - 60px); }
#footer span.footline span {	float: right; }


.positioner button {			background-color: #ffffff; color: #1d1e2f; font-size: 14px; line-height: 30px; height: 36px; 
								padding: 0 20px; border-radius: 0px; border: 3px solid #468c98; cursor: pointer; margin: 20px; 
								font-family: "Nexa XBold", sans-serif; text-transform: uppercase; }
.positioner button:hover { 		color: #468c98; }
.positioner button .material-icons { vertical-align: middle; margin-left: 10px!important; padding: 0px 0 2px 0!important; color: #7fc05c; }
.positioner button .material-icons.left { margin-right: 10px!important; margin-left: 0!important; padding: 3px 0 0px 0!important; }

@media all and (max-width: 520px) {
	#btn-order-questions {		float: right; }
}

.positioner select {			background-color: #eeeeee; border: none; line-height: 35px; height: 35px; padding: 0 0 0 10px;
								margin: 10px 0; min-width: 300px; width: 100%; font-family: Arial, Helvetica, sans-serif; }
.positioner select option {		border-radius: 0; border: none; padding: 10px; font-family: Arial, Helvetica, sans-serif; }
.positioner input {				background-color: #eeeeee; border: none; line-height: 35px; height: 35px; padding: 0 10px;
								margin: 10px 0; min-width: 300px; width: calc(100% - 20px); font-family: Arial, Helvetica, sans-serif; }
.positioner input#chbxopen  {	width: 350px; min-width: auto; margin: 0 0 0 10px; }
								
								
.positioner textarea {			background-color: #eeeeee; border: none; line-height: 20px; height: 140px; padding: 10px;
								margin: 10px 0; min-width: 300px; width: calc(100% - 20px); resize: vertical; 
								font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
								
.positioner .ckb-container {	margin: 10px 0; min-width: 300px; width: calc(100% - 20px); display: block; text-align: left;  }
.positioner .ckb-container label { display: inline-block; vertical-align: middle; padding-top: 0; padding-bottom: 7px; }
.positioner .ckb-container label.small { font-size: 12px; }
.positioner .ckb-container label.error { color: #c15757; }
.positioner .ckb-container input { margin-right: 10px; }
input.error,
textarea.error {				border: 1px solid #c15757; }
input.valid,
textarea.valid {				border: 1px solid #00BB00; }
input[disabled="disabled"][type="text"] { opacity: .5; }

.positioner input[type="submit"] { background-color: #ffffff; color: #1d1e2f; font-size: 14px; line-height: 30px; height: 36px; 
								padding: 0 20px; border-radius: 0px; border: 3px solid #468c98; cursor: pointer; margin: 20px; 
								font-family: "Nexa XBold", sans-serif; text-transform: uppercase; width: inherit; width: auto;
								min-width: auto; }
.positioner input[type="submit"]:hover { color: #468c98; }
								
#content a:visited,
#content a {					color: #468c98; text-decoration: none; }
#content a:hover {				color: #468c98; text-decoration: underline; }
.key-text a:visited,
.key-text a {					color: #ffffff; text-decoration: none; }
.key-text a:hover {				color: #ffffff; text-decoration: underline; }
.key-text a .material-icons {	font-size: 40px; margin-right: 10px; }

.business .key-text a:visited,
.business .key-text a:hover,
.business .key-text a {			color: #86d2e0!important; }

.employee .key-text a:visited,
.employee .key-text a:hover,
.employee .key-text a {			color: #258ec9!important; }

.sports .key-text a:visited,
.sports .key-text a:hover,
.sports .key-text a {			color: #ee5d2f!important; }

.key-text .ctas a:hover,
.key-text .ctas a:visited,
.key-text .ctas a {				 color: #ffffff!important; }

#content .form-carrier {		text-align: center; margin: 50px 0 0 0; }

.thumb {						height: 200px; margin: 20px; }
.thumb.left {					margin: 0 50px 50px 0; float: left; }
.thumb.right {					margin: 0 0 50px 50px; float: right; }

#content ul.buzzwords {			text-align: center; font-weight: bold; list-style: none; line-height: 30px; padding: 0; }

#content p.center {				text-align: center; }
#content p img.left {			float: left; width: 150px; margin: 0 20px 20px 0; }
#content p img.right {			float: right; width: 150px; margin: 0 0 20px 20px; }
#content p.wide {				margin-left: 50px; margin-right: 50px; } 
#content p.quote-author {		text-align: right; font-style: italic; font-size: 15px; margin-bottom: 70px; }
#content p.quote-author img {	float: left; margin-left: 10px; }
#content p.quote .material-icons {font-size: 70px; opacity: .2; float: left; margin-top: -27px; }
#content p.quote-author .material-icons {font-size: 25px; opacity: .2; position: relative; top: 2px; }
p strong {						font-weight: bold; }
.small {						font-size: 14px; }
.only-x-small {					display: none; }
#content a.dse:visited,
#content a.dse {				float: right; text-decoration: none; font-size: 14px; }

.act-nav {						color: #840038!important; }

/* Sports Farben */
.sports .positioner button {			border: 3px solid #ee5d2f; }
.sports .positioner button:hover {		color: #ee5d2f; }
.sports .positioner button .material-icons { vertical-align: middle; margin-left: 10px; padding: 0px 0 2px 0; color: #ee5d2f; }
.sports #content h3 {					color: #ee5d2f; }
.sports .key-text h3 {					color: #ee5d2f; }
.sports #content a {					color: #ee5d2f; }
.sports #content a:hover {				color: #ee5d2f; }
.sports .key-text a {					color: #ee5d2f; }
.sports .key-text a:hover {				color: #ee5d2f; }
.sports .positioner input[type="submit"] { border: 3px solid #ee5d2f; }
.sports .positioner input[type="submit"]:hover { color: #ee5d2f; }
/* Sports Farben */

/* Business Farben */
.business .positioner button {			border: 3px solid #86d2e0; }
.business .positioner button:hover {	color: #86d2e0; }
.business .positioner button .material-icons { vertical-align: middle; margin-left: 10px; padding: 0px 0 2px 0; color: #86d2e0; }
.business #content h3 {					color: #86d2e0; }
.business .key-text h3 {				color: #86d2e0; }
.business #content a {					color: #86d2e0; }
.business #content a:hover {			color: #86d2e0; }
.sports .key-text a {					color: #86d2e0; }
.sports .key-text a:hover {				color: #86d2e0; }
.business .positioner input[type="submit"] { border: 3px solid #86d2e0; }
.business .positioner input[type="submit"]:hover { color: #86d2e0; }
/* Business Farben */

/* Employee Farben */
.employee .positioner button {			border: 3px solid #1a628a; }
.employee .positioner button:hover {	color: #1a628a; }
.employee .positioner button .material-icons { vertical-align: middle; margin-left: 10px; padding: 0px 0 2px 0; color: #1a628a; }
.employee #content h3 {					color: #1a628a; }
.employee .key-text h3 {				color: #258ec9; }
.employee #content a {					color: #1a628a; }
.employee #content a:hover {			color: #1a628a; }
.sports .key-text a {					color: #1a628a; }
.sports .key-text a:hover {				color: #1a628a; }
.employee .positioner input[type="submit"] { border: 3px solid #1a628a; }
.employee .positioner input[type="submit"]:hover { color: #1a628a; }
/* Employee Farben */


/* Specials */
#content p.logos {				margin: 25px 60px 0 60px; white-space: nowrap; overflow: hidden; }
#content p.logos span {			left: 0; position: relative; white-space: nowrap; font-size: 0px; }
#content p.logos img {			margin: 0 30px;	filter: grayscale(1); opacity: .8; }
#content p.logos img:hover {	filter: grayscale(0); opacity: 1; }

#content .grid-selection-cnt {	text-align: center; overflow: hidden; }
#content .grid-selection {		width: 970px; margin: 25px auto 0 auto; }
#content .grid-selection .head span { color: #ffffff; background-color: #1d1e2f; font-family: "Nexa XBold", sans-serif; text-align: left; 
								line-height: 93px; padding: 0 0 0 30px; width: 839px; display: inline-block; margin-bottom: 8px; }
#content .grid-selection .head span:first-child { width: 93px; height: 93px; margin-right: 8px; text-align: center; padding: 0; }
#content .grid-selection .selection a { color: #1d1e2f; background-color: #f6f6f6; float: left; width: 474px; height: 137px; text-align: left;
								border: 3px solid #f6f6f6; display: inline-block; margin: 0 0 10px 0; padding-top: 45px; text-decoration: none; 
								font-size: 33px; font-weight: bold; }
#content .grid-selection .selection a:hover { border: 3px solid #7fc05c; }
#content .grid-selection .selection a:nth-child(odd) { margin-right: 10px; }
#content .grid-selection .selection a span.info { font-size: 19px; font-family: "Work Sans", sans-serif; display: inline-block; }
#content .grid-selection .selection .material-icons { font-size: 80px; float: left; margin: 0 15px 0 40px; color: #61626e; }
br.special_1 {					display: none; }
@media all and (max-width: 660px) {
	br.special_1 {				display: inherit; }
}
/* Specials */

	
@media all and (max-width: 1210px) {
	.positioner {				width: calc(100% - 20px); margin: 0 10px; }
	#content p {				margin: 25px 150px 0 150px; }
	#content ol,
	#content ul {				margin: 25px 150px 0 150px; }
	#content h1,
	#content h2 {				margin: 0 150px; }
	#content h3 {				margin: 90px 150px 0 150px; }
	#content h4 {				margin: 90px 150px 0 150px; }
	#content h5 {				margin: 50px 150px 0 150px; }
	.key-text h2 {				margin: 0 150px; }
	.key-text h3 {				margin: 30px 150px 0 150px; }
	.key-text h4 {				margin: 30px 150px 0 150px; }
	.key-text p {				margin: 25px 150px 0 150px; }
}

@media all and (max-width: 940px) {
	.key-visual-text {			font-size: 25px; }
	.key-text h2 {				margin: 0 50px; }
	.key-text h3 {				margin: 30px 50px 0 50px; }
	.key-text h4 {				margin: 30px 50px 0 50px; }
	.key-text p {				margin: 25px 50px 0 50px; }
	#content h1,
	#content h2 {				margin: 0 50px; }
	#content h3 {				margin: 90px 50px 0 50px; }
	#content h4 {				margin: 90px 50px 0 50px; }
	#content h5 {				margin: 50px 50px 0 50px; }
	#content p.wide,
	#content p {				margin: 25px 50px 0 50px; }
	#content ol {				margin: 25px 50px 0 50px; }
	#content ul {				margin: 25px 50px 0 50px; }
	#content p.logos {			margin: 25px 40px 0 40px; }
	#content p.logos img {		width: 100px; }
	#content .grid-selection {	width: auto; }
	#content .grid-selection .selection a { width: calc(100% - 6px); }
	#content .grid-selection .head span { width: calc(100% - 131px); }
	#content .grid-selection .selection a span.info { width: calc(100% - 136px); }
	
	.thumb.left {				margin: 0 25px 25px 0; }
	.thumb.right {				margin: 0 0 25px 25px; }
}

@media all and (max-width: 700px) {
	#nav-cta {					display: none; }
	#logo {						width: 160px; height: 40px; margin: 20px 0 20px 1px; }
	.navi {						margin: 16px 0 0 0; }
	#navi {						height: 80px; }
}

@media all and (max-width: 600px) {
	
	#nav-cta {					display: none; }
	.key-visual-text {			font-size: 18px; top: 15px; left: 15px; }
	.key-text h2 {				margin: 0 15px; font-size: 30px; }
	.key-text h3 {				margin: 30px 15px 0 15px; }
	.key-text h4 {				margin: 30px 15px 0 15px; }
	.key-text p {				margin: 25px 15px 0 15px; }
	#content h1,
	#content h2 {				margin: 0 15px; font-size: 30px; }
	#content h3 {				margin: 60px 15px 0 15px; }
	#content h4 {				margin: 90px 15px 0 15px; }
	#content h5 {				margin: 50px 15px 0 15px; }
	#content p.wide,
	#content p {				margin: 25px 15px 0 15px; }
	#content ol {				margin: 25px 15px 0 15px; }
	#content ul {				margin: 25px 15px 0 15px; }
	#content p.logos {			margin: 25px 10px 0 10px; }
	#footer a:visited, #footer a { display: block; line-height: 25px; }
	#footer span.footline {		margin: 30px; display: block; overflow: hidden; position: initial; }
	#footer span.footline span {display: none; }
	.key-text p .cta {			margin: 0 15px 20px 15px; }
	
	.thumb {					height: 150px; }
	
	.only-x-small {				display: inherit; }

}

.thirds {						margin: 10px auto; width: 1000px; }
.thirds br.half {				display: none; }
.third {						width: 27.33%; padding: 3%; overflow: hidden; float: left; text-align: center; margin-bottom: 30px; }
.third .material-icons {		color: #7fc05c; font-size: 45px; }
.third p {						width: 100%!important; text-align: center!important; margin: 10px 0 0 0!important; font-size: 16px!important; }
.third h5 {						letter-spacing: 0; font-weight: 300; font-size: 16px; font-family: "Nexa XBold", sans-serif; height: 33px;
								text-transform: uppercase; }
@media all and (max-width: 1120px) {
	.thirds {					margin: 10px 30px; width: auto; display: inline-block!important; }
}
@media all and (max-width: 850px) {
	.third {					width: 44%; padding: 3%; }
	.thirds br.half {			display: inherit; }
	.thirds br.third {			display: none; }
}
@media all and (max-width: 650px) {
	.third {					width: inherit; }
	.thirds br.clean {			display: none; }
}

@media all and (max-width: 500px) {
	#content .grid-selection .head span { font-size: 14px; line-height: 73px; padding: 0 0 0 20px; }
	#content .grid-selection .head span:first-child { width: 73px; height: 73px; }
	#content .grid-selection .head span { width: calc(100% - 101px); }
	#content .grid-selection .selection a { font-size: 30px; height: 100px; padding-top: 20px; }
	#content .grid-selection .selection .material-icons { font-size: 65px; margin: 0 15px 0 20px; }
	#content h1,
	#content h2 {				margin: 0 10px; font-size: 25px; }
	#content h3,
	#content h4,
	#content h5 {				font-size: 17px; }
	#content ul,
	#content li,
	#content p {				font-size: 17px; }
	.key-text h1,
	.key-text h2 {				margin: 0 10px; font-size: 25px; }
	.key-text h3,
	.key-text h4,
	.key-text h5 {				font-size: 17px; }
	.key-text p {				font-size: 17px; }
}

/* FAQs */
button.accordionFaq {			margin: 20px 250px 0 250px!important; width: calc(100% - 502px); border: 1px solid #840038!important;
								color: #840038!important; cursor: pointer; padding: 0 8px; text-align: left; outline: none; font-size: 16px; 
								transition: .4s; border-radius: 5px; height: auto; }
button.accordionFaq.active{		border-left: 1px solid #840038!important; border-right: 1px solid #840038!important; 
								border-top: 1px solid #840038!important; border-bottom: none!important; border-radius: 5px 5px 0 0; }
button.accordionFaq:hover {		box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4); border-radius: 5px; }
button.accordionFaq.active:hover { box-shadow: none; border-radius: 5px 5px 0 0; }

.panel {						margin: 0 250px 0 250px!important; width: calc(100% - 520px); padding: 0 8px; display: none; overflow: hidden; 
								background-color: white; border-radius: 0 0 5px 5px; border-top: none!important; border-left: 1px solid #840038!important;
								border-right: 1px solid #840038!important; border-bottom: 1px solid #840038!important; }

.panel p {						margin: 5px!important; }

@media all and (max-width: 1150px) {
	button.accordionFaq {		margin: 20px 150px 0 150px!important; width: calc(100% - 302px); }
	.panel {					margin: 0 150px 0 150px!important; width: calc(100% - 320px); }
}
@media all and (max-width: 1000px) {
	button.accordionFaq {		margin: 20px 50px 0 50px!important; width: calc(100% - 102px); }
	.panel {					margin: 0 50px 0 50px!important; width: calc(100% - 120px); }
}
@media all and (max-width: 550px) {
	button.accordionFaq {		margin: 20px 0 0 0!important; width: calc(100% - 2px); }
	.panel {					margin: 0 0 0 0!important; width: calc(100% - 20px); }
}

p.literatur  {font-size: 16px!important; font-style: italic;}


/* Mophys Preisrechner */
.prices {						margin: 0; background-color: #f6f6f6; overflow: hidden; padding: 20px;
								max-width: 720px; margin: 25px auto 8px auto; }
.prices.next {					background: none; padding: 0; max-width: 760px; }
.prices i.i {					vertical-align: top; color: #840038; cursor: help; }
.prices table {					width: 100%; }
.prices table tr td { 			padding-top: 10px; }
.prices table tr:first-child td { padding-top: 0px; }
.prices table tr td { 			border-bottom: 1px dashed #dddddd; padding-bottom: 10px; }
.prices table tr.noborder td,
.prices table tr:last-child td {border-bottom: none; }
.prices table tr td { 			width: calc(100% - 200px); }
.prices table tr td:last-child {width: 100px; text-align: right; }
.prices table tr td:first-child { width: 100px; text-align: left; }
.prices table tr td:first-child input { width: 60px; min-width: auto; background-color: #ffffff; text-align: center;
								font-family: "Work Sans", sans-serif; font-size: 19px; border-radius: 4px;
								box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.15); }
.prices table tr td:first-child input[type="checkbox"] { width: 20px; height: 20px; min-width: auto; }
h4.prices-head {				color: #840038!important; margin-top: 50px!important; }

.prices.overview table tr td {	width: 50%; text-align: center; }

.prices .pr-sum {				font-size: 25px; color: #840038; vertical-align: top; }
#SumOnce {						font-size: 19px; }

#gotoorder {					width: auto; max-width: auto; display: inline; margin: 0; }

#order-form table {				width: 100%; }
#order-form table tr td:last-child { text-align: right; min-width: 100px; }
#order-form td {				text-align: left; }
#order-form td.sum {			border-top: 1px dashed #000000; border-bottom: 4px double #000000; padding: 7px 0 0 0; }
#order-form #verlaeufe {		display: inline; width: 60px; min-width: auto; text-align: center; }
#order-form input[type="checkbox"] { width: 20px; height: 20px; min-width: auto; }
#order-form textarea,
#order-form input {				width: calc(100% - 20px); }
#order-form input[type="submit"] { width: auto; }



@media all and (max-width: 500px) {
	.prices table tr td:first-child input { width: 40px; font-size: 12px; padding: 0; }
	.prices table tr td { 			width: calc(100% - 135px); }
	.prices table tr td:last-child {width: 90px; }
	.prices table tr td:first-child { width: 45px; }
	.prices {						padding: 10px; font-size: 17px; }
}
@media all and (max-width: 350px) {
	.prices table tr td { 			width: calc(100% - 125px); }
	.prices table tr td:last-child {width: 80px; }
	.prices table tr td:first-child { width: 45px; }
	.prices {						font-size: 14px; }
}


#footer a {						color: #ffffff; text-decoration: none; }
#footer a:hover {				color: #ffffff; text-decoration: underline; }
#footer a.act-nav {				color: #ffffff!important; font-weight: bold; }


/* Tooltipster */
.tooltipster-mfb 
.tooltipster-box {				border: 0; background-color: #7dc157; }
.tooltipster-mfb
.tooltipster-arrow-border {		border: 0; }
.tooltipster-mfb.tooltipster-bottom 
.tooltipster-arrow-uncropped {	top: -13px; }
.tooltipster-mfb.tooltipster-bottom 
.tooltipster-arrow-background {	border-bottom-color: #7dc157; }

.tooltipster-mfb2 
.tooltipster-box {				border: 0; background-color: #1d1d2f; }
.tooltipster-mfb2
.tooltipster-arrow-border {		border: 0; }
.tooltipster-mfb2.tooltipster-bottom 
.tooltipster-arrow-uncropped {	top: -13px; }
.tooltipster-mfb2.tooltipster-bottom 
.tooltipster-arrow-background {	border-bottom-color: #1d1d2f; }

.tooltipster-mfb3 
.tooltipster-box {				border: 0; background-color: #1d1d2f; text-align: left; font-style: normal; }
.tooltipster-mfb3
.tooltipster-arrow-border {		border: 0; }
.tooltipster-content {			font-size: 14px; }
/*.tooltipster-mfb3.tooltipster-bottom 
.tooltipster-arrow-uncropped {	top: -13px; }*/
.tooltipster-mfb3.tooltipster-bottom 
.tooltipster-arrow-background {	border-bottom-color: #1d1d2f; }

.tooltipster-mfb4 
.tooltipster-box {				border: 0; background-color: #1d1d2f; text-align: left; font-style: normal; font-size: 12px;
								text-align: center; opacity: .95; padding: 10px; }
.tooltipster-mfb4
.tooltipster-arrow-border {		border: 0; }
/*.tooltipster-mfb4.tooltipster-bottom 
.tooltipster-arrow-uncropped {	top: -13px; }*/
.tooltipster-mfb4.tooltipster-bottom 
.tooltipster-arrow-background {	border-bottom-color: #1d1d2f; }

	
/* Basics */
div.clean {						clear: both; }
br.clean {						clear: both; }
.left{							float: left; }
.right{							float: right; }
a img{							border: none; }
*:focus { 						outline: none; }

/* clearfix */
.clearfix:after {				content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix {						display: inline-block; }
html[xmlns] .clearfix {			display: block; }
* html .clearfix {				height: 1%; }