html {
  -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape */
}

body {
	margin:0;
	padding:0;
	/*color:#111;
	/*text-align:left;*/
	font-family:Arial,Helvetica,sans-serif;   
  /*background: #f0f5fa; */
  font-size: 1em;
/* Verlauf
  background: -moz-linear-gradient(top,  #f0f5fa 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f5fa), color-stop(100%,#ffffff));
  background: -webkit-linear-gradient(top,  #f0f5fa 0%,#ffffff 100%);
  background: -o-linear-gradient(top,  #f0f5fa 0%,#ffffff 100%);
  background: -ms-linear-gradient(top,  #f0f5fa 0%,#ffffff 100%);
  background: linear-gradient(to bottom,  #f0f5fa 0%,#ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f5fa', endColorstr='#ffffff',GradientType=0 );
*/
}

a:link {
	color: #0044CC;
  transition: all 250ms ease-in-out;	
}

a,a:visited {
	/* border-bottom:1px dotted; */
	font-family:arial;
	outline:medium none;
	text-decoration:none;
  transition: all 250ms ease-in-out;	
}

a:hover {
	border-color:#bfe5ff;
}

.content a.nodeco {
	text-decoration:none;
}

.content .girotab {
	text-decoration:none;
}

acronym,abbr {
	cursor:help;
	font-weight:400;
	border-bottom:1px dotted #595959;
	text-decoration: none;
}

#container {
	background: white;
/*
  -webkit-box-shadow: 0 -10px 5em 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 -10px 5em 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 -10px 5em 2px rgba(0, 0, 0, 0.2);
*/
  height:100%;
	/*max-width:1150px;*/
	margin:0 auto;
}

.navigation {
	display: none;
	width:16%;
	float:left;
  padding: 0;
	box-sizing: border-box;
}

.navigation ul {
	margin: 0;
	padding:0;
	list-style-type:none;
	font:0.875em Arial,Verdana,Helvetica,sans-serif;
}

.navigation li b {
	padding:0;
	display:block;
	color:#f63;
}

.navigation li {
	width:160px;
	width: 100%;
}

.navigation a:link,
.navigation a:visited,
.navigation ul.nav1 a:link,
.navigation ul.nav1 a:visited,
.slicknav_nav a:link,
.slicknav_nav a:visited {
  border: 0;
  color: #69879E;
  display: block;
  font-size: 0.75em;
  margin-bottom: 0px;
  padding: 7px 0 6px 1em;
  text-decoration: none;
  background: #fff;
}

.navigation ul.nav1 a:link,
.navigation ul.nav1 a:visited {
  padding: 9px 0 0.5em 1em;
  font-size: 0.75em;
  font-weight: 700;
}

.navigation ul.nav1 li {
  border-top: 2px solid #f0f0f0;
}

.navigation ul.nav1 li:nth-child(1) {
  border-top: 0;
}

.navigation a:hover,
.navigation a:focus,
.navigation ul.nav1 a:hover,
.navigation ul.nav1 a:focus,
.slicknav_nav a:hover,
.slicknav_nav a:focus {
  background: #f0f0f0;
}

.tp-nav {
	background: none;
	border-bottom: 2px solid #f0f0f0;
  color: #FFF;
  color: #5097dd;
  text-shadow: none;
  font-size: 0.875em;
  font-weight: 700;
  margin-top: 1.25em;
  margin-bottom: 5px;
  padding: 7px 1em;
}

/*usp: Test neues Logo*/

.usp {
	background-color: #5097dd;
	margin-bottom:1.25em;
	height:5em;
/* 	text-indent:500px; */
	box-shadow: 0 7px 6px -8px #333;
  box-shadow: none;
/* Header über die kompletter Breite
  margin-bottom: 1.875em;
  position: absolute;
  width: 100%;
  left: 0px;
  height: 5em;
  top: 0px;
  z-index: 0;
*/
}

.usp p,
.usp h1 {
/* falls Header über die komplette Breite
  margin: 0 auto;
  padding-right: 0;
  max-width: 1100px;
*/
}

.usp a {
	color:#444;
	text-decoration:none;
}

.usp p {
	color:#ffffff;
	font:11px Arial,Verdana,Helvetica,sans-serif;
	margin:0 0 0 1.25em;
	padding:1.5625em 1.5625em 0 0;
	text-align:right;
}

.usp h1 {
	color:#FFFFFF;
	font:1.50em Tahoma,Helvetica,sans-serif;
	margin:0;
	padding:1.1em;
	text-align:right;
}

/*logo: Test neues Logo*/

.logo {
	border:none;
	margin:-72px 1020px 42px 1em;
	padding:0;
	position:relative;
}

.logo img {
	border:none;
	max-width: 160px;
}

.logo a:link,.logo a:visited,.logo a:hover,.logo a:active {
	display:inline;
	border:none;
	background:none;
}

.content {
	background:#FFF;
	
	
	margin-left: auto;
    margin-right: auto;
	width:1220px;
	
	
	border: 0;
    padding: 0 1em;
  /*border-left: 2px solid #F0F0F0;
	  padding:0px 1em;
  	float: right;
	float: left;
	width:100%;
 	width: 880px; */
	-moz-border-radius:0 1em 1em;
	-moz-box-shadow:0 0 0.5em #D9D9D9;
	box-sizing: border-box;
}

.content p {
	color:#595959;
	font:1.25em Arial,Verdana,Helvetica,sans-serif;
	line-height:1.5em;
	/*padding: 0.5em 0; hat Einfluss auf auchtung-Boxen! */
}

.content .fett {
	font-size:1.25em;
	line-height:1.5em;
	
	
}

/* unterhalb der Tabellen */
.content .klein {
	color:#595959;
	font:1em Arial,Verdana,Helvetica,sans-serif;
	line-height:1.5em;
}

.content .blog {
	color:#595959;
	font:1.25em Arial,Verdana,Helvetica,sans-serif;
	line-height:1.5em;
	padding: 1em 0;
}

/* Oranger Hintergrund für Prämie in Tabelle   */
    .content .bonus {
     background-color: #f07c00; 
     font-size:  0.875em; 
     border-radius: 1.25em; 
     width: 3.125em;
     color: white; 
     padding: 4px;
    } 


/* Textlink unter Bankenlogo in VGL */
.content .prona {
	/*display: none;
		text-decoration:underline;
	*/
	color:#595959;
	font-size:0.9em;
	line-height:1em;
/*   border-bottom: 1px dotted #595959; */
}

.content .prona:hover {
	/*   border-bottom: 1px solid #595959; */
}

/* H1 der Überschriften auf Detailseiten */
.tp-h1,
.content h1 {
  font-weight:400;
  font-family:trebuchet MS;
line-height: 1.2em;
  padding: 0;
}

.content h2 {
	font:1.5em Arial,Verdana,Helvetica,sans-serif;
	/*font-weight:700;*/
	padding:1em 0 0;
}

.content h3 {
	font:1.4em Arial,Verdana,Helvetica,sans-serif;
	/*font-weight:700;*/
	padding:1em 0 0;
}

.content h4 {
	font:1.4em Arial,Verdana,Helvetica,sans-serif;
	/*font-weight:700;*/
	padding:1em 0 0;
}

.content h5,h6 {
	font:1.3em Arial,Verdana,Helvetica,sans-serif;
	/*font-weight:700;*/
	padding:1em 0 0;
}


/* H2 Überschriften auf Detailseiten */
.tp-h2 {
	font:1.5em Arial,Verdana,Helvetica,sans-serif;
	padding:1em 0 0;
}

/* Formulare und Lexikon */
.tp-h3 {
	border-bottom:2px solid #EFEFEF;
	color:#69879E;
	font:bold 1.4em Arial,Verdana,Helvetica,sans-serif;
	padding:5px;
	text-align:center;
	padding:1em 0 0;
}

.bbox3 {
	
	padding:0px 0px;
	width:33%;
	float:left;
}

.bbox3 ul {
    font:0.875em Arial,Verdana,Helvetica,sans-serif;
	margin:5px 0.625em 1em;
	padding:2px 0 5px 0.625em;
	list-style:none!important;
		
}


/* Bankenübersicht */
.tpbanken-h3 {
	border-bottom:2px solid #EFEFEF;
	color:#69879E;
	font:bold 1em Arial,Verdana,Helvetica,sans-serif;
	padding:5px;
	text-align:center;
	width:280px;
}

.bbox2 {
	margin-left:3.75em;
	padding:0;
	width:290px;
	float:left;
}

.bbox2 ul {
	font:0.875em Arial,Verdana,Helvetica,sans-serif;
	margin:5px 0.625em 0.625em;
	padding:2px 0 5px 0.625em;
	list-style:none!important;
	border:1px dashed #f9f9f9;
}

.content ul {
	font:1.25em Arial,Verdana,Helvetica,sans-serif;
	margin:5px 0.5em 1em 0.5em;
	padding:3px 0 3px 5px;
	list-style-type: none;

}

.content ul li::before {
  content: "\ed71"; /* gvcheckmark3 */
  font-family: icomoon;
  color: #669933;
  margin-left: -1.9em;
  padding-right: 0.9em;
}

.content ul li.cross::before {
  content: "\ed6d"; /* gvcross2 */
  font-family: icomoon;
  color: #b00e1f;
  font-weight: bold;
  /* margin-left: -1.3em; */
  padding-right: 0.9em;
}

.content ul li {
  color:#595959;
  line-height:1.6em;
  padding: 0 0em 0 1.5em;
} 


.content ol {
	font:1.25em Arial,Verdana,Helvetica,sans-serif;
	padding:10px 0px;
	list-style-type: none;
	border:0;
	text-indent: -3.45em;
	
}

.content ol li::before {
  content: "\e29b"; /* gvarrow-right2 */
  font-family: icomoon;
  color: #669933;
  font-size: 1.8em;
  margin-left: 0.75em;
  padding-right: 6px;
  vertical-align: bottom;
    
  
}
.content ol li {
  color:#595959;
  line-height:1.5em;
  padding: 0.5em 1em 0.5em 1.625em;
 
} 




/* Deal */

.content ul li.deal::before {
  content: "\eab5"; /* icon-gvfire */
  font-family: icomoon;
  color: #f63;
  margin-left: -22px;
  padding-right: 5px;
}

.content li.deal span {
/* 	background: #fff8e0; */
/* 	border-radius: 4px; */
	color: #f63;
/* 	padding: 5px; */
} 

.deal-banner::before,
.deal-banner-icon::before {
  content: "\eab5"; /* icon-gvfire */
  font-family: icomoon;
  color: white;
  color: #f63;  
  margin-left: -21px;
  padding-right: 0.5em;
}

.deal-banner-icon::before {
  font-size: 1.875em;
  margin-left: 0;
}

