/* 
Custom styles Andheri Hilfe 2016 anvalin.net 
BLAU #002F87
ROT  #D0343A
*/

body {
font-family: 'PFCentroSansPro-Regular', Arial, Helvetica, sans-serif;
font-size: 17px;
color: #333333;
}

h1, h2, h3, h4, h5, h6 {
font-family: 'PFCentroSansPro-Regular', Arial, Helvetica, sans-serif;
color: #002F87;
font-weight: bold;
}

h1 a.internal-link::before, h2 a.internal-link::before, h3 a.internal-link::before, h4 a.internal-link::before, h5 a.internal-link::before, h6 a.internal-link::before {
display: none;
}

.navbar {
margin-bottom: 0px;
}

main {
padding-top: 30px;
}

.dropdown-menu > li > a {
font-size: 16px;
color: #002f87;
}

/* #### */
/* LOGO */
/* #### */

.mobile-logo {
height: 50px;
position: absolute:
top: 15px
left: 15px;
}


@media only screen and (max-width: 768px) {
.navbar-header .navbar-brand > img {
height: auto !important;
}
.nav-logo {
max-height: 10vw !important;
}
}

@media only screen and (max-width: 387px) {
.nav-logo {
max-height: 40px !important;
max-width: 238px !important;
margin-top: -10px !important;
}
}

@media only screen and (max-width: 327px) {
.nav-logo {
max-height: 30px !important;
max-width: 178.5px !important;
margin-top: -2px !important;
}
}

/* ###### */
/* TABLES */
/* ###### */

table, .table {
color: inherit !important;
}

/* ######### */
/* JUMBOTRON */
/* ######### */

.jumbotron {
min-height: 440px !important;
}

@media screen and (max-width: 1200px) {
.jumbotron {
min-height: 220px !important;
}
}

/* ####### */
/* SHARING */
/* ####### */

.sharingbuttons {
position: absolute;
top: 150px;
left: 5px;
z-index: 100;
}

.sharingbutton {
margin-bottom: .1em;
}

.feedback-button {
position: fixed;
top: -2px;
right: 1em;
z-index: 9999;
}

@media screen and (max-width: 768px) {

.feedback-button {
display: block;
position: fixed;
top: 50%;
left: 97%;
transform: rotate(90deg);
z-index: 9999;
}

}

/* ##### */
/* Icons */
/* ##### */


.fa-stack .fa-circle {
color:#002F87;
}

.fa-stack a:hover > .fa-circle {
color: #D0343A !important;
}

.fa-paddingleft {
padding-left: 5px;
}

.well blockquote {
padding: 0;
border-left: none;
}

blockquote::before {
font-family: FontAwesome;
content: '\f10d'; /*quote left icon*/
}

/* ############### */
/* ### KACHELN ### */
/* ############### */

.tile {
float: none !important;
color: #ffffff !important;
}

.tile-big {
width: 360px !important;
height: 240px !important;
}

.tile-1 {
background: url('//www.andheri-hilfe.de/fileadmin/user_upload/Abbildungen/Startseite/spendenkacheln_bild1.jpg');
}

.tile-2 {
background: url('//www.andheri-hilfe.de/fileadmin/user_upload/Abbildungen/Startseite/spendenkacheln_bild2.jpg');
}

.tile-3 {
background: url('//www.andheri-hilfe.de/fileadmin/user_upload/Abbildungen/Startseite/spendenkacheln_bild3.jpg');
}

.tile-title {
padding: 204px 0 0 0 !important;
/*background-color: rgba(208,52,58,.8);*/
}

.tile-title img {
width: 24px !important;
height: 24px !important;
position: absolute;
top: 186px;
left: 50%;
right: 50%;
}

.tile-title p {
padding: 0 px !important;
background-color: rgba(208,52,58,.8);
font-size: 24px !important;
}

.tile-content {
background-color: rgba(0,47,135,.8);
}

.tile-content p {
color: #ffffff !important;
font-size: 17px !important;
}

