/* farben bleher
rot			#cc0000
grau		#c9cbcb
dunkelgrau	#295066
*/
/* farben dk
blau		#0065a7
hellgrau	#f3f3f3
*/

/* colors Wegweiser Beruf

$blau	#005b9a
$hblau	#cae1e9
$cyan	#9dc6e2
$rot	#cc1417
$gelb	#ffaa00
$gruen	#009150
$orang	#ff8800

*/

html {
  scroll-behavior: smooth;
}
body {
	background-color:#fff;
}
body, td, input, textarea {
	font:18px/1.4 'Source Sans Pro', sans-serif;
	font-weight:normal;
	color:#000000;
}
h1 {
    margin-top: 40px;
    font:27px 'Source Sans Pro', sans-serif;
    color:#005b9a;
    font-weight:500;
}
h2 {
    margin-bottom:.5em;
    font:24px 'Source Sans Pro', sans-serif;
    font-weight:bold;
    color:#cc1417;
    font-weight:500;
}
h3 {
    margin-bottom:.5em;
    font:20px 'Source Sans Pro', sans-serif;
    font-weight:bold;
    color:#000;
    font-weight:600;
}
h4 {
    margin-bottom:.5em;
    font:18px 'Source Sans Pro', sans-serif;
    font-weight:bold;
    color:#000;
}
p+h2,
p+h3,
p+h4,
p+h5,
p+h6,
ol+h2,
ol+h3,
ol+h4,
ol+h5,
ol+h6,
ul+h2,
ul+h3,
ul+h4,
ul+h5,
ul+h6,
table+h2,
table+h3,
table+h4,
table+h5,
table+h6,
table+p,
table+ol,
table+ul {
    margin-top:0.5em;
}

strong {
    font-weight:600;
}
a:link,
a:visited {
    text-decoration:underline;
    text-underline-offset:3px;
    color:#ff8800;
    text-decoration-style: solid;
    text-decoration-thickness:1px;
}
#icon-mobile a:link,
#icon-mobile a:visited {
    text-decoration:none;
    color:#fff;
}
a:hover,
a:active {
    text-decoration:underline;
    color:#f7781e;
    text-decoration-style:solid;
    text-decoration-thickness:2px;
}
p,
pre,
form,
figure {
    margin:0;
    padding:0;
}
p {
    margin-bottom:.8em;
}
table {
    width:100%;
    border-spacing:0;
}
thead {
    font-weight:bold;
}
th,
td {
    padding:5px 10px 5px 15px;
    text-align:left;
    border-bottom:1px solid #0065a7;
}
th {
    font-weight:bold;
    font-weight:600;
}
:focus {
    border:0;
}
input.breit {
	width:100%;
	max-width:100%;
	}
input.projekttitel {
	width:75%;
	}
label.auto {
	width:auto;
	}
input#spendenziel {
	max-width:200px;
	}
.spendenbarometer {
	text-align:right;
	}
#footer,
#footer a {
    text-decoration:none;
    color:#000;
}
#footer a {
    padding-right:5px;
    padding-left:5px;
}
#footer a:hover {
    text-decoration:underline;
    color:#f7781e;
}
#backtotop {
    text-align:right;
}