/* antonio-regular - latin */
@font-face {
    font-family: 'Antonio';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/antonio-v8-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/antonio-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/antonio-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/antonio-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/antonio-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/antonio-v8-latin-regular.svg#Antonio') format('svg'); /* Legacy iOS */
}
/* antonio-700 - latin */
@font-face {
    font-family: 'Antonio';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/antonio-v8-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/antonio-v8-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/antonio-v8-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/antonio-v8-latin-700.woff') format('woff'), /* Modern Browsers */
         url('fonts/antonio-v8-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/antonio-v8-latin-700.svg#Antonio') format('svg'); /* Legacy iOS */
}
  
html {
    height: 100vh;
    margin: 0;
    padding: 0;
    background: #111 url("images/bg_volker.jpg") center center no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
body, body#Body {
    background: transparent;
    color: #fff;
    text-shadow: 0 0 2px #000;
    font-family: Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5 {
    font-family: 'Antonio', Arial, Helvetica, sans-serif;
	margin-bottom: 1ex;
	font-weight: bold;
}
.content-pane a, .content-pane a:link, .content-pane a:visited,
.left-pane a, .left-pane a:link, .left-pane a:visited,
.right-pane a, .right-pane a:link, .right-pane a:visited {
	color: rgba(255, 255, 255, 0.75);
	text-decoration: underline rgba(255, 255, 255, 0.35)
}
.content-pane a:hover, .content-pane a:active,
.left-pane a:hover, .left-pane a:active,
.right-pane a:hover, .right-pane a:active {
	color: rgba(255, 255, 255, 0.85);
	text-decoration: underline rgba(255, 255, 255, 0.65);
}

.navbar {
    margin-bottom: 3ex;
    font-family: 'Antonio', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}
.navbar-brand>img {
    height: 3.5ex;
}
.footer {
    color: rgba(255,255,255,.55);
    font-size: 0.75rem;
    text-align: right;
    padding-top: 2rem;
    padding-bottom: 0.6rem;
}

.content-pane .module-container {
	padding: 0;
	background: none;
	font-family: Arial, Helvetica, sans-serif;
    color: #fff;
	font-size: 1rem;
	line-height: 180%;
}
.content-pane .DnnModule {
	margin-top: 31px;
}
.content-pane .DnnModule:first-child {
	margin-top: 0;
}

.left-pane .Normal, .right-pane .Normal, .content-pane .Normal {
	font-family: Arial, Helvetica, sans-serif;
    color: #fff;
	font-size: 1rem;
	line-height: 180%;
}

.two-columns {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	justify-content: stretch;
}

	.two-columns > .column {
		flex: 1 1 48%;
		margin-left: 4%;
	}

		.two-columns > .column:first-child {
			margin-left: 0;
		}

@media (min-width: 768px) {
	.content-pane, .two-columns {
		width: auto;
	}
	.two-columns .content-pane {
		margin-left: 0;
	}
}

.content-pane .module-container {
    padding: 0;
    background: none;
}
@media (max-width: 767px) {
	.two-columns {
		display: block;
	}
		.two-columns > .column {
			margin-left: 0;
		}
}

h1, h1.module-title {
	font-family: 'Antonio', Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 1.15rem;
	line-height: 150%;
	margin: 1ex 0;
}
h2 {
	font-size: 1.1rem;
	color: rgba(255, 255, 255, .85);
}
h3, h4, h5, h6 {
	font-size: 1.05em;
	color: rgba(255, 255, 255, .75);
}
.footer {
    color: rgba(255,255,255,.55);
    font-size: 0.75rem;
    text-align: right;
    padding-top: 1rem;
    padding-bottom: 0.6rem;
	line-height: 30px;
}
.social-icon-container {
	float: left;
}
.social-icon {
	width: 30px;
	height: 30px;
	margin-right: 0.6em;
}
@media (min-width: 768px) {
	h1 {
		font-size: 1.3rem;
	}
	h1.module-title {
		font-size: 1.3rem;
	}
	h2 {
		font-size: 1.2rem;
	}
	h3, h4, h5, h6 {
		font-size: 1.1em;
	}
	.footer {
		padding-top: 1.6rem;
	}
}
@media (min-width: 992px) {
	h1 {
        font-size: 1.4rem;
	}
	h1.module-title {
		font-size: 1.4rem;
	}
	h2 {
		font-size: 1.25rem;
	}
	h3, h4, h5, h6 {
		font-size: 1.15em;
	}
	.footer {
		padding-top: 2.2rem;
	}
}
@media (min-width: 1200px) {
	h1 {
		font-size: 1.5rem;
	}
	h1.module-title {
		font-size: 1.5rem;
	}
	h2 {
		font-size: 1.35rem;
	}
	h3, h4, h5, h6 {
		font-size: 1.25em;
	}
	.footer {
		padding-top: 3rem;
	}
}

.content-pane input, .content-pane optgroup, .content-pane select, .content-pane textarea {
	color: #111;
}

#eu-cookie-bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 20px 16px;
    background: #222;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    text-align: left;
    opacity: 0;
    transition: opacity 0.5s;
    border: 4px dashed #ef4035;
    z-index: 99999;
}
.show-eu-cookie-bar #eu-cookie-bar {
    opacity: 1;
}
#eu-cookie-bar a, #eu-cookie-bar a:link, #eu-cookie-bar a:visited {
    color: #ef4035;
    text-decoration: none;
}
#eu-cookie-bar a:hover, #eu-cookie-bar a:active {
    text-decoration: underline;
}
#eu-cookie-bar button {
    float: right;
    margin-left: 16px;
    background-color: #555;
    color: #fff;
    padding: 7px 9px 7px;
    border: 1px solid #888;
    height: auto;
}
body {
    transition: padding-top 0.5s;
}
body.show-eu-cookie-bar {
    padding-top: 80px;
}

/* DNN styles */
.ControlContainer > ul > li > a {
	text-decoration: none;
	box-sizing: content-box;
}
