
/* Shortcodes */

/*Box*/
.box-content {
	padding: 25px 30px 25px;
	position: relative;
	margin-bottom: 22px;
	margin-top: 11px;
}

.box-content h1, .box-content h2, .box-content h3, .box-content h4, .box-content h5, b, strong {
	color: inherit !important;
}

.box-content hr {
	margin-top: 1.5rem;
	margin-bottom: 1.3rem;
}

.box-content a, .box-content a:hover {
	color: inherit;
}


/* Toggle Text */
.toggle_text p:empty {
	display: block !important;
}

.toggle_text {
	font-size: 20px;
}

.toggle_text small {
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 0.8px;
}

/* Lastes News*/
.grid-news {
	overflow: auto;
	padding-top: 20px;
	padding-bottom: 10px;
}

@media (min-width: 991px) {
	.item-last-new {
		width: 33.3%;
		float: left;
	}

	.item-last-new:nth-child(1) {
		padding-left: 3.46%;
	}

	.item-last-new:nth-child(2) {
		padding-right: 1.73%;
		padding-left: 1.73%;
	}

	.item-last-new:nth-child(3) {
		padding-right: 3.46%;
	}
}


@media (max-width: 990px) {
	.item-last-new {
		margin-bottom: 40px;
	}
}

.link-img-hover {
	overflow: hidden;
	display: block;
}

h1.last-new-title a, h1.last-new-title {
	font-size: 24px;
	color: #565655;
	text-decoration: none;
	line-height: 26px;
	margin-bottom: 0;
	margin-top: 25px;
	text-align: left;
}

h2.last-new-subtitle {
	font-size: 16px;
	text-align: left;
	color: #D8C28C;
	font-weight: 700;
	margin-top: 7px;
}

.back-img-hover {
	height: 205px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-clip: border-box;
	background-position: 50%;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	display: block;
	overflow: hidden;
	position: relative;
}


.back-img-hover  img{
	min-height: 100%;
	min-width: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}


@media (max-width: 600px) {
	.back-img-hover {
		max-height: 280px;
	}
}

@media (max-width: 400px) {
	.back-img-hover {
		max-height: 200px;
	}
}

.back-img-hover:hover {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
}

.item-last-new p {
	margin-bottom: 0;
}


/* Toglle-text */
.morecontent {
	display: none;
}

.moretext, .lesstext {
	cursor: pointer;
	color: #810f01;
	font-weight: 900;
	position: relative;
	height: 48px;
}

.moretext {
	margin-top: 1.45rem;
}


.scroll-bottom {
	position: absolute;
	display: inline;
	cursor: pointer;
	top: 4px;
	background: #f7f7f7;
	width: 44px;
	height: 44px;
	padding: 14px;
	border-radius: 32px;
	left: calc(50% - 22px);
	transform: rotate(90deg);
}

.scroll-bottom::after {
	content: '';
	display: block;
	background-image: url('../img/PROTOTYP-PFEIL(004)-gold-dopple.SVG');
	background-size: 16px 16px;
	height: 16px;
	width: 16px;
}

.lesstext .scroll-bottom {
	transform: rotate(-90deg);
}

/* icons */
i.big { font-size: 30px; }
i.small { font-size: 22px; }
i.gold { color: #D8C28C; }
i.bordeaux { color: #810F01; }


/*row*/
@media (min-width: 1200px) {
	.su-row {
		display: flex;
		width: 100%;
	}

	/* .su-row > .su-column {
		flex: 1;
	} */

	.su-row > .su-column > .su-column-inner {
		height: 100%;
	}
}


/*Toggle Box*/
.card {
	border-radius: 0px;
	border: 0px;
	margin-bottom: -10px;
}

.card-header {
	border: 0px;
	padding: 0px;
	position: relative;
}

.card-header button.btn.btn-link {
	height: auto;
	width: 100%;
	text-align: left;
	line-height: 1;
	padding: 25px 25px 25px 45px;
	color: #810F01;
	background: #F7F7F7;
	font-size: 16px;
	font-weight: 600;
	white-space: normal;
}


.card-header button.btn.btn-link:hover, .card-header button.btn.btn-link:active, .card-header button.btn.btn-link:focus {
	text-decoration: none;
}

.card-header button.btn.btn-link::before {
	font-family: 'Font Awesome 5 light';
	padding-right: 5px;
	color: #D8C28C;
	left: 20px;
	top: 26px;
	position: absolute;
	font-size: 13px;
}

.card-header button.btn.btn-link[aria-expanded="true"]::before {
	content: "\f068";
}

.card-header button.btn.btn-link[aria-expanded="false"]::before {
	content: "\f067";
}

.card-body {
	padding: 20px;
	border: 1px solid #f7f7f7;
	overflow: hidden;
}

/* Download */
.grid.download-img .loop-post-thumb:hover {
	transform: none;
}

.grid.download-img .btn.small {
	text-transform: none;
	margin: 0px;
	padding: 10px 15px;
}

.grid.download-img  .grid-item p {
	margin-bottom: 0.5rem;
}

.download-links {
	background: #810F01;
	position: relative;
	padding-left: 50px;
}

.download-links i {
	color: #fff;
	font-size: 17px;
	position: absolute;
	left: 20px;
	top: 10px;
}

.download-links  .btn.btn-primary:hover, .download-links .btn.btn-primary:active, .download-links .btn-primary:not([disabled]):not(.disabled).active, .download-links .btn-primary:not([disabled]):not(.disabled):active {
	background: #9a463c !important;
}

@media (min-width: 992px) {
	.grid.download-img .row-loop .grid-item:first-child .grid-item-content {
		padding: 10px 26px 20px 0px;
	}

	.grid.download-img .row-loop .grid-item:nth-child(2) .grid-item-content {
		padding: 10px 13px 20px 13px;
	}

	.grid.download-img .row-loop .grid-item:nth-child(3) .grid-item-content {
		padding: 10px 0px 20px 26px;
	}
}


@media only screen and (max-width: 500px) {
	.card-header button.btn.btn-link {
		font-size: 14px;
		line-height: 1.2;
	}
}


/*Home accordions*/
#slider-accordions {
	position: absolute;
	right: 10%;
	top: 15%;
}

.box-same-back {
	margin-bottom: 20px;
}

.box-same-back .card-header, .box-same-back .card-header button.btn.btn-link, .box-same-back .card {
	background: transparent;
}

.box-same-back .card-body {
	border: 0px;
	width: 600px;
	max-width: 80vw;
	padding: 30px 30px 0;
}

.box-same-back .card-header {
	text-align: right;
}

.box-same-back * {
	color: #fff !important;
}

.box-same-back .card-body h1, .box-same-back .card-body h2, .box-same-back .card-body h3 {
	font-weight: 500;
}

div[id*="accordion_"].box-same-back .btn.btn-link::after {
	display: inline-block;
	content: ' ';
	background-image: url('../img/PROTOTYP-PFEIL(004)-white.SVG');
	background-size: 16px 13px;
	height: 13px;
	width: 8px;
	position: absolute;
	margin-left: 20px;
	margin-top: 1px;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}


div[id*="accordion_"].box-same-back .btn.btn-link[aria-expanded="true"]::after {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

div[id*="accordion_"].box-same-back .btn.btn-link::before {
	display: none;
}

div[id*="accordion_"].box-same-back .btn.btn-link {
	padding: 20px 55px 20px 25px;
	text-transform: uppercase;
	font-weight: 100;
	width: auto;
}
