@charset "utf-8";
@import url('fonts.css');

* {
	font-family: 'Libre Franklin', ui-sans-serif, system-ui, sans-serif;
}

body
{
	margin: 0;
	font-size: 16px;
	color: #100305;
	background: #f0f2f5;
	overflow-y: scroll;
}

a
{
	color: #e31837;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,main,menu,nav,section
{
	display: block;
}

body > header
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
}

body > header button.hamburger
{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 75px;
	height: 75px;
}

.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before
{
	background-color: #fff !important;
}

body > header nav.primary
{
	display: flex;
	align-items: stretch;
	background: #100305;
}

body > header nav.primary > h1
{
	display: block;
	margin: 0;
	flex: 0 400px;
}

body > header nav.primary h1 a
{
	display: flex;
	padding: 20px 25px;
	justify-content: flex-end;
	margin-right: 10px;
}

body > header nav.primary h1 img
{
	display: block;
	height: 35px;
	transition: height .5s ease;
}

body > header nav.primary > div
{
	display: flex;
	flex: 1;
}

body > header nav.primary ul
{
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	justify-content: flex-start;
	height: 100%;
	flex: 1;
}

body > header nav.primary ul > li
{
	flex: 0;
	height: 100%;
}

body > header nav.primary ul a
{
	display: flex;
	color: #fff;
	text-decoration: none !important;
	height: 100%;
	align-items: center;
	padding: 10px 20px;
	box-sizing: border-box;
	font-weight: 300;
	letter-spacing: .05em;
	transition: opacity .2s ease;
	white-space: nowrap;
}

body > header nav.primary ul:hover a
{
	opacity: .65;
}

body > header nav.primary ul li.active a,
body > header nav.primary ul:hover a:hover
{
	opacity: 1;
}

body > header nav.primary ul li.active a
{
	text-decoration: underline !important;
}

body > header nav.primary form
{
	position: relative;
	flex: 0;
	display: flex;
	align-items: center;
	margin-right: 5px;
}

body > header nav.primary form > svg
{
	position: absolute;
	top: 24px;
	right: 30px;
	width: 32px;
	height: 32px;
	pointer-events: none;
	z-index: 2;
}

body > header nav.primary form > svg path
{
	fill: #fff;
	transition: fill .4s ease;
}

body > header nav.primary form:focus-within > svg path
{
	fill: #000;
}

body > header nav.primary form input[type="search"]
{
	position: relative;
	cursor: pointer;
	display: block;
	width: 30px;
	height: 80%;
	padding: 16px 70px 16px 20px;
	border: none;
	outline: none;
	box-sizing: border-box;
	font-size: 1.2em;
	opacity: 0;
	background: #fff;
	transition: width .3s ease, opacity .2s ease;
	border-radius: 8px;
	z-index: 1;
}

body > header nav.primary form input[type="search"]:focus
{
	cursor: text;
	width: 400px;
	opacity: 1;
}

body > header nav.secondary
{
	margin-left: 400px;
	background: rgba(0,0,0,.2);
	border-radius: 0 0 0 8px;
	backdrop-filter: blur(4px);
}

body > header nav.secondary > div
{
	display: flex;
	justify-content: flex-start;
}

body > header nav.secondary ul
{
	display: flex;
	flex: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	justify-content: flex-start;
}

body > header nav.secondary ul > li
{
	flex: 0;
}

body > header nav.secondary ul a
{
	display: block;
	padding: 8px 10px 12px;
	white-space: nowrap;
	font-size: .8em;
	font-weight: 600;
	color: #000;
}

body > footer
{
	background: #262626;
	color: #fff;
	padding: 100px 20px 50px;
}

body > footer > div
{
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
}

body > footer div.logo img
{
	display: inline-block;
	height: 50px;
}

body > footer div.logo span
{
	display: block;
	margin-top: 10px;
	font-weight: 200;
	letter-spacing: .1em;
}

body > footer ul.nav
{
	display: flex;
	list-style: none;
	margin: 30px 0;
	padding: 0;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
}

