/*CSS Prefix = res*/



/********* Home/Large ********/

.resindexaddcolumn980 {
    width: 980px;
}

.resaddcolumn1200 {
    width: 1200px;
    margin: 0 0 40px 0;
}

.resaddcolumn733, .startobenaddcolumn733 {
    width: 733px;
    margin: 0 0 40px 0;
}

.resaddcolumn713 {
    width: 713px;
    margin: 0 0 40px 0;
}

.resaddcolumn346 {
    width: 346px;
    margin: 0 0 40px 0;
}

.resaddcolumn347 {
    width: 347px;
    margin: 0 0 40px 0;
}

.resaddcolumn373 {
    width: 373px;
    margin: 0 0 40px 0;
}

.resaddcolumn374 {
    width: 374px;
    margin: 0 0 40px 0;
}

.resaddcolumn260 {
    width: 260px;
    margin: 0 0 40px 0;
}

.resaddspacercolumn40, .resaddspacercolumn41 {
    width: 40px;
    height: 1px;
}

.resaddspacercolumn121 {
    width: 121px;
    height: 1px;
}


/********* Index ********/

/*Contentbereich links*/

.resindexaddcolumn733 {
    width: 733px;
}

.resindexaddcolumn231 {
    width: 231px;
}

.resindexaddcolumn218 {
    width: 218px;
}


.resindexaddcolumn217 {
    width: 217px;
}

.resindexaddcolumn462 {
    width: 462px;
}

.resindexaddcolumn153 {
    width: 153px;
}

.resindexaddcolumn346 {
    width: 346px;
}

.resindexaddcolumn347 {
    width: 347px;
}

.resindexaddcolumn421 {
    width: 421px;
}

.resindexaddcolumn116 {
    width: 116px;
}

.resindexaddcolumn693 {
    width: 693px;
}

.resindexaddcolumn171 {
    width: 171px;
}

.resindexaddcolumn311 {
    width: 311px;
}

.resindexaddcolumn221 {
    width: 221px;
}

.resindexaddcolumn211 {
    width: 211px;
}

.resindexaddspacercolumn40 {
    width: 40px;
    min-height: 1px;
}

.resindexaddspacercolumn41 {
    width: 41px;
    min-height: 1px;
}


/*Contentbereich rechts*/
.rightaddcolumn347 {
    width: 347px;
}

.rightaddcolumn169 {
    width: 169px;
}

.rightaddcolumn86 {
    width: 86px;
}

.rightaddcolumn116 {
    width: 116px;
}

.rightaddcolumn222 {
    width: 222px;
}

.resaddspacercolumn9 {
    width: 9px;
    height: 1px;
}

/* Kalender */

.admin .kalenderaddcolumn733{
    width: 733px;
}

.admin .kalenderaddcolumn347{
    width: 347px;
}

.admin .kalenderaddspacercolumn120 {
    width: 120px;
    height: 1px;
}



/*
    Floating left & right  for columns  
    Diese werden durchnummeriert, deswegen die Wildcardselection  */
div[class*='resparafloatleft-'], div[class*='rightparafloatleft-'], div[class*='resindexparafloatleft-'],.admin div[class*='kalenderparafloatleft-'] {
    /*  transition: all 0.4s ease 0.4s;*/
    float: left;
}

div[class*='resparafloatright-'], div[class*='rightparafloatright-'], div[class*='resindexparafloatright-'] {
  /*  transition: all 0.4s ease 0.4s;*/
    float: right;
}

/*div[class*='resaddspacercolumn123'] {
    transition: width 1s, height 1s, transform 1s !important;
}*/


/* ############################### MAX 1280 ################################## */
@media screen and (max-width: 1280px) {

    /********* Home/Large ********/

    .resaddcolumn1200 {
        width: 100%;
        margin: 0 0 40px 0;
    }

    .resaddcolumn733 {
        width: 61.08%;
        margin: 0 0 40px 0;
    }

    .startobenaddcolumn733 {
        width: 100%;
    }

    .resaddcolumn713 {
        width: 100%;
    }

    .resaddcolumn346 {
        width: 30.83%;
        margin: 0 0 40px 0;
    }

    .resaddcolumn347 {
        width: 28.92%;
        margin: 0 0 40px 0;
    }

    .resaddcolumn373, .resaddcolumn374 {
        width: 31.11%;
        margin: 0 0 40px 0;
    }

    .resaddcolumn260{
        width: 21.66%;
        margin: 0 0 40px 0;
    }

    .resaddspacercolumn40 {
        width: 3.33%;
        height: 1px;
    }

    .resaddspacercolumn121 {
        width: 6.08%;
        height: 1px;
    }

    /********* Indexseiten  ********/

    /*Contentbereich links*/

    .resindexaddcolumn733 {
        /*width: 61.08%;*/
        width: 100%;
    }

    .resindexaddcolumn231 {
        width: 31.5143%;
    }


    .resindexaddcolumn217, .resindexaddcolumn218 {
        width: 31.1133%;
    }

    .resindexaddcolumn462 {
        width: 63.0286%;
    }

    .resindexaddcolumn153 {
        width: 20.87%;
    }

    .resindexaddcolumn346 {
        width: 48.33%;
    }

    .resindexaddcolumn347 {
        width: 48.33%;
    }

    .resindexaddcolumn421 {
        width: 57.43%;
    }

    .resindexaddcolumn116 {
        width: 15.82%;
    }

    .resindexaddcolumn693 {
        width: 94.54%;
    }

    .resindexaddcolumn171 {
        width: 23.32%;
    }

    .resindexaddcolumn311 {
        width: 42.42%;
    }

    .resindexaddcolumn221 {
        width: 30.15%;
    }

    .resindexaddcolumn211 {
        width: 28.78%;
    }

    .resindexaddspacercolumn40, .resindexaddspacercolumn41 {
        width: 5.4570%;
    }

    /*Contentbereich rechts*/

    .rightaddcolumn347 {
        width: 100%;
    }
    
}

