
@media only screen and (min-width: 5px) and (max-width: 959px) {

    body.overview_folder .row2_content .grid-16, body.overview_folder .row2_content .main-content, body.layout_four h1.onscreen, body.layout_four .columns, body.layout_four .onecolumn {
        margin-left: 2%;
        margin-right: 2%;
    }
    body.overview_folder .row2_content .grid-16 {
        width:96%;
    }

    body.layout_four ul.onlytoptasks.columns {
        margin-left: auto;
        margin-right: auto;
    }

    body.layout_four ul.topsix.columns {
        margin-left: 0;
        margin-right: 0;
        margin-top: 10px;
    }

    .breadcrumbs {
        margin-left: 2%;
    }

    #calamity {
        width: 96%;
        margin: 1em 2%;
        box-sizing: border-box;
    }

    .grid-11 .grid-11 {
        margin: 0;
        width: 100%;
        float: none;
        display: block;
        overflow: hidden;
    }

    .grid-11 .grid-7 {
        margin: 0;
        width: 75%;
    }

    #row2.row2_content .columns.two .column,
    #row2.row2_content .columns.three .column,
    #row2.row2_content .columns.four .column {
        margin-bottom: 1em;
    }

    .contentrow > .section{
        margin-left: 0;
        margin-right: 0;
    }

    .columns {
        margin-left: 2%;
        margin-right: 2%;
    }

    .row2_content .columns {
        margin-left: 0;
        margin-right: 0;
    }

    .document img {
        max-width: 100%;
    }

    .section.search-results a.item-photo img {
        max-width: 80px;
    }

    #product-description, #product-conditions, #product-price, #product-details, #product-application, #product-order {
        margin-top: 0;
    }

    .container.search-filters {
        margin: 0;
        position: static;
        width: 100%;
    }

    .container .container-content.filter-list {
        margin: 0;
    }

    #side-content.columns.three .column {
        width: 49%;
    }

    .with-background #accessibility-tools,
    #accessibility-tools {
        top: 74px;
        right: 10px;

        margin: 0;
        left:auto;
    }

    div#accessibility-tools .readspeaker {
        z-index: 2;
    }

    div#accessibility-tools .readspeaker .rsbtn_colorskin {
        margin-left: 0;
    }

    div#accessibility-tools .readspeaker .rsplaying {
        background-color: #FFFFFF;
        position: absolute;
        top: 0;
        z-index: 2;
    }

    div#accessibility-tools .webreader .rsbtn.rsexpanded .rsbtn_exp,
    div#accessibility-tools .webreader .rsbtn.rsexpanded .rsbtn_exp .rsbtn_status_overlay,
    div#accessibility-tools .webreader .rsbtn.rsexpanded .rsbtn_exp .rsbtn_exp_inner,
    div#accessibility-tools .webreader .rs_addtools.toolsopen .rsbtn_toolpanel .rsbtn_tools,
    div#accessibility-tools .webreader .rsbtn.toolsopen .rsbtn_toolpanel .rsbtn_tools {
        width: 248px;
        height: 33px;
    }

    div#accessibility-tools .webreader .rs_addtools .rsbtn_toolpanel .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer .rsbtn_toollist li .rsbtn_tool,
    div#accessibility-tools .webreader .rsbtn .rsbtn_toolpanel .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer .rsbtn_toollist li .rsbtn_tool {
        padding: 6px 6px 7px;
    }

    div#accessibility-tools .webreader .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item {
        padding: 0 7px !important;
    }

    div#accessibility-tools .webreader .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_progress_container .rsbtn_progress_played {
        top: 16.2px;
    }

    div#accessibility-tools .webreader .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_progress_container .rsbtn_progress_handle {
        top: 9.44px;
    }

    div#accessibility-tools .webreader .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_progress_container::before {
        top: 14.2px;
    }

    div#accessibility-tools div#styleselect {
        position: absolute;
        top: 0;
        right: 0px;
        z-index: 10010;
    }

    div#quicklinks li.last-child {
        float: none;
        padding: 0;
        background-color: transparent;
    }

    div#quicklinks li.last-child a {
        color: #168394;
    }
    .highcontrast div#quicklinks li.last-child a {
        color: #000000;
    }

    .content-wrapper {
        min-height: 0;
        overflow: visible;
    }

    #row1 {clear:both;}

    div#header {
        height: 94px;
    }

    ul.dropdownmenu {
        transition: none;
    }

    ul.toptasks h2.toptasks_tab {
        transition: all 500ms ease 0s;
    }

    .menu-horizontal li.active .first-child {
        margin-left: 0;
    }

    /* Common styles of menus */
    .moremenu {
        display: none;
    }

    .maxmenu {
        display: block;
    }

    ul.dropdownmenu li a.item-link {
        font-size: 1rem;
    }

    ul.dropdownmenu li a.item-link.active {
        font-weight: bold;
    }

    #menu_wide {
        background-color: #168394;
        border-bottom: 0em solid #4F4F4F;
        height: 40px;
        position: relative;
        float:right;
        right: 1em;
        top: 0;
        width: 40px;
        cursor: pointer;
        left: auto;
    }
    .highcontrast #menu_wide {background-color: #000000;}

    .secondary_menu_to_high #menu_wide {border-bottom:0}

    #menu-icon {
        height: 40px;
        width: 40px;
        border-width: 0;
        background-color: #168394;
        display: block;
        text-indent:-999999em;
        box-sizing:border-box;
        overflow:hidden;
    }
    .highcontrast #menu-icon {color: #000000;}

    body.menutype_horizontal #dl-menu.dl-menuwrapper a, body.menutype_dual #dl-menu.dl-menuwrapper a, body.menutype_horizontal #dl-menu.menu-horizontal a, body.menutype_dual #dl-menu.menu-horizontal a {
        padding: 8px 15px;
    }

    ul.menu-horizontal a,
    ul.menu-horizontal a:hover,
    ul.menu-horizontal a:focus,
    ul.menu-horizontal .moremenu .dropdownmenu a:hover,
    ul.menu-horizontal .moremenu .dropdownmenu a:focus {
        background-color: #168394;
        color: #0062a0;
    }
    .highcontrast ul.menu-horizontal a,
    .highcontrast  ul.menu-horizontal a:hover,
    .highcontrast ul.menu-horizontal .moremenu .dropdownmenu a:hover {
        background-color: #000000;
        color: #ffffff;
    }

    ul.menu-horizontal .item-link {
        text-align: left;
    }

    .menu-horizontal li {
        list-style: none;
    }

    .menu-horizontal li:hover a,
    .menu-horizontal li.active a,
    .menu-horizontal li:hover span,
    .menu-horizontal li.active span {
        width: 100%;
        box-sizing: border-box;
    }

    ul.dropdownmenu,
    ul.dropdownmenu li,
    ul.dropdownmenu li a.item-link {
        width: 100%;
        box-sizing: border-box;
    }

    .menu.dropdownmenu.show-menu {
        position: static;
        width: 100%;
        padding: 0;
    }
    .menu-horizontal li > ul.dropdownmenu {display:none;}
    ul.dropdownmenu li {float:none;}
    .menu-horizontal li.active > ul.dropdownmenu,
    .menu-horizontal li.active:hover > ul.dropdownmenu {
        display: block;
        left: 0em;
        position: relative;
        top: 0em;
        visibility: visible;
        opacity: 1;
        width: auto;
        box-shadow: 0 0 0 0 #FFFFFF;
        padding: 0;
        overflow: hidden;
        min-height:auto;
    }

    ul.dropdown li:hover ul.dropdownmenu {
        left: -99999em;
        top: 34px;
        z-index: 1;
        display: none;
    }

    #dl-menu,
    body.menutype_horizontal ul#dl-menu,
    body.menutype_dual ul#dl-menu {
        left: 0;
        margin-left: -230px;
        position: absolute;
        top: 40px;
        display: none;
        z-index: 15;
        width: auto;
        max-height:60vh;
        overflow-y:auto;
        overflow-x:hidden;
    }

    body.menutype_horizontal ul.dropdownmenu li,
    body.menutype_dual ul.dropdownmenu li {
        width: 100%;
        float:none;
    }

    body.menutype_horizontal #dl-menu ul.dropdownmenu li a.item-link,
    body.menutype_dual #dl-menu ul.dropdownmenu li a.item-link {
        padding: 7px 15px
    }

    div#menu_wide .active > ul.nav {
        display: block;
    }

    #menu_wide:after {
        background: none repeat scroll 0 0 #FFFFFF;
        box-shadow: 0 9px 0 #FFFFFF, 0 18px 0 #FFFFFF;
        content: "";
        height: 4px;
        left: 15%;
        position: absolute;
        top: 9px;
        width: 70%;
    }

    .nav li {
        float: none;
        margin-top: 0em;
        position: static;
        z-index: 3;
    }

    .nav li.active ul {
        top: 0;
        margin-top: 0;
    }

    ul.menu-horizontal {
        position: static;
    }

    .menu-horizontal li {
        clear: both;
        position: relative;
        z-index: 3;
        margin-left: 0em;
        display:block;
    }

    ul.dropdownmenu {
        box-shadow: 0px 0px 0px 0px #999999;
        opacity: 1;
    }

    .moremenu ul.dropdownmenu {
        visibility: visible;
    }

    .sub a.item-link {
        margin-top: 0em;
    }

    .moremenu ul.dropdownmenu,
    .moremenu a:hover > ul.dropdownmenu {
        display: block !important;
        left: 0 !important;
        position: relative;
        top: 0 !important;
        width: 100%;
    }

    .moremenu a.item-link {
        display: none;
    }

    .moremenu ul.dropdownmenu a.item-link {
        display: block;
    }

    .moremenu #dropdownactive {
        margin-top: 0;
    }

    .moremenu ul.dropdownmenu li a.item-link {
        padding: 8px 18px;
    }

    ul.secnav {
        position: relative;
        width: 100%;
    }

    ul.secnav li {
        position: relative;
    }

    ul.dropdownmenu li {
        display: block;
    }

    ul.dropdownmenu li.first-child, ul.dropdownmenu li {
        float: left;
    }

    #dropdownactive > li {
        margin-left: 0;
    }

    .menu-horizontal li.first-child {
        margin-left: 0em;
        width: 270px;
    }

    li.moremenu span.item-link {
        padding-right: 22em;
        top: 0.1em;
        width: 27em;
    }

    ul.dropdownmenu li {
        border-bottom: 1px solid #ff8708;
    }
    .highcontrast ul.dropdownmenu li {
        border-bottom: 1px solid #000000;
    }

    ul.dropdownmenu li.active .hiddenmenu li.first-child {
        border-top: 1px solid #ff8708;
    }
    .highcontrast ul.dropdownmenu li.active .hiddenmenu li.first-child {
        border-top: 1px solid #000000;
    }

    ul.dropdownmenu li.last-child {
        border-width: 0;
    }

    ul.dropdownmenu li a.item-link {
        background-color: #badbe0;
        padding: 8px 18px;
        font-size: 1.083rem;
    }
    .highcontrast ul.dropdownmenu li a.item-link {background-color: #b3b3b3;}

    ul.dropdownmenu li a.item-link:focus,
    ul.dropdownmenu li a.item-link:hover {
        background-color: #d1e7ea;
    }
    .highcontrast ul.dropdownmenu li a.item-link:focus,
    .highcontrast ul.dropdownmenu li a.item-link:hover {background-color: #cccccc;}


    .secnav .moremenu {display:none;}
    .menu-horizontal li.maxmenu {display:block;}
    li.active > ul.dropdownmenu li .hiddenmenu {
        display: block;
    }
    .secnav li:hover ul.hiddenmenu {
        display: block;
    }

    .grid-5.sub.nav,
    #sub {
        display: none;
    }

    ul.dropdownmenu li.active .hiddenmenu a.item-link {
        padding: 5px 30px;
        background-color: #e9f4f5;
    }
    .highcontrast ul.dropdownmenu li.active .hiddenmenu a.item-link {background-color: #e6e6e6;}

    ul.dropdownmenu li.active .hiddenmenu a.item-link :focus,
    ul.dropdownmenu li.active .hiddenmenu a.item-link :hover {
        background-color: #ffffff;
    }
    .highcontrast ul.dropdownmenu li.active .hiddenmenu a.item-link :focus,
    .highcontrast ul.dropdownmenu li.active .hiddenmenu a.item-link :hover {
        background-color: #ffffff;
    }

    #positioning, .contentrow, div#header {
        width: 100% !important;
    }

    #sub2 {
        display: block;
    }

    #sub2 li.active, #sub2 li.active ul li {
        display: block;
    }

    .with-background .quicklinks {
        background-color: #168394;
        border-radius: 0;
    }
    .highcontrast.with-background .quicklinks {background-color: #000000;}

    .with-background .quicklinks {
        background: none;
        border-radius: 0;
    }

    .with-background #footer .quicklinks {
        background-color: #168394;
        border-radius: 0;
    }
    .highcontrast.with-background #footer .quicklinks {background-color: #000000;}

    .with-background #footer_columns {
        width: auto;
    }

    a#logo {
        padding-top: 10px;
    }

    a#logo img {
        max-height: 84px;
        max-width: 250px;
    }

    div#quicklinks {
        right: 0;
    }

    div#quicklinks ul.quicklinks {
        float: right;
    }

    form#quicksearch {
        top: 94px;
        right: 65px;
        z-index: 9997;
        left:auto;
        width:295px;
    }

    form#quicksearch input.text {
        padding: 8px 35px 9px 0.4em;
        width: 295px;
    }

    form#quicksearch input.submit {
        height: 36px;
    }

    .slider {
        background-color: #FFFFFF;
    }

    div#slideshow ul#slides {
        height: 100% !important;
        width: 100% !important;
    }

    div#slideshow ul#slides li {
        height: 100% !important;
        width: 100% !important;
        margin-bottom: 0;
        background-color: #FFFFFF;
    }

    div#slideshow ul#slides li img {
        height: auto;
        width: 100%;
    }

    div#slideshow ul#nav {
        top: 6px;
        left: 1%;
        right: auto;
        bottom: auto;
    }

    .newsdescription {
        margin-left: 1%;
        width: 98%;
        left: 0;
        background-color: #FFFFFF;
        display: block;
    }

    .newsdescription h2 a {
        font-size: 1.25rem;
    }

    .gallery_description {
        display: none;
    }

    .two .column .quickto h2,
    .two .column .fotobar h2,
    .two .column .fotobar h2 a,
    .three .column .quickto h2,
    .three .column .fotobar h2,
    .three .column .fotobar h2 a,
    .fotobar h2 a,
    .fotobar_three h2 a,
    ul.toptasks h3.toptasks_title,
    a.item-title,
    #slider h2 {
        font-size: 1.333rem;
        font-weight: normal;
    }

    .row2_content .section {
        overflow-x: auto;
    }
}


@media only screen and (min-width: 5px) and (max-width: 512px) {
    html {
		font-size:14px;
    }
    body {
        
    }
    .breadcrumbs {
        line-height:2;
    }

    a#logo {
        max-width: 145px;
        padding: 10px 0 0 0;
    }

    a#logo img {
        max-width: 100%;
        max-height: 76px;
        margin: 0;
    }

    #header .container-sessions span {
        display: none;
    }

    .menu-horizontal li.active ul.secnav {
        top: 0;
        margin-top: 0;
    }

    .moremenu ul.dropdownmenu li a.item-link {
        margin-left: 0;
        width: 100%;
    }

    ul.dropdownmenu li a.item-link {
        font-size: 13px;
    }

    #shoppingcart-session .container-content li {
        float: none;
    }

    #sub {
        position: relative;
        width: 100%;
        margin-top: 0 !important;
        top: auto;
    }

    #sub li {
        width: 100%;
    }

    #sub2 {
        display: block;
    }

    #sub2 li.active, #sub2 li.active ul li {
        display: block;
    }

    .first-child .item-link {
        margin-top: 0em;
    }

    #passport_active {
        display: none;
    }

    form#quicksearch {
        width:245px;
    }

    form#quicksearch input.text {
        border: 1px solid #555555;
        border-radius: 0px;
        width: 100%;
        box-sizing: border-box;
    }

    form#quicksearch button.submit {
        display: block;
    }

    .with-background #accessibility-tools, #accessibility-tools {
        width: 300px;
        left: auto;
    }

    div#accessibility-tools .webreader .rsbtn.rsexpanded .rsbtn_exp .rsbtn_status_overlay,
    div#accessibility-tools .webreader .rs_addtools.toolsopen .rsbtn_toolpanel,
    div#accessibility-tools .webreader .rsbtn.toolsopen .rsbtn_toolpanel,
    div#accessibility-tools .webreader .rs_addtools.toolsopen .rsbtn_toolpanel .rsbtn_tools,
    div#accessibility-tools .webreader .rsbtn.toolsopen .rsbtn_toolpanel .rsbtn_tools,
    div#accessibility-tools .webreader .rsbtn.rsexpanded .rsbtn_exp,
    div#accessibility-tools .webreader .rsbtn.rsexpanded .rsbtn_exp .rsbtn_exp_inner {
        width: 100% !important;
        box-sizing: border-box;
        height: 35px;
    }

    div#accessibility-tools .webreader .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause {
        border-left-width: 0 !important;
    }

    div#accessibility-tools .webreader .rsbtn_status_overlay {
        width: 100%;
        height: 35px;
        padding: 9px 0 0 9px !important;
        top: 0;
        left: 0;
        border: 1px solid #000000;
    }


    #bannerfoto .header_text {
        right: 1em;
        margin-top: 2em;
    }

    .overview .row2_content #menu_wide {
        top: 6.58em;
    }

    .row2_content .section {
        width: 100%;
        transition: all 500ms ease 0s;
    }

    .row2_content div.announcements {
        margin-left: 1em;
    }

    .row2_content table.announcements {
        margin-left: 0em;
    }

    .three .column {
        margin-top: 1em;
    }

    .row3_overview {
        bottom: 55em;
    }

    #menu_wide {
        left: auto;
        transition: all 500ms ease 0s;
    }

    #menu-icon {
        display: block;
    }

    #dl-menu {
        top: 36px;
    }

    .contentrow {
        width: 100% !important;
        margin: 0;
    }

    #positioning,
    .pip .breadcrumbs {
        width: 100% !important;
    }

    .content-area {
        margin-top: 0;
    }

    .contentrow > .section.folder ul.columns.four li.column,
    .contentrow .onecolumn .section.folder ul.columns.four li.column,
    .two .column,
    .three .column,
    .four .column,
    .five .column,
    .two .column.width-66,
    .two .column.width-33 {
        width: 100%;
        margin: 0;
    }

    .columns {
        margin-left: 2%;
        margin-right: 2%;
    }

    .row2_content .columns {
        margin-left: 0;
        margin-right: 0;
    }


    .briefing .resultfilters .three .column {
        width: 49%;
    }

    #product-description, #product-conditions, #product-price, #product-details, #product-application, #product-order {
        margin: 0;
    }

    #product-application .two.columns {
        margin-left: 0;
        margin-right: 0;
    }

    #product-application .two.columns .column.address {
        width: 100%;
        margin: 0 0 1em;
    }

    #product-application .two.columns .column.address.omega {
        margin-top: 1.4em;
    }

    .quickto a {
        color: #4F4F4F;
    }

    .quickto,
    .column .container {
        margin-left: 0em;
        margin-bottom: 0em;
    }

    .column .container {
        margin-bottom: 1em;
    }

    .columns {
        margin-left: 2%;
        margin-right: 2%;
    }

   /* .fotobar a {
        max-height: 10.9em;
        overflow: hidden;
    }*/

    .fotobar a img {
        margin-top: 0em;
        margin-bottom: 0.3em;
        width: 100%;
    }

    .fotobar_three img {
        width: 100%;
    }

    ul.pagerbar {
        padding: 16px 0;
        text-align: left;
    }

    ul.pagerbar li {
        display: inline-block;
    }

    ul.pagerbar li.current {
        margin-bottom: 1em;
        padding: 0.25em 0.7em;
    }

    form.simpleform #react-message {
        width: 97%;
    }

    table.announcements th, table.overview td {
        padding: 0.2em 0;
    }

    table.announcements tbody th,
    table.overview tbody td,
    table.announcements thead th {
        text-align: left;
    }

    .grid-5 {
        width: 96%;
    }

    .push-5 {
        left: 0px;
    }

    .grid-7 {
        width: 96%;
    }

    .grid-10 {
        width: 96%;
    }

    .grid-11 {
        width: 96%;
    }

    .grid-6 {
        width: 96%;
    }

    .pull-11 {
        left: 0px;
    }

    .grid-16 {
        width: 96%;
    }

    .sub {
        position: relative;
        top: 0;
        display: block;
    }

    .sub2 {
        display: none;
        background-color: #ffffff;
        position: relative;
        z-index: 1;
    }

    .sub2 .sub {
        position: static;
    }

    .sub .main li.active ul,
    .sub .main li.active ul li a,
    .sub .main li ul li.first-child {
        top: 11.5em;
    }

    .related_bg {
        background: none;
        padding: 0;
    }
    #content-footer .commentfield p {
        float: none;
    }

    .container_aside,
    .container_aside.poll.result {
        width: 99%;
    }

    .softlinks_items p {
        width: 85%;
    }

    .two .column,
    .three .column,
    .four .column,
    .five .column {
        margin-bottom: 1em;
        width: 100%;
    }

    .related_bg:before {
        background: none;
        padding: 1em;
    }

    ul.item_tab li a img {
        width: 80px;
    }


    .life_productcatalog {
        float: left;
        position: relative;
        width: 98%;
    }

    .life_productcatalog .container {
        margin-left: 0;
    }

    #topproducts, #product-themes {
        float: left;
        width: 100%;
    }

    #topproducts li.column, .one li.column {
        width: 98%;
        margin-bottom: 0;
    }

    #product-themes ul li.theme {
        margin-bottom: 1em;
        min-height: 0;
    }

    .search-productcatalog .alphabet .inline li {
        margin: 0 auto;
    }

    .life_productcatalog .items > li,
    #product-themes ul.three li.theme {
        width: 100%;
    }

    #scrollto, #get_box, #webmetric {
        width: 100%;
        margin: 0 0 1em;
        height: auto;
    }

    #product-description {
        clear: both;
    }


    ul.pagerbar {
        width: 99%;
    }

    .container.search-filters {
        margin: 0;
        position: static;
        width: 100%;
    }


    .comment p.comment-meta {
        width: 45%;
    }

    .comment .text {
        margin-left: 49%;
    }

    div#content-footer {
        width: 100%;
        box-sizing: border-box;
        min-height: 1px;
        overflow: hidden;
    }

    span.objectinfo {
        margin: 0;
    }

    .float-right {
        float: none;
    }

    .inline.icon-list {
        margin-left: 0em;
        height: 3em;
    }

    ul.toptasks ul.item_tab li a {
        width: 100%;
        height: auto;
    }

    ul.toptasks .active h2.toptasks_tab {
        padding-bottom: 0;
    }

    ul.toptasks ul.item_tab li {
        width: 31%;
        margin: 0 1%;
    }

    ul.toptasks .active h3.toptasks_title {
        word-break: normal;
        hyphens: auto;
        word-wrap: break-word;
    }

    ul.toptasks ul.item_tab li a span,
    ul.item_tab ul li a {
        color: #595959;
    }

    ul.toptasks .active ul, ul.toptasks .active .documentview_toptasks {
        margin-top: 0em;
        position: absolute;
        z-index: 1;
        width: auto;
    }

    #content-footer .inline.icon-list {
        clear: none;
        width: auto;
        margin: 0;
        height: auto;
    }

    .column-two-third, .column-one-third {
        width: 100%;
    }

    #announcements-filters .two .column {
        width: 100%;
        height: 6em;
    }

    form.simpleform .question {
        width: 100%;
    }

    form.simpleform .form-row .question,
    form.simpleform .two-columns .question,
    form.simpleform .three-columns .question,
    form.simpleform .four-columns .question {
        width: 100%;
        margin: 0 0 1em;
    }

    dl.details dd {
        display: table;
    }

    .tabs.emocracy li {
        padding-right: 1px;
    }

    ul.tabs.emocracy a, ul.tabs.emocracy span {
        font-size: 10px;
        padding: 0.2em 5px 4px;
    }

    .emocracy .vote-box strong {
        width: 14px;
    }

    .emocracy .subjects .item-text .description {
        padding-right: 0px;
    }

    .emocracy .item-text {
        width: 58.7%;
    }

    .emocracy .no-photo {
        width: 76%;
    }

    .emocracy .item-image > img {
        width: 100%;
    }

    .permit .column-one-third {
        width: 100%;
    }

    .ogone {
        margin-top: 7em;
    }

    .grid-11 .emocracy .subjects .items li {
        width: 98%;
    }

    .emocracy .item-text {
        width: 100%;
    }

    .emocracy .subjects .items li {
        width: 98%;
    }

    .search_suggestions dd {
        margin-left: 0.5em;
        width: 69%;
    }

    #digid_popup {
        left: 5%;
        right: 5%;
        top: 5%;
    }

    ul.toptasks li.active ul.item_tab {
        position: static;
        overflow: hidden;
        height: auto;
        margin-bottom: 2em;
    }

    ul.toptasks li.active .documentview_toptasks {
        height: 242px;
    }

    .toptaskscontainer {
        min-height: 295px;
        height: auto;
    }

    ul.toptasks ul.item_tab li {
        width: 100%;
        margin: 0;
    }

    ul.toptasks ul.item_tab li a,
    ul.toptasks ul.item_tab li a span {
        height: auto;
        text-align: left;
        overflow: hidden;
        padding-top: 0;
    }

    ul.toptasks ul.item_tab li a img {
        width: 32px;
        float: left;
        margin-right: 10px;
        vertical-align: middle;
    }

    ul.toptasks .active h3.toptasks_title {
        width: auto;
    }

    ul.item_tab,
    .documentview_toptasks {
        margin-left: 120px;
    }

    ul.toptasks h2.toptasks_tab,
    ul.toptasks #tab5 h2.toptasks_tab {
        width: 114px;
        margin-right: 2px;
        border-right: 0;
    }

    ul.toptasks li:last-child h2 {
        border-bottom-width: 0;
    }

    ul.toptasks #tab1 h2.toptasks_tab {
        border-bottom: 1px solid #FFFFFF;
        top: 0;
        left: 0;
        z-index: 2;
    }

    ul.toptasks #tab2 h2.toptasks_tab {
        top: 50px;
        left: 0;
        z-index: 1;
    }

    ul.toptasks #tab3 h2.toptasks_tab {
        top: 100px;
        left: 0;
        z-index: 1;
    }

    ul.toptasks #tab4 h2.toptasks_tab {
        top: 150px;
        left: 0;
        z-index: 1;
    }

    ul.toptasks #tab5 h2.toptasks_tab {
        top: 200px;
        left: 0;
        z-index: 1;
    }

    ul.toptasks h3.toptasks_title {
        font-size: 15px;
        margin: 0 0 0 120px;
        padding: 8px 0.5em;
    }

    .basic_information ul.details li {
        float: none;
        width: 100% !important;
        text-align: left !important;
    }

    #row3 #side-content.columns.two .grid-11,
    #row3 #side-content.columns.two .column {
        width: 100%;
        margin: 0
    }

    /* formdesigner */
    form.simpleform label, form.simpleform p.label, .formreqs label, form.simpleform .checkfields legend {
        line-height: 3;
    }
    form.simpleform li label {line-height:1.5;}

    form.simpleform a.hint-toggle {
        float: right;
        height: 40px;
        width: 33px;
    }

    form.simpleform a.hint-toggle::before {
        width: auto;
        font-size: 200%;
        line-height: 1;
    }

    form.simpleform .form-row {
        margin: 0;
    }
    form.simpleform span.hint.hidden {position:absolute;}
    form.simpleform span.hint {position:static;}
    .gmnoprint {display:none;}

    div.map div {width:100%;}
    div.map input.autocomplete {left:10px !important; font-size:1rem; letter-spacing:0; }
}


