/* --------------------------------------------------
  xx. Import von anderen CSS-Dateien
-------------------------------------------------- */
@import url("abstaende.css");


/* --------------------------------------------------
  xx. Variablen
-------------------------------------------------- */
:root {
	--template-color-1: #912D1A;
	--template-color-2: #938878;
	--template-color-3: #DFDFDF;
	--template-color-4: #ffffff;
	--template-color-5: #252525;
	--template-color-6: #2D2C2C;
	--template-color-7: #F2F2F2;

	--template-line-color-1: #6C6C6D;
}


/* --------------------------------------------------
  xx. Global
-------------------------------------------------- */
a {
    color: #000;
    text-decoration: none;
}

a:hover, a:focus {
    color: var(--template-color-1);
}


p {
	padding: 0px;
	margin: 0px;
}

.full-width {
	padding: 0px;
	margin: 0px;
}


/* --------------------------------------------------
  xx. Farben
-------------------------------------------------- */
.bg-white {
    background-color: #F7F8F8;
}

.bg-gray {
	background-color: #E4E6E6;
}

.bgbg-gray-light {
	background-color: #F7F8F8;
}

.bg-black {
    background-color: #000000;
}

.bg-red {
    background-color: #ff0000;
}

.bg-fima-blue {
    background-color: #007DBE;
	color: #ffffff;
}

.bg-template-01 {
    background-color: var(--template-color-1);
	color: #ffffff;
}
.bg-template-01 a {
	color: #E4E6E6;
}
.bg-template-01 a:hover {
	color: #ffffff;
}

.bg-template-02 {
    background-color: var(--template-color-2);
	color: #ffffff;
}
.bg-template-02 a {
	color: #E4E6E6;
}
.bg-template-02 a:hover {
	color: #ffffff;
}


/* --------------------------------------------------
  xx. Hintergrund-Bilder
-------------------------------------------------- */
.bg-pattern-01 {
	background-image: url("img/bg-pattern-01.png");
	background-position: bottom center;
	background-repeat: no-repeat;
}


/* -----------------------------------
  xx. Rahmen & Linien
--------------------------------------*/
.hr-line-1 {
    position: relative;
    width: 60px;
    height: 1px;
    background: var(--template-color-1);
    display: block;
    margin: 0 auto;
}



/* --------------------------------------------------
  xx. Buttons
-------------------------------------------------- */
.btn-primary {
    background-color: var(--template-color-2);
	border-color: #8E7447;
}
.btn-primary:hover {
	background-color: #8E7447;
    border-color: var(--template-color-2);
}
.btn-primary:focus {
	background-color: #8E7447;
    border-color: var(--template-color-2);
	box-shadow: 0 0 0 0.25rem rgba(147, 136, 120, 0.5);
}

.btn-outline-primary {
    border-color: var(--template-color-2);
    color: var(--template-color-2);
}
.btn-outline-primary:hover, .btn-outline-primary:focus {
    background-color: var(--template-color-2);
    border-color: var(--template-color-2);
}


.btn-danger {
    background-color: var(--template-color-1);
}

.btn-outline-danger {
    border-color: var(--template-color-1);
    color: var(--template-color-1);
}
.btn-outline-danger:hover, .btn-outline-danger:focus {
    background-color: var(--template-color-1);
    border-color: var(--template-color-1);
}



/* --------------------------------------------------
  xx. Listen
-------------------------------------------------- */
.list-group-item.active {
	color: #fff;
	background-color: var(--template-color-1);
	border-color: var(--template-color-1);
}



/* --------------------------------------------------
  xx. Inputs
-------------------------------------------------- */
.form-check-input:checked {
	background-color: var(--template-color-1);
	border-color: var(--template-color-1);
}

.form-control:focus {
	border-color: var(--template-color-1);
	box-shadow: 0 0 0 0.25rem rgba(145, 45, 26, 0.25);
}

