
body {
	font-family: "Montserrat";	
}

.turkisgreen {
	background-color: #90d2ae;
}

.limegreen {
	background-color: #daf6c4;
}

.orange {
	background-color: #da7058;
	
}


.orangelight {
	 background-color: #f1c493;
}


.violet {
	background-color: #6e4589;
	
}


.violetlight {
	background-color: #bea1f7;
}

.verlauf {
  background: linear-gradient(#daf6c4, #90d2ae);
}

.verlaufInv {
  background: linear-gradient(#90d2ae, #daf6c4);
}


.bg1 {
		background-color: #90d2ae;
}

.bg2 {
		background-color: #bea1f7;
}

.bg3 {
		background-color: #6e4589;
}

.mastheader {
	padding-top: 7rem;
}

h3 {
text-transform: uppercase;
color: #473f4d;
}

.text-anthracite {
	color: #473f4d;
}

.navbar-light { background-color: #FFF!important }

#mainNav .navbar-brand {
  color: #16a64e;
  text-transform: initial;
  margin-right:3rem;
}

#mainNav .navbar-nav .nav-item .nav-link {
	color:  #473F4D;
	padding-left: 0.3em;
	padding-right: 0.3em;
	font-size: 1.4em;
	font-weight:bold;
}

.heading {
	font-size: 5rem;
	color:  #473F4D;
	font-weight:bold;
	text-align:left;
	line-height: 6.5rem;
	font-family: "Montserrat";
}



.bubble {
	border-radius:2em;
	padding-left: 0.5em;
	padding-right: 0.6em;
	padding-bottom: 0.1em;
	padding-top: 0.0em;
	
}

#mainNav .navbar-nav .nav-item .nav-link:hover {
	background-color: #bea1f7;
	border-radius:2em;
	color: #fff;
}

.navbar-toggler {
	background-color: #6e4589;
	color: #fff!important;
}

.reiter {
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	border-radius:2em;
	padding: 2em;
	
}

.btn-primary {
    background-color: #6e4589 !important; /* Ihre Wunschfarbe */
    border-color: #6e4589 !important;
	border-width: 3px;
	border-radius: 1em;
}

/* Wichtig: Auch Hover, Focus und Active Zustände anpassen */
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: #bea1f7 !important;
    border-color: #fff !important;
}


.bubblelink:hover, .bubblelink:focus, .bubblelink:active {
    background-color: #bea1f7 !important;
    border-color: #fff !important;
}

a:link, a:visited {
	
	color: #473F4D;
}