body > footer ul.nav > li
{
	display: block;
}

body > footer ul.nav a
{
	color: #fff;
	font-weight: 200;
	text-transform: uppercase;
	font-size: .8em;
	letter-spacing: .1em;
}

body > footer div.copyright
{
	font-weight: 200;
	font-size: .8em;
	opacity: .6;
	text-transform: uppercase;
	letter-spacing: .1em;
}

div#container
{
	display: flex;
	min-height: 100vh;
}

aside#left
{
	margin-top: 85px;
	flex: 0 400px;
}

aside#right
{
	margin-top: 113px;
	flex: 0;
}

aside#right > div
{
	padding: 20px;
}

div#container > main
{
	padding: 133px 40px 60px 40px;
	flex: 1;
	box-sizing: border-box;
}

header.no-second-nav + #container main
{
	padding-top: 100px;
}

aside div.fixed
{
	position: sticky;
}

aside#left div.fixed
{
	top: 85px;
}

aside#right div.fixed
{
	top: 113px;
}

header + #container aside#right
{
	margin-top: 82px;
}

header + #container aside#right div.fixed
{
	top: 82px;
}

aside#left section
{
	margin: 20px;
}

aside#left section:first-child
{
	margin-top: 0;
}

aside#left section strong
{
	display: block;
	font-size: 1.2em;
	font-weight: 600;
	margin-bottom: 15px;
	padding: 0 7px;
}

main > div
{
	max-width: 800px;
	margin: 0 auto;
}

body.full-width main > div
{
	max-width: none;
}

ol.tags
{
	display: flex;
	margin: 20px 0;
	padding: 0 20px;
	flex-wrap: wrap;
	gap: 15px;
}

ol.tags > li
{
	display: block;
	flex: 0;
}

ol.tags a
{
	padding: 4px 8px;
	border-radius: 4px;
	font-weight: 600;
	background: #e31837;
	color: #fff;
	text-decoration: none !important;
	font-size: .7em;
	text-transform: uppercase;
	letter-spacing: .05em;
	box-shadow: rgba(0, 0, 0, 0.04) 0 3px 5px;
	white-space: nowrap;
}

div#article-list
{
	display: flex;
	flex-direction: column;
	gap: 30px;
	max-width: 650px;
	margin: 10px auto 50px;
}

div#article-list.grid,
div#article-list.chronology
{
	max-width: none;
}

div#article-list > div
{
	display: flex;
	flex-direction: column;
	gap: 30px;
}

div#article-list.grid > div,
div#article-list.chronology > div
{
	flex-direction: row;
	flex-wrap: wrap;
}

div#article-list header
{
	margin-bottom: -20px;
}

div#article-list header ol
{
	display: flex;
	justify-content: flex-end;
	margin: 0;
	padding: 0;
	list-style: none;
	gap: 10px;
}

div#article-list header ol > li
{
	display: block;
	flex: 0;
}

div#article-list header ol button
{
	display: block;
	padding: 5px;
	background: transparent;
	border: none;
	cursor: pointer;
	transition: opacity .3s ease;
	opacity: .4;
}

div#article-list header ol button img
{
	display: block;
	width: 25px;
	height: 25px;
}

div#article-list header ol li.active button,
div#article-list header ol button:hover
{
	opacity: 1;
}

div#article-list article
{
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 1px 2px rgb(0,0,0,.2);
	overflow: hidden;
}

div#article-list.grid article
{
	flex: 0 calc(50% - 15px);
}

div#article-list.chronology article
{
	flex: 0 calc(33.33% - 20px);
}

div#article-list article > a
{
	display: block;
	position: relative;
}

div#article-list article > a span
{
	display: block;
	position: absolute;
	top: 20px;
	left: 20px;
	padding: 5px 10px;
	border-radius: 4px;
	background: #e31837;
	font-size: .9em;
	text-transform: uppercase;
	color: #fff;
}

div#article-list.grid article > a span,
div#article-list.chronology article > a span
{
	top: 10px;
	left: 10px;
	font-size: .8em;
}

