@font-face { font-family: 'Candal';
             src: url('../fonts/Candal/Candal-Regular.ttf') format('truetype'); font-display: swap; }


body {
	font-family: sans-serif;
	font-size: 16px;
	background-color: #f4f6f7;
  background: url('images/bg-abseits-2.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

:root {
	--content-bg: #f5f5f5; 
	--link-color: #ffc700;
}

a {
	color: #000000;
}
a.current { color: var(--link-color); }

h1, h2, h3, h4, h5, h6, .site-title {
    font-family: 'Candal', sans-serif;
}
h2 { margin-top: 1.8rem; }

/* grid */
.body .container {
	display: grid;
	grid-template-columns: 2fr, 1fr;
	grid-template-rows: 1fr, auto, 1fr, 1fr;
	grid-column-gap: 10px;
	grid-row-gap: 10px;
}

.header { grid-area: 1 / 1 / 2 / 2; }
.main { grid-area: 2 / 1 / 3 / 2; }
.aside { grid-area: 3 / 1 / 4 / 2; }
.sponsors { grid-area: 4 / 1 / 5 / 2; }
.footer { grid-area: 5 / 1 / 6 / 2; }
/* grid end */

.body .container {
	background-color: #000;
	max-width: 960px;
	margin: auto;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 20px;
  border: 1px solid rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.05);
  -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.05);
  box-shadow: 0px 0px 6px rgba(0,0,0,0.05);
}

.header {
	background-color: #000;
	/*padding: 0 0 10px 10px;*/
	margin-bottom: 10px;
}

.site-title {
  font-size: 40px;
  font-size: calc(16px + 2.16vw);
  line-height: 48px;
  font-weight: bold;
}
@media (min-width: 1024px) {
  .site-title {
    font-size: 40px;
  }
}

.site-description, .site-description a {
  font-size: 1.6em;
  font-weight: bold;
  color: var(--link-color);
}
.site-description {
	padding-top: 18px;
}
@media (min-width:740px){
	.site-description {
		display: inline;
		padding-left: 20px;
		padding-top: 8px;
	}
}

.main {min-height: 70vh;}

.aside nav a {
	display: block;
	padding: .25rem .25rem .25rem 0;
	background-color: #f5f5f5;
	-webkit-transition: background-color .5s linear;
	-moz-transition: background-color .5s linear;
	-o-transition: background-color .5s linear;
	transition: background-color .5s linear;
}
.aside nav a:hover { background-color: var(--link-color); }

.well {
  min-height: 20px;
  padding: 10px 20px;
  background-color: var(--content-bg);
  border: 1px solid #e3e3e3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
}

.mehrspalter-flex {
	display: flex;
	width: 100%;
}
.mehrspalter-flex figure { margin-bottom: 1em; }
.mehrspalter-flex figure:first-child { margin-right: 1em; }

a.brand {
	text-decoration: none;
	color: var(--link-color);
	-webkit-transition: color .5s linear;
	-moz-transition: color .5s linear;
	-o-transition: color .5s linear;
	transition: color .5s linear;
}
a.brand:hover
{
	color: #FF8200;
}

#content { background-color: var(--content-bg); padding: 10px 20px; box-sizing: border-box; border-radius: 4px; }

#content a { color: #0088cc !important; }

ul.nav {
  margin-left: 0;
  margin-bottom: 18px;
  padding: 0;
  list-style: none;
}

.align-right { text-align: right; }

figure { margin: 0; width: fit-content; }
figcaption { 
	border: 1px solid black;
  padding: 1rem;
}
figure img { max-width: 100%; height: auto; }

.uferlos-logo { max-width: 530px; height: auto; }

/* Sponsoren-Spalte */
.sponsors {
	background: var(--content-bg); 
	padding: 10px 20px; 
	box-sizing: border-box; 
	border-radius: 4px;
}
.sponsors img { width: auto; max-width: 100%; }


.event { margin: 0 0 2rem; border-top: 1px solid black; padding-top: 1rem;}
.event img { max-width: 100%; height: auto; }
.event-flexrow { display: flex; flex-flow: row wrap; width: 100%; }
.event-flexrow figure { padding: 0 1rem .5rem 0; }

summary { font-weight: bold; padding: .5rem; }
summary:hover { cursor: pointer; }
summary.odd { background: black; color: white; }
summary.even { background: var(--link-color); color: black; }
dl { padding: 1rem; border: 1px solid black; }
dt { font-weight: bold; }


/* Footer Menu */
footer a,
footer p { color: #fff; }
footer a:hover { color: #FEC500; }
ul.menu-footermenu { clear: both; margin: 20px 0 0 0; padding: 0; }
.menu-footermenu li { display: inline; padding: 0 20px 0 0; }
.menu-footermenu a { color: white; display: inline !important; }