@charset "utf-8";
/* CSS Document */

#startseite_information {
	background-color: #7c7c7b;
	color: #ffffff;
}

#startseite_service {
	background-color: #7c7c7b;
	color:#ffffff;
}

#startseite_produkte {
	background-color: #ffffff;
	color: #000000;
}

#footer {
	background-color: #7c7c7b;
	color: #ffffff;
}

#untermenue_produkte {
	background-color: #7c7c7b;
	color: #ffffff;
	line-height: 2em;
}

#untermenue_service {
	background-color: #7c7c7b;
	color: #ffffff;
	line-height: 3em;
}

#reihe1 {
	background-color: #7c7c7b;
	color: #ffffff;
}

#reihe3 {
	background-color: #7c7c7b;
	color: #ffffff;
}

a.impressum:link {color: #ffffff;}
a.impressum:visited {color: #ffffff;}
a.impressum:active {color: #ffffff;}
a.impressum:hover {color: #ffffff;}

a.link_rot:link {
	color: #a72920;
	text-decoration: underline; 
}
a.link_rot:visited {
	color: #a72920;
	text-decoration: underline; 
}
a.link_rot:active {
	color: #a72920;
	text-decoration: underline; 
}
a.link_rot:hover {
	color: #a72920;
	text-decoration: underline; 
}

a.mail:link {
	color: #000000;
	text-decoration: none; 
}
a.mail:visited {
	color: #000000;
	text-decoration: none; 
}
a.mail:active {
	color: #000000;
	text-decoration: none; 
}
a.mail:hover {
	color: #000000;
	text-decoration: none; 
}

a.untermenue:link {
	color: #ffffff;
	text-decoration: none; 
}
a.untermenue:visited {
	color: #ffffff;
	text-decoration: none; 
}
a.untermenue:active {
	color: #ffffff;
	text-decoration: none; 
}
a.untermenue:hover {
	color: #ffffff;
	text-decoration: none; 
}

h4 {
color: #a72920
}

h5 {
color: #a72920
}

.btn-custom {
    background-color: #a72920;
	color: #ffffff;
}

.navbar-custom {
    background-color: #a72920;
}

.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: #ffffff;
}

.navbar-custom .navbar-nav .nav-link {
    color: #ffffff;
	padding-left:30px;
    padding-right:30px;
}

.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #ffffff;
}

.navbar-custom .navbar-nav .dropdown-menu  { 
  background-color: #a72920;
}

.navbar-custom .navbar-nav .dropdown-menu>li>a  { 
  color: #fff;
}

.dropdown .dropdown-menu a:hover
{
  color: #fff;
  background-color: #9e261e;
}

.dropdown .dropdown-menu a
{
	color: #fff; text-decoration: none;
}

.navbar-header .navbar-toggler {
  border: 0;
}

.navbar-toggler-icon {
  color: #fff;
}

.navbar-toggler-icon:hover {
  background: #fff;
}

.navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

/* Fotos Startseite ohne Rand */
.kein-rand {
  padding: 0 !important;
}
.kein-rand img {
  height: auto;
  width: 100%;
}

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

/* Zu Anker scrollen */
ul li.scrollTop {
float: right;}

/* Zurück zu Top scrollen */
#back2Top {
    width: 40px;
    line-height: 40px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: fixed;
    bottom: 50px;
    right: 0;
    background-color: #a72920;
    color: #ffffff;
    text-align: center;
    font-size: 30px;
    text-decoration: none;
}
#back2Top:hover {
    background-color: #a72920;
    color: #C7C7C7;
}

/* zu Kontakt scrollen */
#kontaktbutton {
    overflow: hidden;
    z-index: 999;
	width: 40px;
    bottom: 90px;
    right: 0;
	position: fixed;
    background-color: #7c7c7b;
    color: #ffffff;
    text-align: center;
    font-size: 30px;
    text-decoration: none;
}
#kontaktbutton:hover {
    background-color: #7c7c7b;
    color: #C7C7C7;
}

body, html {
    height: 100%;
    margin: 0;
}

/* Startseite - Foto Slider */
.bg {
    /* The image used */
    background-image: url("slider_startseite.jpg");

    /* Full height */
    height: 100%; 

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Startseite - Foto Spalte Information*/
.bgImage_Information {
    padding: 5px;
    background: url(startseite_information.jpg); 
    background-repeat: no-repeat;
    background-size: cover;
    min-height:389px; /* Echte Höhe des Bildes */
    background-color:darkred;
}

/* Startseite - Foto Spalte Produkte*/
.bgImage_Produkte {
    padding: 5px;
    background: url(startseite_produkte.jpg); 
    background-repeat: no-repeat;
    background-size: cover;
    min-height:389px; /* Echte Höhe des Bildes */
    background-color:darkred;
}

/* Startseite - Foto Spalte Service*/
.bgImage_Service {
    padding: 5px;
    background: url(startseite_service.jpg); 
    background-repeat: no-repeat;
    background-size: cover;
    min-height:389px; /* Echte Höhe des Bildes */
    background-color:darkred;
}

/* Anfrageformular */
.btn-send {
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    margin-bottom: 20px;
}

.help-block.with-errors {
    color: #ff5050;
    margin-top: 5px;
}

/*Text über Bild*/
.text_bild {
    color: #000000;
}

/* Bottom left text */
.bottom-left {
    position: absolute;
    bottom: 8px;
    left: 16px;
}

/* Top left text */
.top-left {
    position: absolute;
    top: 40px;
    left: 30px;
}

/* Top right text */
.top-right {
    position: absolute;
    top: 8px;
    right: 16px;
}

/* Bottom right text */
.bottom-right {
    position: absolute;
    bottom: 8px;
    right: 16px;
}

/* Centered text */
.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}