/* --------------------------------------------------
  xx. Navigation
-------------------------------------------------- */

/* navbar-items */
.navbar .navbar-nav .nav-link {
	color: rgba(0, 0, 0, 0.55);
	padding: 10px 20px 10px 0px;
	font-size: 20px;
	font-weight: 700;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link:focus {
	color: var(--template-color-1);
}

.navbar .navbar-nav .show>.nav-link,
.navbar .navbar-nav .nav-link.active {
	color: var(--template-color-3);
}

/* navbar-toggler */
.navbar .navbar-toggler {
    color: transparent;
    border-color: transparent;
}
.navbar .navbar-toggler-icon i {
	font-size: 28px;
	color: rgba(0, 0, 0, 0.55);
}

.navbar .navbar-toggler-icon i:hover {
	color: var(--template-color-1);
}

/* navbar-buttons */
.navbar-buttons {}

.navbar-buttons ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.navbar-buttons li {
	display: inline;
	padding-right: 15px;
	font-size: 20px;
	font-weight: 700;
}

.navbar-buttons li a:hover {
	color: #912D1A;
}

@media (max-width: 991.98px) {
	.navbar-buttons-desktop {
		display: none;
	}
}

@media (min-width: 992px) {
	.navbar-buttons-mobile {
		display: none;
	}
}
/*
.navbar-cms {
    background-color: var(--template-color-2);
}
.navbar-cms .navbar-brand {
    color: var(--template-color-1);
}
.navbar-cms .navbar-brand:hover, .navbar-cms .navbar-brand:focus {
    color: var(--template-color-1);
}
.navbar-cms .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 0.55);
	padding: 10px 20px 10px 0px;
	font-size: 20px;
	font-weight: 700;
}

.navbar-cms .navbar-nav .nav-link:hover, .navbar-cms .navbar-nav .nav-link:focus {
	color: var(--template-color-1);
}
.navbar-cms .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, 0.25);
}
.navbar-cms .navbar-nav .show > .nav-link,
.navbar-cms .navbar-nav .nav-link.active {
	color: var(--template-color-3);
}
.navbar-cms .navbar-nav .nav-btn {
	color: var(--template-color-3);
}
.navbar-cms .navbar-toggler {
    color: transparent;
    border-color: transparent;
}
.navbar-cms .navbar-toggler-icon i {
	font-size: 28px;
    color: rgba(0, 0, 0, 0.55);
}
.navbar-cms .navbar-toggler-icon i:hover {
	color: var(--template-color-1);
}
.navbar-cms .navbar-text {
    color: rgba(0, 0, 0, 0.55);
}
.navbar-cms .navbar-text a,
.navbar-cms .navbar-text a:hover,
.navbar-cms .navbar-text a:focus {
    color: #000000;
}


/* Submenü */
.dropdown-menu {

	border-radius: 0px;
}
.dropdown-menu[data-bs-popper] {
	top: 57px;
	left: 0px;
	margin-top: 0px;
}

.dropdown-item {
	display: block;
	width: 100%;
	padding: .25rem 1.5rem;
	clear: both;
	font-weight: 400;
	color: var(--template-color-1);
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0
}

.dropdown-item:hover, .dropdown-item:focus {
	color: #1e2125;
	background-color: #e9ecef;
}
.dropdown-item.active,
.dropdown-item:active {
	color: var(--template-color-4);
	text-decoration: none;
	background-color: var(--template-color-2);
}
*/

/* --------------------------------------------------
  xx. Header
-------------------------------------------------- */
header {
    transition: 0.4s;
	color: #E8E9EA;
}

header .header-logo .container {
	/*transition: 0.4s;*/
	background-image: url("../img/header01.jpg");
	background-size: cover;
	background-position: right 0px top;
	height: 140px
}

header .header-logo img {
	padding: 55px 0px;
	width: 400px;
}

/*-- TopHeader --*/
.top-header {
    height: 40px;
    background-color: #dfdfdf;
}

.top-header .sprachen ul {
    margin: 0px;
    padding: 0px;
    float: left;
}
.top-header .sprachen ul li {
    display: inline-block;
    list-style: none;
}
.top-header .sprachen ul li a {
    position: relative;
    display: block;
    font-size: 15px;
    line-height: 40px;
    color: #666;
    text-align: center;
    padding: 0 10px;
}
.top-header .sprachen ul li.active a {
	color: var(--template-color-1);
}
.top-header .sprachen ul li a:hover {
    color: var(--template-color-1);
}
.top-header .sprachen ul li a:after {
    content: '|';
    color: var(--template-color-1);
    display: block;
    position: absolute;
    top: -1px;
    left: -3px;
}
.top-header .sprachen ul li:first-child a:after {
    display: none;
}
.top-header .sprachen ul li:first-child a {
    padding-left: 0px;
}

/*-- TopHeader :: Profil --*/
.top-header .profil ul {
    margin: 0px;
    padding: 0px;
    float: right;
}

.top-header .profil ul li {
    display: inline-block;
    list-style: none;
}

.top-header .profil ul li a {
    position: relative;
    display: block;
    font-size: 15px;
    line-height: 40px;
    color: #666;
    text-align: center;
	text-decoration: none;
    padding: 0 20px;
}

.top-header .profil ul li a:hover {
    color: var(--template-color-1);
}

.top-header .profil ul li a:after {
    content: '|';
    color: var(--template-color-1);
    display: block;
    position: absolute;
    top: -1px;
    left: -3px;
}

.top-header .profil ul li:first-child a:after {
    display: none;
}

.top-header .profil ul li:last-child a {
    padding-right: 0px;
}

/* Static Headers
-------------------------------------------------- */
.header-static {
    position: relative;
}

.header-static .header-caption {
    position: absolute;
    top: 40%;
    width: 100%;
	
	text-shadow: black 2px 3px;
}

.header-static .header-caption h1 {
	color: #ffffff;
}

.header-static img {
    max-width: 100%;
    height: auto;
}

.header-bg {
    background-color: #E8E9EA !important;
}

.header-bg img {
	width: 100%;
}

.header-static .header-caption {
    position: absolute;
    bottom: 0px;
    width: 100%;
}

.header-static .header-caption  .container {
    padding-left: 0px;
    padding-right: 0px;
}



/* Header-Slider
-------------------------------------------------- */

.carousel .carousel-item {
    /*height: 1000px;*/
}
.carousel .carousel-item .carousel-bg img {
	width: 100%;
}

.carousel .carousel-item .header-caption {
    position: absolute;
    bottom: 0px;
    width: 100%;
}

.carousel .carousel-item .header-caption  .container {
    padding-left: 0px;
    padding-right: 0px;
}

.carousel .carousel-item .header-caption-img {
    text-align: right;
    padding-bottom: 0px;
	padding-right: 0px;
}

.carousel .carousel-item .header-caption-img img {
    width: 180px;
}

/* indicators */
.carousel .carousel-indicators {
    /*display: none;*/
}
.carousel-indicators [data-bs-target] {
	background-color: var(--template-color-1);
}

/* carousel-control */
.carousel .carousel-control-prev,
.carousel .carousel-control-next {
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 55px;
	padding: 0;
	text-align: center;
	border: 0;
	opacity: 0.5;
	transition: opacity 0.15s ease;
	margin: 0px 10px;
	color: #fff;
	background: transparent;
}
.carousel .carousel-control-prev:hover,
.carousel .carousel-control-next:hover {
	opacity: 1;
}

/*
.carousel .carousel-control-prev-icon {
    background-image: url("img/arrow_black_left.png");
    background-size: cover;
    width: 55px;
    height: 55px;
}

.carousel .carousel-control-next-icon {
    background-image: url("img/arrow_black_right.png");
    background-size: cover;
    width: 55px;
    height: 55px;
}
*/
.carousel-control-prev-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

.carousel-control-next-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}
/*
.carousel-control-prev-icon,
.carousel-control-next-icon {
	height: 100px;
	width: 100px;
	outline: black;
	background-size: 100%, 100%;
	border-radius: 50%;
	border: 1px solid black;
	background-image: none;
}

.carousel-control-next-icon:after {
	content: '>';
	font-size: 55px;
	color: red;
}

.carousel-control-prev-icon:after {
	content: '<';
	font-size: 55px;
	color: red;
}
*/

