Snappy Headline
Awesome Subheadline Text Goes here
Download Now
Great Offer
Amazing Deals Await!
Click below to find
amazing deals
Learn More
Zum Ändern Ihrer Datenschutzeinstellung, z.B. Erteilung oder Widerruf von Einwilligungen, klicken Sie hier:
Einstellungen
Edit with Live CSS
ol.sidebar_number_style { font-weight: normal; text-transform: none; font-family: Verdana, Geneva, sans-serif; font-size: 10pt; } div.sidebar_weight_normal { font-weight: normal; text-transform: none; font-family: Verdana, Geneva, sans-serif; font-size: 10pt; } div.td-footer-wrapper { color: #fff; } div.td-footer-wrapper time { color: #fff; } .td-footer-wrapper .td_module_wrap:hover .entry-title a { color: #000 !important; } .td-header-style-1 .td-header-sp-logo { margin: 28px 56px 9px 0px; } .hrlinie { max-width: 100%; margin: -15px auto; } .hr-text { line-height: 1em; position: relative; outline: 0; border: 0; color: black; text-align: center; font-size: 10px; height: 1.5em; opacity: .5; &:before { content: ''; // use the linear-gradient for the fading effect // use a solid background color for a solid bar background: linear-gradient(to right, transparent, #818078, transparent); position: absolute; left: 0; top: 50%; width: 100%; height: 1px; } &:after { content: attr(data-content); position: relative; display: inline-block; color: black; padding: 0 .5em; line-height: 1.5em; // this is really the only tricky part, you need to specify the background color of the container element... color: #818078; background-color: #fcfcfa; } } div.wow_box { /* Infobox */ background-color: #FF5E00; text-align: center; margin: 0 auto; padding: 15px; width: 90%; margin-bottom: 20px; border-radius: 6px; p { margin-bottom: 0; margin-top: 5px; } ul { text-align: left; margin-top: 5px; margin-bottom: 0px; font-size:14px; } div.headline { font-weight: bold; font-size: 16px; margin-bottom: 5px; } &.positiv { background-color: #fff; border: 3px solid #00ad67; padding: 0 0 15px 0; width: 80%; div.headline { font-weight: bold; background-color: #00ad67; padding: 5px; &:before { content: '✓ '; } } ul { list-style: none; text-align: center; li:before { font-family: 'FontAwesome'; content: '\f0fe'; padding-right: 5px; font-weight: bold; color: #00ad67; line-height: 26px; font-size: 14px; } } } &.negativ { background-color: #fff; border: 3px solid #fb0209; padding: 0 0 15px 0; width: 80%; div.headline { font-weight: bold; background-color: #fb0209; padding: 5px; &:before { content: '✘ '; } } ul { list-style: none; text-align: center; li:before { font-family: 'FontAwesome'; content: '\F146'; padding-right: 5px; font-weight: bold; color: #fb0209; line-height: 26px; font-size: 14px; } } } &.icon { color: #303030; display: flex; align-items: center; position: relative; text-align: left; } .icon { text-align: center; font-size: 35px; width: 5rem; opacity: 0.5; display: block; flex-shrink: 0; } } div.row div.col-md-6 div.wow_box { width: 100%; }