/* Revert styling introduced by Bright solutions CSS... Anti-pattern in the first place...  */
img {
  display: inline;
  max-width: none;
}



.footercopysmall {
  display: none;
}

ol{
margin:10px 0px 1px 30px;
padding: 0px;
}

li{
color:#000000;
}

.ultab {margin-top:0px}
.olbold {font-weight:bold}

a {margin:0px;padding:0px}

/* master styles */
body { 
background-image: none;
background-color:#EB0B0B;
}

table.bgcont {
background-image: none;
background-color: #ffffff;
} 

/* header */
td.headlinie {
background-image: none;
background-color: #DEDEDE;
}

/* content tabellen */
td.tbtop {
background-image: none;
  /* background-color: #EB0B0B; */ /* https://www-test.sbroker.com/sbl/wpapiere_handel/neuemis_z */
}

td.tbtrenner {
background-image: none;
  /* background-color: #DEDEDE; */ /* https://www-test.sbroker.com/sbl/wpapiere_handel/neuemis_z */
}

td.tbspecial {
background-image: none;
background-color: #DEDEDE;
}

td.tbdoppel {
background-image: none;
background-color: #ffffff;
}

tr.tbsubhl {
background-image: none;
background-color: #EEEEEE;
}

tr.tbcont{
background-image: none;
background-color: #EEEEEE;
}

td.tbcont{
background-image: none;
background-color: #EEEEEE;
}

.tbhl{
  font-weight: bold; 
  color: #000000; 
  text-decoration: none;
}

.tbhllight{
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  font-size: 11px;
  font-style: normal; 
  font-weight: bold; 
  color: #666666; 
  text-decoration: none;
}

.tbhlspecial{
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  font-size: 11px;
  font-style: normal; 
  font-weight: bold; 
  color: #EB0B0B; 
  text-decoration: none;
}

.tbsubhl{
  color: #666666; 
  text-decoration: none;
}

.tbsubhlsort{
  color: #666666; 
  text-decoration: underline;
}

.tbsubhllink{
  color: #EB0B0B; 
  text-decoration: underline;
}

.tbcopy{
  font-style: normal; 
  font-weight: normal; 
  color: #000000; 
  text-decoration: none;
}

.tbcopyspecial{
  color: #000000; 
  text-decoration: none;
}

.tbcopytop {
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  font-size: 11px;
  font-style: normal; 
  font-weight: normal; 
  color: #000000; 
  text-decoration: none;
}

.tbcopyplus{
  color: #006600;
}

.tbcopyminus{
  color: #E50C0C;
}


.tbcopylink{
  text-decoration: underline;
}

.tbfooterlink {
  color: #EB0B0B; 
  text-decoration: underline;
}

.tberror{
  color: #EB0B0B;
}

.tbcopyneuemislink{
  font-size: 10px;
  font-style: normal; 
  font-weight: normal; 
  color: #EB0B0B; 
  text-decoration: underline;
}

.tbcopyneuemis{
  font-size: 10px;
  font-style: normal; 
  font-weight: normal; 
  color: #EB0B0B; 
  text-decoration: none;
}

.tbcopywuu{
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  font-size: 11px;
  font-style: normal; 
  font-weight: normal; 
  color: #000000; 
  text-decoration: none;
}


.tbcopywuulink{
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  font-size: 11px;
  font-style: normal; 
  font-weight: normal; 
  color: #000000; 
  text-decoration: underline;
}

.tbhl_rt{
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  font-size: 11px;
	line-height:16px;
  font-style: normal; 
  font-weight: bold; 
  text-decoration: none;
	background-color:#ea0a0b;
	color:#ffffff;
}
.tbhl_rt_icon {
	background-color:#ea0a0b;
}
.tbhl_rt_grey {
	background-color:#eeeeee;
}

.tbcopySc {
	padding:5px 0px 5px 3px;
	vertical-align:top;
}

.tbScImg {
	padding-top:6px;
	vertical-align:top;
	text-align:center;
}

tr.tbscreen{
background-image: none;
background-color: #EEEEEE;
}

td.tbscreen{
background-image: none;
background-color: #EEEEEE;
}

/* formular styles generell*/

form {
margin: 0px;
padding: 0px;
}

select {
  font-style: normal; 
  font-weight: normal; 
  color: #000000; 
  text-decoration: none;
}

input {
  font-style: normal; 
  font-weight: normal; 
  color: #000000; 
  text-decoration: none;
}

.form {
  font-style: normal; 
  font-weight: normal; 
  color: #000000; 
  text-decoration: none;		
}

.formRight {  
  font-family: Arial, Verdana, Helvetica, sans-serif;  
  font-size: 10px; 
  font-style: normal; 
  font-weight: normal; 
  color: #000000; 
  text-decoration: none;		
}

.formeingabe {  
  font-family: Arial, Verdana, Helvetica, sans-serif;  
  font-size: 10px; 
  font-style: normal; 
  font-weight: normal; 
  color: #000000; 
  text-decoration: none;		
}
/* formular */
table.fbg {
background-image: none;
background-color: #F5F5F5;
}

tr.fbg {
background-image: none;
background-color: #F5F5F5; /* urspruenglich "/sbl/service/anmelden", geht nicht wegen "/sbl/uebungsdepot/depot_standard" */
}

td.fbg {
background-image: none;
background-color: #F5F5F5;
}

td.ftop {
background-image: none;
}

td.flinie {
background-image: none;
}

.fhl {
  font-weight: bold; 
  color: #000000; 
  text-decoration: none;		
}

.ftext {
  /* font-size: 14px; */
  font-style: normal; 
  font-weight: normal; 
  color: #000000; 
  text-decoration: none;		
}

.ftextb {
  font-style: normal; 
  font-weight: bold; 
  color: #000000; 
  text-decoration: none;		
}
.flink {
  font-style: normal; 
  font-weight: normal; 
  color: #EB0B0B; 
  text-decoration: underline;		
}

.ferror {
  color: #EB0B0B;
  text-decoration: none;
}

/* bankfinder */
td.bfbg {
background-image: none;
background-color: #ffffff;
}

/* einleitung */

.elhl{
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  font-size: 13px;
  font-style: normal; 
  font-weight: bold; 
	line-height: 22px;
  color: #000000; 
  text-decoration: none;
}

.elcopy {
  font-style: normal; 
  font-weight: normal; 
	line-height: 24px;
  color: #000000; 
  text-decoration: none;
}

.elcopyb {
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  font-size: 11px;
  font-style: normal; 
  font-weight: bold; 
	line-height: 16px;
  color: #000000; 
  text-decoration: none;
}

.ellink {
  color: #EB0B0B; 
  text-decoration: underline;
}

/* txtimg */
td.txtimgtop {
background-image: none;
/* background-color: #EB0B0B; */ /* https://www-test.sbroker.com/sbl/uebungsdepot/depot_standard */
}

td.txtimgbottom {
background-image: none;
}

td.txtimgfooter {
background-image: none;
/* background-color: #EEEEEE; */ /* /sbl/wpapiere_handel/neuemis_plz */
}


.txtimghl{
	line-height:40px; /* https://localhost/sbl/wpapiere_handel/azert_bw_izert */
  font-style: normal; 
  font-weight: bold; 
  color: #000000; 
  text-decoration: none;
}

.txtimgcopy {
	line-height:24px;
  font-style: normal; 
  font-weight: normal; 
  color: #000000; 
  text-decoration: none;
}

.txtimgcopyb {
	line-height:24px;
  font-style: normal; 
  font-weight: bold; 
  color: #000000; 
  text-decoration: none;
}

.txtimgcopyk {
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  font-size: 11px;
	line-height:16px;
  font-style: italic; 
  font-weight: normal; 
  color: #000000; 
  text-decoration: none;
}

