/* CUSTOM CSS */

@import "custom.css";

/* FONT AWESOME BRANDS */

/* fa-brands */
@font-face {
	font-family: 'Font Awesome 5 Brands Free';
	font-style: normal;
	font-weight: 400;
	src: local(''),
			url('../fonts/fa-brands-400.woff2') format('woff2'),
			url('../fonts/fa-brands-400.woff') format('woff');
}

.fa-brands {
	font-family: 'Font Awesome 5 Brands Free';
	font-weight: 400;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-rendering: auto;
}

/* CSS RESET */

*:focus {
	outline: 0!important;
}

.btn-check:active + .btn-info:focus, .btn-check:checked + .btn-info:focus, .btn-info.active:focus, .btn-info:active:focus, .show > .btn-info.dropdown-toggle:focus {
	box-shadow: none;
}

/* AWESOMPLETE */

.mod-finder > .finder {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	cursor: pointer;
	color: var(--cassiopeia-color-link);
}

.mod-finder .awesomplete > input {
	width: 0;
	transition: all 0.5s ease-out;
}

.mod-finder .awesomplete > input.expand {
	width: 180px;
}

.mod-finder .awesomplete > input.form-control {
	background-color: transparent;
	border: 0;
	box-shadow: none;
	-webkit-appearance: none;
	border-radius: 0;
	font-size: 1rem;
	line-height: 18px;
	padding: 8px 12px;
	margin: 0;
	color: var(--cassiopeia-color-link);
	text-transform: uppercase;
	box-sizing: border-box;
}

.mod-finder .awesomplete > input.form-control::placeholder {
	color: #fff;
	opacity: .5;
}

.mod-finder .awesomplete > input.form-control:-webkit-input-placeholder {
	color: #fff; line-height: 1rem;
}

.mod-finder .awesomplete > input.form-control:-moz-placeholder {
	opacity: 1;
}

/* TYPOGRAPHY */

:root {
	--body-font-size: 1.125rem;
	--body-font-weight: 300;
	--body-line-height: 1.5;
	/* --cassiopeia-font-family-body: 'Manrope'; */
	/* --cassiopeia-font-family-headings: 'Manrope'; */
	--cassiopeia-font-weight-headings: 300; /* DEFAULT: 700 */
	--cassiopeia-font-weight-normal: 400; /* DEFAULT: 300 */
}

h1, h2, h3, h4, h5, h6 {
	margin-bottom: 1rem;
}

h1, h2, h3 {
	font-size: 1.375rem;
}

h4, h5,h6 {
	font-size: 1.125rem;
}

a:not([class]) { text-decoration: none; }

/* COLOR SETTINGS */

:root {
	--body-bg: #fff; /* DEFAULT: #fff */
	--body-color: #000; /* DEFAULT: #22262a */
	--cassiopeia-color-primary: #584c94;
	--cassiopeia-color-hover: #584c94;
	--cassiopeia-color-link: #fbbc50;
}

/* COLORS */

.container-header .navbar-brand a {
	color: var(--cassiopeia-color-link);
	text-decoration: none;
}

.container-header .navbar-brand a:hover {
	color: var(--cassiopeia-color-hover);
}

.container-header .mod-menu > li > a, .container-header .mod-menu > li > span {
	color: var(--cassiopeia-color-link);
}

.container-header .mod-menu > li > a:hover, .container-header .mod-menu > li.active > a, .container-header .mod-menu > li > span {
	color: #fff; /* var(--cassiopeia-color-hover); */
}

.container-header .mod-menu > li.active::after {
	background-color: #fff; /* var(--cassiopeia-color-hover); */
}

.container-header .mod-menu > li:hover::after {
	background-color: #fff; /* var(--cassiopeia-color-hover); */
}

.container-header, .footer {
	background-image: none;
}

.card-header {
	background-color: var(--cassiopeia-color-primary);
}

.footer {
	color: #fff; /* var(--body-color); */
}

/* JOOMLA CORE */

.item-page .none.item-image > img {
	width: 100%;
	max-width: none;
}

/* LAYOUT */

.grid-child.container-component {
	margin-bottom: 1em;
}

/* COMPONENTS */

.breadcrumb.px-3 {
	background-color: transparent;
	padding-left: 0!important;
	padding: 0!important;
}

.btn-primary {
	color: var(--cassiopeia-color-hover);
	background-color: var(--cassiopeia-color-link);
}

.btn-primary:focus, .btn-primary:hover {
	color: var(--cassiopeia-color-link);
	background-color: var(--cassiopeia-color-hover);
}

.btn-secondary {
	color: var(--cassiopeia-color-link);
}

/* MENU NEXT TO LOGO */

.container-header {
	width: 100%;
	align-items: center;
	margin-left: auto;
	margin-right: auto;
	box-shadow: none;
	padding: 0.5em 1em;
}

.container-header {
	display: grid; 
	/* grid-template-columns: repeat(2, auto); */
	grid-template-columns: 8rem auto;
	grid-template-rows: repeat(3, auto);
	grid-column-gap: 1em;
	grid-row-gap: 0;
	grid-template-areas:
		"topbar topbar"
		"below below"
		"brand nav";
}

.container-header .container-topbar {
	grid-area: topbar;
}

.container-header .container-below-top {
	grid-area: below;
}

.container-header .grid-child {
	grid-area: brand;
}

.container-header .container-nav {
	grid-area: nav;
	max-width: none;
}

.container-header nav {
	margin: .25em auto 0 auto;
}

.container-header .container-search .mod-menu > li + li {
	margin-left: .75em;
}

/* BRAND IMG */

