#gruppennavi .mobile-style{
    display:none;
}
#gruppennavi .desktop-style{
    display:block;
}
@media screen and (max-width: 1439px) {
    html {
        width: 100%;
        overflow-x: hidden;
    }
    /****CONTAINER_DEFINITIONEN*****/
    body.commblue #container {
        max-width:100%;
    }
   
    body.commblue #wrapper-content-right {
        width:100%;
    }
    
    body.commblue #content-cleaner {
        width: 100%;
    }
    
    body.commblue div.image, div.image-center {
        height:auto;
        max-width:100%
    }

    body.commblue div.image img {
        height:auto;
        max-width:100%;
    }
    
    body.commblue.bdsi #header .keyvisual img{
        max-width: 100%;
        width: 65%;
        height: auto;
    }

    #gruppennavi nav.desktop-style > ul > li > a {
        font-size: 16px;
        line-height: 24px;
        display: inline-block;
        height: 45px;
        padding: 10px 24px;
        width: 100%;
        text-align: left;
        background: #e1871a;
        border-right: none;
    }

    body.commblue #header .banner {
        font-size: 35px;
        height: auto;
    }
    
    .gs #gruppennavi .desktop-style{
        display:block;
        height: 45px;
        background: #e1871a;
    }
    
    /*****SUCHE*********/   
    body.commblue table.filter td.input {
        text-align:left;
    }
    
    body.commblue table.filter td.label {
        display: block;
        width: 90%;
    }
    /*****MANUELLERLAYOUTWECHSEL*****/
    .manueller-layout-wechel {
        display:block;
    }
    .gs #gruppennavi nav.desktop-style > ul > li:last-child > ul {
        right: 174px;
    }

}


@media screen and (max-width: 1180px) { 
    body.commblue .teaser {
        max-width:90%;
    }
    body.commblue .teaser ul .kicker {
    padding-right: 40px;
    padding-left: 40px;
    padding-top: 20px;
    box-sizing: border-box;
    margin: 0;
    }
    body.commblue .teaser ul li {
        margin:0;
        width: calc(33% - 12px);
    }
    body.commblue .teaser ul li:nth-child(3n-1) {
        margin-left:21px;
        margin-right:21px;
    }    
/*}@media screen and (max-width: 1110px) {*/
    body.bdsi #header .logo-wrapper {
        margin-left:80px;
        margin-top: 20px;
    }
    body.bdsi #header .toolbar {
        margin-right:80px;
    }
    body.bdsi #gruppennavi {
        float: left;
        margin-right: 80px;
        margin-top: 20px;
        margin-bottom: 0px;
        margin-left: 80px;

    }
    body.bdsi #gruppennavi nav.desktop-style > ul > li:first-child > a {
        margin-left:0;
    }
    body.bdsi #gruppennavi nav.desktop-style > ul > li:first-child:hover > ul {
        display: block;
        left: 0px !important;
    }
    body.bdsi #gruppennavi,
    body.bdsi #content{

    }
    body.bdsi #header .keyvisual .overlay {
        font-size: 36px;
    }
}

@media screen and (max-width: 1081px) {
	body.bdsi #gruppennavi nav.desktop-style > ul > li > a {
	  margin-left: 9px;
	  margin-right: 10px;
	}
    body.bdsi #gruppennavi nav.desktop-style > ul > li:last-child > a {
        margin-right: 0px;
    }
}

