/* RESPONSE TABLE BOX */
.responseboxwrap {
	position: relative;
}
	.responsebox {
		/*position: relative;*/
		overflow: auto;
	}
.responsebox::-webkit-scrollbar {
    -webkit-appearance: none;
}
.responsebox::-webkit-scrollbar:vertical {
    width: 11px;
}
.responsebox::-webkit-scrollbar:horizontal {
    height: 11px;
}
.responsebox::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
}
.responsebox::-webkit-scrollbar-track { 
    background-color: #fff; 
    border-radius: 8px; 
} 
	.responseboxwrap .tarrow {
		opacity: 0;
		position: absolute;
		height: 17px;
		width: 11px;
		background: url(../images/tarrows.png) no-repeat center center;		
		top: 50%;
		margin-top: -6px;	
	}
	.responseboxwrap .tarrowl {	
		left: -21px;
		background-position: left center;	
	}
	.responseboxwrap .tarrowr {		
		right: -21px;
		background-position: right center;		
	}

@media only screen and (max-width: 1350px){
	.jf_sidebuttons.right{
		display: none;
	}
	
	
	
	#adressenForm .filter ~ #gmap{
		clear: both;
	}
}


/* BOOTSTRAP MOBILE MENU BREAKPOINT */
@media only screen and (min-width: 980px) {
	
}

	
@media only screen and (max-width: 979px) {
	#search,
	#topmenu{
		display: none;
	}
	
	#top .top-inner{
		padding-top: 20px;
	}
	
	#mobilemenu .level-1 > li{
		margin-bottom: 0px;
	}
	

	#component p {
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		-webkit-hyphens: auto;
		hyphens: auto;
	}	
	
	.flexsliderwrap,
	#footerpilz,
	#shadowelement {
		display: none;
	}
	
	#logo {
		max-width: 390px;
	}
	
	#mobilemenu a {
		text-decoration: none !important;
	}
	
	#mainmenu ul {
		background-color: transparent;
	}
	
	ul.menu.level-2,
	ul.menu.level-3 {
		display: none;
	}
	
	#mainmenu .navbar {
		background-color: #2A3D92;
	}
	
	button.btn.btn-navbar {
		background-color: transparent;
		box-shadow: none;
		margin: 10px;
	}
	
	.navbar .btn-navbar .icon-bar {
	width: 25px;
	}
	
	button.btn.btn-navbar:hover,
	button.btn.btn-navbar:active,
	button.btn.btn-navbar:focus {
		background-color: transparent;
		outline: none;
	}
	
	.navtitle {
		color: #FFF;
		display:inline-block !important;
		font-size: 16px;
		margin: 15px 0px 0px 18px;
		padding-left: 21px;
		background-image: url(../images/signpost.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 14px;
	}
	
	nav > ul > li > a {
		padding: 14px 0 !important;
		width: 100%;
	}
	
	#mainmenu .nav-collapse{
		display: none;
	}
	
	#mobilemenu ul.level-1 li {
		display: block;
	}
	
	#mobilemenu br {
		display: none;
		visibility: hidden;
	}
	
	#mobilemenu ul {
		text-align: left;
	}
	
	#mobilemenu nav ul.level-1 > li.parent.deeper > a {
		font-size: 18px;
		text-transform: uppercase;
	}
	
	#mobilemenu nav ul.level-1 > li.parent.deeper > ul li a {
		text-transform: none;
		font-size: 16px;
		padding: 6px 0px;
		width: 100%;
	}
	
	#mobilemenu nav > ul > li {
		border-bottom: solid 1px #FFF;
	}
	
	#mobilemenu nav > ul > li > ul {
		padding-bottom: 20px;
	}
	
	#mobilemenu nav > ul > li > ul > li {
		border-bottom: solid 1px rgba(255,255,255,0.2);
		margin: 0px 10px !important;
		padding-left: 4px;
	}
	
	#mobilemenu nav > ul > li > ul > li.parent {
		background-image: url(../images/dropdown-ico.png);
		background-position: right 4px center;
		background-repeat: no-repeat;
	}
		
	#mobilemenu nav > ul > li > ul > li.parent.alive {
		background-image: none;
	}
	
	
	#mobilemenu nav > ul > li > ul > li:first-of-type {
		border-top: solid 1px rgba(255,255,255,0.2);
	}

	#mobilemenu ul.level-2 li a {
		font-size: 14px !important;
		max-width: none;
		min-height: 0px;
		padding-left: 16px !important;
		background-image:  url(../images/third-lvl-element.png);
		background-repeat: no-repeat;
		background-position: 0px 10px;
		background-size: 8px;
	}
	
	#mobilemenu ul.level-2 li {
    margin-right: 0px;
	}

	#mobilemenu ul.level-2, #mobilemenu ul.level-3{
		height: auto;
	}
	
	#mobilemenu ul.level-2 > li, #mobilemenu ul.level-3 > li{
		min-height: 0px;
		margin-bottom: 0px;
	}
	
	#mobilemenu ul.level-2 li a, #mobilemenu ul.level-3 li a,
	#mobilemenu ul li a span{
		text-align: left;
	}
	
	#mobilemenu .sub li{
		background-color: #2a3d92;
		border-bottom: solid 1px #fff;
		text-transform: uppercase;
		font-size: 18px;
		padding: 14px 10px;
	}
	
	#mobilemenu .sub li a,
	#mobilemenu .sub li a:hover{
		color: #fff;	
		display: block;
	}
	
	#mobilemenu .level-1 > .active > a{
		text-shadow: 1px 0px 0px rgba(255,255,255,1);
	}

	#mobilemenu .level-2 > .active > a{
		text-shadow: 1px 0px 0px rgba(255,255,255,1);
	}
	
	#mobilemenu ul ul ul li{
		padding: 4px 0;
	}
	
	ul.level-1 li.blau,
	ul.level-1 li.blau ul {
		background-color: #4183d7 !important;
	}
	
	ul.level-1 li.gelb,
	ul.level-1 li.gelb ul {
		background-color: #e2a224 !important;
	}
	
	ul.level-1 li.braun,
	ul.level-1 li.braun ul {
		background-color: #7f3d27 !important;
	}
	
	ul.level-1 li.gruen,
	ul.level-1 li.gruen ul {
		background-color: #1e824c !important;
	}
	
	ul.level-1 li.lila,
	ul.level-1 li.lila ul {
		background-color: #674172 !important;
	}
	
	ul.level-1 li.rot,
	ul.level-1 li.rot ul {
		background-color: #e84c3d !important;
	}
	
	ul.level-1 li.grau,
	ul.level-1 li.grau ul {
		background-color: #808080 !important;
	}
	
	
	#mobilemenu .blau a,
	#mobilemenu .gelb a,
	#mobilemenu .braun a,
	#mobilemenu .gruen a,
	#mobilemenu .lila a,
	#mobilemenu .rot a,
	#mobilemenu .grau a{
		color: #fff;
	}
	
	
	
	/* ul.level-1 li.publikationen,
	ul.level-1 li.publikationen ul {
		background-color: #55b73c !important;
	}
	
	ul.level-1 li.presse,
	ul.level-1 li.presse ul {
		background-color: #e87e04 !important;
	} */
	
	#mobilemenu li.parent > ul{
		display: none;
	}
	
	.home-headline {
		margin-top: 70px;
		background-image: none;
	}
	
	
	#mobilemenu ul ul li {
		display: block !Important;
	}
	
	
	#formdownloads .downloads,
	#formdownloads .downloads .filter{
		display: inline-block;
	}
	
	
	#formdownloads .downloads{
		text-align: center;
	}
	
	#formdownloads .downloads .filter,
	#formdownloads .downloads .page-header,
	#formdownloads .downloads .items,
	#formdownloads .downloads .pagination{
		text-align: left;
	}
	
	#formdownloads .field-filter label{
		margin-left: 0px;
		margin-right: 0px;
		width: 110px;
	}
	
	
	#formdownloads .downloads  .field-filter,
	#formdownloads .downloads .filter{
		width: 334px;
	}
	
	#formdownloads .field-filter input{
		width: 219px;
	}
	
	#formdownloads .field-filter:last-child{
		text-align:right;
	}
	
	
	#adressenForm .filter{
		display: block;
		clear: both;
	}
	
	#adressenForm .filter > .field-filter:nth-child(3){
		display: block;
		text-align: right;
		margin-right: 0px;
	}
	
	#adressenForm .filter .reset{
		display: inline-block;
		margin-bottom: 10px;
	}
	
	
}


