/* Taggingklassen für diverse Hintergrundfarben */

div.content-container .oevd-widget-textteaser.hervorgehoben_rosa .highlight,
div.content-container .oevd-widget-bildtextteaser.hervorgehoben_rosa .highlight {
	background-color: #f3e5df;
	padding: 0.9375rem;
}

div.content-container .oevd-widget-textteaser.hervorgehoben_puder .highlight,
div.content-container .oevd-widget-bildtextteaser.hervorgehoben_puder .highlight {
	background-color: #ebc8b2;
	padding: 0.9375rem;
}

div.content-container .oevd-widget-textteaser.hervorgehoben_gelb .highlight,
div.content-container .oevd-widget-bildtextteaser.hervorgehoben_gelb .highlight {
	background-color: #ffe4c4;
	padding: 0.9375rem;
}

div.content-container .oevd-widget-textteaser.hervorgehoben_mauve .highlight,
div.content-container .oevd-widget-bildtextteaser.hervorgehoben_mauve .highlight {
	background-color: #bc8f8f;
	padding: 0.9375rem;
}

div.content-container .oevd-widget-textteaser.hervorgehoben_dunkelrot .highlight,
div.content-container .oevd-widget-bildtextteaser.hervorgehoben_dunkelrot .highlight {
	background-color: #860010;
	padding: 0.9375rem;
}

div.fullsize-container .oevd-widget-textteaser.hervorgehoben_grau div.teaser,
div.fullsize-container .oevd-widget-bildtextteaser.hervorgehoben_grau div.teaser {
	background-color: #e9e9e9;
	padding: 0.9375rem;
}

div.content-container .oevd-widget-textteaser.hervorgehoben_grau .highlight,
div.content-container .oevd-widget-bildtextteaser.hervorgehoben_grau .highlight {
	background-color: #e9e9e9;
	padding: 0.9375rem;
}



/* Taggingklassen für diverse Hintergrundfarben Ende */


/*Taggingklasse für Schatten */

.svag-boxshadow div.teaser.image_teaser {
    display: table;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,0.20);
	}
	
.svag-boxshadow div.caption-and-text {
	padding-top: 30px;
	padding-left: 30px;
	padding-bottom: 30px;
	padding-right: 30px;
	}

.oevd-widget-bildtextteaser .image_teaser .caption-and-text.no-image {
    padding-left: 30px;
	padding-bottom: 30px;
	padding-right: 30px;
	padding-top: 30px;
} 

.fullsize-container .svag-boxshadow {
 padding-bottom: 15px;
 padding-top: 15px;
}

/* Ende Taggingklasse für Schatten */

/* Farbdefinitionen für Social-Media Icons in der SRB (SVX-1545) */

.sticky-navigation.sticky-response-bar ul:not(.advisor-dropdown) li > a .icon-facebook::before {
	color: #1778F2;
	}
	
.sticky-navigation.sticky-response-bar ul:not(.advisor-dropdown) li > a .icon-instagram::before {
	color: #000;
	}

.sticky-navigation.sticky-response-bar ul:not(.advisor-dropdown) li > a .icon-twitter::before {
	color: #1da1f2;
	}

.sticky-navigation.sticky-response-bar ul:not(.advisor-dropdown) li > a .icon-xing::before {
	color: #455A64;
	}

.sticky-navigation.sticky-response-bar ul:not(.advisor-dropdown) li > a .icon-youtube::before {
	color: #ff0000;
	}
	
.sticky-navigation.sticky-response-bar ul:not(.advisor-dropdown) li > a .icon-whatsapp::before {
	color: #455A64;
	}

/* Ende Farbdefinitionen für Social-Media Icons in der SRB (SVX-1545) */

/* Definition SV Iconfont zur Darstellung des Delete-Icons in der Beratersuche-Box unter Kontakt & in der nachgelagerten Beratersuche */

.oevd-widget-sv-beratersuche-suchschlitz button.advisor-deleteinput::before, .svag-widget-beratersuche-suchschlitz button.advisor-deleteinput::before, form.formular .advisor-search-container button.advisor-deleteinput::before {
	font-family: sv_icons;
}

