:root {
	--header-bg-color: #ffffff;

	--navbar-bg-color: #f8f9fa;
	--nav-link-color: rgba(0, 0, 0, 0.55);
	--nav-link-active-color: rgba(0, 0, 0, 1);
	--nav-link-hover-color: rgba(0, 0, 0, 1);

	--carousel-small-wrap-bg-color: #eee;
	
	--content-color: #444444;
	--content-link-color: #d44f2b;

	--btn-custom-color: #ffffff;
	--btn-custom-bg-color: #6c757d;
	--btn-custom-border-color: #6c757d;
	--btn-custom-color-hover: #ffffff;
	--btn-custom-bg-color-hover: #a3a3a3;
	--btn-custom-border-color-hover: #6c757d;	
	
	--footer-color: #000000;
	--footer-bg-color: #f8f9fa;
	--footer-link-color: #000000;
	--footer-link-color-hover: #000000;
	
	--footer-meta-nav-color: rgba(0, 0, 0, 0.55);
	--footer-meta-nav-bg-color: #f8f9fa;
	--footer-meta-nav-link-color: rgba(0, 0, 0, 0.55);
	--footer-meta-nav-link-color-hover: rgba(0, 0, 0, 1);
	
	--social-icon: rgba(150, 150, 150, 1);
	--social-icon-hover: rgba(20, 20, 20, 1);
}

h1,
p.h1 {
	font-size: 2em;
}
h2,
p.h2 {
	font-size: 1.5em;
}
h3,
p.h3 {
	font-size: 1.17em;
}
h4,
p.h4 {
	font-size: 1em;
}
h5,
p.h5 {
	font-size: .83em;
}
h6,
p.h6 {
	font-size: .67em;
}

/* default styles for extension "tx_frontend" begin */
.ce-align-left { text-align: left; }
.ce-align-center { text-align: center; }
.ce-align-right { text-align: right; }

.ce-table td, .ce-table th { vertical-align: top; }

.ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; }

.ce-left .ce-gallery, .ce-column { float: left; }
.ce-center .ce-outer { position: relative; float: right; right: 50%; }
.ce-center .ce-inner { position: relative; float: right; right: -50%; }
.ce-right .ce-gallery { float: right; }

.ce-gallery figure { display: table; margin: 0; }
.ce-gallery figcaption { display: table-caption; caption-side: bottom; }
.ce-gallery img { display: block; }
.ce-gallery iframe { border-width: 0; }
.ce-border img,
.ce-border iframe {
	border: 2px solid #000000;
	padding: 0px;
}

.ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
	margin-bottom: 10px;
}
.ce-image .ce-gallery { margin-bottom: 0; }
.ce-intext.ce-right .ce-gallery { margin-left: 10px; }
.ce-intext.ce-left .ce-gallery { margin-right: 10px; }
.ce-below .ce-gallery { margin-top: 10px; }

.ce-column { margin-right: 10px; }
.ce-column:last-child { margin-right: 0; }

.ce-row { margin-bottom: 10px; }
.ce-row:last-child { margin-bottom: 0; }

.ce-above .ce-bodytext { clear: both; }

.ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; }

/* Headline */
.ce-headline-left { text-align: left; }
.ce-headline-center { text-align: center; }
.ce-headline-right { text-align: right; }

/* Uploads */
.ce-uploads { margin: 0; padding: 0; }
.ce-uploads li { list-style: none outside none; margin: 1em 0; }
.ce-uploads img { float: left; padding-right: 1em; vertical-align: top; }
.ce-uploads span { display: block; }

/* Table */
.ce-table { width: 100%; max-width: 100%; }
.ce-table th, .ce-table td { padding: 0.5em 0.75em; vertical-align: top; }
.ce-table thead th { border-bottom: 2px solid #dadada; }
.ce-table th, .ce-table td { border-top: 1px solid #dadada; }
.ce-table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); }
.ce-table-bordered th, .ce-table-bordered td { border: 1px solid #dadada; }

/* Space */
.frame-space-before-extra-small { margin-top: 1em; }
.frame-space-before-small { margin-top: 2em; }
.frame-space-before-medium { margin-top: 3em; }
.frame-space-before-large { margin-top: 4em; }
.frame-space-before-extra-large { margin-top: 5em; }
.frame-space-after-extra-small { margin-bottom: 1em; }
.frame-space-after-small { margin-bottom: 2em; }
.frame-space-after-medium { margin-bottom: 3em; }
.frame-space-after-large { margin-bottom: 4em; }
.frame-space-after-extra-large { margin-bottom: 5em; }

/* Frame */
.frame-ruler-before:before { content: ''; display: block; border-top: 1px solid rgba(0,0,0,0.25); margin-bottom: 2em; }
.frame-ruler-after:after { content: ''; display: block; border-bottom: 1px solid rgba(0,0,0,0.25); margin-top: 2em; }
.frame-indent { margin-left: 15%; margin-right: 15%; }
.frame-indent-left { margin-left: 33%; }
.frame-indent-right { margin-right: 33%; }
/* default styles for extension "tx_frontend" end */

/* Header */
div#header {
	background-color: var(--header-bg-color);
}