.txtimglink {
	line-height:24px;
  font-style: normal; 
  font-weight: normal; 
  color: #EB0B0B; 
  text-decoration: underline;
}

.faqlink {
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  font-size: 11px;
  font-style: normal; 
  font-weight: normal; 
  color: #EB0B0B; 
	line-height:20px;
  text-decoration: underline;
}

/* teaser */
td.tstop {
background-image: none;
background-color: #EB0B0B;
}

td.tsbottom {
background-image: none;
/* background-color: #DEDEDE; */ /* https://www-test.sbroker.com/uebungsdepot/uebersicht/wertentwicklung.html */
}

td.tsfooter {
background-image: none;
background-color: #EEEEEE;
}


.tshl{
	line-height:16px;
  font-style: normal; 
  font-weight: bold; 
  color: #000000; 
  text-decoration: none;
}

.tslink {
	line-height:16px;
  font-style: normal; 
  font-weight: normal; 
  color: #EB0B0B; 
  text-decoration: underline;
}

/* error */
.error {
	color: #EB0B0B;
	text-decoration: none;
}

/* reiter */
td.reitertop {
background-image: none;
background-color: #EB0B0B;
}

.reitercopyb {
  font-weight: bold;
  line-height: 16px;
}

.reiterlink {
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  color: #EB0B0B;
  text-decoration: underline;
}

/* ic_gueltigkeit */
td.icgueltikeittop {
background-image: none;
background-color: #EB0B0B;
}

.icgueltikeitcopy {
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  font-size: 11px;
  font-style: normal; 
  font-weight: bold; 
	line-height: 20px;
  color: #000000; 
  text-decoration: none;
}

/* derivaterechner ergebnis */
td.derivateresult {
background-image: none;
background-color: #EB0B0B;
}

/* jumplinks */
td.jumplinkstop {
background-image: none;
background-color: #EB0B0B;
}

.jumplinkscopy {
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  font-size: 11px;
  font-style: normal; 
  font-weight: bold; 
	line-height: 20px;
  color: #000000; 
  text-decoration: none;
}

.jumplinkslink {
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  font-size: 11px;
  font-style: normal; 
  font-weight: bold; 
	line-height: 20px;
  color: #000000; 
  text-decoration: underline;
}

/* aktien_portrait_ae */
td.aPortraitAE {
background-image: none;
background-color: #DEDEDE;
}

/* boersenusancen popus */
body.boersenusancen {
background-image: none;
background-color: #ffffff;
}

/* splaene_fonds */
.splaenelink {
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  font-size: 11px;
  font-style: normal; 
  font-weight: normal; 
  color: #EB0B0B; 
  text-decoration: underline;
}

.splaenecopy {
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  font-size: 11px;
  font-style: normal; 
  font-weight: normal; 
  color: #000000; 
  text-decoration: none;
}

.splaenesubhl{
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  font-size: 11px;
  font-style: normal; 
  font-weight: normal; 
  color: #666666; 
  text-decoration: none;
}

/* Linkleiste */
td.lleistetop {
background-image: none;
background-color: #EB0B0B;
}

td.lleistebottom {
background-image: none;
background-color: #DEDEDE;
}

td.lleistefooter {
background-image: none;
background-color: #EEEEEE;
}

.lleistelink {
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  font-size: 11px;
  font-style: normal; 
  font-weight: normal; 
  color: #EB0B0B; 
  text-decoration: underline;
}

.lleistecopy {
  font-style: normal; 
  font-weight: normal; 
  color: #000000; 
  text-decoration: none;
}

.lleistehl{
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  font-size: 11px;
  font-style: normal; 
  font-weight: bold; 
  color: #000000; 
  text-decoration: none;
}

/* schnelleinstieg */
td.seinstiegtop {
background-image: none;
background-color: #EB0B0B;
}

tr.seinstiegbg {
background-image: none;
background-color: #EEEEEE;
}

.seinstieglink {
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  font-size: 11px;
  font-style: normal; 
  font-weight: normal; 
  color: #EB0B0B; 
  text-decoration: none;
}

.seinstiegform {
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  font-size: 10px;
  font-style: normal; 
  font-weight: normal; 
  color: #000000; 
  text-decoration: none;
}

/* hptopflop */

td.topfloptop {
background-image: none;
background-color: #EB0B0B;
}

/* hptopfonds */
td.topfondstop {
background-image: none;
background-color: #EB0B0B;
}

td.topfondstrenner {
background-image: none;
background-color: #DEDEDE;
}


tr.topfondscont{
background-image: none;
background-color: #EEEEEE;
}


.topfondsdatum{
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  font-size: 10px;
  font-style: normal; 
  font-weight: bold; 
  color: #666666; 
  text-decoration: none;
}

.topfondscopylink{
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  font-size: 10px;
  font-style: normal; 
  font-weight: normal; 
  color: #000000; 
  text-decoration: underline;
}

.topfondsfooterlink{
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  font-size: 10px;
  font-style: normal; 
  font-weight: normal; 
  color: #EB0B0B; 
  text-decoration: underline;
}

/* topaktien */
.topaktiendatum{
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  font-size: 11px;
  font-style: normal; 
  font-weight: bold; 
  color: #666666; 
  text-decoration: none;
}

/* hauptversammlung */
#hauptversammlung a:link {
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  font-size: 11px;
  font-style: normal; 
  font-weight: normal; 
  color: #EB0B0B; 
  text-decoration: underline;
	margin:0px;padding:0px
}

#hauptversammlung a:visited {
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  font-size: 11px;
  font-style: normal; 
  font-weight: normal; 
  color: #EB0B0B; 
  text-decoration: underline;
	margin:0px;padding:0px
}

#hauptversammlung a:active {
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  font-size: 11px;
  font-style: normal; 
  font-weight: normal; 
  color: #EB0B0B; 
  text-decoration: underline;
	margin:0px;padding:0px
}
/* fondsvergleich */
.fondsvgl2 {   
  font-family: Arial, Verdana, Helvetica, sans-serif;  
  font-size: 11px; 
  font-style: normal; 
  font-weight: normal; 
	color: #003366; 
	text-decoration: underline;
}

.fondsvgl2bench {   
  font-family: Arial, Verdana, Helvetica, sans-serif;  
  font-size: 11px; 
  font-style: normal; 
  font-weight: normal; 
	color: #003366; 
	text-decoration: none;
}

.fondsvgl3 {   
  font-family: Arial, Verdana, Helvetica, sans-serif;  
  font-size: 11px; 
  font-style: normal; 
  font-weight: normal; 
	color: #666633; 
	text-decoration: underline;
}

.fondsvgl3bench {   
  font-family: Arial, Verdana, Helvetica, sans-serif;  
  font-size: 11px; 
  font-style: normal; 
  font-weight: normal; 
	color: #666633; 
	text-decoration: none;
}

/* chartanalyse Popup */
.chartanalysecopyb {   
  font-family: Arial, Verdana, Helvetica, sans-serif;  
  font-size: 11px; 
  font-style: normal; 
  font-weight: bold; 
	color: #ffffff; 
	text-decoration: none;
}

/* sitemap */
tr.sitemapfirst {
background-image: none;
background-color: #F4F5F6;
}

tr.sitemapsecond {
background-image: none;
background-color: #EDEEF0;
}

tr.sitemapthird {
background-image: none;
background-color: #F4F5F6;
}

tr.sitemaptrenner {
background-image: none;
background-color: #DEDEDE;
}

.sitemapfirst {   
  font-family: Arial, Verdana, Helvetica, sans-serif;  
  font-size: 11px; 
  font-style: normal; 
  font-weight: bold; 
	color: #EB0B0B; 
	text-decoration: none;
}

.sitemapsecond {   
  font-family: Arial, Verdana, Helvetica, sans-serif;  
  font-size: 11px; 
  font-style: normal; 
  font-weight: normal; 
	color: #000000; 
	text-decoration: none;
}

