@charset "UTF-8";

/* ________________________ BVR-STYLE RESPONSIVE____________________________________________ */


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

@media only screen and (max-width: 950px) {
	
	/* 	-------------------------------------- Main Navigation */
		
	#gad_navigation_box UL#gad_main_navigation LI A {
		font-family: "Segoe UI",Arial,sans-serif;
		font-weight: 400;
		font-size: 1em;
	}
	
	/* 	-------------------------------------- Formulare */
	
	input[type=text],
	input[type=password] {
		height: 2.3077em;
	}
	
	.gad-control {
  		box-shadow: none !important;
  	}
	
	A.ui-selectmenu {
		width: 100% !important;
	}
	
	SPAN.ui-selectmenu-status {
		white-space: normal;
	}
	
	.ui-selectmenu-menu {
		top: 0.3846em;
		left: 0.3846em;
	}
	
	.ui-selectmenu-menu .ui-menu {
		height: 100%;
		width: 100%;
	}
	
	.ui-selectmenu-menu .ui-menu-item {
		white-space: normal;
	 	border-bottom: 1px dashed #eee;
	 	padding: 0.7692em 0.6154em 0.7692em;
	}
	 
	.ui-selectmenu-menu .ui-menu-item:last-child {
 	 	border-bottom: none;
 	}
 	
 	.ui-widget.ui-selectmenu-button {
 		box-shadow: none !important;
 		height: 2.3077em;
 	}
 	
 	.ui-selectmenu-button span.ui-selectmenu-text, .ui-selectmenu-menu .ui-menu-item {
 		line-height: 1.8em;
 		padding-bottom: 0.7692em;
 		padding-top: 0.2308em;
 	}
  	
 	.ui-selectmenu-button span.ui-icon {
 		height: 100% !important;
 	}
 	
 	.ui-selectmenu-button .ui-icon::after {
 		top: 0.5385em;
 	}
 	
 	.gad-decorationKeyValue .gad-block,
 	.gad-decorationKeyValue .gad-block:first-child {
 		border-style: dashed !important;
 	}
 	
	 
	
	/* 	-------------------------------------- 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 */
	
	DIV.gad-tablewrapper {
		overflow-x: auto;
	}
	
	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;
	  padding-right: 0.5em;
	}
	.footable-row-detail-value {
	  	display: table-cell;
	  	font-family: "Segoe UI Semibold","Segoe UI",Arial,sans-serif;
    	font-weight: 600;
	}

	
	/* __________________________________________________________________________ Table Pagination */
	DIV.gad-paginationBox DIV.gad-decoratedControl.ym-g80 {
		width: 75%;
	}
	
	DIV.gad-paginationBox DIV.gad-controlGroup.ym-g20 {
		width: 25%;
	}
	
	/* __________________________________________________________________________ Header Image und Fallback-Header */
	
	DIV#gad_header_imgbox IMG {
		max-width: 100%;
	}
	
	/* 	-------------------------------------- Teaser */
	
	.gad-campaignTeaser .gad-blockContent .gad-campaignTeaserContent {
	    width: 98% !important;
	    padding: 0.5em;
	    left: 0;
	    bottom: 0;
	}
	
	.gad-campaignTeaser DIV.gad-blockContent {
		padding-left: 0;
		width: 100% !important;
	}
		
}

