/**
* DIVERSE PROJEKTSPEZIFISCHE DEFINITIONEN
*
* Formatierungen für alle Boxelemente der Website
*
* @copyright       Copyright 2014, .hausformat
* @link            http://www.hausformat.com
*/

@media all {

    /*-------------------------------------------------------------------------*/
    /* BG Box Definition */

    .box {
        color: #585858;
        border-radius: 0.3em;
        margin: 2em 0;
    }

    .box .csc-header {
        padding: 1em 1.42857em;
        border-radius: 2px;
        margin-bottom: 2px;
    }

    .header-blue .csc-header {
        background-color: #00A0E2;
    }

    .header-green .csc-header {
        background-color: #B4D200;
    }

    .header-grey .csc-header {
        background-color: #979797;
    }

    .header-red .csc-header {
        background-color: #C5550B;
    }

    .header-orange .csc-header {
        background-color: #F4AD00;
    }

    #main .box .csc-header h1,
    #main .box .csc-header h2,
    #main .box .csc-header h3,
    #main .box .csc-header h4,
    #main .box .csc-header h5,
    #main .box .csc-header h6 {
        margin: 0;
        padding: 0;
        color: #FFF;
        font-family: 'Univers W01', Verdana, Arial, Helvetica, sans-serif;
    }

    #main .box .csc-header h1 a,
    #main .box .csc-header h2 a,
    #main .box .csc-header h3 a,
    #main .box .csc-header h4 a,
    #main .box .csc-header h5 a,
    #main .box .csc-header h6 a {
        color: #FFF;
    }

    #main .box .csc-header h2,
    #main .box .csc-header h3 {
        font-size: 181.81%;
    }

    #main .box .csc-header h4,
    #main .box .csc-header h5,
    #main .box .csc-header h6,
    #main .box .csc-header h4.subheader {
        font-size: 163.64%;
        font-weight: normal;
    }

    #main .box .csc-header h4.subheader {
        margin-top: 15px;
        margin-bottom: 5px;
    }

    .box .csc-content {
        border-radius: 2px;
        padding: 1.42857em;
        background-color: #F2F2F2;
    }

    .box .csc-content > :last-child {
        margin-bottom: 0;
    }

    #content .subcolumns [class*='subc'] > .box:first-child {
        margin-top: 5px;
    }


    /*-------------------------------------------------------------------------*/
    /* BG Box Titel Definitionen */

    .box.header-blue .csc-content h1,
    .box.header-blue .csc-content h2,
    .box.header-blue .csc-content h3,
    .box.header-blue .csc-content h4,
    .box.header-blue .csc-content h5,
    .box.header-blue .csc-content h6 {
        color: #00a0e2;
        border-bottom-color: #00a0e2;
    }

    .box.header-green .csc-content h1,
    .box.header-green .csc-content h2,
    .box.header-green .csc-content h3,
    .box.header-green .csc-content h4,
    .box.header-green .csc-content h5,
    .box.header-green .csc-content h6 {
        color: #91AA00;
        border-bottom-color: #91AA00;
    }

    .box.header-grey .csc-content h1,
    .box.header-grey .csc-content h2,
    .box.header-grey .csc-content h3,
    .box.header-grey .csc-content h4,
    .box.header-grey .csc-content h5,
    .box.header-grey .csc-content h6 {
        color: #979797;
        border-bottom-color: #979797;
    }

    .box.header-red .csc-content h1,
    .box.header-red .csc-content h2,
    .box.header-red .csc-content h3,
    .box.header-red .csc-content h4,
    .box.header-red .csc-content h5,
    .box.header-red .csc-content h6 {
        color: #C5540B;
        border-bottom-color: #C5540B;
    }

    .box.header-orange .csc-content h1,
    .box.header-orange .csc-content h2,
    .box.header-orange .csc-content h3,
    .box.header-orange .csc-content h4,
    .box.header-orange .csc-content h5,
    .box.header-orange .csc-content h6 {
        color: #F4AD00;
        border-bottom-color: #F4AD00;
    }


    /*-------------------------------------------------------------------------*/
    /* BG Box Link Definitionen */

    .header-green a {
        color: #91AA00;
    }

    .header-grey a {
        color: #979797;
    }

    .header-red a {
        color: #C5540B;
    }

    .header-orange a {
        color: #F4AD00;
    }

    /*-------------------------------------------------------------------------*/
    /* z.B. DCE-Elemente / OWL-Slider theme Anpassungen / etc. */

    /*-------------------------------------------------------------------------*/
    /* Donate */

      #teaser .teaserbox-spenden { padding: 0 5px 0; overflow: hidden; width: 175px; height: auto; background-image: none; background-repeat: no-repeat; color: #fff; font-weight: bold; }
      #teaser .teaserbox-spenden p { margin: 0 0 3px 0; }
      #teaser .teaserbox-spenden a { background: transparent url('../../gui/spenden-button.png') no-repeat 0 1px; display: block; padding-top: 5px;
                                     width: 170px; height: 22px; padding-left: 10px; color: #C5550B; padding-bottom: 0px; font-size: 118.18%; }
      #teaser .teaserbox-spenden a:hover, #teaser .teaserbox-spenden a:active, #teaser .teaserbox-spenden a:focus { background-image: url('../../gui/spenden-button_hover.png'); text-decoration: none; }
      #teaser .teaserbox-spenden h1,
      #teaser .teaserbox-spenden h2 { font-size: 15px; font-weight: normal; margin: 0 0 8px 0; color: #FFFFFF; }
    #c12273 .teaserbox-spenden,
    #c12335 .teaserbox-spenden{ padding:0 10px 0 0; width:100%; box-sizing: border-box; -moz-box-sizing: border-box;}

    .teaserbox-spenden .donate-now-wrap {
        position:relative;
    }

    .teaserbox-spenden .donate-now-wrap:after,
    .teaserbox-spenden .donate-now-wrap:before {
        content: "";
        display: block;
        width: 10px;
        background-color: white;
        height: 3px;
        position: absolute;
        top: 50%;
        right: 7px;
        transform: rotate(40deg);
        transform-origin: right;
        margin-top: -1px;
    }

     .teaserbox-spenden .donate-now-wrap:before{
        transform: translate(0, -1px) rotate(-40deg);
     }

    .teaserbox-spenden input,
    .teaserbox-spenden select.donate-box-select{
        border: none;
        width:100%;
        text-align:left;
        padding:8px 10px;
        font-family: 'Univers W01', Verdana, Arial, Helvetica, sans-serif;
        font-weight: 400;
        font-size: 17px;
        min-width: 190px;
    }

    .teaserbox-spenden select.donate-box-select{
        padding-top:0;
        padding-bottom:0;
    }

    .teaserbox-spenden .donate-box-wrap{
        padding-top:10px;
        padding-bottom:10px;
        margin-bottom:2px;
    }

    .teaserbox-spenden .donate-box-wrap,
    select.donate-box-select {
        color:#575246;
        font-size: 17px;
        font-weight: bold;
        max-width: none;
        background-color: #FFEFCD;
    }

    .teaserbox-spenden input{
        background-color: #C5550B;
        color:white;
        padding-bottom:10px;
        font-size: 15px;
        overflow: visible;
        cursor: pointer;
    }

    .teaserbox-spenden input,
    .teaserbox-spenden select {
        transition: all 100ms ease-in-out;
        -webkit-transition: all 100ms ease-in-out;
        -moz-transition: all 100ms ease-in-out;
        -o-transition: all 100ms ease-in-out;
    }

    .teaserbox-spenden input:hover {
        background-color: #a3470a;
    }


}