/* =GLOBAL NEW ELEMENTS
-------------------------------------------------------------- */

/*GLOBAL*/
html { -webkit-tap-highlight-color: transparent; }
html.mobile { border: solid 3px red !important; }
html.mobile2 { border: solid 3px blue !important; }
#mobile-nav { display: none; }



.mediaQueryOutput { display:none; }
.debugMediaQuery .mediaQueryOutput { display:block; }
.mediaQueryOutput { position:fixed; bottom:75px; left:0px; margin:0px; padding:0px; width:100%; z-index:9999999999 !important; background:#FFC; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; }
.mediaQueryOutput span { display: block; margin:0px; padding:0px; text-align:center; width:100%; font-size: 1.8em; }
.mediaQueryOutput span:before { content:"> 1200px" }

.deviceIndex {position: relative; display: none; z-index: 1 !important; }


/*Bereich anpassungen an die Seiten Allgemein um
  überhaubt responsive zu werden */


/*.container_header { background:url(../../images/global/bg/bg_col2_header_part1.jpg) !important; } */
/*.container_header span { background:url(../../images/global/bg/bg_col2_header_part2.jpg) no-repeat top right !important; display:block !important; }*/
.container_header span { display:block !important; }


#col_left_middle_right #col3 { margin: -32px 0px 0px 0px; width: 490px !important; float:left; }
#col_left_middle_right #col2 { margin-top:-32px !important; }

#nav_bar { display:block; }

#col1 #nav_vertical .fa-chevron-right { display: none; }


#nav_vertical .menuSlideCurrent { position: relative; top:0px; left: 0px;  width: 100%; }
#nav_vertical .menuSlide { position: absolute; top:0px; left: -5000px; width: 280px; min-height: 500px;  width: 100%;   margin-bottom: 100px; }

.resSlider .bxSlider > li div > h2 {
    margin-top: 0px !important;
}

@media (max-width: 1242px ) {
    .mediaQueryOutput { background: #e0262c; }
    .mediaQueryOutput span:before { content:"1200px bis 1214px"; }

    #nav_top li:first-child {
        margin-left: 12px;
    }
    #nav_main li:first-child {
        margin-left: 12px;
    }
    #logo {
        margin-left: 12px;
    }
    #col1_content {
        padding-left: 12px;
    }
    .logoIHKWahl2019 {
        left: 317px;
    }
}


@media (max-width: 1200px ) {
    /*debug*/
    .mediaQueryOutput { background:darkcyan; }
    .mediaQueryOutput span:before { content:"992px bis 1200px"; }


    .deviceIndex {z-index: 2 !important;}

    .page_margins { width: 100%; }
    section#main > div { width: auto !important; }
    header > div { width: auto; }

    #nav_main li:first-child { margin-left: 12px; }
    #nav_main li a { padding: 6px 12px 12px 12px; font-size: 14px; }

    header .fastContact > div.language { margin-right: 12px; }
    #toolbar_bottom { margin-right: 12px; }
    #logo  { margin-left: 12px; }
    #nav_top li:first-child { margin-left: 12px; }

    #footer > div { width: 100%; }
    #footer .subcolumns .left { margin-right: 11.5%; padding-left: 1%; margin-left: 0px; }

    #footer #tbbar_partner { margin-bottom: 0px; }
    #footer #tbbar_partner span { display: inline-block; padding-bottom: 24px; }

    #col1_content { padding-left: 12px; }
    #col3 #col3_content .detail .content_tabs {/*width: 450px !important;*/}
    .tabrot { width: 68% !important; height: auto !important; margin-left: 0px; display: block !important; }
    .tabrot a { width: 100% !important; margin-left: 0% !important; display: block !important; }
    .tabrot a.current .tabbox { display: block !important; }
    .tabrot .customLink { display: none !important; }
    .tabrot .customLink.current { display: block !important; }

    #col3.anmeldung div.tabrot {height: 34px; width: 60% !important}
    .contentContact {padding-left:40px;}

    .responsiveLayer.open .contentLayer { margin-top: 8%; }

    #col3_content div.editor_content p img { max-width: 100%; }


    .t_wimartikel #col3 article > img {width: 100%; }

    .resSlider .bxSlider > li div > h2 {
        padding: 6px 12px 9px 12px;
    }


}