/* Logo */
a#logo img {
	display: block;
	max-width: 70%;
	margin: 0 auto;
}
/* Navbar */
.navbar-spiersch-template-bg {
	background-color: var(--navbar-bg-color);
	box-shadow: none;
}
.navbar-spiersch-template .navbar-brand {
	color: rgba(0, 0, 0, 0.9);
}
.navbar-spiersch-template .navbar-brand:hover, .navbar-light .navbar-brand:focus {
	color: rgba(0, 0, 0, 0.9);
}
.navbar-spiersch-template .navbar-nav .nav-link {
	color: var(--nav-link-color);
}
.navbar-spiersch-template .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
	color: var(--nav-link-hover-color);
	text-decoration: underline;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.navbar-spiersch-template .navbar-nav .nav-link.disabled {
	color: rgba(0, 0, 0, 0.3);
}
.navbar-spiersch-template .navbar-nav .show > .nav-link,
.navbar-spiersch-template .navbar-nav .nav-link.active {
	color: var(--nav-link-active-color);
	text-decoration: underline;
}
.navbar-spiersch-template .navbar-toggler {
	border-color: rgba(0, 0, 0, 0.1);
}
.navbar-spiersch-template .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(0, 0, 0, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-spiersch-template .navbar-text {
	color: rgba(0, 0, 0, 0.55);
}
.navbar-spiersch-template .navbar-text a,
.navbar-spiersch-template .navbar-text a:hover,
.navbar-spiersch-template .navbar-text a:focus {
	color: rgba(0, 0, 0, 0.9);
}


.navbar-spiersch-template .navbar-nav .dropdown-item.active,
.navbar-spiersch-template .navbar-nav .dropdown-item:active {
	background-color: var(--nav-link-color);
}

/* Carousel small */
.carousel-small-wrap {
	background-color: var(--carousel-small-wrap-bg-color);
	box-shadow: 0 10px 15px silver;
}
/* Carousel Item */
.carousel-item img {
	height: 200px;
	object-fit: cover;
	object-position: center 0;
}
.carousel-caption {
	left: 1.25rem;
	right: auto;
	bottom: 1rem;
	text-align: left;
	padding: .5rem 1rem 0rem 1rem;
	display: inline-block !important;
	background: rgba(0, 0, 0, .7) !important;
	border-radius: 5px;
}
.carousel-caption p.h1 {
	font-size: 1em;
}

/* headerImage */
.headerImage-wrap {
	background-color: var(--carousel-small-wrap-bg-color);
	box-shadow: 0 10px 15px silver;
}
.headerImage-wrap .container {
	position: relative;
}
.headerImage-wrap .carousel-item img {
	height: 200px;
	object-fit: cover;
	object-position: center 0;
}
.headerImage-wrap .headerLogo {
	position: absolute;
	top: 1em;
	left: calc(15px + 1em);
	max-width: 150px;
	height: auto;
}


/* Content */
main {
	min-height: 600px;
	padding-top: 3rem;
	padding-bottom: 2.5rem;
	color: var(--content-color);
}
main a {
	color: var(--content-link-color);
	text-decoration: none;
}
main a:hover {
	color: var(--content-link-color);
	text-decoration: underline;
}

/* Telephone + Mail Icons */
a[href^="tel:"]:before,
a[href^="mailto:"]:before{
	position: relative;
	top: .2em;
	margin-right: .3em;
	display: inline-block;
	width: 16px;
	height: 16px;
}
a[href^="tel:"]:before{
	content: url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-telephone" viewBox="0 0 16 16"><path d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z"/></svg>');
}
a[href^="mailto:"]:before{
	content: url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope" viewBox="0 0 16 16"><path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2zm13 2.383-4.758 2.855L15 11.114v-5.73zm-.034 6.878L9.271 8.82 8 9.583 6.728 8.82l-5.694 3.44A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.739zM1 11.114l4.758-2.876L1 5.383v5.73z"/></svg>');
}
#header a {
	color: rgb(68, 68, 68);
	text-decoration: none;
}
#header a:hover {
	text-decoration: underline;
}
#header a[href^="tel:"]:before {
	width: 1em;
	height: 1em;
}

