/*##### RENAULT #####*/

img.present, img.car {position: absolute; right: 20px; bottom: 0px; width: 200px; height: auto;}
#rena-content {background: #fbd718; padding: 50px;}
#rena-yellow {background: #fad71f; padding: 50px 0 20px 50px; color: black !important; position: relative;}
#rena-yellow .toggler{font-weight: normal; border-bottom: none; color: #000; margin-top: 20px;}
#rena-form {border-top: 30px solid white; background: #f0f0f0; padding: 40px; font-size: 13px; color: black;}

h1.rena, h2.rena, h3.rena {text-transform: uppercase; color: black; font-family: 'Raleway', 'Verdana', sans-serif !important;}
h1.rena {font-size: 34px;}
h2.rena {font-size: 30px;}
h3.rena {font-size: 16px; font-weight: bold;}
h1.rena:before, h2.rena:before {content:"\00BB";margin-bottom: 10px;}
h1.rena:after, h2.rena:after {content:"\00AB";}

img.fix-pos {position: absolute; right: 0; bottom: 0;}


/*##### Landingpage #####*/

.intro {padding: 0px 40px; text-align: center;}
#landingpage h3 {color: #505050; font-weight: bold; font-size: 16px; line-height: 1.5; margin-bottom: 0;}
#landingpage .box{background: #efefef; padding: 30px 40px 20px 40px;}
#landingpage table tr td {width: 50%; vertical-align: top;}
#landingpage .ce_accordion .toggler {background: #efefef; font-size: 16px; margin-bottom: 0px; margin-top: 30px; border-bottom: 0px; line-height: 50px; padding: 15px;}
#landingpage .ce_accordion .toggler:before {margin: 12px 12px 0 20px;}


/* Fragen & Antworten */
/*.antworten .ce_accordion .toggler:before {display: none !important;}*/