@media only screen and (min-width: 513px) and (max-width: 767px) {
    .grid-5 {
        width: 96%;
    }

    .grid-5 #side-content .column {
        width: 48%;
        float: left;
    }

    .grid-5 #side-content .column.first-column {
        margin-right: 2%;
        clear: left;
    }

    .grid-5 #side-content .column.last-column {
        margin-left: 2%
    }

    #row3 #side-content.columns.two .grid-11,
    #row3 #side-content.columns.two .column {
        width: 100%;
        margin: 0
    }
    .two .column.width-66,
    .two .column.width-33 {width:48%;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .grid-11.push-5 {
        width: 96%;
    }
    ul.items.masonry-list {margin-left:5px;}
}

@media only screen and (min-width: 513px) and (max-width: 959px) {
    .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16 {
        margin: 0 2%;
    }

    .grid-10,
    .grid-11 {
        width: 59%;
        margin-right: 1%;
    }

    .grid-6,
    .grid-5 {
        width: 35%;
        margin-left: 1%;
    }

    ul.toptasks ul.item_tab li {
        width: 31%;
        margin: 0 1%;
    }

    #shoppingcart-session .container-content li {
        float: none;
    }

    #wrapper {
        padding-top: 0px;
    }

    .first-child .item-link {
        margin-top: 0em;
    }

    form#quicksearch input.text {
        border: 1px solid #555555;
        border-radius: 0px;
    }

    #sub {
        width: 100%;
    }

    #sub li {
        width: 100%;
    }

    #passport_active {
        display: none;
    }

    #bannerfoto .header_text {
        right: 1em;
        margin-top: 2em;
    }

    .row2_content {
        margin-bottom: 0em;
    }

    .row2_content .section {
        width: 100%;
        transition: all 500ms ease 0s;
    }

    .row2_content div.announcements {
        margin-left: 1em;
    }

    .row2_content table.announcements {
        margin-left: 0em;
    }

    #content-footer {
        min-height: 1px;
    }

    h2.sub-heading {
        clear: both;
    }

    .row3_overview {
        bottom: 55em;
    }

    .contentrow {
        width: 100%;
        margin: 0;
    }

    .content-area {
        margin-top: 0;
    }

    div#styleselect a {
        padding-left: 10px;
    }

    .toptaskscontainer {
        height: 466px;
    }

    ul.toptasks ul.item_tab li {
        width: 48%;
        margin: 0 1%;
    }

    ul.toptasks li.active ul.item_tab,
    ul.toptasks li.active .documentview_toptasks {
        height: 415px;
        position: relative;
    }

    ul.toptasks .active ul {
        position: absolute;
        z-index: 1;
    }

    ul.toptasks .active h2.toptasks_tab {
        padding-bottom: 0;
        z-index: 2;
    }

    ul.item_tab,
    .documentview_toptasks {
        margin-left: 120px;
    }

    ul.toptasks h2.toptasks_tab,
    ul.toptasks #tab5 h2.toptasks_tab {
        width: 114px;
        margin-right: 2px;
        border-right: 0;
    }

    ul.toptasks li:last-child h2 {
        border-bottom-width: 0;
    }

    ul.toptasks #tab1 h2.toptasks_tab {
        border-bottom: 1px solid #FFFFFF;
        top: 0;
        left: 0;
        z-index: 2;
    }

    ul.toptasks #tab2 h2.toptasks_tab {
        top: 50px;
        left: 0;
        z-index: 1;
    }

    ul.toptasks #tab3 h2.toptasks_tab {
        top: 100px;
        left: 0;
        z-index: 1;
    }

    ul.toptasks #tab4 h2.toptasks_tab {
        top: 150px;
        left: 0;
        z-index: 1;
    }

    ul.toptasks #tab5 h2.toptasks_tab {
        top: 200px;
        left: 0;
        z-index: 1;
    }

    ul.toptasks h3.toptasks_title {
        margin: 0 0 0 120px;
    }

    ul.toptasks .active h3.toptasks_title {
        width: auto;
        word-break: normal;
        hyphens: auto;
        word-wrap: break-word;
    }

    ul.toptasks ul.item_tab li a span,
    ul.item_tab ul li a {
        color: #595959;
    }

    ul.toptasks .active ul, ul.toptasks .active .documentview_toptasks {
        margin-top: 0em;
        position: absolute;
        z-index: 1;
        width: auto;
    }

    .documentview_toptasks {
        padding: 0.5em;
        height: 70em;
        margin-left: 9.8em;
        overflow: hidden;
    }

    #slider .accordion-content .image_news {
        margin-left: 5px;
    }

    .two .column,
    .three .column,
    .four .column,
    .five .column {
        width: 48%;
        margin: 0 1% 1em;
    }

    .footer_website .column:nth-child(odd) {
        clear: left;
    }

    .row2_content .two .column:nth-child(odd),
    .row2_content .four .column:nth-child(odd) {
        margin: 1em 1% 0 0;
    }

    .row2_content .two .column:nth-child(even),
    .row2_content .four .column:nth-child(even) {
        margin: 1em 0 0 1%;
    }

    .three .column {
        width: 31.3333%;
        margin: 1em 1.5% 0;
    }

    #pip .three .column {
        width: 100%;
        margin: 0;
    }

    .three .column:nth-child(3n+1) {
        margin: 1em 1.5% 0 0;
    }

    .three .column:nth-child(3n+0) {
        margin: 1em 0 0 1.5%;
    }

    .columns {
        margin-left: 2%;
        margin-right: 2%;
    }

    .row2_content .columns {
        margin-left: 0;
        margin-right: 0;
    }

    .with-background .softlinks_items,
    .with-background .folder_items {
        min-height: 10em;
    }

    .quickto a {
        color: #4F4F4F;
    }

    .softlinks .fotobar {
        margin-bottom: 0;
    }


    .fotobar a img {
        margin-top: 0em;
        margin-bottom: 0.3em;
        width: 100%;
    }

    .fotobar_three img {
        width: 100%;
    }

    ul.pagerbar {
        padding: 16px 0;
        text-align: left;
    }

    ul.pagerbar li {
        display: inline-block;
    }

    ul.pagerbar li.current {
        margin-bottom: 1em;
        padding: 0.25em 0.7em;
    }

    form.simpleform #react-message {
        width: 97%;
    }

    table.announcements th, table.overview td {
        padding: 0.2em 0;
    }

    table.announcements tbody th,
    table.overview tbody td,
    table.announcements thead th {
        text-align: left;
    }

    .push-5 {
        left: 0px;
    }

    .grid-7 {
        width: 96%;
    }

    .grid-11 .grid-7 {
        width: 100%;
        margin: 0;
    }

    .grid-11 .grid-11 {
        width: 100%;
        margin: 0;
    }

    .pull-11 {
        left: 0px;
    }

    .grid-16 {
        width: 96%;
    }
    #content-footer .commentfield p {
        float: none;
    }

    .columns {
        overflow: hidden;
        margin-left: 2%;
        margin-right: 2%;
        margin-bottom: 1em;
    }

    #product-application .two.columns .column.address {
        margin: 0 0 2em;
    }

    #product-tips {
        clear: both;
    }

    /*.fotobar a {
        max-height: 8.75em;
        overflow: hidden;
    }*/

    .softlinks_items p {
        width: 85%;
    }


    .related_bg {
        background: none;
    }

    .result {
        float: left;
        margin-right: 0;
    }

    ul.item_tab li a img {
        width: 80px;
    }


    .life_productcatalog {
        float: left;
        position: relative;
        width: 98%;
    }

    .life_productcatalog .container {
        margin-left: 0;
    }

    #topproducts, #product-themes {
        float: left;
        width: 100%;
    }

    #topproducts a, #product-themes h3 {
        font-size: 1em
    }

    .one li.column {
        width: 48%;
        margin-bottom: 0;
    }

    #topproducts li.column {
        width: 48%;
        margin: 0 0 1em 0;
        float: none;
    }

    #topproducts li.column.first-column {
        clear: none;
    }

    #topproducts li.column.last-column {
        margin: 0 0 1em 0;
    }

    #topproducts li.column.odd {
        margin-right: 2%;
        float: left;
    }

    #topproducts li.column.even {
        margin-left: 2%
    }

    #product-themes ul li.theme {
        margin-bottom: 1em;
        min-height: 0;
    }

    .search-productcatalog .alphabet .inline li {
        margin: 0 auto;
    }

    .life_productcatalog .items > li,
    #product-themes ul.three li.theme {
        width: 47%;
    }

    #product-themes ul li.theme.last-child {
        margin-right: 2%;
    }

    .container.search-filters {
        margin: 0;
        position: static;
        width: 100%;
    }

    .softlinks_items, .folder_items {
        min-height: 11.3em;
    }

    .read-more.photo {
        left: 0;
    }

    .softlinks .fotobar_description, .hardlinks .fotobar_description {
        margin-top: 0;
    }

    #announcements-filters .two .column {
        width: 100%;
        height: 6em;
    }

    .briefing .resultfilters .three .column {
        width: 31.4%;
    }

    #shoppingcart-session ul.subitems {
        margin-top: 24px;
    }

    form.simpleform .three-columns .question,
    form.simpleform .four-columns .question {
        width: 100%;
        margin: 0;
    }

    dl.details dd {
        display: table;
    }

    .ogone {
        margin-top: 7em;
    }

    .grid-11 .emocracy .subjects .items li {
        width: 48%;
    }

    #digid_popup {
        left: 14%;
        right: 14%;
        top: 6%;
    }

    div#slideshow ul#nav {
        top: 6px;
        left: 1%;
        right: auto;
        bottom: auto;
    }

    .newsslider div#slideshow, .newsslider div#slideshow #slides li {
        width: 100% !important;
    }

    .newsdescription {
        margin-left: 1%;
        left: 0;
        width: 98%;
    }
}