/* Ende Definition SV Iconfont zur Darstellung des Delete-Icons in der Beratersuche-Box unter Kontakt & in der nachgelagerten Beratersuche */

.oerag-tarifrechner [class*="icon-"]::before, .oerag-tarifrechner [class*="icon-"]::after, .oerag-tarifrechner [class*="fo fo-"]::before, .oerag-tarifrechner [class*="fo fo-"]::after {
    font-family: 'OERAG_Tarifrechner_Iconfont' !important;
}

footer div.oevd-widget-footerawards .social ul li {
    border-right: 0.0625rem solid #666;
	padding-right: 0.625rem;
	margin-right: 0.625rem;
}
/* fix Seitenzentrierung-Fehler bei Viewport-Steuerung
body.centeredpage .hide-for-small-only>div{
	width:100%;
}
*/


/* Andreas fix bulletpoints 
ul:not(.checkbullet) li, ul.bulletpoint li {
    padding-left: 1rem !important;
}

ul:not(.checkbullet) li:before, ul.bulletpoint li:before {
    font-size: 6px !important;
}

ul:not(.checkbullet):not(.bulletpoint) li:before {
    margin-left: -0.875rem !important;
    margin-right: 0.625rem !important;
}
ul.checkbullet li:before {
    margin-left: -1rem;
    margin-right: 0.375rem;
}
ul.checkbullet li {
    padding-left: 1rem;
}

Ende fix bulletpoints*/

	
/* Quickfix runde Buttons überschrieben auf Mob. */
div.oevd-widget-calltoaction.roundbuttons ul li a.button .fo {
    display: block;
}
/* Quickfix Ende */

/*Taggingklasse als Erweiterung zu Taggingklasse oevd-magazin-box-bg-color im Mandanten CSS*/

body.wrapper-spacingnopadding div.content-container div.wrapper-spacing {
 padding: 0px
} 

/*Taggingklasse Ende*/

