:root {
    --martens-green: #64ae32;
    --martens-gray: #7a6c6e;
    --martens-red: #b12028;
    --martens-blue: #4985b6;
	--martens-dark: #454545;
}

.background-artikel{
	background-color:#fff;
	text-align:center;
}
.background-block, .abschnitt{ background-color:#E8F5E9 !important;}
html{
	font-size:1.0rem !important; 
	
}
body {
    height: 100%;
    padding-top: 0px; 
	
	scroll-behavior: smooth;
}
nav {background:#fff}




.container-slider{
	padding-left:0px !important;
	padding-right:0px !important;
}
#logo{  -webkit-filter: drop-shadow(0px 1px 0px #666666);
        filter: drop-shadow(0px 1px 0px #000);
		
		}


.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

a {
    color: var(--martens-blue)!important;
    text-decoration: none;
	font-weight:bold !important;
}

.navbar-toggler-icon{  color: var(--martens-blue)!important;}
.nav-item a{font-size:1.3 rem !important;}

h3{
	font-weight:bold;
}

header.carousel {
    height: 50%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}
.carousel-button{z-index:1000;
position:absolute;
bottom:50px;
right:50px;
display:none;
}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
	
	
}
.parallax{
	background-image:url('../images/background2.jpg');
	height:100%;
	background-attachment:fixed;
	position:center;
	background-repeat:no-repeat;
	background-size:cover;
	
}
.parallax-window {
    min-height: 680px;
    background: transparent;
	width:100%;
}

@media(max-width:767px) {
	.carousel {
    
    margin-top: 40px;
    }
	
    
	.parallax-window {
		 min-height: 270px !important;
		 width:100% !important; 
 
  }
  .navbar-brand img {
		padding: 5px;
		max-height: 45px !important;

		}
	.navbar {

padding-top:0px !important;
padding-bottom:0px !important;
}
}
@media(max-width:767px) {
 .card, hr{
	
	 margin:0px !important;
 }
 .breadcrumb{
	
	 margin-left:0px !important;
	  margin-right:0px !important;
 }
 
.mt-4, .my-4 {
    margin-top: 0.5rem!important;
}
.mb-4, .my-4 {
    margin-bottom: 0.5rem !important;
}

.list-unstyled  li > p {
    
     margin-bottom: 0rem !important;
}
}

.list-unstyled,
.list-unstyled ul { min-width: 230px !important}

.three-column-navbar {
    width: 46em; height: auto; margin: 4px 8px; float: right;
    border-top: solid 5px #197196;
    border-left: solid 1px #197196;
    border-right: solid 1px #197196;
    border-bottom: solid 2px #197196;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.normal {
xheight: 80px; /* this causes drop down to lose color ??? */
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
}
.normal .navbar-right {
padding-top: 30px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
}
.navbar-brand {
padding: 0px !important;
}
.navbar-brand img {
padding: 5px;
max-height: 100px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
}
.shrink {
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
padding-top:0px !important;
padding-bottom:0px !important;
}

.shrink .navbar-right {
padding-top: 10px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
}
.shrink .navbar-brand img {
max-height: 60px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
}
.navbar-default {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}
.navbar-default .navbar-nav > li > a {
    color:#0d6786;
}
.btn {border-radius: 100px !important;}

.btn-primary{    
background-color: var(--martens-blue) !important;
    border-color: #149dcc !important;
    color: #ffffff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary.active {
  color: #ffffff !important;
  background-color: #0d6786 !important;
  border-color: #0d6786 !important;
}
.navbar-default .navbar-toggle {
     border-color: #FFFFFF; 
	 color:#0d6786;
}
.well{
background-color: #FFFFFF;
    border-color: #FFFFFF;
	
	
}.img-responsive_mod {
    /*display: block;*/
    max-width: 100%;
    height: auto;
	    border: 1px solid gray;
    border-radius: 4px;
	width: 100%;
  height: 100%;
  object-fit: cover; /* or "contain" */
   
   
}

.galerie-item{display:inline-block;
} 
.galerie-item img{max-height:200px;
} 
.temperatur{
	padding-top:84px;
	padding-bottom:84px;
	color:white;
	/*max-width:336px;*/
	 text-shadow:5px 5px 5px black;
	max-height:350px!important;
	background-image:url('../images/water.jpg');
	border-radius:4px;
}
.temperatur_small{
	padding-top:0px;
	padding-bottom:0px;
	/*color:white;
	max-width:336px;*/
	background-color:#F9F9F9;
	// text-shadow:5px 5px 5px black;
	max-height:350px!important;
	/*background-image:url('../images/water.jpg');*/
	border-radius:4px;
}
.caret-right {
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 4px solid;
	margin-left: 2px;
    display: inline-block;
    height: 0;
    vertical-align: middle;
    width: 0;
	color:#197196;
}
@media(min-width:991px) {

.col-centered{
display: table-cell;
  float: none;
  vertical-align: top;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.carousel-button{z-index:1000;
position:absolute;
bottom:50px;
right:50px;
display:block;
}
.carousel {
    
    margin-top: 80px;
    }
}
.block_list{
	list-style:none!important;
	margin-left:-30px;
	text-align:left;
}
.block_list li a{
	color:black !important;
}
.block_list h4{
	text-decoration:underline;
	color:#197196 !important;
}
.scroll-top {
	width: 100%;
	height: 100%;
	font-size: 2rem;
	color: #e0e0e0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.scrollup {
	position: fixed;
	/* keeps it on the bottom once in view */
	bottom: 18px;
	/* height of link element */
	right: 10px;
	/* padding from the left side of the window */
	width: 40px;
	height: 40px;
	cursor: pointer;
	background-color: rgba(80, 80, 80, 0.5);
	border-radius: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	text-decoration: none;
}

.scrollup:hover {
	background-color: rgba(80, 80, 80, 0.7);
}
footer {background-color:var(--martens-dark)}

.footer-link{color:white !important}

.card-shadow {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	 border-bottom:0.2rem solid var(--martens-blue);
}


.themenNav {
    list-style-type: none;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10rem, 2fr));
    grid-gap: 0.4rem;
    justify-content: center;
    align-items: center;
	margin-left:-2.2rem
}
.themenNav  li{background-color: #eceff1 !important;height:3.3rem;padding:0.3rem;
box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);}

@media((min-width:767px) and (max-width:990px)) {
	
	.carousel {
    
    margin-top: 100px;
    }
}