div#article-list article ol.tags
{
	margin: 0 20px 10px;
	padding: 0;
	gap: 5px;
}

div#article-list article img
{
	display: block;
	width: 100%;
	border-radius: 8px 8px 0 0;
	margin-bottom: 20px;
}

div#article-list div.topline
{
	margin: -5px 20px;
}

/*
div#article-list div.category
{
	padding: 4px 8px;
	margin: 5px;
	display: inline-block;
	border-radius: 4px;
	font-weight: 600;
	background: #666;
	color: #fff;
	text-decoration: none !important;
	font-size: .7em;
	text-transform: uppercase;
	letter-spacing: .05em;
	box-shadow: rgba(0,0,0,.04) 0 3px 5px;
}
*/

div#article-list div.roofline
{
	display: inline-block;
	font-weight: 600;
	color: #e31837;
	text-decoration: none !important;
	font-size: .85em;
	text-transform: uppercase;
}

div#article-list article h3
{
	display: block;
	margin: 15px 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid rgba(0,0,0,.1);
	font-weight: 600;
	font-size: 1.7em;
	line-height: 1.5;
	font-family: 'Amethysta', ui-serif, serif;
	text-decoration: none !important;
}

div#article-list.chronology article h3
{
	font-size: 1.2em;
}

div#article-list article h3 a
{
	color: #100305;
}

div#article-list article p
{
	margin: 15px 20px;
	line-height: 1.6;
}

div#article-list.grid article p
{
	display: none;
}

div#article-list article footer
{
	margin: 15px 20px;
	color: #aaa;
	font-size: .75em;
	letter-spacing: .05em;
}

div#article-list article footer a
{
	color: #aaa;
}

div#article-list > footer
{
	margin: 20px 0 0;
	text-align: center;
}

div#article-list > footer > .button,
div#article-list > footer > button
{
	display: block;
	width: 100%;
	padding: 15px 20px;
	background: #e31837;
	color: #fff;
	border: none;
	border-radius: 8px;
	font-size: .9em;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .1em;
	box-sizing: border-box;
	text-decoration: none !important;
	cursor: pointer;
}

section#stories ol
{
	display: flex;
	margin: 0;
	padding: 0;
	overflow-y: hidden;
	overflow-x: auto;
	gap: 10px;
}

section#stories ol > li
{
	position: relative;
	display: block;
	flex: 0 25%;
	height: 120px;
	box-sizing: border-box;
	overflow: hidden;
}

section#stories ol img
{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 4px;
}

section#stories ol span
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #fff;
	padding: 3px 6px;
	box-sizing: border-box;
	font-size: .7em;
	background: rgba(0,0,0,.7);
	border-radius: 0 0 4px 4px;
}

section#categories ol
{
	display: flex;
	margin: 0;
	padding: 0;
	overflow-y: hidden;
	overflow-x: auto;
	flex-direction: column;
}

section#categories ol > li
{
	display: block;
	flex: 0;
}

section#categories ol a
{
	display: flex;
	align-items: center;
	padding: 8px 15px;
	color: #100305;
	font-size: 1.1em;
	font-weight: 600;
	text-decoration: none;
	transition: background .3s ease;
	border-radius: 8px;
}

section#categories ol a img
{
	display: block;
	width: 35px;
	height: 35px;
	margin-right: 25px;
}

section#categories ol a:hover
{
	background: rgba(0,0,0,.1);
}

section#authors ol
{
	display: flex;
	margin: 0;
	padding: 0;
	overflow-y: hidden;
	overflow-x: auto;
	flex-direction: column;
}

section#authors ol > li
{
	display: block;
	flex: 0;
}

section#authors ol a
{
	display: flex;
	align-items: center;
	padding: 8px 15px;
	color: #100305;
	font-size: 1.1em;
	font-weight: 600;
	text-decoration: none;
	transition: background .3s ease;
	border-radius: 8px;
}

section#authors ol a:hover
{
	background: rgba(0,0,0,.1);
}

