body {
	font-size: 16px;
	background-color: gray;
}

p {
	margin: 0 0 40px;
}

.affix {
	/*width:1170px;*/
	top: 0;
	left: 0;
	right: 0;
	/*z-index: 100;*/
}

div#nav-placeholder {
	position: relative;
	height: 48px;
}

nav {
	position: static;
	/*top: !*525px*!;*/
	z-index: 100;
}

div#main-container {
	position: absolute;
	top: 0px;
	left: 0;
	right: 0;
	padding-left: 0;
	padding-right: 0;
	box-shadow: 0 0 15px;
	background-color: white;
}

div#content {

	margin-top: 68px;
}

div#logo-shop {
	margin-left: 0;
	margin-right: 0;
}

img#logo {
	max-width: 100%;
	height: auto;
	display: inline-block;
	z-index: 100;
}

img#shop {
	margin-top: 5.15%;
	max-width: 100%;
	min-width: 100px;
	height: auto;
	display: inline-block;
	float: right;
}

div#myCarousel {
	box-shadow: 0 5px 10px;
	margin-bottom: -5.15%;
	overflow: hidden;
	max-height: 400px;
}

div#myCarousel > .carousel-inner > .item > img {
	margin-top: -11.5%;
}

.carousel-indicators {
	display: none;
}

/*.carousel-inner {
 z-index: -1;
 }*/

.carousel-control {
	z-index: 1
}

nav {
	font-size: large;
	font-variant: small-caps;
}

nav li.active > a {
	background-color: #dddddd;
}

#nav-more {
	font-size: large;
	padding-top: 10px;
	padding-bottom: 10px;
}

.nav > li > a {
	padding: 10px 5px;
}

ul#farbpalette > li {
	max-width: 50%;
	text-align: center;
}

ul#farbpalette > li.active > a {
	color: #8A281E;
}

.nav-tabs > li > a {
	background-color: #f8f8f8;
	border: 1px solid transparent;
	border-radius: 15px 15px 0 0;
	/*box-shadow: -7px -6px 7px -9px inset;*/
	color: #777;
	font-size: large;
	font-variant: small-caps;
	margin-right: 2px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	color: #333333;
}

#content {
	max-width: 650px;
	text-align: justify;
	padding-top: 2em;
	background-color: white;
	padding: 0 15px;
}

.red {
	color: #4F0000;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	text-align: left;
}

h1, .h1 {
	font-variant: small-caps;
}

h2, .h2, h3, .h3 , h4, .h4{
	color: #4F0000;
}

.tab-content {
	margin-bottom: 15px;
}

#home-contact{
	border-collapse: collapse;
}

#home-contact tr> :first-child{
	text-align: justify;
}

#home-contact td {
	padding: 0 5px 0 0;
}

#sumpfkalk-tab {
	padding: 1em;
}

div#kalktafel > figure > div {
	height: 24.3em;
}



#leinoel-tab {
	outline: 1px solid gray;
	padding-top: 1em;
}

/*Leimfarbe*/
nav#nav-sec {
	border: 1px solid #e7e7e7;
}

nav#nav-sec ul {
	display: flex;
	flex-direction: row;
}

nav#nav-sec li {
	flex: 1 0 0;
	text-align: center;
	background-color: #f8f8f8;
}

nav#nav-sec li:hover {
	background-color: #EEEEEE
}

nav#nav-sec li > a {
	text-decoration: none;
	color: #333333;
}


h1 {
    margin-top: 2em;
}

/*h1:not(:first-of-type) {
    margin-top: 2em;
}*/

div#leimfarbe {
	display: flex;
	margin-bottom: 2em;
	flex-wrap: wrap;
}

div#leimfarbe > figure {
	display: inline-block;
	width: 49%;
	flex: 1 0 auto;
}

div#leimfarbe > figure > img {
	width: 98%;
}

div#leimfarbe > figure > figcaption {
	width: 98%;
	text-align: left;
}

div.leimtafel > figure > div {
	height: 18em;
}

/*Pinsel*/

div.media {
	position: relative;
	margin-top: 2em;
}

div.media .media-left,.media-right {
	width: 50%;
}

div.media .media-left {
	padding-right: 1.5em;
}

div.media img {
	width: 100%;
}

div.media div.media-body{
	text-align: left;
}

/*Preise*/

table.preise th {
	background-color: #eeeeee;
}

table.preise td:nth-last-child(1), td:nth-last-child(2) {
	font-weight: bold;
	text-align: right;
}

table.preise td[rowspan]:first-child {
	text-align: left;
}

table.preise td[colspan] {
	font-weight: normal;
	text-align: left;
}

table.preise caption {
	padding-top: 0;
}


/**/

@media only screen and (max-width: 768px) {
	div#kalktafel > figure > div {
		height: 10em;
	}

	div.leimtafel > figure > div {
		height: 10em;
	}
	/*div#main-container, div#myCarousel {
	 box-shadow: none;
	 }*/
}

@media only screen and (min-width:768px) and (max-width: 992px) {
	.navbar-link {
		font-size: small;
		font-weight: bold;
		line-height:26px;
	}
}

@media only screen and (max-width: 600px) {
	.nav-tabs > li > a {
		font-size: medium;
	}
}
@media only screen and (max-width: 530px) {
	.nav-tabs > li > a {
		font-size: small;
	}
}
@media only screen and (max-width: 460px) {
	body{
		font-size: 14px;
	}

	.nav-tabs > li > a {
		font-size: small;
	}

	ul#farbpalette > li > a {
		padding: 10px 0px;
	}

	h1, .h1 {
		font-size: 28px;
	}
}

:not(nav) a {
	color: darkorange;
}

.toc {
	text-align: left;
}

.toc a {
	color: #4F0000; /*royalblue;*/
	font-size: x-large;

}

#faq a {
	color: royalblue;
}

#faq h4 {
	font-weight: bold;
	margin-bottom: unset;
}

a.anchor {
	display: block;
	position: relative;
	top: -3.5em;
	visibility: hidden;
}