{"id":70,"date":"2016-02-15T14:01:19","date_gmt":"2016-02-15T14:01:19","guid":{"rendered":"http:\/\/flatsome.dev\/?page_id=3971"},"modified":"2018-12-11T20:04:48","modified_gmt":"2018-12-11T20:04:48","slug":"typografie","status":"publish","type":"page","link":"https:\/\/sosmedecinsfes.com\/de\/elemente\/typografie\/","title":{"rendered":"Typografie"},"content":{"rendered":"<div class=\"banner has-hover\" id=\"banner-1492837668\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <div class=\"bg fill bg-fill\"><\/div>\n                        <div class=\"overlay\"><\/div>            \n                    <\/div><!-- bg-layers -->\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-138977262\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n                                <div class=\"text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n<h3 class=\"uppercase\"><strong>Textelemente<\/strong><\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.<\/p>\n              <\/div>\n           <\/div><!-- text-box-inner -->\n                            \n<style scope=\"scope\">\n\n#text-box-138977262 {\n  width: 60%;\n}\n#text-box-138977262 .text {\n  font-size: 100%;\n}\n<\/style>\n    <\/div><!-- text-box -->\n \n        <\/div><!-- .banner-layers -->\n      <\/div><!-- .banner-inner -->\n\n            \n<style scope=\"scope\">\n\n#banner-1492837668 {\n  padding-top: 400px;\n}\n#banner-1492837668 .bg.bg-loaded {\n  background-image: url(https:\/\/sosmedecinsfes.com\/wp-content\/uploads\/2016\/08\/dummy-2.jpg);\n}\n#banner-1492837668 .overlay {\n  background-color: rgba(0, 0, 0, 0.66);\n}\n<\/style>\n  <\/div><!-- .banner -->\n\n\n\t<section class=\"section\" id=\"section_1304024309\">\n\t\t<div class=\"bg section-bg fill bg-fill  bg-loaded\" >\n\n\t\t\t\n\t\t\t\n\t\t\t\n\n\t\t<\/div><!-- .section-bg -->\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"container section-title-container\" ><h3 class=\"section-title section-title-center\"><b><\/b><span class=\"section-title-main\" >Typografie<\/span><b><\/b><\/h3><\/div><!-- .section-title -->\n<div class=\"row\"  id=\"row-1787052200\">\n<div class=\"col medium-3 large-3\"  ><div class=\"col-inner\"  >\n<h1>\u00dcberschrift h1<\/h1>\n<h2>\u00dcberschrift h2<\/h2>\n<h3>\u00dcberschrift h3<\/h3>\n<h4>\u00dcberschrift h4<\/h4>\n<h5>\u00dcberschrift h5<\/h5>\n<h6>\u00dcberschrift h6<\/h6>\n<\/div><\/div>\n<div class=\"col medium-3 large-3\"  ><div class=\"col-inner\"  >\n<h1 class=\"uppercase\">\u00dcberschrift h1<\/h1>\n<h2 class=\"uppercase\">\u00dcberschrift h2<\/h2>\n<h3 class=\"uppercase\">\u00dcberschrift h3<\/h3>\n<h4 class=\"uppercase\">\u00dcberschrift H4<\/h4>\n<h5 class=\"uppercase\">\u00dcberschrift H5<\/h5>\n<h6 class=\"uppercase\">\u00dcberschrift H6<\/h6>\n<\/div><\/div>\n<div class=\"col medium-3 large-3\"  ><div class=\"col-inner\"  >\n<h3 class=\"uppercase\" data-text-color=\"primary\">Grundfarbe<\/h3>\n<h3 class=\"uppercase\" data-text-color=\"secondary\">Sekund\u00e4rfarbe<\/h3>\n<h3 class=\"uppercase\" data-text-color=\"alert\">Alarmfarbe<\/h3>\n<h3 class=\"uppercase\" data-text-color=\"success\">ERFOLGSFARBE<\/h3>\n<h3 class=\"uppercase\">STANDARDFARBE<\/h3>\n<\/div><\/div>\n<div class=\"col medium-3 large-3\"  ><div class=\"col-inner\"  >\n<p><a href=\"#\">Standardlink<br \/>\n<strong>Fettgedruckter Link<\/strong><\/a><br \/>\n<strong>Fettdruck<br \/>\n<\/strong><em>Kursiver Text<br \/>\n<\/em><del>Durchgestrichen<br \/>\n<\/del><span style=\"text-decoration: underline;\">Unterstreichen<\/span><\/p>\n<\/div><\/div>\n<\/div>\n<div class=\"row\"  id=\"row-1734881284\">\n<div class=\"col medium-4 large-4\"  ><div class=\"col-inner\"  >\n<p class=\"lead\"><strong>Einleitungsabsatz<\/strong>. Dolor Sit Amet, Consectetuer Adipiscing Elite, Sed Diam Nonummy Nibh Euismod Tincidunt Ut Laoreet Dolore Magna Aliquam Erat Volutpat.<\/p>\n<\/div><\/div>\n<div class=\"col medium-4 large-4\"  ><div class=\"col-inner\"  >\n<p><strong>Fettdruck.<\/strong>\u00a0sit amet, consectetuer <em>kursiver Text\u00a0\u00a0<\/em>Elite, sed diam nonummy nibh euismod tincidunt ut laoreet <span style=\"text-decoration: underline;\">unterstreichen<\/span>\u00a0magna aliquam erat volutpat. <del>Durchstreichen<\/del>. ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea. <a href=\"#\">Ein einfacher Link.<\/a><\/p>\n<\/div><\/div>\n<div class=\"col medium-4 large-4\"  ><div class=\"col-inner\"  >\n<p>Normaler Absatz. Sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Wir wissen nur, dass wir uns auf ein Mindestma\u00df beschr\u00e4nken m\u00fcssen, denn unser K\u00f6rper wird nicht von jedermanns Sache geplagt<\/p>\n<\/div><\/div>\n<div class=\"col medium-3 large-3\"  ><div class=\"col-inner\"  >\n<h2 class=\"lead\">Standardschriftart<\/h2>\n<p class=\"lead\">Dolor sit amet, consectetuer adipiscing elit, sed diam nonummy.<\/p>\n<\/div><\/div>\n<div class=\"col medium-3 large-3\"  ><div class=\"col-inner\"  >\n<h2 class=\"lead alt-font\"><b>Alternative Schriftart<\/b>.<\/h2>\n<p class=\"lead alt-font\">Dolor sit amet, consectetuer <strong>Fettleibigkeit<\/strong> elit, sed diam nonummy.<\/p>\n<\/div><\/div>\n<div class=\"col medium-3 large-3\"  ><div class=\"col-inner\"  >\n<h2 class=\"lead\">D\u00fcnner Text<\/h2>\n<p class=\"lead\">Dolor sit amet, consectetuer adipiscing elit, sed diam nonummy.<\/p>\n<\/div><\/div>\n<div class=\"col medium-3 large-3\"  ><div class=\"col-inner\"  >\n<h2 class=\"lead uppercase\">GROSSBUCHSTABEN<\/h2>\n<p class=\"lead uppercase\">Dolor sit amet, consectetuer adipiscing elit, sed diam nonummy.<\/p>\n<\/div><\/div>\n<div class=\"col medium-6 large-6\"  ><div class=\"col-inner\"  >\n<h2 class=\"lead\">Dies ist ein\u00a0<span class=\"fancy-underline\">Elegante Textunterstreichung<\/span><\/h2>\n<p class=\"lead\">Dolor sit amet, consectetuer adipiscing elit, sed diam nonummy.<\/p>\n<\/div><\/div>\n<div class=\"col medium-6 large-6\"  ><div class=\"col-inner\"  >\n<h2 class=\"lead\">Dies ist eine Zahl, die aufw\u00e4rts z\u00e4hlt. <span class=\"count-up\"><strong>5000<\/strong><\/span><\/h2>\n<p class=\"lead\">Die Zahl kann an beliebiger Stelle hinzugef\u00fcgt werden.<\/p>\n<\/div><\/div>\n<\/div>\n\t\t<\/div><!-- .section-content -->\n\n\t\t\n<style scope=\"scope\">\n\n#section_1304024309 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  background-color: rgb(255, 255, 255);\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section\" id=\"section_1620949420\">\n\t\t<div class=\"bg section-bg fill bg-fill  bg-loaded\" >\n\n\t\t\t\n\t\t\t<div class=\"section-bg-overlay absolute fill\"><\/div>\n\t\t\t\n\n\t\t<\/div><!-- .section-bg -->\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"row row-large align-middle\"  id=\"row-853722775\">\n<div class=\"col medium-6 small-12 large-6\"  ><div class=\"col-inner text-left\"  >\n<h6>Flatsome Tipp<\/h6>\n<h2>Im Dropdown-Men\u00fc \u00abFormat\u00bb des Texteditors finden Sie zahlreiche Textoptionen.<\/h2>\n<p class=\"lead\">Die \u00c4nderungen werden live angezeigt, wenn Sie den Page Builder verwenden.<\/p>\n<\/div><\/div>\n<div class=\"col medium-6 small-12 large-6\"  ><div class=\"col-inner\"  >\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_2063174710\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner box-shadow-3 dark\" >\n\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"400\" height=\"260\" src=\"https:\/\/sosmedecinsfes.com\/wp-content\/uploads\/2016\/08\/dummy-1.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/sosmedecinsfes.com\/wp-content\/uploads\/2016\/08\/dummy-1.jpg 400w, https:\/\/sosmedecinsfes.com\/wp-content\/uploads\/2016\/08\/dummy-1-300x195.jpg 300w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style scope=\"scope\">\n\n#image_2063174710 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n<\/div><\/div>\n\n<style scope=\"scope\">\n\n<\/style>\n<\/div>\n\t\t<\/div><!-- .section-content -->\n\n\t\t\n<style scope=\"scope\">\n\n#section_1620949420 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  background-color: rgb(193, 193, 193);\n}\n#section_1620949420 .section-bg-overlay {\n  background-color: rgba(255, 255, 255, 0.85);\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section dark\" id=\"section_915778028\">\n\t\t<div class=\"bg section-bg fill bg-fill  bg-loaded\" >\n\n\t\t\t\n\t\t\t<div class=\"section-bg-overlay absolute fill\"><\/div>\n\t\t\t\n\n\t\t<\/div><!-- .section-bg -->\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"container section-title-container\" ><h3 class=\"section-title section-title-center\"><b><\/b><span class=\"section-title-main\" >Typografie auf dunklem Hintergrund<\/span><b><\/b><\/h3><\/div><!-- .section-title -->\n<div class=\"row\"  id=\"row-212651102\">\n<div class=\"col medium-3 large-3\"  ><div class=\"col-inner\"  >\n<h1>\u00dcberschrift h1<\/h1>\n<h2>\u00dcberschrift h2<\/h2>\n<h3>\u00dcberschrift h3<\/h3>\n<h4>\u00dcberschrift h4<\/h4>\n<h5>\u00dcberschrift h5<\/h5>\n<h6>\u00dcberschrift h6<\/h6>\n<\/div><\/div>\n<div class=\"col medium-3 large-3\"  ><div class=\"col-inner\"  >\n<h1 class=\"uppercase\">\u00dcberschrift h1<\/h1>\n<h2 class=\"uppercase\">\u00dcberschrift h2<\/h2>\n<h3 class=\"uppercase\">\u00dcberschrift h3<\/h3>\n<h4 class=\"uppercase\">\u00dcberschrift H4<\/h4>\n<h5 class=\"uppercase\">\u00dcberschrift H5<\/h5>\n<h6 class=\"uppercase\">\u00dcberschrift H6<\/h6>\n<\/div><\/div>\n<div class=\"col medium-3 large-3\"  ><div class=\"col-inner\"  >\n<h3 class=\"uppercase\" data-text-color=\"primary\">Grundfarbe<\/h3>\n<h3 class=\"uppercase\" data-text-color=\"secondary\">Sekund\u00e4rfarbe<\/h3>\n<h3 class=\"uppercase\" data-text-color=\"alert\">Alarmfarbe<\/h3>\n<h3 class=\"uppercase\" data-text-color=\"success\">ERFOLGSFARBE<\/h3>\n<h3 class=\"uppercase\">STANDARDFARBE<\/h3>\n<\/div><\/div>\n<div class=\"col medium-3 large-3\"  ><div class=\"col-inner\"  >\n<p><a href=\"#\">Standardlink<br \/>\n<strong>Fettgedruckter Link<\/strong><\/a><br \/>\n<strong>Fettdruck<br \/>\n<\/strong><em>Kursiver Text<br \/>\n<\/em><del>Durchgestrichen<br \/>\n<\/del><span style=\"text-decoration: underline;\">Unterstreichen<\/span><\/p>\n<\/div><\/div>\n<\/div>\n<div class=\"row\"  id=\"row-966915061\">\n<div class=\"col medium-4 large-4\"  ><div class=\"col-inner\"  >\n<p class=\"lead\"><strong>Einleitungsabsatz<\/strong>. Dolor Sit Amet, Consectetuer Adipiscing Elite, Sed Diam Nonummy Nibh Euismod Tincidunt Ut Laoreet Dolore Magna Aliquam Erat Volutpat.<\/p>\n<\/div><\/div>\n<div class=\"col medium-4 large-4\"  ><div class=\"col-inner\"  >\n<p><strong>Fettdruck.<\/strong>\u00a0sit amet, consectetuer <em>kursiver Text\u00a0\u00a0<\/em>Elite, sed diam nonummy nibh euismod tincidunt ut laoreet <span style=\"text-decoration: underline;\">unterstreichen<\/span>\u00a0magna aliquam erat volutpat. <del>Durchstreichen<\/del>. ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea. <a href=\"#\">Ein einfacher Link.<\/a><\/p>\n<\/div><\/div>\n<div class=\"col medium-4 large-4\"  ><div class=\"col-inner\"  >\n<p>Normaler Absatz. Sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Wir wissen nur, dass wir uns auf ein Mindestma\u00df beschr\u00e4nken m\u00fcssen, denn unser K\u00f6rper wird nicht von jedermanns Sache geplagt<\/p>\n<\/div><\/div>\n<div class=\"col medium-7 large-7\"  ><div class=\"col-inner\"  >\n<h2 class=\"lead\">Dies ist ein<span class=\"fancy-underline\">\u00a0Elegante Textunterstreichung<\/span><\/h2>\n<p class=\"lead\">Dolor sit amet, consectetuer adipiscing elit, sed diam nonummy.<\/p>\n<\/div><\/div>\n<div class=\"col medium-5 large-5\"  ><div class=\"col-inner\"  >\n<h2 class=\"lead\">Dies ist eine Zahl, die aufw\u00e4rts z\u00e4hlt. <span class=\"count-up\"><strong>5000<\/strong><\/span><\/h2>\n<p class=\"lead\">Die Zahl kann an beliebiger Stelle hinzugef\u00fcgt werden.<\/p>\n<\/div><\/div>\n<\/div>\n\t\t<\/div><!-- .section-content -->\n\n\t\t\n<style scope=\"scope\">\n\n#section_915778028 {\n  padding-top: 60px;\n  padding-bottom: 60px;\n  background-color: rgb(255, 255, 255);\n}\n#section_915778028 .section-bg-overlay {\n  background-color: rgb(34, 34, 34);\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section\" id=\"section_1347021404\">\n\t\t<div class=\"bg section-bg fill bg-fill  bg-loaded\" >\n\n\t\t\t\n\t\t\t\n\t\t\t\n\n\t\t<\/div><!-- .section-bg -->\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"container section-title-container\" ><h3 class=\"section-title section-title-center\"><b><\/b><span class=\"section-title-main\" >Zitat<\/span><b><\/b><\/h3><\/div><!-- .section-title -->\n<div class=\"row\"  id=\"row-455251541\">\n<div class=\"col large-12\"  ><div class=\"col-inner\"  >\n<blockquote>\n<p class=\"lead\"><strong>Zitat<\/strong>. Dolor Sit Amet, Consectetuer Adipiscing Elite, Sed Diam Nonummy Nibh Euismod Tincidunt Ut Laoreet Dolore Magna Aliquam Erat Volutpat.<\/p>\n<\/blockquote>\n<p class=\"lead\">Normaler Absatz. Sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Wir wissen nur, dass wir uns auf ein Mindestma\u00df beschr\u00e4nken m\u00fcssen, denn unser K\u00f6rper wird nicht von jedermanns Sache geplagt. Horizontale Linie:<\/p>\n<div class=\"container section-title-container\" ><h3 class=\"section-title section-title-center\"><b><\/b><span class=\"section-title-main\" >Listen<\/span><b><\/b><\/h3><\/div><!-- .section-title -->\n<\/div><\/div>\n<div class=\"col medium-2 large-2\"  ><div class=\"col-inner\"  >\n<ul>\n<li>Einfache Liste<\/li>\n<li>Listenpunkt 1<\/li>\n<li>Listenpunkt 2<\/li>\n<li>Listenpunkt 3<\/li>\n<li>Listenpunkt 4<\/li>\n<li>Listenpunkt 5<\/li>\n<\/ul>\n<\/div><\/div>\n<div class=\"col medium-2 large-2\"  ><div class=\"col-inner\"  >\n<ol>\n<li>Nummerierte Liste<\/li>\n<li>Listenpunkt 1<\/li>\n<li>Listenpunkt 2<\/li>\n<li>Listenpunkt 3<\/li>\n<li>Listenpunkt 4<\/li>\n<li>Listenpunkt 5<\/li>\n<\/ol>\n<\/div><\/div>\n<div class=\"col medium-2 large-2\"  ><div class=\"col-inner\"  >\n<ul>\n<li class=\"bullet-checkmark\">Checkliste<\/li>\n<li class=\"bullet-checkmark\">Listenpunkt 2<\/li>\n<li class=\"bullet-checkmark\">Listenpunkt 3<\/li>\n<li class=\"bullet-checkmark\">Listenpunkt 4<\/li>\n<li class=\"bullet-checkmark\">Listenpunkt 5<\/li>\n<\/ul>\n<\/div><\/div>\n<div class=\"col medium-2 large-2\"  ><div class=\"col-inner\"  >\n<ul>\n<li class=\"bullet-star\">Starliste<\/li>\n<li class=\"bullet-star\">Listenpunkt 2<\/li>\n<li class=\"bullet-star\">Listenpunkt 3<\/li>\n<li class=\"bullet-star\">Listenpunkt 4<\/li>\n<li class=\"bullet-star\">Listenpunkt 5<\/li>\n<\/ul>\n<\/div><\/div>\n<div class=\"col medium-2 large-2\"  ><div class=\"col-inner\"  >\n<ul>\n<li class=\"bullet-arrow\">Pfeilliste<\/li>\n<li class=\"bullet-arrow\">Listenpunkt 2<\/li>\n<li class=\"bullet-arrow\">Listenpunkt 3<\/li>\n<li class=\"bullet-arrow\">Listenpunkt 4<\/li>\n<li class=\"bullet-arrow\">Listenpunkt 5<\/li>\n<\/ul>\n<\/div><\/div>\n<\/div>\n\t\t<\/div><!-- .section-content -->\n\n\t\t\n<style scope=\"scope\">\n\n#section_1347021404 {\n  padding-top: 60px;\n  padding-bottom: 60px;\n}\n<\/style>\n\t<\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":27,"parent":112,"menu_order":5,"comment_status":"closed","ping_status":"closed","template":"page-blank.php","meta":{"footnotes":""},"class_list":["post-70","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/sosmedecinsfes.com\/de\/wp-json\/wp\/v2\/pages\/70","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sosmedecinsfes.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sosmedecinsfes.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sosmedecinsfes.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sosmedecinsfes.com\/de\/wp-json\/wp\/v2\/comments?post=70"}],"version-history":[{"count":1,"href":"https:\/\/sosmedecinsfes.com\/de\/wp-json\/wp\/v2\/pages\/70\/revisions"}],"predecessor-version":[{"id":145,"href":"https:\/\/sosmedecinsfes.com\/de\/wp-json\/wp\/v2\/pages\/70\/revisions\/145"}],"up":[{"embeddable":true,"href":"https:\/\/sosmedecinsfes.com\/de\/wp-json\/wp\/v2\/pages\/112"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sosmedecinsfes.com\/de\/wp-json\/wp\/v2\/media\/27"}],"wp:attachment":[{"href":"https:\/\/sosmedecinsfes.com\/de\/wp-json\/wp\/v2\/media?parent=70"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}