/* Quickfix Anzeige Stift-Icon in nachgelagerter Beratersuche - akurth, 13.11.2024 */

form.formular .advisor-details-with-label a.change-advisor:before {
    font-family: 'sv_icons' !important;
}

/* Ende Quickfix Anzeige Stift-Icon in nachgelagerter Beratersuche */

/* aktiver Chat Fix Einblenden Close Button */

.oevd-widget-sv-activechat .activechat-close {
    display: block;
    margin-top: -2.525rem;
    margin-right: -2.525rem;

}

/* Ende aktiver Chat Fix Einblenden Close Button */


/* 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;
}
/* 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;
}
*/

/*Einbindung Blatt-Icon im Flyout bei Über uns > Nachhaltigkeit */
.flyout-icon-nachhaltigkeit {
    background-image: url("/export/sites/svag/_resources/bildergalerie/icons/blatt_wohnen-umwelt-klein.png");
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    padding-right: 25px;
}

/*Befehl zur schärfen Darstellung von Pixelgrafiken - bspw. Siegel - in Chrome, Opera, Safari und Edge */

img {
    image-rendering: -webkit-optimize-contrast;
}

/*Fomrulare / Datei-Upload: Dateigröße + Fehlermeldung werden in roter Schrift dargestellt */

form.formular .fileupload .file-list .file .description, form.formular .fileupload .file-list .file .size {
    color: red;
}

/*Fix der H3, H4-Überchriften*/

@media only screen and (min-width: 64.063em) {
	.h3korrektur h3,h4{
    padding-left: 2.7%;
    margin-top: -21px;
	margin-bottom: 0;	
	font-weight: 100;
	}
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	.h3korrektur h3, h4{
    padding-left: 2.7%;
    margin-top: -21px;
	margin-bottom: 0;
	font-weight: 100;
    }
}


@media only screen and (max-width: 40em) {
.h3korrektur h3, h4{
	padding-left: 7%;
	margin-top: -21px;
	margin-bottom: 0;
	font-weight: 100;
	}
}