.deal-banner {
/*   background: #f63; */
	border-radius: 4px;
	border: 2px solid #f63;
	color: white;
	color: #f63;
	display: inline-block;
	font-size: 1em;
	margin-top: 1.25em;
	padding: 6px 0.625em 6px 1.875em;
	margin-bottom: 5px;
	margin-top: 0;
}

.m-btn.deal-btn::before {
  content: "\eab5"; /* icon-gvfire */
  font-family: icomoon;
  color: white;
  margin-left: -21px;
  padding-right: 0.5em;
}

.m-btn.deal-btn.green {
/*   background: #f63; */
  padding-left: 35px;
}

.deal-icon {
  color: #f63;
}


/**
 * Startseite
 */ 

p.intro-text {
   font-size: 1.25em;
  line-height: 1.5em;
  margin-top: 0.375em;
 text-align: center;
 color: #595959;
 }

h2.intro-headline,
p.intro-headline {
  color: #595959;
  font-size: 1.875em;
  line-height: 1.875em;
  text-align: center;
}

.section-bubbles {
  margin: 0 auto;
  margin-bottom: 1.25em;
  text-align: center;
  width: 100%;
}

/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { 
  0% { opacity:0;
       -webkit-transform: scale(1.1);
       transform: scale(1.1);
       background: #5097dd; } 

  100% { opacity:1;
         -webkit-transform: scale(1);
         transform: scale(1);
         background: #f0f5fa; }
}

@-moz-keyframes fadeIn { 
  0% { opacity:0;
       -webkit-transform: scale(1.1);
       transform: scale(1.1);
       background: #5097dd; } 

  100% { opacity:1;
         -webkit-transform: scale(1);
         transform: scale(1);
         background: #f0f5fa; }
}

@keyframes fadeIn { 
  0% { opacity:0;
       -webkit-transform: scale(1.1);
       transform: scale(1.1);
       background: #5097dd; } 

  100% { opacity:1;
         -webkit-transform: scale(1);
         transform: scale(1);
         background: #f0f5fa; }
}

.fade-in {
  opacity:0;  /* make things invisible upon start */
  -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:0.7s;
  -moz-animation-duration:0.7s;
  animation-duration:0.7s;
}

.fade-in.one {
  -webkit-animation-delay: 0.20s; /*0,00*/
  -moz-animation-delay: 0.20s;
  animation-delay: 0.20s;
}

.fade-in.two {
  -webkit-animation-delay: 0.50s; /*0,15*/
  -moz-animation-delay:0.50s;
  animation-delay: 0.50s;
}

.fade-in.three {
  -webkit-animation-delay: 0.80s; /*0,30*/
  -moz-animation-delay: 0.80s;
  animation-delay: 0.80s;
}

.fade-in.four {
  -webkit-animation-delay: 0.99s; /*0,45*/
  -moz-animation-delay: 0.99s;
  animation-delay: 0.99s;
}

.grid-item:link,
.grid-item:visited {
  border: 0;
  display: inline-block;
  transition: all 250ms ease-in-out;
  overflow: hidden;
  outline: 0;
  text-align: center;
  position: relative;
  box-sizing: border-box;
}

.grid-item.round {
  background: #5097dd;
  color: white;
  /*border-radius: 6.25em;
	  height: 13em;
  */
  margin-left: 1%;
  margin-right: 1%;
  padding: 2em 1.5em;
   width: 13em;
}

.grid-item.round:hover,
.grid-item.round:focus {
  background: #3484d2 !important;
  color: white !important;
}

.grid-item.round.light-blue:link,
.grid-item.round.light-blue:visited {
 background: #f0f5fa;
 color: #5097dd;
}

.grid-item.round.light-blue:hover,
.grid-item.round.light-blue:focus {
  background: #5097dd !important;
  color: white !important;
}


.grid-item.round.dark-blue:link,
.grid-item.round.dark-blue:visited {
  background: #5097dd;
  color: white;
 }

.grid-item.round.dark-blue:hover,
.grid-item.round.dark-blue:focus {
 background: #f0f5fa;
 color: #5097dd;
}


.grid-item.round.light-orange:link,
.grid-item.round.light-orange:visited {
 background: #fee5dc;
 color: #f63;
}

.grid-item.round.light-orange:hover,
.grid-item.round.light-orange:focus {
  background: #f63;
  color: white;
}

.grid-item.round.orange:link,
.grid-item.round.orange:visited {
  background: #f63;
  color: white;
}

.grid-item.round.orange:hover,
.grid-item.round.orange:focus {
  background: #5097dd;
  color: white;
}

.grid-item .bubble-icon {
  display: block;
  font-size: 400%;
}

.grid-item .bubble-text {
  display: inline-table;
  font-size: 1.5em;
  font-weight: 300;
  margin-top: 0.625em;
  padding: 0;
}

.account-table-bottom-info {
  margin: 1em 0 2.5em;
}

.account-table-info {
 float: right;
 color: #aeaeae;
 font-size: 0.875em;
 margin-top: 1.25em;
}


/* Boxen Startseite */


.sboxcontent li {
	padding:5px 0;
	line-height:1.5em;
}


.sboxcontent ol {
	font:1.25em Arial,Verdana,Helvetica,sans-serif;
	list-style-type:none;
	border:0;
}


.sboxr {
	
    width:29.5em;
    min-height: 18em;
	padding:2em;
	margin:1em 0 1em 1em;
	float:left;
	display:inline;
	background-color: #f0f0f0;

}

.sboxr a:link {
	border-bottom:none;
}

.sboxr a:active {
	border:none;
	outline:none;
}

.sboxl {
	width:29.5em;
	min-height: 18em;
	padding:2em;
	margin:1em 1em 1em 0;
	float:left;
	display:inline;
	background-color: #f0f0f0;
	

}

.sboxhead {
	color:#878787;
	font-size:1.25em;
	font-weight:700;
	margin:0 0 0.625em;
	padding:0;
	font-family:trebuchet MS;
}


/* Navbox unterhalb des Contents */
.navboxu {
	clear:left;
	margin:1.25em 0px 0px 0px;
	background-color: aliceblue;
	min-height: 280px;
}

.navboxu .navu {
    margin:0px 1.25em 0 1.25em;
	/*	padding-right:5em;
	width:auto;*/
	float:left;
}

.navboxu .navu ol {
	list-style:none!important;
	padding:1.25em;
	font:1em Arial,Verdana,Helvetica,sans-serif;
		
}
.navboxu .navu ol li {
	padding:2px 0px;
}

.navboxu .navu .was {
	font-size :0.875em;
	color:gray;
	padding:0px 0px 0px 1em;
}

/* Navigations-Box für Ankerlinks in Texten */

.navboxanker {
	clear:left;
	margin: 0.625em 0px 0.625em 0px;
	background:#f9f9f9;
	border-top:5px solid #f0f0f0;
			
}

.navboxanker ol {
	padding:0px 1.25em 1.25em 1.25em;
	
	}

.navboxanker .navboxanker_sub {
    margin:0px 0.625em 0 0.625em;
	float:left;
}



/* Tabelle auf Banken-Detailseite */

.infotab table {
	width:100%;
	color:#595959;
	margin:1em 0;
		
}

.infotab td {
	margin:0;
	padding:1em 0;
	text-align:left;
}

.infotab table tr:nth-child(2n) {
	
}

tfoot td {
    border-bottom:2px solid #f0f0f0;
    border-top: 2px solid #f0f0f0;
    padding: 0.625em !important;
    color: gray;
}

.infotab table td {
	border-bottom:1px solid #ddd;
}

/* alte CTA, teilweise noch in Benutzung */
.content .infotab .button img {
	border:none;
}

.vgl_bild_full {
    max-width: 100%;
    height: auto;
}

.image_logo {
	text-align:center;
	background-color: #f0f0f0;
	/*
	width:190px;
	background:none repeat scroll 0 0 #FFF;
	border:3px solid #EEE;
	*/
	margin:1em;
	padding:4em;
}


.girotab table,#Bankkonto-Rechner table {
	font:1em Arial,Verdana,Helvetica,sans-serif;
	/* background:url(../images/gradient.gif) repeat-x scroll center top #FFF; */
	border-collapse:collapse;
	width:100%;
	border-spacing: 0.25em;
	
}
	
.girotab_info table {
	font:1em Arial,Verdana,Helvetica,sans-serif;
	/* background:url(../images/gradient.gif) repeat-x scroll center top #FFF; */
	border-collapse:collapse;
	width:100%;
}

.girotab table thead,#Bankkonto-Rechner table thead {
	background: #ffffff;
	border-bottom: 0.625em solid #f0f0f0;
}


.girotab_info table thead {
	background: #f8f8f8;
}

.girotab tr {
	border-bottom: 0.125em;
}


.girotab tr.grey {
	color:#878787;
	font-size:1em;
}

.girotab_info tr.grey {
	color:#878787;
	font-size:1em;
}


#Bankkonto-Rechner form table {
	margin-bottom:1.5625em;
	padding:0.625em;
}

#Bankkonto-Rechner form table table {
	border:0;
	margin-bottom:0;
	min-height:65px;
	height:65px;
	background:none;
	padding:0 0 0.625em;
	border-bottom:1px solid #f0f0f0;
}

#Bankkonto-Rechner form table td img {
	border:0;
	margin:0;
	padding:3px;
	background:none;
}


.trennung {
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
      }

.imgvgl {
	border:none;
	width:7.5em!important; /*6.25em*/
	height:3.75em!important; /*3.125em*/
}

.imgkarten {
	width: 20.75em; /*18.75em*/
	max-width: 100%;
	height: auto;
	background-color: #f0f0f0;
	padding: 2em;
}

.girotab tr:hover td {
	/*background:#fff8e0;
	box-shadow: 0 7px 6px -8px #333;
	*/
/* 	border-bottom: 1px solid #ddd; */
}

.girotab tbody tr:hover td {
/* 	-webkit-box-shadow: 0 2px 0.5em 2px #ddd;	 */
/* 	box-shadow: 0 2px 0.5em 2px #ddd; */
	background:#fff8e0;
}

.girotab td.tzins {
	font-size:1.25em;
	color:#35AA47;
	font-weight:700;
}

.girotab tbody td {
	margin:0;
	padding:1.75em 1em;
	background-position:center;
	background-repeat:no-repeat;
	text-align: center;
	border-bottom: 2px solid #f0f0f0;
}

.girotab .bargeld {
	font-size:1em;
	text-align: left;
	color:gray;
	line-height:1.3em;
	hyphens: auto;
	-ms-hyphens: auto;
    -webkit-hyphens: auto;
	/* color: #aeaeae; */
}

.girotab .karten {
  	font-size:0.9em;
  	line-height:1.3em;
  	color: gray;
  }



/* Bilder für Vergleichstabellen Ende */

.girotab thead th {
	margin:0;
	padding:1em 0.625em 0.625em;
	text-align:left;
	border-bottom: 2px solid #f0f0f0;
	border-top: 2px solid #f0f0f0;
	font-weight:400;
	/*color: #aeaeae;*/
}

.girotab thead th abbr {
	cursor:help;
}

/* Table-Images Ratgeber Bargeld Ausland */

/*gaaeu und gaawelt jetzt im Quelltext*/
.girotab td.gaaeu {
	background:url(../images/ratgeber/eu2.png);
	background-position:center;
	background-repeat:no-repeat;
	filter:alpha(opacity=70); 
	-moz-opacity: 0.70; 
	opacity: 0.70;
}

.girotab td.gaawelt {
	background:url(../images/ratgeber/welt2.png);
	background-position:center;
	background-repeat:no-repeat;
	filter:alpha(opacity=70); 
	-moz-opacity: 0.70; 
	opacity: 0.70;
	}


.girolink {
	font-size:1.25em;
}

.girotab h2 {
	margin:0;
}

.form {
	margin:1.25em 0.5em;
	padding:0px;
	font-size: 1.125em;
	/* background:url(../images/gradient.gif) repeat-x scroll center top #FFF; 
	border-top: 1px solid #f0f0f0;
	border-top: 1px solid #f8f8f8;	
/* 	border-bottom: 2px solid #f0f0f0; */
}

/*
.form select {
	font-size:0.875em;
	padding:5px;
	width:260px;
	background:none repeat scroll 0 0 #ffeaa8;
	height: 35px;
}
*/

/* remove standard-styles kulturbanause */

.form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  font-size: 1.1em;
  width: 100%
} 

