@font-face {
    font-family: "PT_Sans_Narrow";
    src: url(/fonts/PT_Sans_Narrow/PTSansNarrow-Regular.ttf) format("truetype");
	}
/*@import url(‚https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,
700;0,800;1,400;1,500;1,600;1,700;1,800&family=PT+Sans+Narrow:wght@400;700&family=PT+Sa
ns:wght@400;700&display=swap‘);*/

@import url(/css/fonts.css);
  
/* grundsaetzliches */
html{
	heigth: 100%;
}

body {
	background-color: #3f3e43;
	font-family: PT Sans Narrow, sans-serif;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	line-height: 1em;
}

h1, h2, h3, a:hover, .navbar-dark .navbar-nav .nav-link:hover, .external, .meta {
	color: #D6BD67;
}

/* neu */
hr {
  border-top: 2px dotted #D6BD67;
}

h1, h2, h3 { 
    text-transform: uppercase;
    letter-spacing: 0.2em;
    line-height: 1.6em;
    margin-bottom: auto;
}

h4 {
	color: #FFFFFF;
}

.zu {
    clear: both;
}


/* neu - Ende */


/* Beginn - zwei Spalten */


.flex-container {
  display: flex;
  /* background-color: DodgerBlue; */
}

.flex-container > div {
    width: 50%;
  /* background-color: #f1f1f1; */
  padding-right: 20px;
  /* padding: 20px; */
  /* font-size: 30px; */
}
/* Beginn - zwei Spalten */

p, li a, a {
	color: #DEDEDE;
	font-size: 1em;
}

#article p {
	font-family: Garamond;
    font-size: 1em;
}


#article cite {
	font-family: Garamond;
    font-size: 1em;
}


#article p.teaser, #article p.teaser-right, #article li.teaser{
	font-family: PT Sans Narrow !important;
    letter-spacing: 0.1em;
}
#article p.teaserplus{
	font-family: PT Sans Narrow !important;
    letter-spacing: 0.1em;
	font-size: 1.1em;
}
#article p.teaser-right{
	text-align: right;
    text-transform: uppercase;
    color: #D6BD67;
}
#meta{
   	font-family: PT Sans Narrow !important;
	 text-transform: uppercase;!important;
	letter-spacing: 1.3em;!important;
    color: #D6BD67;!important;
}

.bc {
	font-family: PT Sans Narrow !important;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
h1.oa {
	margin-bottom: 0em;	!important;
    padding-bottom: 0em;	!important;

}
h2.oat {
	margin-top: 0em; !important;
    padding-top: 0em;	!important;

}

cite {
	font-style: italic;
}
.container {
	margin-top: 0 !important;
}

h1 {
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 1.6em;
}
h2 {
	font-size: 1.2em;
	margin-bottom: 1.25em;
    margin-top: 2.25em;

}
/* neu */
h3, h4 {
	font-size: 1.0em;
	margin-bottom: 1.25em;
	margin-top: 1.9em;
}
/* neu - Ende */

#desktop-footer {
    text-transform: uppercase !important;
    letter-spacing: 0.1em;
}
#desktop-footer a, footer a {
	margin-bottom: 1.25em;
    letter-spacing: 0.1em;
}

#head {
	margin-top: 2.0em;
}

#head, 
#desktop-nav, 
#desktop-footer {
	display: none;
}


/* END - grundsaetzliches */

#content {
	margin-top: 30px !important;
	margin-bottom: 30px;
}

#content img{
	width: 100%;
	heigth: auto;
}

#content p{
	text-align: justify;
	hyphens: auto;
	line-height: 1.6em;
	margin-bottom: 1.25em;
}

#content span,
table {
	color: #ffffff;
}

#article {
	padding-left: 0;
}


figcaption {
	color: #ffffff;
	padding-top: 10px;
	font-size: 0.875em;
}

figure {
	margin-bottom: 2rem;
	margin-right: 40px;
	width: 50%;
	align: left;
	height: auto;
	float: left;
	padding-top: 7px;
}

#article img{
	color: #ffffff;
}

.col-sm-6 {
	padding-right: 5px;
    padding-top: 15px;
}


table {
    width: 100%;
	margin-bottom: 1.25em;
	hyphens: auto;
}

tr{
	border-bottom: 1px solid #ffffff;
}

th {
    font-family: PT_Sans_Narrow;
    font-weight: normal;
	min-width: 30%;
	/* border-right: 1px solid #ffffff;*/
	line-height: 1.6em;
    vertical-align: top;
}
td {
    font-family: PT_Sans_Narrow;
    padding-left: 1em;
	line-height: 1.6em;
}