@media only screen and (min-width: 600px) and (max-width: 751px) {
    .read-more.photo {
        left: 7.7em;
    }

    .briefing .resultfilters .three .column {
        margin-right: -30px;
    }
}

@media only screen and (min-width: 700px) and (max-width: 751px) {
    ul.toptasks .active h3.toptasks_title {
        padding-right: 1.15em;
    }

    div#slideshow ul#nav {
        top: 6px;
        left: 1%;
        right: auto;
        bottom: auto;
    }

    .newsslider div#slideshow, .newsslider div#slideshow #slides li {
        width: 100% !important;
    }

    .newsdescription {
        margin-left: 1%;
        left: 0;
        width: 98%;
    }
}

@media only screen and (min-width: 752px) and (max-width: 859px) {
    .read-more.photo {
        left: 7.7em;
    }

    #content-footer .inline.icon-list {
        width: auto;
        clear: none;
        margin: 0;
    }

    .briefing .resultfilters .three .column {
        margin-right: -30px;
    }

}


@media only screen and (min-width: 860px) and (max-width: 959px) {
    .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16 {
        margin: 0 2%;
    }

    .grid-10,
    .grid-11 {
        width: 59%;
        margin-right: 1%;
    }

    .grid-5,
    .grid-6 {
        width: 35%;
        margin-left: 1%;
    }

    .columns {
        margin-left: 2%;
        margin-right: 2%;
    }

    ul.toptasks ul.item_tab li {
        width: 31%;
        margin: 0 1%;
    }

    .slider {
        background-color: #FFFFFF;
    }

    .nav.grid-4.pull-12 {
        left: -5px;
        position: absolute;
        top: 0;
    }

    .contentrow {
        width: 100%;
    }

    .push-5 {
        left: 0;
    }

    .grid-16 {
        width: 96%;
    }

    .nav #sub li {
        width: 100%;
    }

    .with-background #header .contentrow {
        height: 9em;
    }

    .container .container-content {
        margin: 5em 0 0;
    }

    #shoppingcart-session .container-content {
        margin-top: 0;
    }

    .container-sessions .container p.container-content {
        margin: 0;
    }

    .content-wrapper {
        min-height: auto;
    }
}