@media (max-width: 992px ) {


    /*html * { font-size:100.01%; }*/

    /*debug*/
    .mediaQueryOutput { background:#CFF; }
    .mediaQueryOutput span:before { content:"768px bis 992px"; }

    .deviceIndex {z-index: 3 !important;}

    #main { z-index: 1 !important; }

    .page_margins { width:100%; min-width:100%; max-width:100%;  }
    #top_header { background-color:#ffcc99; z-index: 9999 !important; }

    .logoIHKWahl2019 {
        z-index: 999999 !important;
        height: 48px;
        left: 190px;
        padding-top: 2px;
    }
    .logoIHKWahl2019 img {
        height: 48px;
    }

    /*
	.page_margins .page { padding:0px 10px 0px 10px !important; }
	*/

    #toolbar_top { display:none; }
    #toolbar_bottom { margin-right: 0px; }


    #nav_header { display:none; background-image:none !important; width:80%; height: 100% !important; position:fixed; top:54px; right:-80%; z-index:9999999999;  background-color:#003366;}
    #nav_header #nav_breadcrumb { display:none; }
    #nav_header #nav_social { display:none; }

    #nav_bar { height:auto !important;  display:none !important; }
    #nav_header #nav_top { width:100%; clear:both; }
    #nav_header #nav_top li { width:100%; display:block; text-align:left; float:none; }

    #nav_header #nav_main { width:100%; height:auto !important  }
    #nav_header #nav_main li { width:100%; display:block; text-align:left;  }
    #nav_main li a { font-size: 16px; line-height: 28px; padding-left:15px !important; }

    #toolbar_bottom { background-image:none !important; width:80%; height:100%; position:fixed; top:54px; right:-82%; z-index:9999;  background-color:#003366 !important; }
    #toolbar_bottom input[type=text] { box-sizing: border-box !important; font-size: 1.6em !important; line-height: 1.3 !important; margin-bottom: 1em !important;  width: 92% !important; z-index: 7777 !important; -webkit-appearance: none !important; -webkit-border-radius: 0px !important; }
    #tb_search_theme { display:none; }
    #tb_search_cat { display:none; }
    #tb_search_field { display:block !important; float:none !important; width:100% !important; }
    #tb_search_field span { display:block !important; float:none !important; width:100% !important; font-size:16px !important; line-height:24px !important; }
    #tb_search_field span { color:#fff !important; }
    #toolbar #tb_search { margin-left:17px; margin-top:25px; text-align:left !important; }
    #toolbar #tb_search #tb_search_field {  }
    #toolbar #tb_search #tb_search_btn { width:92% !important; background-position: top right !important; margin:0px !important; display:block; background-color:#ffffff;  }
    #toolbar #tb_search #tb_search_btn a { float:none !important; display:block; width:100%;  background-color:#ffffff; }
    #toolbar #tb_search #tb_search_btn a:hover, #toolbar #tb_search #tb_search_btn a:visited, #toolbar #tb_search #tb_search_btn a:active { float:none !important; display:block; width:100%; background-color:#ffffff !important; }
    #toolbar #tb_search #tb_search_btn { background-color:#ffffff !important; }


    #col1 { float:none; width:100%; display:none; overflow: hidden; }
    #col2 { float:none; width:auto; position:static; }
    #col3 { float:none; width:auto; margin:12px 0px 0px 0px !important; padding:0px !important; }
    #col3 #col3_content { margin:0px 0px 0px 0px !important; padding:0px !important; }

    #block-1 {display: table-footer-group; } /* Will be displayed at the bottom of the pseudo-table */
    #block-2 {display: table-row-group;    } /* Will be displayed in the middle */
    #block-3 {display: table-header-group; } /* Will be displayed at the top */

    .header_theme { width:100%; }
    #col2 .container { width:100%; position:static; }
    #col2 .container_header { }

    /*
	div.footer_col { float:none; width:98%; padding-left:12px; }
	#footer .container_link { width:94%; }
	*/

    #footer .subcolumns .left { width: 40%; float: left; ; margin-right: 5%; }
    #footer .subcolumns .middle { width: 24%; margin-right: 5%; }
    #footer .subcolumns .right { width: 24%; }

    #col2 .ap_image { float: left; width: 10%;   }
    #col2 .ap_description { width: 56%; }

    #col2 .teaser { width:94%; }

    div.footer_col { padding:0px; }
    .container_link { width:100% !important; position:static; }

    #main #col3_toolbar { padding-top: 12px; width: 100%; float: none; margin-left: 0%;  }

    .col_left_middle_right #col3 { margin-top: 40px !important; }
    .col_left_middle_right #col3 #col3_toolbar { padding-right: 0px !important; }

    .t_wimausgabe #col3_toolbar, .t_wimartikel #col3_toolbar { margin-left: 0% !important; width: 100%; }

    #col3_content >img#teaserimg { width:100%; }
    #main.col_left_middle #col3_content .detail .desc {width: 26%;}


    #top_header { position:fixed; height: 54px; width: 100% !important; margin-left: -10px; top: 0px; left: 0px; padding: 0px 10px; background-color:#fff; }
    #logo { top:0px; display:block !important; height:54px; overflow:hidden; }
    #logo img { height: 100%; }
    #main, .col_left_middle_right, .col_left_middle { margin-top:65px; }
    #main > div, .col_left_middle_right > div { padding: 0 2%; }

    #col1_content, #col2_content, #col3_content { position:static; }


    #col1_content {  height: 100%; }
    .gf1 #col1_content { border-left: 6px solid #e2001a; }
    .gf2 #col1_content {border-left: 6px solid #FFD505;}
    .gf3 #col1_content {border-left: 6px solid #7ab51d;}
    .gf4 #col1_content {border-left: 6px solid #009dd1;}
    .gf5 #col1_content {border-left: 6px solid #6d1f80;}
    .gf6 #col1_content {border-left: 6px solid #004c89;}


    /* =MOBILE NAVIGATION
      -------------------------------------------------------------- */
    #mobile-nav {
        background: #fff;
        display: block;
        height: 53px;
        width: 100%;
        right: 0;
        position: absolute;
        top: 0;
        border-bottom: 2px solid #003366 !important;

        z-index: 99999;
        /*
        box-shadow: 0 0 4px 1px #666;
        -moz-box-shadow: 0 0 4px 1px #666;
        -webkit-box-shadow: 0 0 4px 1px #666;
        */
    }

    #mobile-nav p {
             background: url(../../images/global/logos/logo-ihk-nbg-mobile-invers-text.svg) no-repeat 0 0 !important;
             height: 44px;
             left: 0;
             margin: 0;
             position: absolute;
             text-indent: -9999px;
             top: 0;
             width: 245px;
             background-size: 245px 44px;
             -moz-background-size: 245px 44px;
             margin-top: 4px;
             margin-left: 14px;
         }


    #mobile-nav p a {
        display: block;
        height: 100%;
        width: 100%;
    }

    #mobile-nav ul {
        position: absolute;
        right: 12px;
        top: 1px;
        z-index: 9999;
    }

    #mobile-nav ul li {
        display: block;
        margin: 0 0 0 0.750em;
        float:left;
    }

    #mobile-nav ul li a {
        display: block;
        height: 36px;
        width: 33px;
    }

    #mobile-nav ul li.search a {}
    #mobile-nav ul li.search a span { display: none; }
    #mobile-nav ul li.search a i { color: #093368; font-size: 2.4em; line-height: 1.8em; }

    #mobile-nav ul li.menu a { }
    #mobile-nav ul li.menu a span { display: none; }
    #mobile-nav ul li.menu a i { color: #093368; font-size: 2.4em; line-height: 1.8em; }

    #mobile-nav ul li.contact a { }
    #mobile-nav ul li.contact a span { display: none; }
    #mobile-nav ul li.contact a i { color: #093368; font-size: 2.4em; line-height: 1.8em; }

    /*
    #mobile-nav ul li.close a { display: none; }
    #mobile-nav ul li.close a span { display: none; }
    #mobile-nav ul li.close a i { color: #ffffff; font-size: 2.4em; line-height: 1.8em; }
    */

    /*
    .mobile-menu-active #nav_header {
        display: none; right: 0px;
    }
    */
    .mobile-search-active {
        position: fixed;
    }
    .mobile-search-active #toolbar_bottom {
        display: block; right: 0px; z-index: 999 !important;
        transition: .1s all ease;
        -moz-transition: .1s all ease;
        -webkit-transition: .1s all ease;
        -o-transition: .1s all ease;
        -ms-transition: .1s all ease;
    }

    /*
    .mobile-menu-active, .mobile-search-active { position: fixed; }
    .mobile-menu-active #main, .mobile-search-active #main {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
        filter: alpha(opacity=30);
        -moz-opacity: 0.3;
        -khtml-opacity: 0.3;
        opacity: 0.3;

        transition: .1s all ease;
        -moz-transition: .1s all ease;
        -webkit-transition: .1s all ease;
        -o-transition: .1s all ease;
        -ms-transition: .1s all ease;
    }
    */

    nav#col1 { float: none; display: block; position: fixed; width: 80% !important; height: 100%; background: #003366; margin: 0px; top: 54px; right: -80%; }
    .col_left_middle nav#col1 { float: none; display: block; position: fixed; width: 80% !important; height: 100%; background: #003366; margin: 0px; top: 52px; right: -80%; }
    .mobile-menu-active {
        position: fixed;
    }
    .mobile-menu-active nav#col1 {
        display: block; right: 0px; z-index: 999 !important;
        transition: .1s all ease;
        -moz-transition: .1s all ease;
        -webkit-transition: .1s all ease;
        -o-transition: .1s all ease;
        -ms-transition: .1s all ease;
    }

    .mobile-menu-active #col2, .mobile-menu-active #col3,
    .mobile-search-active #col2, .mobile-search-active #col3
    .mobile-contact-active #col2, .mobile-contact-active #col3
    {

        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
        /* IE 5-7 */
        filter: alpha(opacity=30);
        /* Netscape */
        -moz-opacity: 0.3;
        /* Safari 1.x */
        -khtml-opacity: 0.3;
        /* Good browsers */
        opacity: 0.3;

        transition: .1s all ease;
        -moz-transition: .1s all ease;
        -webkit-transition: .1s all ease;
        -o-transition: .1s all ease;
        -ms-transition: .1s all ease;
    }

    .mobile-contact-active {
        position: fixed;
    }
    .mobileContactMenu { float: none; display: block; position: fixed; width: 80%; height: 100%; background: #003366; margin: 0px; top: 54px; right: -80%; }
    .mobile-contact-active .mobileContactMenu {
        display: block; right: 0px; z-index: 999 !important;
        transition: .1s all ease;
        -moz-transition: .1s all ease;
        -webkit-transition: .1s all ease;
        -o-transition: .1s all ease;
        -ms-transition: .1s all ease;
    }
    .mobileContactMenu ul { list-style: none; }
    .mobileContactMenu li { list-style: none;  margin: 0px !important; padding: 0px; border-bottom: 1px solid #294a6b; margin-left: 0px; padding-left: 0px; }
    .mobileContactMenu a { font-size: 1.4em; line-height: 1.8em; color: #fff; padding-left: 16px; padding: 12px 12px 12px 16px; display: block; }
    .mobileContactMenu a:hover { text-decoration: underline; }
    .mobileContactMenu span { font-size: 1.4em; line-height: 1.8em; color: #fff; }


    #col1 #col1_content { padding: 0px; }
    #col1 #nav_vertical { }
    #col1 #nav_vertical p { color: #fff; padding:12px;  }
    #col1 #nav_vertical .forward {margin-top: 0px; }
    #col1 #nav_vertical .forward ul { }
    #col1 #nav_vertical .forward li { border-bottom: 1px solid #294a6b; }
    #col1 #nav_vertical .forward li a span { display: block; background: #003366; font-size: 1.1em; line-height: 1.3em; color: #ffffff; }
    #col1 #nav_vertical .forward li a { position: relative; display: block; padding: 16px; margin: 0px; color: #000; background: none;  }
    #col1 #nav_vertical .subMenu .fa-chevron-right { display: block; position: absolute; top: 20px; right: 10px; color: #ffffff; font-size: 1.3em; }

    #nav_vertical .backward { margin: 0px; padding: 0px; margin-top: 3px; background: none; border: none; list-style: none; }
    #nav_vertical .backward li { margin: 0px; padding: 0px; background: none; border: none; list-style: none; border-bottom: 1px solid #294a6b; }
    #nav_vertical .backward li a { display: block; margin: 0px; background: none; text-transform: none; color: #fff; font-size: 1.1em; line-height: 26px; font-weight: normal; padding: 12px; border-bottom: none; }
    #nav_vertical .backward li a .fa {  }
    #nav_vertical .backward li span { padding: 6px 12px; font-size: 1.3em; line-height: 1.3em; color: #fff; margin-top: 9px; margin-bottom: 9px; }

    #col1 #nav_vertical a.onMobile { display: block; border-top: 1px solid #294a6b; }

    #col1 #nav_vertical li a.subMenu span { padding-right: 24px; }

    /* WiM Navi reset fpr mobile */
    #col1 .t_wimausgabe #nav_vertical, #col1 .t_wimartikel #nav_vertical { }
    .t_wimausgabe #col1 #nav_vertical li, .t_wimartikel #col1 #nav_vertical li {
        font-size: 16px !important;
        line-height: 22px !important;
        border-top: none !important;
    }
    .t_wimausgabe #col1 #nav_vertical li a, .t_wimartikel #col1 #nav_vertical li a {
        background: none !important;
        color: #fff !important;
        padding: 16px !important;
        text-transform: none !important;
        font-size: 1.3em !important;
        line-height: 1.3em !important;
    }



    /* color coding */
    /*
    .gf1 #nav_vertical ul a,
    .gf1 #nav_vertical ul a.active,
    .gf1 #nav_vertical ul a.gf1 {background-color: #e2001a;}
    .gf2 #nav_vertical ul a,
    .gf2 #nav_vertical ul a.active,
    .gf2 #nav_vertical ul a.gf2 {
        background: #FFD505 url("../../images/global/icons/Icon_Pfeil_Navigation-mobile.gif") no-repeat 0 0;
    }
    .gf3 #nav_vertical ul a,
    .gf3 #nav_vertical ul a.active,
    .gf3 #nav_vertical ul a.gf3 {
        background: #7ab51d url("../../images/global/icons/Icon_Pfeil_Navigation-mobile.gif") no-repeat 0 0;
    }
    .gf4 #nav_vertical ul a,
    .gf4 #nav_vertical ul a.active,
    .gf4 #nav_vertical ul a.gf4 {
        background: #009dd1 url("../../images/global/icons/Icon_Pfeil_Navigation-mobile.gif") no-repeat 0 0;
    }
    .gf5 #nav_vertical ul a,
    .gf5 #nav_vertical ul a.active,
    .gf5 #nav_vertical ul a.gf5 {
        background: #6d1f80 url("../../images/global/icons/Icon_Pfeil_Navigation-mobile.gif") no-repeat 0 0;
    }
    .gf6 #nav_vertical ul a,
    .gf6 #nav_vertical ul a.active,
    .gf6 #nav_vertical ul a.gf6 {
        background: #004c89 url("../../images/global/icons/Icon_Pfeil_Navigation-mobile.gif") no-repeat 0 0;
    }
    */



    .col_left_middle_right p, .col_left_middle_right ul li { font-size: 1.4em; line-height: 1.6em; }

    .teaser a, .teaser a span { font-size: 1.0em !important; line-height: 1.4em !important; }

    #footer, div.footer_col { height:auto !important; margin-bottom:12px; }
    #footer p, #footer a { font-size: 1.1em !important; line-height: 1.3em !important; }
    #footer .container_link { position:static; }

    #logo { display: none; }


    /*WIM*/
    .t_wimartikel #colHeader { float: none; width: 100% !important; margin-left: 0px !important; min-height: 90px; padding-bottom: 13px; }
    .t_wimartikel #colHeader h1 { width: 80%; }
    .t_wimartikel .col_left_middle_right #col3 { width: 100% !important; margin-left: 0px !important; float: none !important; }
    .t_wimartikel .col_left_middle_right #col3 #col3_content { margin-left: 0px !important; }
    .t_wimartikel p.intro { margin-top: 0px; }
    .t_wimartikel .col_left_middle_right #col2 { width: 100% !important; margin-top: 48px !important; }
    .t_wimartikel .artikelNaviBottom { margin-left: 0px; }

    .t_wimausgabe #col1, .t_wimartikel #col1 { width: auto; }
    .t_wimausgabe #col1 #col1_content > img, .t_wimartikel #col1 #col1_content > img { display: none; }
    .t_wimausgabe #col1 #nav_vertical ul, .t_wimartikel #col1 #nav_vertical ul { margin-right: 15px; }


    .t_wimausgabe #col3 { width: 100% !important; margin-left: 0px !important; }

    #sudoSlider { height: auto; }
    #sudoSlider > ul > li > a > img { width: 100%; }

    .t_wimartikel .editor_content .image { max-width: 100%; }
    .t_wimartikel .contact table tr td:first-child { width: 75%; }
    .t_wimartikel .contact table tr td { text-align: right; }
    .t_wimartikel .artikelNaviBottom { width: 96%; margin: 25px 2% 0px 2% !important;  }
    .t_wimartikel .artikelNaviBottom p { margin: 29px 15% 0px 15%; }
    .t_wimartikel .contentImageInfo { margin-top: 0px !important; }

    .t_wimartikel .artikelTeaser { text-align: right; }

    /**/
    #main.col_left_middle #col3 { width: 100% !important; }
    #col3 .results table { table-layout: fixed; }

    /* ansprechpartner */
    .results.addPerson table { table-layout: auto !important; }
    .results.addPerson table td img { width: 24% !important; height: auto; }
    .results.addPerson table h3 { width: 67% !important; padding-bottom: 6px !important; }
    .results.addPerson table span { width: 67% !important; }
    .results.addPerson table span.last { width: 67% !important; padding-bottom: 6px; }

    #col3 .results table td { word-wrap: break-word; }
    #col3_content .results table tbody tr td h3 { width: 100%; }

    .gf11 #col2 .container { width: 100%; }
    .gf11 #col2 .ap_description { width: auto; }
    #col3_content .header_theme { width: 100% !important; }


    #main.col_middle_right #col3_content span.top_headline { margin-left: 0px !important; }

    #main table { width: 100% !important; table-layout: fixed; min-width: 0px; }
    #main table th, #main table td { word-wrap: break-word; text-overflow: clip; }

    #col3_content .result_pagination { padding:12px 2% 12px 2%; text-align: center; }
    #col3_content .result_pagination .page { display: inline-block; min-width: 4.8%; margin-right: 0.5%; padding: 12px 2%; margin-bottom: 12px; font-size: 1.2em; line-height: 1.2em; text-align: center; }
    #col3_content .result_pagination .page:hover { display: inline-block; min-width: 4.8%; margin-right: 0.5%; padding: 12px 2%; margin-bottom: 12px; font-size: 1.2em; line-height: 1.2em; text-align: center; }
    #col3_content .result_pagination .selected { display: inline-block; min-width: 4.8%; margin-right: 0.5%; padding: 12px 2%; margin-bottom: 12px; font-size: 1.2em; line-height: 1.2em; text-align: center; }
    #col3_content .result_pagination .disabled { display: inline-block; min-width: 4.8%; margin-right: 0.5%; padding: 12px 2%; margin-bottom: 12px; font-size: 1.2em; line-height: 1.2em; text-align: center; background-color: lightgray; color: #fff; border: 1px solid #c5c9ce; }
    #col3 .folderAZ span.noLink { display: inline-block; min-width: 4.8%; margin-right: 0.5%; padding: 12px 2%; margin-bottom: 12px; font-size: 1.2em; line-height: 1.2em; text-align: center;   background: none; border: 1px solid #C4C9CD; color: #a3a3a5; }

    .results a.page { display: none !important; }
    .folderAZ a.page { display: inline-block !important; }
    .contactPerson #col3_content .result_pagination a.page{ display: inline-block !important; }
    #col3_content .result_pagination a.first,
    #col3_content .result_pagination a.first:hover,
    #col3_content .result_pagination a.previous,
    #col3_content .result_pagination a.previous:hover,
    #col3_content .result_pagination a.next,
    #col3_content .result_pagination a.next:hover,
    #col3_content .result_pagination a.last,
    #col3_content .result_pagination a.last:hover
    {
        display: inline-block;
        min-width: 4.8%;
        margin-right: 0.5%;
        padding: 12px 2%;
        margin-bottom: 12px;
        font-size: 1.2em;
        line-height: 1.2em;
        text-align: center;
        background-position: center center;
    }


    #col3_content .result_input {}
    #col3_content .result_input .textbox { width: 70% !important; font-size: 1.5em; line-height: 1.2em; min-width: 0px;  }
    #col3_content .result_input .button {  }
    #col3_content .result_input .button:hover {  }

    .addPaddButton { margin-left: 34.5%; }
    .col_middle_right #col3_content .detail .button_container { height: auto; margin-bottom: 12px; white-space: normal !important;  }
    .col_middle_right #col3_content .detail .button_container a { font-size: 1.0em; line-height: 1.0em; margin-bottom: 12px; }
    .col_middle_right #col3_content .detail .button_container a:hover { font-size: 1.0em; line-height: 1.0em; margin-bottom: 6px; }

    .col_middle_right #col3_content .detail.add_contact > div > div { width: 52.7% !important; }
    .col_middle_right #col3_content .detail.add_contact > div > div .button_container { float: left; }

    #col3_content .detail textarea { width: 64.6%; }


    .content_tabs { width: 100% !important; }
    #col3 #col3_content .content_tabs ul { width: 100%; }
    #col3 #col3_content .content_tabs ul li { width: 100%; }

    .editor_content p img { width: 100%; height: auto; }

    .col_left_middle_right .result_pagination { width: 100%; }


    #col3 #col3_content .gallery .row { display: block; }
    #col3 #col3_content .gallery .row .entry { float:left; margin-right:2%; margin-bottom:18px; width: 32%; }
    #col3 #col3_content .gallery .row .last { margin-right:0px; }
    #col3 #col3_content .gallery .row a, .gallery .row a:hover { display:block; width:auto; overflow:hidden; text-align:center; background-color:#EEEEEE;  }
    #col3 #col3_content .gallery .row span { display:block; width:auto; overflow:hidden; font-size:11px; text-align:center; padding:4px 0px 1px 0px; }
    #col3 #col3_content .gallery_legal_disclaimer { padding:5px 0px; margin-top:18px; border-top:1px solid #D7DADF; border-bottom:1px solid #D7DADF; }

    aside { font-size: inherit; }
    .col_left_middle aside#col2 { width: auto; margin-left: 0px; }


    .result_filter { display: none; }


    #nav_breadcrumb { margin-top: 0px; }
    #nav_breadcrumb li { margin-bottom: 0px; }

    .fastContact { display: none; }

    /*
    .col_left_middle #col3_content .detail { display: table; table-layout: fixed;}
    .col_left_middle #col3_content .detail .desc { display: table-cell;  word-wrap: break-word; }
    */

    #dlForm .detail div { width: 72%; }

    .t_wimartikel .col_left_middle aside#col2 { width: 100% !important; }
    .t_wimartikel #colHeader > div { margin-left: 0px; }


    #col3 #col3_content ul li { margin-left: 19px; }

    #col1 #col1_content .button_container { display: none; }

    .responsiveLayer.open .contentLayer { margin-top: 10%; }


    #nav_vertical .backward li.homelink { display: block; }

    #nav_vertical ul.topnav1 { display: block; }
    #nav_vertical ul.topnav2 { display: block; margin-top: 32px !important; margin-bottom:60px;}
    #nav_vertical ul.topnav3 { display: none; }

    #nav_vertical { overflow-y: scroll; height: 100%; }


    .resSlider .bxSlider > li div > h2 { font-size: 1em; }


    .t_wimausgabe #col1 #nav_vertical .image { display:none; }


    #nav_vertical li.language {
        display: block;
    }


    .dropdown { display: none; }

    .homepage .container { display: none; }


    #footer .copyright { margin-top: 0px; }
    #footer .copyright p { padding-left: 1%; }

    #nav_vertical .menuSlideCurrent { margin-bottom: 180px; }
    #nav_vertical .menuSlideCurrent .corona img {display:block;float: left;margin-right: 5px;vertical-align: bottom;padding-top: 5px;}
     #nav_vertical .menuSlideCurrent .corona span:hover {text-decoration-color: #fff !important;
}
	
	

    .homepage #nav_vertical .menuSlideCurrent {
        border: none;

        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        -khtml-border-radius: 0px;
        border-radius: 0px;

        background: none;

        overflow: auto;


        margin-bottom: 81px !important;
    }




    #toolbar_bottom .select-produkte {
        display: block;
    }
    #toolbar_bottom .select-siesind {
        display: block;
    }



    #main #col3_toolbar ul {
        margin-right: 0;
        text-align: center;
    }
    #webcode-bottom {
        padding-bottom: 24px;
        padding-left: 0px !important;
    }

    .homepage #col3 #topnews {
        padding: 0px 0px 10px 0px !important;
        /*margin-top: 32px;*/
    }
    .homepage #col3_content .news_content>div {
        margin-right:0px;
    }

    .resSlider .bxSlider > li div > h2 {
        padding: 6px 12px 9px 12px;
    }

    .resSlider .bxSlider > li div > .subHeadline {
        padding: 8px 12px 0px 12px;
        font-size: 0.8em !important;
        line-height: 1.2em;
    }


    .col_left_middle2 aside#col2 {
        width: 100%;
        margin-left: 0%;
    }

    .col_left_middle2 section#col3 {
        width: 100%;
        float: left;
    }
    .col_left_middle2 section#col3 div#col3_content2 {
        margin: 0px 0px 0px 0px !important;
        padding: 0px !important;
    }
    .col_left_middle2 #col2 .container {
        margin-left: 0px;
    }


    /*
    publikationen
    */
    .col_left_middle2 #col1_content .cover img { display: none; }
    .col_left_middle2 #col3_content2 .coverContent { display: block; }

    #col3_content .result_info .hitsPerPage_control {   }
    #col3_content .result_info .hitsPerPage_control a.hitsPerPage { font-size: 1.2em; padding: 6px 20px 6px 12px; }
    #col3_content .result_info .hitsPerPage_control a.hitsPerPage:hover { font-size: 1.2em; padding: 6px 20px 6px 12px; }
    #col3_content .result_info .hitsPerPage_control ul { width: 48px; }
    #col3_content .result_info .hitsPerPage_control ul li { margin-left: 0px !important; }
    #col3_content .result_info .hitsPerPage_control ul li a { font-size: 1.2em; padding: 6px 36px 6px 12px; }
    #col3_content .result_info .hitsPerPage_control ul li a:hover { font-size: 1.2em; padding: 6px 36px 6px 12px;  }


    /*
    content expand no paddig
    */