/* --------------------------------------------------
  xx. Footer
-------------------------------------------------- */
footer {
	background-color: #303030;
    color: #ffffff;
}

footer .footer-widget h5 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 25px;
    text-transform: uppercase;
}

.footer-widget p {
    color: #a3a3a3;
    font-size: 16px;
    line-height: 23px;
}

.footer-widget p a {
    color: #a3a3a3;
	text-decoration: none;
}

.footer-widget p a:hover {
    /*color: var(--template-color-2);*/
    color: #fff;
}

.footer-widget p:last-child {
    margin-bottom: 0;
}


/* Footer :: Menüs / Listen
-------------------------------------------------- */
.footer-widget ul {
    margin: 0px;
    padding: 0px;
}

.footer-widget li {
    list-style: none;
}

.footer-widget ul li a {
    color: #a3a3a3;
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.75em;
    text-transform: uppercase;
	text-decoration: none;
}

.footer-widget ul li a:hover {
    color: #fff;
}

/* Footer :: Social-Media-Links
-------------------------------------------------- */
footer .social-media-links {
    margin-top: 20px;
}

footer .social-media-links a {
    color: #9c9c9c;
    display: block;
    float: left;
    margin-right: 20px;
    min-width: 12px;
    text-align: center;
	text-decoration: none;;
}