.svag-widget-geschaeftsstelle ul li::before {
	font-size: 0.8125rem;
	position: absolute;
	left: 0;
	content: "";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-family: sv_icons;
	color: red;
}
.svag-widget-geschaeftsstelle ul li {
	position: relative;
	margin-bottom: 0.625rem;
	padding-left: 1.375rem;
}
.svag-whitefont {
	color: #ffffff;
}
.linie {
	border-bottom:1px solid black;
	width:150px;
}
#widget-container.ekomi-widget-container #nstd2-widget-container {
	margin:53px auto 0;
}
#widget-container.ekomi-widget-container #nstd2-widget-container span:before,#widget-container.ekomi-widget-container #nstd2-widget-container span:after{
	content:none;
}
.sticky-response-bar .row.advisor-search-container > div.small-12 > div.row {
	width: 100%;
}
/*Taggingklasse für gleiche Höhe von Textteaser*/
.oevd-widget-textteaser.hoehe_angleichen .highlight,.oevd-widget-sv-beratersuche-suchschlitz.hoehe_angleichen .highlight,.oevd-widget-bildtextteaser.hoehe_angleichen .highlight{
	height: 375px;
}
/*Taggingklasse für Hervorhebung Überschrift*/
div.oevd-widget-textmodule.ueberschrift_hervorheben p.h4{
	padding: 15px;
	background: #e9e9e9;
}
/*Taggingklasse für Darstellung einer hellen Pfadnavigation in der Bühne*/
.pfadnavigation-light a.pfadnavigation-entry, .pfadnavigation-light .pfadnavigation span {
	color: #cccccc;
}
.pfadnavigation-light .pfadnavigation .pfadnavigation-last-entry {
	color: #ffffff;
}
.pfadnavigation-light a.pfadnavigation-entry:hover, .pfadnavigation-light a.pfadnavigation-entry:active, .pfadnavigation-light a.pfadnavigation-entry:focus {
	color: #ff0000;
}
.pfadnavigation-light div.oevd-widget-stage div.pfadnavigation, .pfadnavigation-light div.sv-stage div.pfadnavigation {
	color: #f6f6f6 !important;
}
/* Taggingklasse für ÖRAG Infotel*/
/* Hintergrundfarbe rot */
#rotbg {
	background: #ff0000;
	/* Old browsers */
	background: -moz-linear-gradient(top, #ff0000 0%, #ED1829 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0000), color-stop(100%,#ED1829));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ff0000 0%,#ED1829 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ff0000 0%,#ED1829 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ff0000 0%,#ED1829 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #ff0000 0%,#ED1829 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#ED1829',GradientType=0 );
	/* IE6-9 */
}
/*alle bildschirmgrößen*/
.meinrecht img, .meinrecht object, .meinrecht embed {
	margin-left: -12px;
	margin-top: 12px;
}
.meinrecht ul.square li::after, .meinrecht ul.square ol.square li::after {
	color: #ffffff;
}
.meinrecht .spkregbld {
	font-family: Sparkasse Web,sans-serif;
}
.meinrecht ul.square li::after, .meinrecht ol.square li::after {
	font-size: 0.6rem;
}
.meinrecht p, .meinrecht span {
	color: #ffffff !important;
}
main .meinrecht ul:not(.orbit-slides-container) li {
	color: #ffffff;
}
main .meinrecht ul:not(.orbit-slides-container) li:before {
	color: #ffffff;
	padding-left: 5px;
}
.meinrecht .checkbullet li::before {
	color: #ffffff !important;
}
/** FÜR ALLE VIEWPORTS **/
.meinrecht .weiss {
	color: #ffffff;
	margin: 0;
	padding-left: 10px;
	font-family: Sparkasse Web,sans-serif;
}
main p:nth-child(1) {
	background: transparent;
}
.meinrecht .weisstel {
	color: #ffffff;
	margin: 0;
	padding-left: 0px;
	padding-bottom: 15px;
	font-size: 10px;
	font-family: Sparkasse Web,sans-serif;
}
.meinrecht a.weisstel:hover{
	color: #ffffff;
	padding-left: 10px;
	padding-bottom: 5px;
	text-decoration:underline;
}
.meinrecht .weissr {
	color: #ffffff;
	margin: 0;
	padding-top: 15px;
	padding-left: 10px;
	font-size: 21px;
	font-family: Sparkasse Web,sans-serif;
}
.meinrecht .arrow {
	color: #ffffff;
	margin: 0;
	padding-left: 10px;
	font-size: 17px;
	font-family: Sparkasse Web,sans-serif;
}
.meinrecht a.arrow:before {
	color: #ffffff;
	margin: 0;
	font-size: 11px;
	padding-bottom: 20px;
	top: -1px;
}
.meinrecht a.arrow:hover{
	color: #ffffff !important;
	text-decoration:underline;
	padding-bottom: 20px;
}
*/
/** NEU FÜR ALLE VIEWPORTS **/
.meinrecht .top{
	margin-left: 5px;
	margin-right: 5px;
	font-family: Sparkasse Web,sans-serif;
}
.meinrecht .top img{
	float: left;
	max-width: 80px;
	margin-left: 0;
	margin-right: 10px;
}
.meinrecht .top .mein-recht{
	font-size: 59px;
	display: block;
	line-height: 30px;
	padding-bottom: 10px;
	padding-top: 20px;
}
.meinrecht .top .mein-recht span.mein{
	font-size: 59px;
	display: inline;
	font-family: Sparkasse Web,sans-serif;
	font-weight: bold;
}
.meinrecht .top span.rechtsservice{
	font-size: 24px;
	display: block;
	letter-spacing: 1.5px;
	margin-top: -18px;
	padding-left: 9px;
}
.meinrecht .top .mein-recht:before, .meinrecht .top .mein-recht span:before,.meinrecht .top .mein-recht:after, .meinrecht .top .mein-recht span:after {
	display: inline-block;
	content: none;
}
.meinrecht .tel{
	font-size: 45px;
	margin-left: 15px;
	letter-spacing: 1.5px;
	font-family: Sparkasse Web,sans-serif;
	color: #FFF:padding-top: 10px;
	padding-bottom: 15px;
	font-weight: bold;
}
.meinrecht .tel a, .meinrecht .tel a:hover, .meinrecht .tel a:focus, .meinrecht .tel a:active {
	color: #fff !important;
}
.meinrecht .tel a:hover, .meinrecht .tel a:focus, .meinrecht .tel a:active {
	text-decoration: underline;
}
.meinrecht ul.square{
	margin-left: 14px;
	margin-right: 11px;
	letter-spacing: 1px;
}
.meinrecht ul.square li{
	font-size: 18px;
}
.meinrecht ul.square li::after{
	font-size: 7px;
	padding-top: 0.7px;
}
/** DESKTOP START **/
@media only screen and (min-width: 90.063em){
	.meinrecht .top img{
		max-width: 80px;
	}
	.meinrecht .top .mein-recht{
		font-size: 55px;
		padding-top: 30px;
		/*font-size: 3.07vw;
		*/
	}
	.meinrecht .top .mein-recht span.mein{
		font-size: 55px;
		/*font-size: 3.07vw;
		*/
		font-weight: bold;
	}
	.meinrecht .top span.rechtsservice{
		font-size: 23px;
		letter-spacing: 1.5px;
		margin-top: 10px;
	}
	.meinrecht .tel{
		font-size: 50px;
		padding-top: 10px;
		padding-bottom: 15px;
		font-weight: bold;
	}
	.meinrecht div#rotbg.weiss {
		height: 320px;
	}
}
/*auch Desktop*/
@media only screen and (min-width: 67.601em) and (max-width: 90em) {
	.meinrecht .top img{
		max-width: 65px;
	}
	.meinrecht .top .mein-recht{
		font-size: 3.2vw;
		padding-bottom: 20px;
		padding-top: 15px;
	}
	.meinrecht .top .mein-recht span.mein{
		font-size: 3.2vw;
		font-weight: bold;
	}
	.meinrecht .top span.rechtsservice{
		font-size: 1.5vw;
		letter-spacing: 0.55px;
		margin-top: -10px;
	}
	.meinrecht .tel{
		font-size: 32px;
		padding-top: 10px;
		padding-bottom: 15px;
		font-weight: bold;
	}
	.meinrecht div#rotbg.weiss {
		height: 290px;
	}
}
@media only screen and (min-width: 64.063em) and (max-width: 67.6em) {
	.meinrecht .top img{
		max-width: 55px;
	}
	.meinrecht .top .mein-recht{
		font-size: 3.2vw;
	}
	.meinrecht .top .mein-recht span.mein{
		font-size: 3.2vw;
		font-weight: bold;
	}
	.meinrecht .top span.rechtsservice{
		font-size: 1.4vw;
		letter-spacing: 0.55px;
		margin-top: -10px;
		padding-left: 66px;
	}
	.meinrecht .tel{
		font-size: 30px;
		padding-top: 10px;
		padding-bottom: 15px;
		font-weight: bold;
	}
	.meinrecht div#rotbg.weiss {
		height: 280px;
	}
}
/** DESKTOP END **/
/** TABLET START **/
@media only screen and (min-width: 60.0626em) and (max-width: 64em) {
	.meinrecht .top img{
		max-width: 80px;
	}
	.meinrecht .top .mein-recht{
		/*font-size: 38px;
		*/
		font-size: 6vw;
	}
	.meinrecht .top .mein-recht span.mein{
		/*font-size: 38px;
		*/
		font-size: 6vw;
		font-weight: bold;
	}
	.meinrecht .top span.rechtsservice{
		font-size: 2.66vw;
		letter-spacing: 0.55px;
		margin-top: 10px;
		padding-left: 72px;
	}
	.meinrecht .tel{
		font-size: 32px;
		padding-top: 10px;
		padding-bottom: 15px;
		font-weight: bold;
	}
}
/*Tablet ebenso, nur kleiner*/
@media only screen and (min-width: 52.876em) and (max-width: 60.0625em) {
	.meinrecht .top img{
		max-width: 60px;
	}
	.meinrecht .top .mein-recht{
		/*font-size: 38px;
		*/
		font-size: 5.2vw;
	}
	.meinrecht .top .mein-recht span.mein{
		/*font-size: 38px;
		*/
		font-size: 5.2vw;
		font-weight: bold;
	}
	.meinrecht .top span.rechtsservice{
		font-size: 2.66vw;
		letter-spacing: 0.55px;
		margin-top: 5px;
		padding-left: 72px;
	}
	.meinrecht .tel{
		font-size: 32px;
		padding-top: 10px;
		padding-bottom: 15px;
		font-weight: bold;
	}
}
@media only screen and (min-width: 48.375em) and (max-width: 52.875em) {
	.meinrecht .top img{
		max-width: 60px;
	}
	.meinrecht .top .mein-recht{
		/*font-size: 38px;
		*/
		font-size: 5.7vw;
	}
	.meinrecht .top .mein-recht span.mein{
		/*font-size: 38px;
		*/
		font-size: 5.7vw;
		font-weight: bold;
	}
	.meinrecht .top span.rechtsservice{
		font-size: 2.5vw;
		letter-spacing: 0.55px;
		margin-top: 5px;
		padding-left: 72px;
	}
	.meinrecht .tel{
		font-size: 32px;
		padding-top: 10px;
		padding-bottom: 15px;
		font-weight: bold;
	}
}
/*Tablet auch, nur kleiner*/
@media only screen and (min-width: 45.1876em) and (max-width: 48.374em) {
	.meinrecht .top img{
		max-width: 50px;
	}
	.meinrecht .top .mein-recht{
		/*font-size: 38px;
		*/
		font-size: 5.7vw;
	}
	.meinrecht .top .mein-recht span.mein{
		/*font-size: 38px;
		*/
		font-size: 5.7vw;
		font-weight: bold;
	}
	.meinrecht .top span.rechtsservice{
		font-size: 2.5vw;
		letter-spacing: 0.55px;
		margin-top: 0px;
		padding-left: 61px;
	}
	.meinrecht .tel{
		font-size: 32px;
		padding-top: 10px;
		padding-bottom: 15px;
		font-weight: bold;
	}
}
@media only screen and (min-width: 40.0625em) and (max-width: 45.1875em) {
	.meinrecht .top img{
		max-width: 50px;
	}
	.meinrecht .top .mein-recht{
		font-size: 5.2vw;
	}
	.meinrecht .top .mein-recht span.mein{
		font-size: 5.2vw;
		font-weight: bold;
	}
	.meinrecht .top span.rechtsservice{
		font-size: 2.16vw;
		letter-spacing: 0.55px;
		margin-top: -10px;
		padding-left: 60px;
	}
	.meinrecht .tel{
		font-size: 28px;
		padding-top: 10px;
		padding-bottom: 15px;
		font-weight: bold;
	}
}
/** TABLET END **/
/** MOBILE START **/
@media only screen and (max-width: 40.0624em) {
	.meinrecht .top img{
		max-width: 60px;
	}
	.meinrecht .top .mein-recht{
		/*font-size: 38px;
		*/
		font-size: 11vw;
	}
	.meinrecht .top .mein-recht span.mein{
		/*font-size: 38px;
		*/
		font-size: 11vw;
		font-weight: bold;
	}
	.meinrecht .top span.rechtsservice{
		font-size: 4.8vw;
		letter-spacing: 0.55px;
		margin-top: 10px;
		padding-left: 72px;
	}
	.meinrecht .tel{
		font-size: 32px;
		padding-top: 10px;
		padding-bottom: 15px;
		font-weight: bold;
	}
	#rotbg {
		height: 320px;
	}
}
/** MOBILE END **/
/* Taggingklasse für ÖRAG Infotel Ende*/
/* Mob Navi Individualisierung Fix */
body.bwbank .mobile-navigation-bar{
	background:transparent;
}
body.bwbank .mobile-navigation-bar .logo img{
	max-height:4.816rem;
}
body.header-only-logo .mobile-navigation-bar .menu-click{
	display:none;
}
/*Korrektur Stylfehler Abstand Icon in Magazinkachel*/
main .oevd-widget-magazin-box .oevd-magazin-article > div .icon {
	margin: 11px 0 11px 11px;
}

