OOONO Verkehrsalarm 2022 – Warnt vor Blitzern u. Gefahren in Echtzeit

OOONO Verkehrsalarm 2022 - Warnt vor Blitzern u. Gefahren in Echtzeit

:root {

/* This is the height of the company logo (75px) + padding top and bottom (10px each) */

--pdf-header-height: 62px;

/* Adjust to resulting footer height */

--pdf-footer-height: 72px;

}

@import url('https://cdn.itscope.com/vtemplate/fonts/ptsans/ptsans.css');

body {

max-width: 1024px;

margin: 0 auto;

background-color: #f2f2f2;

}

body, td {

font-family: 'PT Sans', Arial, Helvetica, sans-serif;

font-size: 14px;

line-height: 1.2;

color: #616161;

}

p {

font-size: 14px;

-webkit-margin-before: 0.7em;

-webkit-margin-after: 0.7em;

-webkit-margin-start: 0;

-webkit-margin-end: 0;

}

table {

padding-bottom: 10px;

width: 100%;

}

td.pn {

font-size: 24px;

color: #fff;

padding: 15px 0 15px 20px;

}

h1 {

padding: 0;

font-weight: normal;

font-size: 1.2em;

left: 30px;

margin: 0;

position: absolute;

top: 10px

}

h2 {

-webkit-margin-before: 0.4em;

-webkit-margin-after: 0.4em;

-webkit-margin-start: 0;

-webkit-margin-end: 0;

font-size: 16px;

font-weight: bold;

}

h3 {

-webkit-margin-before: 0.3em;

-webkit-margin-after: 0.3em;

-webkit-margin-start: 0;

-webkit-margin-end: 0;

font-size: 14px;

font-weight: bold;

}

td.copy {

overflow: hidden;

height: 15px;

color: #757575;

padding: 10px 5px;

text-align: center;

font-size: 12px;

}

table.container {

margin: 0 auto;

left: 0;

text-align: left;

font-size: 0.75em;

}

td.container {

color: #3592bd;

height: 5px;

overflow: hidden;

}

a:hover {

text-decoration: none;

color: #0e92cb;

}

a {

text-decoration: none;

color: #35b8f1;

}

td.pn1 {

padding: 4px 0 4px 20px;

line-height: 24px;

border-bottom: 1px solid #eee;

border-top: 1px solid #eee;

font-size: 18px;

color: #fff;

background-color: #555555;

}

td.pn1 a, td.pn1 a:hover {

color: #fff;

}

td.pn2 {

padding: 4px 20px;

font-size: 11px;

line-height: 24px;

border-top: 1px solid #eee;

border-bottom: 1px solid #eee;

background-color: #555555;

}

td.ki {

padding-bottom: 30px !important;

border-bottom: 0 !important;

color: #fff !important;

}

.logo {

vertical-align: top;

height: 42px;

float: right;

}

.pic {

max-width: 260px;

max-height: 200px;

margin: 0;

}

img.i {

width: 50px;

height: 38px;

}

td.pic {

padding-left: 3px;

}

td.pictbl {

color: #555;

vertical-align: top;

width: 335px;

height: 250px;

}

td.h {

color: #555;

border-bottom: 1px solid #eee;

vertical-align: top;

padding: 4px 20px;

}

td.hh {

color: #fff;

padding: 4px 20px;

width: 200px;

}

.header-space, .footer-space {

height: 0;

}

td.ht {

padding: 4px 20px;

border-bottom: 1px solid #eee;

}

td.h2 {

text-align: right;

border-bottom: 1px solid #d6d6d6;

}

td.b {

color: #555;

vertical-align: top;

border-bottom: 1px solid #eee;

padding: 4px 20px;

}

td.r {

background-color: #fff;

}

td.hb {

color: #fff;

padding: 4px 20px;

}

td.ba {

color: #000;

padding: 2px 2px 2px 20px;

vertical-align: top;

border-bottom: 1px solid #d6d6d6;

}

td.even {

color: #000;

padding: 2px 2px 2px 7px;

vertical-align: middle;

}

td.odd {

color: #000;

background-color: #eef;

padding: 2px 2px 2px 7px;

vertical-align: middle;

}

.logo-header {

background-color: #f2f2f2;

width: 100%;

float: right;

}

.ident {

height: 25px;

}

.header-row, .header-row td {

background-color: #555555;

}

.footer {

background-color: #555555;

padding: 15px 0 40px;

width: 100%;

}

.footer a {

color: rgba(255, 255, 255, .5);

}

.footer_link-separator {

margin-right: 7px;

color: rgba(255, 255, 255, .5);

}

.footer_company {

color: rgba(255, 255, 255, .5);

margin-right: 7px;

}

.footer_meta {

text-align: center;

}

.gallery {

position: relative;

margin: 30px 20px;

}

.slides {

display: none;

}

.single-pic {

display: flex;

}

.picture-container {

margin: 0 15px;

width: 260px;

height: 200px;

border: 2px solid #9c9c9c;

background-color: #FFFFFF;

align-items: center;

justify-content: center;

}

.prev,

.next {

cursor: pointer;

position: absolute;

top: 75px;

left: -25px;

width: auto;

padding: 16px;

color: white;

font-weight: bold;

font-size: 20px;

border-radius: 0 3px 3px 0;

user-select: none;

-webkit-user-select: none;

}

.next {

top: 75px;

left: 275px;

border-radius: 3px 0 0 3px;

}

@page {

margin: 0;

}

.energy-efficiency-class{

position: relative;

display: block;

right: 48px;

top:-70px;

}

.energy-efficiency-class img{

width: 70px;

}

.con-tooltip {

position: relative;

display: inline-block;

transition: all 0.3s ease-in-out;

cursor: default;

z-index: 2;

}

.tooltip img{

width: 240px;

padding-bottom:10px;

border-radius: 4px;

}

.tooltip a{

color:white;

text-decoration: underline;

}

.tooltip {

visibility: hidden;

position: absolute;

z-index: -1;

opacity: .40;

display: block;

width: 240px;

top:-100px;

left:-240px;

padding: 20px 20px;

text-align: center;

background: #333;

color: white;

border-radius: 4px;

transition: all 0.3s ease-in-out;

box-shadow: 0 0 3px rgba(56, 54, 54, 0.86);

}

.con-tooltip:hover .tooltip{

visibility: visible;

transform: translateX(-12px);

opacity: 1;

transition: .1s linear;

}

@media print {

body {

width: 100%;

margin: 0;

}

.pdf-header, .header-space {

height: var(--pdf-header-height);

width: 100%;

}

.pdf-footer, .footer-space {

height: var(--pdf-footer-height);

width: 100%;

}

.pdf-header {

position: fixed;

top: 0;

}

.pdf-footer {

position: fixed;

bottom: 0;

}

.prev, .next {

display: none;

}

}