footer .social-media-links a i {
    display: block;
    font-size: 30px;
}

footer .social-media-links a:hover {
    color: #3f3f3f;
}

footer .social-media-links a:hover {
    /*color: var(--template-color-2);*/
    color: #fff;
}

/* Footer :: Copyright
-------------------------------------------------- */
footer .footer-copyright {
    background-color: #292929;
}

footer .footer-copyright p {
	padding: 0px;
	margin: 0px;
}



/* --------------------------------------------------
  xx. Default PageContent
-------------------------------------------------- */

.pageContent p {
	font-size: 18px;
}

.document-title {
	padding: 40px 0px;
	background-color: var(--template-color-1);
	display: none;
}

.document-title h1 {
	color: var(--template-color-4);
	font-size: 32px;
}

.cms-checkbox .form-check-label {
	padding-left: 5px;
	font-size: 18px;
}


/* Rows & Cols
-------------------------------------------------- */
.pageContent img {
	max-width: 100%;
}

/* Grid-Layout
-------------------------------------------------- */

.content-1-item {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 30px;
}
.content-2-items {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
}

.content-3-items {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

.content-4-items {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
}

.content-item img {
	max-width: 100%;
	height: auto;
}


/* --------------------------------------------------
  xx. Panels / Listen
-------------------------------------------------- */



/* --------------------------------------------------
  xx. Tabellen
-------------------------------------------------- */





/* -----------------------------------
  xx. Startseite :: Kategorien
--------------------------------------*/

.services-6-items {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 5px;
}
.services-6-items .service-item {
	/*background-color: var(--template-color-1);*/
	font-size: 20px;
	/*text-transform: uppercase;*/
}

.services-5-items {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 28px;
}
.services-5-items .service-item {
	/*background-color: var(--template-color-1);*/
	font-size: 30px;
	/*
	letter-spacing: 3px;
	text-transform: uppercase;
	word-break: break-all;
	*/
}

.services-4-items {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 28px;
}

.services-4-items .service-item img {
	padding: 0px 40px;
}

.services-3-items {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 56px;
}
.services-3-items .service-item {
	/*border: 1px solid red;*/
}
.services-3-items .service-item img {
	padding: 0px 60px;
}

.services-3-items .service-item {
	/*background-color: var(--template-color-1);*/
	/*
	font-size: 30px;
	letter-spacing: 3px;
	text-transform: uppercase;
	word-break: break-all;
	*/
}

.services-6-items .service-item .service-item-img {
	padding: 20px;
}

.services-5-items .service-item .service-item-img,
.services-4-items .service-item .service-item-img,
.services-3-items .service-item .service-item-img {
	padding-bottom: 20px;
}

.service-item img {
	-webkit-transition: 0.25s -webkit-filter linear;
	-moz-transition: 0.25s -moz-filter linear;
	-moz-transition: 0.25s filter linear;
	-ms-transition: 0.25s -ms-filter linear;
	-o-transition: 0.25s -o-filter linear;
	transition: 0.25s filter linear, 0.25s -webkit-filter linear;
	
	filter: grayscale(100%);
}

.service-item:hover img {
	filter: none;
}

figure {
	margin: 0px;
}

.figure {
    position: relative;
}

.figure img {
	width: 100%;
}

.figure-caption {
}

.figure-caption p {
    text-align: center;
    color: var(--template-color-1);
}

a:hover .figure-caption {
    background: none;
    transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out;
}

a:hover .figure-caption p {
	color: var(--template-color-1);
    transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out;
}



/* -----------------------------------
  xx. Kontakt-Seite
--------------------------------------*/
.single-communication {
    display: block;
    margin-bottom: 50px;
    overflow: hidden;
    
}
.communication-icon {
    float: left;
    border: 1px solid var(--template-color-2);
    border-radius: 50%;
    height: 64px;
    line-height: 64px;
    width: 64px;
}

.communication-icon i {
    color: var(--template-color-2);
    font-size: 24px;
    text-align: center;
    line-height: 62px;
    width: 66px;
}

.communication-text {
    padding-left: 100px;
    padding-top: 0px;
}


/* -----------------------------------
  xx. Accordions
--------------------------------------*/
.accordion {
	
}

.accordion-button {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	padding: 10px 10px 20px 10px;
	font-size: 20px;
	color: #000;
	text-align: left;
	background-color: transparent;
	border: none;
	overflow-anchor: none;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
	.accordion-button {
		transition: none;
	}
}
.accordion-button.collapsed {
	font-size: 20px;
}
.accordion-button:not(.collapsed) {
	color: #000;
	background-color: transparent;
}
.accordion-button:not(.collapsed)::after {
    background-image: url("img/collapse_minus.png");
    background-size: cover;
    width: 30px;
    height: 30px;

	transform: rotate(180deg);
}
.accordion-button::after {
	flex-shrink: 0;
	width: 1.25rem;
	height: 1.25rem;
	margin-left: auto;
	content: "";
    background-image: url("img/collapse_plus.png");
    background-size: cover;
    width: 30px;
    height: 30px;
	transition: transform 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
	.accordion-button::after {
		transition: none;
	}
}
.accordion-button:hover {
	z-index: 2;
}
.accordion-button:focus {
	z-index: 3;
	border: none;
	outline: 0;
	box-shadow: none;
}

.accordion-header {
	margin-bottom: 0;
}

.accordion-header span {
	padding-right: 20px;
}

.accordion-item {
	/*border-top: 1px solid var(--template-color-2);*/
	border-left: none;
	border-right: none;
}
.accordion-item:last-of-type {
	/*border-bottom: 1px solid var(--template-color-2);*/
}
.accordion-item:first-of-type .accordion-button {
	border: none;
}
.accordion-item:last-of-type .accordion-button.collapsed {

	border: none;
}
.accordion-item:last-of-type .accordion-collapse {

	border: none;
}

.accordion-collapse {

	border: none;
}

.accordion-body {
	padding: 10px 10px 20px 10px;
	font-size: 18px;
}

.accordion-flush .accordion-button {
	border-right: 0;
	border-left: 0;
	border-radius: 0;
}
.accordion-flush .accordion-collapse {
	border-width: 0;
}
.accordion-flush .accordion-item:first-of-type .accordion-button {
	border-top-width: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.accordion-flush .accordion-item:last-of-type .accordion-button.collapsed {
	border-bottom-width: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}


/* -----------------------------------
  xx. News
--------------------------------------*/
.news-titel {
	font-size: 18px;
	font-weight: bolder;
}
.news-show-more a {
    color: var(--template-color-1);
}
.news-show-more a:visited, .news-show-more a:active, .news-show-more a:link, .news-show-more a:focus {
	color: var(--template-color-1);
}
.news-show-more a:hover {
    color: #000;
}


/* -----------------------------------
  xx. RVL-Gebiete
--------------------------------------*/
#rvl-gebiete-map {
	height: 550px;
	width: 100%;
}

/* -----------------------------------
  xx. Team
--------------------------------------*/
.team-kategorien a {
	display: block;
}
.team-kategorien .active {
	border-color: var(--template-color-2);
    background-color: var(--template-color-2);
}
.team-kategorien .active a {
	color: #fff;
}

.team-kategorie {
	font-size: 30px;
	font-weight: bolder;
	color: var(--template-color-1);
	padding-bottom: 20px;
	text-align: center;
}


.team {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 20px;
	margin-top: 25px;
	margin-bottom: 75px;
}

.team .team-item {
	position: relative;
	display: inline-block;
	border: 1px solid var(--template-color-2);
}

.team .team-item a {
	color: #fff;
}

.team .team-item img {
	width: 100%;
	height: auto !important;
	border: 1px solid red;
}

.team .team-item .team-block {
	/*display: none;*/
	position: absolute;
	z-index: 10;
	margin: 0 auto;
	left: 0;
	right: 0;
	text-align: center;
	bottom: 0;
	width: 100%;
	transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-webkit-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	background-color: rgba(147, 136, 120, 0.90);

	padding: 13px 0;
	font-size: 13px;
	color: #fff;
}

.team .team-item .team-block .team-name {
	font-weight: bolder;
	font-size: 20px;
}

.team .team-item:hover .team-block {
	background: rgba(145, 45, 26, 0.90);
}

.team-map {
	padding: 30px 50px 0px 50px;
}


.vertical-alignment-helper {
	display: table;
	height: 100%;
	/*width: 1000px;*/
	pointer-events: none;
}

.vertical-align-center {
	/* To center vertically */
	display: table-cell;
	vertical-align: middle;
	pointer-events: none;
}

.fieldset-flexbox {
	display: flex;
}

.fieldset-flexbox .flexbox-main {
	flex: 1;
}

.fieldset-flexbox .flexbox-toolbar {
	flex: 0 25px;
}

/* -----------------------------------
  xx. RVL-Gebiete
--------------------------------------*/

.rvl-gebiete p {
	padding-bottom: 10px;
}


/* -----------------------------------
  xx. Suchen
--------------------------------------*/
.suchen .modal-content {
	/*background: rgba(0, 0, 0, 0.8);*/
	/*background: rgba(179, 182, 183, 0.8);*/
	/*background: rgba(145, 45, 26, 0.8);*/
	background: rgba(147, 136, 120, 0.5);
}


/* Suchen :: Suchergebnisse
-------------------------------------------------- */
.suchen {

}
.suchen-items {
	padding: 13px 0px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;

	border-top: 1px solid var(--template-color-1);
}
.suchen-items:last-of-type {
	border-bottom: 1px solid var(--template-color-1);
}

/* -----------------------------------
  xx. Alerts - Meldungen
--------------------------------------*/
.alert-primary {
	color: #000000;
	background-color: #DFDFDF;
	border-color: #808080;
}

.alert-success {
	color: #ffffff;
	background-color: #918878;
	border-color: #8E7447;
}

.alert-warning {
	color: #ffffff;
	background-color: #882D17;
	border-color: #f5c2c7;
}

.alert-danger {
	color: #ffffff;
	background-color: #882D17;
	border-color: #f5c2c7;
}



/* -----------------------------------
  xx. Lieferdatum
--------------------------------------*/
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
	background-color: var(--template-color-1);
	color: #fff;
}



