#bodytext .CM_authorboxNew{背景颜色:白色;border-top: 4px solid #9ec73d;颜色:# 2 c3e50;宽度:95%;宽度:calc(100% - 2 * 15px);填充:15 px;显示:块;text-align:中心;} # bodytext .CM_authorboxNew。cm_authorbox - new -local {margin-bottom: 25px; width: 96%; width: calc(100% - 25px); } @media (max-width: 1199px) { #bodytext .CM_authorboxNew.CM_authorboxNew-local { max-width: 590px; } } @media (max-width: 979px) { #bodytext .CM_authorboxNew.CM_authorboxNew-local { max-width: 446px; } } @media (max-width: 767px) { #bodytext .CM_authorboxNew.CM_authorboxNew-local { max-width: 95%; max-width: calc(100% - 2 * 15px); } } #bodytext .CM_authorboxNew .CM_authorboxNew-profile { width: 120px; text-align: center; display: inline-block; vertical-align: middle; } #bodytext .CM_authorboxNew .CM_authorboxNew-profile .CM_authorboxNew-profile-image { width: 120px; height: 120px; border-radius: 50%; margin-bottom: 10px; display: inline-block; -webkit-transition: 0.1s ease-in-out; transition: 0.1s ease-in-out; background-position: center; } #bodytext .CM_authorboxNew .CM_authorboxNew-bio { padding: 15px; max-width: 350px; display: inline-block; vertical-align: middle; text-align: left; } #bodytext .CM_authorboxNew .CM_authorboxNew-bio span { display: block; } #bodytext .CM_authorboxNew .CM_authorboxNew-bio .CM_authorboxNew-bio-written-by { font-size: 14px !important; } #bodytext .CM_authorboxNew .CM_authorboxNew-bio .CM_authorboxNew-bio-name, #bodytext .CM_authorboxNew .CM_authorboxNew-bio .CM_authorboxNew-bio-name a { font-size: 20px !important; color: #9ec73d !important; } #bodytext .CM_authorboxNew .CM_authorboxNew-bio .CM_authorboxNew-bio-text { padding-top: 5px; } #bodytext .CM_authorboxNew .CM_authorboxNew-contributors { padding: 10px; display: inline-block; min-width: 80px; vertical-align: middle; } #bodytext .CM_authorboxNew .CM_authorboxNew-contributors .CM_authorboxNew-contributors-image { width: 35px; height: 35px; border-radius: 50%; margin-bottom: 5px; display: inline-block; -webkit-transition: 0.1s ease-in-out; transition: 0.1s ease-in-out; background-position: center; } #bodytext .CM_authorboxNew .CM_authorboxNew-contributors .CM_authorboxNew-contributors-kontakt { fill: #2eb1c4; -webkit-transition: 0.1s ease-in-out; transition: 0.1s ease-in-out; } #bodytext .CM_authorboxNew .CM_authorboxNew-contributors .CM_authorboxNew-contributors-kontakt:hover { fill: #1f7986; } @media only screen and (max-width: 520px) { #bodytext .CM_authorboxNew .CM_authorboxNew-bio { text-align: center; } } .cm_authorbox_separator { display: inline-block; width: 25px; } @media (max-width: 360px) { .cm_authorbox_separator { display: none; } } .cm_authorbox_jumplink { display: inline-block; } .cm_authorbox_jumplink, .cm_authorbox_jumplink a { font-size: 12px; color: #888888 !important; } .cm_authorbox_jumplink svg { fill: #888888; height: 10px; width: 10px; } .cm-scroll-to-top { cursor: pointer; display: none; margin: 0; position: fixed; right: 0; top: 30px; z-index: 1; } .cm-scroll-to-top .cm-scroll-to-top-inner { background: #fcaa0b; border-radius: 5px; -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); color: white !important; font-size: 16px; font-weight: 700; margin: 0 20px; padding: 1rem 0; text-align: center; text-decoration: none; -webkit-transition: background-color 0.2s ease; -khtml-transition: background-color 0.2s ease; -moz-transition: background-color 0.2s ease; -ms-transition: background-color 0.2s ease; -o-transition: background-color 0.2s ease; transition: background-color 0.2s ease; } .cm-scroll-to-top .cm-scroll-to-top-inner:hover { background-color: #fab530; } @media (max-width: 767px) { .cm-scroll-to-top { top: 0 !important; right: 0 !important; width: 100% !important; } .cm-scroll-to-top .cm-scroll-to-top-inner { border-radius: 0; margin: 0; } } .cm-table-of-contents { border: 0; margin: 0 0 25px; overflow-y: auto; position: static; } .cm-table-of-contents.cm-static { max-height: initial !important; overflow: visible; width: 100%; } .cm-table-of-contents.cm-static .cm-table-of-contents-inner ul { background: white; } .cm-table-of-contents.cm-scrolling { top: 30px; position: fixed; right: 0; } .cm-table-of-contents.cm-scrolling .cm-table-of-contents-inner { padding: 0 20px; } .cm-table-of-contents.cm-scrolling .cm-table-of-contents-inner span { cursor: pointer; display: inline-block; font-size: 20px !important; font-weight: 600; line-height: 28px; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; width: 100%; } .cm-table-of-contents.cm-scrolling .cm-table-of-contents-inner span:hover { opacity: 0.69; } .cm-table-of-contents.cm-scrolling .cm-table-of-contents-inner span::after { content: "\25B2"; content: url('data:image/svg+xml; utf8, ”);字体大小:0.9快速眼动;浮:正确;margin-top: 1 px;位置:相对;text-align:正确;-webkit-transition:所有0.15s ease-in-out;过渡:所有0.15秒的ease-in-out;宽度:15 px;} @media (max-width: 767px) {.cm-table-of-contents。cm-scrolling .cm-table-of-contents-inner span::after { display: none; } } .cm-table-of-contents.cm-scrolling .cm-table-of-contents-inner span.cm-collapsed::after { content: "\25BC"; content: url('data:image/svg+xml; utf8, ”);} .cm-table-of-contents。cm-scrolling .cm-table-of-contents-inner ul {box-shadow: none;} .cm-table-of-contents .cm-table-of-contents-inner span {font-weight: 400;字体大小:28 px !重要;行高:50 px;} .cm-table-of-contents .cm-table-of-contents-inner ul {box-shadow: 0 0 15px rgba(0,0,0,0.12);字体大小:14 px;list-style-type:没有;margin: 10px 0 0; padding: 0; } .cm-table-of-contents .cm-table-of-contents-inner ul li { margin: 0; padding: 6px 0; } @media (min-width: 768px) { .cm-table-of-contents .cm-table-of-contents-inner ul li:last-child { padding-bottom: 0; } } .cm-table-of-contents .cm-table-of-contents-inner ul li a { color: #77a901 !important; } .cm-table-of-contents .cm-table-of-contents-inner ul li a::before { content: "\25B6"; content: url('data:image/svg+xml; utf8, ”);左:-1REM;不透明度:0;位置:绝对;-webkit-transition:所有0.15s ease-in-out;过渡:所有0.15秒的ease-in-out;宽度:0.5REM;@media(max-width:767px){.cm-table-table-of内容.cm-table-contents-contents-intern-inner-in-in ul li a ::之前{display:none;}} .cm-table-of-contents.cm-scrolling .cm-table-contents-contents-intern-innerul li A.Selected ::之前{left:0REM;透明度:1; } @media (max-width: 767px) { .cm-table-of-contents { width: 100% !important; } } #bodytext .cm-table-of-contents .cm-table-of-contents-inner span { font-weight: 400; font-size: 28px !important; line-height: 50px; } #bodytext .cm-table-of-contents .cm-table-of-contents-inner ul li { margin: 0; padding: 10px; } #bodytext .cm-table-of-contents .cm-table-of-contents-inner ul li:nth-child(odd) { background: #f3f8e7; } #bodytext .cm-table-of-contents .cm-table-of-contents-inner ul li.cm-table-of-contents-hide-in-body { display: none; } #bodytext .cm-table-of-contents .cm-table-of-contents-inner ul li a { color: #77a901 !important; } .cm-become-a-partner-link { color: #2eb1c4; } .cm-become-a-partner-link:hover { color: #1f7986; text-decoration: none; } .cm-become-a-partner-link:hover span { text-decoration: underline; } .cm-become-a-partner { background: white; border-top: 4px solid #9ec73d; color: #666666; margin-bottom: 25px; padding: 15px 20px; } .cm-become-a-partner .cm-title { line-height: 28px; font-size: 20px; font-weight: 600; } .cm-become-a-partner .cm-description { font-size: 14px; margin: 10px 0; } .cm-become-a-partner img { float: right; margin-left: 10px; max-width: 100px; width: 30.33%; } .cm-become-a-partner .cm-button { color: #2eb1c4; font-size: 14px; font-weight: bold; } .cm-become-a-partner .cm-button:hover { color: #1f7986; } #bodytext .cm-become-a-partner { margin-top: 25px; } @media (min-width: 768px) { #bodytext .cm-become-a-partner { margin-bottom: 10px; } } #bodytext .cm-become-a-partner .cm-title { font-size: 28px !important; font-weight: 400; line-height: 36px; } #bodytext .cm-become-a-partner .cm-description { font-size: inherit; margin-bottom: 30px; } #bodytext .cm-become-a-partner img { display: block; float: none; margin-left: 0; max-width: none; width: 100%; } #bodytext .cm-become-a-partner .cm-button { background: #2eb1c4; border-radius: 5px; -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); color: white !important; display: block; font-size: inherit; margin: 40px auto 10px; max-width: 300px; width: 75%; padding: 12px 24px; text-align: center; -webkit-transition: background 0.15s ease-in-out; transition: background 0.15s ease-in-out; } #bodytext .cm-become-a-partner .cm-button:hover { background: #1f7986; text-decoration: none; } .body_content_wrapper .cm-column-1 > * { max-width: 770px; width: 100% !important; margin-right: 0 !important; } .body_content_wrapper .cm-column-1 > *:last-of-type { margin-bottom: 0 !important; } .body_content_wrapper .cm-column-2 > * { max-width: 377px; width: 50%; } .body_content_wrapper .cm-column-2 > *:nth-of-type(2n) { margin-right: 0 !important; } @media (max-width: 1200px) { .body_content_wrapper .cm-column-2 > * { max-width: 303px; } } @media (max-width: 979px) { .body_content_wrapper .cm-column-2 > * { max-width: 233px; } } @media (max-width: 767px) { .body_content_wrapper .cm-column-2 > * { max-width: 48%; max-width: calc(100% / 2 - 16px / 2); } } @media (min-width: 351px) { .body_content_wrapper .cm-column-2 > *:nth-last-of-type(-n+2), .body_content_wrapper .cm-column-2 > *:last-of-type { margin-bottom: 0 !important; } } @media (max-width: 350px) { .body_content_wrapper .cm-column-2 > *:nth-last-of-type(-n+2) { margin-bottom: 16px !important; } } .body_content_wrapper .cm-column-3 > * { max-width: 246px; width: 33.33%; width: calc(100% / 3); } @media (max-width: 1200px) { .body_content_wrapper .cm-column-3 > * { max-width: 198px; } } @media (max-width: 979px) { .body_content_wrapper .cm-column-3 > * { max-width: 152px; } } @media (max-width: 767px) { .body_content_wrapper .cm-column-3 > * { max-width: 31%; max-width: calc(100% / 3 - 16px * 2 / 3 - 0.1px); } } @media (min-width: 501px) { .body_content_wrapper .cm-column-3 > *:nth-of-type(3n) { margin-right: 0 !important; } .body_content_wrapper .cm-column-3 > *:nth-last-of-type(-n+3), .body_content_wrapper .cm-column-3 > *:nth-last-of-type(-n+2), .body_content_wrapper .cm-column-3 > *:last-of-type { margin-bottom: 0 !important; } } @media (max-width: 500px) { .body_content_wrapper .cm-column-3 > * { max-width: none; width: 48% !important; width: calc(100% / 2 - 16px / 2) !important; } .body_content_wrapper .cm-column-3 > *:nth-of-type(2n) { margin-right: 0 !important; } .body_content_wrapper .cm-column-3 > *:last-of-type { margin-bottom: 0 !important; margin-left: 25% !important; margin-left: calc(25% + 4px) !important; } } @media (max-width: 350px) { .body_content_wrapper .cm-column-3 > *:last-of-type { margin-left: 0 !important; } } .body_content_wrapper .cm-column-4 > * { max-width: 180px; width: 25%; } .body_content_wrapper .cm-column-4 > *:nth-of-type(4n) { margin-right: 0 !important; } @media (max-width: 1200px) { .body_content_wrapper .cm-column-4 > * { max-width: 145px; } } @media (max-width: 979px) { .body_content_wrapper .cm-column-4 > * { max-width: 111px; } } @media (max-width: 767px) { .body_content_wrapper .cm-column-4 > * { max-width: 23%; max-width: calc(100% / 4 - 16px * 3 / 4); } } @media (min-width: 651px) { .body_content_wrapper .cm-column-4 > *:nth-last-of-type(-n+4), .body_content_wrapper .cm-column-4 > *:nth-last-of-type(-n+3), .body_content_wrapper .cm-column-4 > *:nth-last-of-type(-n+2), .body_content_wrapper .cm-column-4 > *:last-of-type { margin-bottom: 0 !important; } } @media (max-width: 650px) { .body_content_wrapper .cm-column-4 > *:nth-last-of-type(-n+2) { margin-bottom: 0 !important; } } @media (max-width: 350px) { .body_content_wrapper .cm-column-4 > *:nth-last-of-type(-n+2) { margin-bottom: 16px !important; } } .body_content_wrapper .cm-column-5 > * { max-width: 141px; width: 20%; } @media (max-width: 1200px) { .body_content_wrapper .cm-column-5 > * { max-width: 113px; } } @media (max-width: 979px) { .body_content_wrapper .cm-column-5 > * { max-width: 87px; } } @media (max-width: 767px) { .body_content_wrapper .cm-column-5 > * { max-width: 18%; max-width: calc(100% / 5 - 16px * 4 / 5); } } @media (min-width: 651px) { .body_content_wrapper .cm-column-5 > *:nth-of-type(5n) { margin-right: 0 !important; } .body_content_wrapper .cm-column-5 > *:nth-last-of-type(-n+5), .body_content_wrapper .cm-column-5 > *:nth-last-of-type(-n+4), .body_content_wrapper .cm-column-5 > *:nth-last-of-type(-n+3), .body_content_wrapper .cm-column-5 > *:nth-last-of-type(-n+2), .body_content_wrapper .cm-column-5 > *:last-of-type { margin-bottom: 0 !important; } } @media (max-width: 650px) { .body_content_wrapper .cm-column-5 > *:last-of-type { margin-bottom: 0 !important; margin-left: 25% !important; margin-left: calc(25% + 4px) !important; } } @media (max-width: 350px) { .body_content_wrapper .cm-column-5 > *:last-of-type { margin-left: 0 !important; } } @media (max-width: 650px) { .body_content_wrapper .cm-column-4 > *, .body_content_wrapper .cm-column-5 > * { max-width: none; width: 48% !important; width: calc(100% / 2 - 16px / 2) !important; } .body_content_wrapper .cm-column-4 > *:nth-of-type(2n), .body_content_wrapper .cm-column-5 > *:nth-of-type(2n) { margin-right: 0 !important; } } .body_content_wrapper .cm-column-2 > *, .body_content_wrapper .cm-column-3 > *, .body_content_wrapper .cm-column-4 > *, .body_content_wrapper .cm-column-5 > * { margin-right: 16px !important; } @media (max-width: 1200px) { .body_content_wrapper .cm-column-2 > *, .body_content_wrapper .cm-column-3 > *, .body_content_wrapper .cm-column-4 > *, .body_content_wrapper .cm-column-5 > * { margin-right: 13px !important; } } @media (max-width: 979px) { .body_content_wrapper .cm-column-2 > *, .body_content_wrapper .cm-column-3 > *, .body_content_wrapper .cm-column-4 > *, .body_content_wrapper .cm-column-5 > * { margin-right: 10px !important; } } @media (max-width: 767px) { .body_content_wrapper .cm-column-2 > *, .body_content_wrapper .cm-column-3 > *, .body_content_wrapper .cm-column-4 > *, .body_content_wrapper .cm-column-5 > * { margin-right: 16px !important; } } @media (max-width: 350px) { .body_content_wrapper .cm-column-2 > *, .body_content_wrapper .cm-column-3 > *, .body_content_wrapper .cm-column-4 > *, .body_content_wrapper .cm-column-5 > * { margin-right: 0 !important; } } .body_content_wrapper .cm-column-1 > *, .body_content_wrapper .cm-column-2 > *, .body_content_wrapper .cm-column-3 > *, .body_content_wrapper .cm-column-4 > *, .body_content_wrapper .cm-column-5 > * { box-sizing: border-box; display: inline-block; float: left; margin-bottom: 16px !important; word-break: break-word; } @media (max-width: 1200px) { .body_content_wrapper .cm-column-1 > *, .body_content_wrapper .cm-column-2 > *, .body_content_wrapper .cm-column-3 > *, .body_content_wrapper .cm-column-4 > *, .body_content_wrapper .cm-column-5 > * { margin-bottom: 13px !important; } } @media (max-width: 979px) { .body_content_wrapper .cm-column-1 > *, .body_content_wrapper .cm-column-2 > *, .body_content_wrapper .cm-column-3 > *, .body_content_wrapper .cm-column-4 > *, .body_content_wrapper .cm-column-5 > * { margin-bottom: 10px !important; } } @media (max-width: 767px) { .body_content_wrapper .cm-column-1 > *, .body_content_wrapper .cm-column-2 > *, .body_content_wrapper .cm-column-3 > *, .body_content_wrapper .cm-column-4 > *, .body_content_wrapper .cm-column-5 > * { margin-bottom: 16px !important; } } @media (max-width: 350px) { .body_content_wrapper .cm-column-1 > *, .body_content_wrapper .cm-column-2 > *, .body_content_wrapper .cm-column-3 > *, .body_content_wrapper .cm-column-4 > *, .body_content_wrapper .cm-column-5 > * { max-width: none; width: 100% !important; } .body_content_wrapper .cm-column-1 > *:last-of-type, .body_content_wrapper .cm-column-2 > *:last-of-type, .body_content_wrapper .cm-column-3 > *:last-of-type, .body_content_wrapper .cm-column-4 > *:last-of-type, .body_content_wrapper .cm-column-5 > *:last-of-type { margin-bottom: 0 !important; } } .body_content_wrapper .cm-column-1 > link, .body_content_wrapper .cm-column-2 > link, .body_content_wrapper .cm-column-3 > link, .body_content_wrapper .cm-column-4 > link, .body_content_wrapper .cm-column-5 > link, .body_content_wrapper .cm-column-1 > style, .body_content_wrapper .cm-column-2 > style, .body_content_wrapper .cm-column-3 > style, .body_content_wrapper .cm-column-4 > style, .body_content_wrapper .cm-column-5 > style, .body_content_wrapper .cm-column-1 > script, .body_content_wrapper .cm-column-2 > script, .body_content_wrapper .cm-column-3 > script, .body_content_wrapper .cm-column-4 > script, .body_content_wrapper .cm-column-5 > script { display: none; } .body_content_wrapper .cm-column-1 > ul, .body_content_wrapper .cm-column-2 > ul, .body_content_wrapper .cm-column-3 > ul, .body_content_wrapper .cm-column-4 > ul, .body_content_wrapper .cm-column-5 > ul, .body_content_wrapper .cm-column-1 > ol, .body_content_wrapper .cm-column-2 > ol, .body_content_wrapper .cm-column-3 > ol, .body_content_wrapper .cm-column-4 > ol, .body_content_wrapper .cm-column-5 > ol { margin-left: 0; padding-left: 25px; } .body_content_wrapper .cm-column-1 > table, .body_content_wrapper .cm-column-2 > table, .body_content_wrapper .cm-column-3 > table, .body_content_wrapper .cm-column-4 > table, .body_content_wrapper .cm-column-5 > table { margin-top: 0; } .body_content_wrapper .cm-column-1::after, .body_content_wrapper .cm-column-2::after, .body_content_wrapper .cm-column-3::after, .body_content_wrapper .cm-column-4::after, .body_content_wrapper .cm-column-5::after { content: ""; clear: both; display: block; } .body_content_wrapper .cm-column-margin { margin-bottom: 16px; } @media (max-width: 1200px) { .body_content_wrapper .cm-column-margin { margin-bottom: 13px !important; } } @media (max-width: 979px) { .body_content_wrapper .cm-column-margin { margin-bottom: 10px !important; } } @media (max-width: 767px) { .body_content_wrapper .cm-column-margin { margin-bottom: 16px !important; } } #bodytext .cm-photo-quote { color: white; display: table; } #bodytext .cm-photo-quote::aftera { content: ""; clear: both; display: block; } #bodytext .cm-photo-quote .cm-text, #bodytext .cm-photo-quote .cm-photo { display: table-cell; } #bodytext .cm-photo-quote .cm-text { background: #9ec73d; text-align: left; vertical-align: top; } #bodytext .cm-photo-quote .cm-text { background: #9ec73d; color: white; padding: 2rem 0 2rem 5.5rem; position: relative; } #bodytext .cm-photo-quote .cm-text::before { content: "❝"; color: white; font-family: "Arial", sans-serif !important; font-size: 80px; left: 1.5rem; line-height: 75px; position: absolute; top: 2rem; } #bodytext .cm-photo-quote .cm-text .cm-quote { font-style: italic; } #bodytext .cm-photo-quote .cm-text .cm-author { display: block; font-size: 14px !important; margin-top: 1rem; } #bodytext .cm-photo-quote .cm-photo { background: white url("data:image/svg+xml;utf8, “);背景大小:25%100%;背景 - 重复:无重复;填充 - 左:2REM;文字对齐:右;垂直对齐:底部;宽度:宽度:25%;} #bodytext .cm-photo-quote .cm-photo img {显示:内联块;边缘 - 顶部:1REM;最大宽度:150px;宽度:100%;} @media(max-widey:1200px){#bodytext .cm-photo-quote.cm-photo {width:27.5%;}} @media(max-width:979px){#bodytext .cm-photo-quote .cm-text {padding:1rem 0 1rem 4.5rem;} #bodytext .cm-photo-quote .cm-text :: before {left:1rem; top:1rem;} #bodytext .cm-photo-quote .cm-photo {padding-left:1rem;宽度:30%;}} @media(min-宽度:768px)和(max-width:979px),(max-width:650px){#bodytext .cm-photo-quote .cm-text,#bodytext .cm-photo-quote .cm-photo {display:block;} #bodytext .cm-photo-quote .cm-text {padding:1rem 1rem 0 4.5REM;} #bodyText .cm-photo-quote .cm-text .cm-author {bootte:-9.25rem;颜色:#9EC73D;字体大小:16px!重要;字体重量:粗体;最大宽度:7.5REM;位置:绝对;} #bodyText .CM-Photo-引用.cm-照片{背景大小:100%25%;填充:0;宽度:100%;} #bodytext .cm-photo-quote .cm-photo img {边缘:1.5REM 1REM 0;最大宽度:27.5%;@Media(max-widey:500px){#bodytext .cm-photo-quote .cm-text .cm-author {bottom:-7.5rem;@media(max-width:420px){#bodytext .cm-photo-quote .cm-text {padding:0.5Rem 1rem 0.5REM 3REM;} #bodytext .cm-photo-quote .cm-text ::之前{font-size:55px; left: 0.6rem; line-height: 55px; top: 0.5rem; } #bodytext .cm-photo-quote .cm-text .cm-author { bottom: -7.5rem; font-size: 14px !important; } } .cm-video-button { margin-bottom: 40px; text-align: center; } .cm-video-button a { background: white; background: rgba(255, 255, 255, 0.75); border-radius: 5px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); color: black; cursor: pointer; display: inline-block; font-size: 14px; padding: 5px 10px 5px 45px; position: relative; transition: color 0.2s ease-out; } .cm-video-button a svg { background: #9ec73d; border-radius: 5px; left: 0; padding: 11px; position: absolute; top: 0; transition: background 0.2s ease-out; } .cm-video-button a:hover { color: #77a901; text-decoration: none; } .cm-video-button a:hover svg { background: #77a901; } .cm-video-button a:active { top: 1px; } .cm-video-modal { display: none; overflow: hidden; z-index: 2; } .cm-video-modal, .cm-video-modal .cm-overlay { height: 100%; left: 0; position: fixed; top: 0; width: 100%; } .cm-video-modal .cm-video-container { background: black; border-radius: 5px; left: 0; max-width: 100%; position: fixed; top: 0; z-index: 3; } .cm-video-modal .cm-overlay { background: black; cursor: pointer; opacity: 0.6; } .cm-countdown-banner { background: #9ec73d; border-radius: 5px; color: white; font-size: 14px; font-weight: bold; padding: 0.5rem; text-align: center; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.18); } .cm-countdown-banner a:link, .cm-countdown-banner a:visited { color: white !important; text-decoration: underline; transition: opacity 0.15s ease-out; } .cm-countdown-banner a:hover { opacity: 0.75; } .cm-countdown-banner .cm-close-button { display: none; } .cm-countdown-banner .cm-expired { display: none; } .cm-countdown-banner .cm-headline .cm-time { box-sizing: border-box; color: #e6ff9f; fill: #e6ff9f; display: inline-block; position: relative; text-align: left; transition: width 0.3s ease-out; white-space: nowrap; } @media (max-width: 1199px) { .cm-countdown-banner .cm-headline .cm-time { display: block; text-align: center; max-width: 100%; } } @media (max-width: 568px) { .cm-countdown-banner .cm-headline .cm-time { display: none; } } .cm-countdown-banner .cm-headline .cm-time span { margin-left: 22px; } .cm-countdown-banner .cm-headline .cm-time svg { position: absolute; top: 3px; } .cm-countdown-banner.cm-top { border-radius: 0; display: none; padding: 0; } @media (max-width: 1199px) { .cm-countdown-banner.cm-top .cm-time { display: inline-block; } } @media (max-width: 767px) { .cm-countdown-banner.cm-top .cm-time { display: none; } } .cm-countdown-banner.cm-top .cm-close-button { font-size: 30px; font-weight: normal; display: block; position: absolute; right: 0.25rem; top: 0; } #bodytext .cm-calculator { border: 1px solid lightgrey; border-radius: 8px; margin: 20px 0; } #bodytext .cm-calculator .cm-title { text-align: center; background: #2eb1c4; border-top-left-radius: 8px; border-top-right-radius: 8px; padding: 18px 0 15px; } #bodytext .cm-calculator .cm-title .cm-title-text { font-size: 28px !important; color: white; } #bodytext .cm-calculator .cm-calculator-body { background: white; position: relative; padding-top: 20px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } #bodytext .cm-calculator .cm-calculator-body .cm-input-block { width: 46.25%; margin-bottom: 20px; float: left; } #bodytext .cm-calculator .cm-calculator-body .cm-input-block.cm-left { padding-left: 2.5%; padding-right: 1.25%; } #bodytext .cm-calculator .cm-calculator-body .cm-input-block.cm-right { padding-left: 1.25%; padding-right: 2.5%; } #bodytext .cm-calculator .cm-calculator-body .cm-input-block label { display: block; cursor: pointer; } #bodytext .cm-calculator .cm-calculator-body .cm-input-block .cm-input-number { margin-right: 3px; width: 2rem; height: 2rem; display: inline-block; font-size: 16px; font-weight: 700; line-height: 2; text-align: center; color: white; background-color: #2eb1c4; border-radius: 50%; transition: background 0.12s ease-in-out; } #bodytext .cm-calculator .cm-calculator-body .cm-input-block .cm-input-label-text { font-size: 16px; transition: color 0.12s ease-in-out; } #bodytext .cm-calculator .cm-calculator-body .cm-input-block .cm-input { position: relative; } #bodytext .cm-calculator .cm-calculator-body .cm-input-block .cm-input input { background-color: #f6f6f6; border: 0; box-sizing: border-box; width: 100%; margin: 0; margin-top: 5px; padding: 20px 10px; font-size: 18px; color: #4378a5; border-radius: 4px; outline: 0; box-shadow: none; transition: all 0.24s ease-out; } #bodytext .cm-calculator .cm-calculator-body .cm-input-block .cm-input input:focus { box-shadow: 0 0 0 1px #2eb1c4; color: #2eb1c4; } #bodytext .cm-calculator .cm-calculator-body .cm-input-block .cm-input .cm-reset { cursor: pointer; display: none; fill: #2eb1c4; opacity: 0.48; position: absolute; top: 1.05rem; right: 0.5rem; transition: opacity 0.15s ease-in; width: 1rem; } #bodytext .cm-calculator .cm-calculator-body .cm-input-block .cm-input .cm-reset:hover { opacity: 1; } #bodytext .cm-calculator .cm-calculator-body .cm-input-block .cm-input.cm-changed .cm-reset { display: inline-block; } #bodytext .cm-calculator .cm-calculator-body .cm-input-block.cm-error .cm-input-number { background: #f39c12; } #bodytext .cm-calculator .cm-calculator-body .cm-input-block.cm-error .cm-input-label-text { color: #f39c12; } #bodytext .cm-calculator .cm-calculator-body .cm-input-block.cm-error .cm-input .cm-input-details, #bodytext .cm-calculator .cm-calculator-body .cm-input-block.cm-error .cm-input input { color: #f39c12; } #bodytext .cm-calculator .cm-calculator-body .cm-input-block.cm-error .cm-input input { box-shadow: 0 0 0 1px #f39c12; } #bodytext .cm-calculator .cm-calculator-body .cm-advanced-label { cursor: pointer; padding: 0 2.5%; text-align: center; transition: margin 0.3s linear; } #bodytext .cm-calculator .cm-calculator-body .cm-advanced-label span { color: #2eb1c4; font-size: 14px; } #bodytext .cm-calculator .cm-calculator-body .cm-advanced-label span::after { content: url('data:image/svg+xml; utf8, ”);显示:inline-block;margin-left: 6 px;位置:相对;上图:1 px;宽:12 px;} #bodytext .cm-calculator .cm-calculator-body .cm-advanced-label。cm-collapse {margin-bottom: 25px;} #bodytext .cm-calculator .cm-calculator-body .cm-advanced-label。cm-collapse span::后{内容:url('数据:图像/svg+xml;use utf8, ”);} #bodytext .cm-calculator .cm-calculator-body .cm-advanced {display: none;宽度:100%;} #bodytext .cm-calculator .cm-calculator-body #cm_calculate {padding: 15px;宽度:60%;背景:# 9 ec73d;颜色:白色;字体大小:18 px;粗细:700;border - radius: 8 px; border: none; cursor: pointer; transition: opacity 0.12s ease-in-out; outline: 0; display: block; margin: 0 auto; margin-top: 15px; position: relative; } #bodytext .cm-calculator .cm-calculator-body #cm_calculate:hover { opacity: 0.86; } #bodytext .cm-calculator .cm-calculator-body #cm_calculate:active { position: relative; top: 1px; opacity: 1; } #bodytext .cm-calculator .cm-calculator-body .cm-result-wrapper { margin-top: -25px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; padding: 40px 0 20px; transition: all 0.24s ease-out; } #bodytext .cm-calculator .cm-calculator-body .cm-result-wrapper.cm-highlight { background: linear-gradient(rgba(158, 199, 61, 0.12), rgba(158, 199, 61, 0)); background-repeat: no-repeat; background-size: 100% 20rem; padding: 50px 0 5px; } #bodytext .cm-calculator .cm-calculator-body .cm-result-wrapper .cm-result { display: none; padding: 0 2.5%; } #bodytext .cm-calculator .cm-calculator-body .cm-result-wrapper .cm-result .cm-headline { font-size: 18px; font-weight: bold; margin: 1rem 0; text-align: center; } #bodytext .cm-calculator .cm-calculator-body .cm-result-wrapper .cm-result .cm-overview { margin-bottom: 2rem; } #bodytext .cm-calculator .cm-calculator-body .cm-result-wrapper .cm-result .cm-overview .cm-number { float: left; text-align: center; } #bodytext .cm-calculator .cm-calculator-body .cm-result-wrapper .cm-result .cm-overview .cm-number span { font-size: 60px !important; font-weight: 800; line-height: 60px; } #bodytext .cm-calculator .cm-calculator-body .cm-result-wrapper .cm-result #cm_chart { margin-bottom: 1rem; overflow: hidden; } #bodytext .cm-calculator .cm-calculator-body .cm-result-wrapper .cm-result .cm-table { overflow-x: auto; } #bodytext .cm-calculator .cm-calculator-body .cm-result-wrapper .cm-result .cm-table table { border-radius: 4px; font-size: 16px; margin: 1rem 0 0.5rem !important; width: 100%; } #bodytext .cm-calculator .cm-calculator-body .cm-result-wrapper .cm-result .cm-table table caption { border-bottom: 1px solid #cde398; color: #9ec73d; cursor: pointer; font-size: 18px; font-weight: bold; margin-bottom: 0.25rem; padding-bottom: 0.25rem; text-align: center; } #bodytext .cm-calculator .cm-calculator-body .cm-result-wrapper .cm-result .cm-table table caption::after { content: url('data:image/svg+xml; utf8, ”);显示:inline-block;margin-left: 6 px;位置:相对;上图:1 px;宽:12 px;} #bodytext .cm-calculator .cm-calculator-body .cm-result-wrapper .cm-result .cm-table表。cm-collapse {margin-bottom: 1rem;min-width: 580 px;} #bodytext .cm-calculator .cm-calculator-body .cm-result-wrapper .cm-result .cm-table表。cm-折叠标题{border: 0;} #bodytext .cm-calculator .cm-calculator-body .cm-result-wrapper .cm-result .cm-table表。cm-collapse标题::后{内容:url('数据:图像/svg+xml; utf8, ”);#bodytext .cm-calculator .cm-calculator-body .cm-result-wrapper .cm-结果.cm-table表Thead,#bodytext .cm-calculator .cm-calculator-body .cm-result-wrapper .cm-cm-table表tbody {显示:无;#bodytext .cm-calculator .cm-calculator-body .cm-结果包装器.cm-pable表表tr th,#bodytext .cm-calculator .cm-calculator-body .cm-calual-body .cm-结果包装。CM-结果.cm-table表tr td {border:1px solid #eaea;填充:5px 8px;text-align:中心;休息:正常;#bodyText .cm-calculator .cm-calculator-body .cm-结果包装器.cm-结果.cm-table表tr th:first-child {边界 - 左半径:4px;#bodytext .cm-calculator .cm-calculator-body .cm-结果包装器.cm-结果.cm-table表tr th:last-child {边框 - 顶右半径:4px;} #bodytext .cm-calculator .cm-calculator-body .cm-结果包装器.cm-结果.cm-table表tr td.cm阳性{颜色:#7cb000;粗细:大胆的; } #bodytext .cm-calculator .cm-calculator-body .cm-result-wrapper .cm-result .cm-table table tr td.cm-negative { color: #ea9a00; font-weight: bold; } #bodytext .cm-calculator .cm-calculator-body .cm-result-wrapper .cm-result .cm-table table tr:last-child td:first-child { border-bottom-left-radius: 4px; } #bodytext .cm-calculator .cm-calculator-body .cm-result-wrapper .cm-result .cm-table table tr:last-child td:last-child { border-bottom-right-radius: 4px; } #bodytext .cm-calculator .cm-calculator-body .cm-result-wrapper .cm-result .cm-table table tr:nth-child(2n) td { background: rgba(158, 199, 61, 0.12); } @media (max-width: 991px) { #bodytext .cm-calculator .cm-calculator-body { text-align: left; } #bodytext .cm-calculator .cm-calculator-body .cm-input-block, #bodytext .cm-calculator .cm-calculator-body .cm-input-block.cm-left, #bodytext .cm-calculator .cm-calculator-body .cm-input-block.cm-right { margin-bottom: 30px; padding-left: 2.5%; padding-right: 0; width: 95%; } #bodytext .cm-calculator .cm-calculator-body .cm-input-block .cm-input input, #bodytext .cm-calculator .cm-calculator-body .cm-input-block.cm-left .cm-input input, #bodytext .cm-calculator .cm-calculator-body .cm-input-block.cm-right .cm-input input { width: 100%; } #bodytext .cm-calculator .cm-calculator-body .cm-result-wrapper .cm-plan-wrapper .cm-plan table { font-size: 14px; } } @keyframes cm_pulse_animation_tooltip { 0%,10% { -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.24), 0 0 0 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.24), 0 0 0 0 rgba(0, 0, 0, 0.3); } 60% { -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.24), 0 0 0 10px transparent; box-shadow: 0 0 10px rgba(0, 0, 0, 0.24), 0 0 0 10px transparent; } 90%,100% { -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.24), 0 0 0 0 transparent; box-shadow: 0 0 10px rgba(0, 0, 0, 0.24), 0 0 0 0 transparent; } } #bodytext .cm-animation-interactive { position: relative; } #bodytext .cm-animation-interactive .cm-tooltip-content { background: white; border-radius: 4px; border-top: 4px solid #9ec73d; box-shadow: 0 0 24px rgba(0, 0, 0, 0.12); box-sizing: border-box; opacity: 1; padding: 0.5rem; position: absolute; transition: all 0.3s ease-out; width: 75%; z-index: 11; } #bodytext .cm-animation-interactive .cm-tooltip-content.cm-empty { opacity: 0; } #bodytext .cm-animation-interactive .cm-tooltip-content .cm-close { color: #949494; cursor: pointer; font-size: 2rem !important; font-weight: normal; line-height: 15px !important; right: 0.15rem; position: absolute; top: 0.3rem; transition: opacity 0.1s ease-in; } #bodytext .cm-animation-interactive .cm-tooltip-content .cm-close:hover { opacity: 0.75; } #bodytext .cm-animation-interactive .cm-tooltip-label { background: #77a901; border: 3px solid #9ec73d; border-radius: 50%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.24); color: white; cursor: pointer; display: inline-block; line-height: normal !important; padding: 0.25rem 0.5rem 0.15rem; position: absolute; text-align: center; transition: all 0.15s ease-out; z-index: 10; } #bodytext .cm-animation-interactive .cm-tooltip-label:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.48); margin-top: -0.15rem; } #bodytext .cm-animation-interactive .cm-tooltip-label.cm-pulse { animation: cm_pulse_animation_tooltip 3s infinite; } #bodytext .cm-animation-interactive.cm-hide-tooltips .cm-tooltip-label { display: none; } @media (max-width: 979px) { #bodytext .cm-animation-interactive { position: static; } #bodytext .cm-animation-interactive .cm-tooltip-content { position: static; width: auto; } #bodytext .cm-animation-interactive .cm-tooltip-container { position: relative; } } .body_content_wrapper .rhn_test { text-decoration: underline; } .body_content_wrapper .block:hover .block_img { text-align: left; } .body_content_wrapper .cm_sidebar_social_media { min-width: 175px; margin-bottom: 25px; } .body_content_wrapper .cm_sidebar_social_media .cm_header { background: white; border-top: 4px solid #9ec73d; color: #666666; padding: 15px 20px 0px 20px; } .body_content_wrapper .cm_sidebar_social_media .cm_header span { color: #666666; font-family: "Helvetica", sans-serif; line-height: 28px; font-size: 20px; font-weight: 600; } .body_content_wrapper .cm_sidebar_social_media .cm_description { background: white; font-size: 14px; padding: 10px 20px 0px 20px; } .body_content_wrapper .cm_sidebar_social_media .cm_icons { background-color: white; height: 60px; padding: 0px; padding-top: 6px; text-align: center; width: 100%; } .body_content_wrapper .cm_sidebar_social_media .cm_icons a { display: inline-block; float: left; } .body_content_wrapper .cm_sidebar_social_media .cm_icons a:hover svg .cm_vector { filter: alpha(opacity=72); opacity: 0.72; } .body_content_wrapper .cm_sidebar_social_media .cm_icons a svg .cm_vector { fill: #9c9c9c; transition: ease-in-out 0.3s; -o-transition: ease-in-out 0.3s; -ms-transition: ease-in-out 0.3s; -khtml-transition: ease-in-out 0.3s; -webkit-transition: ease-in-out 0.3s; } .body_content_wrapper .cm_sidebar_social_media .cm_icons a svg .cm_vector.cm_facebook { fill: #4267b2; } .body_content_wrapper .cm_sidebar_social_media .cm_icons a svg .cm_vector.cm_twitter { fill: #1da1f2; } .body_content_wrapper .cm_sidebar_social_media .cm_icons a svg .cm_vector.cm_linkedin { fill: #0077b5; } .body_content_wrapper .cm_sidebar_social_media .cm_icons a svg .cm_vector.cm_googleplus { fill: #dc473a; } .body_content_wrapper .cm_sidebar_social_media .cm_icons a svg .cm_vector.cm_youtube { fill: red; } @media (max-width: 275px) { .body_content_wrapper .cm_sidebar_social_media .cm_icons a svg { width: 24px; } } .body_content_wrapper .cm_sidebar_process { color: #666666; font-family: "Helvetica", sans-serif; margin-bottom: 25px; } .body_content_wrapper .cm_sidebar_process .cm_header { background: white; border-top: 4px solid #9ec73d; padding: 15px 20px 0px 20px; } .body_content_wrapper .cm_sidebar_process .cm_header span { font-size: 20px; font-weight: bold; } .body_content_wrapper .cm_sidebar_process .cm_steps { background-color: white; padding: 0px; padding-top: 6px; width: 100%; } .body_content_wrapper .cm_sidebar_process .cm_steps .cm_step { display: table; padding-bottom: 12px; } .body_content_wrapper .cm_sidebar_process .cm_steps .cm_step .cm_number { display: table-cell; vertical-align: middle; } .body_content_wrapper .cm_sidebar_process .cm_steps .cm_step .cm_number span { background: #9ec73d; border-radius: 5px; color: white; font-size: 22px; margin-left: 21px; margin-right: 19px; padding: 9.5px 16px; text-align: center; width: 12px; } .body_content_wrapper .cm_sidebar_process .cm_steps .cm_step .cm_content { display: table-cell; padding-right: 18px; vertical-align: middle; } .body_content_wrapper .cm_sidebar_process .cm_steps .cm_step .cm_content span { color: #9ec73d; font-weight: bold; font-size: 16px; } .body_content_wrapper .cm_sidebar_process .cm_steps .cm_step .cm_content p { font-size: 14px; margin: 0; } .body_content_wrapper #bodytext .piktowrapper-embed span { font-size: inherit !important; line-height: inherit !important; } .body_content_wrapper .blog-overview-top-area { color: #666666; font-family: "Helvetica", sans-serif; margin-top: 30px; } .body_content_wrapper .blog-overview-top-area .row .post-title { background: black; background: rgba(0, 0, 0, 0.69); color: white; font-size: 16px; padding: 2.5px 5px; } .body_content_wrapper .blog-overview-top-area .row:first-of-type .post-title { font-size: 24px; } .body_content_wrapper .blog-overview-top-area .row div { padding-right: 0px; } .body_content_wrapper .blog-overview-top-area .row > div:last-of-type { margin-right: 0px; } .body_content_wrapper .blog-overview-top-area .blog-overview-top-info > div { background: white; padding: 15px; } .body_content_wrapper .blog-overview-top-area .blog-overview-top-info p { font-size: 16px; text-align: center; } .body_content_wrapper .blog-overview-top-area .blog-overview-top-info p:first-of-type { font-size: 20px; font-weight: 600; margin-top: 24px; margin-bottom: 24px; } .body_content_wrapper .blog-overview-top-area .blog-overview-top-info p:last-of-type { margin-bottom: 0px; } .body_content_wrapper .blog-overview-top-area .blog-overview-top-info img { width: 200px; } .body_content_wrapper .blog-overview-all-categories { color: #666666; font-family: "Helvetica", sans-serif; margin-top: 30px; padding-bottom: 15px; } .body_content_wrapper .blog-overview-all-categories > div:first-of-type { font-size: 20px; font-weight: 700; } .body_content_wrapper .blog-overview-all-categories .category-posts-slider { color: #666666; font-family: "Helvetica", sans-serif; margin-top: 30px; } .body_content_wrapper .blog-overview-all-categories .category-posts-slider div h3 { font-size: 24px; font-weight: 700; } .body_content_wrapper .testQuestionWrapper { background: white; } .body_content_wrapper .testQuestionWrapper .questionsWrap { margin-left: 3%; } @media (min-width: 768px) { .body_content_wrapper .testQuestionWrapper .questionsWrap { width: 47%; } } @media (min-width: 768px) { .body_content_wrapper .testQuestionWrapper .imageWrap { width: 50%; margin-left: 0; } } .body_content_wrapper .testQuestionWrapper .imageWrap::after { clear: both; } @media (max-width: 400px) { .body_content_wrapper a.landingBtn_new_inner { padding: 20px; } } .body_content_wrapper .cm_speech_bubble { display: inline-block; position: relative; padding: 9px; max-width: 100%; } .body_content_wrapper .cm_speech_bubble:after { content: ''; position: absolute; border: 12px solid transparent; width: 0; height: 0; } .body_content_wrapper .cm_speech_bubble p { margin: 0; } .body_content_wrapper .cm_speech_bubble_left:after { left: 0; top: 50%; border-left: 0; border-bottom: 0; margin-left: -12px; } .body_content_wrapper .cm_speech_bubble_right:after { right: 0; top: 50%; border-right: 0; border-bottom: 0; margin-right: -12px; } .body_content_wrapper .cm_speech_bubble_top:after { top: 0; left: 50%; border-top: 0; border-left: 0; margin-top: -12px; } .body_content_wrapper .cm_speech_bubble_bottom:after { bottom: 0; left: 50%; border-bottom: 0; border-left: 0; margin-bottom: -12px; } .body_content_wrapper .process.frontPageBlock.jord { min-height: 150px !important; } .body_content_wrapper .cm_content_table caption, .body_content_wrapper #bodytext .cm_content_table caption { line-height: 40px; } .body_content_wrapper .cm_content_table caption, .body_content_wrapper #bodytext .cm_content_table caption, .body_content_wrapper .cm_content_table caption strong, .body_content_wrapper #bodytext .cm_content_table caption strong { font-size: 23px !important; } .body_content_wrapper .cm_content_table tr:nth-child(even), .body_content_wrapper #bodytext .cm_content_table tr:nth-child(even) { background-color: white; } .body_content_wrapper .cm_content_table tr:nth-child(odd), .body_content_wrapper #bodytext .cm_content_table tr:nth-child(odd) { background-color: #f6f9f2; } .body_content_wrapper .cm_content_table th, .body_content_wrapper #bodytext .cm_content_table th { text-align: center; } .body_content_wrapper .cm_content_table td, .body_content_wrapper #bodytext .cm_content_table td { text-align: center; } .body_content_wrapper .supplier-signup-wrapper table { background: transparent !important; float: left; width: 48.5% !important; } .body_content_wrapper .supplier-signup-wrapper table:first-child { margin-right: 3%; } .body_content_wrapper .supplier-signup-wrapper table td { padding: 0 !important; vertical-align: top; width: 47%; } .body_content_wrapper .supplier-signup-wrapper table td:first-child { padding-right: 3% !important; } .body_content_wrapper .supplier-signup-wrapper table td:last-child { padding-left: 3% !important; } .body_content_wrapper .supplier-signup-wrapper table td div { background: white; height: 100%; padding: 10px; } @media (min-width: 519px) and (max-width: 633px) { .body_content_wrapper .supplier-signup-wrapper table td div { height: 240px; } } @media (min-width: 461px) and (max-width: 519px) { .body_content_wrapper .supplier-signup-wrapper table td div { height: 260px; } } @media (max-width: 460px) { .body_content_wrapper .supplier-signup-wrapper table { width: 100% !important; } } .body_content_wrapper h2.cm_cut-corner { background: #9ec73d; color: white !important; position: relative; padding-left: 50px; } .body_content_wrapper h2.cm_cut-corner:before { content: ''; position: absolute; bottom: 0; left: 0; border-bottom: 50px solid #f6f6f6; border-right: 50px solid #9ec73d; width: 0; } .body_content_wrapper blockquote.cm_quotation_mark { padding: 0; margin: 0 0 12.5px; border: 0; } .body_content_wrapper p.cm_quotation_mark, .body_content_wrapper blockquote.cm_quotation_mark { position: relative; padding-left: 60px; } @media (max-width: 576px) { .body_content_wrapper p.cm_quotation_mark, .body_content_wrapper blockquote.cm_quotation_mark { padding-left: 75px; } } .body_content_wrapper p.cm_quotation_mark:before, .body_content_wrapper blockquote.cm_quotation_mark:before { content: "❝"; color: #666666; font-family: "Arial", sans-serif !important; font-size: 80px; left: 0px; position: absolute; top: 30px; } .body_content_wrapper div.cm_floatedAnimation { max-width: 100%; } @media (max-width: 575px) { .body_content_wrapper div.cm_floatedAnimation { width: 100% !important; } } @media (min-width: 620px) { .body_content_wrapper div.testQuestionWrapper { display: flex; } } .body_content_wrapper div.cm_bergvarmepris--cities-nav { text-align: center; } .body_content_wrapper div.cm_bergvarmepris--cities-nav ul, .body_content_wrapper div.cm_bergvarmepris--cities-nav li { margin-left: 0; padding-left: 0; display: inline-block; } .body_content_wrapper div.cm_bergvarmepris--cities-nav a { -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25), 0px 1px 10px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25), 0px 1px 10px rgba(0, 0, 0, 0.15); background-color: white; border-radius: 3px; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25), 0px 1px 10px rgba(0, 0, 0, 0.15); display: inline-block; margin: 8px; padding: 15px 10px; text-align: center; width: 200px; text-decoration: none; transition: 0.1s ease-in-out; } .body_content_wrapper div.cm_bergvarmepris--cities-nav a:hover { -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35), 0px 1px 10px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35), 0px 1px 10px rgba(0, 0, 0, 0.25); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35), 0px 1px 10px rgba(0, 0, 0, 0.25); } .body_content_wrapper #bodytext .cm_jumplink_grid_4 { text-align: justify; } .body_content_wrapper #bodytext .cm_jumplink_grid_4 a { border-radius: 5px; color: white !important; display: inline-block; float: left; font-weight: bold; margin-right: 18px; padding: 19px 0; text-align: center; text-decoration: none; width: 23%; width: calc(100% / 4 - 18px * 3 / 4); } .body_content_wrapper #bodytext .cm_jumplink_grid_4 a:last-of-type { margin-right: 0; } .body_content_wrapper #bodytext .cm_jumplink_grid_4 span { display: block; font-size: 20px !important; margin-top: 12px; } @media (max-width: 991px) { .body_content_wrapper #bodytext .cm_jumplink_grid_4 span { font-size: 14px !important; } } @media (max-width: 379px) { .body_content_wrapper #bodytext .cm_jumplink_grid_4 span { font-size: 11px !important; line-height: 1; } } .body_content_wrapper .new_contact { transition: box-shadow 0.3s ease-out; } .body_content_wrapper .new_contact.cm_focus_shadow { box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.36) !important; } .body_content_wrapper .cm-sidebar-screen-reader { float: right; margin: -20px 0 -15px; overflow-x: auto; } .body_content_wrapper .cm-sidebar-screen-reader.cm-template-post { margin: -30px 0 20px; } .body_content_wrapper .cm-sidebar-screen-reader.cm-template-no-form { margin: 10px 0 0; } @media (max-width: 767px) { .body_content_wrapper .cm-sidebar-screen-reader { float: none; margin: 0 20px -10px; } .body_content_wrapper .cm-sidebar-screen-reader.cm-template-post { margin: 0 0 10px; } .body_content_wrapper .cm-sidebar-screen-reader.cm-template-no-form { margin: 10px 0; } } .body_content_wrapper .cm-fact-box-float-right { float: right; margin-left: 16px; } @media (max-width: 767px) { .body_content_wrapper .cm-fact-box-float-right { float: none; margin-left: 0; width: 100% !important; } } .df-in-form-disclaimer { color: #999999; fill: #999999; font-size: 12px; } .df-in-form-disclaimer::before { content: ""; clear: both; display: block; } .df-in-form-disclaimer svg { position: relative; top: 2px; } h4.df-heading { color: #666666; margin-bottom: 12px; margin-bottom: 12.5px; } hr.df-hr { border: 0; border-bottom: 1px solid #e7e6e6; margin: 20px 0 25px; } .df-columns-2 > * { float: left; width: 50%; } .df-columns-2 > * iframe { float: right; } .df-columns-2 > * p { font-size: 14px; } @media (max-width: 575px), (min-width: 980px) and (max-width: 1200px) { .df-columns-2 > * { float: none; width: 100%; } .df-columns-2 > * iframe { margin: 0 auto; } } .df-columns-2::after { content: ""; clear: both; display: block; } .df-columns-2 a { color: #42b8ca; } .df-columns-3 { text-align: center; } .df-columns-3 > * { float: left; display: block; width: 33%; width: calc(100% / 3); } .df-columns-3 > * img { margin: 0 auto; width: 66px; } .df-columns-3::after { content: ""; clear: both; display: block; } .df-columns-3 a { color: #42b8ca; } .cm-trustpilot-score { text-align: center; } .cm-trustpilot-score a { border-top: 1px solid #d0e8eb; font-size: 14px; padding: 0.75rem 2rem; } .cm-trustpilot-score a .cm-divider { color: #d0e8eb; margin: 0 1rem; display: inline-block; }