/**
 * This file contains reusable component styles
 */

/*###############################################################################*/
/*#### CUSTOM MENU SHORTCODE
/*###############################################################################*/

.fusion-text .menu-item {
	list-style-type:none;
}

.fusion-text .menu {
	text-align:center;
	padding-left:0;
}

.fusion-text .current-menu-item a {
	color:#6e4734;
	font-weight:700;
}

/*###############################################################################*/
/*#### BILDERGALERIE ICON
/*###############################################################################*/

.section-title {
	width:100%;
	background:url('../img/bg/shadow-images.jpg') no-repeat;
	background-position:center center;
	background-size:cover;
}

.section-title h1,
.section-title h2,
.section-title h3,
.section-title h4,
.section-title h5,
.section-title h6,
.section-title p {
	position:relative;
	top:16px;
	color:#fff !important;
	font-size:15px !important;
	font-weight:700 !important;
}

@media(max-width:767px) {
	.section-title {
		background:none;
	}

	.section-title::after {
		content:'';
		position:absolute;
		left:0;
		right:0;
		height:1px;
		background:#bba262;
	}

	.section-title h1,
	.section-title h2,
	.section-title h3,
	.section-title h4,
	.section-title h5,
	.section-title h6,
	.section-title p {
		display:inline-block;
		margin:0 auto;
		padding:1px 10px;
		top:12px;
		left:50%;
		transform:translateX(-50%);
		border-radius:3px;
		background:#bba262;
		z-index:100;
	}
}
/*###############################################################################*/
/*#### CIRCULAR ICON TEASER
/*###############################################################################*/

.circle-container {
	background-image:url('../img/bg/startseite-bg.jpg');
	background-repeat:no-repeat;
	background-position-y:top !important;
	background-position-x:-60px !important;
}

@media (max-width:1045px) {
	.circle-container {
		background-size:contain;
		background-position-y:center !important;
		background-position-x:center !important;
	}
}

@media (max-width:767px) {
	.circle-container {
		background-image:none;
	}
}

.circle-container .fusion-column-wrapper, .circle-container .fusion-image-before-after-wrapper {
	text-align:center;
	margin-left: auto;
	margin-right: auto;
}

.circle-container h2,
.circle-container h3 {
	margin-top:15px;
	margin-bottom:0;
	font-weight:700 !important;
}

.circle {
	height:200px;
	width:200px;
	border:1px solid #bd9620;
	border-radius:50%;
	background-color:white;
	-webkit-box-shadow:0px 10px 15px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:0 10px 15px 0px rgba(0, 0, 0, 0.1);
	box-shadow:0 10px 15px 0px rgba(0, 0, 0, 0.1);
}

.fusion-image-switch {
	position: inherit !important;
}

.circle img {
	position:absolute;
	top:100px !important;
	left:50% !important;
	transform:translate(-50%, -50%);
}


/* special variant for locations page */
.circle-container--locations .circle {
	width:195px;
	height:194px;
	border:0;
}

.circle-container--locations .circle img {
	margin:auto;
	width:101%;
	overflow:hidden;
}

.circle--pull-up {
	margin-top:-170px;
}

/*###############################################################################*/
/*#### NUTRITION TABLE
/*###############################################################################*/

.nutrition-table table {
	width:100%;
}

.nutrition-table th {
	background:#6e4734;
	color:#fff;
	padding:8px 15px;
	text-align:right;
}

.nutrition-table th:first-child {
	background:#340a00;
	text-align:left;
}

.nutrition-table tr {
	background:#eaeaea;
}

.nutrition-table tr:nth-child(odd) {
	background:#f2f2f2;
}

.nutrition-table td {
	padding:5px 12px;
	text-align:right;
}

.nutrition-table td:first-child {
	background:#fcdf64;
	text-align:left;
}

.nutrition-table tr:nth-child(odd) td:first-child {
	background:#ffed9a;
}

.nutrition-table .st-head-row-main {
	display:none;
}

/* large-only and small-only classes get appended by stacktable.js */
.nutrition-table table.large-only { display:table; }

.nutrition-table table.small-only { display:none; }

/* control visibility of default table and stacktable (responsive table variant) */
@media (max-width:981px) {
	.nutrition-table table.large-only { display:none; }

	.nutrition-table table.small-only { display:table; }
}

/*###############################################################################*/
/*#### KARRIERE // STELLENAGEBOTE - AUSBILDUNG
/*###############################################################################*/

.career-container .fusion-date-and-formats {
	display:none !important;
}

.career-container .fusion-single-line-meta a {
	padding:4px 12px;
	color:#fff;
	border-radius:5px;
	background:#bd9620;
}

/*###############################################################################*/
/*#### MARKE // TRUMPF, MAUXION
/*###############################################################################*/

.brand-content-container .toggle-content p {
	margin-bottom:5px;
}

.brand-content-container .toggle-content table + p {
	margin-top:15px;
}

.brand-content-container table {
	width:100%;
}

.brand-content-container tr:nth-child(2n+2) {
	background:rgba(118, 83, 33, 0.05);
}

.brand-content-container td {
	padding:3px 4px;
}

.brand-content-container td + td {
	text-align:right;
}

.brand-content-container .unterpunkt {
	padding-left:6%;
}