@charset "UTF-8";
/* custom css */
html {
  position: relative;
  min-height: 100%;
}
body {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f4e9d4+0,ffffff+100 */
background: rgb(244,233,212); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(244,233,212,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(244,233,212,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(244,233,212,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4e9d4', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  font-family: Cabin, sans-serif;
}
/* Ressourcen*/
@font-face {
  font-family: "Cabin";
  src: url("../fonts/cabin-medium-webfont.eot"); /* IE9 Compat Modes */
  src: url("../fonts/cabin-medium-webfont.eot") format('embedded-opentype'), /* IE6-IE8 */
       url("../fonts/cabin-medium-webfont.woff2") format('woff2'), /* Super Modern Browsers */
       url("../fonts/cabin-medium-webfont.woff") format('woff'), /* Pretty Modern Browsers */
       url("../fonts/cabin-medium-webfont.ttf")  format('truetype'), /* Safari, Android, iOS */
       url("../fonts/cabin-medium-webfont.svg#svgFontName") format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: "Snellroundhand";
  src: url("../fonts/snellroundhandltstd-scr-webfont.eot"); /* IE9 Compat Modes */
  src: url("../fonts/snellroundhandltstd-scr-webfont.eot") format('embedded-opentype'), /* IE6-IE8 */
       url("../fonts/snellroundhandltstd-scr-webfont.woff2") format('woff2'), /* Super Modern Browsers */
       url("../fonts/snellroundhandltstd-scr-webfont.woff") format('woff'), /* Pretty Modern Browsers */
       url("../fonts/snellroundhandltstd-scr-webfont.ttf")  format('truetype'), /* Safari, Android, iOS */
       url("../fonts/snellroundhandltstd-scr-webfont.svg#svgFontName") format('svg'); /* Legacy iOS */
}

/* Layout 
#first, #second, #third */ 
.section-top {
    padding-top: 160px;
}
:target::before {
  content: "";
  display: block;
  height: 160px; /* fixed header height*/
  margin: -160px 0 0; /* negative fixed header height */
}
.last {
	padding-bottom: 140px;
}
.header {
	z-index: 1020;
	position: fixed;
	top: 0;
	width: 100vw;
}
.logo {
	height: 80px;
	background-image: url("../images/logo-neu.jpg");
	background-size: cover;
	background-position: center;
}
nav {
	background: linear-gradient(0deg, rgba(36,13,0,1) 0%, rgba(93,68,4,1) 75%);
		  }
.navbar {
    padding: .1rem 1rem;
}
.active {
	color: #C7A130 !important;
	font-weight: bolder;
}
.nav-link {
	color: #FDFAF0; /*creme*/		  
}
.copyright, .copyright:hover {
	color: #DED4B6; /*sand*/	
}
.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(252,250,240, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar-toggler {
    border-color: rgb(252,250,240, 0.4);
} 
.nav-link:hover {
	color: #C4BDA7; /*dunkler*/
}
.sidebar li{
    background: linear-gradient(0deg, rgba(36,13,0,1) 0%, rgba(93,68,4,1) 75%);
    margin: 10px 0;
}
.footer {
    position: fixed;
	z-index: 1020;
	font-size: 0.85rem;
    bottom: 0;
    width: 100%;
  /* Set the fixed height of the footer here */
    min-height: 60px;
    background: linear-gradient(180deg, rgba(36,13,0,1) 0%, rgba(93,68,4,1) 75%);
}

hr {
border: 1rem #fff;/*white*/
border-style:dotted none none none;
margin-top: 3em;
margin-bottom: 3em;
width:100%;
}

/* Typo */

p, td { 
	hyphens: auto;
}
.handschrift {
	font-family: "Snellroundhand";
	font-size: 1.25rem;	
	margin: 0;
}
.handschrift-big {
	font-family: "Snellroundhand";
	font-size: 3rem;
	color: #876A12;/*messing*/
}
.zitat {
	border-top-style: dotted;
	border-bottom-style: dotted;
	margin-bottom: 30px;
	text-align: right;
}
.zitat-left{
	border-top-style: dotted;
	border-bottom-style: dotted;
	margin: 1rem 0;
}
p.zitat-left {
	text-align: left;
	line-height: 2rem;
	font-style: italic
}
.marks {
    font-family: Cabin;
    font-size: 1.75rem;
    color: #876A12;/*messing*/
	vertical-align: middle;
 }
.handschrift {
	font-size: 1.5rem;	
}
.marks {
    font-size: 2rem;
}
.sitemap-link {
	color: #000000;
} 

/* Tables */

.table thead th {
	font-size: 1.15rem;
    border-bottom: 1px solid #CFC9B0;
	border-top: 1px solid #CFC9B0;
}
.table td {
    border-top: 1px solid #CFC9B0;
}
.infokasten {
	background-color:rgba(135,106,18,0.3);
	padding:10px 10px 2px 10px;
	border-radius: 20px;
}
.infokasten_2 {
	background-color:rgba(255,255,255,0.8);
	padding:10px 10px 2px 10px;
	border-radius: 20px;
}

/* Link-Lists */

ul.pfeile { 
	list-style-type:none;
	margin-left: 2rem;
	padding: 0;
}
ul.pfeile li:before { 
	content: ' \27BC';
	color: #876A12;/*messing*/
	font-size: 1.1em;
}
ul.pfeile li:before{
  margin: 0 1rem 0 -2rem;
}
.pfeil::after {
    content: ' \27BC';
}
 a.pfeil-down::after {
    content: ' \27BC';
    transform: rotate(90deg);
	display: inline-block;
}
a.pfeil-up::after {
    content: ' \27BC';
    transform: rotate(-90deg);
	display: inline-block;
}
ul.blanco { 
	list-style-type:none;
	margin-left: 2rem;
	padding: 0;
}
ul.blanco li:before { 
	content: ' ';
}
ul.blanco li:before{
  margin: 0 1rem 0 -1rem;
}

/* Formular */
.no_spam {
    display: none;
}

/* Media Queries*/
@media screen and (orientation:landscape) and (min-width:640px){
	.section-top {
  	padding-top: 100px;
}
	.last {
	padding-bottom: 80px;
	}
	.anchor { padding-top: 20%; }
}
@media screen and (min-width:768px) {
	.section-top {
  	padding-top: 200px;
}
	:target::before {
  	content: "";
  	display: block;
  	height: 200px; /* fixed header height*/
  	margin: -200px 0 0; /* negative fixed header height */
}
	
	.logo {
	height: 120px;
}
	.handschrift {
	font-size: 1.75rem;	
}
    .marks {
    font-size: 2.25rem;
 }
}

@media screen and (min-width:1480px){
	.section-top {
  	padding-top: 280px;
}
	:target::before {
 	content: "";
 	display: block;
 	height: 280px; /* fixed header height*/
 	margin: -280px 0 0; /* negative fixed header height */
}
	.last {
	padding-bottom: 80px;	
	}
	.logo {
	height: 200px;
}
	.handschrift {
	font-size: 2rem;	
}
    .marks {
    font-size: 2.5rem;
 }
}
@media screen and (min-width:1920px){
	.section-top {
  	padding-top: 310px;
}
	:target::before {
  	content: "";
  	display: block;
  	height: 310px; /* fixed header height*/
  	margin: -310px 0 0; /* negative fixed header height */
}
	.logo {
	height: 250px;
}
}
@media screen and (min-width:2560px){
	.section-top {
  	padding-top: 390px;
}
	:target::before {
  	content: "";
  	display: block;
  	height: 390px; /* fixed header height*/
  	margin: -390px 0 0; /* negative fixed header height */
}
	.logo {
	height: 330px;
}
}