/*####################################################################################
### Header
####################################################################################*/
.homelink {
    display: block;
    float: left;
    width: 220px;
    height: 83px;
    margin: 14px 0 20px -15px;
    background: url("/typo3conf/ext/ig_project/Resources/Public/Img/gfbv_logo_55jahre.svg") no-repeat center;
    background-size: contain;
    max-width: 19%;
    position: absolute;
    bottom: 32px;
    z-index: 999;
}
.metaNav{
    float: right;
    width: auto;
}

div.spendenbutton {
    position: relative;
    float: left;
    /* width: 30%; */
    clear: both;
    /*top: 54px;
    margin-left: 17px; */
}
.spendenbuttonwrap {
    position: relative;
    float: right;
    width: 30%;
    clear: both;
    /*top: 54px;*/
    margin-left: 17px;
    display: inline-block;
}
.spendenbutton-wrap {
    position: relative;
}
.indexedsearchbox{
    width: 200px;
    position: relative;
    float: right;
    top: 20px;
    padding-right: 0px;
}
.indexedsearchbox.active{
    top: -25px;
    transition: 0.75s;
}

.indexed-inputsearch.activated{
    width: 160px;
}
.indexed-inputsearch{
    width: 0px;
}
button.lupe{
    position: relative;
    float: right;
    width: 4%;
    right: auto;
    top: auto;
    margin: 11px 40px 0 -40px;
}

/*####################################################################################
### Content
####################################################################################*/

.teaser h3{
    top:60%;
    left:3px;
}
.teaser h3 a{
    padding: 0 14px;
}
ul.csc-menu li {
    width: 65%;
}
.zweispalter h3 {
    margin-top: 0;
}

.teaser h3{
    top:60%;
    left:3px;
}
.teaser h3 a{
    padding: 0 14px;
}


.contbox-pic{
    padding: 7px 35px 10px 0px;
    width: auto;
}
.contbox-pic img{
    width: 100%;
    height: auto;
    margin: 0 0;
}


.dreispalter-dce .image{
    overflow: hidden;
}
.dreispalter-dce .image .hover {
    float: left;
    position: relative;
    width: 360px;
    height: 293px;
    margin-top: -600px;
    transition: margin-top 0.5s ease-in-out, background-color 0.5s;
}

/*####################################################################################
### Footer
####################################################################################*/

.footer-bot #spendenbauchbinde input{
    margin-right: 15px;
}
.footer-bot .footer-bot-wrap .footer-bot-innerwrap {
    background-image: url(/typo3conf/ext/ig_project/Resources/Public/Img/bauchbinde_background.png);
}
/*####################################################################################
### Sonstiges und zu faul zum Einordnen
####################################################################################*/

/* Shop */
.tx-ig-bookshop .tabs li a{
    font-size: 17px;
}


.mainTeaserWrapper .header-description{
    top: -100px;
    font-size: 30px;
    max-width: 600px;
}