@media screen and (max-width: 1023px) {
    /*body.commblue #header .logo-wrapper {
        width: 251px;
        height: 140px;
        margin: 15px auto;
        margin-bottom: 50px;
    }*/
    body.commblue #header .logo-wrapper .logo {
        width: auto;
        height: auto;
        margin-top:0;
    }
    
    body.commblue.gs #header .banner {
        font-size: 27px;
        width: 100%;
        text-align: center;
        top:163px;
        left:0;
    }
    body.commblue.gs #header .logo-wrapper .homelink {
        display:block;
    }
    body.commblue.gs #header .logo-wrapper .homelink img{
        position:absolute;
    }
    body.commblue.gs  #header .toolbar #searchbox input[type="text"] {
        width: 150px;
    }
    body.commblue #gruppennavi .desktop-style{
        display:none;
    }
    body.bdsi #gruppennavi {
        float: left;
        margin-right: 0px;
        margin-top: -80px;
        margin-bottom: 0px;
        margin-left:0;
        width: 100%;
    }
    body.gs #gruppennavi {
        float: left;
        margin-right: 0px;
        margin-top: 30px;
        margin-bottom: 0px;
        width: 100%;
        background:#e1871a;
    }
    body.commblue #gruppennavi .mobile-style{
        display:block;
        position:relative;
    }
    body.commblue.bdsi #gruppennavi .mobile-style {
        display: block;
        position: relative;
        top: -5px;
        background:none;
        margin:0;
    }
    body.commblue #gruppennavi .mobile-style ul.first-level{
        width: 320px;
        position: absolute;
        left:40px;
    }
    
        body.bdsi #gruppennavi .mobile-style ul.first-level{
        width: 320px;
        position: absolute;
        left:40px;
        border-right: 1px solid #dddddd;
    }
	body.commblue.gs #gruppennavi .mobile-style ul.first-level {
		width: 320px;
		position: absolute;
		left: 20px;
	}
    body.commblue.bdsi #gruppennavi .mobile-style ul.first-level{
        right: 80px !important;
        top:44px;
        left: inherit !important;
        z-index:10000;
    }
    body.commblue #gruppennavi .mobile-style ul li{
        float:left !important;
        width:100%;
        box-sizing:border-box;
        position:relative;
    }
    
    body.bdsi #gruppennavi .mobile-style ul li{
        float:left !important;
        width:100%;
        box-sizing:border-box;
        position:relative;
        border-top: 1px solid #dddddd;
    }
    body.gs #gruppennavi .mobile-style ul li li a{
        padding-left:35px !important;
    }
    body.gs #gruppennavi .mobile-style ul li li li a{
        padding-left:45px !important;
    }
    
    body.bdsi #gruppennavi .mobile-style ul.navi-items li .toolbar span {
    position: static;
    background: none;
    height: auto;
    width: auto;
}

    body.commblue #gruppennavi .mobile-style ul.navi-items li a{
        padding:5px 22px;
        width:100%;
        display: inline-block;
        z-index:10;
        border-top:1px solid #fff;
    }
    body.gs #gruppennavi .mobile-style a.active{
        background: #eaa964 !important;
    }
    
    body.gs #gruppennavi .mobile-style .nav-icon.activated {
        background-color: #eaa964 !important;
    }
    
    
    body.commblue #gruppennavi .mobile-style ul.navi-items li a:hover,
    body.commblue #gruppennavi .mobile-style ul.navi-items li a:active{
        background-color: #eaa964;
        color: #000;
    }
    
    body.bdsi #gruppennavi .mobile-style ul.navi-items li a:hover,
    body.bdsi #gruppennavi .mobile-style ul.navi-items li a.active{
        background-color: #fff;
        color: #ea1b47;
    }
    body.bdsi #gruppennavi .mobile-style ul.navi-items li li {
        padding-left:20px;
    }
    body.bdsi #gruppennavi .mobile-style .toolbar li {
        padding-left:0px !important;
    }
    body.bdsi #gruppennavi .mobile-style .nav-icon {
        background-color:#fff !important;
    }
    body.commblue #gruppennavi .mobile-style ul li a.active{
        color:#000;
    }
    body.commblue #gruppennavi .mobile-style ul.navi-items li span{
        padding-right: 20px;
        top: 1px;
        position: absolute;
        display: block;
        width: 25px;
        height: 37px;
        background: url("/static/img/navarrow-down-white.png") no-repeat scroll left center rgba(0, 0, 0, 0);
        z-index: 9999999;
        right: 0px;
    }
        body.bdsi #gruppennavi .mobile-style ul.navi-items li span{
        padding-right: 20px;
        top: 1px;
        position: absolute;
        display: block;
        width: 25px;
        height: 37px;
        background: url("/static/img/bdsi-navi-arrow-down.png") no-repeat scroll left center #fff;
        z-index: 9999999;
        right: 0px;
    }
    body.commblue #gruppennavi .mobile-style ul.navi-items li span:hover{
        cursor: pointer;
    }
    body.commblue #gruppennavi .mobile-style ul li.item-gs-logout-html{
        float: right !important;
        position: absolute !important;
        right: 0px;
        top: -195px;
    }
    body.commblue #gruppennavi .mobile-style ul.navi-items li span.activated{
        background: url("/static/img/navarrow-up-black.png") no-repeat scroll left center;
        background-color: transparent !important;
    }
    body.bdsi #gruppennavi .mobile-style ul.navi-items li span.activated{
        background: url("/static/img/bdsi-navi-arrow-up.png") no-repeat scroll left center #fff;
    }
    body.commblue #gruppennavi .mobile-style ul li.item-gs-logout-html a {
        background:none;
    }
    body.commblue #gruppennavi .mobile-style ul li.item-gs-logout-html span{
        right:20px;
        top:3px;
        float: right;
        display:block;
        width: 45px;
        height:25px;
        z-index:9999999;
        background: url("/static/img/gs-icon-logout.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
        padding-left: 35px;
        color: #666;
    }
    
        body.bdsi #gruppennavi .mobile-style ul li.item-gs-logout-html span{
        right:20px;
        top:3px;
        float: right;
        display:block;
        width: 45px;
        height:25px;
        z-index:9999999;
        background: url("/static/img/bdsi-navi-arrow-down.png") no-repeat scroll left center rgba(0, 0, 0, 0);
        padding-left: 35px;
        color: #666;
    }
    body.commblue #header .gs-element-toolbar-clone #searchbox {
        float: left;
        margin-right: 20px;
    }
    body.commblue .gs-element-toolbar-clone #searchbox #search_search{
        display:none;
    }
    body.commblue .gs-element-toolbar-clone li {
        background: #e1871a !important;
    }
    body.commblue .gs-element-toolbar-clone li:last-child {
        background: #fff !important;
    }
    body.commblue .gs-element-toolbar-clone .item-gs-hilfe-html a{
        background: url("/static/img/gs-icon-hilfe.gif") no-repeat scroll left center #e1871a;
        padding-left: 35px;
        height:40px;
        line-height:40px;
        color:#fff !important;
    }
    body.commblue .gs-element-toolbar-clone a.erweiterte-suche{
        background: url("/static/img/gs-icon-hilfe.gif") no-repeat scroll left center #e1871a;
        padding-left: 35px;
        height:40px;
        line-height:40px;
        color:#fff !important;
    }
    body.commblue #gruppennavi .mobile-style ul li li a{
        padding-left:40px;
    }
    body.commblue #gruppennavi .mobile-style ul li li li  a{
        padding-left:60px;
    }
    body.commblue #gruppennavi .mobile-style {
        width:100%;
        background:#e1871a;
        margin:0 auto;
        overflow: inherit;
    }
    
        body.bdsi #gruppennavi .mobile-style {
        width:100%;
        background:#e1871a;
        margin:0 auto;
        overflow: inherit;
    }
    body.commblue #gruppennavi .mobile-style .hamburger-icon-wrapper {
        position:relative;
        width:100%;
        width:calc(100% - 80px);
        height:40px;
        background:#e1871a;
        margin:0 40px;
    }
    body.bdsi #gruppennavi .mobile-style .hamburger-icon-wrapper {
        position:relative;
        width:100%;
        height:40px;
        background:none;
        margin:0;
    }
    body.commblue #gruppennavi .mobile-style .hamburger-icon {
        position: absolute;
        left: 0px;
        top: 3px;
        cursor: pointer;
        width: 32px;
        height: 32px;
    }
    body.commblue.bdsi #gruppennavi .mobile-style .hamburger-icon {
        right:80px;
        left:inherit;
    }
    
    body.commblue #gruppennavi .mobile-style .hamburger{
		width: 32px;
		height: 7px;
		background: #fff;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		transition: .5s;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;

		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;

		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
		box-sizing:border-box;
	}
    body.bdsi #gruppennavi .mobile-style .hamburger {
        background: #666;
    }
	body.commblue #gruppennavi .mobile-style .hamburger:before,
	body.commblue #gruppennavi .mobile-style .hamburger:after{
		content: "";
		position: absolute;
		width: 32px;
		height: 7px;
		background:#fff;
		transition: .5s;
		transition: .5s;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;

		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;

		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
		box-sizing:border-box;
	}
    
    body.bdsi #gruppennavi .mobile-style .hamburger:before,
	body.bdsi #gruppennavi .mobile-style .hamburger:after{
        background: #666;
    }
        
	body.commblue #gruppennavi .mobile-style .hamburger:before{
		top: -10px;
	}
	body.commblue #gruppennavi .mobile-style .hamburger:after{
		top: 10px;
	}
	body.commblue #gruppennavi .mobile-style .hamburger-icon.active .hamburger{
		background: rgba(0,0,0,0);
	}
	body.commblue #gruppennavi .mobile-style .hamburger-icon.active .hamburger:before{
		top: 0;
		transform: rotate(45deg);
	}
	body.commblue #gruppennavi .mobile-style .hamburger-icon.active .hamburger:after{
		top: 0;
		transform: rotate(135deg);
	}
    body.commblue .hide-on-small {
        display:none;
    }
    body.commblue .gs-element-toolbar-clone {
        display:none;
    }
    body.commblue .gs-element-toolbar-original {
        display:block;
    }
    body.commblue #content {
        max-width:100%;
    }
    body.bdsi #header .keyvisual {
        margin-top:-40px;
    }
    body.bdsi #header .toolbar, 
    body.bdsi #header .toolbar #searchbox {
        margin-right: 0;
        width:auto;
        position: static;
        float:left;
        width:100%;
    }
    body.bdsi #header .toolbar ul,
    body.bdsi #header .toolbar ul li,
    body.bdsi #header .toolbar ul li a{
        float: left;
        display: block;
        width: 100%;
    }
	body.commblue #gruppennavi .mobile-style ul.navi-items li .toolbar span {
		position:static;
	    background:none;
		height:auto;
	}
	body.commblue #gruppennavi .mobile-style ul.navi-items li .toolbar #search_search{
		margin: 0 auto;
		width: 272px;
	}
	body.commblue #gruppennavi .mobile-style ul.navi-items li .toolbar #searchbox a {
		margin: 0;
	}
	body.bdsi #gruppennavi .mobile-style .hamburger,
	body.bdsi #gruppennavi .mobile-style .hamburger::before, 
	body.bdsi #gruppennavi .mobile-style .hamburger::after {
		background:#e6002f;
	}
    body.commblue.bdsi #gruppennavi .mobile-style ul.first-level {
        border-left:1px solid #cacaca;
        border-bottom:1px solid #cacaca;
    }
}
@media screen and (max-width: 980px) { 
    body.bdsi #header .logo-wrapper {
        margin-left: 50px;
    }
    body.commblue.bdsi #gruppennavi .mobile-style .hamburger-icon {
        right: 50px;
    }
    body.commblue.bdsi #content {
        width:100%;
        margin: 0;
        padding:0px 50px;
        box-sizing:border-box;
    }
    body.commblue.bdsi #gruppennavi .mobile-style ul.first-level {
        right: 50px !important;
    }
}
@media screen and (max-width: 936px) {
	body.bdsi #header .keyvisual .overlay{
		position:static;
		width: 100%;
		padding:20px;
		float:left;
		text-align:center;
		box-sizing: border-box;
	}
	body.commblue.bdsi #header .keyvisual img {
		max-width: 100%;
		width: 100%;
		height: auto;
	}
	body.bdsi #header .keyvisual .overlay .claim {
		display: block;
		padding-top: 0px;
		margin-left: 0;
	}
}

