@charset "UTF-8";

/* ******************************************************* */
/*      Individuelle CSS-Datei für Bootstrapprojekte       */
/* (c) 2016+ by Martin Amadeus Witschi - the web@rtf@ctory */
/* ******************************************************* */

/* GENERAL */
html, body {
	height: 100%;
	width: 100%;
	background-color: #f2f2f2;
	font-family: 'Roboto', sans-serif;
	color: #2e2e2e;
}

p, h1, h2, h3, h4, h5 {
	color: #2e2e2e;
}

.h5, h5 {
    font-size: 16px;
	font-weight: bold;
}

.bold {
	font-weight: bold;
}

.center {
	text-align: center;
}

.text-inverted {
	color: #f2f2f2;
}

a, a:visited {
	color: #142163;
	text-decoration: none;
}

a:hover, a:active {
	color: #142163;
	font-weight: bold;
	text-decoration: none;
}

a.href-inverted, a.href-inverted:visited {
	color: #f2f2f2;
	text-decoration: none;
}

a.href-inverted:hover, a.href-inverted:active {
	color: #f2f2f2;
	font-weight: bold;
	text-decoration: none;
}

.text-muted {
    color: rgba(255,221,0,0.8);
	text-shadow: 2px 1px 0 rgba(0,0,0,0.7);
}

/* NAVIGATION */

.navbar {
	padding-left: 50px;
	padding-right: 50px;
}

.affix {
	top: 0;
	width: 100%;
}

.affix + .container-fluid {
	padding-top: 70px;
}

.navbar {
	margin-bottom: 0px;
}

.navbar-inverse .navbar-brand  {
    color: #fd0;
}

.navbar-inverse .navbar-nav>li>a {
    color: #fd0;
}

.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
    color: #fd0;
    background-color: transparent;
}

.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
    color: #fd0;
    background-color: transparent;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fd0;
}

.carousel-control.right, .carousel-control.left {
    color: #fd0;
}

.carousel-indicators .active {
    background-color: #fd0;
}

.carousel-indicators li {
    background-color: transparent;
    border: 1px solid #fd0;
}

/* SECTIONS */

/* homescreen */
.s-homescreen {
	height: auto !important;
	min-height: 100%;
	overflow: hidden;
	background-color: black;
	background-size: cover;
	text-align: center;
	color: #fd0;
	text-shadow: 2px 1px 0 rgba(0,0,0,0.7);
}

.hs-container {
	padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}

.carousel {
	height: -webkit-fill-available;
	min-height: 100%;
}

.homescreenCarousel_1 {
	height: -webkit-fill-available;
	min-height: 100%;
	overflow: hidden;
	background: url(../img/bg_splash_01.png) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-size: cover;
	text-align: center;
	color: #fd0;
}
.homescreenCarousel_2 {
	height: -webkit-fill-available;
	min-height: 100%;
	overflow: hidden;
	background: url(../img/bg_splash_02.png) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-size: cover;
	text-align: center;
	color: #fd0;
}
.homescreenCarousel_3 {
	height: -webkit-fill-available;
	min-height: 100%;
	overflow: hidden;
	background: url(../img/bg_splash_03.png) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-size: cover;
	text-align: center;
	color: #fd0;
}
.homescreenCarousel_4 {
	height: -webkit-fill-available;
	min-height: 100%;
	overflow: hidden;
	background: url(../img/bg_splash_04.png) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-size: cover;
	text-align: center;
	color: #fd0;
}

.hs-lead1 {
	font-size: 40px;
	color: #fd0;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 7px;
	font-weight: bold;
	line-height: 0.8;
	text-shadow: 3px 2px 0 rgba(0,0,0,0.3);
}

.hs-lead2{
	font-size: 75px;
	color: #fd0;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: -5px;
	font-weight: bold;
	line-height: 0.8;
	text-shadow: 3px 2px 0 rgba(0,0,0,0.3);
/*	text-shadow: 7px 7px 4px #2e2e2e; */
}

.hs-claim1 {
	font-size: 40px;
	color: #fd0;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 7px;
	font-weight: bold;
	line-height: 0.8;
	text-shadow: 3px 2px 0 rgba(0,0,0,0.3);
}

.hs-claim2{
	font-size: 75px;
	color: #fd0;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: -5px;
	font-weight: bold;
	line-height: 0.8;
	text-shadow: 3px 2px 0 rgba(0,0,0,0.3);
}

