body {
	font-family: 'PT Sans', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	letter-spacing: 0.0625em;
	position: relative;
	width: 100%;
	height: 100%;
	color: #333;
	background-color: #fff;
	padding-top: 70px;
	overflow: scroll;
}
h1 {
	text-transform: uppercase;
	color:#817160;
	margin: 10px 0;
	letter-spacing: 1.1px;	
}
h2 {
	text-transform: uppercase;
	color:#817160;
	margin: 10px 0;
	letter-spacing: 1.1px;	
}
h3{
	text-transform: uppercase;
	color:#817160;
	margin: 10px 0;
	letter-spacing: 1.1px;	
}
h4 {
	font-family: 'Lobster', cursive;
	font-size: 1.8em;
	margin: 0 0 15px;
	letter-spacing: 1.0px;
	color: #afa796;
}
h5{
	font-weight: 300;
	margin: 0 0 35px;
	letter-spacing: 1.1px;
	color:#817160; /*#b5ae9f;*/
}
h6 {
	font-weight: 500;
	margin: 0 0 35px;
	letter-spacing: 1px;
	color:#817160; /*#b5ae9f;*/
}
h5 {	
	color:#817160;
	margin: 10px 0;
	letter-spacing: 1.1px;	
}
h6 {	
	font-size: 1.4em;
	font-weight: 500;
	color: #afa796;
	margin: 10px 0;	
}
p {
	font-size: 1em;
	line-height: 1.5;
	margin: 0 0 25px;
}
.lobster {
		font-family: 'Lobster', cursive;
}

 /* unvisited link */
a:link {
    text-decoration: none;
	color: #c9c0ad;
}
/* visited link */
a:visited {
	color: #c9c0ad;
}
/* mouse over link */
a:hover {
	color: #817160;
}
/* selected link */
a:active {
	color: #c9c0ad;
} 
a:focus { 
	outline:none; 
} 
/* kein padding im Grid */
/* no-gutters Class Rules */
.row.no-gutters {
   margin-right: 0;
   margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
   padding-right: 0;
   padding-left: 0;
}
/* Navbar style */
.bg-light {
    background-color: #e73229 !important;
}
.navbar {	
	border-bottom: 10px solid #ba2b27;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0,0,0,.8);	
}
.navbar-light .navbar-nav .nav-link {
    color: rgba(255,255,255,.7);
	text-transform:uppercase;	
}
.active {
	color:#ba2b27;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #fff;
    text-align: right;
    list-style: none;
    background-color: #e73229;
    background-clip: padding-box;
    border: 0px solid rgba(0,0,0,.15);
    border-radius: 0rem;
}

.footer-style {
	border-top: 10px solid #e73229;
	background-color: #ba2b27;
}
hr {
    border-top: 1px solid #c9c0ad;
}
/*style list*/
ul.no_bullet {
list-style-type: none;
padding-left: 0px;
}
li.arrow {
background: url('img/elements/arrow-right.png') no-repeat left top;
padding-left: 25px;
}
.jumbotron {
    border-top: 1px solid #c9c0ad;
    background-color: #f4f2ef;
	padding: 2rem 2rem 4rem 2rem;
}
/*abstandhalter*/
.abstand-01{
	margin-top: 0px;
}
.mt-5{
	margin-top: 30px;
}
.abstand-03{
	margin-top: 100px;
}
.abstand-04 {
	padding-top: 18px;	
}
.abstand-filler {
	padding-bottom:30px;
}
.fa-small {
	font-size: 0.5em;	
}
.link-name {
	color: #817160;
}
.link-name:hover {
	color: #e73229;
}
.img-grayscale {
  transition: filter .5s ease-in-out;
  -webkit-filter: grayscale(80%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(40%); /* FF 35+ */
}
.img-grayscale:hover {
  -webkit-filter: grayscale(0%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(0%); /* FF 35+ */
}
.img-dots {
  transition: filter .5s ease-in-out;
  -webkit-filter: grayscale(80%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(0%); /* FF 35+ */
}
.img-dots:hover {
  -webkit-filter: grayscale(0%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(40%); /* FF 35+ */
}
.img-partner {
  border: 1px solid #c9c0ad;
  margin: 7px 7px;  
  background-color:#e73229;
  transition: filter .5s ease-in-out;
  -webkit-filter: opacity(.7);
  filter: opacity(.7);
}
.img-partner:hover {
  border: 1px solid #e73229;
  background-color:#e73229;
  transition: filter .5s ease-in-out;
  -webkit-filter: opacity(1);
  filter: opacity(1);
}
.dots {
	padding: 5px 5px;
}
.box-beige {
    border-top: 1px solid #c9c0ad;
	background-color: #f4f2ef;
}
.box-beige-2 {
    border: 1px solid #c9c0ad;
	background-color: #f4f2ef;
	padding: 2rem 2rem 4rem 2rem;
}
.box-red {
	background-color: #c9c0ad;
}
.box-bright-red {
	background-color: #e73229;
}
.box-dark-red {
	background-color: #ba2b27;
}
.close {
  color: #fff;
}
.close:hover {
  color: #fff;
}
/*	textstyle */
.teaser-text-unten {	
	font-size: 0.9em;
	font-style: uppercase;
}
.footer-link:hover {
	color: rgba(0,0,0,.8);
}

/* Tester für media queries */
.tester {
	width:100%;
	height: 10px;
	background-color: red;
}
.img-footer {
	width: 50%;
	height:auto;
}
.img-modal-logo {
	width: 220px; 
	height: auto; 	
}

/* Extra small devices (portrait phones, less than 576px)*/
/* No media query since this is the default in Bootstrap-------------------------------------------------------------*/
@media (min-width: 0px) {		
.container-2 {
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
}
}
/* Small devices (landscape phones, 576px and up)-------------------------------------------------------------*/
@media (min-width: 576px) {
.tester {
	background-color: blue;
}	
}
/* Medium devices (tablets, 768px and up)-------------------------------------------------------------*/
@media (min-width: 768px) {
.tester {
	background-color: green;
}	
.abstand-filler {
	padding-bottom:400px;
}
}
/* Large devices (desktops, 992px and up)-------------------------------------------------------------*/
@media (min-width: 992px) {
.tester {
	background-color: yellow;
}
.abstand-01{
	margin-top: 38px;
}
.platzhalter-unten {
	padding-bottom: 100px;
}
.img-footer {
	width: 90%;
	height:auto;
}
.dropdown-menu {
    text-align: left;
}
}
/* Extra large devices (large desktops, 1200px and up)-------------------------------------------------------------*/
@media (min-width: 1200px) {
.tester {
	background-color: saddlebrown;
}
.container {
    max-width: 1300px;
	padding-right: 15px;
	padding-left: 15px;
}	
.container-2 {
    max-width: 1300px;
}
}
/* Extra large devices (large desktops, 1920px and up)-------------------------------------------------------------*/
@media (min-width: 1920px) {
.tester {
	background-color: black;
}	
.container {
    max-width: 1450px;
}	
.container-2 {
    max-width: 1450px;
	padding-right: 15px;
	padding-left: 15px;
}
}