.tile-content .btn-primary {
color: #ffffff !important;
background-color: #D0343A;
border: 1px solid #D0343A !important;
}

.tile-content a.btn:hover {
border: 1px solid #ffffff !important;
}

/* ############## */
/* ### PANELS ### */
/* ############## */

.panel .panel-heading, .panel .panel-title {
font-size: inherit !important;
color: inherit !important;
text-transform: none;
}

/* ############## */
/* ### FOOTER ### */
/* ############## */

#page-footer .container {
/*border-right: 1px solid #ffffff;*/
}

#page-footer {
background-color: #ffffff !important;
z-index: 998;
}

#page-footer a:hover {
color: #D0343A !important;
}

#page-footer ul {
list-style: none;
padding: 0;
}

.footer-top *[class^='col-'] {
min-height: 170px !important;
border-left: 1px solid #ffffff !important;
}

.footer-top {
background-color: #33599F;
color: #ffffff !important;
}

.footer-top a {
color: #ffffff !important;
}

.footer-bottom {
background-color: #ecf0f1;
padding: .1em 0 1em 0;
}

.footer-copyright, .footer-bottom p, .footer-bottom a {
color: #333 !important;
}

.footer-copyright {
clear: both;
margin-top: .5em;
}

@media screen and (max-width: 992px) {
.footer-top *[class^='col-'] {
min-height: unset !important;
height: auto;
border-left: 1px solid #ffffff !important;
}
}

@media screen and (max-width: 768px) {
.footer-top *[class^='col-'] {
min-height: unset !important;
height: auto;
border-left: none !important;
}

.footer-bottom {
background-color: #33599F;
color: #ffffff !important;
margin: 0;
padding-bottom: 1em;
}

.footer-copyright, .footer-bottom p, .footer-bottom a {
color: #ffffff !important;
}
}

/* ############### */
/* ### SITEMAP ### */
/* ############### */

.tree li, .tree li a {
color: inherit;
}

/* ###################### */
/* ### SPENDENSTOERER ### */
/* ###################### */

.spendenstoerer {
display:block;
width:100%;
background-color: rgba(0,47,135,.4);
position: fixed;
bottom: 75px;
text-decoration: none;
color: #ffffff;
padding: 0;
z-index: 997;
height: 50px;
display: none;
}

.spendenbutton {
float: right;
z-index: 995;
position: relative;
top: -45px;
}

.spendenbutton img {
vertical-align: middle;
margin-bottom: 10px;
}

.spendenbutton-border {
position: fixed;
top: -40px;
right: -8px;
background-color: transparent;
width: 150px;
height: 150px;
background: url(https://www.andheri-hilfe.de/fileadmin/templates/images/spendenstoerer_button.png);
z-index:999999;
transition: transform 1s; /* Animation */
}

.spendenbutton-border:hover {
-ms-transform: scale(1.1) rotate(9deg); /* IE 9 */
-webkit-transform: scale(1.1) rotate(9deg); /* Safari 3-8 */
transform: scale(1.1) rotate(9deg); 
}

.spendenbutton-shadow {
box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.4);
border-radius: 100%;
}

.spendenbutton-shadow:hover {
transition: .2s;
transform: rotate(-9deg);
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.8);
}

@media screen and (max-width: 768px) {
.spendenstoerer {
display: none !important;
}
}


body.page-64 #spendenbutton-mobile {
display: none !important;
}

@media screen and (min-width: 769px) {
#spendenbutton-mobile {
display: none !important;
}
}

@media screen and (max-width: 768px) {
#spendenbutton-mobile {
display: inline !important;
}
}

.spendenbutton-mobile {
position: fixed;
right: -57px;
top: 50%;
-ms-transform: scale(1) rotate(270deg); /* IE 9 */
-webkit-transform: scale(1) rotate(270deg); /* Safari 3-8 */
z-index: 999;
background-color: #D0343A;
padding: 10px;
color: #fff;
border-radius: 12px 12px 0 0;
}