/* _______________________________________________________________________________________________________________________________ */
/* _______________________________________________________________________________________________________________________________ */
/* __________________________________________________________________________________________________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) {
				
	DIV#gad_page_content {
		display: block;	
	}
	
	DIV#gad_contentbox {
		width: 100% !important;
		display: block;
		float: none;
		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: 6.1538em; 
	}
	
	DIV.gad-informationBox div.gad-decoratedControl.ym-gr span.gad-icon {
		position: absolute;
		right: 0;
		top: 0;
	}
	
	#gad_navigation_box UL#gad_main_navigation {
 		display: inline-block;
	}
	
	#gad_navigation_box UL#gad_main_navigation LI.gad_mainNavigationItem > A {
		font-family: "Segoe UI Semibold","Segoe UI",Arial,sans-serif;
    	font-weight: 600;
		font-size: 1.2308em;
	}
	
	BODY {
		overflow-x: hidden;
	}	
	DIV#gad_navigation_box {
		height: 7em;
		max-height: 7em;
		float: none;
		display: block;
	}
	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 0 0 0.6250em;
	}
	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;
		font-size: 1.2308em;
	}
	DIV#gad_navigation_box UL.gad_secondary_navigation {
		display: none;
	}
	DIV#gad_navigation_box LI#gad_responsive_menu_button > SPAN.gad-iconClose {
		display: none;
	}
	
	.gad-button.gad-buttonCallToAction {
		margin-left: 0;
	}
	

	/* 	-------------------------------------- Responsive Menu Expanded */
	
	DIV#gad_navigation_box.gad-reponsiveMenuExpanded LI#gad_responsive_menu_button > SPAN.gad-iconClose {
		display: inline-block;
		position: absolute;
		top: 0.3846em;
		right: 0.3846em;
	}
	
	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: 2.3077em 1.5385em 1.5385em 1.5385em;
		position: absolute;
		left: 0.625em;
		top: 2.3077em;
		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: -2.2em;
	}
	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","Segoe UI",Arial,sans-serif;
    	font-weight: 600;
	}
	DIV#gad_navigation_box.gad-reponsiveMenuExpanded UL#gad_main_navigation>LI.gad_mainNavigationItem.selected
	{
		padding-bottom: 0;
		height: auto !important;
	}
	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;
		font-weight: 400;
	}

	/*  -------------------------------------- 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 > DIV.gad-boxHeader > SPAN.gad-text {
  		text-decoration: none !important;
	}
	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-block;
		margin: 0.25em 0 0 0.7692em;
		vertical-align: top;
		width: 1em;
		background-position: -239px -1211px;
	}
	
	DIV#gad_navigation_box.gad-reponsiveMenuExpanded UL#gad_main_navigation>LI.gad_mainNavigationItem A.gad-arrowTextLink
		{
		font-size: 1em !important;
		font-family: "Segoe UI", Arial, sans-serif;
		font-weight: 400;
		margin-top: 0.25em;
	}
	
	/* __________________________________________________________________________ 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;
	}
	
	/* __________________________________________________________________________ Login-Box */
	#gad_login_box {
		top: 5.6923em;
	}
	DIV#gad_login_box DIV#gad_login_content {
  		float: right;
  		width: 24em;
  		height: 3.5em;
  		padding-left: 0.65em;
	}
	#gad_login_box DIV#gad_login_name {
		margin-top: -0.2em;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	#gad_login_timeout_info {
		white-space: nowrap;
	}
	#gad_timeout_label, #gad_timeout_progress_row {
		display: inline-block;
	}
	#gad_logout_time_progress {
		display: none;
	}
	#gad_timeout_refresh_row {
		display: inline-block;
	}
	#gad_login_box DIV#gad_login_content A#gad_item_logon_btn_reset {
	    display: inline-block;
	    position: absolute;
	    right: 0;
	    margin: -0.3em 0.8em;
	    font-size: 1em;
	}
	#gad_timeout_refresh_row > SPAN:not(:first-child) {
		vertical-align: baseline;
	}
	
	/* __________________________________________________________________________ Header Image und Fallback-Header */
	
	#gad_header_imgbox SPAN#bankname {
		font-size: 1.3em;
		max-width: 11.5em;
	}
	
	#gad_header_imgbox SPAN#banklogo IMG {
		max-height: 2.5em;
	}
	

/* _______________________________________________________________________________ Transition Progressbar*/
	DIV.gad_progressBox {
		width: 100%;
	}
	DIV.gad_progressBox > DIV > DIV {
		white-space: nowrap;
		min-width: 2.5em;
		max-width: 15em;
	}
	
	DIV.gad_progressBox > DIV > DIV:not(.gad-activeProgressbarStep):not(gad-progressHover),
	DIV.gad_progressBox > DIV > DIV.gad-activeProgressbarStep.gad-activeProgressHover 
	{
		width: 3.5em;
	}
	DIV.gad_progressBox SPAN.gad-progressbarSeparator {
		position: absolute;
	}
	DIV.gad_progressBox SPAN.gad-progressbarStepNumber {
		margin-left: 0.2692em;
	}
	.gad-progressLabels > div > .gad-progressbarText {
		transition: letter-spacing 500ms, opacity 250ms;
	}
	DIV.gad-progressLabels  SPAN.gad-progressbarText {
		opacity: 0;
		text-align: center;
		letter-spacing: -0.4450em;
	}
	DIV.gad-progressLabels DIV.gad-progressHover SPAN.gad-progressbarText {
		opacity: 1;
		letter-spacing: 0;
	}
	DIV.gad-progressLabels DIV.gad-activeProgressbarStep SPAN.gad-progressbarText {
		opacity: 1;
		letter-spacing: 0;
	}
	DIV.gad-progressLabels DIV.gad-activeProgressbarStep.gad-activeProgressHover SPAN.gad-progressbarText {
		opacity: 0;
		letter-spacing: -0.4450em;
	}


/* _______________________________________________________________________________ Divider Row */	
	DIV.gad-decorationDividerRow {
		padding-bottom: 0 !important; 
		margin-bottom: 0.7692em !important; 
	}
	
	
/* _______________________________________________________________________________ Formulare */
	DIV.gad-blockContent + DIV.gad-blockHeader {
		width: 100% !important; 
		padding: 0 0 0.3846em 0;
		position: absolute !important;
		font-family: "Segoe UI Semibold","Segoe UI",Arial,sans-serif;
    	font-weight: 600;
		font-weight: bold;
		left: 0;
	}
	DIV.gad-blockContent + DIV.gad-blockHeader.gad-error {
		width: 97% !important;
		padding: 0 0 0.3846em 0.1538em;
		left: 0.2308em;
	}
	DIV.gad-blockContent + DIV.gad-blockHeader.gad-error.gad-errorSelected {
		box-shadow: 0 0 0.3846em rgba(0, 0, 0, 0.3);
	}
	
	DIV.gad-blockContent {
	    float: left;
	    padding-left: 0.4615em;
	    width: 99% !important;
	    //margin-top: 2em;
	}
	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;
	}
	DIV.gad-informationBox.gad-error DIV.gad-blockContent DIV.gad-decoratedControl.ym-g10 {
		width: 10% !important;
	}
	DIV.gad-informationBox.gad-error DIV.gad-blockContent DIV.gad-decoratedControl.ym-g90 {
		width: 90% !important;
	}
	
	DIV.gad-blockHeader.gad-error.gad-errorSelected SPAN.gad-text.gad-error,
	DIV.gad-blockHeader.gad-info.gad-infoSelected SPAN.gad-text.gad-info {
		position: relative;
		padding-left: 0;
	}	
	DIV.gad-accordeon.gad-accordionSearch .gad-boxHeader .gad-text {
		margin-left: 0.5em;
	}
	SPAN.ui-selectmenu-status {
		white-space: nowrap;
	}
	
	.gad-decorationSignaturTan DIV.gad-blockContent + DIV.gad-blockHeader {
		left: 0.4615em;
		right: auto;
		padding-left: 0.4615em;
	}
	
	.gad-decorationSignaturTan .gad-label.gad-mandatoryField {
		float: left;	
	}
	
	.gad-decorationSignaturTan .gad-blockHeader.gad-error.gad-errorSelected {
		left: 0.4615em;
		right: auto;
	}
	
	.gad-decorationSignaturTan DIV.gad-blockHeader.gad-error.gad-errorSelected SPAN.gad-text.gad-error {
		position: static;
		float: left
	}
	
	/* 	------------------------------------------------------ Prozessbuttons */
	
	A.gad-buttonBack:not(.gad-buttonDoublespaced),
	A.gad-buttonCancel:not(.gad-buttonDoublespaced) {
	 	width: 1em;
	 	height: 1.3em;
	 	overflow: hidden;
	}

	/* 	-------------------------------------- Breadcrumb */	
	#gad_breadcrumbs {
		display: none;
	}
	Body #gad_contentbox .ym-cbox {
		margin-top: 1.50em;	
		padding: 0;
	}
	
	/* 	-------------------------------------- Meta Navigation und Footer */
	
	DIV#gad_meta_navigation DIV.service UL LI {
		width: 100%;
	}
	
	DIV#gad_footer_menu DIV.gad-box.column,
	DIV#footer-menu DIV {
		display: block;
		float: none;
		margin-left: auto;
		margin-right: auto;
		width: 95%;
	}
	
	/* 	-------------------------------------- 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-box, .secondary-page-area-box.wct {
		border-radius: 0.3077em 0.3077em 0.3077em 0.3077em !important;
		width: 95% !important; 
		margin-right: auto !important;
		margin-left: auto !important;
		float: none !important;
	}
	
	DIV.secondary-page-area-box:FIRST-CHILD {
		margin-top: 0.5em;
	}
	
	#secondary-page-area.ym-col3 {
		float: none !important;
		width: auto !important;
	}
	
	#secondary-page-area .wrapper {
		padding: 0;
	}
	
	/* 	-------------------------------------- opttan */
	#opttan table, #opttan thead, #opttan tbody, #opttan th, #opttan td, #opttan tr {
  		display: block;
	}
	
	/* 	-------------------------------------- Akkordeon */
	DIV.gad-accordionFaq DIV.gad-boxHeader DIV.gad-decoratedControl:first-child {
  		width: 93%;
	}
	
	DIV.gad-accordeon.gad-accordionFaq {
		margin-bottom: 0.5em;
	}
	
			
	/* 	-------------------------------------- giropay */
	BODY.giropay #gad_page_content DIV.ym-column,
	BODY.giropay #gad_contentbox .ym-cbox {
 		padding-top: 0;
	}
	
	BODY.giropay #gad_contentbox .ym-cbox {
		margin-top: 0.5em;
	}
		
	BODY.giropay #gad_contentbox .gp-box {
		border: none;
		padding: 0;
		margin: 0;
	}
	
	BODY.giropay #gad_contentbox .gp-box > DIV.gad-box {
		margin-bottom: 0;
	}
	
	BODY.giropay DIV.gad_progressBox {
		padding-bottom: 1.5em;
	}
	
	BODY.giropay .gp-box .gad-decorationKeyValue .gad-block:last-child {
		border: none !important;
	}
	
	BODY.giropay .gp-box DIV.gad-formular.gad-decorationKeyValue DIV.gad-boxHeader {
		padding-bottom: 0.5em;
	}
	
	BODY.giropay .gp-box DIV.gad-formular {
		margin-bottom: 0;
	}
	
	BODY.giropay .gp-box .gad-decorationKeyValue .gad-block:first-child {
		border-style: dashed;
	}
	
	BODY.giropay DIV.gad-informationBox {
		margin: 0.5em 0 0.5em 0;
	}
	
	BODY.giropay A.gad-buttonBack:not(.gad-buttonDoublespaced), BODY.giropay A.gad-buttonCancel:not(.gad-buttonDoublespaced) {
		width: auto;
	}
	
	BODY.giropay #gad_login_box {
		top: 0.8em	;
	}
	
	BODY.giropay #gad_login_box DIV#gad_login_content DIV#gad_login_timeout_info {
		display: none;
	}
	
	BODY.giropay DIV#gad_login_box DIV#gad_login_content {
		height: 2em;
	}
	
	#gad_contentbox .gp-legend	{
		overflow: hidden;
		display: flex;
	}
	
	#gad_contentbox .gp-legend .gp-legend-text {
	  	flex-grow: 2;
	  	text-shadow: -1px -1px 5px #e5eff7, -2px -2px 5px #e5eff7, -3px -3px 5px #e5eff7, 1px 1px 5px #e5eff7, 2px 2px 5px #e5eff7, 3px 3px 5px #e5eff7, 4px 4px 5px #e5eff7, 5px 5px 5px #e5eff7, 6px 6px 5px #e5eff7;
	}
	#gad_contentbox .gp-legend .gp-mainlogo {
  		flex-grow: 1;
 	 	white-space: nowrap;
	}
	
	
	
	
	/*Abstände*/
	DIV#gad_navigation_box.gad-reponsiveMenuExpanded UL#gad_main_navigation UL LI{
		line-height:2em;
	}
	
	
	DIV#gad_login_box DIV#gad_login_content {
	  height: 3.5em;
	  padding-left: 0.65em;
	  width: 23em;
	}
	
	DIV#gad_navigation_box:not(.gad-reponsiveMenuExpanded) UL#gad_main_navigation > LI#gad_responsive_menu_button > A.gad-buttonCallToAction {;
	  line-height: 1.5em;
	}
	
	DIV#gad_navigation_box:not(.gad-reponsiveMenuExpanded) UL#gad_main_navigation > LI#gad_responsive_menu_button > A.gad-buttonCallToAction {
	  line-height: 2em;
	}
	
	DIV#gad_navigation_box UL#gad_main_navigation > LI#gad_responsive_menu_button > A.gad-buttonCallToAction {
	  padding: 0 0.9em 0 0.7625em !important;
	}
	
	
	/*Expanded*/
	DIV#gad_navigation_box.gad-reponsiveMenuExpanded LI A.gad-button.gad-buttonCallToAction {
	  	-webkit-box-shadow: none;
		box-shadow: none;
	}
	
	.gad-reponsiveMenuExpanded #gad_responsive_menu_button .gad-buttonCallToAction SPAN.gad-buttonCaption::after {
	  top: 0.5em;
	}
	
	DIV#gad_navigation_box.gad-reponsiveMenuExpanded UL#gad_main_navigation {
	  left: 0.8em;
	}
	
	DIV#gad_navigation_box UL#gad_main_navigation > LI#gad_responsive_menu_button {
	  margin: 0 0 0 1px;
	}
	
	/*Border Radius*/
	DIV#gad_navigation_box.gad-reponsiveMenuExpanded UL#gad_main_navigation {
	  border-radius: 0;
	}
	
	DIV#gad_navigation_box.gad-reponsiveMenuExpanded UL#gad_main_navigation,
	DIV#gad_navigation_box.gad-reponsiveMenuExpanded LI#gad_responsive_menu_button A.gad-button.gad-buttonCallToAction {
        border-radius: 0 !important; 
    }
	
}

/* 	-------------------------------------- Login-Box <500px */
@media only screen and (max-width: 500px) {
	
	#gad_login_box {
		top: 5.6923em;
	}
	#gad_headerbox #gad_header_imgbox {
		padding: 0.625em;
	}
	DIV#gad_navigation_box:not(.gad-reponsiveMenuExpanded) UL#gad_main_navigation>LI#gad_responsive_menu_button>A.gad-buttonCallToAction
	{
		position: relative;
		z-index: 4;
	}
	
}