/* styling */

.form select {
  width:100%;
 /* border: 1px solid #bbb; */
  padding:1em 1em 1em 2.5em;
  box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2);
  background-color: #ffeaa8;
  background-image:url(../img/select-arrow.svg);
  background-size: 0.9375em 0.9375em;
  background-position: 1em 1.1em;
  background-repeat: no-repeat;
  background
}

select:hover {
  box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
}

/* hide browser-styling (arrow) in IE10 */
select::-ms-expand {
  display:none;
}

/* Ende kulturbanause */

  .form .topic {
  	font-size :0.875em;
  	text-align: left;
  	color: gray;
  }


.girotab {
	margin:0px 0;
/* 	overflow-x: scroll; */
}

.girotab td a {
	border:none;
	text-decoration:underline;
}

.girotab td.za {
	text-align:center;
	/*font-size :0.875em!important;*/
}

.girotab td img {
	border:none;
	padding: 0.4375em 0;
}

/* rechte Spalte Detailseiten */
.rechts_float {
	float:right;
	display:inline;
	margin:0;
	padding: 0;
	clear:both;
}

.rechts {
	
	border:2px solid #EEE;
	margin-bottom:2.5em;
	background-color: #ffffff;
	display: none;
}


.rechts p {
	margin:0.625em 0.625em 0.625em 5px;
	padding:5px 0 5px 5px;
	font:11px Arial,Verdana,Helvetica,sans-serif;
}

.rechts img {
	width:auto;
	margin:.5em 10%;
	text-align:center;
	border:1px solid #ddd;
	padding:2px;
}

/* neues Layout Detailseiten RECHTS, Test unter Wüstenrotbank; siehe Sicherung vor 22.07.2015 */

.rechts_float_neu {
	float:right;
	display:inline;
	margin:0;
	padding:1.25em 0px 2.5em 1em;
	width:240px;
	clear:both;
}

.image_logo_neu {
	background:none repeat scroll 0 0 #FFF;
	text-align:center;
	width:240px;
	border:2px solid #EEE;
	margin-bottom: 1.25em;
	padding:0px;
}


.rechts_neu {

	width:220px;
	border:2px solid #EEE;
	margin-bottom: 1.875em;
	padding: 0.625em;
}

.rechts_neu p {
	margin:1.5625em 1em;
	padding:0px;
	font:0.75em Arial,Verdana,Helvetica,sans-serif;
}

.rechts_neu img {
	display:block;
    margin: 1.5625em auto auto;
	padding:0px;
	padding: 0px 0.625em;
	
}

/*Ende neues Layout Detailseiten RECHTS*/


.rechts h1 {
	margin:0 0 5px;
	padding:0 0 0 5px;
	font:0.75em Arial,Verdana,Helvetica,sans-serif;
	font-weight:700;
}

.tp-rechts {
	margin:0 0 5px;
	padding:2px 0 0 5px;
	font:0.75em Arial,Verdana,Helvetica,sans-serif;
	font-weight:700;
}

.rechts h2 {
	margin:0 0.625em;
	padding:0;
	color:#000;
	text-align:left;
	font-weight:600;
	font:0.75em Arial,Verdana,Helvetica,sans-serif;
	font-weight:700;
}

.tp-rechts2,.tp-rechts {
	background-color:#EFEFEF;
	border-bottom:1px solid #FFF;
	border-top:1px solid #FFF;
	color:#111;
	font:bold 0.75em Arial,Verdana,Helvetica,sans-serif;
	height:1em;
	margin:0 0 5px;
	padding:0.625em;
	text-align:center;
}

.tp-rechts {
  border-top: 0;
}

.rechts a {
	margin:0;
	padding:0;
	font:0.625em Arial,Verdana,Helvetica,sans-serif;
}

.rechts table {
	font:0.625em Arial,Verdana,Helvetica,sans-serif;
	width:90%;
	border:0;
	margin:0 0 0 0.625em;
}

.rechts table td {
	border-bottom:1px solid #ddd;
}


/* News Übersicht */
.news {
	line-height:22px;
	margin:1.25em 0;
	padding:0;
}

.news p {
	font:0.75em Arial,Verdana,Helvetica,sans-serif;
}

.foot {
	clear:both;
	color:#69879E;
	margin:0.625em 1.25em 0;
	text-align:center;
}

.foot p {
	margin:0 0 0 0.625em;
	padding:0.625em 0;
	font: 1em Arial,Verdana,Helvetica,sans-serif;
}

.foot a {
	color:gray;
	text-decoration:none;
}


.img a:link {
	display:inline;
	border:none;
	background:#fff;
	text-decoration:none;
}

.img a:visited {
	display:inline;
	border:none;
	text-decoration:none;
}

.img a:hover {
	display:inline;
	border:none;
	background:#fff;
	text-decoration:none;
}

.image_logo a:link {
	border: none;
	text-decoration: none;
	
}

.newsimg {
	margin:0.625em;
	float:left;
	
}
.blogimg {
	max-width: 100%;
	height: auto;
	padding-top: 0.625em;
	
}

.ratgeberimg {
	margin:0.625em;
	float:right;
	padding:3px;
	border:2px solid #EEE;
	/*box-shadow: 0px 0.5em 6px -6px #888;*/
	}


/* Sitemap */
.lhead {
	margin-left:1.25em;
}



/* Ankerformatierung Überschriften */
.nuranker {
	color:#000000;
	text-decoration: none;
	border-bottom: none;
	
}

td img,.newsimg {
	border:3px solid #eee;
	padding:3px;
/*	background:#fff; 
	margin:0 1.875em 1em 0;
*/
}

.news img {
	margin-bottom:-5px;
}


.serverzeit {
	float:right;
	color:#878787;
	margin:1em 0px;
}

.aktualisierung {
	color:#878787;
	margin:0px;
}



blockquote {
	background:#f9f9f9;
	border-left:1.625em solid #99cc99;
	margin:1.5em 0px;
	padding:2em 1.5em;
	quotes:"\201C""\201D""\2018""\2019";
}

blockquote:before {
	color:#ccc;
	content:open-quote;
	font-size:3em;
	line-height:.1em;
	margin-right: .10em;
	vertical-align:-.4em;
}

blockquote:after {
	color:#ccc;
	content:close-quote;
	font-size:3em;
	line-height:.1em;
	margin-left: .10em;
	vertical-align:-.4em;
}


blockquote p {
	display:inline;
}


.hinweis {
	background:#f9f9f9;
	border-left:1.625em solid #ebebeb;
	margin:1.5em 0px;
	padding:2em 1.5em;
	quotes:"\201C""\201D""\2018""\2019";
	
}

.achtung {
	background: #fbe2c9;
	border-left:1.625em solid #ffcc99;
	margin:1.5em 0px;
	padding:2em 1.5em;
	quotes:"\201C""\201D""\2018""\2019";
}

/*.hinweis:before {
	color:#ccc;
	content:open-quote;
	font-size:4em;
	line-height:.1em;
	margin-right:.25em;
	vertical-align:-.4em;
}

blockquote p {
	display:inline;
}*/

.icke {
  float: right;
  margin: 1.625em;
  width: auto;
  background-color: #f0f0f0;
  padding: 2em;
}


@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?27qbp3');
  src:  url('fonts/icomoon.eot?27qbp3#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?27qbp3') format('truetype'),
    url('fonts/icomoon.woff?27qbp3') format('woff'),
    url('fonts/icomoon.svg?27qbp3#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: auto;
}