.back-to-top {
position: fixed;
bottom: 2em !important;
right: .5em !important;
text-decoration: none;
color: #2780e3;
background-color: transparent !important;
opacity: 1;
padding: 0;
z-index: 999;
font-size: 1.5em;
}

/* ####################### */
/* ### SPENDENFORMULAR ### */
/* ####################### */

#onlinespenden {
width: 100%;
}

@media screen and (min-width: 1200px) {
#onlinespenden {
height: 1400px !important;
}
}

@media screen and (max-width: 1999px) {
#onlinespenden {
height: 1400px !important;
}
}

@media screen and (max-width: 992px) {
#onlinespenden {
height: 2100px !important;
}
}

@media screen and (max-width: 768px) {
#onlinespenden {
height: 2300px !important;
}
}

.powermail_fieldwrap_datum {
display:none !important;
}

/* ############ */
/* ### NEWS ### */
/* ############ */

.news-single h1 {
font-size: 1.6em !important;
}

.news-list-view h3 {
font-size: 1em;
}

.news-single .caption {
color: #333333 !important;
font-size: .75em !important;
}

.news-list-view .pull-left {
padding-right: 10px;
}

.page-navigation {
text-align: center;
}

.page-navigation p {
display: none;
}

/* ########################### */
/* ### NEWSLETTERANMELDUNG ### */
/* ########################### */

.tx-odsajaxmailsubscription-pi1 {
}

/* ####################### */
/* ### ANSPRECHPARTNER ### */
/* ####################### */

.layout-3 .textmedia, .layout-3 figure {
margin-bottom: 0 !important;
}

/* ################ */
/* Desktop |­ Mobile */
/* ################ */

@media screen and (max-width: 768px) {

.desktop-only {
display: none;
}

.mobile-only {
display: block;
}

#main-navbar {
min-height: 68px;
}

.navBar-container {
margin-top: 15px;
}

.navbar-default {
background-color: #fff;
}

.navbar-toggle {
background-color: #33599F;
}

.nav {
margin-top: 21px;
background-color: #33599F;
}

.navbar-default .navbar-nav > li > a {
color: #fff;
}

.navbar-default .navbar-nav > li > a:hover {
color: #D0343A;
}

.navbar-nav .open .dropdown-menu {
background-color: #33599F !important;
}

.showmobile .dropdown-menu {
display:block;
text-indent: 1em;
}

.showmobile ul {
background-color: #99ACCF !important;
}

main {
margin-bottom: 280px;
}

.jumbotron {
min-height: 130px !important;
}

.page-content {
font-size: 1em !important;
}

}

@media screen and (min-width: 768.1px) {

.desktop-only {
display: block;
}

.mobile-only {
display: none;
}

main {
margin-bottom: 80px;
}

.jumbotron {
min-height: 175px;
}

}

@media screen and (min-width: 992px) {

main {
margin-bottom: 0;
}

.jumbotron {
min-height: 175px;
}


}

/* Navigation */

.nav {
font-size: 20px;
line-height: inherit;
font-weight: 600;
text-transform: none;
}

.navbar .nav > li > a {
font-size: 20px;
line-height: inherit;
font-weight: 600;
text-transform: none;
}

/* Test fixierte Navigation */

#page-top {
margin-top: 135px;
}

#main-logobar {
position: fixed;
top: 0;
background-color: #fff;
z-index: 999;
width: 100%;
}

#main-navbar {
position: fixed;
top: 100px;
z-index: 998;
width: 100%;
}

@media screen and (max-width: 768px) {

#page-top {
margin-top: 68px;
}

#main-navbar {
top: 0;
box-shadow: 0px 10px 10px -15px #111;
}

}

/* Fontawesome Icons */

.fa-stack-1x,
.fa-stack-2x,
.fa-stack-3x,
.fa-stack-4x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-stack-3x {
  font-size: 3em;
}
.fa-stack-4x {
  font-size: 4em;
}