/* ==========================================================================
   media queries
   ========================================================================== */

.breakpoint {
    background: #ff7777;
    border-radius: 12px;
    bottom: 24px;
    color: #fff;
    display: none;
    font-size: 16px;
    letter-spacing: 4px;
    line-height: 24px !important;
    opacity: .75;
    padding: 0 10px 2px;
    position: fixed;
    right: 24px;
    text-align: center;
    width: auto;
    z-index: 1000;
}

.breakpoint:before { content: "phone" }


@media only screen and (max-width: 1200px) {
    .bg { background-image: url('/fileadmin/swissef/img/bg/1_1200.jpg'); }
}


@media only screen and (max-width: 1024px) {
    .breakpoint { background: #fc0; }
    .breakpoint:before { content: "tablet" }

    html { font-size: 14px; }
    .bg { background-image: url('/fileadmin/swissef/img/bg/1_1024.jpg'); }

    .nav { display: none; }
    .pagefooter { display: none; }

    .main { display: block; height: auto; width: 90%; }
    .sidebar { display: flex; margin-bottom: 8px; }
    .no-cssgrid .sidebar { float: none; width: 100%; }
    .page-home .content { height: auto; width: 100%; }
    .no-cssgrid .content { float: none; height: auto; width: 100%; }

    .logo-swissef { flex-grow: 1; margin: 0 8px 0 0; padding: 6px 0 8px; }
    a.logo-swissef__link { height: 64px; width: 132px; }
    .menu-btn { display: block; width: 68px }

    .frame-space-after-large { margin-bottom: 100px; }
    .frame-space-after-medium { margin-bottom: 50px; }
    .frame-space-after-small {  margin-bottom: 25px; }
    .frame-space-before-large {  margin-top: 100px; }
    .frame-space-before-medium {  margin-top: 50px; }
    .frame-space-before-small {  margin-top: 25px; }
    .font-size--l { font-size: 21px; }
    #stiftungsrat { margin-top: 0; }
    figcaption.image-caption { margin: 4px 0 8px; }

    .hero { min-height: 250px !important; }
    h1.hero__h1 { font-size: 32px; }
    .hero__hr { border-top: 2px solid #d92424; margin: 16px auto; width: 300px; }
    .hero__icon { height: 31px; margin: 16px auto 0; width: 58px; }

    .content ul { padding: 0 0 0 20px; }
    .content ul > li:before { margin-left: -20px; width: 20px; }

    .columns { display: block; }
    .column--50 { display: block; height: auto; margin-bottom: 8px; width: 100%; }

    .ge-box--white { margin-bottom: 8px; padding: 18px 25px; }

    ul.nav-sub { line-height: 1.5; margin-bottom: 8px; padding: 18px 25px; position: relative; }
    .ce-person { margin-bottom: 16px; }
    .ce-person__img { float: none; margin: 0 0 8px; max-width: 100%; }

    /*.ge-box--white--fullheight { height: auto; }*/

    label { display: block; font-size: 14px; margin-bottom: 4px; }
    input[type="text"], input[type="email"], select, textarea { font-size: 14px; margin-bottom: 16px; padding: 4px; }
    input[type="submit"] { background: #d92424; border-color: #d92424; color: #fff; font-size: 14px; padding: 4px 8px; width: 100%; }

    .tx-powermail { margin: -8px -16px; padding: 16px; }
    .tx-powermail .powermail_fieldwrap_datenschutzbestimmungen  { margin: 4px 0 24px; }
    ul.parsley-errors-list { font-size: 14px; margin: 0 0 8px; }

    .cr_form { margin: -8px -16px; padding: 16px; }
    .cr_button {background: #d92424; border-color: #d92424; color: #fff; font-size: 14px; padding: 4px 8px; width: 100%; }

    .ce-donator { margin-bottom: 16px; padding: 0 0 16px 0; }
    .ce-donator__content { display: block; }
    .ce-donator__img-wrap { margin-bottom: 4px; width: 40%; }
    /*.ce-donator__text { margin-bottom: 16px; }*/

    .content #form_kesearch_pi1 { margin-bottom: 16px; padding: 8px; }
    .content #form_kesearch_pi1 .submitbutt input[type="submit"] { height: 20px; right: 3px; top: 3px; width: 20px; }
    .content .tx-kesearch-pi1 #kesearch_num_results { margin-bottom: 16px; }
    .content .tx-kesearch-pi1 .result-list-item { margin-bottom: 16px; }

    .news-list-view .gutter-sizer { width: 8px; }
    .news-list-view .grid-article { margin-bottom: 8px; padding: 0 20px 20px 20px; width: 100%; }

    .news-list-view .grid-article h2 { font-size: 21px; margin: 34px 0 14px; max-width: 80%; }
    .news-list-view .grid-article .news-list-date { margin-right: 16px; padding: 3px 8px 3px; text-align: center; width: 50px; }
    .news-list-view .grid-article .news-list-date-month { font-size: 27px; }
    .news-list-view .grid-article a.more { height: 18px; right: 16px; top: 16px; width: 18px; }

    .latest-article { margin-bottom: 8px; padding: 20px; }
    /*.latest-article--fixed { position: fixed; top: 0; }*/
    .latest-article .news-img-wrap { float: none; margin-right: 0; width: 100%; }
    .latest-article__text { float: none; width: 100%; }
    .latest-article h2 { font-size: 21px; margin: 0 0 10px; max-width: 100%; }
    .latest-article a.more { height: 18px; right: 16px; top: 16px; width: 18px; }
}


@media only screen and (max-width: 767px) {
    .bg { background-image: url('/fileadmin/swissef/img/bg/1_768.jpg'); }
    .cookie_text { float: none; margin-bottom: 2em; max-width: 100%; }
    #tx_cookies_accept input[type="submit"] { float: none; width: 100%; }
}


@media only screen and (max-width: 480px) {
    .bg { background-image: url('/fileadmin/swissef/img/bg/1_480.jpg'); }
}


@media only screen and (max-width: 320px) {
    .bg { background-image: url('/fileadmin/swissef/img/bg/1_320.jpg'); }
}


@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}


/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}