section#authors ol img
{
	display: block;
	width: 50px;
	height: 50px;
	margin-right: 25px;
	border-radius: 50%;
}

section#newsletter form
{
	margin: 0;
	padding: 0;
}

section#newsletter form input
{
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 8px 16px;
	border-radius: 8px;
	border: 1px solid #000;
	margin-bottom: 10px;
}

section#newsletter form button
{
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 8px 16px;
	border-radius: 8px;
	border: none;
	background: #e31837;
	color: #fff;
	cursor: pointer;
}

.ad
{
	position: relative;
	text-align: center;
	padding-bottom: 20px;
}

.ad::after
{
	content: 'Werbung';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #999;
	text-transform: uppercase;
	font-size: .75em;
	text-align: center;
}

/* Index, List */
body#index main h2,
body#list main h2
{
	padding: 0 15px 10px;
	margin: 20px 0;
	font-weight: 600;
	font-size: 1.5em;
}

/* Page */
body#page main h2
{
	border-bottom: 3px solid #000;
	padding: 0 20px 20px;
	margin: 0 0 20px;
	font-weight: 600;
	font-size: 2em;
}

/* Glossary */
body#glossary main h2
{
	border-bottom: 3px solid #000;
	padding: 0 20px 20px;
	margin: 0 0 20px;
	font-weight: 600;
	font-size: 2em;
}

body#glossary div.glossary
{
	border-left: 3px solid #e31837;
	padding: 10px 20px;
}

/* Article */
body#article-detail main
{
	flex: 1;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 40px;
	max-width: 800px;
}

body#article-detail main.notfound
{
	max-width: none;
}

body#article-detail aside#right section
{
	margin: 0 0 20px;
	padding: 15px 20px;
	background: #fff;
	border-radius: 8px;
}

body#article-detail aside#right section > h3
{
	margin: 0 0 15px;
	font-weight: 600;
	text-transform: uppercase;
	font-size: .9em;
	color: #666;
}

body#article-detail aside div.metadata
{
	display: flex;
	align-items: center;
}

body#article-detail aside div.metadata div.data
{
	flex: 1;
	white-space: nowrap;
}

body#article-detail aside div.metadata div.data a
{
	font-weight: 600;
}

body#article-detail aside div.metadata span.datetime
{
	display: block;
	margin-top: 3px;
	font-size: .8em;
	color: #999;
}

body#article-detail aside div.metadata div.author
{
	flex: 0;
	margin-left: 20px;
}

body#article-detail aside div.metadata div.author img
{
	display: block;
	width: 80px;
	height: 80px;
	border-radius: 50%;
}

body#article-detail aside div.options
{
	padding-top: 20px;
	border-top: 1px solid rgba(0,0,0,.1);
	margin-top: 20px;
}

body#article-detail aside div.options ul
{
	display: flex;
	flex-direction: column;
	list-style: none;
	margin: 0;
	padding: 0;
}

body#article-detail aside div.options ul > li
{
	display: block;
	position: relative;
}

body#article-detail aside div.options ul li > a
{
	display: block;
	padding: 6px 10px;
	font-size: .9em;
	text-transform: uppercase;
	text-decoration: none !important;
}

body#article-detail aside div.options ul a img
{
	display: inline-block;
	height: 20px;
	margin-right: 10px;
	vertical-align: middle;
}

body#article-detail aside div.options ul a span
{
	vertical-align: middle;
}

body#article-detail aside div.options ul a:hover span
{
	text-decoration: underline;
}

body#article-detail aside div.options ul div.dropdown
{
	display: none;
	position: absolute;
	top: 40px;
	left: 0;
	background: #fff;
	padding: 8px 16px;
	border-radius: 8px;
	box-shadow: rgba(0, 0, 0, 0.16) 0 10px 36px 0, rgba(0, 0, 0, 0.06) 0 0 0 1px;
}

body#article-detail aside div.options ul div.dropdown input
{
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 8px 16px;
	border-radius: 8px;
	border: 1px solid #000;
	margin-bottom: 10px;
}