/* -----------------------------------
  xx. ScrollUp
--------------------------------------*/
#scrollUp {
	bottom: 55px;
	right: 20px;
	padding: 15px;
    background-color: transparent;
    border: 2px solid var(--template-color-5);
    border-radius: 50%;
	color: #999;
}

#scrollUp i {
    display: block;
    font-size: 20px;
}
#scrollUp:hover {
    background-color: #3f3f3f;
    color: #fff;
}



/* -----------------------------------
  Cookies
--------------------------------------*/
.CookieArea {
    position:fixed;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0px;
    z-index: 10000;
    background-color: var(--template-color-1);
    border-top: 1px solid var(--template-color-1);
    opacity:0.85;
    font-size: 14px;
}
.CookieText {
    padding: 10px 0px 0px 0px;
    color: var(--template-color-3);
}
.CookieArea a {
	text-decoration: none;	
    color: var(--template-color-3);
}
.CookieArea .CookieButton {
    padding: 10px 0px 10px 0px;
}
.CookieArea button {
    border: 1px solid var(--template-color-3);
    color: var(--template-color-3);
    padding: 5px 10px;
    font-size: 12px;
}
.CookieArea button:hover {
    border: 1px solid var(--template-color-4);
    color: var(--template-color-4);
}



/* -----------------------------------
  xx. error page, cooming soon page
--------------------------------------*/
.error-section {
    padding: 50px 0 50px;
    text-align: center;
}
.error-section h1 {
    font-family: 'Droid Serif', serif;
    color: var(--template-color-1);
    font-size: 48px;
    font-weight: 800;
    margin: 0 0 45px;
    margin-bottom: 20px;
}
.error-section h2 {
    font-family: 'Droid Serif', serif;
    color: var(--template-color-1);
    font-size: 48px;
    font-weight: 400;
    margin: 0 0 18px;
    margin-bottom: 30px;
}