#article ul {
	color: #fff;
	font-family: Garamond;
	font-weight: normal;
	padding-left: 15px;
	margin-bottom: 1.25em;
}

#article li {
	margin-left: 0;
	padding-left: 15px;
	/*list-style-image: url('../images/beer.png');*/
	font-size: 1em;
    /* neu */
    line-height: 1.6em;
    color: #DEDEDE;
    margin-bottom: 10px;
}

#desktop-nav {
	padding-bottom: 50px;
}

/* Navigation */

li.nav-item {
	margin-bottom: 1.25em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
li.nav-item:before {
	content: "+";
	color: #ffffff;
}

li.nav-item:hover:before, li.nav-item {
	color: #D6BD67;
}

.nav-link {
	display: inline;
	padding-left: 0;
}

/* +++ Mobile ++++ */
#headline{
	display: flex;
}
.navbar-collapse{
    padding-top: 1em;
}

/* END - Navigation */

.footer {
	bottom: 0;
	width: 100%;
	background-color: #3f3e43;
	margin-top: auto;
}
.footer-head {
	font-size: 1.4em;
	letter-spacing: 0.1em;
	line-height: 1.4em;
}
@media (max-width: 480px) {
	#desktop-nav {
		display: none;
	}
	.footer: {
		display: flex;
	}
	#desktop-footer {
		display: none;
	}
	#head {
		display: none;
	}
	
	figure{
		width: 100%;
	}
    
    #headline span {
        margin-right: 10px;
    }
    .flex-container {
    flex-direction: column;
    }
    .flex-container > div {
    width: 100%;
    }
    #article p.teaser-right{
	text-align: left;
    }



}


@media (min-width: 576px) {
	#head, #desktop-nav, #desktop-footer {
		padding-left: 50px;
	}
	
	#head {
		padding-right: 30px;
	}
	
	#mobile-nav {
		display: none;
	}
	
	.navbar {
		padding-left: 0;
		padding-top: 50px;
	}
	#article {
		padding-top: 18px;
	}
	
	.footer {
		display: none;
	}
	#desktop-footer {
		display: block;
	}
    .flex-container {
    flex-direction: column;
    }
    .flex-container > div {
    width: 100%;
    }
    #article p.teaser-right{
	text-align: left;
    }


}

@media (min-width: 600px) {
	#head, 
	#desktop-nav, 
	#desktop-footer {
		display: block;
	}
    .flex-container {
    flex-direction: column;
    }
    .flex-container > div {
    width: 100%;
    }
    #article p.teaser-right{
	text-align: left;
    }


}

@media (min-width: 1300px) {
    .container{
        max-width: 1240px;
    }
    .flex-container {
    flex-direction: row;
    }
    .flex-container > div {
    width: 50%;
    }
    #article p.teaser-right{
	text-align: right;
    }


}
/* END - Navigation */

/* Brevo */
  @font-face {
    font-display: block;
    font-family: Roboto;
    src: url(https://assets.brevo.com/font/Roboto/Latin/normal/normal/7529907e9eaf8ebb5220c5f9850e3811.woff2) format("woff2"), url(https://assets.brevo.com/font/Roboto/Latin/normal/normal/25c678feafdc175a70922a116c9be3e7.woff) format("woff")
  }

  @font-face {
    font-display: fallback;
    font-family: Roboto;
    font-weight: 600;
    src: url(https://assets.brevo.com/font/Roboto/Latin/medium/normal/6e9caeeafb1f3491be3e32744bc30440.woff2) format("woff2"), url(https://assets.brevo.com/font/Roboto/Latin/medium/normal/71501f0d8d5aa95960f6475d5487d4c2.woff) format("woff")
  }

  @font-face {
    font-display: fallback;
    font-family: Roboto;
    font-weight: 700;
    src: url(https://assets.brevo.com/font/Roboto/Latin/bold/normal/3ef7cf158f310cf752d5ad08cd0e7e60.woff2) format("woff2"), url(https://assets.brevo.com/font/Roboto/Latin/bold/normal/ece3a1d82f18b60bcce0211725c476aa.woff) format("woff")
  }

  #sib-container input:-ms-input-placeholder {
    text-align: left;
    font-family: Helvetica, sans-serif;
    color: #1a1919;
  }

  #sib-container input::placeholder {
    text-align: left;
    font-family: Helvetica, sans-serif;
    color: #1a1919;
  }

  #sib-container textarea::placeholder {
    text-align: left;
    font-family: Helvetica, sans-serif;
    color: #1a1919;
  }

  #sib-container a {
    text-decoration: underline;
    color: #d6bd67;
  }