/* Angaben aus Bootstrap ueberschreiben */
body {
  font-family: Arial,Verdana,Tahoma,Helvetica,sans-serif;	/* Schriftart */
  color: #333333;											/* Schriftfarbe */
  --customdark: #35556c;									/* dunkle Kundenfarbe */
  --customlight: #008dc9;									/* helle Kundenfarbe */
  --customred: #cc3333;										/* rote Farbe fuer Fehler */
  --customgreen: #257310;									/* gruene Farbe fuer Erfolgsmeldungen */
}
/* Textfarbe der Links */
a {
  color: #35556c;
}
/* Allgemeine Angaben zu Schrift- und Hintergrundfarbe */
/* helle Leitfarbe */
.color-light {
  color: #008dc9;
}
/* dunkle Leitfarbe */
.color-dark {
  color: #35556c;
}
/* lichtgrau als Hintergrundfarbe */
.bg-gray-light {
  /*background-color: rgba(0, 141, 201, 0.8);*/
  background-color: #f9f9f9;
}
/* dunkles grau als Hintergrundfarbe */
.bg-gray-dark {
  background-color: #737373;
}
/* helle Leitfarbe als Hintergrundfarbe */
.bg-light {
  background-color: #008dc9;
}
/* dunkle Leitfarbe als Hintergrundfarbe */
.bg-dark {
  background-color: #35556c !important;
}
/* modal-Header formatieren*/
.modal-header, .popover-header {
  color: #fff;
  background-color: #008dc9 !important;
}
.modal-header .close {
  color: #fff;
}

/* - - - - - - - - - - - - - - - - - - */
/*     Ergaenzungen zur Navigation     */
/* - - - - - - - - - - - - - - - - - - */

.container > nav {
  border-bottom: #333333 solid 1px;
} 

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  font-weight: 700;
}

/* - - - - - - - - - - - - - - - - */
/*     Ergaenzungen zum Body     */
/* - - - - - - - - - - - - - - - - */
.zobCard, .paypageCard {
  margin-right: 0rem !important; /* mr-3 original aus bootstrap.css*/
  margin-left: 0rem !important; /* ml-3 original aus bootstrap.css*/
  margin-top: 3rem !important; /* mb-5 original aus bootstrap.css*/
  margin-bottom: 3rem !important;  /* mb-5 original aus bootstrap.css*/
  padding: 1rem !important; /* p-3 original aus bootstrap.css*/
  border-radius: 0;
  background-color: #f9f9f9; 
  margin-top: 1rem !important; 
/*  border: 1px solid rgba(0, 0, 0, 0.125) !important; */
  border: none;
  padding: 1rem;  
}

.zobCardSuccess {
  border-left: #257310 solid 0.1875rem;
  margin-bottom: 1rem !important;  /* mb-5 original aus bootstrap.css*/
}

.zobCardSuccess .card-title {
  color: #257310;
  background-image: url(images/icons/check_green.svg);
  background-size: 1rem;
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 2rem;
}

.zobCardError, .paypageCardError {
  border-left: #cc3333 solid 0.1875rem;
  margin-bottom: 1rem !important;  /* mb-5 original aus bootstrap.css*/
}

.zobCardError .card-title, .paypageCardError .card-title {
  color: #cc3333;
  background-image: url(images/icons/error_red.svg);
  background-size: 1rem;
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 2rem;
}

/* - - - - - - - - - - - - - - - - */
/*     Ergaenzungen zum Footer     */
/* - - - - - - - - - - - - - - - - */
.container > footer {
  border-bottom: #333333 solid 1px;
} 

footer a, footer a:VISITED {
  color: #fff;
  text-decoration: none;
}

footer a:HOVER, footer a:ACTIVE, footer a:FOCUS {
  color: #fff;
  text-decoration: none;
  font-weight: 700;		
}

h1, h2 {
  color: #008dc9;
}

h1.error, h2.error {
  color: #008dc9 !important;	
}
.btn {
  border-radius: 0;
  width: 100%;
  margin-top: 10px;		/* Lff-eigene Anpassung 2019-10-08 MJu*/
}

.btn-forward {
  background-image: url(images/icons/leftarrow_white.svg);
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
}
.btn-back {
  background-image: url(images/icons/rightarrow_white.svg);
  background-position: left 0.5rem center;
  background-repeat: no-repeat;
}

.btn-jumbo {
  width: 20rem;
  height: 6rem;
  background-color: #008dc9 !important;
  font-size: 1.2rem;
  text-align: left;
  color: #fff;
  border-radius: 0;
  background-image: url(images/bildmarke_weiss.svg);
  background-size: 7rem;
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
}
.btn-jumbo:focus, .btn-jumbo.focus {
  box-shadow: 0 0 0 0.3rem rgba(0, 123, 255, 0.3);
}

span.paybuttongroup, div.paybuttongroup {
  width: 23rem;
/*	display:block;	
  white-space: nowrap;*/
  height: 6rem;
  background-color: #008dc9;
  font-size: 1.2rem;
  text-align: left;
  color: #fff;
}

span.paybutton, div.paybutton {
  display:inline-block;	
  height: inherit;
}

span.paybutton1, div.paybutton1  {
/*  padding: 2.0rem 1rem;*/
  display : flex;
  align-items : center;
  padding-left: 0.5rem;
  width: 15.0rem;
  overflow: hidden;  
}

span.paybutton2, div.paybutton2  {
  background-image: url(images/icons/link_intern_white.svg);
  background-size: 1.5rem;
  background-position: center;
  background-repeat: no-repeat;
  width: 2.0rem;	
}
span.paybutton3, div.paybutton3  {
  background-image: url(images/bildmarke_weiss.svg);
  background-size: 7.0rem;
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  width: 6.0rem;	
}