/*Korrektur des Innenabstandes bei vergl. Produkttabellen in der Tiny-Ausprägung*/
@media only screen and (max-width: 40em) {
.producttable-optimized .products .pt .header .pcell {
	padding-top: 0.625rem;
    padding-right: 0rem;
    padding-bottom: 0.625rem;
    padding-left: 0rem;
	}
}

/*Vertikaler Abstand zwischen Buttons beim Date-Picker-Layer in der Tiny-Ausprägung*/
@media only screen and (max-width: 40em) {
.ui-datepicker div.ui-datepicker-buttonpane button {
    margin-bottom: 15px;
	}
}

/*Tagging-Klasse "riester-rechner" mit Design-Anpassungen des Riester-Rechners bei der Darstellung der Beiträge nach Berechnung*/
.riester-rechner div.teaser.highlight {
	display: none;
}

.riester-rechner thead {
	display: none;
}

.riester-rechner dl.accordion {
	box-shadow: 0 3px 10px 0 rgba(0,0,0,0.2);
}

.riester-rechner dl.accordion dd .content {
	background: #fff;
	padding: 5px 7px 5px 7px !important;
}

.riester-rechner table tr:nth-child(2n) {
	background: #fff;
}

.riester-rechner p.abstand { 
	margin-bottom: 5px; 
}