/* ############################### MAX 1024 ################################## */
@media screen and (max-width: 1024px) {

    /********* Home/Large ********/
    .resindexaddcolumn980 {
        width: 95%;
    }
    .start .div_content_top .resaddcolumn733, .start .div_content_bottom .resaddcolumn733 {
        width: 100%;
    }

    .start .div_content_top .resaddcolumn346, .start .div_content_bottom .resaddcolumn347 {
        width: 100%;
        margin-bottom: 0;
    }

    .start .div_content_bottom .resaddcolumn346 {
        width: 48.335%;
    }

    .start .div_content_top .resaddspacercolumn121, .start .div_content_bottom .resaddspacercolumn121 {
        width: 0;
        height: 0;
    }

    .resaddcolumn373 {
        width: 48.335%;

    }

    .resaddcolumn373 + .resaddspacercolumn40 + .resaddcolumn373 + .resaddspacercolumn40{
        width: 0;
        height: 0;
    }

    .resaddcolumn374 {
        width: 100%;
    }

    .resaddcolumn374 > div{
        width: 48.335%;
        display: inline-block;
    }

        .resaddcolumn374 > div:first-child {
            margin-right: 3.33%;
        }


    .resaddcolumn260 {
        width: 48.335%;
    }

    /********* Indexseiten  ********/

    /*Contentbereich links*/

    .resindexaddcolumn733, .resindexparafloatleft-1.resindexaddcolumn421, .resindexaddcolumn311 {
        width: 100%;
    }

    .resindexaddcolumn153, .resindexaddcolumn116, .resindexaddcolumn171 {
        width: 48.33%;
    }

    .resindexparafloatleft-3.resindexaddcolumn153 + .resindexparafloatleft-4.resindexaddspacercolumn40 {
        display: none;
    }


    .resindexparafloatleft-1.resindexaddcolumn421 + .resindexparafloatleft-2.resindexaddspacercolumn40 {
        display: none;
    }

    .resindexparafloatleft-3.resindexaddcolumn171 + .resindexparafloatleft-4.resindexaddspacercolumn40{
        display: none;
    }

    .start .resaddspacercolumn41{
        width: 0;
        height: 0;
    }
}


/* ############################### MAX 992 ################################## */
@media screen and (max-width: 992px) {

    /********* Home/Large ********/


    
}


/* ############################### MAX 768 ################################## */
@media screen and (max-width: 768px) {

    .resaddcolumn373, .resindexaddcolumn211 {
        width: 100%;
    }


        .resaddcolumn374 > div {
            width: 100%;
            display: block;
        }

            .resaddcolumn374 > div:first-child {
                margin-right: 0;
            }

    .resindexaddcolumn217, .resindexaddcolumn218, .resindexaddcolumn221 {
        width: 48.335%;
    }

    .resindexaddspacercolumn41 {
        width: 3.33%;
        height: inherit;
    }

    .resindexparafloatleft-3.resindexaddcolumn217 + .resindexparafloatleft-4.resindexaddspacercolumn40 {
        display: none;
    }

    .resindexparafloatleft-3.resindexaddcolumn221 + .resindexparafloatleft-4.resindexaddspacercolumn40{
        display: none;
    }
}


/* ############################### MAX 640 ################################## */
@media screen and (max-width: 640px) {

    .start .div_content_top .resaddcolumn346 {
        display: none;
    }

    .start .div_content_bottom .resaddcolumn346 {
        width: 100%;
    }

    .start .div_content_bottom .resaddspacercolumn40 {
        width: 0;
        height: 0;
    }

    .resaddcolumn260 {
        width: 100%;
    }

    .resindexaddcolumn153, .resindexaddcolumn221, .resindexaddcolumn171, .resindexaddcolumn217, .resindexaddcolumn218, .resindexaddcolumn346, .resindexaddcolumn347, .resindexaddcolumn116, .resindexaddcolumn693, .resindexaddcolumn462, .resindexaddcolumn231 {
        width: 100%;
    }

}