.contentExpand.mobilenopadding > section > section > section {
    padding: 12px 0px 12px 0px;
}




}

@media only screen and (max-width: 850px) {
    .moreOnSubject ul.download li a span:first-child {
        width: 100%;
    }
    .moreOnSubject ul.download li a span {
        width: auto;
        text-align: left;
        margin-left: 0px;
        margin-right: 12px;
    }
}


/*mobile tablet */
@media (max-width: 768px) {
    /*debug*/
    .mediaQueryOutput { background:#FCF; }
    .mediaQueryOutput span:before { content:"480px bis 768px" }

    .deviceIndex {z-index: 4 !important;}


    #nav_header { }
    #mobile-nav { display:block; }
    #logo { top:0px; display:none !important; height:1px; }
    #nav_bar { display:none; }

    .entry img { width: 100%; }
    .subcolumns  img { width: 100%; }

    .col_left_middle #col3_content .detail div input[type=text] { width: 95%; padding: 2%;}
    .col_left_middle #col3_content .detail div textarea { width: 95%; padding: 2%;}

    #col3_content .detail .long { width:95% !important; padding-left:2%; }
    #col3_content .detail .short { width:95% !important; padding-left:2%; }
    #col3_content #mailForm select {  height: auto; padding: 3%; }
    .anmeldung #geb-tag { width: 100%; margin-bottom: 8px; }
    .anmeldung #geb-monat { margin-left: 0px; width: 100%; margin-bottom: 8px; }
    .anmeldung #geb-jahr { margin-left: 0px; width: 100%; margin-bottom: 8px; }

    .col_left_middle #col3_content .detail .button_container { float: right; height: auto; margin-bottom: 12px; }
    .col_left_middle #col3_content .detail .button_container .addPaddButton { width: 100%; }
    .col_left_middle #col3_content .detail .button_container a { float:right; margin-right: 1%;  }
    .col_left_middle #col3_content .detail .button_container a:hover { float:right; margin-right: 1%; }

    .col_left_middle #col3_content .detail.add_contact > div > img { width: 20%; margin-right: 2%; }

    #col3.anmeldung  #event_tabs .tabrot { width: 100% !important; height: auto; margin-left: 0px; display: block ; }

    .tabrot a { width: 100% !important; margin-left: 0% !important; display: block !important; }
    .tabrot a.current .tabbox { display: block !important; }
    .tabrot .customLink { display: none !important; }
    .tabrot .customLink.current { display: block !important; }


    .results.addPerson table h3 { width: 55% !important; }
    .results.addPerson table span { width: 55% !important; }
    .results.addPerson table span.last { width: 55% !important; }


    #footer .subcolumns .left { width: 98%; float: none; ; margin-right: 0%; margin-bottom: 62px; padding-left: 2%; }
    #footer .subcolumns .middle { width: 42%; margin-right: 6%; margin-left: 2%; }
    #footer .subcolumns .right { width: 45%; margin-right: 2%; }

    .contentContact { margin-bottom: 12px; margin-left: 0px;padding-left: 0px; width: 100% !important; float: none !important;}
    .contentContact .image { width: 7%; float: left; margin-right: 5%; }
    .contentContact img {
        width: 100%;
        height: auto;
        margin-bottom: 4px;
    }


    .contentContact .oneEntry { margin-bottom: 0px; }
    .contentContact .oneEntry > span { display: none; }
    .contentContact .oneEntry > div.email { display: none; }
    .contentContact .oneEntry > h2 { font-family: "opensans","opensans2"; }
    .contentContact .oneEntry > h2 a { font-weight: normal; }



    .responsiveLayer .contentContact .oneEntry {  }
    .responsiveLayer .contentContact .oneEntry > span { display: block; }
    .responsiveLayer .contentContact .oneEntry > div.email { display: block; }
    .responsiveLayer .contentContact .oneEntry > h2 { font-family: "opensansbold","opensansbold2"; }
    .responsiveLayer .contentContact .oneEntry > h2 a { font-weight: bold; }


    #event_tabs .contentContact .image {margin-right: 5% !important;width: 7% !important;float:left !important}

    .detail .contentContact img {width: auto;height: auto;}
    #main.col_left_middle #col3_content .detail .contentContact img {width: 100%;height: auto;}
    .separator_bottom { margin-top: 12px; padding-top: 12px; }
    .separator_top { margin-top: 12px; padding-top: 12px; }

    .col_left_middle #col3_content .detail .contentContact h2 { float: left; width: 79%; }
    .contentContact .email { display: table; table-layout: fixed; float: left; width: 79%; }
    .contentContact .email a { display: table-cell; word-wrap: break-word; }
    .contentContact a { color: #507193; font-size: 16px; line-height: 24px; }
    .contentContact span.tel, #col3_content .detail .contentContact span.tel { display: none; }
    .contentContact span.fax, #col3_content .detail .contentContact span.fax { display: none; }
    #main.col_left_middle #col3_content .detail .contentContact .email {float:left}



    .col_left_middle .publications #col3_content .detail .desc,
    .col_left_middle .furtherEducationDetails #col3_content .detail .desc,
    .col_left_middle .anmeldung #col3_content .content_tabs ul li .detail .desc,
    .col_left_middle .furtherEventDetails #col3_content .detail .desc,
    .col_left_middle .talents #col3_content .detail .desc,
    .col_left_middle .registration #col3_content .detail .desc,
    .col_left_middle .pressRelease #col3_content .detail .desc {
        float: none !important;
        width: 100% !important;
        margin-left: 0%;
        margin-bottom: 12px;
    }
    .col_left_middle .publications #col3_content .detail > div,
    .col_left_middle .furtherEducationDetails #col3_content .detail > div,
    .col_left_middle .anmeldung #col3_content .content_tabs ul li.detail > div,
    .col_left_middle .furtherEventDetails #col3_content .detail > div,
    .col_left_middle .talents #col3_content .detail:after,
    .col_left_middle .registration #col3_content .detail:after,
    .col_left_middle .pressRelease #col3_content .detail > div
    {
        float: none !important;
        margin-left: 0%;
    }

    /*
    .t_cmsperson .contentContact { display: none; }
    */

    .t_cmsperson #col3 #col3_content .besidesContact { width: 100%; }
    .t_cmsperson #col3 #col3_content .besidesContact .detail > .desc { width: 100%; }
    .t_cmsperson #col3 #col3_content .besidesContact .detail > div { width: 100%; }

    .t_cmsperson #col3 #col3_content .afterContact .detail > .desc { width: 100%; }
    .t_cmsperson #col3 #col3_content .afterContact .detail > div { width: 100%; }


    .t_cmspersonMail .contentContact { display: none; }

    .t_cmspersonMail #col3 #col3_content .besidesContact { width: 100%; }
    .t_cmspersonMail #col3 #col3_content .besidesContact .detail > .desc { width: 100%; }
    .t_cmspersonMail #col3 #col3_content .besidesContact .detail > div { width: 100%; }

    .KundenService #col3 #col3_content .besidesContact { width: 100%; }
    .KundenService #col3 #col3_content .besidesContact .detail > .desc { width: 100%; }
    .KundenService #col3 #col3_content .besidesContact .detail > div { width: 100%; }
    .KundenService #col3 #col3_content .besidesContact .detail textarea { width: 95%; }


    .t_cmspersonMail #col3 #col3_content .afterContact .detail > .desc { width: 100%; }
    .t_cmspersonMail #col3 #col3_content .afterContact .detail > div { width: 100%; }


    .dataProtest #col3 #col3_content .besidesContact { width: 100%; }
    .dataProtest #col3 #col3_content .besidesContact .detail { width: 100%; }
    .dataProtest #col3 #col3_content .afterContact .detail > .desc { width: 36%; }
    .dataProtest #col3 #col3_content .afterContact .detail > div { width: 63%; }


    .welcomeGift #col3 #col3_content .besidesContact { width: 100%; }
    .welcomeGift #col3 #col3_content .besidesContact .detail { width: 100%; }
    .welcomeGift #col3 #col3_content .afterContact .detail > .desc { width: 36%; }
    .welcomeGift #col3 #col3_content .afterContact .detail > div { width: 63%; }


    #col3.talents #col3_content .besidesContact { width: 100% !important; }
    #col3.talents #col3 #col3_content .besidesContact { width: 100% !important; }
    #col3.talents #col3 #col3_content .besidesContact .detail { width: 100% !important; }
    #col3.talents #col3_content .besidesContact .detail > .desc { float: left !important; }
    #col3.talents #col3 #col3_content .afterContact .detail > .desc { width: 36% !important; }
    #col3.talents #col3 #col3_content .afterContact .detail > div { width: 63% !important; }

    .responsiveLayer.open > div { height: 90%; width: 90%; margin: 6% auto 0 auto; overflow: hidden; position: relative; }
    .responsiveLayer.open .contentLayer { margin-top: 12%; }

    #col3.anmeldung  #col3_content .besidesContact { width: 100%; }
    #col3.anmeldung  #col3_content .besidesContact .detail { width: 100%; }
    #col3.anmeldung  #col3_content .afterContact .detail > .desc { width: 36%; }
    #col3.anmeldung  #col3_content .afterContact .detail > div { width: 63%; }

    .col_left_middle .anmeldung #col3_content .content_tabs ul li .detail > div { margin-left: 0px !important; width: 100% !important; }
    .col_left_middle .anmeldung #col3_content .content_tabs ul li .detail label { width: 34.5% !important; }
    .col_left_middle .anmeldung #col3_content .content_tabs ul li .detail .txt { width: 61.9% !important;  }
    .col_left_middle .anmeldung #col3_content .content_tabs ul li .detail .shortFirst .txt.long { width: 41.9% !important; }

    #col3.anmeldung #col3_content .besidesContact .detail p#zeit { display: block; }


    #col3 #col3_content .content_tabs .teaser_content {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }
    #col3 #col3_content .content_tabs .row1 {
        width: 100%;
        display: table;
        table-layout: fixed;
    }
    #col3 #col3_content .docbox_content.content_tabs .column a {
        display: table-cell;
        word-wrap: break-word;
    }
    #col3 #col3_content .content_tabs .row2 {
        width: auto;
        display: table;
        table-layout: fixed;
    }
    #col3 #col3_content .content_tabs .row2 span { padding: 0px; padding-right: 12px; }
    #col3 #col3_content .content_tabs .row3 {
        width: auto;
        display: table;
        table-layout: fixed;
    }
    #col3 #col3_content .content_tabs .row3 span { padding: 0px; padding-right: 12px; }

    .responsive-video-contact {
        padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
    }


    .classic { border: 1px solid #EEEEEE; margin: 2% auto !important; width: 80% !important; min-width: 0px; text-align: center !important; } /*padding: 8% !important; entfernt*/
    .classic a { padding: 0px !important; margin: 0px !important; width: auto !important; min-width: 0px !important; text-align: center !important; }


    .only-desktop{display:none;}
    .only-mobile{display:block;}




    .col_left_middle2 div#col3_content2 .detail .abgelaufen {
        width: 90%;
        padding: 4%;
        max-width: 90%;
    }
    .tabrot {
        width: 100% !important;
    }
    .col_left_middle2 #col3 div#col3_content2 .kontakt-form .shortFirst .short {
        width: 96%;
        margin-right: 0%;
    }
    .col_left_middle2 #col3 div#col3_content2 .kontakt-form .shortFirst .long {
        width: 96%;
    }
    .col_left_middle2 section#col3 div#col3_content2 .kontakt-form input[type=text] {
        width: 96%;
    }
    .col_left_middle2 section#col3 div#col3_content2 .kontakt-form textarea {
        width: 96%;
    }
    .col_left_middle2 #col3 div#col3_content2 .kontakt-form .date .month {
        width: 56.7%;
    }

    .col_left_middle2 section#col3 div#col3_content2 .separator_bottom {
        display: none;
    }

    .col_left_middle2 section#col3 div#col3_content2 .contentArea{
        width: 100%;
    }
    .col_left_middle2 section#col3 div#col3_content2 .contentContact,
    .newContact .contentContact
    {
        margin-top: 36px; margin-bottom: 48px; margin-left: 0px; padding-left: 0px; width: 100% !important; float: none !important;
    }
    .col_left_middle2 section#col3 div#col3_content2 .contentContact .image,
    .newContact .contentContact .image {
        width: 100px; float: left; margin-right: 5%;
    }
    .col_left_middle2 section#col3 div#col3_content2 .contentContact img,
    .newContact .contentContact img {
        width: 100%;
        height: auto;
        margin-bottom: 4px;
    }

    .col_left_middle2 section#col3 div#col3_content2 .contentContact .oneEntry,
    .newContact .contentContact .oneEntry {
        margin-bottom: 0px;
    }
    .col_left_middle2 section#col3 div#col3_content2 .contentContact .oneEntry .image,
    .newContact .contentContact .oneEntry .image {
        width: 15% !important;
    }
    .col_left_middle2 section#col3 div#col3_content2 .contentContact .oneEntry > span,
    .newContact .contentContact .oneEntry > span {
        display: block;
    }
    .col_left_middle2 section#col3 div#col3_content2 .contentContact .oneEntry > div.email,
    .newContact .contentContact .oneEntry > div.email {
        display: block; width: 50%
    }
    .col_left_middle2 section#col3 div#col3_content2 .contentContact .oneEntry > h2,
    .newContact .contentContact .oneEntry > h2 {
        font-family: "opensans","opensans2";
    }
    .col_left_middle2 section#col3 div#col3_content2 .contentContact .oneEntry > h2 a,
    .newContact .contentContact .oneEntry > h2 a {
        font-weight: normal;
    }
    .col_left_middle2 section#col3 div#col3_content2 .contentContact a.more,
    .newContact .contentContact a.more {
        display: inline-block; margin-top: 12px;
    }


    /*
     Pressemitteilung
    */
    .col_left_middle2 #col3_content2 .image_and_text > a { float: left; width: 50% !important; }
    .col_left_middle2 #col3_content2 .image_and_text > a img { width: 94% }



    .resultList {}
    .resultList .head {}
    .resultList .head > div {
    }
    .resultList .head > div > div {  }

    .resultList .head > div:after {  }
    .resultList .head div .entry {
        float: none;
        width:100%;
    }
    .resultList .head div .entry > div {  }
    /* add++*/
    .resultList .head div .type { display: none; }
    .resultList .head div .date { display: none; }

    .resultList.person .head div .entry { display: none; }
    .resultList.person .head div .type { display: block; width: 100%; }
    .resultList.person .head div .date { display: none; }

    .resultList.press .head div .entry { width: 100%; }

    .resultList .body {}
    .resultList .body > div { }
    .resultList .body div > .entry { float: none; width:100%; }
    .resultList .body div > .type i { display: inline-block; }
    .resultList .body div > .date i { display: inline-block; }

    /* add++*/
    .resultList .body div .type { width: 100%; padding-top: 0px; }
    .resultList .body div .type > div { padding: 0px 12px 12px 12px; }
    .resultList .body div .date { width: 100%; /*position: absolute; top: 0px; left: 0px; padding-top: 0px;*/  font-size: 14px; }
    .resultList .body div .date > div { padding: 0px 12px 12px 12px; }
    .resultList .body div > div a { padding-top: 0px !important; }

    .resultList.person .body div > .entry { padding-top: 0px; }
    .resultList.person .body div .date { position: static; width: 100%; }
    .resultList.person .body div .date > div { padding: 0px 12px 12px 12px; }
    .resultList.person .body div .type { width: 100%; }
    .resultList.person .body div .type span { width: 25%; vertical-align: top; }
    .resultList.person .body div .type span.last { width: 53%; }
    .resultList.person .body div .type span.email { width: 53%;  }
    .resultList.person .body div .type span.email > span { display: table; table-layout: fixed; width: 100%; }
    .resultList.person .body div .type span.email > span > span{ display: table-cell; word-wrap: break-word;  }

    .resultList.press .body div .entry { width:100%; }
    .resultList.press .body div .type { width: 100%; }
    .resultList.press .body div .date { width: 100%; }

    .resultList .body div > .entry.result-person + div + div  {
        display: none;
    }

    .resultList.person .body div .date .onMobile {
        display: block;
    }
    .resultList.person .body div .date {
        clear: both;
    }

    .shortFirst label:nth-child(3) {
        position: static;
        margin-left: 0%;
    }

}

