Support » Themes » WP 6: Theme.json: Wo wird das Design der Schriftart definiert?

  • Guten Morgen in die Runde,

    Ich versuche mich in die Thematik „andere Fonts einbinden“ einzulesen. Mein Child-Theme soll um folgende Schriftarten erweitert werden: Roboto und Montserrat. Der Font Roboto bietet folgende Schriftdateien an:

    • Roboto-Black.ttf
    • Roboto-Bold.ttf
    • Roboto-Light.ttf
    • Roboto-Medium.ttf
    • Roboto-Regular.ttf
    • Roboto-Thin.ttf
    • Roboto-BlackItalic.ttf
    • Roboto-BoldItalic.ttf
    • Roboto-Italic.ttf
    • Roboto-LightItalic.ttf
    • Roboto-MediumItalic.ttf
    • Roboto-ThinItalic.ttf

    Bei Textblöcken hat man bei Block-Eigenschaften > Typografie > Design folgende Anpassungs-Möglichkeiten:

    • Standard
    • Dünn
    • Extraleicht
    • Leicht
    • Normal
    • Medium
    • Halbfett
    • Fett
    • Extrafett
    • Schwarz
    • Dünn kursiv
    • Extraleicht kursiv
    • Leicht kursiv
    • Normal kursiv
    • Medium kursiv
    • Halbfett kursiv
    • Fett kursiv
    • Extrafett kursiv
    • Schwarz kursiv
    • Extrafett kursiv

    Woher erkennt das System, beispielsweise bei „Dünn“, den Font „Roboto-Thin.ttf“ zu nehmen? In der Theme.json habe ich nichts derartiges gefunden.

    
    ### wp-core ###
    
    version: 6.0.2
    site_language: de_DE
    user_language: de_DE
    timezone: Europe/Berlin
    permalink: /%postname%/
    https_status: true
    multisite: false
    user_registration: 0
    blog_public: 1
    default_comment_status: open
    environment_type: production
    user_count: 5
    dotorg_communication: true
    
    ### wp-active-theme ###
    
    name: adimlarim (adimlarim)
    version: 0.1
    author: Ego
    author_website: https://adimlarim.com/
    parent_theme: Twenty Twenty-Two (twentytwentytwo)
    theme_features: core-block-patterns, post-thumbnails, responsive-embeds, editor-styles, html5, automatic-feed-links, block-templates, widgets-block-editor, wp-block-styles, editor-style
    theme_path: /xxx/xxx.com/wp-content/themes/adimlarim
    auto_update: Deaktiviert
    
    ### wp-parent-theme ###
    
    name: Twenty Twenty-Two (twentytwentytwo)
    version: 1.2
    author: WordPress-Team
    author_website: https://de.wordpress.org/
    theme_path: /xxx/xxx.com/wp-content/themes/twentytwentytwo
    auto_update: Deaktiviert
    