@media screen and (max-width: 920px) { 
    body.commblue .teaser {
        width:800px;
        max-width:100%;
    }
    body.commblue .teaser ul li {
        margin: 0 !important;
        margin-bottom:20px !important;
        width: calc(50% - 10px);
    }
    body.commblue .teaser ul li:nth-child(2n+1) {
        margin-right:20px !important;
    }
}

@media screen and (max-width: 840px) {
    
    /****CONTAINER_DEFINITIONEN*****/
    body.commblue {
        overflow-x: hidden;
    }    
    body.commblue #wrapper-content-right-left {
        padding-left: 20px;
        padding-right: 20px;
    }    
    body.commblue #content {
        margin-left:0px;
        margin-right:0px;
    }    
    body.commblue #right-outer {
        float: none;
    }    
    body.commblue #right {
        margin-left:0px;
        width: auto;
    }    
    body.commblue #left {
        display:none;
    }
    body.commblue #header-wrapper {
        padding-top:0px;
    }
    body.commblue #header img{
        max-width:80%;
        height:auto;
    }
    body.commblue.gs #header img{
        max-width:100%;
        height:auto;
    }
    body.commblue #header .toolbar #searchbox {
        margin-right: 20px;
    }
    body.commblue #left ul.navigation {
        display:block;
    }
    body.commblue #header ul.navigation {
        display:none;
    }
    body.commblue #gruppennavi .mobile-style .hamburger-icon-wrapper {
        position: relative;
        width: 100%;
        height: 40px;
        background: #e1871a;
        margin: 0 0px;
    }
    body.commblue.bdsi #gruppennavi .mobile-style .hamburger-icon-wrapper {
        background: none;
    }
    body.bdsi #header .keyvisual {
        margin-top: -50px;
    }
    body.bdsi #gruppennavi {
        margin-top: -90px;  
    }
    body.commblue #gruppennavi .mobile-style .hamburger-icon {
        left: 20px;
    }
    body.commblue #left {
        padding: 10px 5px;
        background: none repeat scroll 0 0 #fff;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        width: 50%;
        box-sizing:border-box;
    }
    body.commblue.gs #gruppennavi .mobile-style ul.first-level {
		width: 320px;
		position: absolute;
		left: 0;
	}
    body.commblue input#menuopen + #left {
        display: block;
        position: absolute;
        right: -1500px;
        top: 100px;
    }
    
    body.commblue input#menuclose:checked + .hamburger-button > .topclose{
           z-index:1;
    }
    
    body.commblue input#menuopen:checked + #left {
        transition: 1s;
        right: 11px;
    }
    
    @-webkit-keyframes left {
        100% { right: 11px; }
    }
    @keyframes left {
        100% { right: 11px; }
    }
}