[class^="icon-gv"], [class*=" icon-gv"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1.5;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-gvhome:before {
  content: "\e00a";
}
.icon-gvcamera:before {
  content: "\e01f";
}
.icon-gvcamera1:before {
  content: "\e021";
}
.icon-gvcamera2:before {
  content: "\e02f";
}
.icon-gvcamera3:before {
  content: "\e030";
}
.icon-gvconnection:before {
  content: "\e03f";
}
.icon-gvsupport:before {
  content: "\e091";
}
.icon-gvphone1:before {
  content: "\e09c";
}
.icon-gvmouse:before {
  content: "\e0c0";
}
.icon-gvkeyboard:before {
  content: "\e0c1";
}
.icon-gvscreen1:before {
  content: "\e0c3";
}
.icon-gvmobile1:before {
  content: "\e0c5";
}
.icon-gvmobile2:before {
  content: "\e0c6";
}
.icon-gvtablet:before {
  content: "\e0c7";
}
.icon-gvusers:before {
  content: "\e10b";
}
.icon-gvvcard:before {
  content: "\e11a";
}
.icon-gvsettings:before {
  content: "\e140";
}
.icon-gvpatch:before {
  content: "\e14f";
}
.icon-gvinject:before {
  content: "\e152";
}
.icon-gvgift1:before {
  content: "\e164";
}
.icon-gvrocket:before {
  content: "\e17f";
}
.icon-gvdownload:before {
  content: "\e1d0";
}
.icon-gvpeople:before {
  content: "\e21b";
}
.icon-gvwarning1:before {
  content: "\e243";
}
.icon-gvnotification1:before {
  content: "\e244";
}
.icon-gvquestion1:before {
  content: "\e245";
}
.icon-gvplus-circle:before {
  content: "\e24a";
}
.icon-gvminus-circle:before {
  content: "\e24c";
}
.icon-gvinfo1:before {
  content: "\e24e";
}
.icon-gvcancel-circle:before {
  content: "\e251";
}
.icon-gvcheckmark-circle:before {
  content: "\e253";
}
.icon-gvarrow-up:before {
  content: "\e296";
}
.icon-gvarrow-down:before {
  content: "\e298";
}
.icon-gvarrow-right1:before {
  content: "\e2b1";
}
.icon-gvtable:before {
  content: "\e309";
}
.icon-gvinstagram:before {
  content: "\e32e";
}
.icon-gvwordpress:before {
  content: "\e34f";
}
.icon-gvreddit1:before {
  content: "\e360";
}
.icon-gvpaypal:before {
  content: "\e371";
}
.icon-gvfile-pdf:before {
  content: "\e374";
}
.icon-gvfile-word1:before {
  content: "\e378";
}
.icon-gvfile-excel1:before {
  content: "\e379";
}
.icon-gvfile-zip:before {
  content: "\e37a";
}
.icon-gvfile-powerpoint:before {
  content: "\e37b";
}
.icon-gvfile-css:before {
  content: "\e37c";
}
.icon-gvgraduation:before {
  content: "\e99a";
}
.icon-gvcertificate:before {
  content: "\e9eb";
}
.icon-gvpiggy-bank:before {
  content: "\ea0f";
}
.icon-gvwallet:before {
  content: "\ea10";
}
.icon-gvcredit-card2:before {
  content: "\ea16";
}
.icon-gvlifebuoy:before {
  content: "\ea1b";
}
.icon-gvphone-wave:before {
  content: "\ea1f";
}
.icon-gvphone-wave2:before {
  content: "\ea28";
}
.icon-gvat-sign:before {
  content: "\ea2f";
}
.icon-gvhat:before {
  content: "\eb12";
}
.icon-gvtshirt:before {
  content: "\eb16";
}
.icon-gvsock:before {
  content: "\eb19";
}
.icon-gvaid-kit2:before {
  content: "\eb72";
}
.icon-gvladder:before {
  content: "\eb98";
}
.icon-gvpodium:before {
  content: "\eb9d";
}
.icon-gvtrophy4:before {
  content: "\ebab";
}
.icon-gvballoon:before {
  content: "\ebae";
}
.icon-gvpipe:before {
  content: "\ebaf";
}
.icon-gvumbrella:before {
  content: "\ecd5";
}
.icon-gvcross2:before {
  content: "\ed6d";
}
.icon-gvcross3:before {
  content: "\ed6e";
}
.icon-gvcheckmark3:before {
  content: "\ed71";
}
.icon-gvsort-amount-asc:before {
  content: "\ee50";
}
.icon-gvsort-amount-desc:before {
  content: "\ee51";
}
.icon-gvreddit:before {
  content: "\ef25";
}
.icon-gvlibreoffice:before {
  content: "\ef42";
}
.icon-gvhtml-five2:before {
  content: "\ef44";
}
.icon-gvoffice:before {
  content: "\e000";
}
.icon-gvearth:before {
  content: "\e003";
}
.icon-gvphone:before {
  content: "\e004";
}
.icon-gvenvelop:before {
  content: "\e005";
}
.icon-gvmobile:before {
  content: "\e006";
}
.icon-gvfile-pdf2:before {
  content: "\e007";
}
.icon-gvmedal5:before {
  content: "\e008";
}
.icon-gvpodium2:before {
  content: "\e009";
}
.icon-gvmedal3:before {
  content: "\e00b";
}
.icon-gvmedal2:before {
  content: "\e00c";
}
.icon-gvmedal:before {
  content: "\e00d";
}
.icon-gvcrown:before {
  content: "\e00e";
}
.icon-gvtrophy-star:before {
  content: "\e00f";
}
.icon-gvquestion:before {
  content: "\e012";
}
.icon-gvinfo:before {
  content: "\e013";
}
.icon-gvnotification:before {
  content: "\e014";
}
.icon-gvcheckmark2:before {
  content: "\e015";
}
.icon-gvcheckmark:before {
  content: "\e016";
}
.icon-gvdirection:before {
  content: "\e01a";
}
.icon-gvtrophy:before {
  content: "\e01b";
}
.icon-gvscreen:before {
  content: "\e01c";
}
.icon-gvdisk:before {
  content: "\e01d";
}
.icon-gvlamp:before {
  content: "\e01e";
}
.icon-gvcredit:before {
  content: "\e08e";
}
.icon-gvuser:before {
  content: "\e119";
}
.icon-gvaid:before {
  content: "\e14e";
}
.icon-gvstats-up:before {
  content: "\e15f";
}
.icon-gvgift:before {
  content: "\e163";
}
.icon-gvmenu:before {
  content: "\e1c9";
}
.icon-gvstar:before {
  content: "\e209";
}
.icon-gvstar2:before {
  content: "\e20a";
}
.icon-gvstar3:before {
  content: "\e20b";
}
.icon-gvarrow-right:before {
  content: "\e297";
}
.icon-gvarrow-left:before {
  content: "\e299";
}
.icon-gvarrow-right2:before {
  content: "\e29b";
}
.icon-gvarrow-left2:before {
  content: "\e29d";
}
.icon-gvfile-word:before {
  content: "\e376";
}
.icon-gvfile-excel:before {
  content: "\e377";
}
.icon-gvlibrary:before {
  content: "\e979";
}
.icon-gvpercent:before {
  content: "\e9d4";
}
.icon-gvcoin-euro:before {
  content: "\e9d7";
}
.icon-gvcash2:before {
  content: "\e9dd";
}
.icon-gvcalculator:before {
  content: "\e9df";
}
.icon-gvmedal-first:before {
  content: "\ea87";
}
.icon-gvmedal-second:before {
  content: "\ea88";
}
.icon-gvmedal-third:before {
  content: "\ea89";
}
.icon-gvgift2:before {
  content: "\ea8d";
}
.icon-gvbomb:before {
  content: "\eab4";
}
.icon-gvfire:before {
  content: "\eab5";
}
.icon-gvpower:before {
  content: "\eaec";
}
.icon-gvlist-numbered:before {
  content: "\eaf7";
}
.icon-gvwarning:before {
  content: "\eb82";
}
.icon-gvwarning2:before {
  content: "\eb83";
}
.icon-gvnotification2:before {
  content: "\eb85";
}
.icon-gvquestion3:before {
  content: "\eb88";
}
.icon-gvquestion4:before {
  content: "\eb89";
}
.icon-gvinfo2:before {
  content: "\eb8e";
}



.bigicons {
	
	font-size: 150%;
}

/* m-style button green */


[class^="m-icon-"] {
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  vertical-align: top;
  background-image: url("../img/syncfusion-icons.png");
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

/* seit Startseiten-Update 30.10. nicht mehr drin?!
.m-btn.green {
  color: #fff;
  text-shadow: none;
  background-color: #35aa47;
  background-image: -moz-linear-gradient(top,#35aa47,#35aa47);
  background-image: -ms-linear-gradient(top,#35aa47,#35aa47);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#35aa47),to(#35aa47));
  background-image: -webkit-linear-gradient(top,#35aa47,#35aa47);
  background-image: -o-linear-gradient(top,#35aa47,#35aa47);
  background-image: linear-gradient(top,#35aa47,#35aa47);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#35aa47',endColorstr='#35aa47',GradientType=0);
}
*/

.m-btn {
position: relative;
display: inline-block;
overflow: visible;
margin: 0;
padding: 0.75em 1.5em;
margin-top: 0.5em;
cursor: pointer;
outline: 0;
border: 0;
background-color: #eee;
background-image: -moz-linear-gradient(top,#eee,#eee);
background-image: -ms-linear-gradient(top,#eee,#eee);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#eee),to(#eee));
background-image: -webkit-linear-gradient(top,#eee,#eee);
background-image: -o-linear-gradient(top,#eee,#eee);
background-image: linear-gradient(top,#eee,#eee);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#eeeeee',GradientType=0);
-webkit-background-clip: padding;
-moz-background-clip: padding;
background-clip: padding;
zoom: 1;
z-index: 1;
font-family: "Segoe UI",Helvetica,Arial,sans-serif;
font-size: 1.2em;
line-height: 1.1em;
color: #333;
min-width: 42px;
text-shadow: #fff 0 1px 0;
text-align: center;
text-decoration: none;
white-space: nowrap;
vertical-align: inherit;
}

.m-btn:hover,.m-btn:focus,.m-btn:active,.m-btn.active {
	color:#333;
	text-decoration:none;
	background-color:#dcdcdc;
	background-image:-moz-linear-gradient(top,#dcdcdc,#dcdcdc);
	background-image:-ms-linear-gradient(top,#dcdcdc,#dcdcdc);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#dcdcdc),to(#dcdcdc));
	background-image:-webkit-linear-gradient(top,#dcdcdc,#dcdcdc);
	background-image:-o-linear-gradient(top,#dcdcdc,#dcdcdc);
	background-image:linear-gradient(top,#dcdcdc,#dcdcdc);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdcdc',endColorstr='#dcdcdc',GradientType=0);
	z-index:100;
	outline:0;
}

.m-btn:active,.m-btn.active {
	background-color:#eee;
	background-image:-moz-linear-gradient(top,#eee,#dcdcdc);
	background-image:-ms-linear-gradient(top,#eee,#dcdcdc);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#eee),to(#dcdcdc));
	background-image:-webkit-linear-gradient(top,#eee,#dcdcdc);
	background-image:-o-linear-gradient(top,#eee,#dcdcdc);
	background-image:linear-gradient(top,#eee,#dcdcdc);
	background-repeat:repeat-x;
	-webkit-box-shadow:inset 0 1px 0.5em rgba(0,0,0,0.25);
	-moz-box-shadow:inset 0 1px 0.5em rgba(0,0,0,0.25);
	box-shadow:inset 0 1px 0.5em rgba(0,0,0,0.25);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#dcdcdc',GradientType=0);
}

.m-btn:focus {
	border-color:#4d90fe;
}

.m-btn::-moz-focus-inner {
	padding:0;
	border:0;
}
.m-btn.red:active,.m-btn.red.active,.m-btn.red.disabled,.m-btn.red[disabled],.m-btn.blue:active,.m-btn.blue.active,.m-btn.blue.disabled,.m-btn.blue[disabled],.m-btn.purple:active,.m-btn.purple.active,.m-btn.purple.disabled,.m-btn.purple[disabled],.m-btn.green:active,.m-btn.green.active,.m-btn.green.disabled,.m-btn.green[disabled] {
	-webkit-box-shadow:inset 0 1px 0.5em rgba(0,0,0,0.25);
	-moz-box-shadow:inset 0 1px 0.5em rgba(0,0,0,0.25);
	box-shadow:inset 0 1px 0.5em rgba(0,0,0,0.25);
	color:#fff!important;
}

.m-btn.green {
	color:#fff;
	text-shadow:none;
	background-color:#35aa47;
	background-image:-moz-linear-gradient(top,#35aa47,#35aa47);
	background-image:-ms-linear-gradient(top,#35aa47,#35aa47);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#35aa47),to(#35aa47));
	background-image:-webkit-linear-gradient(top,#35aa47,#35aa47);
	background-image:-o-linear-gradient(top,#35aa47,#35aa47);
	background-image:linear-gradient(top,#35aa47,#35aa47);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#35aa47',endColorstr='#35aa47',GradientType=0);
}

.m-btn.green:hover,.m-btn.green:focus,.m-btn.green:active,.m-btn.green.active,.m-btn.green.disabled,.m-btn.green[disabled] {
	background-color:#1d943b;
	background-image:-moz-linear-gradient(top,#1d943b,#1d943b);
	background-image:-ms-linear-gradient(top,#1d943b,#1d943b);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#1d943b),to(#1d943b));
	background-image:-webkit-linear-gradient(top,#1d943b,#1d943b);
	background-image:-o-linear-gradient(top,#1d943b,#1d943b);
	background-image:linear-gradient(top,#1d943b,#1d943b);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d943b',endColorstr='#1d943b',GradientType=0);
}

.m-btn.green:active,.m-btn.green.active {
	background-color:#35aa47;
	background-image:-moz-linear-gradient(top,#35aa47,#1d943b);
	background-image:-ms-linear-gradient(top,#35aa47,#1d943b);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#35aa47),to(#1d943b));
	background-image:-webkit-linear-gradient(top,#35aa47,#1d943b);
	background-image:-o-linear-gradient(top,#35aa47,#1d943b);
	background-image:linear-gradient(top,#35aa47,#1d943b);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#35aa47',endColorstr='#1d943b',GradientType=0);
}

.m-btn.blue {
  background-color: #5097dd;
  background-image: none;
  background: #5097dd; /* Old browsers */
  background: -moz-linear-gradient(top,  #5097dd 0%, #3484d2 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5097dd), color-stop(100%,#3484d2)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #5097dd 0%,#3484d2 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #5097dd 0%,#3484d2 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #5097dd 0%,#3484d2 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #5097dd 0%,#3484d2 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5097dd', endColorstr='#3484d2',GradientType=0 ); /* IE6-9 */  
  color: white;
  text-shadow: none;
}

.m-btn.blue:hover,
.m-btn.blue:focus {
  background: #3484d2;
   background: -moz-linear-gradient(top,  #3484d2 0%, #3484d2 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3484d2), color-stop(100%,#3484d2)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #3484d2 0%,#3484d2 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #3484d2 0%,#3484d2 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #3484d2 0%,#3484d2 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #3484d2 0%,#3484d2 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3484d2', endColorstr='#3484d2',GradientType=0 ); /* IE6-9 */
  color: white;
}

/* BEGINN m-btn2 für CTA in den Vergleichstabellen  */

.m-btn2 {
position: relative;
display: inline-block;
overflow: visible;
margin: 0;
padding: 0.75em 1.4em;
margin-top: 0.5em;
cursor: pointer;
outline: 0;
border: 0;
background-color: #eee;
background-image: -moz-linear-gradient(top,#eee,#eee);
background-image: -ms-linear-gradient(top,#eee,#eee);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#eee),to(#eee));
background-image: -webkit-linear-gradient(top,#eee,#eee);
background-image: -o-linear-gradient(top,#eee,#eee);
background-image: linear-gradient(top,#eee,#eee);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#eeeeee',GradientType=0);
-webkit-background-clip: padding;
-moz-background-clip: padding;
background-clip: padding;
zoom: 1;
z-index: 1;
font-family: "Segoe UI",Helvetica,Arial,sans-serif;
/*font-size: 1.1em;*/
line-height: 1.1em;
color: #333;
/*min-width: 42px;*/
text-shadow: #fff 0 1px 0;
text-align: center;
text-decoration: none;
white-space: nowrap;
vertical-align: inherit;
text-decoration: none!important;
}

.m-btn2:hover,.m-btn2:focus,.m-btn2:active,.m-btn2.active {
	color:#333;
	text-decoration:none;
	background-color:#dcdcdc;
	background-image:-moz-linear-gradient(top,#dcdcdc,#dcdcdc);
	background-image:-ms-linear-gradient(top,#dcdcdc,#dcdcdc);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#dcdcdc),to(#dcdcdc));
	background-image:-webkit-linear-gradient(top,#dcdcdc,#dcdcdc);
	background-image:-o-linear-gradient(top,#dcdcdc,#dcdcdc);
	background-image:linear-gradient(top,#dcdcdc,#dcdcdc);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdcdc',endColorstr='#dcdcdc',GradientType=0);
	z-index:100;
	outline:0;
}

.m-btn2:active,.m-btn2.active {
	background-color:#eee;
	background-image:-moz-linear-gradient(top,#eee,#dcdcdc);
	background-image:-ms-linear-gradient(top,#eee,#dcdcdc);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#eee),to(#dcdcdc));
	background-image:-webkit-linear-gradient(top,#eee,#dcdcdc);
	background-image:-o-linear-gradient(top,#eee,#dcdcdc);
	background-image:linear-gradient(top,#eee,#dcdcdc);
	background-repeat:repeat-x;
	-webkit-box-shadow:inset 0 1px 0.5em rgba(0,0,0,0.25);
	-moz-box-shadow:inset 0 1px 0.5em rgba(0,0,0,0.25);
	box-shadow:inset 0 1px 0.5em rgba(0,0,0,0.25);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#dcdcdc',GradientType=0);
}

.m-btn2:focus {
	border-color:#4d90fe;
}

.m-btn2::-moz-focus-inner {
	padding:0;
	border:0;
}
.m-btn2.red:active,.m-btn2.red.active,.m-btn2.red.disabled,.m-btn2.red[disabled],.m-btn2.blue:active,.m-btn2.blue.active,.m-btn2.blue.disabled,.m-btn2.blue[disabled],.m-btn2.purple:active,.m-btn2.purple.active,.m-btn2.purple.disabled,.m-btn2.purple[disabled],.m-btn2.green:active,.m-btn2.green.active,.m-btn2.green.disabled,.m-btn2.green[disabled] {
	-webkit-box-shadow:inset 0 1px 0.5em rgba(0,0,0,0.25);
	-moz-box-shadow:inset 0 1px 0.5em rgba(0,0,0,0.25);
	box-shadow:inset 0 1px 0.5em rgba(0,0,0,0.25);
	color:#fff!important;
}

.m-btn2.green {
	color:#fff;
	text-shadow:none;
	background-color:#35aa47;
	background-image:-moz-linear-gradient(top,#35aa47,#35aa47);
	background-image:-ms-linear-gradient(top,#35aa47,#35aa47);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#35aa47),to(#35aa47));
	background-image:-webkit-linear-gradient(top,#35aa47,#35aa47);
	background-image:-o-linear-gradient(top,#35aa47,#35aa47);
	background-image:linear-gradient(top,#35aa47,#35aa47);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#35aa47',endColorstr='#35aa47',GradientType=0);
}

.m-btn2.green:hover,.m-btn2.green:focus,.m-btn2.green:active,.m-btn2.green.active,.m-btn2.green.disabled,.m-btn2.green[disabled] {
	background-color:#1d943b;
	background-image:-moz-linear-gradient(top,#1d943b,#1d943b);
	background-image:-ms-linear-gradient(top,#1d943b,#1d943b);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#1d943b),to(#1d943b));
	background-image:-webkit-linear-gradient(top,#1d943b,#1d943b);
	background-image:-o-linear-gradient(top,#1d943b,#1d943b);
	background-image:linear-gradient(top,#1d943b,#1d943b);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d943b',endColorstr='#1d943b',GradientType=0);
}

.m-btn2.green:active,.m-btn2.green.active {
	background-color:#35aa47;
	background-image:-moz-linear-gradient(top,#35aa47,#1d943b);
	background-image:-ms-linear-gradient(top,#35aa47,#1d943b);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#35aa47),to(#1d943b));
	background-image:-webkit-linear-gradient(top,#35aa47,#1d943b);
	background-image:-o-linear-gradient(top,#35aa47,#1d943b);
	background-image:linear-gradient(top,#35aa47,#1d943b);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#35aa47',endColorstr='#1d943b',GradientType=0);
}

.m-btn2.blue {
  background-color: #5097dd;
  background-image: none;
  background: #5097dd; /* Old browsers */
  background: -moz-linear-gradient(top,  #5097dd 0%, #3484d2 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5097dd), color-stop(100%,#3484d2)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #5097dd 0%,#3484d2 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #5097dd 0%,#3484d2 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #5097dd 0%,#3484d2 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #5097dd 0%,#3484d2 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5097dd', endColorstr='#3484d2',GradientType=0 ); /* IE6-9 */  
  color: white;
  text-shadow: none;
}

.m-btn2.blue:hover,
.m-btn2.blue:focus {
  background: #3484d2;
   background: -moz-linear-gradient(top,  #3484d2 0%, #3484d2 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3484d2), color-stop(100%,#3484d2)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #3484d2 0%,#3484d2 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #3484d2 0%,#3484d2 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #3484d2 0%,#3484d2 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #3484d2 0%,#3484d2 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3484d2', endColorstr='#3484d2',GradientType=0 ); /* IE6-9 */
  color: white;
}

/* ENDE m-btn2 für CTA in den Vergleichstabellen  */

.sm {
	font-size:11px;
}

.mini {
	height :0.875em;
	font-size:11px;
	line-height :0.875em;
	padding:4px 0.625em;
}

.big {
	height:38px;
	font-size:1.25em;
	line-height:38px;
	padding:1.25em 26px;
}
.m-icon-swapright {
	background-position:0 0;
}

.m-icon-white {
	background-image:url(../img/syncfusion-icons-white.png);
}


.icon-aright::after { /*neues Icon neben den grünen CTAs*/
	  content: "\e297";
      font-family: icomoon;
      font-size: 0.7em;
}

.slicknav_menu {
	display:none;
}


/*
Rechner
*/

.rechner form {
  display: block !important;
  position: relative;
}

.rechner-filter-wrapper {
  display: block;
  float: left;
  width: 100%;
}

.rechner .rechner-filter-submit,
.rechner .girotab {
  box-sizing: border-box;
  clear: left;
  margin-bottom: 1.875em;
}


.rechner-filter-element .label {
  /*font-size: 1em;*/
  color: #878787;
  margin-bottom: 5px;
}

.rechner-filter-element {
/*   background: #f0f0f0; */
  border-top: 1px solid #f0f0f0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-right: 2%;
  margin-bottom: 1%;
  min-height: 5em;
  padding: 0.625em 0 0;
  width: 32%;
}

.rechner-filter-element.medium-last {
  margin-right: 2%;
}

.rechner-filter-element.regular-last {
  margin-right: 0;
}

.rechner-filter-step {
  border: 1px solid #878787;
  border-radius: 2px;
  color: #878787;
  margin-right: 0.625em;
  padding: 1px 1px 1px 5px;
  display: none;
}

.rechner-filter-form-element {
  margin: 0;
  padding: 0;
  position: relative;
  white-space:nowrap;
}

.rechner-filter-form-element.radios {
  margin-top:  0.875em;
}

.rechner-filter-form-element.euro:after {
  color: #878787;
  content: "\20AC";
  font-size: 0.875em;
  line-height: 28px;
  right: 1px;
  padding: 5px 1em 4px;
  text-align: center;
  top: 2px;
  border-left: 1px solid #e0e0e0;
  position: absolute;
}

.girokontorechner_zahlungseingang,
.girokontorechner_guthaben,
.girokontorechner_minus {
  background: #f0f0f0 !important;
  box-sizing: border-box;
  font-size: 1em;
  padding: 0.625em !important;
  width: 100%;
}

.girokontorechner_zahlungseingang:focus,
.girokontorechner_guthaben:focus,
.girokontorechner_minus:focus {
/*   background: white !important; */
  border: 1px solid #5097DD;
  color: #5097DD;
}

.custom-select select {
/*  background: transparent; */
 width: 100%;
 padding: 9px;
 font-size: 1em;
 border: 0;
 border-radius: 0;
 height: 39px;
/*  -webkit-appearance: none; */
  background: #f0f0f0;
  border: 1px solid #ccc;
 }

.custom-select.plustage {
  float: left;
}

.custom-select.plustage select {
  width: 3.75em;
}

.minustage {
  float: right;
}

.minustage .label {
  float: left;
  margin: 0.75em 0.625em 0 0;
  position: relative;
}

.girokontorechner_minustage {
  float: left;
  background: #fbfbfb;
  border: 1px solid #ccc;
  font-size: 1.0em;
  padding: 0.625em !important;
  box-shadow: 0;
}




/*
Links @todo
*/

/*
.za a:link,
.za a:visited {
  border-bottom: 1px dotted #35aa47;
  color: #35aa47;
  text-decoration: none;
}

.za a:hover,
.za a:focus {
  border-bottom: 1px dotted #1d943b;
  color: #1d943b;
}
*/



/**
 * Tooltip Styles
 */

/* Base styles for the element that has a tooltip */
[data-tooltip],
.tooltip {
  position: relative;
  border: 0;
 /* text-align: left; */
  cursor: pointer;
}

.tooltips > span {
  /*color: #F63;*/
  color: #aeaeae;
  cursor: pointer;
}

.tooltips:hover > span {
  color: #808080;
}

/* tooltips für Vergleichseiten im abbr Style (text-align left in td muss irgendwie raus!) */
.abbrstyle {
  cursor:help;
  font-weight:400;
  border-bottom:1px dotted #595959;
  text-decoration: none;
}

/* Alternative mit Hepl-Symbol funktioniert nicht*/

/*
.abbrstyle2::after { 
	content: "\eb8e";
	font-family: icomoon;
	display: block;
    margin-left: -21px;
    padding-right: 0.5em;
}
 */

/* Base styles for the entire tooltip */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
  position: absolute;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: 
	  opacity 0.2s ease-in-out,
		visibility 0.2s ease-in-out,
		-webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
	-moz-transition:    
		opacity 0.2s ease-in-out,
		visibility 0.2s ease-in-out,
		-moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
	transition:         
		opacity 0.2s ease-in-out,
		visibility 0.2s ease-in-out,
		transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform:    translate3d(0, 0, 0);
  transform:         translate3d(0, 0, 0);
  pointer-events: none;
}

/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  pointer-events: auto;
}

/* Base styles for the tooltip's directional arrow */
.tooltip:before,
[data-tooltip]:before {
  z-index: 1001;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

/* Base styles for the tooltip's content area */
.tooltip:after,
[data-tooltip]:after {
  z-index: 1000;
  padding: 0.5em;
  width: 160px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  font-family: Arial;
  font-size: 0.875em;
  line-height: 1.2;
}

/* Directions */

/* Top (default) */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after {
  bottom: 100%;
  left: 50%;
}

[data-tooltip]:before,
.tooltip:before,
.tooltip-top:before {
  margin-left: -6px;
  margin-bottom: -0.75em;
  border-top-color: #000;
  border-top-color: hsla(0, 0%, 20%, 0.9);
}

/* Horizontally align top/bottom tooltips */
[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after {
  margin-left: -80px;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after {
  -webkit-transform: translateY(-0.75em);
  -moz-transform:    translateY(-0.75em);
  transform:         translateY(-0.75em); 
}

/* Left */
.tooltip-left:before,
.tooltip-left:after,
.tooltip-left-top:before,
.tooltip-left-top:after {
  right: 100%;
  bottom: 50%;
  left: auto;
}

.tooltip-left:before,
.tooltip-left-top:before {
  margin-left: 0;
  margin-right: -0.75em;
  margin-bottom: 0;
  border-top-color: transparent;
  border-left-color: #000;
  border-left-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-left:hover:before,
.tooltip-left:hover:after,
.tooltip-left:focus:before,
.tooltip-left:focus:after,
.tooltip-left-top:hover:before,
.tooltip-left-top:hover:after,
.tooltip-left-top:focus:before,
.tooltip-left-top:focus:after {
  -webkit-transform: translateX(-0.75em);
  -moz-transform:    translateX(-0.75em);
  transform:         translateX(-0.75em); 
}

/* Left Top */
.tooltip-left-top:after {
  margin-bottom: 0;
  bottom: -0.75em;
}

/* Bottom */
.tooltip-bottom:before,
.tooltip-bottom:after {
  top: 100%;
  bottom: auto;
  left: 50%;
}

.tooltip-bottom:before {
  margin-top: -0.75em;
  margin-bottom: 0;
  border-top-color: transparent;
  border-bottom-color: #000;
  border-bottom-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-bottom:hover:before,
.tooltip-bottom:hover:after,
.tooltip-bottom:focus:before,
.tooltip-bottom:focus:after {
  -webkit-transform: translateY(0.75em);
  -moz-transform:    translateY(0.75em);
  transform:         translateY(0.75em); 
}

/* Right */
.tooltip-right:before,
.tooltip-right:after,
.tooltip-right-top:before,
.tooltip-right-top:after {
  bottom: 50%;
  left: 100%;
}

.tooltip-right:before,
.tooltip-right-top:before {
  margin-bottom: 0;
  margin-left: -0.75em;
  border-top-color: transparent;
  border-right-color: #000;
  border-right-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-right:hover:before,
.tooltip-right:hover:after,
.tooltip-right:focus:before,
.tooltip-right:focus:after,
.tooltip-right-top:hover:before,
.tooltip-right-top:hover:after,
.tooltip-right-top:focus:before,
.tooltip-right-top:focus:after {
  -webkit-transform: translateX(0.75em);
  -moz-transform:    translateX(0.75em);
  transform:         translateX(0.75em); 
}

/* Move directional arrows down a bit for left/right tooltips */
.tooltip-left:before,
.tooltip-right:before,
.tooltip-right-top:before {
  top: 3px;
}

/* Vertically center tooltip content for left/right tooltips */
.tooltip-left:after,
.tooltip-right:after,
.tooltip-right-top:after,
.tooltip-left-top:after {
  margin-left: 0;
  margin-bottom: -16px;
}

/* Right Top */
.tooltip-right-top:after {
  margin-bottom: 0;
  bottom: -0.75em;
}


@media (max-width: 1200px) {
  	
	.slicknav_menu {
		display: block;
	}
	
	.tp-nav {
  	margin-top: 1.25em;
  	margin-bottom: 0;
	}
	
	
		/*
    Mobile Menu Core Style
*/

  .slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
  .slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
  .slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
  .slicknav_menu .slicknav_no-text { margin: 0 }
  .slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
  .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
  .slicknav_nav { clear: both }
  .slicknav_nav ul,
  .slicknav_nav li { display: block }
  .slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
  .slicknav_nav .slicknav_item { cursor: pointer; }
  .slicknav_nav .slicknav_row { display: block; }
  .slicknav_nav a { display: block }
  .slicknav_nav .slicknav_item a,
  .slicknav_nav .slicknav_parent-link a { display: inline }
  .slicknav_brand { float:left }
  .slicknav_menu:before,
  .slicknav_menu:after { content: " "; display: table; }
  .slicknav_menu:after { clear: both }
  /* IE6/7 support */
  .slicknav_menu { *zoom: 1 }
  
  /* 
      User Default Style
      Change the following styles to modify the appearance of the menu.
  */
  
  .slicknav_menu {
      font-size:1.25em;
      box-sizing:border-box;
  }
  .slicknav_menu * {
    box-sizing:border-box;
  }
  /* Button */
  .slicknav_btn {
      margin: 0;
      text-decoration:none;
      text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      border: 0;
      background-color: transparent;
      position: absolute;
      right: 0px;
      top:  0.5em;
      padding: 0.5em;
     /* width: 45px;*/
      z-index: 100;
  }
  /* Button Text */
  .slicknav_menu  .slicknav_menutxt {
      color: #FFF;
      font-weight: bold;
      text-shadow: 0 1px 3px #000;
  }
  /* Button Lines */
  .slicknav_menu .slicknav_icon-bar {
    background-color: white;
    height: 4px;
    width: 1.5em;
  }
  .slicknav_menu {
      background: white;
      padding: 0;
  }
  .slicknav_nav {
      border-bottom: 2px solid #f0f0f0;
      color:#fff;
      margin:0;
      padding:0;
      font-size:0.875em;
      margin-top: 3.75em;
  }
  .slicknav_nav, .slicknav_nav ul {
      list-style: none;
      overflow:hidden;
  }
  .slicknav_nav ul {
      padding:0;
      margin:0px 0 0 0;
  }
  .slicknav_nav .slicknav_row {
      padding:5px 0.625em;
      margin:0;
  }
  .slicknav_nav a{
      padding: 0.625em 0.625em;
      margin:0;
      text-decoration:none;
/*       color:#fff; */
      border: none;
  }
  .slicknav_nav .slicknav_item a,
  .slicknav_nav .slicknav_parent-link a {
      padding:0;
      margin:0;
  }

/*
  .slicknav_nav a,
  .slicknav_nav .slicknav_row {
    background: #FFEAA8;
  }
*/
  .slicknav_nav .nav1 {
/*     background: #f9f9f9; */
margin-top: 1.875em;
  }
  
  .slicknav_nav .nav1 a {
/*     color: #222; */
  }
  
  .slicknav_nav .nav1 b {
/*     color: #F63; */
  }
  
  .slicknav_nav .slicknav_row:hover {
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      border-radius: 0px;
/*       background:#FFEAA8; */
/*       color:#fff; */
  }
  .slicknav_nav a:hover{
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      border-radius: 0px;
/*       background: #FFEAA8; */
/*       color: #222; */
  }
  
  .slicknav_nav li br {
    line-height: 0;  
  }
  
  .slicknav_nav a:link,
  .slicknav_nav a:visited {
    border-bottom: 1px dotted #f0f0f0;
    font-size: 0.875em;
    padding-top: 0.625em;
    padding-bottom: 0.625em;
  }
  
  .slicknav_nav a b {
    color: #F63;
/*     color: #FFEAA8; */
  }
  
  .slicknav_nav a:hover b {
/*     color: #222; */
  }
  
  .slicknav_nav .slicknav_txtnode {
      margin-left:1em;   
  }
  .slicknav_brand {
  	color:#fff;
  	font-size: 1.25em;
  	line-height:1.875em;
  	padding:7px 0.75em;
  	height:44px;
  }
	
	.slicknav_nav ul.nav1 a {
  	font-size: 1.25em;
	}
	
	
  .usp {
    min-height: 3.75em;
    height: auto;
    text-indent: 0;
  }
  
  .logo {
    background: #5097DD;
    height: 3.75em;
    margin: 0;
    position: absolute;
    width: 100%;
    top: 0;
  }
  
  .logo img {
  	margin-top: 1em;
  	margin-left: 0.625em;
  }
	
	.navigation {
  	display: none;
	}
	
	.usp p,
  .usp h1, 
  .navigation {
    display: none;
  }
    
  .content {
    width: 100%;
  }
  
  .rechts_float {
    padding-right: 0.625em;
  }
  
}


/* Bilder für VISA, Mastercard, Maestro, VPay usw */

.girotab td img.maestro {
	width:2.5em!important;
	margin: 0 auto;
	filter:alpha(opacity=75); 
	-moz-opacity: 0.75; 
	opacity: 0.75;
}

.girotab td img.vpay {
	width:1.875em!important;	
	margin: 0 auto;
	filter:alpha(opacity=75); 
	-moz-opacity: 0.75; 
	opacity: 0.75;
}

.girotab td img.visa {
	width:3em!important;
	margin: 1 auto;
	filter:alpha(opacity=75); 
	-moz-opacity: 0.75; 
	opacity: 0.75;
}

.girotab td img.mastercard {
	width:3em!important;
	margin: 0 auto;
	filter:alpha(opacity=75); 
	-moz-opacity: 0.75; 
	opacity: 0.75;
}

.girotab td img.cashgroup {
	width:3em!important;
	height: auto;
	filter:alpha(opacity=75); 
	-moz-opacity: 0.75; 
	opacity: 0.75;
}

.girotab td img.cashpool {
	width:3em!important;
	height: auto;
	filter:alpha(opacity=75); 
	-moz-opacity: 0.75; 
	opacity: 0.75;
}

.girotab td img.bcsn {
	width:3em!important;
	height: auto;
	filter:alpha(opacity=75); 
	-moz-opacity: 0.75; 
	opacity: 0.75;
}

.girotab td img.spk {
	width:2em!important;
	height: auto;
	filter:alpha(opacity=75); 
	-moz-opacity: 0.75; 
	opacity: 0.75;
}

.girotab td img.kontaktlos {
	width:1em!important;
	height: auto;
	filter:alpha(opacity=75); 
	-moz-opacity: 0.75; 
	opacity: 0.75;

	
}

.girotab td img.gpay {
	width:3em!important;
	height: auto;
	filter:alpha(opacity=75); 
	-moz-opacity: 0.75; 
	opacity: 0.75;
			

}

.girotab td img.apay {
	width:3em!important;
	height: auto;
	filter:alpha(opacity=75); 
	-moz-opacity: 0.75; 
	opacity: 0.75;
	 
	

}

/* Bilder für Vergleichstabellen Ende */


@media (max-width: 914px) {
  	
    
  #container {
    position: relative;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
  }
  
  .content {
    border: 0;
    float: none; 
    padding: 0; 
    padding-top: 0.625em;
    width: 100%;
  }
  
  .content p,
  .content ul,
  .content ol,
  .content h1,
  .content h2,
  .content h3,
  .content h4,
  .content h5,
  .content h6,
  .content .girotab table thead,
  .content .girotab table tfoot,
  .content .girotab table tbody,
  .tp-h1,
  .tp-h2,
  .infotab table,
  .rechner-filter-wrapper,
  .rechner-filter-submit {
    box-sizing: border-box;
    padding-left: 0.625em;
    padding-right: 0.625em;
    hyphens: auto;
	-ms-hyphens: auto;
    -webkit-hyphens: auto;
  }
  
     
  .serverzeit {
    display: block;
    float: none;
    margin: 0;
    padding: 1em 0 5px;
    text-align: right;
  }
  
  .serverzeit time {
    padding: 0;
  }
  
  .aktualisierung {
  	color:#878787;
  	margin:0px;
  	padding: 0 0 0 1em;
  }

   .aktualisierung time {
    padding: 0;
  }
  
    
  .content .form {
    background: none;
  }
  
  .content .form select {
    width: 100%;
  }
  
  .girotab {
    margin-top: 0;
  }
  
  /* Force table to not be like tables anymore */
	.girotab table, 
	.girotab thead, 
	.girotab tbody,
	.girotab tfoot, 
	.girotab th, 
	.girotab td, 
	.girotab tr { 
		display: block; 
	}
 
  .girotab table, 
  #Bankkonto-Rechner table {
    background: none;
  }
 
	/* Hide table headers (but not display: none;, for accessibility) */
	.girotab thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	.girotab tbody tr { border: 1px solid #ccc; }
 
	.girotab tbody td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding: 1em 1em 1.5em 40%;
		white-space: normal;
		text-align:left;
		hyphens: auto;
		-ms-hyphens: auto;
    -webkit-hyphens: auto;
	}
 
	.girotab tbody td:before { 
/* Now like a table header */
	position: absolute;
 	/*padding-right: 0px;
 	text-align:left;
	font-weight: bold;
	  padding-left: 0px;
    padding-top: 5px;*/
    top: 0;
    left: 0;
    bottom: 0;
    width: 35%;
    max-height: 100%;
  
	}
 
	/*
	Label the data
	*/
	.girotab tbody td:before { 
		content: attr(data-th); 
		font-size: inherit;
		color: gray;
		text-align: right;
		font-weight: normal;
		padding: 1em 0.2em;
		hyphens: auto;
		-ms-hyphens: auto;
    -webkit-hyphens: auto;
		}
  

  .girotab tfoot tr {
    padding: 0;
  }
  
  .girotab tfoot tr td {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  .girotab tbody tr {
    border: none;
  }
  
 
  .imgvgl { /* Logogröße mobile Ansicht Vergleichstabellen */
	border:none;
	width:180px!important;
	height:90px!important;
   }
  
  .girotab tbody td:first-child,
  .girotab .rank {
   /* background: #5097DD;
    color: #595959;
    color: white; */
    background: #f0f0f0;
    margin-top: 1.25em;
  }
  
  .girotab tbody tr:hover td:first-child {
   /* background: #5097DD; 
	   color: #595959; */
    background: #f0f0f0;
   }
   
  .girotab tbody td ul {
    margin: 0;
    padding: 0;
  }


  
  .girotab .bargeld {
   	text-align: left;
  	color: #111;
    	
  }
  
   .girotab .karten {
  	font-size:1em;
  	text-align: left;
  	color: #111;
  }
  
  
  /* Textlink unter Bankenlogo in VGL */
  .content .prona {
  	font-size:1em;
  	line-height:0.875em;
  /*  border-bottom: 1px dotted #595959; 
	  text-decoration:underline;
	  color:#595959;
  */
  }
  
  /* Oranger Hintergrund für Prämie in Tabelle   */
    .content .bonus {
     background-color: #f07c00; 
     font-size: 1em; 
     border-radius: 1.25em; 
     width: 3.125em;
     color: white; 
     padding: 4px;
    } 

  
    
  .girotab tbody td.all-accounts {
    border-bottom: 0;
    padding-left: 0;
    padding-top: 1.25em;
    padding-bottom: 1.25em;
    text-align: center;
  }
  
  /* Bilder für VISA, Mastercard, Maestro, VPay usw */

.girotab td img.maestro {
	width:3.125em!important;
	filter:alpha(opacity=75); 
	-moz-opacity: 0.75; 
	opacity: 0.75;
}

.girotab td img.vpay {
	width:2.5em!important;	
	filter:alpha(opacity=75); 
	-moz-opacity: 0.75; 
	opacity: 0.75;
}

.girotab td img.visa {
	width:3.125em!important;
	filter:alpha(opacity=75); 
	-moz-opacity: 0.75; 
	opacity: 0.75;
}

.girotab td img.mastercard {
	width:3.125em !important;
	height: auto;
	filter:alpha(opacity=75); 
	-moz-opacity: 0.75; 
	opacity: 0.75;
}

.girotab td img.cashgroup {
	width:3.125em!important;
	height: auto;
	filter:alpha(opacity=75); 
	-moz-opacity: 0.75; 
	opacity: 0.75;
}

.girotab td img.cashpool {
	width:3.125em!important;
	height: auto;
	filter:alpha(opacity=75); 
	-moz-opacity: 0.75; 
	opacity: 0.75;
}

.girotab td img.bcsn {
	width:3.75em!important;
	height: auto;
	filter:alpha(opacity=75); 
	-moz-opacity: 0.75; 
	opacity: 0.75;
}

.girotab td img.spk {
	width:3.125em!important;
	height: auto;
	filter:alpha(opacity=75); 
	-moz-opacity: 0.75; 
	opacity: 0.75;
}
.girotab td img.kontaktlos {
	width: 1em !important;
	height: auto;
}


/* Bilder für Vergleichstabellen Ende */


  .sboxl,
  .sboxr {
    margin: 0;
    margin-bottom: 0px;
    padding: 1.25em 0.625em;
    height: auto;
    width: 100%;
    box-sizing: border-box;
  }
  
  .sboxl ol {
    padding-left: 0;
  }
  
  .sboxcontent ol {
    font-size: 1.25em;          
  }
      
  .sboxr .sboxcontent img {
    max-width: 100%;
    height: auto;
  }
  
  .girotab td.za {
    text-align: left;
    /* font-size:0.875em!important; */
    
  }
  
  .foot {
    text-align: center;
  }
  
  .foot p {
    margin: 0 0.625em;
  }
  
  .tcenter {
    text-align: center;
  }

  
  
  /* Ratgeber */ 
  
  .ratgeberimg {
    box-sizing: border-box;
    display: inline-block;
    margin: 0.625em;
    float: none;
    padding: 0;
    max-width: 100%;
  }
  
  .ratgeberimg img {
    max-width: 100%;
  }  
    
  .girotab td.gaaeu {
    background-size: 1.25em 1.25em;
    min-height: 1.5em;  
  }
  
  /* 
  
  .navboxu {
    height: auto;
  }
  
  .navboxu .navu {
    float: none;
    margin: 0;
  }
  
  .navboxu .navu .was {
    padding: 0.625em;
    padding-bottom: 0;
  }
  
  .navboxu .navu p,
  .navboxu .navu ol {
    margin: 0;
    padding: 0.625em;
  }
   
  */
   
  /* Detailseiten */
  
  /* <span class="icon-help tooltipstered"></span> */
    
  .m-btn,
  .deal-banner {
    margin-left: 0.625em;
  } 
  
  .m-btn2 {
	  font-size: 1.35em; 
	  } 
   
  
  /* Bank */ 
  
  .infotab table {
    width: 100%;
  }
  
  
  /* Bankenübersicht */
  
  .bbox2 {
    margin-left: 0.625em;
    float: none;
    display: block;
    box-sizing: border-box;
  }
  
  .tpbanken-h3 {
    box-sizing: border-box;
    width: auto;
  }
  
  
  .rechner-filter-element {
    width: 49%;
  }
  
  .rechner-filter-element.regular-last {
    margin-right: 2%;
  }      
  .rechner-filter-element.medium-last {
    margin-right: 0;
  }
  
  .rechner-filter-submit input {
    margin: 0;
  }
  
  
  p.intro-text {
    font-size: 1.25em;
    line-height: 1.50em;
    color: #595959;
  }
  
  h2.intro-headline,
  p.intro-headline  {
    font-size: 1.5em;
    line-height: 28px;
  }

  h2.intro-headline {
    margin-top: 0;
  }
  
  .grid-item.round {
    height: 160px;
    width: 160px;
    margin-bottom: 1.25em;
    padding: 1em 0.625em;
  }
  
  .grid-item .bubble-icon {
    font-size: 320%; /*280*/
  }
  
  .grid-item .bubble-text {
    font-size: 19px;
    line-height: 1.25em;
  }
  
  .account-table-info {
    margin-left: 0.625em;
    margin-right: 0.625em;  
  }
  
}




@media (max-width: 560px) {
  
  .content {
    padding-top: 0;
  }
  
  .content ul li:before,
  .content ul li.deal:before {
   
  }
  
  .content ul li {
   /* padding-left: 1.6em; */
  }
  
  p.intro-text {
    font-size: 1.1em;
    color: #595959;
  
  }
  
  /* Aktualisierungszeit */
  
.serverzeit {
	/*float:right;/*
	color:#878787;
	
	/* margin:8px 0.625em 0 0; */
}
  
  /* Detail */ 
  
  .m-btn {
    box-sizing: border-box;
    display: block;
    margin-top: 0px;
    margin-right: 0.625em;
    width: calc(100% - 1.25em);
    border-top: 0.625em solid white;
    border-bottom: 0.625em solid white;
      -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  }
  
  .m-btn2 {
    box-sizing: border-box;
    display: block;
    margin: 0px 0.625em 0 0;
    width: 100%;
    border-top: 0.625em solid white;
    border-bottom: 0.625em solid white;
      -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  }

  
  
  .m-btn:hover {
    border-top: 0.625em solid white;
    border-bottom: 0.625em solid white;
  }
  
  input.m-btn {
    box-sizing: border-box;
    width: 100%;
  }
  
  .rechts_float {
    float: none;
    margin: 0;
    padding: 0;
  }
  
  .rechts_float .image_logo {
    background: #f6f6f6;
    border: 0;
    margin: 0;
    margin-top: -20px;
    margin-bottom: 0.625em;
    padding: 0;
/*     text-align: left; */
  }

  .rechts_float .image_logo img {
    max-width: 150px;
    height: auto;
/*     margin-left: 0.625em; */
  }
  
  .rechts_float .rechts {
    display: none;
  }
  
  .rechner-filter-element {
    border: 0;
    float: none;
    margin-right: 0;
    margin-bottom: 0;
    min-height: 0;
    padding-bottom: 0.625em;
    width: 100%;
  }
  
  .rechner-filter-form-element.radios {
    margin: 0;  
  }
  
  .rechner-filter-wrapper {
    margin-bottom: 0.625em;
  }
  
  .account-table-info {
    display: block;
    float: none;
    text-align: center;  
  }
  
 .bbox3 {
    padding: 0px 0px;
    width: auto;
    float: left;
}
   
}


/**
 * Tabellenstile
 */

.positive {
  color: green;
}

.negative {
  color: red;
}

.currency {
  white-space: nowrap;
}

.currency_value {
  font-size:1em;
  color:gray;
}

.text-right {
  text-align: right;
}

/**
 * Testing
 */

input[type='text'],
input[type='select'],
input[type='submit'] {
  border-radius: 0 !important;
}

/* Grow Shadow Buttons */
.hvr-grow-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: scale(1);
  transform: scale(1);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  box-shadow: 0 0.625em 0.625em -10px rgba(0, 0, 0, 0.5);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform;
  opacity: 1;
}
.hvr-grow-shadow:hover, 
.hvr-grow-shadow:focus, 
.hvr-grow-shadow:active {
  box-shadow: 0 0.625em 0.625em -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}



.fixed-top {
  position: fixed;
  top: 0;

/*   border: 0.625em solid rgba(255,255,255,0.9); */
}

/*
.invisible-spacer {
  display: block;
  height: 0.625em;
}

.visible-spacer {
  height: 71px;
}
*/



/* toTop-Link */

a.back-to-top {
	border: none;
	display: none;
	width: 3.5em;
	height: 3.5em;
/* 	text-indent: -9999px; */
	position: fixed;
	z-index: 999;
	right: 0.75em;
	bottom: 2.5em;
	background: #f0f5fa;
	-webkit-border-radius: 1.875em;
	-moz-border-radius: 1.875em;
	border-radius: 1.875em;
	opacity: 0.8;
}

a.back-to-top:hover {
  background: #5097dd;
}

a.back-to-top:before {
  content: "\e297";
  display: block;
  font-family: icomoon;
  font-size: 1.1em;
  color: #5097dd;
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
}

a.back-to-top:hover:before {
  color: white;
}

/* scale CTA */
a.scale-btn {
  transition: all 250ms ease-in-out;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;  
}

a.scale-btn:hover {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}


.sticky-table-head {
  position: fixed;
  -webkit-transform: translateY(0px);
  -moz-transform:    translateY(0px);
  transform:         translateY(0px);
  top: 0;
  -webkit-transition: all 380ms ease-in-out;
  -o-transition: all 380ms ease-in-out;
  transition: all 380ms ease-in-out; 
  z-index: 100;
  
}




@media (min-width: 914px) {
  
  
  table thead {
/*     display: table; */
  }

  table.sortierbar{
/*     table-layout:fixed; */
  }
  
/*
  table.sortierbar th:nth-child(2),
  table.sortierbar td:nth-child(2) {
    min-width: 100px !important;
    max-width: 100px !important;
  }
  
  table.sortierbar th:nth-child(10),
  table.sortierbar td:nth-child(10) {
    min-width: 120px !important;
    max-width: 120px !important;
  }
*/
  
  table.sortierbar td {
    text-align: center;
  }
  
  table.sortierbar td:nth-child(10) {
    text-align: left;
  }
  
/*
  table.sortierbar th:nth-child(1),
  table.sortierbar td:nth-child(1) {
    width: 5%;
  }
  
  table.sortierbar th:nth-child(2),
  table.sortierbar td:nth-child(2) {
    width: 15%;
  }
  
  table.sortierbar th:nth-child(3),
  table.sortierbar td:nth-child(3) {
    width: 7%;
  }
  
  table.sortierbar th:nth-child(4),
  table.sortierbar td:nth-child(4) {
    width: 7%;
  }
  
  table.sortierbar th:nth-child(5),
  table.sortierbar td:nth-child(5) {
    width: 5%;
  }
  
  table.sortierbar th:nth-child(6),
  table.sortierbar td:nth-child(6) {
    width: 5%;
  }
  
  table.sortierbar th:nth-child(7),
  table.sortierbar td:nth-child(7) {
    width: 7%;
  }
  
  table.sortierbar th:nth-child(8),
  table.sortierbar td:nth-child(8) {
    width: 7%;
  }
  
  table.sortierbar th:nth-child(9),
  table.sortierbar td:nth-child(9) {
    width: 10%;
  }
  
  table.sortierbar th:nth-child(10),
  table.sortierbar td:nth-child(10) {
    width: 20%;
  }
  
  table.sortierbar th:nth-child(11),
  table.sortierbar td:nth-child(11) {
    width: 5%;
  }
  
  table.sortierbar th:nth-child(12),
  table.sortierbar td:nth-child(12) {
    width: 7%;
  }
*/

  #header-fixed { 
      position: fixed; 
      -webkit-transform: translateY(-100px);
      -moz-transform:    translateY(-100px);
      transform:         translateY(-100px); 
      top: -100px;     
      z-index: 100;
      
  }

}



#header-fixed.slideUp {
  -webkit-transform: translateY(-100px);
  -moz-transform:    translateY(-100px);
  transform:         translateY(-100px);
        top: -100px;
  -webkit-transition: all 380ms ease-in-out;
  -o-transition: all 380ms ease-in-out;
  transition: all 380ms ease-in-out;     
}

#header-fixed.slideDown {
  -webkit-transform: translateY(0px);
  -moz-transform:    translateY(0px);
  transform:         translateY(0px);
  -webkit-transition: all 380ms ease-in-out;
  -o-transition: all 380ms ease-in-out;
  transition: all 380ms ease-in-out;    
        top: 0px; 
}


/* Modal CSS (Popup Umfrage) */

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 1.25em;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}