/***** Erweiterungen WEBS LGT ******/

/** VIMEO iFrames Responsive jma 28.12.15 **/

.jma-video {
    position: relative;
    padding-bottom: 55%;
    padding-top: 15px;
    height: 0;
    overflow: hidden;
}

.jma-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/** Bilder im WYSWYG Feld responsive machen jma 19.01.16 **/
div.editorContent p img {
max-width: 100%;
}


/** 1. H2 Element einer ROW den Margin-top auf 0 wenn in der
ROW die Klasse jmaH2Margin gesetzt ist jma 25.02.16 **/
.container.outer-container.jmaH2Margin div h2 {
margin-top: 0;
}

/** Bildrand anpassen - Wunsch Chr. R. jma 30.12.20 **/
.jma-rowPictureText .row.picture-text {
    margin-bottom: 0;
}

/**
H2 Schrift bei den Accordions gleich gross definieren wie H3
Wunsch von Marketing jma 03.05.16
**/
.resp-easy-accordion h2.resp-accordion {
font-size:24px;
}

.resp-easy-accordion h2.resp-accordion .resp-arrow:before {
font-size:20px;
}

/**
Bildlegenden sollen schwarz sein
Wunsch Marketing 03.05.16
**/
figure.content-pic figcaption {
color:#000;
}

.asia figure.content-pic figcaption {
color:#000;
}

.vp figure.content-pic figcaption {
color:#000;
}

.cp figure.content-pic figcaption {
color:#000;
}

.li figure.content-pic figcaption {
color:#000;
}

/**
Slider mit Ratings sollen kleiner werden
Wunsch Marketing 04.05.16
**/
.jma-slider section.teaser {
margin-bottom: 0;
}

.jma-slider h2 {
margin-bottom: 0;
}

div.jma-slider {
padding-top: 10px;
padding-bottom: 0;
margin-top: 0;
}

/**
Table Styling, das die erste Spalte
mit einer Hintergrundfarbe versieht
**/
table.col-bg tr > td:first-child {
background-color: #826278;
border: none;
color: white;
}

table.table-default.col-bg > tbody > tr > td {
padding-left: 15px;
padding-top: 15px;
padding-bottom: 30px;
}

table.table-default.col-bg > tbody > tr:first-child {
font-weight: bold;
}

table.table-default.col-bg > tbody > tr:first-child  > td:not(:first-child) {
border-top: 1px solid #a8a8a8;
}


/**
Der RSS Feed von Juicer auf der Media-Seite anpassen
16.01.17 - jma
**/
/* Juicer Inhalte anpassen */
.j-title p {
margin-bottom: 0;
}

.jma-juicer-finanzblog .j-poster {
display: none;
}

li.feed-item.j-blog.image-post .j-poster {
display: none;
}

.j-meta {
display: none;
}

/* Bilder beim Feed ausblenden */
li.feed-item.j-blog.image-post img {
display: none !important;
}


/* Liste und Abstand li und ul anpassen */
li.feed-item.j-blog.words, li.feed-item.j-blog.image-post {
list-style: none;
}

ul.juicer-feed.j-initialized {
margin: 0;
margin-top: 10px;
padding: 0;
}

/**
Anpassungen für FAQ Seite von SmartBanking
02.03.17 jma
**/

/* Damit das Bild blockt und max in orginalgrösse angezeigt wird */
.jma-faq {
width: auto;
margin-bottom: 10px;
}

.jma-faq .img-full {
width: auto;
max-width: 100%;
}

/** VALUE CLAIM Link jma 30.10.17 **/
.navbar-claim a, .navbar-claim a:hover, .navbar-claim a:focus {
text-decoration: none;
}



/** Dowload Suche bei www.lgt.com/offering ausblenden jma 07.11.17 **/
.jma-dl-search #DataTables_Table_0_filter,
.jma-dl-search #DataTables_Table_1_filter,
.jma-dl-search #DataTables_Table_0_length {
display: none;
}

/** Abstand für die Navigations Button im LGT FiNet jma 18.12.17 **/
.jmFiNet {
margin-top: 20px;
}

/** Vestra Spezial Teaser Link verstecken jma 18.12.17 **/
.jmaTeaserWeg .teaser-link span {
display: none;
}

/** Finet theScreener Boxen anpassen lgt-finet-analytics-eam jma 21.01.2018 **/
.jmaScreenerContainer div {
margin-bottom: 1em;
}

