body {
	background-color:;
	font-family:;
  font-size:rem;
	color:;
}

.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}

a:link, a:visited {
	color: ;
}





/* Listen mit Fontawesome */

ul.list-check {
  list-style: none;
  padding: 0;
}

.list-check li {
  padding-left: 1.3em;
  padding-bottom:1rem;
}

.list-check li:before {
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
  color:;
}




@media (max-width: 539px) { 
	section {
		padding-top:2rem;
    padding-bottom:2rem;
	}
}

@media (min-width: 540px) { 
	section {
		padding:4rem 2rem 4rem 2rem;
	}
}


.seperator {
    width: 75px;
    height: 5px;
    background-color:;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.seperator-left {
    width: 75px;
    height: 7.5px;
    background-color:;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

/* Blockquote */

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}

/* Ueberschriften */

h1,h2,h3,h4,h5,h6 {
		word-wrap: break-word;
}

h3 {
	font-size:1.5rem;
}

/* Links */

.btn-link {
    color: ;
}

/* Hintergrundbilder */

.bg-image {
  background-image: url('w3css.gif');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center; 
}

/* Cookie-Hinweis

.cc_container .cc_btn {
}	background-color:  !important;
	color: #000 !important;

.cc_container {
	background:  !important;
	color: #fdfdfd !important;
}
 
.cc_container a {
	color:  !important;
}

/* Logo */

.logo {

    max-width:250px;
    max-height:75px;
}



/* Navbar (short) */

.navbar-short {
	background-color:;
}

.navbar-short .navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0,0,0,.1);
}

.navbar-short .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}



.navbar-short a:link {
    color: ;
}

.navbar-short .nav-link:focus, .navbar-short .navbar-nav .nav-link:hover {
    color: ;
}

.navbar-short .nav-link:visited {
	color: ;
}

.navbar-short .nav-link.active {
	color: ;
}

/* Top */
.top {
	background-color: ;
}



/* Navbar (long) */

#navbar {
	background-color:;
}

.navbar {
	padding:0px;
}

.navbar-long a:link {
	color:white;
}

nav .container {
	padding-right:0rem;
	padding-left:0rem;
}

.navigation {
	cursor:pointer;
	padding:15px;
	color:white;
	line-height:1;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
	padding-top: .7rem;
	padding-bottom: .7rem;
}


.dropdown-item:active {
	background-color:white;
}

.navbar-long a:hover {
	color:white;
	background-color:;
}

.nav-item.active {
	background-color:;
}

.navbar-long .nav-item.active .nav-link {
	color:white;
}


.nav-icon {
	font-size:1.15rem;
}

/* Button "back-to-top" */

.back-to-top {
	color:white;
	background:gray;
	position: fixed;
	bottom:30px;
	right:30px;
	font-size:.9rem;
}


/* Button */

.btn {
  font-size:rem;
}

.btn-custom {
    color: #fff;
    background-color: ;
    border-color: ;
}

.btn-custom:hover {
    color: #fff;
    background-color: ;
    border-color: ;
	opacity: 0.8;
}

.btn-outline-custom {
    color: ;
    background-color: transparent;
    background-image: none;
    border-color: ;
}

.btn-outline-custom:hover {
    color: #fff;
    background-color: ;
    border-color: ;
}

.btn-edit {
	margin-top:1rem;
	margin-bottom:1rem;
}

/* Positionierung */

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}


/* Artikel */

article h1 {
	margin-bottom:.75rem;
}

article h2 {
	margin-top:3rem;
	margin-bottom:1rem;
}

article h3 {
	font-size:1.25rem;
	margin-top:1.5rem;
	padding-bottom:.5rem;
}

article .page-header {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

article table {
  font-weight:300;
}

article p {
  font-weight:300;
}

article li {
  padding-bottom:.5rem;
  font-weight:300;
}


.page-header {
	margin-bottom:3rem;
	color: ;
}


/* Formulare */

.form-header {
    border-bottom:1px solid ;
    margin: 0 0 30px;
    padding-bottom: 5px;
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: bold;
	font-size:1.2rem;
}

#datenschutz {
	font-size:.9rem;
}

/* About */

.about .icon {
    font-size: 4rem;
}

.about h2 {
	margin:1.5rem;
	font-weight:500;
	font-size:2rem;
}

.about p {
	font-weight:300;
}

/* About me */

@media (max-width: 539px) { 
	.about-me .img {
		height:100%;
		width:100%;
	}
}

@media (min-width: 540px) { 
	.about-me .img {
		height:25%;
		width:25%;
	}
}

/* Formulare mit Multi-Step */

/* Hide all steps by default: */
.tab {
  display: none;
}

/* Make circles that indicate the steps of the form: */
.step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbbbbb;
  border: none; 
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}

/* Mark the active step: */
.step.active {
  opacity: 1;
}

/* Mark the steps that are finished and valid: */
.step.finish {
  background-color: #4CAF50;
}


/* Header */

header {
	color:white;
	}

.header-bg {
	background-repeat: no-repeat;
	background-color:#777;
	background-size: cover;
	background-position:center; 
}

.slogan-text {
	margin-top:1rem;
	font-weight:300;
}	

@media (max-width: 540px) { 
	.header-text {
		font-size:2.5rem;
	}
	.slogan-text {
		font-size:rem;
	}
}

@media (min-width: 541px) { 
	.header-text {
		font-size:3.5rem;
		line-height:1.6;
	}
	.slogan-text {
		font-size:1.3rem;
	}
}

.shadow-inner {
	-webkit-box-shadow: inset 0px 0px 20px 0px rgba(112,112,112,1);
	-moz-box-shadow: inset 0px 0px 20px 0px rgba(112,112,112,1);
	box-shadow: inset 0px 0px 20px 0px rgba(112,112,112,1);
}

.overlay {
    background-color: rgba(0, 0, 0, 0.6);
}

/* Tabelle */

article table {
	margin-bottom:2rem;
	width: 100%;
}

article td {
	padding:.6rem;
	border: 0px solid black;
}

/* Slider */

.slider h2 {
	color:;
}


/* Banner */

.banner {
	color:white;
}

.banner .header {
	font-size:1.5rem;
}

.banner p {
	font-size:rem;
}


/* Pagination */

.page-item.active .page-link {
    background-color:;
    border-color:;
}

/* Cards */

.card-deck {
	margin-bottom:3rem;
}

.card h5 {
	font-size:1.5rem;
}

.card-subtitle {
	color:;
	font-size:.9rem;
}

/* Numbers */

.animateNumbers {
	color: white;
}

.animateNumbers .number {
    font-size: 3.5rem;
    text-shadow: 1px 1px silver;
    margin-bottom: 10px;
}

.animateNumbers .text {
    font-size: 1.1rem;
}

/* Öffnungszeiten */

.opening .icon {
	font-size:8rem;
}

/* App */

.app div {
  background-color:rgba(0, 0, 0, 0.21);
}

/* News */

.news .item {
  margin-bottom:3rem;
}

.news h2 {
	font-size:1.6rem;
  margin-top:0rem;
}

/* Produkte */

.produkte .icon {
	font-size:4rem;
}

/* Leistungen */

#leistungen p {
	font-weight:300;
}

/* FAQ */

#faq p {
	font-weight:300;
}

/* Footer */

footer {
  color: #e1e1e3;	
	padding:1rem;
}

footer.footer {
	-webkit-box-shadow: inset 0px 10px 15px -1px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 10px 15px -1px rgba(0,0,0,0.5);
	box-shadow: inset 0px 10px 15px -1px rgba(0,0,0,0.5);	
}

.footer .page-header {
		font-size:1.25rem;
	border-bottom:1px solid;
	color:#ffffff;
	margin-bottom:1.5rem;
}

footer a:link, footer a:visited {
	color:#e1e1e3;
}

.footer ul { 
   padding-left: 1em;
}

.footer li {
	padding-bottom:.25rem;
}

.footer .icon {
	font-size:2rem;
}

.footer .opening {
	margin-top:.3rem;
}

/* Animationen */

.animated {
	display:none!important;
}

/* Carousell */

.parent {
  position: relative;
  height:150px;
}

.child {
	max-height:150px;
	max-width:75%;

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.control {
	font-size:3em;
	color:silver;
}

/* Scrolling-Effekt */

.scroll-fade-in {
  opacity: 0;
  transition: opacity .5s ease-in-out;
}

.visible {
  opacity: 1;
}

/* Bildergallerie */

.gallery .img-thumbnail {
  cursor: pointer;
}