@media only screen and (max-width: 600px) {
    .ytvideo-container .yt-description {
        padding: 6px;
        font-size: 12px;
    }
    #col3_content .editor_content .ytvideo-container .yt-description a.buttonBig {
        padding: 6px 12px 6px 63px;
        margin-top: 4px;
    }
}
@media screen and (-ms-high-contrast: active) and (max-width: 600px), (-ms-high-contrast: none)  {
    .playBtn { padding-top:10%; }
}

/*mobile tablet 7 and pablets*/
@media only screen and (max-width: 480px) {
    /*debug*/
    .mediaQueryOutput { background:#99ffcc; }
    .mediaQueryOutput span:before { content:"320px bis 480px" }

    .deviceIndex {z-index: 5 !important;}



    #dlForm  .detail div { float:none; width:100%; }
    #dlForm  .detail .desc { float:none; width:100%; }
    #col3_content .detail .txt  { float:left; width: 98%; }


    #main.col_left_middle #col3_content .detail .desc { width: 100%; float: none; }
    #main.col_left_middle #col3_content .detail { padding-top: 12px; }
    #main.col_left_middle #col3_content .detail div { width: 100%; float: none; }

    #main.col_left_middle #col3_content .detail a.addPdf { display: block; font-size: 1.2em; line-height: 1.2em; white-space: normal; }
    #main.col_left_middle #col3_content .detail a.addPdf:hover { display: block; font-size: 1.2em; line-height: 1.2em; white-space: normal; }
    #main.col_left_middle #col3_content .detail h1 { margin: 12px 0px; }

    #main.col_left_middle #col3_content .detail.add_contact > div > div { width: 73% !important; margin: 0px; float: left !important; }
    #main.col_left_middle #col3_content .detail.add_contact > div > div span { width: 100%; display: block; margin: 0px; padding: 0px; }
    #main.col_left_middle #col3_content .detail.add_contact > div > div span.last { padding-bottom: 6px; }
    #main.col_left_middle #col3_content .detail.add_contact > div > div .button_container { width: 100% !important; white-space:normal !important; height: auto !important; }
    #main.col_left_middle #col3_content .detail .back { margin-top: 0px; }

    #col3_content .result_input { height: auto; }
    #col3_content .result_input .textbox { width: 90% !important; margin-bottom: 12px; font-size: 1.5em; line-height: 1.2em; min-width: 0px; padding: 12px;  }
    #col3_content .result_input .button { width: 96%; }
    #col3_content .result_input .button:hover {  }

    #footer .subcolumns .left { width: 98%; float: none; ; margin-right: 0%; margin-bottom: 62px; padding-left: 2%; }
    #footer .subcolumns .middle { width: 96%; margin-right: 2%; margin-left: 2%; float: none; margin-bottom: 62px;  }
    #footer .subcolumns .right { width: 96%; margin-right: 2%; margin-left: 2%; float: none; }


    .t_cmsperson #col3 #col3_content .besidesContact .add_contact > div img { width: 15%; padding: 0px; }
    .t_cmsperson #col3 #col3_content .afterContact .detail > div .txt { width: 97%; }
    .t_cmsperson #col3 #col3_content .afterContact .detail > div textarea { width: 97%; }
    .t_cmsperson #col3 #col3_content .afterContact .detail > div label { width: 100%; }

    .t_cmspersonMail #col3 #col3_content .besidesContact .add_contact > div img { width: 15%; padding: 0px; }
    .t_cmspersonMail #col3 #col3_content .afterContact .detail > div .txt { width: 97%; }
    .t_cmspersonMail #col3 #col3_content .afterContact .detail > div textarea { width: 97%; }
    .t_cmspersonMail #col3 #col3_content .afterContact .detail > div label { width: 100%; }


    .dataProtest #col3 #col3_content .besidesContact .detail > .desc { width: 100%; margin-right: 0%; }
    .dataProtest #col3 #col3_content .besidesContact .detail > div { width: 100%; }
    .dataProtest #col3 #col3_content .afterContact .detail > .desc { width: 100%; }
    .dataProtest #col3 #col3_content .afterContact .detail > div { width: 100%; }
    .dataProtest #col3_content .detail .button_container a { float: none; }
    .dataProtest #col3_content .detail .button_container a:hover { float: none; }

    .welcomeGift #col3 #col3_content .besidesContact .detail > .desc { width: 100%; margin-right: 0%; }
    .welcomeGift #col3 #col3_content .besidesContact .detail > div { width: 100%; }
    .welcomeGift #col3 #col3_content .afterContact .detail > .desc { width: 100%; }
    .welcomeGift #col3 #col3_content .afterContact .detail > div { width: 100%; }
    .welcomeGift #col3_content .detail .button_container a { float: none; }
    .welcomeGift #col3_content .detail .button_container a:hover { float: none; }

    #col3.talents #col3_content .besidesContact { width: 100% !important; }
    #col3.talents #col3 #col3_content .besidesContact { width: 100% !important; }
    #col3.talents #col3_content .besidesContact .detail > .desc { width: 100% !important; margin-right: 0% !important; }
    #col3.talents #col3_content .besidesContact .detail > div { width: 100% !important; }
    #col3.talents #col3_content .afterContact .detail > .desc { width: 100% !important; }
    #col3.talents #col3_content .afterContact .detail > div { width: 100% !important; }
    #col3.talents #col3_content .detail .button_container a { float: none !important; }
    #col3.talents #col3_content .detail .button_container a:hover { float: none !important; }


    #col3.downlaodForm #col3_content .afterContact .detail > div { width: 100%; }
    #col3.downlaodForm #col3_content .afterContact .detail > .desc { width: 100%; }


    #col3.anmeldung  #col3_content .besidesContact .detail > .desc { width: 100%; margin-right: 0%; }
    #col3.anmeldung  #col3_content .besidesContact .detail > div { width: 100%; margin-left: 0px; }
    #col3.anmeldung  #col3_content .afterContact .detail > .desc { width: 100%; }
    #col3.anmeldung  #col3_content .afterContact .detail > div { width: 100%; }
    #col3.anmeldung  #col3_content .afterContact .detail > div .txt { width: 97%; }
    #col3.anmeldung  #col3_content .afterContact .detail > div textarea { width: 97%; }
    #col3.anmeldung  #col3_content .afterContact .detail > div label { width: 100%; }
    #col3.anmeldung  #col3_content .content_tabs ul li .afterContact .detail > div { margin-left: 0px; }

    #col3.anmeldung  #col3_content .cBox { clear: both; }
    #col3.anmeldung  #col3_content .detail { display: block; }
    #col3.anmeldung  #col3_content .detail .cBoxSpan { width: 81%; }
    #col3_content #mailForm .cBox.error { width: 99% !important; }
    #col3_content #mailForm .cBox.error:after { clear: both; content: ""; display: table; }

    .col_left_middle #col3_content .detail .button_container a { display: block; float:none; width: 92%; margin-right: 0%; padding: 4%; }
    .col_left_middle #col3_content .detail .button_container a:hover { float:none; width: 92%; margin-right: 0%; padding: 4%; }



    #col3.anmeldung  #col3_content .detail .button_container a { float: none; }
    #col3.anmeldung  #col3_content .detail .button_container a:hover { float: none; }


    .responsiveLayer.open > div { height: 90%; width: 90%; margin: 6% auto 0 auto; overflow: hidden; position: relative; }
    .responsiveLayer.open .contentLayer { margin-top: 20%; }

    .col_left_middle .anmeldung #col3_content .content_tabs ul li .detail label { width: 100% !important; }
    .col_left_middle .anmeldung #col3_content .content_tabs ul li .detail .txt { width: 97% !important;  }
    .col_left_middle .anmeldung #col3_content .content_tabs ul li .detail .shortFirst .txt.long { width: 97% !important; }
    .col_left_middle .anmeldung #col3_content .content_tabs ul li .detail .shortFirst .txt.short { width: 97% !important; }


    #toolbar_bottom input[type=text] { min-width: 0px; }

    /*
    .resSlider .bx-wrapper .bx-viewport { overflow: visible !important; }
    .resSlider .bxSlider > li div { position: static; }
    .resSlider .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: static; }
    */
    .resSlider .bxSlider > li div { padding: 0px; }
    .resSlider .bxSlider > li div > h2 { padding: 4px; margin: 0px; }
    .resSlider .bxSlider > li div > .subHeadline { padding: 4px 4px 0px 4px;  }

    #col3_content .news_content img { width: 140px; }

    #col3 div.nav_tabs a { width: 99%; border: 1px solid #dcdcdc; }
    #col3 div.nav_tabs a.current { background: #dcdcdc; }

    .list.onMobile { display: block; }
    .map { display: none !important; }


    #main.col_left_middle #col3_content .detail.add_contact > div > div span { width: 100% !important; }
    .add_contact.add_approach > div > a { width: 100%; }
    .add_contact.add_approach > div > a img { width: 100% !important; margin-bottom: 24px; }
    #main.col_left_middle #col3_content .detail.add_contact > div > div { width: 100% !important; }



    #col3_content .results table tr td.col_1 {
        width: 65%;
    }

    #col3_content .results table tr td.col_2 {
        display : none;
    }

    #col3_content .results table tr td.col_3 {
        width: 35%;
    }

    #main #col3_toolbar ul {
        float: none;
    }
    #main #col3_toolbar a {
        display: block !important;
        margin-bottom: 24px;
    }
    #webcode-bottom {
        width: 100% !important;
    }


    #main.col_left_middle #col3_content .detail.add_contact > div > div .button_container {
        clear: both;
    }


    .col_left_middle2 section#col3 div#col3_content2 .kontakt-form label.lbInline {
        display: block;
        width: 100%;
    }
    .col_left_middle2 section#col3 div#col3_content2 .kontakt-form .radioBtn {
        margin-left: 0px;
    }
    .col_left_middle2 section#col3 div#col3_content2 .button_container {
        margin-top: 12px;
    }
    .col_left_middle2 section#col3 div#col3_content2 .buttonBig {
        display: block;
    }


    /*
      publikationen
    */
    .col_left_middle2 #col3_content2 .coverContent img { width: 100%; }
    /*
     Pressemitteilung
    */
    .col_left_middle2 #col3_content2 .image_and_text > a { float: none; width: 100% !important; }
    .col_left_middle2 #col3_content2 .image_and_text > a img { width: 100% }


    #col3_content .result_info .hitsPerPage_control { display: none; }


    .cookieDlg {  }
    .cookieDlg .content { width: 100%; display: block; float: none; }
    .cookieDlg .btn { display: block; width: 100%; float: none; text-align: center; }
    .cookieDlg .btn a { margin-top: 0px; }

    .contactPerson .oneEntry > div {
        width: 76.5%;
        margin-left: 3.5%;
    }
    .contactPerson .oneEntry .image {
        width: 12.5%;
        margin-left: 7.5%;
    }

    .contentExpand > div > div > div img {
        width: 100%;
    }

    #main #col3_content2 h1 {
        font-size: 26px;
        line-height: 30px;
    }
}

