.elementor-53 .elementor-element.elementor-element-657101b2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-53 .elementor-element.elementor-element-b287ad6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;text-align:center;}.elementor-53 .elementor-element.elementor-element-b287ad6 .elementor-heading-title{font-size:35px;}.elementor-53 .elementor-element.elementor-element-61202a72{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;}.elementor-53 .elementor-element.elementor-element-740a24df .elementor-icon-list-icon i{color:var( --e-global-color-secondary );font-size:14px;}.elementor-53 .elementor-element.elementor-element-740a24df .elementor-icon-list-icon svg{fill:var( --e-global-color-secondary );--e-icon-list-icon-size:14px;}.elementor-53 .elementor-element.elementor-element-740a24df .elementor-icon-list-icon{width:14px;}.elementor-53 .elementor-element.elementor-element-740a24df .elementor-icon-list-text, .elementor-53 .elementor-element.elementor-element-740a24df .elementor-icon-list-text a{color:var( --e-global-color-text );}.elementor-53 .elementor-element.elementor-element-740a24df .elementor-icon-list-item{font-size:14px;}.elementor-53 .elementor-element.elementor-element-6a9dc5cc{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-53 .elementor-element.elementor-element-11b72b9e{--display:flex;--padding-top:20px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-53 .elementor-element.elementor-element-91596ff{--grid-row-gap:40px;--grid-column-gap:24px;}.elementor-53 .elementor-element.elementor-element-91596ff .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.53 * 100% );}.elementor-53 .elementor-element.elementor-element-91596ff:after{content:"0.53";}.elementor-53 .elementor-element.elementor-element-91596ff .elementor-post__thumbnail__link{width:100%;}.elementor-53 .elementor-element.elementor-element-91596ff .elementor-post__meta-data span + span:before{content:"///";}.elementor-53 .elementor-element.elementor-element-91596ff .elementor-post{border-style:solid;border-width:2px 2px 2px 2px;border-radius:12px;background-color:var( --e-global-color-1106135 );border-color:var( --e-global-color-0730233 );}.elementor-53 .elementor-element.elementor-element-91596ff .elementor-post__text{padding:32px 32px 32px 32px;}.elementor-53 .elementor-element.elementor-element-91596ff.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:0px;}.elementor-53 .elementor-element.elementor-element-91596ff.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:0px;}.elementor-53 .elementor-element.elementor-element-91596ff.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:0px;}.elementor-53 .elementor-element.elementor-element-91596ff .elementor-post__title, .elementor-53 .elementor-element.elementor-element-91596ff .elementor-post__title a{color:var( --e-global-color-secondary );font-weight:800;line-height:1.4em;}.elementor-53 .elementor-element.elementor-element-91596ff .elementor-post__title{margin-bottom:8px;}.elementor-53 .elementor-element.elementor-element-91596ff .elementor-post__meta-data{color:var( --e-global-color-text );font-size:14px;line-height:1.4em;}@media(max-width:1366px){.elementor-53 .elementor-element.elementor-element-91596ff .elementor-post__text{padding:20px 20px 20px 20px;}.elementor-53 .elementor-element.elementor-element-91596ff .elementor-post__title, .elementor-53 .elementor-element.elementor-element-91596ff .elementor-post__title a{font-size:17px;}}@media(max-width:1024px){.elementor-53 .elementor-element.elementor-element-657101b2{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-53 .elementor-element.elementor-element-11b72b9e{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-53 .elementor-element.elementor-element-b287ad6 .elementor-heading-title{font-size:28px;}.elementor-53 .elementor-element.elementor-element-91596ff .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-53 .elementor-element.elementor-element-91596ff:after{content:"0.5";}.elementor-53 .elementor-element.elementor-element-91596ff .elementor-post__thumbnail__link{width:100%;}}@media(min-width:768px){.elementor-53 .elementor-element.elementor-element-657101b2{--content-width:832px;}}/* Start custom CSS *//* === DSB blog-tipográfia: eleje — a tools/blog-tipografia.css-ből generálva === */
/* ============================================================================
   Blog-bejegyzések tipográfiája — deutscheschule.hu
   Készült: 2026-09-14

   Mit csinál: a bejegyzések szövegtörzsét olvashatóbbá és rendezettebbé teszi.
   A legnagyobb változás az olvasási oszlop: a SZÖVEG keskenyebb lesz (680px),
   a KÉPEK és táblázatok viszont a teljes szélességet megtartják. Eddig minden
   832px széles volt, ami 16px-es betűnél ~100 karakteres sorokat jelentett —
   a kényelmes olvasáshoz 65–75 karakter az ideális.

   Minden szín a meglévő Elementor kit márkapalettájából való, és nem tölt be
   új betűtípust (a Mulish már be van töltve).

   Hatóköre: kizárólag az egyedi bejegyzés-oldalak tartalomrésze
   (body.single-post + a theme-post-content widget). Az Elementorral épített
   oldalakat, a fejlécet, a láblécet és a listaoldalakat nem érinti.
   ========================================================================= */

body.single-post .elementor-widget-theme-post-content {
	/* A kit márkaszínei, néven nevezve */
	--dsb-szoveg:   #494975; /* "Szöveg"          — folyó szöveg */
	--dsb-sotet:    #383850; /* "Sötét"           — címsor, kiemelés */
	--dsb-piros:    #E2231A; /* "Piros"/"Kiemelt" — akcentus */
	--dsb-kek:      #005496; /* "Kék"             — hivatkozás */
	--dsb-halvany:  #8081A7; /* "Világos szöveg"  — képaláírás */
	--dsb-szegely:  #E6EFF7; /* "Szegély"         — hajszálvonal */

	--dsb-oszlop:   680px;   /* az olvasási oszlop szélessége */

	font-size: 17px;
	line-height: 1.75;
	color: var(--dsb-szoveg);
}

/* --- Az olvasási oszlop -------------------------------------------------- */
/* A szöveg középre zárt, korlátozott szélességű oszlopba kerül. A képek és a
   táblázatok kimaradnak ebből, ezért szélesebbek maradnak a szövegnél. */

body.single-post .elementor-widget-theme-post-content > p,
body.single-post .elementor-widget-theme-post-content > h1,
body.single-post .elementor-widget-theme-post-content > h2,
body.single-post .elementor-widget-theme-post-content > h3,
body.single-post .elementor-widget-theme-post-content > h4,
body.single-post .elementor-widget-theme-post-content > h5,
body.single-post .elementor-widget-theme-post-content > h6,
body.single-post .elementor-widget-theme-post-content > ul,
body.single-post .elementor-widget-theme-post-content > ol,
body.single-post .elementor-widget-theme-post-content > dl,
body.single-post .elementor-widget-theme-post-content > blockquote,
body.single-post .elementor-widget-theme-post-content > hr,
body.single-post .elementor-widget-theme-post-content > .wp-block-quote,
body.single-post .elementor-widget-theme-post-content > .wp-block-list {
	/*max-width: var(--dsb-oszlop);*/
	margin-left: auto;
	margin-right: auto;
}

/* Kivétel: az olyan bekezdés, amiben CSAK egy kép van, maradjon teljes széles
   (a szerkesztők gyakran bekezdésbe tett képpel dolgoznak, nem figure-rel). */
body.single-post .elementor-widget-theme-post-content > p:has(> img:only-child),
body.single-post .elementor-widget-theme-post-content > p:has(> a:only-child > img),
body.single-post .elementor-widget-theme-post-content > p:has(> span:only-child > img:only-child) {
	max-width: none;
}

/* --- Bekezdés ----------------------------------------------------------- */
/* A 15px-es térköz kisebb volt a sorköznél (25,6px), ezért a bekezdések alig
   váltak el egymástól. A térköz most nagyobb, mint egy sor. */

body.single-post .elementor-widget-theme-post-content > p {
	margin-bottom: 1.15em;
}

/* --- Címsorok ----------------------------------------------------------- */
/* A szakaszhatárok előtt jóval nagyobb a levegő, mint utánuk: így a címsor
   ahhoz tapad, amit bevezet. */

body.single-post .elementor-widget-theme-post-content > h2,
body.single-post .elementor-widget-theme-post-content > h3,
body.single-post .elementor-widget-theme-post-content > h4 {
	color: var(--dsb-sotet);
	line-height: 1.25;
	margin-top: 2.4rem;
	margin-bottom: 0.7rem;
}

/* Az első elem ne lökje le magát a tetejéről. */
body.single-post .elementor-widget-theme-post-content > *:first-child {
	margin-top: 0;
}

/* --- Kiemelés ----------------------------------------------------------- */
/* Eddig a félkövér ugyanolyan színű volt, mint a folyó szöveg, csak vastagabb.
   A sötétebb szín miatt a kiemelés szándékosnak látszik, nem foltnak. */

body.single-post .elementor-widget-theme-post-content strong,
body.single-post .elementor-widget-theme-post-content b {
	color: var(--dsb-sotet);
	font-weight: 700;
}

/* --- Hivatkozás --------------------------------------------------------- */

body.single-post .elementor-widget-theme-post-content a:not(.elementor-button) {
	color: var(--dsb-kek);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.18em;
	text-decoration-color: rgba(0, 84, 150, 0.35);
	transition: text-decoration-color 0.15s ease, color 0.15s ease;
}

body.single-post .elementor-widget-theme-post-content a:not(.elementor-button):hover,
body.single-post .elementor-widget-theme-post-content a:not(.elementor-button):focus-visible {
	text-decoration-color: currentColor;
}

/* --- Listák ------------------------------------------------------------- */

body.single-post .elementor-widget-theme-post-content > ul,
body.single-post .elementor-widget-theme-post-content > ol {
	padding-left: 1.35em;
	margin-bottom: 1.4rem;
}

body.single-post .elementor-widget-theme-post-content li {
	margin-bottom: 0.4em;
	padding-left: 0.2em;
}

body.single-post .elementor-widget-theme-post-content > ul li::marker {
	color: var(--dsb-piros);
}

body.single-post .elementor-widget-theme-post-content > ol li::marker {
	color: var(--dsb-halvany);
	font-weight: 700;
}

/* --- Idézetblokk -------------------------------------------------------- */

/* A vonal szándékosan vékony és semleges. Előbb 3px piros volt, de egy
   többbekezdéses idézetnél az magas, telített sávot adott: inkább
   figyelmeztető doboznak olvasott, mint idézetnek — ráadásul versengett a
   kiemelt mondat piros jelével. Az idézetet az álló helyett dőlt szedés, a
   sötétebb szín és a nagyobb méret különbözteti meg; a vonal dolga csak
   annyi, hogy a bekezdéseket egy idézetté fogja össze. */

body.single-post .elementor-widget-theme-post-content blockquote,
body.single-post .elementor-widget-theme-post-content .wp-block-quote {
	margin: 2.2rem auto;
	padding: 0.1em 0 0.1em 1.5rem;
	border-left: 2px solid var(--dsb-halvany);
	border-right: 0;
	font-size: 1.1em;
	line-height: 1.6;
	font-style: italic;
	color: var(--dsb-sotet);
	background: none;
	quotes: none;
}

body.single-post .elementor-widget-theme-post-content blockquote p:last-child {
	margin-bottom: 0;
}

body.single-post .elementor-widget-theme-post-content blockquote cite,
body.single-post .elementor-widget-theme-post-content .wp-block-quote__citation {
	display: block;
	margin-top: 0.7em;
	font-size: 0.82em;
	font-style: normal;
	color: var(--dsb-halvany);
}

/* --- Kiemelt mondat a folyó szövegben ----------------------------------- */
/* A szerkesztők a kiemelt mondatot két vízszintes vonal KÖZÉ tették
   (hr + h3 + hr). A két vonal szorosan tapadt, teljes szélességben átfogta a
   szöveget, és inkább kettévágta a cikket, mint kiemelt volna. A vonalakat
   elrejtjük, helyettük egy rövid piros jel kerül a mondat fölé.

   A minta pontos: csak ott üt, ahol tényleg hr–h3–hr követi egymást.

   A középre zárást NEM írjuk felül: a h3-on inline style="text-align: center"
   van, azaz a szerkesztő szándékosan tette középre. Ezt csak !important-tal
   lehetne elnyomni, és nincs rá ok. */

body.single-post .elementor-widget-theme-post-content > hr:has(+ h3 + hr),
body.single-post .elementor-widget-theme-post-content > hr + h3 + hr {
	display: none;
}

body.single-post .elementor-widget-theme-post-content > hr + h3 {
	max-width: 620px;
	margin: 3rem auto;
	font-size: 22px;
	line-height: 1.5;
	color: var(--dsb-sotet);
}

body.single-post .elementor-widget-theme-post-content > hr + h3::before {
	content: "";
	display: block;
	width: 44px;
	height: 3px;
	margin: 0 auto 1.3rem;
	border-radius: 2px;
	background: var(--dsb-piros);
}

/* --- Elválasztó vonal --------------------------------------------------- */

body.single-post .elementor-widget-theme-post-content > hr {
	height: 0;
	border: 0;
	border-top: 1px solid var(--dsb-szegely);
	background: none;
	margin-top: 2.6rem;
	margin-bottom: 2.6rem;
	clear:both!important;
}

/* --- Képek és képaláírások ---------------------------------------------- */

body.single-post .elementor-widget-theme-post-content img {
	border-radius: 8px;
	height: auto;
}

body.single-post .elementor-widget-theme-post-content figure,
body.single-post .elementor-widget-theme-post-content .wp-caption {
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}

body.single-post .elementor-widget-theme-post-content figcaption,
body.single-post .elementor-widget-theme-post-content .wp-caption-text {
	font-size: 15px;
	line-height: 1.5;
	color: var(--dsb-halvany);
	text-align: center;
	margin-top: 0.7rem;
	margin-bottom: 0;
}

/* --- Táblázatok --------------------------------------------------------- */
/* Fontos: a bejegyzések egy részében a táblázat KÉPEK ELRENDEZÉSÉRE szolgál
   (28 posztból 6 ilyen). Azokra nem teszünk szegélyt, különben rács jelenne
   meg a fotók körül. */

body.single-post .elementor-widget-theme-post-content table:not(:has(img)) {
	border-collapse: collapse;
	width: 100%;
	max-width: var(--dsb-oszlop);
	margin: 2rem auto;
	font-size: 16px;
	line-height: 1.55;
}

body.single-post .elementor-widget-theme-post-content table:not(:has(img)) th,
body.single-post .elementor-widget-theme-post-content table:not(:has(img)) td {
	border: 1px solid var(--dsb-szegely);
	padding: 0.6em 0.8em;
	text-align: left;
	vertical-align: top;
}

body.single-post .elementor-widget-theme-post-content table:not(:has(img)) th {
	background: #F9F9F9;
	color: var(--dsb-sotet);
	font-weight: 700;
}

/* A téma minden cellára halvány szürke hátteret tesz
   (rgba(128,128,128,.07)). Adattáblánál ez sáros, képelrendezésnél pedig
   véletlen doboznak látszik a fotók mögött. A fejlécet külön színezzük. */
body.single-post .elementor-widget-theme-post-content td {
	background: none;
}

/* Képelrendezésre használt táblázat: szegély és háttér nélkül, levegősen. */
body.single-post .elementor-widget-theme-post-content table:has(img),
body.single-post .elementor-widget-theme-post-content table:has(img) th,
body.single-post .elementor-widget-theme-post-content table:has(img) td {
	border: 0;
	background: none;
}

body.single-post .elementor-widget-theme-post-content table:has(img) td {
	padding: 0 0.6rem;
	vertical-align: top;
}

/* --- „Ez az űrlap már nem elérhető" doboz -------------------------------- */
/* Azokban a bejegyzésekben, ahol korábban egy WPForms űrlap állt. A bekezdés
   a tartalomban van, `vk-urlap-hiany` osztállyal — a szerkesztő a WordPress
   szerkesztőjében látja és átírhatja. */

body.single-post .elementor-widget-theme-post-content > .vk-urlap-hiany {
	max-width: var(--dsb-oszlop);
	margin: 2rem auto;
	padding: 1.1rem 1.3rem;
	border: 1px solid var(--dsb-szegely);
	border-radius: 8px;
	background: #F9F9F9;
	font-size: 16px;
}

/* --- Mobil -------------------------------------------------------------- */

@media (max-width: 767px) {
	body.single-post .elementor-widget-theme-post-content {
		font-size: 16px;
		line-height: 1.7;
	}

	body.single-post .elementor-widget-theme-post-content > hr + h3 {
		font-size: 19px;
		padding-left: 1rem;
	}

	body.single-post .elementor-widget-theme-post-content blockquote,
	body.single-post .elementor-widget-theme-post-content .wp-block-quote {
		padding-left: 1rem;
	}

	body.single-post .elementor-widget-theme-post-content table:not(:has(img)) {
		display: block;
		overflow-x: auto;
	}
}

/* --- Csökkentett mozgás ------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
	body.single-post .elementor-widget-theme-post-content a:not(.elementor-button) {
		transition: none;
	}
}
/* === DSB blog-tipográfia: vége === */

.alignright {
margin-left: 1rem !important;
}

img.alignleft, img.alignright {
    margin-bottom: 30px!important;
}/* End custom CSS */