.sitemapdepot {   
  font-family: Arial, Verdana, Helvetica, sans-serif;  
  font-size: 11px; 
  font-style: normal; 
  font-weight: normal; 
	color: #EB0B0B; 
	text-decoration: none;
}

.sitemapthird {   
  font-family: Arial, Verdana, Helvetica, sans-serif;  
  font-size: 11px; 
  font-style: normal; 
  font-weight: normal; 
	color: #666666; 
	text-decoration: none;
}

/* abbinder */
.footercopy {font-family:Arial,Verdana,Helvetica,sans-serif;font-size:11px;line-height:18px;font-weight:normal;color:#989898;text-decoration:none}
.footerlink {font-family:Arial,Verdana,Helvetica,sans-serif;font-size:11px;line-height:18px;font-weight:normal;color:#989898;text-decoration:underline}
.footercopysmall {font-family:Arial,Verdana,Helvetica,sans-serif;font-size:10px;line-height:14px;font-weight:normal;color:#989898;text-decoration:none}
.footerlinksmall {font-family:Arial,Verdana,Helvetica,sans-serif;font-size:10px;line-height:14px;font-weight:normal;color:#989898;text-decoration:underline}

/* smarthouse */
table.knockoutmap {
 border:     0;
 margin:     0;
}

table.knockoutmap td {
 font-family: Arial,sans-serif;
 font-size: 10px;
 font-weight: bold;
}

table.knockoutmap td.zahl {
 border-bottom:   1px solid #858585;
 text-align:    right;
 font-weight:   bold;
 padding-right:   5px;
 padding-left:   5px;
}

table.knockoutmap td.basiskurs {
/*  background-image:  url(/images/pixel_rot.gif); */
 text-align:    right;
 font-weight:   bold;
 padding-right:   5px;
 padding-left:   5px;
 color: #ffffff;
 background-color:#eb0b0b;
}

table.knockoutmap td.trenn {
 border-left:   1px solid #858585;
 height:     15px;
 line-height:   15px;
 vertical-align:   middle;
}

table.knockoutmap td.balken {
 border:     0;
 cursor:     pointer;
}

table.knockoutmap td.balkenbwk {
 background-image:  url(/images/pixel_rot.gif);
 background-repeat:  repeat-x;
 background-position: 2px 50%;
}

table.knockoutmap td.balkenleer {
 background-color:  transparent;
 border:     0;
}

table.knockoutmap td.leer {
 width:     2px;
 border:     0;
}

table.knockoutmap td.short {
 background-color:  red;
}

table.knockoutmap td.long {
 background-color:  green;
}

div.tooltip {
	z-index: 1000;
	position: absolute;
	display: none;
	font-family: Arial,sans-serif;
}
 
div.tooltip table.tooltip {
	background-color: #ffffff;
	border: 1px solid #c0c0c0;
}
 
div.tooltip table.tooltip td {
	padding: 2px;
  font-size: 10px;
}
 
div.tooltip table.tooltip td.title {
	background-color: #f5f5f5;
	font-weight: bold;
	color: #eb0b0b;
  font-size: 10px;
}

.tbcopyValue{font-weight:bold;}

.tbbgsubhlspecial {background:#acacac;}

.tbsubhlspecial {font-family:Arial, Verdana, Helvetica, sans-serif;font-size:10px;font-style:normal;font-weight:normal;color:#000000;text-decoration:none;}

.uebdepotMaskeBold {font-weight:bold;}

.uebdepotMaskeMedium {font-family:Arial, Verdana, Helvetica, sans-serif;font-size:11px;font-style:normal;font-weight:normal;color:#000000;text-decoration:none;}
 .uebdepotMaskeMedium.minus {color:#E50C0C;}
 .uebdepotMaskeMedium.plus {color:#006600;}  

.uebdepotMaskeSmall {font-size:12px;}
  .uebdepotMaskeSmall.minus {color:#E50C0C;}
  .uebdepotMaskeSmall.plus {color:#006600;} 

  .reitercopy.minus {color:#E50C0C;}
  .reitercopy.plus {color:#006600;}    

.realtimePush {background-color:#E50C0C;}

.tbneutral {background-color:#ffffff;}

.chart1 {background-color:#e60003;}
.chart2 {background-color:#fef5f1;}
.chart3 {background-color:#820002;}
.chart4 {background-color:#620002;}
.chart5 {background-color:#f7ccb8;}
.chart6 {background-color:#f3ab8d;}
.chart7 {background-color:#e84224;}
.chart8 {background-color:#fcebe3;}
.chart9 {background-color:#ef8865;}
.chart10 {background-color:#ad0003;}
.chart11 {background-color:#eb6642;}

.rtFormCheckbox {
	margin:6px 5px 0px 0px;
	_margin:2px 3px 0px 0px;
	float:left;
}

.rtFormCopy {
    padding-top:9px;
    float:left;
    white-space: nowrap;
}
.right {
float:right;
}

/*metanav*/
.metaNavButRT {
	background-image:url(/img/buttons/bt_realtime_kurse.gif);
	background-repeat:no-repeat;
}

.metaNavButRTLink {
	color:#000000;
	text-decoration:none;
}

/* added 17.10.07 */
.tbhl_nt_rt{
  font-weight: bold; 
  text-decoration: none;
}

.reitercopyplus{
  color: #006600;
}

.reitercopyminus{
  color: #E50C0C;
}

html body{
	background-color:#fff;
}

.hugger{
	background:url(/img/newBg.jpg) repeat-y top;
	width:820px;
	height:auto;
	margin:0 auto;
}

.hugger .topper{
	background:url(/img/headBg.jpg) no-repeat top left;
	width:auto;
	height:auto;
}

.hugger .topper .stopper{
	background:url(/img/footBg.jpg) no-repeat bottom left;
	width:auto;
	height:auto;
	padding:7px 35px 12px 21px;
}

td.bkalenderheute {
	background-color:#FFF;
	background-image:none;
}

.bkalenderheute {
	color:#595959;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:10px;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
}

/* sfd */
.sfdlink {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
 	font-size: 10px;
  	font-style: normal; 
  	font-weight: normal; 
  	color: #000000; 
  	text-decoration: none;
}

.sfdcont {
background-image: none;
background-color: #F8F8F8;
}

.sfdsubhl {
background-image: none;
background-color: #F8F8F8;
}

.sfdicon {float:left;margin:2px 5px 0px 0px;border:0;display:inline;}

.smallTrend,.bigTrend {
text-align:right;
border:solid red 0px;
}

.smallTrend {
width:70px;
}

.bigTrend {
width:85px;
}

.standardText ul li {
    font-size: 12px;
    line-height: 16px;
}

.oneColBlock ul li {
    font-size: 12px;
    line-height: 16px;
    margin: 0 0 10px 0;
    background-image: url("/img/redbullet.gif");
    background-repeat: no-repeat;
  	background-position: 0 2px;
  	padding: 0 0 0 10px;
}

.oneColBlock ul {
    margin: 0 0 0 20px;
    list-style-image: none;
    list-style: none;
}



:root {
  --distance-m: 20px;
  --distance-l: 40px;
  --distance-xl: 80px;
  --color-link-hover: #c40004;
  --color-link-active: #920004;
  --color-footer-bg: #1c1b1f;
}

*:not(.fa-solid) {
  font-family: 'Open Sans',serif !important;
}

html {
  overflow-y: visible !important;
}

html,
body,
html body {
  background: none !important;
}

#wrapper {
  width: 100% !important; /* Standard styles are re-loaded and are overwriting us, thus we need to add important */
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Hide elements from old design */
#footerBg, .navbar {
  display: none;
}


/************************/
/*** Hide header menu ***/
/************************/
.MegaMenu_style_menu__aSWRx, [class^="MegaMenu_style_menu__"], /* Second selector to be more generic, just in case BS renames class */
.Header_style_searchButtonContainer__lLbrs, [class^="Header_style_searchButtonContainer__"] { /* Second selector to be more generic, just in case BS renames class */
  display: none;
}

/*******************/
/*** mainContent ***/
/*******************/
#mainContent {
  width: 88% !important;
  display: flex;
  justify-content: center;
  /* flex-direction: column; */
  /* align-items: center; */
  /* min-height: auto; */
}

.content {
  max-width: 100%;
  width: auto !important;
}

/****************************************/
/*** HEADER AND NAVIGATION AND BANNER ***/
/****************************************/
#header .headerBt,
#header .socialMedia,
#header .meta,
#banner,
#header #loginContainer + div,    /* Empty div, that is adding gap to the header */
#header #loginContainer > .login, /* Avoid flicker on initial load */
#header .logo img[border="0"],    /* Avoid flicker on initial load */
#header .kurssuche,               /* To discuss (anstatt der Lupe?) */
#navigation {
  display: none;
}

#new-header {
  box-sizing: border-box;
  position: sticky;
  top: 0;
  z-index: 9999;
  width: 100%;
  background-color: white;

  display: flex;
  height: 120px;
  justify-content: space-between;
  align-items: center;

  padding-right: 20px;
  padding-left: 20px;
}
/* Somehow this button is smaller. */
#new-header .redButton {
  font-size: 14px !important;
  padding: 8px 13px !important;
  line-height: 20px !important;
  min-height: 36px;
}
#new-header a:first-of-type {
  width: 209px;
  height: 34px;
  background-image: url('data:image/svg+xml;utf8,<svg%20viewBox=%220%200%20203%2033%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22><path%20d=%22M16.745%204.228c0%202.337-1.877%204.235-4.19%204.235-2.311%200-4.182-1.891-4.182-4.235C8.373%201.884%2010.244%200%2012.556%200s4.19%201.898%204.19%204.228ZM25.11%2019.466H5.86v-2.54h19.257v-1.688c0-2.337-1.878-4.228-4.183-4.228H4.183C1.87%2011.01%200%2012.9%200%2015.238v9.307h19.25v2.54H0v1.688c0%202.337%201.878%204.235%204.183%204.235h16.744c2.312%200%204.183-1.892%204.183-4.235v-9.307Z%22%20fill=%22%23E30613%22/><path%20d=%22M148.817%2011.001H138.42l-11.038%207.052V3.795h-5.8v29.204h5.8v-8.287l5.118-3.276%209.542%2011.516.04.047h7.55l-12.194-14.717%2011.379-7.28ZM112.041%2011.03h-17.46c-2.318%200-4.229%201.91-4.249%204.261v13.413c0%202.371%201.904%204.303%204.25%204.303h17.459c2.346%200%204.257-1.932%204.257-4.302V15.337c0-2.37-1.911-4.302-4.257-4.302m-1.483%2016.493H96.072V16.48h14.486v11.05ZM173.639%2010.962h-16.791c-2.345%200-4.256%201.931-4.256%204.302v13.434c0%202.37%201.911%204.302%204.256%204.302h16.791c2.346%200%204.257-1.931%204.257-4.302v-.946h-19.518V24.16h19.518v-8.902c0-2.37-1.911-4.302-4.257-4.302m-1.496%208.726h-13.758v-3.58h13.758v3.58ZM58.232%2011.044l.014-.014H41.948V3.77h-5.787v24.928c0%202.371%201.911%204.303%204.256%204.303h17.513c2.346%200%204.257-1.932%204.257-4.302V15.331c0-2.269-1.744-4.133-3.95-4.288m-16.29%205.436h14.493v11.05H41.95V16.48ZM198.743%2011.01h-5.426c-1.59%200-3.033%201.195-3.608%202.79v-2.763h-5.793V33h5.793V20.486c0-2.148%201.684-4.033%203.608-4.033h9.682v-1.14c0-2.372-1.911-4.303-4.256-4.303ZM82.374%2011.01h-5.426c-1.59%200-3.033%201.195-3.608%202.79v-2.763h-5.793V33h5.793V20.486c0-2.148%201.684-4.033%203.608-4.033h9.682v-1.14c0-2.372-1.91-4.303-4.256-4.303Z%22%20fill=%22%231D1D1B%22/></svg>');
  background-size: cover;
}
@media (min-width: 800px) {
    #new-header {
        padding-right: 87px;
        padding-left: 87px;
    }
}



/**** Most probably outdated ****/
#header-full-width-background {
  position: sticky;
  top: 0;
  z-index: 9999;
  width: 100%;
  background-color: white;
}

#header {
  /* Center in parent background container */
  margin-right: auto;
  margin-left: auto;

  box-sizing: border-box;
  /* Align with bs div.Header_style_header__c6CH8 */
  position: sticky !important; /* Counter basic.css */
  top: 0;

  /* Align with bs header */
  height: 120px !important;  /* Standard styles are overwriting us, thus we need to add important */
  background: white none !important;  /* Standard styles are overwriting us, thus we need to add important */

  /* Align with bs .Header_style_pageHeader__RpIZk */
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;

  padding-right: 20px;
  padding-left: 20px;
}

/* Align with bs .container */
@media (min-width: 576px) {
  #header {
    /* max-width: 540px; */
  }
}
@media (min-width: 768px) {
  #header {
    /* max-width: 720px; */
  }
}
@media (min-width: 992px) {
  #header {
    padding-right: 20px;
    padding-left: 20px;
    /* max-width: 960px; */
  }
}
@media (min-width: 1200px) {
  #header {
    padding-right: 87px;
    padding-left: 87px;
    max-width: 1440px;
  }
}


#header .logo {
  position: static !important; /* Overwrite absolute position */
}

#header #loginContainer {
  position: static !important; /* Overwrite absolute position */
  width: auto !important;
}

#header .logo {
  margin-right: 129px;
}
#header #loginContainer {
  margin-left: 129px;
}
@media (max-width: 1260px) {
  #header .logo {
    margin-right: 50px;
  }

  #header #loginContainer {
    margin-left: 50px;
  }
}

@media (max-width: 880px) { /* That's my own breakpoint */
  #header .logo {
    margin-right: 30px;
  }

  #header #loginContainer {
    margin-left: 30px;
  }
}
@media (max-width: 765px) { /* That's my own breakpoint */
  #header .logo {
    margin-right: 15px;
  }

  #header #loginContainer {
    margin-left: 15px;
  }
}

/**************************/
/*** HEADER - Mega-Menu ***/
/**************************/
/*
#mega-menu {
  position: relative;
}

#mega-menu .mega-menu-first-row {
  position: relative;
  display: flex;
  align-items: center;
  gap: 120px;
}
@media (max-width: 1200px) {
  #mega-menu .mega-menu-first-row {
    gap: 60px;
  }
}
@media (max-width: 880px) { // That's my own breakpoint
  #mega-menu .mega-menu-first-row {
    gap: 30px;
  }
}
@media (max-width: 765px) { // That's my own breakpoint
  #mega-menu .mega-menu-first-row {
    gap: 15px;
  }
}


#mega-menu ul {
  margin: 0;
  list-style-image: none;
  list-style-type: none;
}

#mega-menu li a {
  cursor: pointer;
}
#mega-menu li a:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
}
#mega-menu li span span {
  cursor: default;
}
#mega-menu .mega-menu-first-row .mega-menu-item span {
  font-weight: 400;
  text-decoration: none;
  text-align: left;
  transition: color .5s ease-in-out;
  color: black;
  font-size: 24px;
  line-height: 33px;
  padding: 20px 0;
  margin: 0;
}
#mega-menu .mega-menu-first-row .mega-menu-item span:hover {
  text-shadow: 0 0 1px black, 0 0 1px black;
  transition: color .5s ease-in-out;
}

.Header_style_headerButtonsWrapper__OaUxt {
  align-items: center;
  gap: 87px;
  margin-left: auto;
}

#mega-menu .MegaMenu_style_subMenuWrapper__riZJL.MegaMenu_style_active__wwfkL {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  z-index: 10;
  transition: width .3s ease-in-out;
  min-height: 128px;
}
#mega-menu .MegaMenu_style_subMenuWrapper__riZJL {
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .251);
  border-radius: 20px;
  position: absolute;
  white-space: nowrap;
  opacity: 0;
  transform: translateY(-10px);
  transition: all .3s ease-in-out;
  top: 54px;
  left: -70px;
  padding: 30px 40px;
  background-color: white;
  display: flex;
  width: 394px;
  z-index: -100;
}
.MegaMenu_style_hide__t2fk9 {
  display: none !important;
}
.MegaMenu_style_show__iVBRu {
  display: flex !important;
}
.MegaMenuItem_style_menuItem__v3HAV {
  margin-bottom: 10px;
}
.MegaMenuItem_style_menuItem__v3HAV:last-of-type {
  margin-bottom: 0;
}
.MegaMenuItem_style_menuItem__v3HAV a,
.MegaMenuItem_style_menuItem__v3HAV span {
  font-weight: 400;
  text-decoration: none;
  text-align: left;
  transition: color .5s ease-in-out;
  color: black;
  font-size: 14px;
  line-height: 30px;
}
.MegaMenuItem_style_menuItem__v3HAV a:hover,
.MegaMenuItem_style_menuItem__v3HAV span:hover {
  font-weight: 700;
}

.MegaMenuItem_style_withArrow__v9bjj > span {
  position: relative;
  display: inline-block;
}
.MegaMenuItem_style_withArrow__v9bjj > span:after,
.MegaMenuItem_style_withArrow__v9bjj > span:before {
  border-right: 1px solid;
  content: "";
  display: block;
  height: 8px;
  margin-top: -6px;
  position: absolute;
  transform: rotate(135deg);
  right: -12px;
  top: 53%;
  width: 0;
  box-sizing: border-box;
}
.MegaMenuItem_style_withArrow__v9bjj > span:after {
  margin-top: -1px;
  transform: rotate(45deg);
}
.MegaMenuItem_style_withArrow__v9bjj > span:focus:after,
.MegaMenuItem_style_withArrow__v9bjj > span:focus:before,
.MegaMenuItem_style_withArrow__v9bjj > span:hover:after,
.MegaMenuItem_style_withArrow__v9bjj > span:hover:before {
  color: red;
}

#mega-menu .MegaMenu_style_activeSecondColumn__Upgvg {
  width: 586px;
}
.MegaMenu_style_thirdColumn__mvHJO {
  padding: 0 0 0 90px;
}


/********************************/
/*** HEADER - KONTAKT und FAQ ***/
/********************************/
/*
.MegaMenu_style_secondColumn__sJnVw {
  width: 64px;
  position: absolute;
  right: 40px;
}
.MegaMenu_style_secondColumn__sJnVw a:first-of-type {
  margin-bottom: 30px;
}
.MegaMenu_style_secondColumn__sJnVw a {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.MegaMenu_style_secondColumn__sJnVw a {
  font-weight: 700;
  text-decoration: none;
  color: black;
  font-size: 10px;
  line-height: 30px;
  letter-spacing: .1px;
  text-transform: uppercase;
}
.MegaMenu_style_secondColumn__sJnVw a i {
  font-size:2.3em
}


/***********/
/*** MSB ***/
/***********/
/* Might be outdated
form[name=login] {
  display: flex;
  flex-direction: column;
  gap: 50px;
  padding: 45px 50px;
}

#mainContent .content {
  display: none;
}

#row1 {
  display: flex;
  justify-content: center;
  width: 100%;
  background-color: #fbfbfb;
  margin: 60px 0 100px 0;
}

#row2, #row3 {
  width: 55%;
  padding: 20px;
}

#row3 h2 {
  margin-bottom: 34px;
}

#row2text, #row3text {
  margin-bottom: 32px;
}

#row2 {
  margin-bottom: 80px;
}

#col1 {
  flex: 1 1 33%;
  padding-left: 204px;
  padding-top: 73px;
}

#col2 {
  flex: 2 1 66%;
}

#col1 h3 {
  font-size: 26px;
  line-height: 38px;
  font-weight: 700;
}

h2 {
  font-size: 42px
}

.redButton {
  background-color: #ff0000;
  color: white;
  border-radius: 25px;
  border: none;
  text-align: center;
  text-decoration: none;

  display: inline-block;
  padding: 10px 20px;
} */

form[name="login"] td.form > input.form[type="text"][id="username"],
form[name="login"] td.form > input.form[type="password"][id="password"],
td.form > input.form[type="text"][id="userid"],
td.form > input.form[type="text"][id="email"] {
  width: 80% !important;
  padding: 15px 36px;
  margin-bottom: 20px;
  border-radius: 8px;
  border: 1px solid #d9d9d9;
  font-size: 18px;
  box-sizing: border-box;
}
form[name="login"] td.form > input.form[type="text"][id="username"]:focus,
form[name="login"] td.form > input.form[type="password"][id="password"]:focus,
td.form > input.form[type="text"][id="userid"]:focus,
td.form > input.form[type="text"][id="email"]:focus {
  outline-color: #ee0000;
}
.floating-footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 80px;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 80px;
  box-sizing: border-box;
  z-index: 6000;
}
.footer-buttons {
  box-sizing: border-box;
  display: flex;
  gap: 10px;
}
.footer-buttons a {
  box-sizing: border-box;

  text-decoration: none;
  color: #ee0000;
  background-color: white;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-weight: bold;
  padding: 6px 36px;
}
.footer-buttons a:last-of-type {
  color: white;
  background-color: #ee0000;
  min-width: 174px;
}
.realtime-count {
  color: white;
}
.big-heading {
  font-size: 42px;
  text-align: center;
  margin-top: 100px;
  margin-bottom: 50px;
}
.center-vertical {
  text-align: center;
}
.mb-l {
  margin-bottom: var(--distance-l);
}


/******************/
/*** BUTTONS BS ***/
/******************/
.bs-button {
  box-sizing: border-box;

  border: 0;
  border-radius: 2px;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  transition: all .5s ease-in-out;
  text-decoration: none;
  text-wrap: nowrap;
}
.bs-button i {
  margin-right: 12px;
}
.bs-button.bs-button-small {
  min-height: 40px;
  padding: 8px 12px;
}
.bs-button.bs-button-medium {
  min-height: 46px;
  padding: 12px 24px;
}
.bs-button.bs-button-primary {
  color: #fff;
  background-color: #ee0000;
}
.bs-button.bs-button-primary:focus,
.bs-button.bs-button-primary:hover {
  background-color: var(--color-link-hover);
}
.bs-button.bs-button-secondary {
  color: #ee0000;
  background-color: white;
  border: 1px solid #ee0000;
}
.bs-button.bs-button-secondary:focus,
.bs-button.bs-button-secondary:hover {
  color: var(--color-link-hover);
  border-color: var(--color-link-hover);
}
.bs-button.bs-button-secondary:active {
  color: var(--color-link-active);
  border-color: var(--color-link-hover);
}
.bs-button.bs-button-with-icon {
  justify-content: center;
  align-items: center;
  gap: 15px;
}
/*******************************************************************************/
/*** BUTTONS OLD DESIGN (to much "!important" to integrate it in BS classes) ***/
/*******************************************************************************/
a.redButton span,
a.greyButton span {
  all: unset !important;
}
a.redButton,
a.greyButton {
  box-sizing: border-box;

  border-radius: 8px;
  border: 1px solid transparent;

  display: inline-flex !important;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 22px !important;
  transition: all .5s ease-in-out;
  text-wrap: nowrap;

  min-height: 40px;
  padding: 8px 24px !important;

  text-decoration: none;
}
a.redButton {
  background: #ee0000 none !important;
  color: white;
}
a.greyButton {
  color: #ee0000 !important;
  background: white none !important;
  border: 1px solid #ee0000;
}
a.redButton:focus,
a.redButton:hover {
  background-color: var(--color-link-hover) !important;
}

/*************************/
/*** EXPANDABLE BUTTON ***/
/*************************/
.expandableButton {
  width: auto !important;
  height: auto !important;
}
.expandableButton .button {
  position: static !important;
  width: auto !important;
  height: auto !important;
}


/* Replace ugly buttons with ::before-logic, e. g. https://localhost/431.0.html */
a img[src="/img/buttons/bt_frm_aufrufen.gif"],
a img[src="/img/buttons/bt_fenster_schliessen.gif"],
a img[src="/img/buttons/bt_zurueck.gif"],
a img[src="/img/buttons/bt_weiter.gif"],
a img[src="/img/buttons/bt_anzeigen.gif"],
a img[src="/img/buttons/bt_suche_aendern.gif"],
a img[src="/img/buttons/bt_neue_suche.gif"],
a img[src="/img/buttons/bt_ausgeDepots_loeschen.gif"],
a img[src="/img/buttons/bt_depotnamen_aendern.gif"],
a img[src="/img/buttons/bt_neues_depot_anlegen.gif"],
a img[src="/img/buttons/bt_markierten_wert_aendern.gif"],
a img[src="/img/buttons/bt_markierten_wert_vkaufen.gif"],
a img[src="/img/buttons/bt_markierte_werte_loeschen.gif"],
a img[src="/img/buttons/bt_zurueckZurAuswahl.gif"],
a img[src="/img/buttons/bt_aktualisieren.gif"],
a img[src="/img/buttons/bt_neuemis_zeichnen.gif"] {
  object-position: -99999px 99999px !important;
}
a:has(img[src="/img/buttons/bt_frm_aufrufen.gif"])::before {
  content: "Formular aufrufen";
  position: absolute;
  padding: 6px 12px;
  background-color: #ee0000;
  color: white;
  font-weight: 700;
  right: 10%;
  border-radius: 8px;
}
a:has(img[src="/img/buttons/bt_fenster_schliessen.gif"])::before {
  content: "Fenster schlie\00DF en";
  padding: 6px 12px;
  background-color: #ee0000;
  color: white;
  font-weight: 700;
  right: 10%;
  border-radius: 8px;
  text-decoration: none;
}
a:has(img[src="/img/buttons/bt_fenster_schliessen.gif"]) {
  text-decoration: none;
}
a:has(img[src="/img/buttons/bt_zurueck.gif"])::before {
  content: "Zur\00FC ck";
  position: absolute;
  padding-left: 20px;
  padding-top: 6px;
  color: white;
  font-weight: 700;
}
a:has(img[src="/img/buttons/bt_weiter.gif"])::before {
  content: "Weiter";
  position: absolute;
  padding-left: 20px;
  padding-top: 6px;
  color: white;
  font-weight: 700;
}
a:has(img[src="/img/buttons/bt_anzeigen.gif"])::before {
  content: "Anzeigen";
  position: absolute;
  padding-left: 18px;
  padding-top: 6px;
  color: white;
  font-weight: 700;
}
a:has(img[src="/img/buttons/bt_suche_aendern.gif"])::before {
  content: "Suche \00E4 ndern";
  position: absolute;
  padding-left: 10px;
  padding-top: 6px;
  color: white;
  font-weight: 700;
}
a:has(img[src="/img/buttons/bt_neue_suche.gif"])::before {
  content: "Neue Suche";
  position: absolute;
  padding-left: 13px;
  padding-top: 6px;
  color: white;
  font-weight: 700;
}
a:has(img[src="/img/buttons/bt_ausgeDepots_loeschen.gif"])::before {
  content: "Ausgew\00E4 hlte Depots l\00F6 schen";
  font-size: 14px;
  position: absolute;
  padding-left: 1px;
  padding-top: 7px;
  color: white;
  font-weight: 700;
}
a:has(img[src="/img/buttons/bt_depotnamen_aendern.gif"])::before {
  content: "Depotnamen \00E4 ndern";
  font-size: 14px;
  position: absolute;
  padding-left: 7px;
  padding-top: 7px;
  color: white;
  font-weight: 700;
}
a:has(img[src="/img/buttons/bt_neues_depot_anlegen.gif"])::before {
  content: "Neues Depot anlegen";
  font-size: 14px;
  position: absolute;
  padding-left: 8px;
  padding-top: 7px;
  color: white;
  font-weight: 700;
}
a:has(img[src="/img/buttons/bt_neuemis_zeichnen.gif"])::before {
  content: "Neuemission zeichnen";
  font-size: 14px;
  position: absolute;
  padding-left: 6px;
  padding-top: 6px;
  color: white;
  font-weight: 700;
}
a:has(img[src="/img/buttons/bt_markierten_wert_aendern.gif"])::before {
  content: "Markierten Wert \00E4 ndern";
  font-size: 13px;
  position: absolute;
  padding-left: 7px;
  padding-top: 8px;
  color: white;
  font-weight: 700;
}
a:has(img[src="/img/buttons/bt_markierten_wert_vkaufen.gif"])::before {
  content: "Markierten Wert verkaufen";
  font-size: 13px;
  position: absolute;
  padding-left: 7px;
  padding-top: 8px;
  color: white;
  font-weight: 700;
}
a:has(img[src="/img/buttons/bt_markierte_werte_loeschen.gif"])::before {
  content: "Markierte Werte l\00F6 schen";
  font-size: 13px;
  position: absolute;
  padding-left: 7px;
  padding-top: 8px;
  color: white;
  font-weight: 700;
}
a:has(img[src="/img/buttons/bt_zurueckZurAuswahl.gif"])::before {
  content: "Zur\00FC ck zur Auswahl";
  font-size: 15px;
  position: absolute;
  padding-left: 8px;
  padding-top: 7px;
  color: white;
  font-weight: 700;
}
a:has(img[src="/img/buttons/bt_aktualisieren.gif"])::before {
  content: "Aktualisieren";
  position: absolute;
  padding-left: 8px;
  padding-top: 6px;
  color: white;
  font-weight: 700;
}

input[type="image"][src="/img/buttons/bt_weiter.gif"],  /* 1) gets replaced */
input[type="submit"][src="/img/buttons/bt_weiter.gif"], /* with 2) */
input[type="image"][src="/img/buttons/bt_abbestellen.gif"],  /* 1) gets replaced */
input[type="submit"][src="/img/buttons/bt_abbestellen.gif"], /* with 2) */
input[type="image"][src="/img/buttons/bt_abschicken.gif"],  /* 1) gets replaced */
input[type="submit"][src="/img/buttons/bt_abschicken.gif"], /* with 2) */
input[type="image"][src="/img/buttons/bt_frm_abschicken.gif"],  /* 1) gets replaced */
input[type="submit"][src="/img/buttons/bt_frm_abschicken.gif"], /* with 2) */
input[type="image"][src="/img/buttons/bt_suchen.gif"],  /* 1) gets replaced */
input[type="submit"][src="/img/buttons/bt_suchen.gif"], /* with 2) */
input[type="image"][src="/img/buttons/bt_email_abschicken.gif"], /* 1) gets replaced */
input[type="submit"][src="/img/buttons/bt_email_abschicken.gif"], /* with 2) */
input[type="image"][src="/img/buttons/bt_analysteempf_anzeigen.gif"], /* 1) gets replaced */
input[type="submit"][src="/img/buttons/bt_analysteempf_anzeigen.gif"], /* with 2) */
input[type="submit"][src="/img/buttons/bt_anzeigen.gif"], /* (Was replaced) */
input[type="submit"][src="/img/buttons/bt_hinzufuegen.gif"], /* (Was replaced) */
input[type="submit"][src="/img/buttons/bt_aenderungen_speichern.gif"], /* (Was replaced) */
input[type="submit"][src="/img/buttons/bt_inHistorieUebernehmen.gif"], /* (Was replaced) */
input[type="submit"][src="/img/buttons/bt_datei_hochladen.gif"], /* (Was replaced) */
img[src="/img/buttons/bt_anzeigen.gif"],
img[src="/img/buttons/bt_suche_aendern.gif"],
img[src="/img/buttons/bt_neue_suche.gif"],
img[src="/img/buttons/bt_zuruecksetzen.gif"],
img[src="/img/buttons/bt_zurueck.gif"],
img[src="/img/buttons/bt_weiter.gif"],
img[src="/img/buttons/bt_ausgeDepots_loeschen.gif"],
img[src="/img/buttons/bt_depotnamen_aendern.gif"],
img[src="/img/buttons/bt_neues_depot_anlegen.gif"],
img[src="/img/buttons/bt_neuemis_zeichnen.gif"],
img[src="/img/buttons/bt_markierten_wert_aendern.gif"],
img[src="/img/buttons/bt_markierten_wert_vkaufen.gif"],
img[src="/img/buttons/bt_markierte_werte_loeschen.gif"],
img[src="/img/buttons/bt_zurueckZurAuswahl.gif"],
img[src="/img/buttons/bt_aktualisieren.gif"],
.expandableButton a.button-link {
  all: unset !important;
  box-sizing: border-box;

  border-radius: 8px !important;
  display: inline-flex !important;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 22px !important;
  transition: all .5s ease-in-out;
  text-wrap: nowrap;

  min-height: 40px;
  padding: 8px 24px !important;

  background: #ee0000 none !important;
}
.expandableButton a.button-link span {
  padding: unset !important;
  background: unset !important;
  width: auto !important;
  color: white;
}
.expandableButton .list-holder {
  width: 205px !important;
}
.expandableButton .list-holder .list {
  background: none #ee0000 !important;
}
.expandableButton .list-holder .list ul {
  background: none !important;
}
.expandableButton .list-holder .list ul li a,
.expandableButton .list-holder .list ul li a:hover {
  color: white;
}

/* https://www.sbroker.de/sbl/mdaten_analyse/dksuche_o?IS_PARAMS=%26ioContid%3D2716&ioContid= */
img[src="/img/buttons/bt_zuruecksetzen.gif"] {
  display:none !important;
}

input[type="submit"][src="/img/buttons/bt_anzeigen.gif"], /* (Was replaced) */
input[type="submit"][src="/img/buttons/bt_hinzufuegen.gif"], /* (Was replaced) */
input[type="submit"][src="/img/buttons/bt_aenderungen_speichern.gif"], /* (Was replaced) */
input[type="submit"][src="/img/buttons/bt_inHistorieUebernehmen.gif"], /* (Was replaced) */
input[type="submit"][src="/img/buttons/bt_datei_hochladen.gif"], /* (Was replaced) */
input[type="image"][src="/img/buttons/bt_weiter.gif"], /* 1) gets replaced */
input[type="submit"][src="/img/buttons/bt_weiter.gif"], /* with 2) */
input[type="image"][src="/img/buttons/bt_abbestellen.gif"], /* 1) gets replaced */
input[type="submit"][src="/img/buttons/bt_abbestellen.gif"], /* with 2) */
input[type="image"][src="/img/buttons/bt_analysteempf_anzeigen.gif"], /* 1) gets replaced */
input[type="submit"][src="/img/buttons/bt_analysteempf_anzeigen.gif"], /* with 2) */
input[type="image"][src="/img/buttons/bt_abschicken.gif"],  /* 1) gets replaced */
input[type="submit"][src="/img/buttons/bt_abschicken.gif"], /* with 2) */
input[type="image"][src="/img/buttons/bt_frm_abschicken.gif"],  /* 1) gets replaced */
input[type="submit"][src="/img/buttons/bt_frm_abschicken.gif"], /* with 2) */
input[type="image"][src="/img/buttons/bt_suchen.gif"],   /* 1) gets replaced */
input[type="submit"][src="/img/buttons/bt_suchen.gif"], /* with 2) */
input[type="image"][src="/img/buttons/bt_email_abschicken.gif"], /* 1) gets replaced */
input[type="submit"][src="/img/buttons/bt_email_abschicken.gif"] { /* with 2) */
  object-position: -99999px 99999px !important;
  color: white !important;
  cursor: pointer !important;
}

/****************************/
/*** HEADLINES OLD DESIGN ***/
/****************************/
body h1.sbrokerHeadline1 { /* Let's be a little more specific */
  font-size: 72px;
  line-height: 72px;
  margin-top: var(--distance-xl);
  margin-bottom: var(--distance-l);
  text-align: center;
  cursor: default;
}
@media (max-width: 880px) { /* That's my own breakpoint */
  body h1.sbrokerHeadline1 { /* Let's be a little more specific */
    font-size: 44px;
    line-height: 44px;
    margin-top: var(--distance-l);
    margin-bottom: var(--distance-m);
  }
}
/* Won't work because of https://localhost/wir-ueber-uns/wir-ueber-uns/kooperationspartner.html
body .sbrokerModule h2 {
  font-size: 26px;
  line-height: 32px;
  margin-bottom: 30px;

  font-weight: 700;
}
@media (min-width: 768px) {
    body .sbrokerModule h2 {
      font-size: 42px;
      line-height: 50px;
      margin-bottom: 50px;
    }
}
*/
body .teaserContainer h3, /* Let's be a little more specific */
body .sbrokerModule h3,   /* Let's be a little more specific */
body .twoColumnModule .oneColumnBlock h3 { /* Let's be a little more specific */
  font-size: 20px;
}
body .tabContent .accordionFaq h3 { /* Let's be a little more specific */
  margin-bottom: 18px;
}

/**************/
/*** CENTER ***/
/**************/
.sbrokerModule.twoColumnModule { /* https://localhost/services/fragen-antworten.html */
  margin-right: auto;
  margin-left: auto;
}
.sbrokerModule.sbrokerSeparator { /* https://localhost/services/fragen-antworten.html */
  width: auto;
}
.sbrokerModule .iFrameContainer {
  display: flex;
  justify-content: center;
}
.sbrokerModule .flapModuleContent {
  margin-left: auto;
  margin-right: auto;
}
/************/
/*** TEXT ***/
/************/
.elhl,
body .tabContent .accordionFaq h3 a,                   /* Let's be a little more specific */
body .teaserContainer .arrowLink,                      /* Let's be a little more specific */
body .teaserContainer li,                              /* Let's be a little more specific */
body .sbrokerModule p,                                 /* Let's be a little more specific */
body .sbrokerModule ul li,                             /* Let's be a little more specific */
body .reiterModul ul.tabList li a,                     /* Let's be a little more specific */
body .reiterModul ul.tabList li.selected a,            /* Let's be a little more specific */
body .textImageModule .textImageContainer li,          /* Let's be a little more specific */
body .textImageModule .textImageContainer a.arrowLink, /* Let's be a little more specific */
body .textImageModule .linkContainer a,                /* Let's be a little more specific */ /* Overwrite styles from module.css */
body .fineprintModule .fineprintModuleContent p {      /* Let's be a little more specific */ /* Overwrite styles from module2012.css */
  font-size: 16px; /* Minimum font size */
}

body .textImageModule .textImageContainer p, /* Let's be a little more specific */
body .teaserContainer p {                    /* Let's be a little more specific */
  font-size: 16px;
  line-height: 24px;
}

font[size="1"],
font[size="2"],
body table.standardTab th,
body table.standardTab td,
body .tabTxtModul p {
  font-size: 14px;
  line-height: 16px;
  font-family: inherit;
}
body .twoColumnModule .oneColumnBlock p { /* https://localhost/produkte/auszahlplan.html */
  font-size: 14px;
  line-height: 20px;
}
body .arrowLink,
body .twoColumnModule .oneColumnBlock a.arrowLink {
  font-size: inherit;
}

/*************/
/*** TABLE ***/
/*************/
table.standardTab[width="585"] {
  width: auto;
}
table:not(.standardTab)[width="585"] { /* https://localhost/wertpapiere/hebelprodukte.html */
  width: 100%;
}
table.standardTab[width="600"] td,
table.standardTab[width="100%"] td,
table[width="585"] td[align="right"], /* https://localhost/654.0.html */
table.standardTab[width="585"] td {
  padding-right: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
}
table[width="585"] tr.fbg td[colspan="2"] { /* https://localhost/653.0.html */
  padding-right: 60px;
}
table[width="585"] tr.fbg > td[colspan="2"] > input.radio[type="radio"] { /* https://localhost/646.0.html */
  margin-left: 18px;
  margin-right: 26px;
}
table.standardTab[width="600"][align="right"] {
  float: none;
}
table:not(.standardTab)[width="585"] td:has(span),  /* https://localhost/wertpapiere/anlagezertifikate.html */
table[width="285"] td { /* https://localhost/wertpapiere/hebelprodukte.html */
  padding: 8px;
}
table:not(.standardTab)[width="585"] td[valign="top"]:has(input[type="checkbox"]) { /* https://localhost/sbl/service/registrierung */
  padding: 15px;
}
table:not(.standardTab)[width="585"] td:has(select), /* https://localhost/sbl/service/registrierung */
table:not(.standardTab)[width="585"] td:has(input) { /* https://localhost/sbl/service/registrierung */
  padding: 8px;
}
table:not(.standardTab)[width="585"] td:has(input[type="radio"]) { /* https://localhost/formulare/formulare.html */
  padding: 18px;
}
table[width="285"] ul li { /* https://localhost/wertpapiere/hebelprodukte.html */
  margin-bottom: 12px;
}
table table[width="185"] { /* https://localhost/wertpapiere/anlagezertifikate.html */
  width: 100%;
}
table td img[src="/img/space.gif"][width="90"][height="1"] { /* https://localhost/67.0.html */
  display: none;
}
table td.txtimgtop img[src="/img/space.gif"] { /* https://www-test.sbroker.com/689.0.html */
  display: none;
}
table td[colspan="10"] img[src="/fileadmin/template/main/img/space.gif"] { /* https://www-test.sbroker.com/sbl/wpapiere_handel/neuemis_z */
  display: none;
}
table td[colspan="7"] img[src="/fileadmin/template/main/img/space.gif"] { /* https://localhost/mein-sparkassen-broker/vorteile-mein-sbroker.html */
  display: none;
}
table[width="585"] table[width="585"]:has(tr > td[align="right"] > a[href="/"]) { /* https://localhost/sbl/service/abmelden */
  display: none;
}

/*****************/
/*** ALLGEMEIN ***/
/*****************/
.cursor-disabled {
  cursor: not-allowed !important;
}
.element-hidden {
  display: none;
}

img[src="/img/reiter_abschluss.gif"], /* https://www-test.sbroker.com/sbl/uebungsdepot/depot_erweitert */
img[src="/img/reiter/r_neutral.gif"] { /* https://www-test.sbroker.com/sbl/uebungsdepot/depot_standard */
  display: none;
}

/* Avoid wrapping of text beneath icons */
.hintModule > .hintModuleContent > .hintModuleIcon + p:not(:has(b)) {
  overflow: hidden;
}
/* Hintmodules with a heading (b) should have placed the icon next to the heading, e.g. https://localhost/konten/waehrungskonto.html */
.hintModule > .hintModuleContent > .hintModuleIcon:has(+p > b) {
  margin-top: 14px;
}
/* red dotted li elements are looking to glued, e. g. https://localhost/konten/waehrungskonto.html  */
.textImageContainer ul li {
  margin-bottom: 10px;
}

form[name="frm_exchange_id"] { /* https://www-test.sbroker.com/sbl/wpapiere_handel/anl_portrait?ISIN=CH0465044631*/
  display: flex;
}

/* https://www-test.sbroker.com/sbl/wpapiere_handel/aktien_portrait_nt_ttl?IS_PARAMS=%26ID_OSI%3D%26ID_EXCHANGE%3D%26ID_NOTATION%3D%26LANG%3Dde%26LANG%3Dde%26ioContid%3D1915&LANG=de&ioContid=1915 */
table[height="25"] td.form {
  display: flex;
}


/**********************/
/*** YOUTUBE-Videos ***/
/**********************/ /* e. g. https://localhost/aktuelles/akademie.html */
.textImageContainer iframe[width="585"][height="315"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/************************/
/*** WIDGETS/SNIPPETS ***/
/************************/
#fww-finder {
  width: auto !important;
}
#fww-finder label {
  font-size: 16px !important;
}
#fww-finder label:first-of-type {
  width: 195px !important;
}
#sbForms #fww-finder .searchToggleBar { /* https://localhost/2126.0.html?_gl=1*1a5mb31*_gcl_au*MTEzNzIyNTY4Mi4xNzI0OTEyMTA1# */
  width: auto;
}