@media only screen and (min-width: 960px) {
    .moremenu {
        display: block;
    }

    .maxmenu {
        display: none;
    }

    #logo img {
        position: relative;
        z-index: 1;
    }

    #dl-menu {
        display: block;
    }

    #menu-icon {
        display: none;
    }

    .dl-animate-in-2 {
        display: block;
    }

    #menu_wide {
        background-color: #168394;
        right: 0em;
    }
    .highcontrast #menu_wide {background-color: #000000;}

    ul.toptasks ul .item_tab {
        margin-left: 2em;
    }

    .nav li {
        width: auto;
    }
}

@media only screen and (min-width: 861px) and (max-width: 1184px) {
    #digid_popup {
        left: 30%;
        right: 30%;
        top: 6%;
    }
}

@media only screen and (min-width: 800px) {
    .menu-horizontal li {
        list-style: none;
    }

    .briefing .resultfilters .three .column {
        margin-right: -22px;
    }

    #product-application .two.columns {
        margin: 0;
    }

    #product-application .two .column {
        width: 48.5%;
    }
}

@media screen and (max-width: 767px) {
    .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16 {
        margin: 0 2%;
    }

    .grid-10,
    .grid-11 {
        width: 96%
    }

    .grid-5,
    .grid-6 {
        width: 96%;
    }

    .toptaskscontainer,
    .toptasks div.image,
    .slider {
        margin-bottom: 2em;
    }

    .toptasks div.image .image {
        width: 100%;
    }

    div#slideshow ul#slides {
        background-color: #FFFFFF;
    }

    div#slideshow ul#slides li img {
        width: 100%;
        height: auto;
    }

    div#slideshow ul#slides {
        height: 100% !important;
        width: 100% !important;
    }

    div#slideshow ul#slides li {
        height: 100% !important;
        width: 100% !important;
        margin-bottom: 0;
    }

    .toptaskscontainer {
        background-color: transparent
    }

    #bannerfoto {
        display: none;
    }

    #social-follow {
        margin: 0 2%;
        width: auto;
        padding: 0 0 0 1em;
    }

    .onecolumn .mapoverview.landing .visitaddress,
    .onecolumn .mapoverview.landing .postaddress,
    .two.columns .mapoverview.landing .visitaddress,
    .two.columns .mapoverview.landing .postaddress,
    .onecolumn .mapoverview.landing .mappointtext,
    .two.columns .mapoverview.landing .mappointtext {
        float: none;
        margin: 0;
        width: 100%;
    }
}


