﻿@charset "UTF-8";

/* ________________________ BVR-STYLE RESPONSIVE____________________________________________ */


/* _______________________________________________________________________________________________________________________________ */
/* _______________________________________________________________________________________________________________________________ */
/* __________________________________________________________________________________________________Responsive erster Breakpoint  */
/* _______________________________________________________________________________________________________________________________ */
/* _______________________________________________________________________________________________________________________________ */

@media only screen and (max-width: 950px) {
		
	/* 	-------------------------------------- Meta Navigation und Footer */
	DIV#gad_meta_navigation DIV.service {
		width: 100%;
	}
	
	DIV#gad_meta_navigation DIV.service UL LI {
		width: 50%;
		margin: 0;
		float: left;
	}
	
	DIV#gad_footer_menu DIV.gad-box.column {
		width: 50%;
		margin: 0 0 1.5385em 0;
		float: left;
	}
	
	#gad_tabnavigation_box UL.gad-tabnavigationList LI > A {
		font-size: 1em;
	}
	
	/* 	-------------------------------------- FooTable */
	
	TABLE.gad-table {
		table-layout: auto;
	}
	
	.footable THEAD TR TH {
		overflow: hidden;
	}
	.footable {
	  width: 100%;
	}
	.footable.breakpoint > tbody > tr.footable-detail-show > td {
	  border-bottom: none;
	}
	.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) {
	  cursor: pointer;
	}
	.footable.breakpoint > tbody > tr > td.footable-cell-detail {
	  border-top: none;
	}
	.footable.breakpoint > tbody > tr > td > span.footable-toggle {
	  display: inline-block;
	  float:left;
	  padding-right: 0.313em;
	
	}
	.footable > thead > tr > th {
	  -webkit-touch-callout: none;
	  -webkit-user-select: none;
	  -khtml-user-select: none;
	  -moz-user-select: -moz-none;
	  -ms-user-select: none;
	}
	.footable > tfoot .pagination {
	  margin: 0;
	}
	.footable.no-paging .hide-if-no-paging {
	  display: none;
	}
	.footable-row-detail-inner {
	  display: table;
	}
	.footable-row-detail-row {
	  display: table-row;
	  line-height: 1.5em;
	}
	.footable-row-detail-group {
	  display: block;
	  line-height: 2em;
	  font-size: 1.2em;
	  font-weight: bold;
	}
	.footable-row-detail-name {
	  display: table-cell;
	  font-weight: bold;
	  padding-right: 0.5em;
	}
	.footable-row-detail-value {
	  display: table-cell;
	}

	
	/* 	--------------------------------------  Table Pagination */
	DIV.gad-paginationBox DIV.gad-decoratedControl.ym-g80 {
		width: 75%;
	}
	
	DIV.gad-paginationBox DIV.gad-controlGroup.ym-g20 {
		width: 25%;
	}
		
}

/* _______________________________________________________________________________________________________________________________ */
/* _______________________________________________________________________________________________________________________________ */
/* __________________________________________________________________________________________________Responsive zweiter Breakpoint */
/* _______________________________________________________________________________________________________________________________ */
/* _______________________________________________________________________________________________________________________________ */



/* _______________________________________________________________________________ Navigation Responsive */
@media only screen and (min-width: 651px) {
	DIV#gad_navigation_box UL#gad_main_navigation>LI#gad_responsive_menu_button
		{
		display: none;
	}
}