/*****************/
/*** SLIDESHOW ***/
/*****************/
.slideshowModule .slideshowContainer {
  height: auto !important;

  margin-left: auto;
  margin-right: auto;
}
.slideshowModule .slideshowContainer .slideshowElement.current {
  position: static !important;
  display: flex !important;
  flex-direction: column;
  height: auto !important;
}
.slideshowModule .slideshowContainer .slideshowElement .slideshowButton.redButton {
  position: static;
  margin-bottom: 15px;
}
.slideshowModule .slideshowContainer .controls .controlButtons {
  position: static !important;
}

/***********************************/
/*** Uebungsdepot Tabs-Container ***/
/***********************************/
.msb-tabs-container {
    display: flex;
    flex-direction: row;
    gap: 20px;
    overflow-x: auto;
    margin-bottom: 45px;
    flex-wrap: wrap;
    scrollbar-width: none;
    justify-self: center;
}

.msb-tabs-container a {
    text-decoration: none;
}

.msb-tabs-tab {
    box-sizing: border-box;

    cursor: default;
    width: max-content;
    height: 60px;
    padding: 15px 40px;
    border: 1px solid #ee0000;
    border-radius: 120px;
    transition: all .3s ease;

    background-color: #ee0000;
    color: white
}

.msb-tabs-tab p {
    font-size: 16px;
    line-height: 30px;
    font-weight: 700;
    margin-bottom: 0;
    text-wrap: nowrap;
}

a > .msb-tabs-tab {
    cursor: pointer;
    background-color: white;
    border-color: black;
    color: black;
}

a > .msb-tabs-tab:hover {
    border-color: #ee0000;
    color: #ee0000;
}

/*****************/
/*** Test-hint ***/
/*****************/
#test-hint {
  background-color: orange;
  width: 100px;
  height: 100px;
  position: absolute;
  z-index: 10000;
  top: 0;
  left: 0;
  color: white;
  padding: 5px;
  font-size: 12px;
}
#test-hint i {
  font-size: 20px;
  cursor: pointer;
  float: right;
  margin-left: 5px;
}
#test-hint li {
  margin-bottom: 10px;
}
#info-test-hint {
  position: absolute;
  left: 60px;
  top: 26px;
  background-color: white;
  color: black;
  height: 240px;
  width: 250px;
  border: orange 1px solid;
  padding: 5px;
}