/* -----------------------------------
  xx. Google Map
--------------------------------------*/
.header-map {
    height: 600px;
}



.kontakt-map {
	height: 500px;
}

.gm-fullscreen-control {
	display: none;
}


/* -----------------------------------
  xx. Effekte
--------------------------------------*/
.img-scale img {
	transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	width: 100%;
	transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
.img-scale:hover img {
	transform: scale(1.25);
	-webkit-transform: scale(1.25);
	transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

.box-shadow {
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
}



/* -----------------------------------
  xx. AjaxLoading
--------------------------------------*/
.AjaxLoading {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -125px 0px 0px -125px;
    z-index: 2000;
    
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid var(--template-color-1);
    border-bottom: 16px solid var(--template-color-1);
    
    /*
    border-right: 16px solid #622261;
    border-bottom: 16px solid #5A2361;
    border-left: 16px solid #45265F;*/
    
    width: 125px;
    height: 125px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}



/* -----------------------------------
  xx.  "hidden" classes (Bootstrap 3)
--------------------------------------*/
@media (max-width: 767px) {
	.hidden-xs {
		display: none !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.hidden-sm {
		display: none !important;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.hidden-md {
		display: none !important;
	}
}

@media (min-width: 1200px) {
	.hidden-lg {
		display: none !important;
	}
}