body#article-detail aside section.further ul
{
	display: flex;
	list-style: none;
	flex-direction: column;
	margin: 0;
	padding: 0;
	gap: 20px;
}

body#article-detail aside section.further ul > li
{
	display: block;
	flex: 0 25%;
}

body#article-detail aside section.further ul img
{
	display: block;
	width: 100%;
	border-radius: 8px;
}

body#article-detail aside section.further ul h4
{
	margin: 10px 0 0;
	font-size: .8em;
}

body#article-detail main article 
{
	border-radius: 8px;
	background: #fff;
	padding: 20px 30px;
	margin-top: 20px;
}

body#article-detail main article div.image img
{
	object-fit: cover;
	height: 100%;
	width: 100%;
}

body#article-detail main article h2
{
	font-size: 2.4em;
	line-height: 1.5;
	border: none;
	margin: 0 0 30px;
	padding: 0;
}

/*
body#article-detail main article div.category
{
	padding: 4px 8px;
	margin: 0 0 10px;
	display: inline-block;
	border-radius: 4px;
	font-weight: 600;
	background: #666;
	color: #fff;
	text-decoration: none !important;
	font-size: .7em;
	text-transform: uppercase;
	letter-spacing: .05em;
	box-shadow: rgba(0,0,0,.04) 0 3px 5px;
}
*/

body#article-detail main article div.roofline
{
	display: inline-block;
	font-weight: 600;
	color: #e31837;
	text-decoration: none !important;
	font-size: .85em;
	text-transform: uppercase;
}

body#article-detail main article hr
{
	display: block;
	background: #ccc;
	height: 1px;
	border: none;
	margin: 20px 0;
}

body#article-detail main article div.content img,
body#article-detail main article div.content iframe
{
	max-width: 100%;
}

body#article-detail main article footer
{
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #e31837;
}

body#article-detail main article footer div.tags
{
	margin: 0 0 20px;
}

body#article-detail main article footer strong
{
	display: block;
	margin-bottom: 5px;
	color: #999;
	text-transform: uppercase;
	font-size: .7em;
	letter-spacing: .1em;
}

body#article-detail main article ul.sources a
{
	word-break: break-word;
}

body#article-detail main article ol.tags
{
	margin: 0;
	padding: 0;
	gap: 5px;
}

body#article-detail main article div.image
{
	position: relative;
	line-height: 0;
}

body#article-detail main article div.image .category
{
	position: absolute;
	top: 10px;
	left: 10px;
	display: block;
	padding: 4px 8px;
	border-radius: 4px;
	font-weight: 600;
	background: #666;
	color: #fff;
	text-decoration: none !important;
	font-size: .7em;
	text-transform: uppercase;
	letter-spacing: .05em;
	box-shadow: rgba(0,0,0,.04) 0 3px 5px;
	line-height: normal;
}

body#article-detail main article div.image .source
{
	display: block;
	width: 100%;
	background: rgba(0,0,0,.7);
	border-radius: 0 0 4px 4px;
	color: #fff;
	padding: 6px 10px;
	font-size: .7em;
	box-sizing: border-box;
	line-height: normal;
}

body#article-detail main article div.image .source > a
{
	color: #fff;
}

body#article-detail main article div.image span.cat
{
	display: inline-block;
	padding: 5px 10px;
	border-radius: 4px 4px 0 0;
	background: #e31837;
	font-size: .9em;
	text-transform: uppercase;
	color: #fff;
	line-height: normal;
}

body#article-detail main article div.image img
{
	border-radius: 0 4px 0 0;
	box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
}

body#article-detail main article p.introduction
{
	font-weight: 600;
	word-break: break-word;
}

body#article-detail main article div.content
{
	word-break: break-word;
}

body#article-detail main article p
{
	line-height: 1.7;
	margin: 30px 0;
}

body#article-detail main article p:last-child
{
	margin-bottom: 0;
}

body#article-detail main section
{
	margin-top: 30px;
	border-radius: 8px;
	background: #fff;
	padding: 20px 30px;
}