/* interception1 */
.s-interception1 {
	overflow: hidden;
	background: url(../img/bg_interception1.png) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-size: cover;
}

.centerimage {
	max-width: 100%;
	height: auto;
	display: block;
	padding-top: 100px;
	padding-bottom: 100px;
}

.featurette {
	padding-top: 15px;
}

/* interception2 */
.s-interception2 {
	overflow: hidden;
	background: url(../img/bg_interception1.png) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-size: cover;
}

.list-group-item, .list-group-item:visited , a.list-group-item, a.list-group-item:visited  {
	color: #2e2e2e;
	background-color: rgba(255,221,0,0.3);
	border: 1px solid #fd0;
}

a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
	color: #2e2e2e;
	background-color: rgba(255,221,0,0.8);
}

.list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover {
	color: #2e2e2e;
    cursor: initial;
    background-color: rgba(255,221,0,0.8);
	font-weight: inherit;
}

.spacecontainer {
	padding-top: 20px;
	padding-bottom: 20px;
}

/* marianne */
.s-marianne {
	height: auto !important;
	min-height: 80%;
	overflow: hidden;
	background-color: #f2f2f2;
	background: url(../img/bg_marianne_01.png) no-repeat center center;
	background-size: cover; 
}

.marianne-text {
	
}

/* werte */
.s-werte {
	height: auto !important;
	min-height: 50%;
	overflow: hidden;
	background-color: #f2f2f2;
	background: url(../img/bg_werte.png) no-repeat center center;
	background-size: cover; 
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #fd0;
}

.nav-pills>li>a:focus, .nav-pills>li>a:hover {
    color: #fff;
    background-color: rgba(255,221,0,0.4);
}

.wert01 {
/*	background: url(../img/bg_brueckenbauen.png) no-repeat center center;
	background-size: contain;
	background-position: right center; */
	padding-top: 15px;
	padding-bottom: 15px;
}

.wert02, .wert03, .wert04 {
	padding-top: 15px;
	padding-bottom: 15px;
}

/* contact */
.s-contact {
	overflow: hidden;
	background: url(../img/bg_contact.png) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-size: cover;
	padding-top: 50px;
	padding-bottom: 50px;
}

/* FOOTER */
.s-footer {
	height: auto !important;
	overflow: hidden;
	vertical-align: center;
	padding-top: 10px;
	background-color: #2e2e2e;
}

#footer > div > table {
	width: 100%;
	height: 50px;
}

td.footer-left {
	width: 90%;
	vertical-align: left;
	text-align: left;
}

td.footer-right {
	
	vertical-align: right;
	text-align: right;
}

#footer > div > table > tbody > tr > td > p {
	margin-bottom: 0px;
}

.footer-margin {
	margin-left: 75px;
	margin-right: 75px;
}

/* MODALS */

.shopimg {
	max-width: 250px;
}

.modal-product-title{
	color: white;
}

.modal-detail, .modal-detail-dark {
	padding: 20px;
	background-color: rgba(0, 0, 0, 0.6); /* black transparent */
/*	background-color: rgba(255, 255, 255, 0.6); /* white transparent */
}

.modal-detail-light {
	padding: 20px;
/*	background-color: rgba(0, 0, 0, 0.6); /* black transparent */
	background-color: rgba(255, 255, 255, 0.6); /* white transparent */
}

/* COOKIES */
.cookie-alert{
	padding: 15px;
	border: 1px solid transparent;
	border-radius: 5px;
}

.cookie-alert-success {
	color: black;
	background-color: #777;
}

.cookie-btn-success{
	color: #fd0;
	background-color: black;
	border-color: #9d9d9d;
}

a.cookie-link{
	color: #fd0;
	text-decoration: none;
	background-color: transpasrent;
}

a.cookie-link:active{
	outline: 0;
}

a.cookie-link:hover, :focus{
	outline: 0;
	color: rbga(255,221,0 0.8);
	text-decoration: none;
}

a.cookie-link:visited{
	color: #fd0;
	text-decoration: none;
	background-color: transpasrent;
}

.btn-cookie, .btn-cookie:active {
	color: #000;
    background-color: #fd0;
    border-color: #fd0;
}

.btn-cookie:hover, .btn-cookie:focus {
	color: #000;
    background-color: rgba(255, 221, 0, 0.6);
    border-color: rgba(255, 221, 0, 0.6);
}