/*Korrektur doppelte Häkchen bei <ul class="checkbullet">*/
ul.checkbullet li:after, 
ol.checkbullet li:after{
  content: none;
}


/*Korrektur Abstand in Teasernavigation nach Header-Anpassungen*/
#header_container nav.category .teasernavigation-entry {
    padding-bottom: 0rem !important;
}


/* Tagging-Klasse für die Block-Zeitrierung, wird auf dem Body gesetzt 
.centeredpage .large-12.columns #content_container_12{
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
}

Tagging-Klasse für den C2A - nur in Verbindung mit der Zentrierung des Bodys 

.centeredpage .oevd-widget-calltoaction.roundbuttons .button:before{
	content:none;
}

.centeredpage .oevd-widget-calltoaction.roundbuttons .button{
	padding-left:15px;	
	background:none;
	color:#4d4d4d;
	text-align:center;
	margin:0 auto;
	font-size:17px;
	font-weight:bold;
	line-height:1.3;
}

.centeredpage .oevd-widget-calltoaction.roundbuttons .button span{
    display: block;
    font-size: 16px;
	color:#4d4d4d;
	a:hover: #ff0000
    line-height: 1.4;
    margin-top: 0.9375rem;
	font-weight:200;
}

.centeredpage .oevd-widget-calltoaction.roundbuttons .cta-bar{
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
}

.centeredpage .oevd-widget-calltoaction.roundbuttons .cta-bar>li{
	flex-grow:1;
	flex-shrink:1;
	flex-basis:0;
	margin:0;
}

.centeredpage .oevd-widget-calltoaction.roundbuttons .button .fo{
	display:block;
	text-align:center;
	width:100px;
	height:100px;
	margin:0 auto 20px auto;
	border-radius:50px;
	box-shadow:0px 6px 8px 1px rgba(136, 136, 136, 0.5);
	padding:0;
}

.centeredpage .oevd-widget-calltoaction.roundbuttons .button .fo:before{
	color:red;
	hover:#4d4d4d;
	font-size:37.4px;
	line-height:100px;
}

.centeredpage .oevd-widget-calltoaction.roundbuttons .button .fo:hover{
	background-color: #f6f6f6;
}

.centeredpage .oevd-widget-calltoaction.roundbuttons .button:hover{
	color: #ff0000;
}
*/