/* BMW */
.bmw .ce_accordion .toggler:before {background-color: #4980c1;}
.bmw  #bmw-grey {background: #2e2e2e; padding: 29px 0px 10px 40px; color: #fff; margin-top: 30px; text-align: center;}
.bmw  #bmw-grey a {color: #4980c1;}


/* DS */
.ds #ds-grey {background: #ececec; padding: 29px 0px 10px 40px; color: black !important; margin-top: 30px;}


/* asanetwork */
.asa h1, .asa h2 {font-family: 'Raleway', 'Verdana', sans-serif !important; text-align: center;}
.asa h1 {font-size: 40px; margin-top: 25px; margin-bottom: 0px;}
.asa h2 {font-size: 28px;}
.asa-box {background: #ececec; padding: 30px; margin: 50px 0 40px 0;}
.asa-box td {vertical-align: top;}
.asa-box td.one {width: 55% !important;}
.asa-box td.two {width: 44% !important;}

#schaubild {padding: 0 50px 0 50px;}
#asagallery h3 {font-family: 'Raleway', 'Verdana', sans-serif !important; text-align: center; font-weight: normal; font-size: 28px; margin-bottom: 30px !important;}
#asagallery ul li:first-child {margin-left: 2%;}


.asa #asa-grey {background: #ececec; padding: 29px 0px 10px 40px; color: df252b !important; margin-top: 30px;}
.asa p.normal {color: #555; line-height: 1.5; text-align: center;}
.asa .calltoaction {background: #ececec !important;}



/* Make Yt-Video responsive */
.video-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* Erfrischung */
.erfrischung .ce_accordion .toggler {border-bottom: none;}
.erfrischung .grey-box {background: #f0f0f0; padding: 40px; position: relative; margin: 0px;}


/*Zoom In*/
#asagallery figure img {-webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; transform-origin:  bottom; width: 100% !important;}
#asagallery figure:hover img {-webkit-transform: scale(1.1); transform: scale(1.1);}
#asagallery .image_container .caption {font-size: 12px; left: 0; right: auto; padding: 6px 8px;}
#asagallery  img { -ms-interpolation-mode: nearest-neighbor; } 

#resp-grid {display: flex; flex-wrap: wrap; font-size: 14px;}
#resp-grid a {display: inline-block; margin-bottom: 0px; width: 32%; margin-right: 1%; text-decoration: none; color: #555; padding: 20px;}
.figure {margin: 0; overflow: hidden; text-align: center; padding: 20px;}
.figcaption {margin-top: 15px;}
#resp-grid img {border: none; max-width: 100%; height: auto; display: block; margin: 0 auto; transition: transform .2s ease-in-out;}


/* roadshow */
#roadshow tr.fifth td {width: 18%; margin: 0 1%; text-align: center; border-top: none; padding: 0 10px;}
#roadshow .r-list tr td li {padding: 6px; font-size: 14px;}
#roadshow .image_container img {width: initial !important;}

.gal-form #tl_login_219 {max-width: 600px; margin: 0 auto;}
.gal-form .widget-text input, input#password {width: 100%}

#resp-grid .c-factBlock {display: inline-block;  margin-bottom: 8px; width: calc(24% - 6px);  margin-right: 8px; text-decoration: none; padding: 20px; text-align: center; -webkit-transition: background-color 0.25s ease-out; -moz-transition: background-color 0.25s ease-out; -o-transition: background-color 0.25s ease-out; transition: background-color 0.25s ease-out;}
.c-factBlock h3.numbr {font-size: 4rem !important;}



.mw-1000 p {max-width: 1000px; margin: 10px auto 20px auto;}
.mb-0 {margin-bottom: 0px;}
.cb-zusatzkosten label {width: auto !important;}


/* Business woman */
.businesswoman div.tab-frame div.tab {border-top: none;}
.businesswoman .box {background: #fff !important; padding: 30px 40px 10px 40px;}
.businesswoman div.tab-frame {padding: 40px; margin-top: 0px; margin-bottom: 40px;}
.businesswoman .image_container img {max-width: 860px; margin: 40px auto;}

.businesswoman div.tab-frame label.element {background-color: #fff; display: flex; flex-wrap: wrap; margin: 25px 0; flex-direction: column; width: 33% !important; text-align: center; padding: 30px;}
.businesswoman.four-tabs div.tab-frame label.element {width: 25% !important;}
.businesswoman div.tab-frame div.tab {margin-right: 0px;}
.businesswoman .small-header {font-family: 'Raleway', sans-serif !important; font-weight: 600; font-size: 20px;}
.businesswoman h1 {font-size: 40px !important; color: #df252b; font-weight: 600;}
.businesswoman h3 {font-size: 24px !important; color: #df252b; font-weight: 600; margin-bottom: 20px !important; text-align: center;}
.businesswoman .tabto {background-color: #ffffff;}
.businesswoman .image_container.float_right {margin-bottom: 0px;}
.tab-icon {text-align: center; border: none; border-radius: 50%; max-width: 100%; width: 120px; height: auto;
    display: block; background-color: #888888; margin: 0 auto; margin-bottom: 18px; transition: transform .2s ease-in-out;}
.c-fill {fill: #888888;}

.businesswoman div.tab-frame input:checked + label {background-color: #f9f9f9; color: black;}
.businesswoman div.tab-frame label.element:hover {background-color: #f9f9f9; color: black;}
.businesswoman div.tab-frame label.element:hover .tab-icon {background-color: #df252b; transform: scale(1.05); transition: transform .2s ease-in-out;}

img.header-woman {max-width: 560px;}
.zert-animation img {width: 200px;}
#woman-small, #elvis-small {box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}

.mt90 {margin-top: 90px !important;}


/* Erfolgsrezept */

.erfolgsrezept {background-color: #161515; background-image: url('../../../../files/inhalte/akquise/roadshow/erfolgsrezept/bg-desktop.jpg'); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-position: left top;}
.erfolgsrezept #wrapper {border-top: 0px;}
.erfolgsrezept #container {padding: 30px 8%; background: none;}
.erfolgsrezept #bottom {background: transparent;}
.erfolgsrezept p {text-align: justify; text-align-last: center; color: #fff; font-size: 16px; line-height: 1.7;}

.erfolgsrezept cms-container p, .erfolgsrezept cms-taggroup-header {text-align: left; text-align-last: left; color: #222222;}
.erfolgsrezept cms-accept-tags {--main-bg-overlay-color: rgba(0, 0, 0, 0.3);}


.erfolgsrezept li, .erfolgsrezept label {color: #fff;}

span.clr-blue {color: #228ccc; font-weight: bold;}
img.headline {width: 70%; max-width: 600px; height: auto; display: block; margin: 20px auto;}
img.logo {position: fixed; top: 30px; right: 30px; width: 140px; height: auto;}
img.wann-wo {width: 100%; max-width: 300px; height: auto; display: block; margin: 40px auto 20px auto;}

.erfolgsrezept .mfp-content {background: #242424!important;}
.erfolgsrezept {color: #bbbcbb; text-align: justify;}
.erfolgsrezept a, .erfolgsrezept #myBtn {color: #f4c912 !important;}
.erfolgsrezept h3 {color: #fff !important; text-transform: uppercase; font-size: 18px; font-weight: normal !important; letter-spacing: 1px}
.erfolgsrezept tr td {vertical-align: top;}
.erfolgsrezept .widget, fieldset {border: none;}
.akquise button {font-size: 15px!important;}
.erfolgsrezept #resp-grid.marken .team-member:hover {background-color: rgba(255,255,255,.1);}
.erfolgsrezept hr {border: 1px solid#343434; margin: 60px 0px;}
.erfolgsrezept ::placeholder {color: #999999; opacity: 1;}
.erfolgsrezept :-ms-input-placeholder {color: #999999;}
.erfolgsrezept ::-ms-input-placeholder {color: #999999;}






div#landingpage p, div#landingpage ul li, div#landingpage label {font-size: 120% !important;}
 





/* Handout Landingpage */

.handout-wrapper {width: 100%; max-width: 1200px; margin: 0 auto; background: #fff;}
.handout-header {width: 100%; height: 450px; background-image: url(/files/inhalte/handouts/stellantis/hintergrund.jpg); background-size: cover; position: relative; margin-bottom: 40px; overflow: hidden;}
.logo-fade {width: 90px; height: auto; position: absolute; top: 35px; left: 35px; animation-timing-function: ease;
-webkit-animation: fadein 1.6s; -moz-animation: fadein 1.6s; animation: fadein 1.6s;}

.team {height: auto; position: absolute; bottom: 0%; animation-timing-function: ease; -webkit-animation: slideup 1s; -moz-animation: slideup 1s; animation: slideup 1s;}


.centered {text-align: center;}
.big-headline {font-size: 40px !important; color: #df252b; margin-top: 30px;}


@-webkit-keyframes slideup {
  from {bottom: -20%;}
  to {bottom: 0%;}
}
@-moz-keyframes slideup {
  from {bottom: -20%;}
  to {bottom: 0%;}
}
@keyframes slideup {
  from {bottom: -20%;}
  to {bottom: 0%;}
}




@-webkit-keyframes fadein {
  from { opacity:0;}
  to { opacity:1;}
}
@-moz-keyframes fadein {
  from { opacity:0;}
  to { opacity:1;}
}
@keyframes fadein {
  from { opacity:0;}
  to { opacity:1;}
}


.half-left, .half-right {width: 48%; display: inline-block; margin-bottom: 10px;}
.half-left {margin-right: 3%;}





@media only screen and (max-width: 1280px) {
#rena-yellow {padding: 50px 0 220px 50px;}
img.car {display: none;}
#roadshow .image_container img, #roadshow tr.fifth td img {width: 100% !important;}
.erfolgsrezept {background-image: url('../../../../files/inhalte/akquise/roadshow/erfolgsrezept/bg-mobil.jpg');}
.handout-header {height: 300px;}
.logo-fade {width: 65px; top: 25px; left: 25px;}
}


@media only screen and (min-width: 990px) {
.wurstteller {position: absolute; right: 20px; bottom: 0px; width: 260px; height: auto;}
}


@media only screen and (max-width: 989px) {
#roadshow tr.fifth td {width: 100%; display: block; padding: 20px; border-top: 1px solid #ededed;}
#roadshow tr.fifth td img {width: initial !important;}
.erfolgsrezept .logo {max-width: 120px;}
.wurstteller {display: none !important;}
.businesswoman div.tab-frame div.tab {padding: 0;}
#woman-small .image_container img {width: 100%;}
.half-left, .half-right {width: 100%; display: block;}
.half-left {margin-right: 0%;}
}

@media only screen and (max-width: 768px) {
#landingpage table tr td {width: 100%; display: block; text-align: center;}
#landingpage .box{padding: 0px 20px 10px 20px;}
#resp-grid img {width: 70%;}
.asa-box td.one, .asa-box td.two {width: 100% !important;}
.asa-box td.two {margin-top: 30px;}
.figure {padding: 0px;}
#rena-yellow {padding: 10px 20px 220px 20px;}
#rena-form {padding: 20px;}
.erfrischung .grey-box {padding: 20px; text-align: center;}
img.present {display: none;}
h1.rena, h2.rena, h3.rena  {text-align: center;}
ul.checklist li {text-align: center; border-bottom: 1px solid #dadada; padding: 10px;}
ul.square li {background: none;}
#bmw-lp h3, #ds-lp h3, .intro {text-align: center;}
#bmw-lp h3, #ds-lp h3 {line-height: 24px; padding: 15px;}
#bmw-lp table tr td, #ds-lp table tr td {width: 100%; display: block;}
#bmw-lp .ce_accordion .toggler, #ds-lp .ce_accordion .toggler {line-height: 30px; font-size: 14px;}
#bmw-lp .ce_accordion .toggler:before, #ds-lp .ce_accordion .toggler:before {margin: 0 12px 0 15px;}
ul.square-blue li {background-image: none;}
#resp-grid a {display: block; margin-bottom: 8px; width: 100%; margin-right: 0%;}
.box .checklist {margin-bottom: 0px;} 
.box h3 {padding-top: 30px;}
.box h3, .calltoaction p {text-align: center !important; text-align-last: center !important;}
.wurst-intro img {width: 130% !important; margin-left: -15% !important;}
.businesswoman .image_container.float_right {display: none;}
.businesswoman.four-tabs div.tab-frame label.element {width: 50% !important;}
.businesswoman .tab-icon {width: 60px;}
.businesswoman div.tab-frame label.element {display: block; width: 100% !important; margin: 0px; padding: 20px;}
.businesswoman div.tab-frame {padding: 10px;}
img.header-woman {max-width: 280px;}
.zert-animation img {width: 150px;}
.businesswoman h1 {font-size: 30px !important; margin-top: 0px !important;}
.handout-header {height: 240px;}
.logo-fade {width: 50px; top: 15px; left: 15px;}
.big-headline {font-size: 26px !important; margin-top: 20px;}
}

@media only screen and (max-width: 500px) {
.erfolgsrezept .headline {width: 100%;}
.erfolgsrezept .logo {display: none;}
.handout-header {height: 140px; margin-bottom: 20px;}
.team-stellantis {width: 100%; left: 0%;}
.logo-fade {display: none;}
}