/* Dropdown-Box fuer Sprachauswahl */
/*.form-control.select-language {*/
.form-select.select-language {
  border-radius: 0;
  border-color: #ededed;
}
/* Eingabefelder */
.form-control {
  border-radius: 0;
  border-color: #008dc9;
}
.form-label {
	margin-bottom: 0rem !important;
}

.input-group-text {
  /*display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;*/
  /*padding: 0.375rem 0.75rem;*/
  margin-top: 0 !important;
  font-size: inherit;
  font-weight: inherit;
  height: 2.35rem;
  color: inherit;
  text-align: center;
  white-space: nowrap;
  background-color: transparent;
  border: none;
  border-radius: 0;
}

/* Eingabefelder */
.bkz {
  width: 4rem;
}
.has-error .bkz {
  width: 5rem;
}
.amount {
  width: 8rem;
}
.input-label {
  color: #35556c;
  /*text-transform:uppercase;*/ 
}

.custom-radio .custom-control-input:checked {
  color: #fff;
  background-color: #008dc9;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #008dc9;
}

/* Fehler formatieren */
.has-error input[type="text"],
.checkboxdiv .has-error {
  background-image: url(images/icons/error_red.svg);
  background-size: 1rem;
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  border: solid red 1px;
}

.alert-danger {
  color: #cc3333;
  font-weight: bold;
  font-size: smaller;
  background-color: inherit;
  border-color: inherit;
}

/* Grafik auf der Infoseite platzieren */
#infoimage {
  width: 100%; 
  text-align: center;
}
#contentsvg {
  display: inline-block; 
  margin: 0 auto;
}

/* - - - - - - - - - - - - - - - - -  */
/*      Angaben fuer die Paypage      */
/* - - - - - - - - - - - - - - - - -  */

/* Farbkonfiguration der Button fuer die Paymodul-Buttons */
.btn-primary {
  color: #fff;
  background-color: #35556c;
  border-color: #35556c;
}
.btn-primary:hover {
  color: #fff;
  background-color: #2d485b;
  border-color: #243a4a;
}
.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.3rem rgba(53, 85, 108, 0.3);
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #35556c;
  border-color: #35556c;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #35556c;
  border-color: #35556c;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.3rem rgba(53, 85, 108, 0.3);
}
/* Farbkonfiguration fuer die sonstigen Buttons */

/* ************************** */
/* submit Button formatieren  */
/* ************************** */
.btn-info {
  color: #fff;
  background-color: #008dc9;
  border-color: #008dc9;
}
.btn-info:hover {
  color: #fff;
  background-color: #007bb0;
  border-color: #006996;
}
.btn-info:focus, .btn-info.focus {
  box-shadow: 0 0 0 0.3rem rgba(0, 123, 255, 0.3) !important;
  background-color: #17a2b8 !important;
}
.btn-info.disabled, .btn-info:disabled {
  color: #fff;
  background-color: #008dc9;
  border-color: #008dc9;
}
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #006996;
  border-color: #00577d;
}
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.3rem rgba(0, 123, 255, 0.3);
}
/* ************************** */
/* roten Button formatieren   */
/* ************************** */
.btn-danger {
  color: #fff;
  background-color: #cc3333;
  border-color: #cc3333;
}
.btn-danger:hover {
  color: #fff;
  background-color: #b82e2e;
  border-color: #a32929;
}
.btn-danger:focus, .btn-danger.focus {
  box-shadow: 0 0 0 0.3rem rgba(204, 51, 51, 0.5);
}
.btn-danger.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: #cc3333;
  border-color: #cc3333;
}
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #a32929;
  border-color: #b21f2d;
}
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.3rem rgba(204, 51, 51, 0.5);
}
/* ************************** */
/* gruenen Button formatieren */
/* ************************** */
.btn-success {
  color: #fff;
  background-color: #257310;
  border-color: #257310;
}
.btn-success:hover {
  color: #fff;
  background-color: #1e5d0d;
  border-color: #17460a;
}
.btn-success:focus, .btn-success.focus {
  box-shadow: 0 0 0 0.3rem rgba(37, 115, 16, 0.5);
}
.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #257310;
  border-color: #257310;
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #17460a;
  border-color: #1e5d0d;
}
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.3rem rgba(37, 115, 16, 0.5);
}
/* ************************** */
/* orangen Button formatieren */
/* ************************** */
.btn-warning {
  color: #fff;
  background-color: #e35115;
  border-color: #e35115;
}
.btn-warning:hover {
  color: #fff;
  background-color: #cc4913;
  border-color: #b44011;
}
.btn-warning:focus, .btn-warning.focus {
  box-shadow: 0 0 0 0.3rem rgba(227, 81, 21, 0.5);
}
.btn-warning.disabled, .btn-warning:disabled {
  color: #212529;
  background-color: #e35115;
  border-color: #e35115;
}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
  color: #212529;
  background-color: #cc4913;
  border-color: #b44011;
}
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.3rem rgba(227, 81, 21, 0.5);
}

/* ************************** */
/* ************************** */
/*  kundeneigene Erweiterung  */
/*   2019-08-10 MJu           */
/* ************************** */
/* ************************** */
/* Formatierung für den "Ersatz" der Navigationsleiste auf der EPS-PayPage */
body > main > div.container > div.clearfix {
  padding: 0.7rem 1.0rem;
  border-bottom: #333333 solid 1px;
}