/* IMPORTANT BREAKPOINT ONE */
@media only screen and (max-width: 767px) {
	
	#logo{
		display: none;
	}
	
	#logo-mobile{
		display: inline-block;
		max-width: 300px;
	}
	
	body {
		padding: 0px;
	}
	
	#top .top-inner {
		padding: 40px 20px;
	}
	
	.bildnachweis {
		width: 100% !important;
		padding: 0px !important;
		margin-left: 0px !Important;
		margin-right: 0px !Important;
	}
	
	.top-inner .span7 {
		text-align: center;
	}
	
	.top-inner .span7 img {
		width: 90%;
	}
	
	#search form {
		float: none !important;
		width: 246px;
		margin: 0 auto;
	}
	
	.newsflash-wrapper {
    	padding: 20px 0px !important;
  	}
  
  .newsflash .newsflash-item {
		text-align: center;
		margin: 0 auto !important;
		max-width: 280px;
		margin-bottom: 50px !important;
		border: solid 1px #2A3D92;
		background-color: #fff;
	}

	.newsflash .newsflash-item p:first-of-type {
		padding: 10px 30px 0px 15px;
	}

	.newsflash .newsflash-item h3 {
		padding: 0px 15px;
	}
	
	.newsflash p.readmore .btn::after {
		 border-top: 46px solid #fff;
	}
	
	#teasers .newsflash .newsflash-item {
		text-align: left;
		margin-bottom: 50px;
	}
	
	#teasers .newsflash-item h3 {
    min-height: 0px;
	}
	
	#footer .social {
		text-align: center;
		padding-bottom: 10px;
	}
	
	#footer .span10 {
		text-align: center;
	}
	
	#footer ul.nav {
		text-align: center;
		padding-bottom: 10px;
		display: inline-block;
	}
	
	#footer ul.nav li {
		display: block;
		text-align: center;
		margin-bottom: 5px;
		margin-right: 0px;
	}
	
	#footer .social img {
		margin: 5px;
	}
	
	.quicklinks {
		margin: 0 auto !important;
		display: block;
		padding: 0px;
		text-align: center;
	}
	

	.quicklinks .custom {
		margin: 0px 0px 35px 50px;
		float: left;
	}
	
	.quicklinks .custom p {
		min-height: 150px !important;
	}
	
	.blog-featured.startpage {
		padding: 0px 40px;
	}
	
	.blog-featured .item-title  {
		margin-top: 10px;
	}
	
	.home-headline h3 {
		font-size: 16px;
		padding-top: 20px;
	}
	
	#footerbending {
		margin-top: 30px;
	}
	
	#subpage {
		padding: 20px 30px;
	}
	
	#subpage div.offset1.span4 {
		margin-left: 0px;
	}
	
	#contact-form .controls,
	#contact-form .control-label {
		display: inline-block;
		margin-left: 0px;
		text-align: left;
	}
	
	#contact-form .controls input {
		max-width: 356px !important;
		width: 100% !important;
		display: inline-block;
		min-height: 0px !important;
	}
	
	.form-horizontal .control-label {
		text-align: right;
		padding-top: 5px !important;
		display: inline-block;
	}
	
	.form-horizontal .controls {
		float: right;
		width: 100%;
		display: inline-block;
	}
	
	#contactpage textarea {
		width: 100%;
	}
	
	#contactpage {
		text-align: left;
		display: inline-block;
	}
	
	#contactpage .well {
		padding: 0px 15px;
	}
	
	#contactpage h2 {
		font-size: 16px;
		line-height: 20px;
	}
	
	#contactpage #jform_captcha {
		width: auto !important;
	}
	
	.contact-form fieldset:first-of-type .control-group:last-of-type .controls {
		width: 10px;
	}
	
	fieldset #jform_contact_email_copy {
		margin-left: -3px !important;
	}
	
	fieldset div:last-of-type .control-label {
		max-width: 200px;
		width: 100%;
	}
	
	#contactpage fieldset:first-of-type .control-group:last-of-type .control-label {
		margin: 0px;
	}
	
	#contactpage fieldset:first-of-type .control-group:last-of-type {
		max-width: 240px;
	}
	
	.comadresstable {
		display: block;
	}

	#adressenForm input#filter_search {
		min-width: 0px !important;
	}
	
	.comadresstable,
	.comadresstable .span2 {
	text-align: center !important;
	}
	
	.comadresstable .span4 {
		margin-top: 15px;
	}
	
	#adressenForm .filter {
		text-align: center;
		display: block;
	}
	
	#adressenForm .filter .field-filter{
		display: block;
		width: 100%;
		margin: 0px 0px 15px 0px;
		text-align: center !important;
	}
	
	#adressenForm .filter .controls,
	#adressenForm .filter .control-group,
	#adressenForm .filter .control-label{
		display: block;
		width: 100%;
	}
	
	#adressenForm .filter input,
	#adressenForm .filter select{
		width: 100%;
		max-width: 360px;
	}
	
	#adressenForm .filter .reset{
		float: none;
	}
	
	#component ul.reattachment li{
		display: block !important;
	}
	
	ul.reattachment li span{
		display: block;
		margin-left: 0px !important;
		padding-left: 30px;
	}
	
	ul.reattachment span.filesize{
		width: auto;
		display: inline-block;
		margin-left: 30px !important;
	}
	
	ul.reattachment .ico-ext{
		display: block;
		height: auto;
	}
	
}	
	

/* SMALL SMARTPHONE */
@media only screen and (max-width: 480px) {
	
		div.blog-featured.startpage .item-image {
		float: none;
		display: block;
		width: auto;
		height: auto;
		margin-right: 0px;
	}
	
	div.blog-featured.startpage .item-image img {
		float: none;
		width: 100%;
	}
	
	.blog-featured.startpage .item h3 {
		padding-top: 0px;
	}
	
	#contactpage #recap-jform_captcha {
		text-align: center;
	}
	
	#contactpage #recap-jform_captcha img {
		margin-bottom: 10px;
	}
	
	#contactpage #jform_captcha {
		width: 80% !important;
	}
	
	
	
	#formdownloads .downloads  .field-filter,
	#formdownloads .downloads .filter,
	#formdownloads .field-filter input,
	#formdownloads .field-filter label,
	#formdownloads .controls,
	#formdownloads .control-label,
	#formdownloads .control-group,
	#formdownloads .chzn-container{
		width: 100% !important;
		display: block !important;
	}
	
	#formdownloads .field-filter label{
		margin-bottom: 5px;
	}
	
}