/* --------------------------------------------------

	DIVERSE Grundlagen

-------------------------------------------------- */

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('/assets/fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/assets/fonts/roboto-v30-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('/assets/fonts/roboto-v30-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/assets/fonts/roboto-v30-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('/assets/fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/assets/fonts/roboto-v30-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-500italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local(''),
       url('/assets/fonts/roboto-v30-latin-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/assets/fonts/roboto-v30-latin-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('/assets/fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/assets/fonts/roboto-v30-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-700italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local(''),
       url('/assets/fonts/roboto-v30-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/assets/fonts/roboto-v30-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local(''),
       url('/assets/fonts/roboto-v30-latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/assets/fonts/roboto-v30-latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-900italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: local(''),
       url('/assets/fonts/roboto-v30-latin-900italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/assets/fonts/roboto-v30-latin-900italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
  font-family: Palatino;
  src: url(/assets/fonts/PalatinoLinotype-Roman.eot);
  src: url(/assets/fonts/PalatinoLinotype-Roman.woff);
}

#parallax-bg { 
  height:448px;
  background-image: url('/assets/images/parallax5.jpg'); 
  background-repeat: repeat-x; 
  background-position: center top; 
  background-attachment: scroll; 
} 


h1, h2, h3, h4, h5, h6{
	font-family: "Palatino";
	color: rgb(165, 0, 107);
}

h1 { font-size:1.7rem; }
h2 { font-size:1.5rem; }
h3 { font-family: "Roboto"; font-size:1.2rem; }

p,li,th,td,div {
	font-family: "Roboto";
}

.fr{
	font-family:"Palatino";
	color: rgb(165, 0, 107) !important;
	font-size: inherit;
	font-weight:bolder;
}

.betone {
	color: rgb(165, 0, 107) !important;
	font-size: inherit;
	font-weight:bolder;
}

footer {
	padding-top: 15px;
	padding-bottom: 15px;
}

/* --------------------------------------------------

	Hauptmenü

-------------------------------------------------- */

.navbar{
	/* setting color AND opacity via rgba */
	background: rgba(255, 255, 255, 0.95);
}

.navbar-toggler{ /* übernommen von bootstrap um das navbar-theme ausschalten zu können */
	color: rgba(0,0,0,.5);
	border-color: rgba(0,0,0,.1);
}
.navbar-toggler-icon { /* übernommen von bootstrap um das navbar-theme ausschalten zu können */
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-brand {
	font-family:"Palatino";
	font-size:2.2em;
	font-weight:bold;
	color: rgb(165, 0, 107) !important;
	margin-left:20px;
	margin-top:8px;
}
.navbar-brand>div {
	font-family:"Palatino";
	margin:0;
	padding:0;
	font-size:1.4em;
	font-style: italic;
	float:left;
	line-height:1em;
	margin-top:4px;
	margin-right:3px;
}

.navbar-brand span { font-size:0.5em; }

ul.navbar-nav>li {
	line-height:3.3rem;
	font-size:1.2em;
	color: #444;
	border-left: 1px solid #E1E4E6;
	padding: 0 25px;	
}

ul.navbar-nav>li a {
	color: #444;
	outline: none;
}
ul.navbar-nav>li:hover, .dropdown-item:hover { background-color: #ededed; }

li:hover>a.nav-link{ color: #444; }

.dropdown-menu{
	margin-top: -0.02rem;
	margin-left:-0.04rem;
	border-top-right-radius: 0.0rem;
	border-top-left-radius: 0.0rem;
}

.navbar-nav>li.active,
.navbar-nav>li.active>a,
.dropdown-menu>a.active {
	background-color: #ededed;
	color: #444;
}

.dropdown-toggle:after {
	font-size:1.0rem;
	color: #888;
	margin-left:16px;
}

/* dieser Hack sorgt dafür, dass die bootstrap-navbar auf hover reagiert statt auf klick! */
.dropdown:hover>.dropdown-menu { display: block; }

/* --------------------------------------------------

	Hauptinhalts-Container

-------------------------------------------------- */

#contentRow{  /* umgebender fluid-container*/
	background-color:#EAEAEA;
	padding-top: 40px;
	/*padding-bottom: 40px;*/
}

	
.teaser { 
	background-clip: content-box; 
	background-color: #fff;
	margin-bottom: 40px;
}

#intro>div {
	padding: 10px;
	font-size: 0.9rem;
	background-color: #fff;
	margin-bottom: 40px;
}

.teaser-content {
	padding: 10px;
	font-size: 0.9rem;
	background-color: #fff;
}
.teaser-content .readmore { 
	text-align:right; 
}

.teaser-content h3>a {
	color: rgb(165, 0, 107);
}

.teaser-content h3>a:hover {
	font-weight:bolder;
}

.teaser-content>article {
	margin-bottom:10px;
	border-bottom:2px dotted #ddd;
}
.teaser-content>article:last-of-type {
	margin-bottom:0;
	border-bottom:0;
}

.readmore a {
	font-size:0.8rem;
	color:rgb(165, 0, 107);
	text-decoration:none;
}

.readmore a:hover {
	font-weight: bolder;
}

.schmuckstuecke {
	column-count: 4;
	column-fill: balance;
	column-gap: 2em;
	column-rule: 1px solid #ff0000;
	background-clip: content-box; 
	background-color: #fff;
	padding-top: 15px;
	padding-bottom:15px;
}

.schmuckstuecke > section {
	margin-bottom: 10px;
}