/* Footer */
div#footer {
	background-color: var(--footer-bg-color);
}
div#footer > #footer-content {
	border-top: 2px solid #c0c0c0;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	color: var(--footer-color);
}
div#footer > #footer-content a {
	text-decoration: none;
	color: var(--footer-link-color);
}
div#footer > #footer-content a:hover {
	text-decoration: underline;
	color: var(--footer-link-color-hover);
}
div#footer > #footer-meta-nav {
	padding-top: .5rem;
	padding-bottom: .5rem;
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	background-color: var(--footer-meta-nav-bg-color);
	color: var(--footer-meta-nav-color);
}
div#footer > #footer-meta-nav a.nav-link {
	color: var(--footer-meta-nav-link-color);
	text-decoration: none;
	padding: 0;
}
div#footer > #footer-meta-nav a.nav-link:hover,
div#footer > #footer-meta-nav a.nav-link.active {
	color: var(--footer-meta-nav-link-color-hover);
	text-decoration: underline;
}
div#footer > #footer-meta-nav .spacer::after {
	content: "|";
	padding-left: .5rem;
	padding-right: .5rem;
	color: var(--footer-meta-nav-color);
}

a.social-icon {
	transition: all 0.15s ease;
	color: var(--social-icon);
}
a.social-icon:hover {
	color: var(--social-icon-hover);
}

table.price-list > :not(caption) > * > * {
	padding: 0.25rem 0.25rem;
}

.madeBy {
	color: #666;
	font-size: .8rem;
}
.madeBy a {
	color: #666;
}
.madeBy a:hover {
	text-decoration: none;
}

/* Button */
.btn-custom {
	color: var(--btn-custom-color);
	background-color: var(--btn-custom-bg-color);
	border-color: var(--btn-custom-border-color);
	text-decoration: none;
}
.btn-custom:hover {
	color: var(--btn-custom-color-hover);
	background-color: var(--btn-custom-bg-color-hover);
	border-color: var(--btn-custom-border-color-hover);
	text-decoration: none;
}

/* Special effects */
.frame-img-zoom img {
	transition: transform .2s;
}
.frame-img-zoom img:hover {
	transform: scale(1.1);
}
.frame-img-sw-zoom img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	transition: transform .2s;
}
.frame-img-sw-zoom img:hover {
	-webkit-filter: unset;
	filter: unset;
	transform: scale(1.1);
}







/*
.frame-slideanim img {
	visibility:hidden;
	visibility:visible\9;
}
.frame-slideanim img.slide {                  
	visibility: visible;                  
	animation: slide 1s;
}
.frame-slideanim img::after {
	content: "";
	display: table;
	clear: both;
}
@keyframes slide {
	0% {
		opacity: 0;
		transform: translateY(50%);
	} 
	100% {
		opacity: 1;
		transform: translateY(0);
	} 
}
*/

/* News System */
.page-item .page-link {
	color: #000;
	background-color: #fff;
	
	text-decoration: none;
}
.page-item.active .page-link {
	color: var(--btn-custom-color-hover);
	background-color: var(--btn-custom-bg-color-hover);
	text-decoration: none;
	border-color: var(--btn-custom-border-color-hover);
}
.page-link {
	color: #000;
	background-color: #fff;
	text-decoration: none;
}
.page-link:hover {
	color: var(--btn-custom-color-hover);
	background-color: var(--btn-custom-bg-color-hover);
	border-color: var(--btn-custom-border-color-hover);
	text-decoration: none;
}
div.news .card-img-top {
	height: 250px;
	object-fit: cover;
}
div.news .card-footer {
	padding-top: 0;
	border-top: none;
	background-color: transparent;
}

/* Bootstrap Extension */
.col-7-2 {
	flex: 0 0 auto;
	width: 33.33333333%;
}
.col-8-2 {
	flex: 0 0 auto;
	width: 50%;
}

/* Cookieman */
#cookieman-modal a {
	color: var(--content-link-color);
	text-decoration: none;
}
#cookieman-modal a:hover {
	text-decoration: underline;
}
#cookieman-modal .btn-primary {
	color: var(--btn-custom-color);
	background-color: var(--btn-custom-bg-color);
	border-color: var(--btn-custom-border-color);
	text-decoration: none;
}
#cookieman-modal .btn-secondary {
	color: var(--btn-custom-color);
	background-color: #c0c0c0;
	border-color: #c0c0c0;
	text-decoration: none;
}

@media (min-width: 576px) {
	a#logo img {
		max-width: 60%;
	}
	.carousel-item img {
		height: 300px;
	}
}
@media (min-width: 768px) {
	.col-7-md-7 {
		flex: 0 0 auto;
		width: 14.28571428%;
	}
	.col-8-md-8 {
		flex: 0 0 auto;
		width: 12.5%;
	}
	a#logo img {
		max-width: 330px;
	}
	.carousel-item img {
		height: 400px;
	}
	.carousel-caption {
		bottom: 1.5rem;
	}
	.carousel-caption p.h1 {
		font-size: 1.5em;
	}
}
@media (min-width: 992px) {
	a#logo img {
		margin: 0;
		max-width: 350px;
	}
	.carousel-item img {
		height: 500px;
	}
	.carousel-caption {
		bottom: 2rem;
	}
	.carousel-caption p.h1 {
		font-size: 2em;
	}
	.headerImage-wrap .carousel-item img {
		height: 300px;
	}
}