Ansicht von 7 Antworten - 1 bis 7 (von insgesamt 7)
  • Schau mal, ob du hiermit etwas anfangen kannst:

    Theme.json typography options: Font family and size

    Hallo,
    ich habe dazu vor kurzer Zeit einen entsprechenden Beitrag im Zusammenhang mit einem Child Theme zu Twenty Twenty-Two erstellt, der vielleicht für dich hilfreich sein könnte.

    Viele Grüße
    Hans-Gerd

    Thread-Starter znac

    (@znac)

    Guten Morgen @pixolin und @hage,

    bitte um Nachsicht wegen der verspäteten Rückmeldung. Ich danke Euch für Eure Links und Tipps. Sie haben mich dem Thema etwas näher gebracht, obwohl es nicht reibungslos klappte mit dem Einbinden eines Fonts über die theme.json.

    Habe deshalb die komplette theme.json des Mutter-Themes übernommen und nur geändert – die Gründe werde ich noch analysieren müssen, vermutlich irgendeine Schusseligkeit von mir.

    Folgende Fragen hätte ich noch:

    1. Wo bzw. wie kann man für Block-Eigenschaften > Typografie > Design > Standard, Dünn, Extraleicht, Leicht, Normal ... Style-Anpassungen vornehmen oder wird hier auf irgendeinen Standard zugegriffen?

    2. Welche vordefinierten Variablen/Konstanten gibt es, wo finde ich eine Übersicht derer?

    Beispielsweise gibt es für die Überschrift-HTML-Elemente im Bereich styles > elements > h1 > typography > fontSize folgende Vorgaben zur Schriftgrösse:

    "fontSize": "var(--wp--custom--typography--font-size--colossal)"
    "fontSize": "var(--wp--custom--typography--font-size--gigantic)"
    "fontSize": "var(--wp--custom--typography--font-size--huge)"
    "fontSize": "var(--wp--preset--font-size--x-large)"
    "fontSize": "var(--wp--preset--font-size--medium)"
    "fontSize": "var(--wp--preset--font-size--medium)"

    colossal, gigantiv und huge werden im Bereich

    settings > custom > typography > font-size
    "huge": "clamp(2.25rem, 4vw, 2.75rem)",
    "gigantic": "clamp(2.75rem, 6vw, 3.25rem)",
    "colossal": "clamp(3.25rem, 8vw, 6.25rem)"

    vordefiniert (sind also individuelle Keywords) und werden dann den HTML-Elementen zugewiesen. Was jedoch ist mit den Vorgaben x-large und medium?

    Schaut man in die „CSS Fonts Module Level 3 W3C Recommendation 20 September 2018“, so sind hier folgende Schlüsselwörter möglich:
    [ xx-small | x-small | small | medium | large | x-large | xx-large ]. In der Annahme, dass diese Standards eingebunden sind, habe ich dann dies versucht "fontSize": "var(--wp--preset--font-size--xx-large)", jedoch erfolglos.

    Gibt es eine Übersicht, die die theme.json-Schlüsselwörter je nach Einstellmöglichkeit auflistet?

    Guten Morgen @znac
    Carolina Nymark hat auf ihrem englischsprachigen Website sehr viele umfassende Informationen zum Full Site Editing (FSE) und auch zur theme.json dargestellt. Da könnte der folgende Beitrag für dich interessant sein. Weitere Informationen zu dem Thema findest du sicher auf der Website von Carolina.

    Interessant ist auch der theme.json-Generator. Den solltest du dir auch mal ansehen.

    Weitere evtl. für dich hilfreiche Links findest du auch in dem folgenden Beitrag von mir.

    Viele Grüße
    Hans-Gerd

    Thread-Starter znac

    (@znac)

    Guten Morgen @hage,

    vielen Dank für Deine Rückmeldung. Zwei der von Dir empfohlenen Links hatte ich bereits durchgelesen. Einiges muß ich wohl als gegeben hinnehmen. Das mit dem Theme-Generator ist ja sehr interessant, vielen Dank auch hierfür.

    Puhh, jedes mal, wenn ich einen winzigen Schritt weiter bin, ergeben sich tausende Fragen – beispielsweise:
    Warum werden beim Twenty Twenty-Two derartig viele Stylevorgaben in der dem Head-Bereich der HTML-Datei deklariert, anstelle diese in CSS-Dateien auszulagern:

    <style>
    	img.wp-smiley,
    	img.emoji {
    		display: inline !important;
    		border: none !important;
    		box-shadow: none !important;
    		height: 1em !important;
    		width: 1em !important;
    		margin: 0 0.07em !important;
    		vertical-align: -0.1em !important;
    		background: none !important;
    		padding: 0 !important;
    	}
    </style>
    <style id="wp-block-site-logo-inline-css">
    	.wp-block-site-logo{line-height:0}
    	.wp-block-site-logo a{display:inline-block}
    	.wp-block-site-logo.is-default-size img{width:120px;height:auto}
    	.wp-block-site-logo a,.wp-block-site-logo img{border-radius:inherit}
    	.wp-block-site-logo.aligncenter{margin-left:auto;margin-right:auto;text-align:center}
    	.wp-block-site-logo.is-style-rounded{border-radius:9999px}
    </style>
    <style id="wp-block-group-inline-css">
    	.wp-block-group{box-sizing:border-box}
    	:where(.wp-block-group.has-background){padding:1.25em 2.375em}
    </style>
    <style id="wp-block-search-inline-css">
    	.wp-block-search__button{background:#f7f7f7;border:1px solid #ccc;padding:.375em .625em;color:#32373c;margin-left:.625em;word-break:normal;font-size:inherit;font-family:inherit;line-height:inherit}
    	.wp-block-search__button.has-icon{line-height:0}
    	.wp-block-search__button svg{min-width:1.5em;min-height:1.5em;fill:currentColor}
    	.wp-block-search__inside-wrapper{display:flex;flex:auto;flex-wrap:nowrap;max-width:100%}
    	.wp-block-search__label{width:100%}
    	.wp-block-search__input{padding:8px;flex-grow:1;min-width:3em;border:1px solid #949494;font-size:inherit;font-family:inherit;line-height:inherit}
    	.wp-block-search.wp-block-search__button-only .wp-block-search__button{margin-left:0}
    	.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper{padding:4px;border:1px solid #949494}
    	.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input{border-radius:0;border:none;padding:0 0 0 .25em}
    	.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus{outline:none}
    	.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button{padding:.125em .5em}
    	.wp-block-search.aligncenter .wp-block-search__inside-wrapper{margin:auto}
    	.wp-block-search .wp-block-search__label{font-weight:700}
    </style>
    <style id="wp-block-template-part-inline-css">
    	.wp-block-template-part.has-background{padding:1.25em 2.375em;margin-top:0;margin-bottom:0}
    </style>
    <style id="wp-block-post-title-inline-css">
    	.wp-block-post-title{word-break:break-word}
    	.wp-block-post-title a{display:inline-block}
    </style>
    <style id="wp-block-post-featured-image-inline-css">
    	.wp-block-post-featured-image{margin-left:0;margin-right:0}
    	.wp-block-post-featured-image a{display:block}
    	.wp-block-post-featured-image img{max-width:100%;width:100%;height:auto;vertical-align:bottom}
    	.wp-block-post-featured-image.alignfull img,.wp-block-post-featured-image.alignwide img{width:100%}
    </style>
    <style id="wp-block-separator-inline-css">
    	@charset "UTF-8";.wp-block-separator{border-top:1px solid;border-bottom:1px solid}
    	.wp-block-separator.is-style-dots{background:none!important;border:none;text-align:center;line-height:1;height:auto}
    	.wp-block-separator.is-style-dots:before{content:"•••";color:currentColor;font-size:1.5em;letter-spacing:2em;padding-left:2em;font-family:serif}
    	.wp-block-separator.has-css-opacity{opacity:.4}
    	.wp-block-separator{border:none;border-bottom:2px solid;margin-left:auto;margin-right:auto}
    	.wp-block-separator.has-alpha-channel-opacity{opacity:1}
    	.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width:100px}
    	.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}
    	.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}
    </style>
    <style id="wp-block-spacer-inline-css">
    	.wp-block-spacer{clear:both}
    </style>
    <style id="wp-block-paragraph-inline-css">
    	.is-small-text{font-size:.875em}
    	.is-regular-text{font-size:1em}
    	.is-large-text{font-size:2.25em}
    	.is-larger-text{font-size:3em}
    	.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;line-height:.68;font-weight:100;margin:.05em .1em 0 0;text-transform:uppercase;font-style:normal}
    	p.has-drop-cap.has-background{overflow:hidden}
    	p.has-background{padding:1.25em 2.375em}
    	:where(p.has-text-color:not(.has-link-color)) a{color:inherit}
    </style>
    <style id="wp-block-heading-inline-css">
    	h1.has-background,h2.has-background,h3.has-background,h4.has-background,h5.has-background,h6.has-background{padding:1.25em 2.375em}
    </style>
    <style id="wp-block-post-author-inline-css">
    	.wp-block-post-author{display:flex;flex-wrap:wrap}
    	.wp-block-post-author__byline{width:100%;margin-top:0;margin-bottom:0;font-size:.5em}
    	.wp-block-post-author__avatar{margin-right:1em}
    	.wp-block-post-author__bio{margin-bottom:.7em;font-size:.7em}
    	.wp-block-post-author__content{flex-grow:1;flex-basis:0}
    	.wp-block-post-author__name{margin:0}
    </style>
    <style id="wp-block-post-terms-inline-css">
    	.wp-block-post-terms__separator{white-space:pre-wrap}
    </style>
    <style id="wp-block-post-comments-inline-css">
    	.wp-block-post-comments .alignleft{float:left}
    	.wp-block-post-comments .alignright{float:right}
    	.wp-block-post-comments .navigation:after{content:"";display:table;clear:both}
    	.wp-block-post-comments .commentlist{clear:both;list-style:none;margin:0;padding:0}
    	.wp-block-post-comments .commentlist .comment{min-height:2.25em;padding-left:3.25em}
    	.wp-block-post-comments .commentlist .comment p{font-size:1em;line-height:1.8;margin:1em 0}
    	.wp-block-post-comments .commentlist .children{list-style:none;margin:0;padding:0}
    	.wp-block-post-comments .comment-author{line-height:1.5}
    	.wp-block-post-comments .comment-author .avatar{border-radius:1.5em;display:block;float:left;height:2.5em;margin-top:.5em;margin-right:.75em;width:2.5em}
    	.wp-block-post-comments .comment-author cite{font-style:normal}
    	.wp-block-post-comments .comment-meta{font-size:.875em;line-height:1.5}
    	.wp-block-post-comments .comment-meta b{font-weight:400}
    	.wp-block-post-comments .comment-meta .comment-awaiting-moderation{margin-top:1em;margin-bottom:1em;display:block}
    	.wp-block-post-comments .comment-body .commentmetadata{font-size:.875em}
    	.wp-block-post-comments .comment-form-author label,.wp-block-post-comments .comment-form-comment label,.wp-block-post-comments .comment-form-email label,.wp-block-post-comments .comment-form-url label{display:block;margin-bottom:.25em}
    	.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments .comment-form textarea{display:block;box-sizing:border-box;width:100%}
    	.wp-block-post-comments .comment-form-cookies-consent{display:flex;gap:.25em}
    	.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent{margin-top:.35em}
    	.wp-block-post-comments .comment-reply-title{margin-bottom:0}
    	.wp-block-post-comments .comment-reply-title :where(small){font-size:var(--wp--preset--font-size--medium,smaller);margin-left:.5em}
    	.wp-block-post-comments .reply{font-size:.875em;margin-bottom:1.4em}
    	.wp-block-post-comments input:not([type=submit]),.wp-block-post-comments textarea{border:1px solid #949494;font-size:1em;font-family:inherit}
    	.wp-block-post-comments input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments textarea{padding:calc(.667em + 2px)}
    	.wp-block-post-comments input[type=submit]{border:none}
    </style>
    <style id="wp-block-buttons-inline-css">
    	.wp-block-buttons.is-vertical{flex-direction:column}
    	.wp-block-buttons.is-vertical>
    	.wp-block-button:last-child{margin-bottom:0}
    	.wp-block-buttons>
    	.wp-block-button{display:inline-block;margin:0}
    	.wp-block-buttons.is-content-justification-left{justify-content:flex-start}
    	.wp-block-buttons.is-content-justification-left.is-vertical{align-items:flex-start}
    	.wp-block-buttons.is-content-justification-center{justify-content:center}
    	.wp-block-buttons.is-content-justification-center.is-vertical{align-items:center}
    	.wp-block-buttons.is-content-justification-right{justify-content:flex-end}
    	.wp-block-buttons.is-content-justification-right.is-vertical{align-items:flex-end}
    	.wp-block-buttons.is-content-justification-space-between{justify-content:space-between}
    	.wp-block-buttons.aligncenter{text-align:center}
    	.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block-button.aligncenter{margin-left:auto;margin-right:auto;width:100%}
    	.wp-block-button.aligncenter{text-align:center}
    </style>
    <style id="wp-block-button-inline-css">
    	.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;cursor:pointer;display:inline-block;font-size:1.125em;padding:calc(.667em + 2px) calc(1.333em + 2px);text-align:center;text-decoration:none;word-break:break-word;box-sizing:border-box}
    	.wp-block-button__link:active,.wp-block-button__link:focus,.wp-block-button__link:hover,.wp-block-button__link:visited{color:#fff}
    	.wp-block-button__link.aligncenter{text-align:center}
    	.wp-block-button__link.alignright{text-align:right}
    	.wp-block-buttons>.wp-block-button.has-custom-width{max-width:none}
    	.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link{width:100%}
    	.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link{font-size:inherit}
    	.wp-block-buttons>.wp-block-button.wp-block-button__width-25{width:calc(25% - var(--wp--style--block-gap, .5em)*0.75)}
    	.wp-block-buttons>.wp-block-button.wp-block-button__width-50{width:calc(50% - var(--wp--style--block-gap, .5em)*0.5)}
    	.wp-block-buttons>.wp-block-button.wp-block-button__width-75{width:calc(75% - var(--wp--style--block-gap, .5em)*0.25)}
    	.wp-block-buttons>.wp-block-button.wp-block-button__width-100{width:100%;flex-basis:100%}
    	.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-25{width:25%}
    	.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-50{width:50%}
    	.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75{width:75%}
    	.wp-block-button.is-style-squared,.wp-block-button__link.wp-block-button.is-style-squared{border-radius:0}
    	.wp-block-button.no-border-radius,.wp-block-button__link.no-border-radius{border-radius:0!important}
    	.is-style-outline>:where(.wp-block-button__link),:where(.wp-block-button__link).is-style-outline{border:2px solid;padding:.667em 1.333em}
    	.is-style-outline>.wp-block-button__link:not(.has-text-color),.wp-block-button__link.is-style-outline:not(.has-text-color){color:currentColor}
    	.is-style-outline>.wp-block-button__link:not(.has-background),.wp-block-button__link.is-style-outline:not(.has-background){background-color:transparent}
    </style>
    <style id="wp-block-page-list-inline-css">
    	.wp-block-navigation .wp-block-page-list{display:flex;flex-direction:var(--navigation-layout-direction,initial);justify-content:var(--navigation-layout-justify,initial);align-items:var(--navigation-layout-align,initial);flex-wrap:var(--navigation-layout-wrap,wrap);background-color:inherit}
    	.wp-block-navigation .wp-block-navigation-item{background-color:inherit}
    </style>
    <style id="wp-block-library-inline-css">
    	:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}
    	@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}
    	:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}
    	:root .has-very-light-gray-background-color{background-color:#eee}
    	:root .has-very-dark-gray-background-color{background-color:#313131}
    	:root .has-very-light-gray-color{color:#eee}
    	:root .has-very-dark-gray-color{color:#313131}
    	:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}
    	:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}
    	:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}
    	:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}
    	:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}
    	:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}
    	:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}
    	.has-regular-font-size{font-size:1em}
    	.has-larger-font-size{font-size:2.625em}
    	.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}
    	.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}
    	.has-text-align-center{text-align:center}
    	.has-text-align-left{text-align:left}
    	.has-text-align-right{text-align:right}
    	#end-resizable-editor-section{display:none}
    	.aligncenter{clear:both}
    	.items-justified-left{justify-content:flex-start}
    	.items-justified-center{justify-content:center}
    	.items-justified-right{justify-content:flex-end}
    	.items-justified-space-between{justify-content:space-between}
    	.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}
    	.screen-reader-text:focus{background-color:#ddd;clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
    	html :where(.has-border-color),html :where([style*=border-width]){border-style:solid}
    	html :where(img[class*=wp-image-]){height:auto;max-width:100%}
    </style>
    <style id="global-styles-inline-css">
    	body{
    		--wp--preset--color--black: #000000;
    		--wp--preset--color--cyan-bluish-gray: #abb8c3;
    		--wp--preset--color--white: #ffffff;
    		--wp--preset--color--pale-pink: #f78da7;
    		--wp--preset--color--vivid-red: #cf2e2e;
    		--wp--preset--color--luminous-vivid-orange: #ff6900;
    		--wp--preset--color--luminous-vivid-amber: #fcb900;
    		--wp--preset--color--light-green-cyan: #7bdcb5;
    		--wp--preset--color--vivid-green-cyan: #00d084;
    		--wp--preset--color--pale-cyan-blue: #8ed1fc;
    		--wp--preset--color--vivid-cyan-blue: #0693e3;
    		--wp--preset--color--vivid-purple: #9b51e0;
    		--wp--preset--color--foreground: #000000;
    		--wp--preset--color--background: #ffffff;
    		--wp--preset--color--primary: #1a4548;
    		--wp--preset--color--secondary: #ffe2c7;
    		--wp--preset--color--tertiary: #F6F6F6;
    		--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);
    		--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);
    		--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);
    		--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);
    		--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
    		--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);
    		--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);
    		--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);
    		--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);
    		--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);
    		--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);
    		--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);
    		--wp--preset--gradient--vertical-secondary-to-tertiary: linear-gradient(to bottom,var(--wp--preset--color--secondary) 0%,var(--wp--preset--color--tertiary) 100%);
    		--wp--preset--gradient--vertical-secondary-to-background: linear-gradient(to bottom,var(--wp--preset--color--secondary) 0%,var(--wp--preset--color--background) 100%);
    		--wp--preset--gradient--vertical-tertiary-to-background: linear-gradient(to bottom,var(--wp--preset--color--tertiary) 0%,var(--wp--preset--color--background) 100%);
    		--wp--preset--gradient--diagonal-primary-to-foreground: linear-gradient(to bottom right,var(--wp--preset--color--primary) 0%,var(--wp--preset--color--foreground) 100%);
    		--wp--preset--gradient--diagonal-secondary-to-background: linear-gradient(to bottom right,var(--wp--preset--color--secondary) 50%,var(--wp--preset--color--background) 50%);
    		--wp--preset--gradient--diagonal-background-to-secondary: linear-gradient(to bottom right,var(--wp--preset--color--background) 50%,var(--wp--preset--color--secondary) 50%);
    		--wp--preset--gradient--diagonal-tertiary-to-background: linear-gradient(to bottom right,var(--wp--preset--color--tertiary) 50%,var(--wp--preset--color--background) 50%);
    		--wp--preset--gradient--diagonal-background-to-tertiary: linear-gradient(to bottom right,var(--wp--preset--color--background) 50%,var(--wp--preset--color--tertiary) 50%);
    		--wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');
    		--wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');
    		--wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');
    		--wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');
    		--wp--preset--duotone--midnight: url('#wp-duotone-midnight');
    		--wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');
    		--wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');
    		--wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');
    		--wp--preset--duotone--foreground-and-background: url('#wp-duotone-foreground-and-background');
    		--wp--preset--duotone--foreground-and-secondary: url('#wp-duotone-foreground-and-secondary');
    		--wp--preset--duotone--foreground-and-tertiary: url('#wp-duotone-foreground-and-tertiary');
    		--wp--preset--duotone--primary-and-background: url('#wp-duotone-primary-and-background');
    		--wp--preset--duotone--primary-and-secondary: url('#wp-duotone-primary-and-secondary');
    		--wp--preset--duotone--primary-and-tertiary: url('#wp-duotone-primary-and-tertiary');
    		--wp--preset--font-size--small: 1rem;
    		--wp--preset--font-size--medium: 1.125rem;
    		--wp--preset--font-size--large: 1.75rem;
    		--wp--preset--font-size--x-large: clamp(1.75rem, 3vw, 2.25rem);
    		--wp--preset--font-family--system-font: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    		--wp--preset--font-family--roboto: "Roboto", sans-serif;
    		--wp--preset--font-family--montserrat: "Montserrat", sans-serif;
    		--wp--custom--spacing--small: max(1.25rem, 5vw);
    		--wp--custom--spacing--medium: clamp(2rem, 8vw, calc(4 * var(--wp--style--block-gap)));
    		--wp--custom--spacing--large: clamp(4rem, 10vw, 8rem);
    		--wp--custom--spacing--outer: var(--wp--custom--spacing--small, 1.25rem);
    		--wp--custom--typography--font-size--huge: clamp(2.25rem, 4vw, 2.75rem);
    		--wp--custom--typography--font-size--gigantic: clamp(2.75rem, 6vw, 3.25rem);
    		--wp--custom--typography--font-size--colossal: clamp(3.25rem, 8vw, 6.25rem);
    		--wp--custom--typography--line-height--tiny: 1.15;
    		--wp--custom--typography--line-height--small: 1.2;
    		--wp--custom--typography--line-height--medium: 1.4;
    		--wp--custom--typography--line-height--normal: 1.6;
    	}
    	body { margin: 0; }
    	body{background-color: var(--wp--preset--color--background);color: var(--wp--preset--color--foreground);font-family: var(--wp--preset--font-family--system-font);font-size: var(--wp--preset--font-size--medium);line-height: var(--wp--custom--typography--line-height--normal);--wp--style--block-gap: 1.5rem;}
    	.wp-site-blocks >.alignleft { float: left; margin-right: 2em; }
    	.wp-site-blocks >.alignright { float: right; margin-left: 2em; }
    	.wp-site-blocks >.aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }
    	.wp-site-blocks >* { margin-block-start: 0; margin-block-end: 0; }
    	.wp-site-blocks >* + * { margin-block-start: var( --wp--style--block-gap ); }
    	h1{font-family: var(--wp--preset--font-family--montserrat);font-size: var(--wp--preset--font-size--xx-large);font-weight: 300;line-height: var(--wp--custom--typography--line-height--tiny);}
    	h2{font-family: var(--wp--preset--font-family--montserrat);font-size: var(--wp--custom--typography--font-size--gigantic);font-weight: 300;line-height: var(--wp--custom--typography--line-height--small);}
    	h3{font-family: var(--wp--preset--font-family--montserrat);font-size: var(--wp--custom--typography--font-size--huge);font-weight: 300;line-height: var(--wp--custom--typography--line-height--tiny);}
    	h4{font-family: var(--wp--preset--font-family--montserrat);font-size: var(--wp--preset--font-size--x-large);font-weight: 300;line-height: var(--wp--custom--typography--line-height--tiny);}
    	h5{font-family: var(--wp--preset--font-family--montserrat);font-size: var(--wp--preset--font-size--medium);font-weight: 700;line-height: var(--wp--custom--typography--line-height--normal);text-transform: uppercase;}
    	h6{font-family: var(--wp--preset--font-family--montserrat);font-size: var(--wp--preset--font-size--medium);font-weight: 400;line-height: var(--wp--custom--typography--line-height--normal);text-transform: uppercase;}
    	a{color: var(--wp--preset--color--foreground);}
    	.wp-block-button__link{background-color: var(--wp--preset--color--primary);border-radius: 0;color: var(--wp--preset--color--background);font-size: var(--wp--preset--font-size--medium);}
    	.wp-block-post-title{font-family: var(--wp--preset--font-family--source-serif-pro);font-size: var(--wp--custom--typography--font-size--gigantic);font-weight: 300;line-height: var(--wp--custom--typography--line-height--tiny);}
    	.wp-block-post-comments{padding-top: var(--wp--custom--spacing--small);}
    	.wp-block-pullquote{border-width: 1px 0;}
    	.wp-block-query-title{font-family: var(--wp--preset--font-family--source-serif-pro);font-size: var(--wp--custom--typography--font-size--gigantic);font-weight: 300;line-height: var(--wp--custom--typography--line-height--small);}
    	.wp-block-quote{border-width: 1px;}
    	.wp-block-site-title{font-family: var(--wp--preset--font-family--system-font);font-size: var(--wp--preset--font-size--medium);font-style: italic;font-weight: normal;line-height: var(--wp--custom--typography--line-height--normal);}
    	.has-black-color{color: var(--wp--preset--color--black) !important;}
    	.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}
    	.has-white-color{color: var(--wp--preset--color--white) !important;}
    	.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}
    	.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}
    	.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}
    	.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}
    	.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}
    	.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}
    	.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}
    	.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}
    	.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}
    	.has-foreground-color{color: var(--wp--preset--color--foreground) !important;}
    	.has-background-color{color: var(--wp--preset--color--background) !important;}
    	.has-primary-color{color: var(--wp--preset--color--primary) !important;}
    	.has-secondary-color{color: var(--wp--preset--color--secondary) !important;}
    	.has-tertiary-color{color: var(--wp--preset--color--tertiary) !important;}
    	.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}
    	.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}
    	.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}
    	.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}
    	.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}
    	.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}
    	.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}
    	.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}
    	.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}
    	.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}
    	.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}
    	.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}
    	.has-foreground-background-color{background-color: var(--wp--preset--color--foreground) !important;}
    	.has-background-background-color{background-color: var(--wp--preset--color--background) !important;}
    	.has-primary-background-color{background-color: var(--wp--preset--color--primary) !important;}
    	.has-secondary-background-color{background-color: var(--wp--preset--color--secondary) !important;}
    	.has-tertiary-background-color{background-color: var(--wp--preset--color--tertiary) !important;}
    	.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}
    	.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}
    	.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}
    	.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}
    	.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}
    	.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}
    	.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}
    	.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}
    	.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}
    	.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}
    	.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}
    	.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}
    	.has-foreground-border-color{border-color: var(--wp--preset--color--foreground) !important;}
    	.has-background-border-color{border-color: var(--wp--preset--color--background) !important;}
    	.has-primary-border-color{border-color: var(--wp--preset--color--primary) !important;}
    	.has-secondary-border-color{border-color: var(--wp--preset--color--secondary) !important;}
    	.has-tertiary-border-color{border-color: var(--wp--preset--color--tertiary) !important;}
    	.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}
    	.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}
    	.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}
    	.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
    	.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}
    	.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}
    	.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}
    	.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}
    	.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}
    	.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}
    	.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}
    	.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}
    	.has-vertical-secondary-to-tertiary-gradient-background{background: var(--wp--preset--gradient--vertical-secondary-to-tertiary) !important;}
    	.has-vertical-secondary-to-background-gradient-background{background: var(--wp--preset--gradient--vertical-secondary-to-background) !important;}
    	.has-vertical-tertiary-to-background-gradient-background{background: var(--wp--preset--gradient--vertical-tertiary-to-background) !important;}
    	.has-diagonal-primary-to-foreground-gradient-background{background: var(--wp--preset--gradient--diagonal-primary-to-foreground) !important;}
    	.has-diagonal-secondary-to-background-gradient-background{background: var(--wp--preset--gradient--diagonal-secondary-to-background) !important;}
    	.has-diagonal-background-to-secondary-gradient-background{background: var(--wp--preset--gradient--diagonal-background-to-secondary) !important;}
    	.has-diagonal-tertiary-to-background-gradient-background{background: var(--wp--preset--gradient--diagonal-tertiary-to-background) !important;}
    	.has-diagonal-background-to-tertiary-gradient-background{background: var(--wp--preset--gradient--diagonal-background-to-tertiary) !important;}
    	.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}
    	.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}
    	.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}
    	.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
    	.has-system-font-font-family{font-family: var(--wp--preset--font-family--system-font) !important;}
    	.has-roboto-font-family{font-family: var(--wp--preset--font-family--roboto) !important;}
    	.has-montserrat-font-family{font-family: var(--wp--preset--font-family--montserrat) !important;}
    </style>
    <style id="wp-webfonts-inline-css">
    	@font-face{font-family:Roboto;font-style:normal;font-weight:200 900;font-display:fallback;src:local(Roboto), url('/wp-content/themes/adimlarim/fonts/roboto/roboto-v30-latin-regular.woff2') format('woff2');font-stretch:normal;}
    	@font-face{font-family:Roboto;font-style:italic;font-weight:200 900;font-display:fallback;src:local(Roboto), url('/wp-content/themes/adimlarim/fonts/roboto/roboto-v30-latin-italic.woff2') format('woff2');font-stretch:normal;}
    	@font-face{font-family:Montserrat;font-style:normal;font-weight:200 900;font-display:fallback;src:local(Montserrat), url('/wp-content/themes/adimlarim/fonts/montserrat/montserrat-v25-latin-regular.woff2') format('woff2');font-stretch:normal;}
    	@font-face{font-family:Montserrat;font-style:italic;font-weight:200 900;font-display:fallback;src:local(Montserrat), url('/wp-content/themes/adimlarim/fonts/montserrat/montserrat-v25-latin-italic.woff2') format('woff2');font-stretch:normal;}
    </style>
    <style>
    	.wp-container-1 >.alignleft { float: left; margin-inline-start: 0; margin-inline-end: 2em; }
    	.wp-container-1 >.alignright { float: right; margin-inline-start: 2em; margin-inline-end: 0; }
    	.wp-container-1 >.aligncenter { margin-left: auto !important; margin-right: auto !important; }
    	.wp-container-1 >* { margin-block-start: 0; margin-block-end: 0; }
    	.wp-container-1 >* + * { margin-block-start: 0px; margin-block-end: 0; }
    </style>
    <style>
    	.wp-container-2 {display: flex;gap: var( --wp--style--block-gap, 0.5em );flex-wrap: wrap;align-items: center;}
    	.wp-container-2 >* { margin: 0; }
    </style>
    <style>
    	.wp-container-4 {display: flex;gap: var( --wp--style--block-gap, 0.5em );flex-wrap: wrap;align-items: center;justify-content: flex-end;}
    	.wp-container-4 >* { margin: 0; }
    </style>
    <style>
    	.wp-container-5 {display: flex;gap: var( --wp--style--block-gap, 0.5em );flex-wrap: wrap;align-items: center;justify-content: space-between;}
    	.wp-container-5 >* { margin: 0; }
    </style>
    <style>
    	.wp-container-6 >:where(:not(.alignleft):not(.alignright)) {max-width: 650px;margin-left: auto !important;margin-right: auto !important;}
    	.wp-container-6 >.alignwide { max-width: 1000px;}
    	.wp-container-6 .alignfull { max-width: none; }
    	.wp-container-6 >.alignleft { float: left; margin-inline-start: 0; margin-inline-end: 2em; }
    	.wp-container-6 >.alignright { float: right; margin-inline-start: 2em; margin-inline-end: 0; }
    	.wp-container-6 >.aligncenter { margin-left: auto !important; margin-right: auto !important; }
    	.wp-container-6 >* { margin-block-start: 0; margin-block-end: 0; }
    	.wp-container-6 >* + * { margin-block-start: var( --wp--style--block-gap ); margin-block-end: 0; }
    </style>
    <style>
    	.wp-container-7 >:where(:not(.alignleft):not(.alignright)) {max-width: 650px;margin-left: auto !important;margin-right: auto !important;}
    	.wp-container-7 >.alignwide { max-width: 1000px;}
    	.wp-container-7 .alignfull { max-width: none; }
    	.wp-container-7 >.alignleft { float: left; margin-inline-start: 0; margin-inline-end: 2em; }
    	.wp-container-7 >.alignright { float: right; margin-inline-start: 2em; margin-inline-end: 0; }
    	.wp-container-7 >.aligncenter { margin-left: auto !important; margin-right: auto !important; }
    	.wp-container-7 >* { margin-block-start: 0; margin-block-end: 0; }
    	.wp-container-7 >* + * { margin-block-start: var( --wp--style--block-gap ); margin-block-end: 0; }
    </style>
    <style>
    	.wp-container-8 >:where(:not(.alignleft):not(.alignright)) {max-width: 650px;margin-left: auto !important;margin-right: auto !important;}
    	.wp-container-8 >.alignwide { max-width: 1000px;}
    	.wp-container-8 .alignfull { max-width: none; }
    	.wp-container-8 >.alignleft { float: left; margin-inline-start: 0; margin-inline-end: 2em; }
    	.wp-container-8 >.alignright { float: right; margin-inline-start: 2em; margin-inline-end: 0; }
    	.wp-container-8 >.aligncenter { margin-left: auto !important; margin-right: auto !important; }
    	.wp-container-8 >* { margin-block-start: 0; margin-block-end: 0; }
    	.wp-container-8 >* + * { margin-block-start: var( --wp--style--block-gap ); margin-block-end: 0; }
    </style>
    <style>
    	.wp-container-9 {display: flex;gap: var( --wp--style--block-gap, 0.5em );flex-wrap: wrap;align-items: center;}
    	.wp-container-9 >* { margin: 0; }
    </style>
    <style>
    	.wp-container-10 >:where(:not(.alignleft):not(.alignright)) {max-width: 650px;margin-left: auto !important;margin-right: auto !important;}
    	.wp-container-10 >.alignwide { max-width: 1000px;}
    	.wp-container-10 .alignfull { max-width: none; }
    	.wp-container-10 >.alignleft { float: left; margin-inline-start: 0; margin-inline-end: 2em; }
    	.wp-container-10 >.alignright { float: right; margin-inline-start: 2em; margin-inline-end: 0; }
    	.wp-container-10 >.aligncenter { margin-left: auto !important; margin-right: auto !important; }
    	.wp-container-10 >* { margin-block-start: 0; margin-block-end: 0; }
    	.wp-container-10 >* + * { margin-block-start: var( --wp--style--block-gap ); margin-block-end: 0; }
    </style>
    <style>
    	.wp-container-11 > .alignleft { float: left; margin-inline-start: 0; margin-inline-end: 2em; }
    	.wp-container-11 > .alignright { float: right; margin-inline-start: 2em; margin-inline-end: 0; }
    	.wp-container-11 > .aligncenter { margin-left: auto !important; margin-right: auto !important; }
    	.wp-container-11 > * { margin-block-start: 0; margin-block-end: 0; }
    	.wp-container-11 > * + * { margin-block-start: var( --wp--style--block-gap ); margin-block-end: 0; }
     </style>
    <style>
    	.wp-container-13 {display: flex;gap: var( --wp--style--block-gap, 0.5em );flex-wrap: wrap;align-items: center;justify-content: center;}
    	.wp-container-13 > * { margin: 0; }
    </style>
    <style>
    	.wp-container-14 {display: flex;gap: var( --wp--style--block-gap, 0.5em );flex-wrap: nowrap;align-items: center;justify-content: center;}
    	.wp-container-14 > * { margin: 0; }
    </style>
    <style>
    	.wp-container-15 > .alignleft { float: left; margin-inline-start: 0; margin-inline-end: 2em; }
    	.wp-container-15 > .alignright { float: right; margin-inline-start: 2em; margin-inline-end: 0; }
    	.wp-container-15 > .aligncenter { margin-left: auto !important; margin-right: auto !important; }
    	.wp-container-15 > * { margin-block-start: 0; margin-block-end: 0; }
    	.wp-container-15 > * + * { margin-block-start: var( --wp--style--block-gap ); margin-block-end: 0; }
    </style>
    <style>
    	.wp-container-16 > .alignleft { float: left; margin-inline-start: 0; margin-inline-end: 2em; }
    	.wp-container-16 > .alignright { float: right; margin-inline-start: 2em; margin-inline-end: 0; }
    	.wp-container-16 > .aligncenter { margin-left: auto !important; margin-right: auto !important; }
    	.wp-container-16 > * { margin-block-start: 0; margin-block-end: 0; }
    	.wp-container-16 > * + * { margin-block-start: var( --wp--style--block-gap ); margin-block-end: 0; }
    </style>
    • Diese Antwort wurde geändert vor 1 Monat, 1 Woche von znac.

    Hallo,
    die Frage ist interessant und ehrlich gesagt, hatte ich mich damit auch noch nicht beschäftigt. Bei der kurzen Recherche wurde meine Vermutung bestätigt:
    Der Hauptunterschied zwischen Inline-CSS und externem CSS besteht darin, dass Inline-CSS schneller verarbeitet wird, da der Browser nur eine Datei herunterladen muss, während bei der Verwendung von externem CSS die HTML- und CSS-Dateien separat heruntergeladen werden müssen.
    Quelle: https://www.hostinger.com/tutorials/difference-between-inline-external-and-internal-css

    Das wird dann wohl der Grund dafür sein. 😉

    Viele Grüße
    Hans-Gerd

    Thread-Starter znac

    (@znac)

    Guten Morgen @hage,

    da der Browser nur eine Datei herunterladen muss,

    dieser Grund könnte herangezogen werden, wenn es keine zwei weiteren CSS-Dateien gäbe: style.css und
    style.min.css.

    Das wäre dann die nächste Frage: Warum gibt es inline-CSS und zusätzlich zwei CSS-Dateien?

    Auch viele Grüße

Ansicht von 7 Antworten - 1 bis 7 (von insgesamt 7)