@media screen and (max-width: 767px) {
    body.commblue .gs-element-toolbar-clone {
        display:block;
        width: auto !important;
        margin-top:0  !important;
    }
    body.commblue .gs-element-toolbar-clone ul{
        float: left !important;
        displaY:block;
        margin-right: 20px;
        width: auto !important;
    }
    body.commblue .gs-element-toolbar-original {
        display:none;
    }
    body.commblue #header .gs-element-toolbar-clone #searchbox {
        float: left;
        margin-right: 20px;
        position: relative;
        top: 0;
        font-size: 14px;
    }
    body.commblue .gs-element-toolbar-clone .item-gs-logout-html {
        position: absolute;
        top: -159px;
        width: 25px !important;
        height: 25px;
        right: 0;
    }
    body.commblue #header .toolbar ul li.item-gs-hilfe-html a {
        background: url("/static/img/gs-icon-hilfe-white.png") no-repeat scroll left center rgba(0, 0, 0, 0);
        padding-left: 35px;
        width:35px;
        box-sizing:border-box;
    }
    body.commblue .gs-element-toolbar-clone a.erweiterte-suche {
        background: url("/static/img/gs-icon-suche-white.png") no-repeat scroll left center rgba(0, 0, 0, 0);
        padding-left: 35px;
        width:auto;
        box-sizing:border-box;
    }
}
@media screen and (max-width: 720px) {
    body.commblue.bdsi #content {
        padding:0;
    }
    body.bdsi #header .logo-wrapper {
        margin-left: 20px;
    }
    body.commblue.bdsi #gruppennavi .mobile-style .hamburger-icon {
        right: 20px;
    }
    body.commblue.bdsi #gruppennavi .mobile-style ul.first-level {
        right: 20px !important;
	}

}
@media screen and (max-width: 640px) {

    body.commblue table.archivliste tr td, body.commblue table.archivliste tr td.links, body.commblue table.archivliste tr td.rechts {
        border-top: 1px solid #abadad;
        display: block;
    }
    body.commblue table.archivliste tr td:nth-child(2n) {
        border-top: none;
    }
    body.commblue table.archivliste tr:first-child td {
        display:none;
    }
    body.commblue table.archivliste tr td:first-child a {
        display: block !important;
        margin-top: 7px;
        margin-left: 10px;
        width: 26px;
        height: 26px;
        float: right;
    }
    body.commblue table.archivliste  a.has-icon {
        display:none;
    }
        body.commblue #header-wrapper {
        margin-bottom: 30px;

    }
    
    body.bdsi .neu {
        margin-right: 30px;
    }
}
@media screen and (max-width: 640px) {
    .bildergallerie ul li {
        width: calc(50% - 20px);
    }
}
@media screen and (max-width: 639px) {
    body.commblue .teaser ul li,
    body.commblue .teaser ul li:nth-child(2n+1)    {
        width:100%;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    

}
@media screen and (max-width: 480px) {
	
	body.commblue h1 {
		font-size: 28px;
	}    
    
	#cmb-login-form,
	#cmb-login-form *{
		box-sizing:border-box;
		max-width:100%;
	}
	body.commblue dl.zend_form dd,
	body.commblue dl.zend_form dd input,
	body.commblue dl.zend_form dt {
		width:95%;
	}
	#formname-label {
		display:none;
	}
	body.commblue dl.zend_form dt#rememberMe-label {
		width:150px;
	}
	body.commblue dl.zend_form dd#rememberMe-element {
		width:40px;
	}
	body.commblue dl.zend_form dd#login-element {
		width:220px;
    }
    body.commblue #gruppennavi .mobile-style li.item-gs-hilfe-html {
        text-indent:-99999px;
        padding-right:0 !important;
        padding-left:26px;
    }
    body.commblue #gruppennavi .mobile-style a.erweiterte-suche,
    body.commblue #gruppennavi .mobile-style li.item-gs-hilfe-html a {
                text-indent: -99999px;
                padding-right:0;
                width: 40px;
        background-position-x: right !important;
    }
    body.commblue #header .gs-element-toolbar-clone ul {
        margin:0;
    }
    body.commblue #gruppennavi .mobile-style li.item-gs-logout-html a {
        text-indent:-99999px;
        padding-right:0;
    }
    body.commblue #header .gs-element-toolbar-clone #searchbox {
        margin-right:20px;
    }
    body.commblue #gruppennavi .mobile-style ul li.item-gs-logout-html span {
        right: 0px;
        padding: 0;
        width: 26px;
    }
    .sm-hidden {
        display:none !important;
    }
    .gs-seminare #content .image{
        max-width:100%;
    }
    body.commblue table.filter td.input input.dateField {
        width:272px;
    }
}
@media screen and (max-width: 420px) {
    .bildergallerie ul li {
        width: 100%;
    }
}

.bdsi .has-icon.download.anzeigen {
 display:none;   
}


@media screen and (max-width: 1100px) {
	body.bdsi #gruppennavi nav.desktop-style > ul > li > a {
	  margin-left: 9px !important;
	  margin-right: 9px  !important;
	}
    body.bdsi #gruppennavi nav.desktop-style > ul > li:last-child > a {
        margin-right: 0px  !important;
    }
}