/* @import '//fonts.googleapis.com/css?family=Lato:400,400italic|Arvo:700,400,400italic'; */

html,body {
 color:#4e443c;
}

header {
 background: url(/css/css-images/noise-mit-spendenportal.png) repeat;
 margin-bottom: 20px;
}

footer {
 background: url(/css/css-images/noise-mit-spendenportal.png) repeat;
 margin-top: 20px;
 padding-top: 40px;
}

q {
 quotes: "„" "“" "‚" "‘";
}

#footer-row {
 border-top: solid 1px #333;
 box-shadow: #000 0 -1px 0;
}

a.footer-navi {font-size:0.9rem;color:#aaa;}
a.footer-navi:focus,a.footer-navi:hover,a.footer-navi:active {color:#fff;}

h1, h2, h3, h4, h5, h6 {
  /* font-family: 'Arvo', 'Helvetica Neue', Helvetica, Arial, sans-serif; */
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-align: left;
  font-weight: normal;
  text-rendering: optimizelegibility;
}

h1, h1 > a   {
    color: #4e443c;
    font-size: 2.5rem;
    font-weight: bold;
    -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;
}

h2, h2 > a { font-size:2rem;color:#eaa000;text-decoration:none; }
h3, h3 > a { font-size:1.5rem;color:#0388a6;text-decoration:none; }
h4, h4 > a { font-size:1.2rem;color:#eaa000;text-decoration:none; }
h5, h5 > a { font-size:1rem;color:#eaa000;text-decoration:none; }

/* Sportal-Card */
div.sportal-card { padding:10px; }
div.sportal-card > div { background-color:#f0efe7;padding:1rem; }


/* CarouselGeschichten */
div.carousel-caption {
 color:#4E443C;
}

div.carousel-caption h2 {
 color:#eaa000;
}

/* Links */
a { color:#0388a6;text-decoration:none; }
a:focus,a:hover,a:active { color:#026b82;text-decoration:underline; }

p.linkverbergen > a { color:#4e443c;text-decoration:none; }
p.linkverbergen > a:focus { text-decoration:none;}
p.linkverbergen > a:hover { text-decoration:none;}
p.linkverbergen > a:active { text-decoration:none;}

/* Formulare */

.btn-outline-secondary {
 color:#4e443c;
 border:2px solid #4e443c;
}
.btn-outline-secondary:focus, .btn-outline-secondary:hover, .btn-outline-secondary:active {
 background-color:transparent;
 border:2px solid #0388a6;
 color:#0388a6;
}

/* Spendenbutton */
form.spendenbutton {
 margin:5px auto 5px auto;
}

/* background: linear-gradient(to bottom, #eabf62 10%, #eaa000 90%); */
button.spendenbutton {
 width:100%;
 height:60px;
 background: linear-gradient(to bottom, #ead3a1 10%, #eabf62 90%);
 font-family:"Arial Black",Arial,sans-serif;
 font-weight:normal;
 font-size:28px;
 color:#eaa000;
 border: 1px solid #eaa000;
 border-radius:0.3em;
 -moz-border-radius:0.3em;
 -webkit-border-radius:0.3em;
 padding:0;
 cursor:pointer;
}
button.spendenbutton:hover {
 background: linear-gradient(to bottom, #eabf62 10%, #ead3a1 90%);
}

button.spendenbutton img[alt="spendenportal-logo"] {
 height:100%;width:20%;max-width:89px;float:left;
}
button.spendenbutton img[alt="spenden"] {
 height:100%;width:80%;max-width:432px;float:left;
}