body.site .container-header .navbar-brand img {
	width: 8rem;
	min-width: 8rem;
}

.wrapper-fluid > .container-header {
	max-width: none;
	padding: 0;
}

.container-header .navbar-toggler {
	border: none;
}

.container-header > .grid-child {
	width: auto;
	padding: 0;
	margin-left: 0;
	margin-right: 0;
}

.container-header > .grid-child > .navbar-brand {
	padding: 0;
	margin: 0;
}

.container-header > .container-nav {
	width: 100%;
	margin-left: auto;
	margin-right: 0;
	justify-content: end;
}

.container-header > .container-nav > .mod-list {
	margin-left: auto!important;
	margin-right: 3rem!important;
}

@media (max-width: 992px) {
	.container-header > .container-nav {
		width: auto;
	}
	
	nav.navbar.navbar-expand-lg {
		position: absolute;
		padding: 0;
		margin: 0;
		top: 1rem;
		right: 1rem;
	}

	.container-header > .container-nav nav {
		margin-top: 0;
	}
}

/* MOD NEWSFLASH SPLIDE */

.splide__slide.mod-articlesnews__item .newsflash-image {
	height: 100%;
	background-size: cover;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.splide__slide.mod-articlesnews__item .newsflash-title > h4 {
	font-size: 2.25rem;
}

.splide__slide.mod-articlesnews__item .newsflash-title > h4 > a {
	color: #fff;
	text-decoration: none;
}

.splide__slide.mod-articlesnews__item .newsflash-introtext > p {
	color: #fff;
}

.splide__slide.mod-articlesnews__item .newsflash-image .btn.btn-secondary {
	position: relative;
	color: white;
	text-decoration: none;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 1px;
	border: 2px solid white;
	border-radius: 1000px;
	padding: 10px 20px;
	margin: 1em;
	box-shadow: 0 2px 5px 0 rgba(3,6,26,0.15);
	transition: .5s all ease-in-out;
}

.splide__slide.mod-articlesnews__item .newsflash-image .btn.btn-secondary {
	animation: pulse 2s infinite 1s cubic-bezier(0.25, 0, 0, 1);
	box-shadow: 0 0 0 0 white;
}

.splide__slide.mod-articlesnews__item .newsflash-image .btn.btn-secondary:hover {
	color: var(--cassiopeia-color-hover);
}

@keyframes pulse {
	to {
		box-shadow: 0 0 0 18px rgba(255, 255, 255, 0); 
	}
}

/* MOD NEWSFLASH NEWS */

.mod-articlesnews.newsflash.blog-items .mod-articlesnews__item {
	background-color: #fff;
	box-shadow: 0 0 2px rgba(52,58,67,.1), 0 2px 5px rgba(52,58,67,.08), 0 5px 15px rgba(52,58,67,.08);
}

.mod-articlesnews.newsflash.blog-items figure.newsflash-image {
	margin: 0 0 0.3rem;
}

.mod-articlesnews.newsflash.blog-items .newsflash-content {
	padding: .7rem;
}

/* METISMENU */

.metismenu.mod-menu .metismenu-item {
	padding: .5em;
}

.metismenu.mod-menu .metismenu-item > a, .metismenu.mod-menu .metismenu-item > button, .metismenu.mod-menu .metismenu-item > span {
	letter-spacing: .125rem;
}

/* RS CONTACT */

.rscontact > form input[type="text"], .rscontact > form input[type="email"], .rscontact > form textarea { width: 100%; }

/* HYDRA CAPTCHA */

.hx_hydra_progress_line { background: linear-gradient(230deg, #000, #000, #000, #000)!important; }

/* OFFCANVAS */

.offcanvas.show {
	background-color: var(--cassiopeia-color-primary);
}

@media (min-width: 992px) {
	.offcanvas-start {
		width: 100%;
	}
}
@media (max-width: 991.98px) {
	.offcanvas .metismenu.mod-menu .metismenu-item > ul {
		position: relative;
		width: 100%;
		margin-top: 1rem;
	}
	.offcanvas .metismenu.mod-menu .mm-collapse {
		background-color: transparent;
	}
	.offcanvas .metismenu.mod-menu .metismenu-item > a {
		color: var(--cassiopeia-color-link);
	}
}
.offcanvas-header > *:only-child {
	margin-left: auto;
}

@media (max-width: 992px) {

	nav.navbar.navbar-expand-lg {
		margin-bottom: 0;
		margin-right: 0;
		margin-top: 0;
		top: .5rem;
		right: 1em;
	}

	.container-header .container-search {
		display: none;
	}

}

.navbar-toggler {
	padding: 0.5rem;
	background-color: var(--cassiopeia-color-link);
	border-radius: 0;
}

.navbar-toggler:focus {
	box-shadow: none;
}

.navbar-toggler-icon {
	background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 100%29' stroke-linecap='square' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-toggler-icon {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
}

.btn-close {
	width: 2rem;
	height: 2rem;
	padding: .75rem;
	opacity: 1;
	background-color: var(--cassiopeia-color-link);
	border-radius: 0;
}

/* CATEGORY BLOG IMPRESSIONEN */

.tags a.btn {
	font-weight: 300;
	margin: 0;
	border-width: 0.1rem;
	border-style: solid;
	line-height: 1.75;
}

.btn-group-sm > .btn, .btn-sm {
	border-radius: 18px;
	font-size: 1rem;
	padding: 0 12px;
}

.btn-info {
	background-color: transparent;
	color: #dcdcdc;
	border-color: #dcdcdc;
}

.btn-info:hover {
	background-color: transparent;
	color: #FE7F2D;
	border-color: #FE7F2D;
}