@media only screen and (max-width: 418px) {

    #mobile-nav a {
      
        /*
        height: 44px;
        width: 89px;
         */
        background-size: 89px 44px;
        -moz-background-size: 89px 44px;
    }
    .logoIHKWahl2019 {
        left: 73px;
        height: 44px;
        width: 89px;
    }

}


/* phone e.g. iPhone*/
@media only screen and (max-width: 320px) {
    /*debug*/
    .mediaQueryOutput { background:yellow; }
    .mediaQueryOutput span:before { content:"320px ---" }

    .deviceIndex {z-index: 6 !important;}

    #nav_header { }
    #mobile-nav { display:block; }
    #logo { top:0px; display:none !important; height:1px }
    #nav_bar { display:none; }


    #col3_content .news_content .left { float: none; width: 100%; }
    #col3_content .news_content .img_left { margin: 0px 0px 12px 0px; padding: 0px; width: 100%; height: auto; }
    #col3_content .news_content>div { display: block; float: none; width: 100%; margin: 0px; }

    article img { width: 99%; }


    .editor_content table img {width: auto; height: auto; max-width: 100%;}


    .col_left_middle #col3_content .detail.add_contact > div > img { width: 99%; margin-right: 0px; margin-bottom: 12px; }
    .col_left_middle #col3_content .detail.add_contact > div > div { width: 100% !important; margin: 0px; float: none !important; }

    .col_left_middle #col3_content .detail .button_container { float: none; height: auto; margin-bottom: 12px; margin-left: 0px; }


    .results.addPerson table h3 { width: 100% !important; }
    .results.addPerson table span { width: 100% !important; }
    .results.addPerson table span.last { width: 100% !important; }
    .results.addPerson table td img { display: none; }
    .results.addPerson table { table-layout: fixed !important; }


    #col3 #col3_content .gallery .row .entry { float:none; margin-right:0%; margin-bottom:18px; width: 100%; }
    #col3 #col3_content .gallery .row .last { margin-right:0px; }
    #col3 #col3_content .gallery .row a, .gallery .row a:hover { display:block; width:auto; overflow:hidden; text-align:center; background-color:#EEEEEE;  }
    #col3 #col3_content .gallery .row span { display:block; width:auto; overflow:hidden; font-size:11px; text-align:center; padding:4px 0px 1px 0px; }
    #col3 #col3_content .gallery_legal_disclaimer { padding:5px 0px; margin-top:18px; border-top:1px solid #D7DADF; border-bottom:1px solid #D7DADF; }


    .t_cmsperson #col3 #col3_content .besidesContact .add_contact > div img { width: 100%; padding: 0px; }
    .t_cmsperson #col3 #col3_content .besidesContact .detail > div > div { width: 98% !important; }
    .t_cmsperson #col3 #col3_content .besidesContact .detail a.buttonBig { padding: 12px 2%; width: 90%; }
    .t_cmsperson #col3 #col3_content .afterContact .detail > div .addPaddButton { margin-left: 0px; }
    .t_cmsperson #col3 #col3_content .afterContact .detail a.buttonBig { padding: 12px 2%; width: 90%; }

    .responsiveLayer.open > div { height: 100%; width: 100%; margin: 0% auto 0 auto; overflow: hidden; position: relative; }
    .responsiveLayer.open .contentLayer { margin-top: 20%; height: 93%; }

    #col3_content .news_content img { width: 100%; }


    #col3_content .result_input .textbox { width: 87% !important; }

    .add_contact.add_approach > div > a { width: 100% }
    .add_contact.add_approach > div > a img { width: 100% !important; }


    #main.col_left_middle #col3_content .detail.add_contact > div > div {
        float: none !important;
    }
    #col3_content .add_contact div div h3 {
        width: 100%;
    }
    #main.col_left_middle #col3_content .detail.add_contact > div > div span.last {
        display: table;
        table-layout: fixed;
    }
    #main.col_left_middle #col3_content .detail.add_contact > div > div span.last a {
        display: table-cell;
        word-wrap: break-word;
    }

    /*
    .col_left_middle2 section#col3 div#col3_content2 .contentContact .image { width: 98%; }
    */

    .resultList.person .body div > .entry h3 { min-height: 54px; }
    .resultList.person .body div .type span { width: 28% }
    .resultList.person .body div .type span.last { width: 70% }

    .resultList.person .body div .type a {
        float: none;
        width: 100%;
    }
    .resultList.person .body div .type img {
        width: 95%;
    }
    .resultList.person .body div .date a {
        padding-top: 0px;
    }

}