/* slider */
@media screen and (min-width: 5px) and (max-width: 359px) {
    div#slideshow {
        height: 168px;
    }

    .toptaken div#slideshow {
        height: 253px;
    }
}

@media screen and (min-width: 360px) and (max-width: 374px) {
    div#slideshow {
        height: 184px;
    }

    .toptaken div#slideshow {
        height: 278px;
    }
}

@media screen and (min-width: 375px) and (max-width: 639px) {
    div#slideshow {
        height: 191px;
    }

    .toptaken div#slideshow {
        height: 288px;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    div#slideshow {
        height: 298px;
    }

    .toptaken div#slideshow {
        height: 413px;
    }

    .gallery_description {
        display: block;
    }
}

@media screen and (min-width: 768px) and (max-width: 959px) {
    div#slideshow {
        height: 382px;
    }

    .toptaken div#slideshow {
        height: 382px;
    }

    .gallery_description {
        display: block;
    }
}

@media (pointer: coarse) {
    /* Dropdownmenu Hover fix for touchscreens */
    .dropdowntrigger li.touchinactive > a {
        pointer-events: none;
    }

    .dropdowntrigger li.touchactive > a {
        pointer-events: auto;
    }
}

@media screen and (max-width: 959px) {
    ul.masonry-list {margin-left:10px;}
}
@media screen and (max-width: 767px) {
    ul.items.masonry-list {height:auto;}
    ul.items.masonry-list.masonrycolumn2 li.grid-sizer,
    ul.items.masonry-list.masonrycolumn3 li.grid-sizer,
    ul.items.masonry-list.masonrycolumn4 li.grid-sizer,
    ul.items.masonry-list.masonrycolumn2 li.grid-item,
    ul.items.masonry-list.masonrycolumn3 li.grid-item,
    ul.items.masonry-list.masonrycolumn4 li.grid-item {width:99%;}
}