@media only screen and (max-width: 650px) {
	
	#gad_navigation_box UL#gad_main_navigation {
 		display: inline-block;
	}
	
	BODY {
		overflow-x: hidden;
	}
	
	DIV#gad_navigation_box {
		max-height: 2.3077em;
		float:none;
	}
	DIV#gad_navigation_box UL#gad_main_navigation>LI.gad_mainNavigationItem
		{
		display: none;
	}
	DIV#gad_navigation_box UL#gad_main_navigation>LI#gad_responsive_menu_button
		{
		display: inline-block;
		margin: -0.7692em 0 0 1.1538em;
	}
	DIV#gad_navigation_box UL#gad_main_navigation>LI#gad_responsive_menu_button>A.gad-buttonCallToAction
		{
		font-weight: normal;
		padding: 0 0.4375em 0 0.5625em !important;
	}
	DIV#gad_navigation_box UL.gad_secondary_navigation {
		display: none;
	}

	/* 	-------------------------------------- Responsive Menu Expanded */
	DIV#gad_navigation_box.gad-reponsiveMenuExpanded {
		max-height: 2.0769em;
	}
	DIV#gad_navigation_box.gad-reponsiveMenuExpanded UL#gad_main_navigation
		{
		display: inline-block;
		height: auto !important;
		max-height: 76.9231em !important;
		min-width: 22.3077em;
		max-width: 22.3077em;
		padding: 1.5385em 1.5385em 1.5385em 1.5385em;
		position: absolute;
		left: 1.1538em;
		top: 1.5385em;
		z-index: 1000;
	}
	DIV#gad_navigation_box.gad-reponsiveMenuExpanded UL#gad_main_navigation>LI>UL.gad_secondary_navigation
		{
		display: none;
	}
	DIV#gad_navigation_box.gad-reponsiveMenuExpanded UL#gad_main_navigation>LI.selected>UL.gad_secondary_navigation
		{
		display: block;
	}
	DIV#gad_navigation_box.gad-reponsiveMenuExpanded LI A.gad-button {
		display: inline-block;
		left: 0;
		position: absolute;
		top: -1.75em;
	}
	DIV#gad_navigation_box.gad-reponsiveMenuExpanded UL#gad_main_navigation>LI.gad_mainNavigationItem
		{
		display: inline-block;
		margin: 0 0 0.1538em 0;
		padding-left: 0.7692em;
		width: 18.4615em;
	}
	DIV#gad_navigation_box.gad-reponsiveMenuExpanded UL#gad_main_navigation>LI.gad_mainNavigationItem A
		{
		font-family: Segoe UI semibold, Arial, sans-serif;
		font-weight: normal;
	}
	DIV#gad_navigation_box.gad-reponsiveMenuExpanded UL#gad_main_navigation>LI.gad_mainNavigationItem.selected
		{
		padding-bottom: 0;
	}
	DIV#gad_navigation_box.gad-reponsiveMenuExpanded UL#gad_main_navigation>LI.gad_mainNavigationItem.selected A
		{
		font-weight: normal;
		border-radius: 0;
		padding: 0 !important;
	}
	DIV#gad_navigation_box.gad-reponsiveMenuExpanded UL#gad_main_navigation>LI.gad_mainNavigationItem.selected:before,DIV#gad_navigation_box.gad-reponsiveMenuExpanded UL#gad_main_navigation>LI.gad_mainNavigationItem.selected:after
		{
		display: none;
	}
	DIV#gad_navigation_box.gad-reponsiveMenuExpanded UL.gad_secondary_navigation
		{
		display: block;
		margin: 0 !important;
		padding-bottom: 0.7692em !important;
	}
	DIV#gad_navigation_box.gad-reponsiveMenuExpanded UL.gad_secondary_navigation>LI
		{
		display: block !important;
		margin: 0 0.7692em 0 0.7692em !important;
		float: none !important;
	}
	DIV#gad_navigation_box.gad-reponsiveMenuExpanded UL.gad_secondary_navigation>LI.selected
		{
		height: auto;
	}
	DIV#gad_navigation_box.gad-reponsiveMenuExpanded UL.gad_secondary_navigation>LI.selected:before
		{
		display: none;
	}
	DIV#gad_navigation_box.gad-reponsiveMenuExpanded UL.gad_secondary_navigation>LI.selected:after
		{
		display: none;
	}
	DIV#gad_navigation_box.gad-reponsiveMenuExpanded UL.gad_secondary_navigation>LI>A
		{
		font-size: 1em !important;
		font-family: Segoe UI, Arial, sans-serif !important;
	}

	/*  -------------------------------------- Responsive Flyout */
	DIV#gad_navigation_box.gad-reponsiveMenuExpanded LI.gad-secondaryNavigationItem.selected DIV.gad-flyout
		{
		display: block;
		margin: 0;
		padding: 0 0 0 0.7692em;
		position: relative !important;
		width: auto !important;
	}
	DIV#gad_navigation_box.gad-reponsiveMenuExpanded LI.gad-secondaryNavigationItem DIV.gad-flyout
		{
		display: none;
	}
	DIV#gad_navigation_box.gad-reponsiveMenuExpanded DIV.gad-flyout DIV.gad-boxHeaderTab
		{
		display: none;
	}
	DIV#gad_navigation_box.gad-reponsiveMenuExpanded DIV.gad-flyout>DIV.gad-boxContent>DIV.gad-block:first-child
		{
		display: none;
	}

	/*  -------------------------------------- Responsive Flyout Columns */
	DIV#gad_navigation_box.gad-reponsiveMenuExpanded DIV.gad-flyout DIV.gad-columnGroupBox
		{
		margin-bottom: 0;
	}
	DIV#gad_navigation_box.gad-reponsiveMenuExpanded DIV.gad-flyout DIV.gad-flyoutContentBox
		{
		margin: 0;
	}
	DIV#gad_navigation_box.gad-reponsiveMenuExpanded DIV.gad-flyout DIV.gad-flyoutContentBox>DIV.gad-boxHeader
		{
		display: none;
	}
	DIV#gad_navigation_box.gad-reponsiveMenuExpanded DIV.gad-flyout DIV.gad-columnBox DIV.gad-boxHeader
		{
		padding: 0;
	}
	DIV#gad_navigation_box.gad-reponsiveMenuExpanded DIV.gad-flyout DIV.gad-columnBox DIV.gad-boxHeader SPAN.gad-text
		{
		font-size: 1em;
		font-weight: normal;
		cursor: pointer;
	}
	DIV#gad_navigation_box.gad-reponsiveMenuExpanded DIV.gad-flyout DIV.gad-columnBox UL
		{
		display: none;
	}
	DIV#gad_navigation_box.gad-reponsiveMenuExpanded DIV.gad-flyout DIV.gad-columnBox.selected UL
		{
		display: block;
		margin: 0;
	}
	DIV#gad_navigation_box.gad-reponsiveMenuExpanded DIV.gad-flyout DIV.gad-columnBox.selected LI
		{
		margin: 0 !important;
		max-width: 15.3846em;
	}
	DIV#gad_navigation_box.gad-reponsiveMenuExpanded DIV.gad-flyout DIV.gad-columnBox.selected UL>LI>A.gad-arrowTextLink:before
		{
		display: inline;
		margin: 0.5385em 0 0 0.7692em;
		vertical-align: top;
	}
	DIV#gad_navigation_box.gad-reponsiveMenuExpanded DIV.gad-flyout DIV.gad-columnBox.selected UL>LI>A.gad-arrowTextLink
		{
		font-size: 1em;
	}
	
	/* __________________________________________________________________________ Reiter */

	#gad_tabnavigation_box UL.gad-tabnavigationList {
		margin-bottom: 1.1538em;
		border: none;
		position: relative;
	}
	
	#gad_tabnavigation_box UL.gad-tabnavigationList LI:first-child,
	#gad_tabnavigation_box UL.gad-tabnavigationList LI:last-child {
		border-radius: 0;
	}
	
	#gad_tabnavigation_box UL.gad-tabnavigationList LI {
		width: 47%;
		margin: 1%;
		display: inline-block;
		float: left;
		background-image: none;
		text-align: center;
		box-shadow: none;
	}
	

	#gad_tabnavigation_box UL.gad-tabnavigationList LI A {
		font-size: 1em;
		margin-top: 0.3077em;
	}

	
}