/** Die Megabox (Flayout Navi) ist zuwenig hoch bei der CP Seite jma 21.02.2018 **/
@media (min-width: 1200px){
.cp .navbar-nav>li .megabox ul {
min-height: 460px;
}
}

/** Cookie Hinweis bei CP TEMPRAER jma 22.02.2018 **/

#cookiedingsbums{
display: none;
}

.cp #cookiedingsbums {
display: block;
padding: 10px;
background-color: rgba(119, 119, 119, 0.95);
text-align:center;
position:fixed;
bottom:0px;
z-index:10000;
max-width:300px;
font-size:14px;
color: #fff;
}
.cp #cookiedingsbums a {
color: #fff;
text-decoration:underline;
margin: 10px;
}
.cp #cookiedingsbums a:hover {
text-decoration:underline;
}
.cp #cookiedingsbums #cookieinhalt {
width: 90%;
float: left;
}

.cp #cookiedingsbumsCloser {
color: #fff;
font: 16px/100%;
text-decoration: none;
text-shadow: 0 1px 0 #000;
top: 50px;
cursor:pointer;
padding:4px;
text-align: right;
}

/** Für Datenschutz Youtube 1804 GDPR jma 29.05.2018 **/
.jma-video {
position: relative;
padding-bottom: 55%;
padding-top: 15px;
height: 0;
overflow: hidden;
cursor: pointer;
}
.jma-video iframe, .jma-video img.show {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.jma-play {
background: rgba(0,0,0,0.55);
width: 55px;
height: 25px;
border-radius: 5px;
padding-top: 10px;
margin: 0 auto;
top: 50%;
left: 50%;
position: absolute;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 63;
box-sizing: content-box;
}
.jma-play:hover {
background: #cd201f;
}
.jma-pfeil {
width: 0;
height: 0;
border-style: solid;
border-width: 7px 0 7px 14px;
border-color: transparent transparent transparent #ffffff;
margin: 0 auto;
}
.jma-button {
background-color: #b49d5a;
border: none;
color: white;
border-radius: 5px;
padding: 8px 16px;
margin-left: 15px;
margin-top: 10px;
}

.jma-button:hover {
background-color: #cabe9b;
cursor: pointer;
}

.jma-hoverText {
z-index: 5000;
position: fixed;
border: 1px solid #d4ccb9;
background-color: #fff;
top: 10px;
padding: 12px;
width: 1160px;
margin-left: -580px;
left: 50%;
text-align: center;
}
@media (max-width: 1199.98px) {
.jma-hoverText {
width: 100%;
left: 0;
top: 0;
margin-left: 0;
}
}

/** Bei Links den Pfeil entfernen jma 03.07.2018 **/
.jmaCleanLink:before {
content: "" !important;
}

/** Abstände fü SOC Icons jma 03.07.2018 **/
.jmaSocIcon {
margin-right: 1em;
margin-bottom: 1em;
}

.linearlgt-Whatsapp-Logo-gefuellt:before {
content: "\e940";
}

/** Background Manu-Klotz für WISTIA  **/
.wistia_embed {
background-color: rgba(212, 212, 212, 0.3);
}

/**
inet.lgt.com Anpassungen - jma 19.02.2019
Start
**/

/* Tabelle Head */
.row.eventlisthead a:hover {
text-decoration: underline;
}

.row.eventlisthead, .row.eventlisthead a {
color: white;
text-decoration: none;
}

.row.eventlisthead {
font-weight: bold;
background: rgba(0,0,0,0.5);
padding: 5px;
}

/* Event Liste */
.row.event {
padding: 10px;
}

.row.event:nth-child(even) {
background-color: #e2e2e2;
}

.row.event:nth-child(odd) {
background-color: rgba(226, 226, 226, 0.13);
}

/* HR Externe Mitarbeiter */
#formuploadList th {
padding: 10px;
}

#formuploadList tbody td {
vertical-align: top;
padding: 10px;
}

#formuploadList tbody tr:nth-child(odd) {
background-color: rgba(226, 226, 226, 0.13);
}

#formuploadList tbody tr:nth-child(even) {
/* vertical-align: top; */
background-color: #e2e2e2;
}


/**
inet.lgt.com Anpassungen
END
**/


