@CHARSET "UTF-8";

/* definitions for news */
.newsborderline {
    bottom: -10px;
    position: absolute;
    width: calc(100% - 20px);
    border-top: 1px solid #000;
}

.teaser-am-suisse .newsborderline {
    border-color: #6f7c7d;
}

.teaser-agrotec .newsborderline {
    border-color: #79b420;
}

.teaser-metaltec .newsborderline {
    border-color: #0086c4;
}

.teaser-farriertec .newsborderline {
    border-color: #f07d00;
}

.news-teaser-box {
    position: relative;
    margin-bottom: 20px;
}

.news-teaser-box h3 {
    margin-top: 0;
}

.news-teaser-box .cfNews-image {
    margin-bottom: 20px;
}

.teaser-am-suisse .news-title, .teaser-am-suisse .more.arrow-right-after,
.customtable.teaser-am-suisse,
.am-suisse .readmore,
.am-suisse .readmore:link,
.am-suisse .readmore:hover,
.am-suisse .readmore:focus,
.am-suisse .readmore:active,
.am-suisse .readmore:visited {
    color: #6f7c7d;
}

.teaser-agrotec .news-title, .teaser-agrotec .more.arrow-right-after,
.customtable.teaser-agrotec,
.agrotech-suisse .readmore,
.agrotech-suisse .readmore:link,
.agrotech-suisse .readmore:hover,
.agrotech-suisse .readmore:focus,
.agrotech-suisse .readmore:active,
.agrotech-suisse .readmore:visited {
    color: #79b420;
}

.teaser-metaltec .news-title, .teaser-metaltec .more.arrow-right-after,
.customtable.teaser-metaltec,
.metaltec-suisse .readmore,
.metaltec-suisse .readmore:link,
.metaltec-suisse .readmore:hover,
.metaltec-suisse .readmore:focus,
.metaltec-suisse .readmore:active,
.metaltec-suisse .readmore:visited {
    color: #0086c4;
}

.teaser-farriertec .news-title, .teaser-farriertec .more.arrow-right-after,
.customtable.teaser-farriertec,
.farriertec-suisse .readmore,
.farriertec-suisse .readmore:link,
.farriertec-suisse .readmore:hover,
.farriertec-suisse .readmore:focus,
.farriertec-suisse .readmore:active,
.farriertec-suisse .readmore:visited {
    color: #f07d00;
}

.content-wrapper .teaser-am-suisse .more.arrow-right-after:after,
.content-wrapper .am-suisse .readmore:after {
    background-position: 0 -126px;
}

.content-wrapper .teaser-agrotec .more.arrow-right-after:after,
.content-wrapper .agrotech-suisse .readmore:after {
    background-position: 0 -42px;
}

.content-wrapper .teaser-metaltec .more.arrow-right-after:after,
.content-wrapper .metaltec-suisse .readmore:after {
    background-position: 0 -454px;
}

.content-wrapper .teaser-farriertec .more.arrow-right-after:after,
.content-wrapper .farriertec-suisse .readmore:after {
    background-position: 0 -370px;
}

.row-default-line .teaser-am-suisse,
.row-default-line .am-suisse {
    border-bottom: 1px solid #6f7c7d;
}

.row-default-line .teaser-agrotec,
.row-default-line .agrotech-suisse {
    border-bottom: 1px solid #79b420;
}

.row-default-line .teaser-metaltec,
.row-default-line .metaltec-suisse {
    border-bottom: 1px solid #0086c4;
}

.row-default-line .teaser-farriertec,
.row-default-line .farriertec-suisse {
    border-bottom: 1px solid #f07d00;
}

@media (max-width: 1023px) {
    .row-default-line .teaser-am-suisse,
    .row-default-line .am-suisse,
    .row-default-line .teaser-agrotec,
    .row-default-line .agrotech-suisse,
    .row-default-line .teaser-metaltec,
    .row-default-line .metaltec-suisse,
    .row-default-line .teaser-farriertec,
    .row-default-line .farriertec-suisse {
        /*margin-bottom: 30px;*/
    }
}

@media (max-width: 767px) {
    .news-teaser-box,
    .cfNews-list .cfNews-flex {
        margin-bottom: 0;
    }
}

.am-suisse-page .teaser-am-suisse .more.arrow-right-after {
    color: #e50064;
}

.am-suisse-arrow-right-after:after {
    background: url(../Images/am-suisse_x1.png) no-repeat top left;
}

.am-suisse-page .content-wrapper .cfNews-list .teaser-amsuisse a,
.am-suisse-page .content-wrapper .cfNews-detail a,
.am-suisse-page .content-wrapper .cfEvents-detail a,
.am-suisse-page .content-wrapper a.readmore {
    color: #e50064;
    text-decoration: none;
}

.readmore:hover:after,
.am-suisse-page .content-wrapper a.readmore:after,
.am-suisse-page .am-suisse-arrow-right-before:hover:before,
.am-suisse-page .am-suisse-arrow-right-after:hover:after,
.am-suisse-page .am-suisse-arrow-right-before:before,
.am-suisse-page .am-suisse-arrow-right-after:after,
.am-suisse-page .content-wrapper .teaser-am-suisse .newslist .more.arrow-right-after:after,
.am-suisse-page .content-wrapper .cfNews-detail .more.arrow-right-after:after,
.am-suisse-page .content-wrapper .cfEvents-detail .more.arrow-right-after:after {
    background-position: 0 -1469px;
}

.newslist iframe {
    /* Hard override because the dynamic js sizing has a caveat. */
    height: 100% !important;
}


@media screen and (max-width: 481px) {
    /* Bildbreite reduzieren, linksbündig ausrichten
     Abstand rechts neben dem Bild */
    .newslist .cfNews-image .img-responsive {
        width: 40%;
        float: left;
        margin-right: 10px;
    }

    .newslist .cfNews-image .videoWrapper {
        width: 40%;
        float: left;
        margin-right: 10px;
        padding: 0;
    }

    /* Titel Schriftgrösse */
    .news-teaser-box .newslist h3 {
        font-size: 16px;
    }

    /* Weiterlesen Link ausblenden */
    .newslist .more.arrow-right-after {
        display: none;
    }

    /* Bestehende Linie unterhalb der News Beiträge ausblenden */
    .row-default-line .teaser-am-suisse,
    .row-default-line .teaser-metaltec,
    .row-default-line .teaser-agrotec,
    .row-default-line .teaser-farriertec {
        border-bottom: none;
    }

    /* Neue Linie oberhalb der News Beiträge einblenden */
    .cfNews-list .cfNews-row::before {
        content: ""; /* This is necessary for the pseudo element to work. */
        display: block; /* This will put the pseudo element on its own line. */
        /*! margin: 0 auto; */ /* This will center the border. */
        /*! width: 100%; */ /* Change this to whatever width you want. */
        padding-top: 10px; /* This creates some space between the element and the border. */
        border-top: 0px solid black; /* This creates the border. Replace black with whatever color you want. */
    }

    /* Neue Linie oberhalb des ersten News Beitrags ausblenden */
    /*    .cfNews-list .cfNews-flex:first-child .cfNews-row-first::before {
            border-top: none;
        }*/
    .newsTextDesktop, .newsTitleDesktop {
        display: none;
    }

    .videoWrapper {
        position: relative;
        height: 100px;
    }
}

@media screen and (min-width: 481px) {
    .newsTextMobile, .newsTitleMobile {
        display: none;
    }
}