/* _______________________________________________________________________________ Responsive Tests */
@media only screen and (max-width: 650px) {
	
	DIV#gad_page_content {
		display: block;	
	}
	
	DIV#gad_contentbox {
		padding: 0 0.625em; 
	}
	
	DIV#gad_accordeon_login_mit_signaturkarte {
		display: none; 
	}
	
	H1.gad-h1 {
		font-size: 1.8462em !important; 
		line-height: 1em !important; 
	}
	
	DIV#gad_headerbox {
		height: 80px; 
	}
	
	DIV#gad_login_box DIV#gad_login_content {
		height: 25px;  
		width: 200px; 
		float: right; 
	}
	
	DIV#gad_login_box DIV#gad_login_timeout_info {
		display: none !important; 
	}
	
	DIV.gad_progressBox {
		max-width: 98%;
	}
	
	DIV.gad_progressBox DIV.gad-activeProgressbarStep SPAN.gad-progressbarText {
		display: block !important;  
	}
	
	DIV.gad_progressBox SPAN.gad-progressbarText {
		display: none !important;  
	}
	
	DIV.gad-decorationDividerRow {
		padding-bottom: 0 !important; 
		margin-bottom: 10px !important; 
	}
	
	DIV.gad-blockHeader {
		width: 100% !important; 
		padding-bottom: 5px;  
	}

	DIV.gad-blockContent {
	    float: left;
	    padding-left: 6px;
	    width: 99% !important;
	}
	
	DIV.gad-blockContent DIV.gad-decoratedControl, DIV.gad-blockContent DIV.gad-control-group, DIV.gad-blockContent DIV.gad-controlGroup {
	    padding-left: 0;
	    width: 100% !important;
	}
	
	
	
	
	
	
	/* 	------------------------------------------------------ Prozessbuttons */
	
	A.gad-buttonBack {
	 	
	 	width: 1em;
	 	height: 1.3em;
	 	overflow: hidden;
	}
	
	A.gad-buttonCancel {
	 	
	 	width: 1em;
	 	height: 1.3em;
	 	overflow: hidden;
	}
	/* 	-------------------------------------- Breadcrumb */	
	#gad_breadcrumbs {
		display: none;
	}
	Body #gad_contentbox .ym-cbox {
		margin-top: 1.50em;	
	}
	
	/* 	-------------------------------------- Meta Navigation und Footer */
	
	DIV#gad_meta_navigation DIV.service UL LI {
		width: 100%;
	}
	
	DIV#gad_footer_menu DIV.gad-box.column {
		width: 100%;
	}
	
	/* 	-------------------------------------- Table Pagination */
	DIV.gad-paginationBox DIV.gad-decoratedControl.ym-g80 {
		width: 55%;
	}
	
	DIV.gad-paginationBox DIV.gad-controlGroup.ym-g20 {
		width: 45%;
	}
	
	/* 	-------------------------------------- Marginalie */
	
	DIV#secondary-page-area DIV.ym-cbox-right DIV.secondary-page-area-box {
		border-radius: 0.3077em 0.3077em 0.3077em 0.3077em;
		width: 95%; 
		margin-right: auto;
		margin-left: auto;
		float: none;
	}
	
	DIV#secondary-page-area DIV.ym-cbox-right DIV.secondary-page-area-box:FIRST-CHILD {
		margin-top: 0.5em;
	}
	
	#secondary-page-area.ym-col3 {
		float: none !important;
		width: auto !important;
	}
	
}

