/*
 * Styles for WYSIWYG editors like TinyMCE or CKEditor
 */
.wysiwyg {padding-bottom: 90px;}

.wysiwyg *+p,
.wysiwyg *+dl,
.wysiwyg *+h1,
.wysiwyg *+h2,
.wysiwyg *+h3,
.wysiwyg *+h4,
.wysiwyg *+h5,
.wysiwyg *+h6,
.wysiwyg *+ol,
.wysiwyg *+ul,
.wysiwyg *+figure {margin-top: 40px}

.wysiwyg ol,
.wysiwyg ul {margin-left: 0; padding-left: 0px}
.wysiwyg ul>li {overflow: visible; position: relative; padding: 10px 10px 10px 25px; color: #2c3847; list-style: none;}
.wysiwyg ul li:nth-of-type(odd) {background: #f0f3f6;}
.wysiwyg ul li:before {content: "• "; position: absolute; left: 10px; display: block; margin: 1px 0 0; color: #9cc848; font: 20px 'DINProMedium'; line-height: 16px;}
.wysiwyg ol>li {overflow: visible; color: #2c3847; list-style: none;}
.wysiwyg ol li {position: relative; padding: 10px 10px 10px 30px; counter-increment: list;}
.wysiwyg ol li:nth-of-type(odd) {background: #f0f3f6;}
.wysiwyg ol li:before {content: counter(list); position: absolute; left: 10px; margin: -1px 0 0; text-align: right; color: #8a8a8a; font: 15px 'DINProBold';}

.wysiwyg li ol,
.wysiwyg li ul {margin-top: 0; margin-bottom: 0; counter-reset: list}

.wysiwyg h1 {color: #2c3847; font: 30px 'DINProLight';}
.wysiwyg h2 {margin-top: 20px; color: #2c3847; font: 18px 'DINProMedium';}
.wysiwyg h3 {margin-top: 20px; color: #8a8a8a; font: 15px 'DINProBold'; line-height: 22px;}
.wysiwyg h4 {font-size: 18px}
.wysiwyg h5 {font-size: 12px}
.wysiwyg h6 {font-size: 12px; font-weight: 400}

.wysiwyg dt {font-weight: 700}

.wysiwyg a {color: #8ea9cb; text-decoration: none}
.wysiwyg a:hover {text-decoration: underline}

.wysiwyg img {display: inline-block; vertical-align: middle}
.wysiwyg figure img {display: block}

.wysiwyg table {width: 100%; margin-top: 40px;}
.wysiwyg table tr:nth-of-type(odd) {background: #eaeaea;}
.wysiwyg table tr th {padding: 25px; color: #2c3847; font: 16px 'DINProBold'; text-align: left;}
.wysiwyg table td {padding: 15px 25px;}
.wysiwyg table td p {margin: 0}
.viewport-320 .wysiwyg table tr th {padding: 7px;}
.viewport-320 .wysiwyg table td,
.viewport-480 .wysiwyg table td {padding: 5px 7px;}

.wysiwyg p {margin-top: 35px; line-height: 22px;}