/**
Warnbox für Vestra
1903 Statischer Sticky-Footer VESTRA
**/
#jma-footer-warn  {
position: fixed;
bottom: 0;
width: 100%;
text-align: center;
background-color: #fbfbfb;
font-size: 0.8em;
padding-top: 0.5em;
padding-bottom: 0.5em;
border-top: solid 1px black;
box-shadow: 0px -2px 9px 0px rgba(50, 50, 50, 0.35);
z-index: 100;
}
/* für Footer-Sticky Platz machen */
.warnbox {
padding-bottom: 4em;
}

/**
* Flick nach M2019_21
**/

.asia .has-bg h2 {
color: #203d80;
margin-top: 0;
}

.vp .has-bg h2 {
color: #3e0e32;
margin-top: 0;
}


/**
* Bildabstände bei News Detailansicht
**/
.picture-text .col-sm-12.jmrow {
padding: 0;
}

.picture-text .col-sm-4.jmrow {
padding-left: 0;
}

/**
* MAGNET Artikelbild bei Mobile auf ganze Breite. Wunsch MANU
**/
@media (max-width: 680px) {
    .mgz_article_page .mgz-art-pic {
        width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* Damit die 1. Kategorie bei den TOP 3 Artikel nicht am Bild klebt */
.mgz .article-previewContainer .articleImage {
    margin-bottom: 10px;
}

/* SEO Texte bei Kategorien */
.mgz-category-page .additional_information {
    padding-bottom: 0;
}

.mgz-category-page .additional_information:last-child {
    padding-bottom: 60px;
}

/* Rahmen von MAG/NET Hauptbild entfernen */
.mgz-art-main-pic>:first-child {
    border: 0;
}

/* Die ersten Wochen wird bei Detail-Artikel Related nicht angezeigt */
.container.outer-container.jma-related {
    margin-top: -2px;
}

/* Headline fliesst nicht richtig rum */
h2.mgz-article-headline {
    clear: left;
}


/**********************************************************************************
* WISTIA Video spezial CP - START
* C-INET-1910.003 CP Videos exklusiv USA
*/

.jma-videoContentContainer {
    position: relative;
    /*display: flex;*/
    align-items: center;
    justify-content: center;
}

.jma-contentVideoBlockerWrapper {
    position: absolute;
    z-index: 199;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

/**
 * MODAL für WISTA Videos
 **/

/* The Modal (background) */
.jma-modal {
    display: none;
    position: fixed;
    z-index: 200;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    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 */
.jma-modal-content {
    background-color: #fefefe;
    margin: 20% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

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

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



/**
* WISTIA Video spezial CP - STOP
********************************************************************************/

/**
* Cookiebanner -> Tabellen Datenschutz Schrift verkleinern
*/
table.cookieTabelle {
    font-size: 11px;
}

/**
* Share Buttons bei der darkpage ausblenden 30.03.2020
*/
.dark .service-content.socialmedia {
    display: none;
}


/**
* Diverse Korrekturen
********************************************************************************/

/**
* Stage Korrektur da MEDIAWORX wieder rumgebastelt hat
*/
.media-information-wrapper .information-toggle {
    z-index: 900 !important;
}

/**
* Länderseite mit blauer Row falsche Farbe bei li Elementen
*/
.asia .bg-02 li {
    color: #000;
}


/**
* Abstand oben für Cookiebanner verkleinern
*/
@media only screen and (max-width: 1000px) {
  .cookieBanner .cookie-modal__content {
    margin: 90px auto 0;
  }
}

@media only screen and (max-width: 450px) {
  .cookieBanner .cookie-modal__content footer a {
    margin-bottom: 15px;
  }
}



/**
* 2005 Titel und Lead like MAG/NET
*/
.magnetHomeHead p {
    font-family: "Century", serif;
  font-size: 19px;
    line-height: 27px;
}
.magnetHomeHead h2 {
    color: #1091A1;
    font-family: "Century Bold", sans-serif;
}

/**
 * Grafikboxen für Nachhaltigseite anpassen - Wunsch DM 16.06.2020
 */
.jma-50pics figure.content-pic {
    max-width: 35%;
    margin-bottom: 10px;
}
.jma-50pics p:last-child {
    margin-bottom: 25px;
}


/**
 * Content Blocker Video Anpassungen
 */

.contentVideoBlockerWrapper .contentBlocker .btn-play img {
    width: 60px;
}

.contentBlocker.bg-02 {
    font-size: 13px;
}

.mgz .mgz-art-main-pic .wistia-videoContentContainer {
    min-height: 200px;
}

/* Kann gelöscht werden, wird für V2 Testing gebraucht */
header.head, .header {
    /* background-color: #bd17ea; */
}

/**
* MAGNET Bei Relate Topic wird der Playbutton bei Video im Top angezeigt.
*/
.mgz-related div.playBtn {
    height: 100% !important;
}
/**
* MAGNET Beim Newsslider wird der Playbutton bei Video im Top angezeigt.
*/
.js-slider-category-news .articleImage .playBtn {
    height: 100% !important;
}

/**
* MAGNET Bei Kategorien gibt es mit langen Wörter Probleme.
*/
.mgz-cat-overview {
   -ms-hyphens: auto;
   -webkit-hyphens: auto;
   hyphens: auto;
}

/**
* Beim neuen 4er News Element linker Streifen entfernt
* 19.08.2020
*/
.main-category-items.news-slider-full {
    border-left: 0 !important;
    border-right: 0 !important;
}

/**
* Neue Elemente für Homepage -> 2008 Homepage Umbau
* 14.09.2020
*/

/* Magnet Home Petrol-Box soll unter 770 raus */
@media (max-width: 770px) {
    .mgz_home_new .mgz-newsletter.newsletter-petrolBox {
        display: none;
    }
}

/* Magnet Home Petrol-Box */
.mgz_home_new .article-previewContainer .articleTitle,
.mgz_home_new .article-previewContainer .hyphens {
    font-family: "FrutigerLight",Arial,sans-serif;
}

.mgz_home_new section.has-bg-white.category-overview h2.heading-2 {
    display: none;
}

.mgz_home_new .js-slider-category-news.slider-cnt.owl-carousel.owl-theme {
    background: rgba(16,145,161,0.6);
}

.mgz_home_new .has-bg-white.category-overview .article-previewContainer .tagline {
    display: none;
}

.mgz_home_new .has-bg-white.category-overview .article-previewContainer .articleTitle,
.mgz_home_new .has-bg-white.category-overview .article-previewContainer .pubdate,
.mgz_home_new .has-bg-white.category-overview .article-previewContainer .arrowRight-contentlink-magazine {
    color: #0e8391;
}

.mgz_home_new .has-bg-white.category-overview .article-previewContainer p.hyphens {
    color: #000;
}

.mgz_home_new .has-bg-white.category-overview .js-slider-news .slider-news-item, .mgz .has-bg-white.category-overview .js-slider-category-news .slider-news-item {
    border-right: 1px solid #0e8391;
    border-left: 1px solid #0e8391;
}

.mgz_home_new .has-bg-white.category-overview .article-preview {
    border-bottom: 1px solid #0e8391 !important;
}

.mgz_home_new .has-bg-white.category-overview .article-preview:last-of-type {
    margin-top: 0;
    border-bottom: 1px solid transparent !important;
}

a.arrowRight-contentlink-magazine.allArtikel {
    font-weight: bold;
}

/* Newsletter Petrolbox Home*/
.mgz_home_new .newsletter-petrolBox header {
    display: none;
}
.mgz_home_new .newsletter-petrolBox p {
    padding-bottom: 0;
  margin-bottom: 0;
}
.mgz_home_new .mgz-newsletter.newsletter-petrolBox {
    /* margin-top: 30px; */
}
@media (max-width: 680px) {
    .mgz_home_new .mgz-newsletter.newsletter-petrolBox {
        padding: 20px;
    }
}


.mgz_home_new .has-bg-white.category-overview .article-previewContainer .article-preview .newsletter-petrolBox p {
    color: #fff;
    font-family: "FrutigerLight",Arial,sans-serif;
}

/* News Tab */
.magnetHome div#responsiveTab_2 {
    padding-right: 31px;
}

.magnetHome .research-news {
    padding: 0;
}

.magnetHome .accordion_acc .bg-02 {
    background-color: unset;
}

.magnetHome .accordion_acc header {
    display: none;
}

/* Titel weiter rauf */
.mgz_home_new header h1 {
    margin-top: 20px;
}

.mgz_home_new section.has-bg-white.category-overview {
    padding-top: 0;
}

.mgz_home_new .has-bg-white.category-overview {
    margin-top: 10px;
  margin-bottom: 20px;
}

.mgz_home_new .row>section>.teaser-focus {
    margin-top: 18px;
}

/**
•	
Fixes for the Mediaworkx CSS
•	
*/
 
/**
•	
Award slider padding
•	
*/
.slider-cnt section {
    padding: 0 15px;
}
/**
* ENDE Neue Elemente für Homepage -> 2008 Homepage Umbau
*/