body#article-detail main section h3
{
	margin: 0 0 20px;
	font-weight: 600;
	text-transform: uppercase;
	font-size: .9em;
	color: #666;
}

body#article-detail main section.suggestions ul
{
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 10px;
}

body#article-detail main section.suggestions ul > li
{
	display: block;
	flex: 0 25%;
}

body#article-detail main section.suggestions ul img
{
	display: block;
	width: 100%;
	border-radius: 8px;
}

body#article-detail main section.suggestions ul h4
{
	margin: 10px 0 0;
	font-size: .8em;
}

body#article-detail main div.metadata
{
	display: none;
	align-items: center;
	margin: 20px 0;
	padding: 20px 0;
	border-top: 1px solid rgba(0,0,0,.1);
	border-bottom: 1px solid rgba(0,0,0,.1);
}

body#article-detail main div.metadata div.data
{
	flex: 1;
	white-space: nowrap;
}

body#article-detail main div.metadata div.data a
{
	font-weight: 600;
}

body#article-detail main div.metadata span.datetime
{
	display: block;
	margin-top: 3px;
	font-size: .8em;
	color: #999;
}

body#article-detail main div.metadata div.author
{
	flex: 0;
	margin-left: 20px;
}

body#article-detail main div.metadata div.author img
{
	display: block;
	width: 80px;
	height: 80px;
	border-radius: 50%;
}

/* Author */
body#author div.author
{
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 650px;
	box-sizing: border-box;
	gap: 20px;
	padding: 20px 40px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 1px 2px rgb(0,0,0,.2);
	margin: 0 auto 20px;
}

body#author div.author div.person
{
	display: flex;
	justify-content: center;
	align-items: center;
}

body#author div.author div.person div.image
{
	flex: 0;
}

body#author div.author div.person div.image img
{
	display: block;
	width: 100px;
	height: 100px;
	margin-right: 20px;
	border-radius: 50%;
}

body#author div.author div.person div.details
{
	flex: 0;
}

body#author div.author div.person div.details h2
{
	margin: 0 0 5px;
	font-weight: 600;
	letter-spacing: .1em;
	white-space: nowrap;
	font-size: 1.6em;
}

body#author div.author div.person blockquote
{
	quotes: "»" "«";
	font-family: 'Amethysta', ui-serif, serif;
	font-style: italic;
	color: #999;
	margin: 0;
}

body#author div.author div.person blockquote::before
{
	content: open-quote;
}

body#author div.author div.person blockquote::after
{
	content: close-quote;
}

body#author div.author div.person ol.contact
{
	display: flex;
	flex-direction: row;
	gap: 15px;
	justify-content: center;
	border-top: 1px solid rgba(0,0,0,.2);
	margin: 10px 0 0;
	padding: 10px 0 0;
	list-style: none;
}

body#author div.author div.person ol.contact > li
{
	display: block;
	flex: 0;
}

body#author div.author div.person ol.contact a
{
	display: block;
	line-height: 0;
}

body#author div.author div.person ol.contact img
{
	display: block;
	width: 20px;
	height: 20px;
}

body#author div.author div.job
{
	text-align: center;
	color: #999;
}

ol.gallery
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	list-style: none;
	margin: 20px 0;
	padding: 0;
	gap: 10px;
}

ol.gallery > li
{
	display: block;
	flex: 0 0 calc(33.33% - 7px);
	line-height: 0;
}

ol.gallery > li a
{
	display: block;
}

ol.gallery > li img
{
	display: block;
	width: 100%;
}

.alert
{
	position: relative;
	padding: 1rem 1rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: 0.25rem;
}

.alert.success
{
	color: #0f5132;
	background-color: #d1e7dd;
	border-color: #badbcc;
}

.alert.danger
{
	color: #842029;
	background-color: #f8d7da;
	border-color: #f5c2c7;
}

.alert.grey
{
	color: #41464b;
	background-color: #e2e3e5;
	border-color: #d3d6d8;
}