<!-- Radatz Angebots template --> <style type='text/css'> .spotPreviewDefault { width: 1920px; height: 1080px; } {{divId}} .player { overflow: hidden; } @font-face { font-family: 'Plantin'; src: url('fonts/Plantin.ttf'); } @font-face { font-family: 'font1'; src: url('fonts/Plantin.ttf'); } @font-face { font-family: 'Plantin Italic'; src: url('fonts/Plantin Italic.ttf'); } @font-face { font-family: 'font2'; src: url('fonts/Plantin Italic.ttf'); } @font-face { font-family: 'Plantin MT Light'; src: url('fonts/Plantin MT Light.ttf'); } @font-face { font-family: 'font3'; src: url('fonts/Plantin MT Light.ttf'); } @font-face { font-family: 'Plantin MT Light Italic'; src: url('fonts/Plantin MT Light Italic.ttf'); } @font-face { font-family: 'font4'; src: url('fonts/Plantin MT Light Italic.ttf'); } {{divId}} .container { position: absolute; width: 1854px; height: 1014px; padding: 33px; font-size: 50px; line-height: 0.98; font-family: 'Plantin'; color: #fff; } {{divId}} .drittel > div{ width: 596px; float: left; } {{divId}} .drittel > div:not(:first-child) { margin-left: 33px; } {{divId}} .halb > div { width: 910px; float: left; } {{divId}} .halb > div:not(:first-child) { margin-left: 33px; } {{divId}} .halb > div:last-child { display: none; } {{divId}} .container > .column { background-size:cover; position: relative; display: block; height: 1014px; } {{divId}} .textbox { height: 144px; vertical-align: bottom; display: table-cell; padding: 44px; padding-bottom: 0px; } {{divId}} .textbox > div.oben { order: 2; } {{divId}} .subheadline { font-family: Plantin Italic; } {{divId}} .headline { font-family: 'Plantin'; } {{divId}} .dropShadow { text-shadow: 2px 2px 6px rgba(0,0,0,0.5); } {{divId}} .pointline { position: absolute; height: 20px; line-height: 0px; top: 194px; left: 48px; margin-right: 48px; font-size: 40px !important; font-family: 'Plantin MT Light'; letter-spacing: 3px; white-space: nowrap; overflow: hidden; } {{divId}} .drittel .pointline { width: 508px; } {{divId}} .halb .pointline { width: 820px; } {{divId}} .footer { position: absolute; display: block; left: 44px; bottom: 42px; font-size: 34px; line-height: 0.97; font-family: 'Plantin Italic'; } {{divId}} .footer span { font-size: 34px !important; } {{divId}} .price { position: absolute; right: 44px; bottom: 35px; line-height: 1.05; font-size: 63px; font-family: 'Plantin Italic'; text-align: right; } {{divId}} .otext { position: relative; margin-left: 44px; margin-right: 40px; margin-top: 30px; overflow: hidden; line-height: 1.1; } {{divId}} .halb .schmankerlContainer .otext { width: 85%; } {{divId}} .redBg { background-color: #7f111a; } {{divId}} .schieferBg { background-color: #333333; } {{divId}} .header { position: relative; display: inline-block; /*margin-top: 38px; margin-left: 48px;*/ } {{divId}} .otext span span:last-child { line-height: 1.25; display: block; } {{divId}} .title { margin-top: 55px; font-size: 80px; } {{divId}} .schmankerlContainer { margin: 38px; margin-left: 48px; } {{divId}} .schmankerlContainer .textbox { padding: 0px; } {{divId}} .schmankerlContainer .otext { padding: 0px; margin-left: 0px; margin-right: 0px; margin-top: 20px; font-size: 49px; font-family: 'Plantin Italic'; } {{divId}} .lineRelative { position: relative; left: 0px; top: 0px; margin-top: 25px; } </style> <div class='container {{#if layout}} {{layout}} {{else}} drittel {{/if}}'> {{#if background1}} <div class='column' style='{{#if color1}}color: {{color1}};{{/if}} background-image: url({{background1}})'> {{else}} <div class='column' style='{{#if color1}}color: {{color1}};{{/if}} background-image: url({{{mediaPath}}}content/media/public/media/radatz_background_3er_schiefer.jpg)'> {{/if}} <div class='textbox'> {{#equals hpos1 'unten'}} <div class='subheadline dropShadow'> {{{nl2br subheadline1}}} </div> {{/equals}} <div class='headline dropShadow'> {{{nl2br headline1}}} </div> {{#equals hpos1 'oben'}} <div class='subheadline dropShadow'> {{{nl2br subheadline1}}} </div> {{/equals}} </div> {{#if headline1}} <div class='pointline'>..............................................................</div> {{/if}} {{#if offerText1}} <div class='otext dropShadow'>{{{offerText1}}}</div> {{/if}} <div class='footer dropShadow'>{{{nl2br footer1}}}</div> <div class='price dropShadow'>{{{nl2br price1}}}</div> </div> {{#if background2}} <div class='column' style='{{#if color2}}color: {{color2}};{{/if}} background-image: url({{background2}})'> {{else}} <div class='column' style='{{#if color2}}color: {{color2}};{{/if}} background-image: url({{{mediaPath}}}content/media/public/media/chicken.jpg)'> {{/if}} <div class='textbox'> {{#equals hpos2 'unten'}} <div class='subheadline dropShadow'> {{{nl2br subheadline2}}} </div> {{/equals}} <div class='headline dropShadow'> {{{nl2br headline2}}} </div> {{#equals hpos2 'oben'}} <div class='subheadline dropShadow'> {{{nl2br subheadline2}}} </div> {{/equals}} </div> {{#if headline2}} <div class='pointline'>..............................................................</div> {{/if}} {{#if offerText2}} <div class='otext dropShadow'>{{{offerText2}}}</div> {{/if}} <div class='footer dropShadow'>{{{nl2br footer2}}}</div> <div class='price dropShadow'>{{{nl2br price2}}}</div> </div> {{#if background3}} <div class='column' style='{{#if color3}}color: {{color3}};{{/if}} background-image: url({{background3}})'> {{else}} <div class='column' style='{{#if color3}}color: {{color3}};{{/if}} background-image: url({{{mediaPath}}}content/media/public/media/radatz_background_3er_schiefer.jpg)'> {{/if}} <div class='textbox'> {{#equals hpos3 'unten'}} <div class='subheadline dropShadow'> {{{nl2br subheadline3}}} </div> {{/equals}} <div class='headline dropShadow'> {{{nl2br headline3}}} </div> {{#equals hpos3 'oben'}} <div class='subheadline dropShadow'> {{{nl2br subheadline3}}} </div> {{/equals}} </div> {{#if headline3}} <div class='pointline'>..............................................................</div> {{/if}} {{#if offerText3}} <div class='otext dropShadow'>{{{offerText3}}}</div> {{/if}} <div class='footer dropShadow'>{{{nl2br footer3}}}</div> <div class='price dropShadow'>{{{nl2br price3}}}</div> </div> </div> <div class='container {{#if layout}} {{layout}} {{else}} drittel {{/if}}'> {{#if offer1.title}} <div class='column schmankerl {{#equals offerBackground1 'Rot'}} redBg {{else}} schieferBg {{/equals}}' {{#if color1}}style='color:{{color1}}'{{/if}}> <div class='schmankerlContainer'> <div class='textbox'> <div class='headline'>{{{offerHeader}}}</div> </div> <div class='pointline'>..............................................................</div> <div class='title'>{{{offer1.title}}}</div> {{#if offer1.text}} <div class='pointline lineRelative'>..............................................................</div> <div class='otext'>{{{nl2br offer1.text}}}</div> {{/if}} <div class='footer'>{{{offer1.footer}}}</div> <div class='price'>{{{offer1.price}}}</div> </div> </div> {{else}} <div class='column'></div> {{/if}} {{#if offer2.title}} <div class='column schmankerl {{#equals offerBackground2 'Rot'}} redBg {{else}} schieferBg {{/equals}}' {{#if color2}}style='color: {{color2}}'{{/if}}> <div class='schmankerlContainer'> <div class='textbox'> <div class='headline'>{{{offerHeader}}}</div> </div> <div class='pointline'>..............................................................</div> <div class='title'>{{{offer2.title}}}</div> {{#if offer2.text}} <div class='pointline lineRelative'>..............................................................</div> <div class='otext'>{{{nl2br offer2.text}}}</div> {{/if}} <div class='footer'>{{{offer2.footer}}}</div> <div class='price'>{{{offer2.price}}}</div> </div> </div> {{else}} <div class='column'></div> {{/if}} {{#if offer3.title}} <div class='column schmankerl {{#equals offerBackground1 'Rot'}} redBg {{else}} schieferBg {{/equals}}' {{#if color3}}style='color: {{color3}}'{{/if}}> <div class='schmankerlContainer'> <div class='textbox'> <div class='headline'>{{{offerHeader}}}</div> </div> <div class='pointline'>..............................................................</div> <div class='title'>{{{offer3.title}}}</div> {{#if offer3.text}} <div class='pointline lineRelative'>..............................................................</div> <div class='otext'>{{{nl2br offer3.text}}}</div> {{/if}} <div class='footer'>{{{offer3.footer}}}</div> <div class='price'>{{{offer3.price}}}</div> </div> </div> {{else}} <div class='column'></div> {{/if}} </div>