It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://seoranko.de/%3C/a%3E

  1. <!doctype html>
  2. <html lang="de">
  3. <head>
  4.    <meta charset="utf-8">
  5.    <meta name="viewport" content="width=device-width, initial-scale=1">
  6.  
  7.    <title>404 Artikel nicht gefunden - SEORANKO</title>
  8.  
  9.  
  10.    <!-- Icon -->
  11.    <link href="/images/favicon.png" rel="shortcut icon" type="image/png">
  12.  
  13.  
  14.    <!-- Metas -->
  15.    <meta name="description" content="Der gewünschte Artikel ist leider nicht oder nicht mehr im SEORANKO verfügbar.">
  16.    <meta name="keywords" content="404 nicht gefunden, SEORANKO, Infoportal, Artikel, Beiträge, Nachrichten, Informationen, Nischenmarkt">
  17.    
  18.  
  19.    <!-- Styles -->
  20.    <style>
  21.  
  22.        
  23. /* *************** CORE *************** */
  24.  
  25. *,
  26. *::before,
  27. *::after {
  28.    -webkit-box-sizing: border-box;
  29.    -moz-box-sizing: border-box;
  30.    box-sizing: border-box;
  31. }
  32.  
  33. html {
  34.    height: 100%;
  35. }
  36.  
  37. body {
  38.    position: relative;
  39.    background-color: #fff;
  40.    height: 100%;
  41.    margin: 0;
  42. }
  43.  
  44. .hidden {
  45.    display: none !important;
  46. }
  47.  
  48. .absolute {
  49.    position: absolute;
  50.    top: 0;
  51.    left: 0;
  52.    width: 100%;
  53.    height: 100%;
  54. }
  55.  
  56.  
  57. /* *************** NAV *************** */
  58.  
  59. .co-nav {
  60.    background-color: #147ab3;
  61.    overflow: hidden;
  62. }
  63.  
  64. .co-nav .name a {
  65.    display: block;
  66.    color: #fff;
  67.    font-family: 'Times New Roman', Times, serif;
  68.    font-weight: 500;
  69.    font-size: 32px;
  70.    line-height: 80px;
  71.    text-align: center;
  72.    text-decoration: none;
  73. }
  74.  
  75. @media (min-width: 768px) {
  76. .co-nav .name a {
  77.    font-size: 40px;
  78.    text-align: left;
  79.    margin: 0 0 0 20px;
  80.    text-transform: uppercase;
  81. }}
  82.  
  83.  
  84. /* *************** COPYRIGHT *************** */
  85.  
  86. .co-copyright {
  87.    display: block;
  88.    background-color: #147ab3;
  89.    border-top: 1px solid rgba(255,255,255,0.2);
  90.    color: #fff;
  91.    font-family: Arial, Helvetica, sans-serif;
  92.    font-weight: 400;
  93.    font-size: 15px;
  94.    line-height: 24px;
  95.    -webkit-user-select: none;
  96.    -moz-user-select: none;
  97.    -ms-user-select: none;
  98.    user-select: none;
  99.    overflow: hidden;
  100. }
  101.  
  102. .co-copyright .page {
  103.    padding: 30px 10px 20px;
  104.    margin: 0 auto;
  105. }
  106.  
  107. @media (min-width: 768px) {
  108. .co-copyright .page {
  109.    max-width: 740px;
  110. }}
  111.        
  112. @media (min-width: 992px) {
  113. .co-copyright .page {
  114.    font-size: 16px;
  115.    max-width: 960px;
  116.    padding: 20px 10px;
  117. }}
  118.        
  119. @media (min-width: 1200px) {
  120. .co-copyright .page {
  121.    max-width: 1160px;
  122. }}
  123.  
  124.  
  125. .co-copyright .box {
  126.    display:flex;
  127.    flex-wrap:wrap;
  128.    margin: 0 auto;
  129. }
  130.  
  131. .co-copyright .col1,
  132. .co-copyright .col2 {
  133.    flex: 0 0 100%;
  134.    max-width: 100%;
  135.    text-align: center;
  136. }
  137.  
  138. .co-copyright .col2 {
  139.    margin: 30px 0 0 0;
  140. }
  141.  
  142. @media (min-width: 768px) {
  143. .co-copyright .col2 {
  144.    margin: 16px 0 0 0;
  145. }}
  146.    
  147. @media (min-width: 992px) {
  148. .co-copyright .col1 {
  149.    flex: 0 0 50%;
  150.    max-width: 50%;
  151.    line-height: 48px;
  152.    text-align: left;
  153. }
  154. .co-copyright .col2 {
  155.    flex: 0 0 50%;
  156.    max-width: 50%;
  157.    line-height: 48px;
  158.    margin: 0;
  159. }}
  160.  
  161.  
  162. .co-copyright .text a {
  163.    color: #fff;
  164.    text-decoration: none;
  165.    white-space: nowrap;
  166. }
  167.  
  168. .co-copyright .link a,
  169. .co-copyright .link span {
  170.    display: block;
  171.    color: #fff;
  172.    line-height: 24px;
  173.    text-decoration: none;
  174.    margin: 0 0 20px 0;
  175.    cursor: pointer;
  176. }
  177.  
  178. @media (min-width: 768px) {
  179. .co-copyright .link a,
  180. .co-copyright .link span {
  181.    display: inline-block;
  182.    margin: 0 25px;
  183. }}
  184.    
  185.  
  186.  
  187.  
  188. /* *************** PAGE-WITH-SIDEBAR *************** */
  189.  
  190. .co-page-with-sidebar {
  191.    display:flex;
  192.    flex-wrap:wrap;
  193.    padding: 0px 10px;
  194.    max-width: 1240px;
  195.    margin: 0 auto;
  196. }
  197.  
  198. .co-page-with-sidebar .primary {
  199.    position: relative;
  200.    flex: 0 0 100%;
  201.    max-width: 100%;
  202.    margin: 20px 0;
  203. }
  204.  
  205. .co-page-with-sidebar .secondary {
  206.    position: relative;
  207.    flex: 0 0 100%;
  208.    max-width: 100%;
  209.    margin: 20px 0;
  210. }
  211.  
  212.  
  213. @media (min-width: 300px) {
  214. .co-page-with-sidebar {
  215.    padding: 0px 15px;
  216. }}
  217.  
  218. @media (min-width: 360px) {
  219. .co-page-with-sidebar {
  220.    padding: 0px 20px;
  221. }}
  222.    
  223.  
  224. @media (min-width: 768px) {
  225. .co-page-with-sidebar {
  226.    padding: 0px 20px;
  227. }
  228.  
  229. .co-page-with-sidebar .primary {
  230.    position: relative;
  231.    flex: 0 0 70%;
  232.    max-width: 70%;
  233.    padding-right: 29px;
  234.    border-right: 1px solid #eee;
  235.    margin: 50px 0;
  236. }
  237.  
  238. .co-page-with-sidebar .secondary {
  239.    position: relative;
  240.    flex: 0 0 30%;
  241.    max-width: 30%;
  242.    padding-left: 30px;
  243.    margin: 50px 0;
  244. }}
  245.        
  246.  
  247.  
  248. @media (min-width: 992px) {
  249. .co-page-with-sidebar .primary {
  250.    padding-right: 59px;
  251. }
  252.  
  253. .co-page-with-sidebar .secondary {
  254.    padding-left: 60px;
  255. }}
  256.        
  257.            
  258.  
  259. /* *************** PAGINATION *************** */
  260.  
  261. .co-pagination {
  262.    position: relative;
  263.    color: #aaa9a9;
  264.    font: 700 15px Arial,Helvetica,sans-serif;
  265.    padding: 20px 0 20px 0;
  266.    margin: 50px 0;
  267.    overflow: hidden;    
  268. }
  269.  
  270. .co-pagination .linkprev {
  271.    position: absolute;
  272.    left: 0;
  273.    top: 13px;
  274.    color: #0274be;
  275.    line-height: 21px;
  276.    display: block;
  277.    padding: 4px 0 4px 4px;
  278.    text-decoration: none;    
  279. }
  280.  
  281. .co-pagination .linkprev::before {
  282.    content: '';
  283.    display: inline-block;
  284.    background-image: url("data:image/svg+xml;utf8,<svg width='100%' height='100%' viewBox='0 0 256 256' version='1.1' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;fill:%23696969;'><g transform='matrix(-4.35104,0,0,4.35104,362.023,-132.959)'><path d='M57,60L38.268,78.732C37.292,79.708 37.292,81.292 38.268,82.268L41.803,85.803C42.779,86.779 44.363,86.779 45.339,85.803L69.351,61.791C70.148,60.995 70.294,59.792 69.79,58.847C69.671,58.599 69.509,58.367 69.303,58.161L45.291,34.149C44.315,33.173 42.731,33.173 41.756,34.149L38.22,37.685C37.244,38.66 37.244,40.244 38.22,41.22L57,60Z'/></g></svg>");
  285.    background-repeat: no-repeat;
  286.    width: 12px;
  287.    height: 12px;
  288.    margin: 5px 6px -5px 0;
  289. }
  290.  
  291. .co-pagination .linkprev span {
  292.    display: none;
  293. }
  294.  
  295. .co-pagination .linknext {
  296.    position: absolute;
  297.    right: 0;
  298.    top: 13px;
  299.    color: #0274be;
  300.    line-height: 21px;
  301.    display: block;
  302.    padding: 4px 4px 4px 0;
  303.    text-decoration: none;    
  304. }
  305.  
  306. .co-pagination .linknext::after {
  307.    content: '';
  308.    display: inline-block;
  309.    background-image: url("data:image/svg+xml;utf8,<svg width='100%' height='100%' viewBox='0 0 256 256' version='1.1' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;fill:%23696969;'><g transform='matrix(4.35104,0,0,4.35104,-106.023,-132.959)'><path d='M57,60L38.268,78.732C37.292,79.708 37.292,81.292 38.268,82.268L41.803,85.803C42.779,86.779 44.363,86.779 45.339,85.803L69.351,61.791C70.148,60.995 70.294,59.792 69.79,58.847C69.671,58.599 69.509,58.367 69.303,58.161L45.291,34.149C44.315,33.173 42.731,33.173 41.756,34.149L38.22,37.685C37.244,38.66 37.244,40.244 38.22,41.22L57,60Z'/></g></svg>");
  310.    background-repeat: no-repeat;
  311.    width: 12px;
  312.    height: 12px;
  313.    margin: 5px 0 -5px 6px;
  314. }
  315.  
  316. .co-pagination .linknext span {
  317.    display: none;
  318. }
  319.  
  320. .co-pagination .navi {
  321.    text-align: center;
  322. }
  323.  
  324. .co-pagination .navi strong {
  325.    display: inline;
  326.    background-color: #0274be;
  327.    border: 1px solid #0274be;
  328.    border-radius: 3px;
  329.    color: #fff;
  330.    padding: 5px 8px;
  331.    margin-right: 8px;
  332. }
  333.  
  334. .co-pagination .navi a {
  335.    display: inline;
  336.    background-color: #e6f4ff;
  337.    border: 1px solid #0274be;
  338.    border-radius: 3px;
  339.    color: #696969;
  340.    padding: 5px 8px;
  341.    margin-right: 8px;
  342.    text-decoration: none;
  343. }
  344.  
  345.  
  346. @media (min-width: 768px) {
  347. .co-pagination .linkprev {
  348.    padding: 4px 0 4px 16px;
  349. }
  350. .co-pagination .linknext {
  351.    padding: 4px 16px 4px 0;
  352. }
  353. .co-pagination .navi strong {
  354.    padding: 10px 14px;
  355. }
  356. .co-pagination .navi a {
  357.    padding: 10px 14px;
  358. }}
  359.  
  360.  
  361. @media (min-width: 1200px) {
  362. .co-pagination .linkprev {
  363.    padding: 4px 0 4px 16px;
  364. }
  365. .co-pagination .linkprev::before {
  366.    margin: 1px 6px -1px 0;
  367. }
  368. .co-pagination .linkprev span {
  369.    display: inline;
  370. }
  371. .co-pagination .linknext {
  372.    padding: 4px 16px 4px 0;
  373. }
  374. .co-pagination .linknext::after {
  375.    margin: 1px 0 -1px 6px;
  376. }
  377. .co-pagination .linknext span {
  378.    display: inline;
  379. }
  380. .co-pagination .navi strong {
  381.    padding: 10px 14px;
  382. }
  383. .co-pagination .navi a {
  384.    padding: 10px 14px;
  385. }}
  386.    
  387.  
  388.  
  389. /* *************** ARTICLE-LIST *************** */
  390.  
  391. .co-article-list {
  392.    font-family: Arial, Helvetica, sans-serif;
  393.    font-weight: 400;
  394. }
  395.  
  396. .co-article-list .header h1 {
  397.    font-family: inherit;
  398.    font-weight: inherit;
  399.    font-size: 30px;
  400.    overflow-wrap: break-word;
  401.    color: #3a3a3a;
  402. }
  403.  
  404. .co-article-list .header p {
  405.    font-size: 15px;
  406.    line-height: 25px;
  407.    overflow-wrap: break-word;
  408.    color: #7A7A7A;
  409. }
  410.  
  411.  
  412. .co-article-list .box {
  413.    margin-top: 40px;
  414. }
  415.  
  416. .co-article-list .box .item {
  417.    margin-bottom: 40px;
  418. }
  419.  
  420.  
  421. @media (min-width: 768px) {
  422. .co-article-list .box {
  423.    margin-top: 50px;
  424. }
  425.  
  426. .co-article-list .box .item {
  427.    margin-bottom: 50px;
  428. }}
  429.  
  430.  
  431.  
  432. /* *************** ARTICLE-CARD *************** */
  433.  
  434. .co-article-card {
  435.    display:flex;
  436.    flex-wrap:wrap;
  437.    position: relative;
  438. }
  439.  
  440. .co-article-card > a {
  441.    display: block;
  442.    position: absolute;
  443.    width: 100%;
  444.    height: 100%;
  445.    cursor: pointer;
  446.    z-index: 1;
  447. }
  448.  
  449. .co-article-card .thumbnail {
  450.    flex: 0 0 100%;
  451.    max-width: 100%;
  452. }
  453.  
  454. .co-article-card .thumbnail .cover {
  455.    position: relative;
  456. }
  457.  
  458. .co-article-card .thumbnail img {
  459.    display: block;
  460.    position: absolute;
  461.    width: 100%;
  462.    height: 100%;
  463.    object-fit: cover;
  464. }
  465.  
  466. .co-article-card .content {
  467.    flex: 0 0 100%;
  468.    max-width: 100%;
  469.    -webkit-box-shadow: 0 1px 25px rgb(0 0 0 / 5%);
  470.    box-shadow: 0 1px 25px rgba(0,0,0,.05);
  471.    overflow-wrap: break-word;
  472.    padding: 10px 20px;
  473. }
  474.  
  475. .co-article-card .content h3 {
  476.    color: #54595F;
  477.    font-family: inherit;
  478.    font-weight: inherit;
  479.    font-size: 20px;
  480.    line-height: 28px;
  481.    margin-bottom: 10px;
  482.    overflow-wrap: break-word;
  483.    overflow: hidden;
  484. }
  485.  
  486. .co-article-card .content .seperator {
  487.    background-color: #0274BE;
  488.    height: 2px;
  489.    width: 25%;
  490.    margin-bottom: 20px;
  491. }
  492.  
  493. .co-article-card .content p {
  494.    display: -webkit-box;
  495.    font-family: inherit;
  496.    font-weight: inherit;
  497.    font-size: 15px;
  498.    line-height: 24px;
  499.    -webkit-box-orient: vertical;    
  500.    -webkit-line-clamp: 6;
  501.    line-clamp: 6;
  502.    word-wrap: break-word;
  503.    overflow: hidden;
  504. }
  505.  
  506.  
  507. @media (min-width: 768px) {
  508. .co-article-card {
  509.    background-color: #f6f6f6;        
  510. }
  511.  
  512. .co-article-card .thumbnail {
  513.    position: relative;
  514.    flex: 0 0 50%;
  515.    max-width: 50%;
  516. }
  517.  
  518. .co-article-card .content {
  519.    background-color: #fff;
  520.    position: relative;
  521.    flex: 0 0 50%;
  522.    max-width: 50%;
  523.    margin: 30px 0px 30px -30px;
  524. }
  525.  
  526. .co-article-card .content h3 {
  527.    font-size: 25px;
  528.    line-height: 35px;
  529.    margin-bottom: 15px;
  530. }
  531.  
  532. .co-article-card .content p {
  533.    font-size: 15px;
  534.    line-height: 28px;
  535. }}
  536.  
  537.  
  538.  
  539.  
  540. /* *************** SIDEBAR:AD *************** */
  541.  
  542. .co-ad {
  543.    margin-bottom: 40px;
  544. }
  545.  
  546. .co-ad p {
  547.    background-color: #ccc;
  548.    min-height: 500px;
  549.    margin: 5px 0 0;
  550.    cursor: pointer;
  551. }
  552.  
  553.  
  554.  
  555. /* *************** SIDEBAR:CATEGORIES *************** */
  556.  
  557. .co-recommended-categories {
  558.    display: block;
  559.    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
  560.    font-weight: 400;
  561.    margin-bottom: 40px;
  562.    overflow: hidden;
  563. }
  564. .co-recommended-categories h2 {
  565.    font-family: inherit;
  566.    font-weight: inherit;
  567.    font-size: 21px;
  568.    color: #0274be;
  569. }
  570.  
  571. .co-recommended-categories ul {
  572.    list-style: none;
  573.    margin: 0;
  574.    padding: 10px 0 0 30px;
  575.    border: 1px solid #eee;
  576. }
  577.  
  578. .co-recommended-categories ul li::before {
  579.    display: inline-block;
  580.    content: "\25aa";
  581.    color: #0274be;
  582.    font-weight: bold;
  583.    width: 8px;
  584.    margin-left: -15px;
  585.  }
  586.  
  587. .co-recommended-categories li {
  588.    margin-bottom: 10px;
  589. }
  590.  
  591. .co-recommended-categories li a {
  592.    display: inline-block;
  593.    font-family: inherit;
  594.    font-weight: inherit;
  595.    font-size: 16px;
  596.    line-height: 25px;
  597.    text-decoration: none;
  598.    color: #0274be;
  599.    transition: background-color .2s linear;
  600.    padding: 3px 8px;
  601. }
  602.  
  603. .co-recommended-categories li a:hover {
  604.    background-color: #e4e4e4;
  605. }
  606.  
  607.  
  608.  
  609. /* ************ SIDEBAR:INFOPORTALE ********** */
  610.  
  611. .co-infoportale {
  612.    display: block;
  613.    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
  614.    font-weight: 400;
  615.    margin-bottom: 40px;
  616.    overflow: hidden;
  617. }
  618.  
  619. .co-infoportale h2 {
  620.    font-family: inherit;
  621.    font-weight: inherit;
  622.    font-size: 21px;
  623.    color: #0274be;
  624. }
  625.  
  626. .co-infoportale .box {
  627.    border: 1px solid #eee;
  628.    padding: 5px 5px 5px 10px;
  629.    height: 240px;
  630.    margin: 0;
  631.    overflow-y: scroll;
  632. }
  633.  
  634. .co-infoportale .box::-webkit-scrollbar {
  635.  width: 3px;
  636. }
  638. .co-infoportale .box::-webkit-scrollbar-track {
  639.  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  640. }
  642. .co-infoportale .box::-webkit-scrollbar-thumb {
  643.  background-color: darkgrey;
  644. }
  645.  
  646.  
  647. .co-infoportale .box p {
  648.    display: inline;
  649. }
  650.  
  651. .co-infoportale .box span {
  652.    display: none;
  653. }
  654.  
  655. .co-infoportale a {
  656.    display: inline-block;
  657.    font-family: inherit;
  658.    font-weight: inherit;
  659.    font-size: 15px;
  660.    line-height: 25px;
  661.    text-decoration: none;
  662.    color: #0274be;
  663.    transition: background-color .2s linear;
  664.    padding: 2px 4px;
  665.    min-width: 65px;
  666. }
  667.  
  668. .co-infoportale a:hover {
  669.    background-color: #e4e4e4;
  670. }
  671.  
  672. .co-infoportale a::before {
  673.    content: '\2022';
  674.    padding-right: 5px;
  675. }
  676.  
  677.  
  678.  
  679. /* *************** SIDEBAR:NEWSTICKER *************** */
  680.  
  681. .co-newsticker {
  682.    display: block;
  683.    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
  684.    font-weight: 400;
  685.    overflow: hidden;
  686. }
  687.  
  688. .co-newsticker h2 {
  689.    font-family: inherit;
  690.    font-weight: inherit;
  691.    font-size: 21px;
  692.    color: #0274be;
  693. }
  694.  
  695.  
  696. .co-newsticker ul {
  697.    margin: 0;
  698.    padding: 0;
  699.    list-style: none;
  700. }
  701.  
  702.  
  703. .co-newsticker li {
  704.    display: block;
  705.    border: 1px solid #eee;
  706.    text-align: center;
  707.    margin-bottom: 15px;
  708. }
  709.  
  710. .co-newsticker li a {
  711.    display: block;
  712.    font-family: inherit;
  713.    font-weight: inherit;
  714.    font-size: 15px;
  715.    line-height: 30px;
  716.    text-decoration: none;
  717.    padding: 5px;
  718.    color: #0274be;
  719.    transition: background-color .2s linear;
  720. }
  721.  
  722. .co-newsticker li a:hover {
  723.    background-color: #e4e4e4;
  724. }
  725.  
  726.  
  727. .co-newsticker li span {
  728.    display: block;
  729.    font-family: inherit;
  730.    font-weight: inherit;
  731.    font-size: 15px;
  732.    font-style: italic;    
  733.    line-height: 30px;
  734.    text-decoration: none;
  735.    padding: 5px;
  736.    color: #3a3a3a;
  737. }
  738.  
  739.  
  740.  
  741.  
  742. /* ************************************************************* COMMENT ********************************* */
  743.  
  744.  
  745.  
  746.  
  747. .co-comment {
  748.    margin: 0 auto;
  749.    max-width: 720px;
  750.    max-width: unset;
  751.    padding: 40px 15px;
  752.    padding: 40px 0px;
  753.    background-color: #fff;
  754.    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  755. }
  756.  
  757.  
  758.  
  759. /*  ************************************** */
  760. /*                Comment List             */
  761. /*  ************************************** */
  762.  
  763.  
  764. .co-comment-list .title {
  765.    position: relative;
  766.    overflow: hidden;
  767.    padding: 5px;
  768. }
  769.  
  770. .co-comment-list .title h3 {
  771.    color: #386E9D;
  772.    font-size: 18px;
  773.    line-height: 24px;
  774.    margin: 5px 0 20px;
  775. }
  776.  
  777. @media (min-width: 300px) {
  778. .co-comment-list .title h3 {
  779.    font-size: 20px;
  780.    line-height: 25px;
  781. }}
  782.  
  783.  
  784. @media (min-width: 480px) {
  785. .co-comment-list .title h3 {
  786.    font-size: 24px;
  787.    line-height: 28px;
  788.    margin: 5px 0 20px;
  789. }}
  790.    
  791. @media (min-width: 768px) {
  792. .co-comment-list .title h3 {
  793.    font-size: 28px;
  794.    line-height: 32px;
  795.    margin: 5px 0 20px;
  796. }}
  797.  
  798.  
  799.  
  800.  
  801.  
  802. .co-comment-list ol {
  803.    list-style: none;
  804.    padding: 0;
  805. }
  806.  
  807. .co-comment-list ol.top > li {
  808.    border-bottom: 1px solid #ccc;
  809.    margin-top: 20px;
  810.    padding-bottom: 20px;
  811. }
  812.  
  813. .co-comment-list ol.top > li:last-of-type {
  814.    border-bottom: none;
  815. }
  816.  
  817. .co-comment-list ol.sub {
  818.    border-left: 2px solid #ccc;
  819.    padding: 0 0 0 20px;
  820. }
  821.  
  822. .co-comment-list ol.level-1 {
  823.    border-left: 2px solid #bde0e6;
  824. }
  825.  
  826.  
  827.  
  828.  
  829. .co-comment-list .comment {
  830.    word-wrap: break-word;
  831.    margin: 10px 0 0;
  832.    padding: 10px 0 20px;
  833. }
  834.  
  835.  
  836.  
  837. .co-comment-list .comment .header {
  838.    display: flex;
  839. }
  840.  
  841. .co-comment-list .comment .header img {
  842.    display: inline;
  843.    width: 40px;
  844.    height: 40px;
  845.    border-radius: 20px;
  846.    margin-right: 0.8rem;
  847. }
  848.  
  849. .co-comment-list .comment .header a {
  850.    display: inline;
  851.    line-height: 40px;
  852.    color: rgb(187, 74, 3);
  853.    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  854.    font-size: 16px;
  855.    font-weight: 600;
  856.    text-decoration: none;
  857. }
  858.  
  859. .co-comment-list .comment .header span {
  860.    display: inline;
  861.    line-height: 40px;
  862.    color: #666;
  863.    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  864.    font-size: 16px;
  865.    font-weight: 600;
  866. }
  867.  
  868.  
  869.  
  870. .co-comment-list .comment .content {
  871.    margin: 15px 0;
  872. }
  873.  
  874.  
  875.  
  876. .co-comment-list .comment .replay {
  877.    margin-top: 15px;
  878. }
  879.  
  880. .co-comment-list .comment .replay > button {
  881.    display: block;
  882.    border: none;
  883.    outline: none;
  884.    margin: 0;
  885.    padding: 0;
  886.    background-color: transparent;
  887.    color: #666;
  888.    font-size: 14px;
  889.    font-weight: 600;
  890.    text-transform: uppercase;
  891.    cursor: pointer;
  892. }
  893.  
  894.  
  895.  
  896. .co-comment-list .comment .replay > #comment-unit {
  897.    margin-top: 20px;
  898. }
  899.  
  900.  
  901.  
  902.  
  903.  
  904.  
  905. /*  ************************************** */
  906. /*                Comment Unit             */
  907. /*  ************************************** */
  908.  
  909.  
  910. .co-comment-unit {
  911.    position: relative;
  912. }
  913.  
  914.  
  915.  
  916. .co-comment-unit .title {
  917.    position: relative;
  918.    overflow: hidden;
  919.    padding: 5px;
  920. }
  921.  
  922.  
  923. .co-comment-unit .title h3 {
  924.    color: #386E9D;
  925.    font-size: 18px;
  926.    line-height: 24px;
  927.    margin: 5px 0 20px;
  928. }
  929.  
  930. .co-comment-unit .title p {
  931.    color: #333;
  932.    font-size: 14px;
  933.    line-height: 20px;
  934.    margin: 0 5px 20px;
  935. }
  936.  
  937.  
  938. @media (min-width: 300px) {
  939. .co-comment-unit .title h3 {
  940.    font-size: 20px;
  941.    line-height: 25px;
  942. }
  943. .co-comment-unit .title p {
  944.    font-size: 15px;
  945.    line-height: 24px;
  946. }}
  947.  
  948.  
  949. @media (min-width: 480px) {
  950. .co-comment-unit .title h3 {
  951.    font-size: 24px;
  952.    line-height: 28px;
  953.    margin: 5px 0 20px;
  954. }
  955. .co-comment-unit .title p {
  956.    font-size: 16px;
  957.    line-height: 25px;
  958.    margin: 0 0 25px;
  959. }}
  960.        
  961.    
  962. @media (min-width: 768px) {
  963. .co-comment-unit .title h3 {
  964.    font-size: 28px;
  965.    line-height: 32px;
  966.    margin: 5px 0 20px;
  967. }
  968. .co-comment-unit .title p {
  969.    font-size: 17px;
  970.    line-height: 28px;
  971.    margin: 0 0 30px;
  972. }}
  973.        
  974.  
  975. .co-comment-unit .title button.cancel {
  976.    display: block;
  977.    border: none;
  978.    outline: none;
  979.    margin: 25px 0 20px 0;
  980.    padding: 0;
  981.    background-color: transparent;
  982.    color: #666;
  983.    font-size: 14px;
  984.    font-weight: 600;
  985.    text-transform: uppercase;
  986.    text-decoration: underline;
  987.    cursor: pointer;
  988. }
  989.  
  990.  
  991.  
  992.  
  993.  
  994. .co-comment-unit .data .field {
  995.    position: relative;
  996. }
  997.  
  998. .co-comment-unit .data label {
  999.    position: absolute;
  1000.    pointer-events: none;
  1001.    margin-bottom: 0;
  1002.    font-size: 18px;
  1003.    color: #a5a5a5;
  1004.    line-height: 22px;
  1005.    top: 22px;
  1006.    left: 15px;
  1007.    -webkit-transition: all 0.2s ease-in-out;
  1008.    transition: all 0.2s ease-in-out;    
  1009. }
  1010.  
  1011. .co-comment-unit .data label.focus {
  1012.    top: 2px;
  1013.    font-size: 12px;
  1014. }
  1015.  
  1016.  
  1017. .co-comment-unit .data textarea {
  1018.    display: block;
  1019.    border: 1px solid #ccc;
  1020.    border-radius: 5px;
  1021.    outline: none;
  1022.    padding: 20px 15px;
  1023.    width: 100%;
  1024.    min-height: 180px;
  1025.    font-family: Arial, Helvetica, sans-serif;
  1026.    font-size: 16px;
  1027.    line-height: 24px;
  1028.    color: #444;
  1029.    margin-bottom: 20px;
  1030.    resize: none;
  1031. }
  1032.  
  1033. .co-comment-unit .data textarea.error {
  1034.    border: 1px solid red;
  1035. }
  1036.  
  1037. .co-comment-unit .data textarea:focus {
  1038.    border: 1px solid #588EBD;
  1039.    outline: 1px solid #588EBD;
  1040. }
  1041.  
  1042.  
  1043. .co-comment-unit .data input {
  1044.    display: block;
  1045.    border: 1px solid #ccc;
  1046.    border-radius: 5px;
  1047.    outline: none;
  1048.    padding: 20px 15px;
  1049.    width: 100%;
  1050.    font-size: 16px;
  1051.    line-height: 24px;
  1052.    margin-bottom: 20px;
  1053. }
  1054.  
  1055. .co-comment-unit .data input.error {
  1056.    border: 1px solid red;
  1057. }
  1058.  
  1059. .co-comment-unit .data input:focus {
  1060.    border: 1px solid #588EBD;
  1061.    outline: 1px solid #588EBD;
  1062. }
  1063.  
  1064.  
  1065. .co-comment-unit .hint span.info {
  1066.    display: block;
  1067.    position: absolute;
  1068.    width: 100%;
  1069.    margin: -10px 0 10px;
  1070.    color: red;
  1071.    font-weight: 500;
  1072.    font-size: 13px;
  1073.    line-height: 15px;
  1074. }
  1075.  
  1076.  
  1077. @media (min-width: 480px) {
  1078. .co-comment-unit .hint span.info {
  1079.    margin: -5px 0 5px 5px;
  1080.    font-size: 15px;
  1081.    line-height: 15px;
  1082. }}
  1083.                
  1084. .co-comment-unit .action button {
  1085.    display: block;
  1086.    background-color: #386E9D;
  1087.    border: none;
  1088.    outline: none;
  1089.    color: #fff;
  1090.    font-family: Arial, Helvetica, sans-serif;
  1091.    font-weight: 600;
  1092.    font-size: 15px;
  1093.    line-height: 24px;
  1094.    width: 100%;
  1095.    line-height: 50px;
  1096.    border-radius: 5px;
  1097.    letter-spacing: 1px;
  1098.    cursor: pointer;
  1099.    text-align: center;
  1100.    white-space: nowrap;
  1101.    margin: 40px 0 0 0;
  1102.    -webkit-transition: background-color 0.2s ease-in-out;
  1103.    transition: background-color 0.2s ease-in-out;    
  1104. }
  1105.  
  1106.  
  1107. .co-comment-unit .action button:hover {
  1108.    background-color: #184E7D;
  1109. }
  1110.  
  1111.  
  1112. @media (min-width: 480px) {
  1113. .co-comment-unit .action button {
  1114.    max-width: 200px;
  1115.    margin: 40px 0 0 auto;
  1116. }}
  1117.            
  1118.    
  1119.  
  1120.  
  1121.  
  1122. /* *** Spinner *** */
  1123.  
  1124.  
  1125. .co-comment .spinner {
  1126.    position: absolute;
  1127.    left: 0;
  1128.    top: 0;
  1129.    width: 100%;
  1130.    height: 100%;
  1131.    background: rgba(255,255,255,0.67);
  1132. }
  1133.  
  1134. .co-comment .spinner .inner {
  1135.    position: absolute;
  1136.    left: 0;
  1137.    top: 0;
  1138.    width: 100%;
  1139.    height: 100%;
  1140. }
  1141.  
  1142. .co-comment .spinner .content {
  1143.    position: absolute;
  1144.    left: 50%;
  1145.    top: 50%;
  1146.    transform: translate(-50%, -50%);
  1147. }
  1148.  
  1149. .co-comment .spinner .spin {
  1150.    display: inline-block;
  1151.    width: 75px;
  1152.    height: 75px;
  1153.    border-width: 5px;
  1154.    border-color: rgba(0, 0, 0, 0.1);
  1155.    border-top-color: #fff;
  1156.    animation: co-popcons-spinner 1s infinite linear;
  1157.    border-radius: 100%;
  1158.    border-style: solid;
  1159. }
  1160.  
  1161. @keyframes co-popcons-spinner {
  1162. 100% {
  1163.    transform: rotate(360deg);
  1164. }}
  1165.  
  1166.  
  1167.  
  1168.  
  1169. /* *** Status *** */
  1170.  
  1171.  
  1172. .co-comment .status {
  1173.    position: absolute;
  1174.    left: 0;
  1175.    top: 0;
  1176.    width: 100%;
  1177.    height: 100%;
  1178.    background-color: #f9f9f9;
  1179. }
  1180.  
  1181. .co-comment .status .wrap {
  1182.    display: flex;
  1183.    justify-content: center;
  1184.    align-items: center;
  1185.    overflow: hidden;
  1186.    height: 100%;
  1187. }
  1188.  
  1189. .co-comment .status .content {
  1190.    max-width: 480px;
  1191.    text-align: center;
  1192.    padding: 15px;
  1193. }
  1194.  
  1195.  
  1196. .co-comment .status button {
  1197.    display: block;
  1198.    background-color: #386E9D;
  1199.    border-radius: 5px;
  1200.    color: #fff;
  1201.    width: 100%;
  1202.    max-width: 150px;
  1203.    border: none;
  1204.    outline: none;
  1205.    font-family: Arial, Helvetica, sans-serif;
  1206.    font-weight: 600;
  1207.    font-size: 15px;
  1208.    line-height: 50px;
  1209.    letter-spacing: 1px;
  1210.    text-align: center;
  1211.    white-space: nowrap;
  1212.    margin: 40px auto 0;
  1213.    -webkit-transition: background-color 0.2s ease-in-out;
  1214.    transition: background-color 0.2s ease-in-out;    
  1215.    cursor: pointer;
  1216. }
  1217.  
  1218. .co-comment .status button:hover {
  1219.    background-color: #184E7D;
  1220. }
  1221.  
  1222. .co-comment .status .content h3 {
  1223.    font-size: 24px;
  1224.    line-height: 32px;
  1225.    color:#676767;
  1226.    margin: 0 0 30px 0;
  1227. }
  1228.  
  1229. .co-comment .status .content p {
  1230.    font-size: 18px;
  1231.    line-height: 28px;
  1232.    color:#333;
  1233. }
  1234.  
  1235.  
  1236.        
  1237. .co-error {
  1238.    margin: 0 auto;
  1239.    transition-property: padding;
  1240.    transition-duration: 0.5s;
  1241.    transition-timing-function: ease-in-out;
  1242.    min-height: calc(100% - 269px);
  1243.    max-width: 1920px;
  1244. }
  1245.  
  1246. .co-error .image {
  1247.    position: relative;
  1248.    background: rgb(98,134,196);
  1249.    background: linear-gradient(180deg, rgba(98,134,196,1) 0%, rgba(209,232,240,1) 50%, rgba(235,246,245,1) 100%);
  1250. }
  1251.  
  1252. .co-error .image img {
  1253.    display: block;
  1254.    width: 100%;
  1255.    height: auto;
  1256. }
  1257.  
  1258. .co-error .button {
  1259.    padding: 40px 0 60px;
  1260. }
  1261.  
  1262. .co-error .button a {
  1263.    display: block;
  1264.    background-color: #035BA0;
  1265.    border: 4px double #fff;
  1266.    border-radius: 35px;
  1267.    color: #fff;
  1268.    font-family: Arial, Helvetica, sans-serif;
  1269.    font-weight: 600;
  1270.    font-size: 16px;
  1271.    line-height: 24px;
  1272.    text-decoration: none;
  1273.    text-align: center;
  1274.    letter-spacing: 1px;
  1275.    padding: 10px 0px;
  1276.    max-width: 220px;
  1277.    overflow: hidden;
  1278.    margin: 0 auto;
  1279.    text-transform: uppercase;
  1280.    transition-property: background-color;
  1281.    transition-duration: 0.3s;
  1282.    transition-timing-function: ease-in-out;
  1283. }
  1284.  
  1285. .co-error .button a:hover {
  1286.    background-color: #137BC0;
  1287. }
  1288.  
  1289.  
  1290. @media (min-width: 360px) {
  1291. .co-error {
  1292.    min-height: calc(100% - 244px);
  1293. }
  1294. .co-error .button {
  1295.    padding: 60px 0 100px;
  1296. }
  1297. .co-error .button a {
  1298.    font-size: 18px;
  1299.    line-height: 32px;
  1300. }}
  1301.  
  1302.  
  1303. @media (min-width: 768px) {
  1304. .co-error {
  1305.    min-height: calc(100% - 124px);
  1306. }
  1307. .co-error .button a {
  1308.    border: 5px double #fff;
  1309.    font-size: 20px;
  1310.    line-height: 36px;
  1311.    letter-spacing: 2px;
  1312. }}
  1313.  
  1314.    
  1315. @media (min-width: 992px) {
  1316. .co-error {
  1317.    min-height: calc(100% - 89px);
  1318. }}
  1319.    
  1320.        
  1321. @media (min-width: 1200px) {
  1322. .co-error .button {
  1323.    padding: 40px 0 60px;
  1324. }
  1325. .co-error .button a {
  1326.    border: 8px double #fff;
  1327.    font-size: 22px;
  1328.    line-height: 42px;
  1329.    letter-spacing: 4px;
  1330.    border-radius: 42px;
  1331.    padding: 10px 40px;
  1332.    max-width: 300px;
  1333. }}
  1334.  
  1335.    </style>
  1336.  
  1337. </head>
  1338. <body>
  1339.  
  1340.        <header class="co-nav">
  1341.  
  1342.        <div class="name">
  1343.  
  1344.            <a href="/">SEORANKO &bull; Infoportal</a>
  1345.  
  1346.        </div>
  1347.  
  1348.    </header>
  1349.  
  1350.  
  1351.    <h1 class="hidden">404 Artikel nicht gefunden</h1>
  1352.  
  1353.    <section class="co-error">
  1354.  
  1355.        <div class="image">
  1356.  
  1357.            <picture>
  1358.                <source media="(min-width: 1200px)" srcset="/images/pages/page-404/background-1920x650.png">
  1359.                <source media="(min-width: 768px)" srcset="/images/pages/page-404/background-1200x700.png">
  1360.                <source media="(min-width: 361px)" srcset="/images/pages/page-404/background-768x820.png">
  1361.                <img width="360" height="384" src="/images/pages/page-404/background-360x384.png" loading="lazy" alt="Error 404 - Die Seite konnte leider nicht gefunden werden.">
  1362.            </picture>
  1363.  
  1364.        </div>
  1365.  
  1366.        <div class="button">
  1367.  
  1368.            <a href="/">Startseite</a>
  1369.  
  1370.        </div>
  1371.  
  1372.    </section>
  1373.  
  1374.  
  1375.    
  1376.    <footer class="co-copyright">
  1377.  
  1378.        <div class="page">
  1379.  
  1380.            <div class="box">
  1381.  
  1382.                <div class="col1 text">
  1383.  
  1384.                    <span>&copy; Copyright 2024 - <a href="https://agentur4www.de/">Webdesign</a> und <a href="https://backlinko.de/">SEO</a> von <a href="https://christian-ohme.de/">Christian Ohme</a>.</span>
  1385.            
  1386.                </div>
  1387.  
  1388.                <div class="col2 link">
  1389.  
  1390.                    
  1391.                        <span onclick="location.href='/impressum'">Impressum</span>
  1392.  
  1393.                        <span onclick="location.href='/datenschutz'">Datenschutz</span>
  1394.  
  1395.                        <span onclick="location.href='/sitemap'">Sitemap</span>
  1396.  
  1397.                    
  1398.                </div>
  1399.  
  1400.            </div>
  1401.  
  1402.        </div>
  1403.  
  1404.    </footer>
  1405.  
  1406.  
  1407. </body>
  1408. </html>

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda