/*
 * Erkrath-O-Mat Style
 * Website: www.erkrath-o-mat.de
 * Author: Christian Zimmer, chris-zimmer.de
 */

/* Layout
 *************************************************************************************************/
body {
	background:url('background.jpg') no-repeat center center fixed #fff;
	background-size:cover;
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.0em;
}
footer {
	padding-top:2em;
}
header h1 {
	text-align:center;
}
header h1 img {
	padding:0.5em;
	width:100%;
	max-width:500px;
}
/* Willkommen ohne overflow */
#sectionDescription > div:first-of-type {
	overflow:visible!important;
	max-height:100%!important;
}

/* Main-Bereich: Weißer Hintergrund */
#sectionDescription .card,
#sectionShowQuestions .card,
#sectionResults > div {
	background-color:#fff!important;
}
/* Begründungen: Thesen als farbiger Text 
div[id^='resultsByThesisQuestion'] {
	color:#EFC04F;
}
*/
/* JS-Error
 *************************************************************************************************/
.jserror {
	background-color:red;
	color:#fff;
	font-weight:bold;
	margin:0em;
	padding:0.5em;
}
.jserror a,
.jserror a:link {
	border-bottom:0.1em #fff dotted;
	color:#fff;
	text-decoration:none;
}

/* Links
 *************************************************************************************************/
a {
	color:#000;;
	text-decoration:underline;
}
a:link {
	color:#000;
}

/* Navigation-Buttons
 *************************************************************************************************/
nav a {
	font-size:1.2em!important;
 }
nav a.btn:focus,
nav a.btn:hover {
	background-color:#629c3d;
}
nav a.btn-active {
	background-color:#d4d31f;
}

/* Social Media
 *************************************************************************************************/
a.btn-sm {
	font-weight:bold;
	text-decoration:none; 
}
a.btn-sm:hover {
	color:#fff;
}
a.social-email {
    background:#c8c8c8;
	color:#000;
}
a.social-email:hover {
	color:#000;
}
a.social-facebook {
    background:#4560a3;
	color:#fff;
}
a.social-mastadon {
    background:#6364FF;
	color:#fff;
}
a.social-telegram {
    background:#0088cc;
	color:#fff;
}
a.social-twitter {
    background:#68ace3;
	color:#fff;
}
a.social-whatsapp {
    background:#5cbe4a;
	color:#fff;
}
a.social-x {
    background:#000;
	color:#fff;
}

/* Medienpartner
 *************************************************************************************************/
footer.siteFooter > div {
	border-top:2px #000 solid;
	padding-top:0.5em;
 }
.sponsor,
.project {
	border-left:2px #000 solid;
}
@media (max-width: 960px) {
	footer.siteFooter > div {
		display:block;
		width:100%;
	}
	.sponsor,
	.project {
		border-left:none;
		border-top:1px #000 solid;
	}	
}

/* Über uns
 *************************************************************************************************/
p.float-left {
	float:left;
	margin-right:10px;
}
p.float-right {
	float:right;
	margin-left:10px;
}
div.row {
	clear:both;
}