/*
************************************************************
Styles:     flix//theme
Project:    interaktiv manufaktur - 320px Responsive CSS
Copyright:  (c) 2021 Interaktiv Manufaktur
Website:    www.interaktiv-manufaktur.de
************************************************************
*/


@media only screen and (min-width: 0px) and (max-width: 1000px) {

    .mobile {
        display:block;
    }

    .nomobile,
    .nav1,
    .nav2-canvas {
        display:none;
    }

    #head-canvas {
        width: 100%;
    }

    #header-right {
        display:none;
    }

    #page-canvas {
        width:100%;
    }


    #logo {
        height:63px;
        width:244px;
        background-size:244px 63px;
        margin: 0 0 20px 3%;
    }

    #claim {
        margin:6px 3% 0 0;
    }




    /* *************************************************
    *** Navigation
    ************************************************* */
    #nav-mobile-canvas {
        border-bottom:2px solid #23547f;
    }

    #nav-mobile-canvas .navbox {
        float:left;
        cursor:pointer;
        height:40px;
        width:32.66%;
        margin-right:1%;
        display:block;
        background-color:#d9d9d8;
        border-radius:10px 10px 0 0;
    }

    #nav-mobile-canvas .navbox.navbutton{
        margin-right:0;
    }

    #nav-mobile-canvas .navbox:hover,
    #nav-mobile-canvas .navbox.active {
        background: #2370b2; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIzNzBiMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMzU0N2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #2370b2 0%, #23547f 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2370b2), color-stop(100%,#23547f)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #2370b2 0%,#23547f 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #2370b2 0%,#23547f 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #2370b2 0%,#23547f 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #2370b2 0%,#23547f 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2370b2', endColorstr='#23547f',GradientType=0 ); /* IE6-8 */
    }

    #nav-mobile-canvas span {
        background-image:url(../_images/ic_nav-mobile.png);
        background-size:152px 84px;
        background-repeat: no-repeat;
        display:block;
        margin:9px auto;
    }

    #nav-mobile-canvas span.suche {
        height:22px;
        width:23px;
        background-position:left top;
    }

    #nav-mobile-canvas span.home {
        height:22px;
        width:25px;
        background-position:-63px top;
    }

    #nav-mobile-canvas span.menue {
        height:22px;
        width:24px;
        background-position:-128px 2px;
    }

    #nav-mobile-canvas .navbox:hover span.suche,
    #nav-mobile-canvas .navbox.active span.suche {
        background-position:left bottom;
    }

    #nav-mobile-canvas .navbox:hover span.home,
    #nav-mobile-canvas .navbox.active span.home {
        background-position:-63px bottom;
    }

    #nav-mobile-canvas .navbox:hover span.menue,
    #nav-mobile-canvas .navbox.active span.menue {
        background-position:-128px -60px;
    }



    /* ********** mobile-search********** */
    #mobile-search {
        width:100%;
        display:none;
        background: #23547f; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIzNTQ3ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMzcwYjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #23547f 0%, #2370b2 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#23547f), color-stop(100%,#2370b2)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #23547f 0%,#2370b2 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #23547f 0%,#2370b2 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #23547f 0%,#2370b2 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #23547f 0%,#2370b2 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23547f', endColorstr='#2370b2',GradientType=0 ); /* IE6-8 */
    }

    #mobile-search .searchform {
        float: left;
        margin: 15px 3%;
        width:100%;
    }

    #mobile-search .searchform .eingabe {
        width: 90%;
        background-image:none;
        padding: 0 5px 0 10px;
    }



    /* ********** nav1-mobile ********** */
    .nav1-mobile {
        position:relative;
        margin:0;
        overflow:hidden;
        width:100%;
        border-radius:0;
        display:none;
        z-index:80;
        font-family:klavika-regular, arial, sans-serif;
        font-size:18px;
        background: #23547f; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIzNTQ3ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMzcwYjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #23547f 0%, #2370b2 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#23547f), color-stop(100%,#2370b2)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #23547f 0%,#2370b2 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #23547f 0%,#2370b2 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #23547f 0%,#2370b2 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #23547f 0%,#2370b2 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23547f', endColorstr='#2370b2',GradientType=0 ); /* IE6-8 */
    }

    .nav1-mobile-item {
        float:left;
        width:100%;
    }

    .nav1-mobile-item:first-child {
        display:none;
    }

    .nav1-mobile-link,
    .nav1-mobile-link:visited {
        float:left;
        min-height:21px;
        width:94%;
        color:#ffffff;
        padding:12px 3% 12px 3%;
        display:block;
        border-radius:0;
        text-align: left;
    }

    .nav1-mobile-link.active span {
        background:url(../_images/nav3_arrow.png) left 7px no-repeat;
        background-size:9px 8px;
        padding-left:14px;
        display:block;
    }

    .nav1-mobile-link.subnav,
    .nav1-mobile-link.subnav:visited,
    .nav1-mobile-link.subnav2,
    .nav1-mobile-link.subnav2:visited {
        float:left;
        width:47%;
        padding:12px 0 12px 3%;
    }

    .subnav-nav-trigger {
        float:left;
        padding: 12px 3% 12px 0;
        width: 47%;
        cursor:pointer;
    }

    .subnav-nav-trigger span {
        float:left;
        height:21px;
        width: 100%;
        background:url(../_images/ic_subnav-trigger_1.png) right 5px no-repeat;
        background-size:11px 64px;
    }

    .subnav-nav-trigger.opened span {
        background-position:right -47px;
    }

    .nav2-mobile {
        width:100%;
        display:none;
        margin-left:0;
        background-color:#d9d9d8;
    }

    .nav2-mobile-item {
        width:100%;
        display:block;
    }

    .nav2-mobile-link {
        width:94%;
        padding:12px 3% 12px 3%;
        border-left:0;
        color:#676766;
        display:inline-block;
    }

    .nav2-mobile-link.active span {
        background:url(../_images/nav3_arrow_grey.png) left 7px no-repeat;
        background-size:9px 8px;
        padding-left:14px;
        display:block;
    }

    .nav2-mobile .subnav-nav-trigger span {
        float:left;
        height:21px;
        width: 100%;
        background:url(../_images/ic_subnav-trigger_2.png) right 5px no-repeat;
        background-size:11px 64px;
    }

    .nav2-mobile-link.subnav,
    .nav2-mobile-link.subnav:visited {
        float:left;
        min-height:21px;
        width:47%;
        padding:12px 0 12px 3%;
    }

    .nav2-mobile-item:hover .nav2-link {
        color:#0000ff;
        border-left:0;
    }


    .nav3-mobile {
        display:none;
        width:100%;
        position:relative;
        background-color:#e7e7e7
    }

    .nav3-mobile-item {
        width:100%;
        display:block;
    }

    .nav3-mobile-link{
        width:94%;
        padding:12px 3% 12px 3%;
        border-left:0;
        color:#676766;
        display:inline-block;
    }

    .nav3-mobile-link.active span {
        background:url(../_images/nav3_arrow_grey.png) left 7px no-repeat;
        background-size:9px 8px;
        padding-left:14px;
        display:block;
    }

    .nav2-mobile-item:hover .nav3 {
        display:none;
    }




    /* *************************************************
    *** Slider
    ************************************************* */
    #slider {
        width:100%;
        height:auto;
        border-radius:0;
        margin-bottom:0;
    }

    #slider img {
        width:100%;
        height:auto;
    }

    #slider .text {
        position:relative;
        top:0;
        width:94%;
        height:auto;
        padding: 10px 3% 10px 3%;
        background: #23547f; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIzNTQ3ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMzcwYjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #23547f 0%, #2370b2 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#23547f), color-stop(100%,#2370b2)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #23547f 0%,#2370b2 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #23547f 0%,#2370b2 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #23547f 0%,#2370b2 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #23547f 0%,#2370b2 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23547f', endColorstr='#2370b2',GradientType=0 ); /* IE6-8 */
    }

    #slider .kat {
        font-size:12px;
        margin:0;
        line-height:14px;
    }

    #slider .headline,
    #slider .subheadline {
        font-size:16px;
        line-height:16px;
    }

    #slider .image_copyright {
        bottom:initial;
        top:-3px;
    }

    #slider .text-zitat {
        position:relative;
        top:0;
        width:94%;
        height:auto;
        line-height: 24px;
        font-size: 20px;
        padding: 10px 3% 10px 3%;
        color:#ffffff;
        background: #23547f; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIzNTQ3ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMzcwYjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #23547f 0%, #2370b2 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#23547f), color-stop(100%,#2370b2)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #23547f 0%,#2370b2 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #23547f 0%,#2370b2 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #23547f 0%,#2370b2 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #23547f 0%,#2370b2 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23547f', endColorstr='#2370b2',GradientType=0 ); /* IE6-8 */
    }

    #slider .text-zitat .sign {
        font-size:30px;
    }

    #slider .text-zitat .overflow {
        overflow:visible;
        height:auto;
    }





    #main-canvas {
        width:100%;
        margin-bottom:0;
        display:block;
    }


    /* *************************************************
    *** Content
    ************************************************* */
    #content-canvas,
    #content-canvas.pagetype-start,
    .article-page #content-canvas,
    .teaser-overview-canvas {
        width:94%;
        padding:0 3%;
    }

    #breadcrumb-canvas {
        margin-top:10px;
    }

    #headline-container {
        height:auto;
        min-height:62px;
    }


    /* ****** map-page ****** */
    #map-overlay {
        position:inherit;
        right:inherit;
        top:inherit;
        width:100%;
        display:inline-block;
    }

    #map-overlay .searchform {
        float:none;
    }



    /* *************************************************
    *** Info
    ************************************************* */
    #info-canvas {
        width:94%;
        padding:50px 3% 0 3%;
        margin:0;
    }

    .article-page #info-canvas {
        width:94%;
        margin-top:50px;
        padding:0 3%;
    }




    /* *************************************************
    *** Footer
    ************************************************* */
    #footer-canvas {
        width:94%;
        padding:15px 3%;
        bottom:inherit;
    }

    #footer-container {
        width:100%;
        margin:0;
    }

    .footerbox {
        width:81px;
        padding-right: 7%
    }

    .scrolltotop {
        margin-top:30px;
    }

    #claim-footer {
        display:none;
    }





    /* *************************************************
    *** Pageelements
    ************************************************* */

    /* ********** image-intro-main ********** */
    .image-intro-main img {
        width:100%;
        height:auto;
    }



    /* ********** texteditor-main ********** */
    .texteditor-main .image,
    .texteditor-main .image.detail_portrait {
        float:none;
        border-radius:0;
        margin-bottom:15px;
    }


    /* ********** person-main ********** */
    .person-main .image {
        margin-bottom:10px;
        border-radius:0;
    }

    .person-main .text {
        width:100%;
    }


    /* ********** image-main ********** */
    .image-main.contentmain_portrait img {
        width:100%;
        max-width:390px;
    }



    /* ********** overview-pages ********** */
    .overview-pages .text {
        display:none;
    }

    .overview-pages .image-container {
        width:30%;
        margin-right:5%;
    }

    .overview-pages .image {
        width:100%;
        height:auto;
    }

    .overview-pages .text-container {
        width:65%;
    }

    #content-canvas .overview-pages .subheadline {
        font-size:16px;
        line-height:18px;
    }

    .overview-pages h2,
    .overview-pages h2 a {
        font-size: 16px;
        line-height: 18px;
    }



    /* ********** newsblog ********** */
    .newsblog h2 {
        font-size:21px;
        line-height:25px;
    }

    .newsblog .text {
        display:block;
    }

    .newsblog .newsticker-date-filter-wrapper {
        float:none;
    }


    /* ********** news-list ********** */
    .news-blog .topic-filter .left,
    .news-list .topic-filter .left {
        width:100%;
    }

    .news-blog .topic-filter a,
    .news-list .topic-filter a {
        float:left;
        margin-top:5px;
    }


    /* ********** news-detail ********** */
    .news-detail .contentmain_newslandscape .image-intro-main-container,
    .news-detail .contentmain_dina4 .image-intro-main-container {
        float:none;
    }

    .news-detail .contentmain_newslandscape .image-intro-main,
    .news-detail .contentmain_newslandscape .image-content-main,
    .news-detail .contentmain_dina4 .image-intro-main,
    .news-detail .contentmain_dina4 .image-content-main {
        margin:0 0 10px 0;
    }

    .news-detail .contentmain_newslandscape .intro-main,
    .news-detail .contentmain_dina4 .intro-main {
        display:inline-block;
    }

    .news-detail .contentmain_newslandscape img {
        width:100%;
        height:auto;
        max-width:366px;
    }

    .news-detail .contentmain_intro img {
        width:100%;
        height:auto;
        max-width:735px;
    }

    .news-detail .contentmain_intro_open img {
        width:100%;
        max-width:735px;
        height:auto;
    }

    .news-detail .gallery-image {
        display:inline-block;
    }




    /* ********** download-cat-main ********** */
    .download-cat-main .container {
        width:100%;
        border-top:0;
    }

    .download-cat-main .text {
        width:100%;
        margin-top: 5px;
    }



    /* ********** download-catlist-main ********** */

    .download-catlist-main .item {
        margin-bottom:60px;
    }

    .download-catlist-main .left {
        margin-bottom:15px;
    }

    .download-catlist-main .right,
    .article-page .publikation-main .right,
    .news-detail .download-catlist-main .right {
        width:100%;
    }

    .download-catlist-main .item-links {
        float:left;
        text-align:left;
    }

    .download-catlist-main .link-download,
    .download-catlist-main .link-shop {
        border-radius: 0 5px 0 0;
        float:none;
    }

    .download-catlist-main .subline,
    .article-page .publikation-main .subline,
    .news-detail .download-catlist-main .subline {
        width:100%;
        max-width:100%;
    }

    .download-catlist-main .link-download {
        margin-top:20px;
    }



    /* ********** video-intern-main / video-extern-main ********** */
    .video-extern-main iframe {
        height:auto !important;
        min-height:250px !important;
    }



    /* ********** faq detail********** */
    .faq {
        width:100%;
    }

    .faq #faq-slider {
        width:100%;
        max-width:715px;
    }

    .faq #faq-slider img {
        width:100%;
        max-width:715px;
        height:auto;
    }

    .slick-prev,
    .slick-next {
        height:45px;
        width:45px;
        background-size:45px auto;
    }



    /* ********** contact form ********** */
    .contactform {
        margin-bottom:50px;
    }

    .form-row label[for="-1"],
    .form-row label[for="-2"],
    .form-row label[for="gender-1"],
    .form-row label[for="gender-2"] {
        width:60px;
    }

    .form-row input[type="text"],
    .form-row input[type="password"] {
        width:92%;
    }

    .form-row select {
        width:94%;
    }

    label[for="optin_agb"] {
        width:100%;
    }

    .form-row input[type="checkbox"] {
        float:left;
    }

    .plz-ort-input-wrapper {
        width:100%;
    }

    .plz-input {
        width:25%;
        margin-right:2%;
    }

    .ort-input {
        width:73%;
    }

    .plz-input .textbox {
        width:77% !important;
    }

    .ort-input .textbox {
        width:85% !important;
    }

    .defaultform textarea,
    .form-row textarea {
        width:92%;
        max-width:none;
    }

    .button-submit {
        margin-left:0;
    }

    .pageElement-contactform {
        width:100%;
    }



    /* *************************************************
     *** Pageelements Info
     ************************************************* */
    .article-page .infobox.social-media {
        padding: 20px 10px 0;
    }



    /* *************************************************
*** PageElements Start
************************************************* */

    .teaserbox-wide .image-container {
        width: 40%;
    }
    .teaserbox-wide .image-container img {
        width: 100%;
    }
    .teaserbox-wide .content-container {
        width: 50%;
        padding: 0;
    }

    .teaserbox-publikation-main .item,
    .teaserbox-publikation-main .item.left,
    .teaserbox-publikation-main .item.right {
        width:96%;
        clear:both;
        float: none;
        display: block;

    }
    
    
    .teaserbuttons-wide .teaserbutton {
        clear:both;
        margin-bottom: 10px;
        width:90%;
    }


    /* *************************************************
    *** PageElements Overview
    ************************************************* */
    .teaser-overview-canvas {
        width: 94%;
        padding:0 3%;
        margin-bottom:50px;
    }

    .teaser-overview,
    .teaser-overview.nomargin {
        width:100%;
        margin:0 0 30px 0;
    }





    /* ********** PIWIK Custom Optout ********** */
    #optout {
        width:100% !important;
        height:330px !important;
    }

}