/* @import url("https://dl.dropboxusercontent.com/s/b2vve2khjt7gl2u/custom.css");*/
/* Version 1.9 Caritas TMP */ @import url("https://dl.dropboxusercontent.com/s/5zglx0bxd0tchqh/custom.css"); 

/* ========================================================================
   Component: Column -> https://getuikit.com/docs/column
 ========================================================================== */
[class*='uk-column-'] {
    column-gap: 30px;
    margin-bottom: 35px; /* CUSTOM: ABSTAND UNTEN */
}
/* Desktop and bigger */
@media (min-width: 1200px) {
    [class*='uk-column-'] {
        column-gap: 40px;
    }
}
/*
 * Fix image 1px line wrapping into the next column in Chrome
 */
[class*='uk-column-'] img {
    transform: translate3d(0, 0, 0);
}
/* Divider
 ========================================================================== */
/*
 * 1. Double the column gap
 */
.uk-column-divider {
    column-rule: 1px solid #e1e1e1; /* CUSTOM: FARBE TRENNLINIE */
    /* 1 */
    column-gap: 60px;
}
/* Desktop and bigger */
@media (min-width: 1200px) {
    .uk-column-divider {
        column-gap: 80px;
    }
}
/* Width modifiers
 ========================================================================== */
.uk-column-1-2 {
    column-count: 2;
}
.uk-column-1-3 {
    column-count: 3;
}
.uk-column-1-4 {
    column-count: 4;
}
.uk-column-1-5 {
    column-count: 5;
}
.uk-column-1-6 {
    column-count: 6;
}
/* Phone landscape and bigger */
@media (min-width: 640px) {
    .uk-column-1-2\@s {
        column-count: 2;
    }
    .uk-column-1-3\@s {
        column-count: 3;
    }
    .uk-column-1-4\@s {
        column-count: 4;
    }
    .uk-column-1-5\@s {
        column-count: 5;
    }
    .uk-column-1-6\@s {
        column-count: 6;
    }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
    .uk-column-1-2\@m {
        column-count: 2;
    }
    .uk-column-1-3\@m {
        column-count: 3;
    }
    .uk-column-1-4\@m {
        column-count: 4;
    }
    .uk-column-1-5\@m {
        column-count: 5;
    }
    .uk-column-1-6\@m {
        column-count: 6;
    }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
    .uk-column-1-2\@l {
        column-count: 2;
    }
    .uk-column-1-3\@l {
        column-count: 3;
    }
    .uk-column-1-4\@l {
        column-count: 4;
    }
    .uk-column-1-5\@l {
        column-count: 5;
    }
    .uk-column-1-6\@l {
        column-count: 6;
    }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
    .uk-column-1-2\@xl {
        column-count: 2;
    }
    .uk-column-1-3\@xl {
        column-count: 3;
    }
    .uk-column-1-4\@xl {
        column-count: 4;
    }
    .uk-column-1-5\@xl {
        column-count: 5;
    }
    .uk-column-1-6\@xl {
        column-count: 6;
    }
}
/* Make element span across all columns
 * Does not work in Firefox yet
 ========================================================================== */
.uk-column-span {
    column-span: all;
    float: none !important;
    margin: 25px 0 !important;  /* CUSTOM: ABSTäNDE */
}