/* Brownz.Art: lesbare Mobilansicht, Desktop-Design bleibt erhalten. */
@media screen and (max-width: 782px) {
  body { background: #fff !important; color: #202020; font-family: Arial, Helvetica, sans-serif !important; font-size: 18px; line-height: 1.65; padding: 0; text-align: left; }
  body #wrapper { width: 100%; max-width: 100%; margin: 0; display: flex; flex-direction: column; }
  body #wrapper *, body #wrapper *::before, body #wrapper *::after { box-sizing: border-box; text-shadow: none !important; }
  body #creditsleft, body #creditsright { float: none; width: 100%; margin: 0; text-align: left; }
  body #top { order: 0; background: #086c9e; padding: 8px 16px; }
  body #top #topmenu { float: none; width: 100%; overflow-x: auto; }
  body #topmenu > ul { display: flex; gap: 16px; width: max-content; margin: 0; }
  body #top #topmenu li { float: none; background: none; padding: 0; margin: 0; }
  body #top #topmenu li a { display: block; font-size: 14px; line-height: 1.5; padding: 6px 0; color: #fff; white-space: nowrap; }
  body #search { display: none; }
  body #header { display: contents; }
  body #header #logo { order: 1; float: none; display: flex; flex-direction: column; width: 100%; margin: 0; padding: 24px 18px 0; border-bottom: 16px solid #333; }
  body #header #logo h1 { order: 0; font-size: 30px !important; line-height: 1.2; margin: 0; padding: 0; }
  body #header #logo h1 a { color: #171717; font-family: Arial, Helvetica, sans-serif !important; font-size: inherit !important; font-weight: 700; text-shadow: none; }
  body #header #logo #desc { order: 1; font-family: Arial, Helvetica, sans-serif !important; color: #333; font-size: 16px !important; line-height: 1.5; margin: 14px 0 22px; }
  body #header #logo > a { order: 2; align-self: center; line-height: 0; }
  body #header #logo img { float: none; width: 56px; height: 56px; margin: 0; }
  body #main { order: 2; width: 100%; margin: 0; padding: 0; }
  body #content, body #content.full { float: none; width: 100%; overflow: visible; }
  body #contentdesc { display: none; }
  body .post, body .hentry { padding: 22px 18px 30px; border-bottom: 12px solid #eee; overflow-wrap: anywhere; }
  body .posttop { background: none; padding: 0; }
  body .posttop .posttitle { font-family: Arial, Helvetica, sans-serif !important; font-size: 29px !important; line-height: 1.25; font-weight: 700 !important; color: #00445d; margin: 0 0 14px; }
  body .posttop .posttitle a { font-size: inherit !important; font-weight: inherit !important; font-family: inherit !important; color: #00445d; text-shadow: none; }
  body .postmetatop { font-size: 13px !important; color: #555; padding: 0 0 8px; }
  body .postmetatop .categs { display: none; }
  body .postmetatop .date { float: none; width: auto; text-align: left; }
  body .postmetatop .date span { background: none; padding: 0; }
  body .postcontent { color: #202020; font-size: 18px !important; line-height: 1.7; margin: 10px 0 0; }
  body .postcontent p { padding: 0; margin: 0 0 1.2em; }
  body .postcontent h1, body .postcontent h2, body .postcontent h3, body .postcontent h4, body .postcontent h5, body .postcontent h6 { font-family: Arial, Helvetica, sans-serif !important; color: #202020; font-weight: 700 !important; line-height: 1.3; padding: 0; margin: 1.3em 0 .6em; }
  body .postcontent h1, body .postcontent h2 { font-size: 25px !important; }
  body .postcontent h3 { font-size: 22px !important; }
  body .postcontent a, body .postmetabottom a, body .postmetaauthor a, body #sidebar a, body #footer a { color: #006b93; border-color: #9ab8c4; }
  body .postcontent img, body .postcontent video { max-width: 100% !important; height: auto; }
  body .postcontent figure, body .postcontent .wp-caption, body .postcontent .alignwide, body .postcontent .alignfull { max-width: 100%; margin-left: 0; margin-right: 0; }
  body .postcontent iframe, body .postcontent object, body .postcontent embed { max-width: 100%; }
  body .postcontent .wp-block-embed iframe { width: 100%; aspect-ratio: 16 / 9; height: auto; }
  body .postcontent .alignleft, body .postcontent .alignright { float: none; margin: 12px auto; }
  body .postcontent table { display: block; max-width: 100%; overflow-x: auto; }
  body .postcontent pre { white-space: pre-wrap; overflow-wrap: anywhere; }
  body .postmetabottom, body .postmetaauthor { background: #f3f5f6; color: #333; font-size: 14px !important; line-height: 1.5; padding: 12px; }
  body .postmetabottom .tags, body .postmetabottom .readmore, body .postmetaauthor .authordesc { float: none; width: auto; margin: 0; padding: 0; background: none; text-align: left; }
  body #sidebar { float: none; width: 100%; padding: 20px 18px; color: #333; font-size: 16px !important; background: #f4f5f6; }
  body #sidebar .widget, body #sidebar h3 { background: none; color: #222; }
  body #sidebar h3 { font-size: 22px !important; line-height: 1.3; }
  body #catnav { order: 3; width: 100%; background: #086c9e; padding: 12px; }
  body #catnav ul { display: flex; flex-wrap: wrap; width: 100%; }
  body #catnav li { float: none; }
  body #catnav a { font-size: 14px; color: #fff; }
  body #header #headerbanner { order: 4; float: none; width: auto; max-width: 100%; margin: 0; padding: 24px 18px; background: #f4f5f6; color: #202020; font-size: 16px !important; }
  body #header #headerbanner h3 { font-size: 20px; color: #202020; }
  body #footer { order: 5; width: 100%; padding: 20px 18px; background: #f4f5f6; color: #333; font-size: 16px !important; }
  body #footer > div { float: none; width: 100%; margin: 0 0 20px; }
  body #credits { order: 6; width: 100%; padding: 16px; color: #555; background: #eee; font-size: 13px !important; }
  body #credits a { color: #006b93; }
  body #comments { width: 100%; padding: 18px; color: #202020; }
  body #comments ul.commentlist li { background: #f3f5f6; padding: 12px; }
  body #comments .commentbody .author, body #comments .commentbody .commentmetadata, body #comments a { color: #006b93; }
  body input, body textarea, body select { max-width: 100%; font-size: 16px; }
  body #comments textarea { width: 100%; }
}
/* Brownz.Art: lesbare Mobilansicht, Desktop-Design bleibt erhalten. */
@media screen and (max-width: 782px) {
  body { background: #fff !important; color: #202020; font-family: Arial, Helvetica, sans-serif !important; font-size: 18px; line-height: 1.65; padding: 0; text-align: left; }
  body #wrapper { width: 100%; max-width: 100%; margin: 0; display: flex; flex-direction: column; }
  body #wrapper *, body #wrapper *::before, body #wrapper *::after { box-sizing: border-box; }
  body #top { order: 0; background: #086c9e; padding: 8px 16px; }
  body #top #topmenu { float: none; width: 100%; overflow-x: auto; }
  body #topmenu > ul { display: flex; gap: 16px; width: max-content; margin: 0; }
  body #top #topmenu li { float: none; background: none; padding: 0; margin: 0; }
  body #top #topmenu li a { display: block; font-size: 14px; line-height: 1.5; padding: 6px 0; color: #fff; white-space: nowrap; }
  body #search { display: none; }
  body #header { display: contents; }
  body #header #logo { order: 1; float: none; display: flex; flex-direction: column; width: 100%; margin: 0; padding: 24px 18px 0; border-bottom: 16px solid #333; }
  body #header #logo h1 { order: 0; font-size: 30px !important; line-height: 1.2; margin: 0; padding: 0; }
  body #header #logo h1 a { color: #171717; font-family: Arial, Helvetica, sans-serif !important; font-size: inherit !important; font-weight: 700; text-shadow: none; }
  body #header #logo #desc { order: 1; font-family: Arial, Helvetica, sans-serif !important; color: #333; font-size: 16px !important; line-height: 1.5; margin: 14px 0 22px; }
  body #header #logo > a { order: 2; align-self: center; line-height: 0; }
  body #header #logo img { float: none; width: 56px; height: 56px; margin: 0; }
  body #main { order: 2; width: 100%; margin: 0; padding: 0; }
  body #content, body #content.full { float: none; width: 100%; overflow: visible; }
  body #contentdesc { display: none; }
  body .post, body .hentry { padding: 22px 18px 30px; border-bottom: 12px solid #eee; overflow-wrap: anywhere; }
  body .posttop { background: none; padding: 0; }
  body .posttop .posttitle { font-family: Arial, Helvetica, sans-serif !important; font-size: 29px !important; line-height: 1.25; font-weight: 700 !important; color: #00445d; margin: 0 0 14px; }
  body .posttop .posttitle a { font-size: inherit !important; font-weight: inherit !important; font-family: inherit !important; color: #00445d; text-shadow: none; }
  body .postmetatop { font-size: 13px !important; color: #555; padding: 0 0 8px; }
  body .postmetatop .categs { display: none; }
  body .postmetatop .date { float: none; width: auto; text-align: left; }
  body .postmetatop .date span { background: none; padding: 0; }
  body .postcontent { color: #202020; font-size: 18px !important; line-height: 1.7; margin: 10px 0 0; }
  body .postcontent p { padding: 0; margin: 0 0 1.2em; }
  body .postcontent h1, body .postcontent h2, body .postcontent h3, body .postcontent h4, body .postcontent h5, body .postcontent h6 { font-family: Arial, Helvetica, sans-serif !important; color: #202020; font-weight: 700 !important; line-height: 1.3; padding: 0; margin: 1.3em 0 .6em; }
  body .postcontent h1, body .postcontent h2 { font-size: 25px !important; }
  body .postcontent h3 { font-size: 22px !important; }
  body .postcontent a, body .postmetabottom a, body .postmetaauthor a, body #sidebar a, body #footer a { color: #006b93; border-color: #9ab8c4; }
  body .postcontent img, body .postcontent video { max-width: 100% !important; height: auto; }
  body .postcontent figure, body .postcontent .wp-caption, body .postcontent .alignwide, body .postcontent .alignfull { max-width: 100%; margin-left: 0; margin-right: 0; }
  body .postcontent iframe, body .postcontent object, body .postcontent embed { max-width: 100%; }
  body .postcontent .wp-block-embed iframe { width: 100%; aspect-ratio: 16 / 9; height: auto; }
  body .postcontent .alignleft, body .postcontent .alignright { float: none; margin: 12px auto; }
  body .postcontent table { display: block; max-width: 100%; overflow-x: auto; }
  body .postcontent pre { white-space: pre-wrap; overflow-wrap: anywhere; }
  body .postmetabottom, body .postmetaauthor { background: #f3f5f6; color: #333; font-size: 14px !important; line-height: 1.5; padding: 12px; }
  body .postmetabottom .tags, body .postmetabottom .readmore, body .postmetaauthor .authordesc { float: none; width: auto; margin: 0; padding: 0; background: none; text-align: left; }
  body #sidebar { float: none; width: 100%; padding: 20px 18px; color: #333; font-size: 16px !important; background: #f4f5f6; }
  body #sidebar .widget, body #sidebar h3 { background: none; color: #222; }
  body #sidebar h3 { font-size: 22px !important; line-height: 1.3; }
  body #catnav { order: 3; width: 100%; background: #086c9e; padding: 12px; }
  body #catnav ul { display: flex; flex-wrap: wrap; width: 100%; }
  body #catnav li { float: none; }
  body #catnav a { font-size: 14px; color: #fff; }
  body #header #headerbanner { order: 4; float: none; width: auto; max-width: 100%; margin: 0; padding: 24px 18px; background: #f4f5f6; color: #202020; font-size: 16px !important; }
  body #header #headerbanner h3 { font-size: 20px; color: #202020; }
  body #footer { order: 5; width: 100%; padding: 20px 18px; background: #f4f5f6; color: #333; font-size: 16px !important; }
  body #footer > div { float: none; width: 100%; margin: 0 0 20px; }
  body #credits { order: 6; width: 100%; padding: 16px; color: #555; background: #eee; font-size: 13px !important; }
  body #credits a { color: #006b93; }
  body #comments { width: 100%; padding: 18px; color: #202020; }
  body #comments ul.commentlist li { background: #f3f5f6; padding: 12px; }
  body #comments .commentbody .author, body #comments .commentbody .commentmetadata, body #comments a { color: #006b93; }
  body input, body textarea, body select { max-width: 100%; font-size: 16px; }
  body #comments textarea { width: 100%; }
}
/* Brownz.Art: lesbare Mobilansicht, Desktop-Design bleibt erhalten. */
@media screen and (max-width: 782px) {
  body.wp-theme-motion { background: #fff !important; color: #202020; font-family: Arial, Helvetica, sans-serif !important; font-size: 18px; line-height: 1.65; padding: 0; text-align: left; }
  body.wp-theme-motion #wrapper { width: 100%; max-width: 100%; margin: 0; display: flex; flex-direction: column; }
  body.wp-theme-motion #wrapper *, body.wp-theme-motion #wrapper *::before, body.wp-theme-motion #wrapper *::after { box-sizing: border-box; }
  body.wp-theme-motion #top { order: 0; background: #086c9e; padding: 8px 16px; }
  body.wp-theme-motion #top #topmenu { float: none; width: 100%; overflow-x: auto; }
  body.wp-theme-motion #topmenu > ul { display: flex; gap: 16px; width: max-content; margin: 0; }
  body.wp-theme-motion #top #topmenu li { float: none; background: none; padding: 0; margin: 0; }
  body.wp-theme-motion #top #topmenu li a { display: block; font-size: 14px; line-height: 1.5; padding: 6px 0; color: #fff; white-space: nowrap; }
  body.wp-theme-motion #search { display: none; }
  body.wp-theme-motion #header { display: contents; }
  body.wp-theme-motion #header #logo { order: 1; float: none; display: flex; flex-direction: column; width: 100%; margin: 0; padding: 24px 18px 0; border-bottom: 16px solid #333; }
  body.wp-theme-motion #header #logo h1 { order: 0; font-size: 30px !important; line-height: 1.2; margin: 0; padding: 0; }
  body.wp-theme-motion #header #logo h1 a { color: #171717; font-family: Arial, Helvetica, sans-serif !important; font-size: inherit !important; font-weight: 700; text-shadow: none; }
  body.wp-theme-motion #header #logo #desc { order: 1; font-family: Arial, Helvetica, sans-serif !important; color: #333; font-size: 16px !important; line-height: 1.5; margin: 14px 0 22px; }
  body.wp-theme-motion #header #logo > a { order: 2; align-self: center; line-height: 0; }
  body.wp-theme-motion #header #logo img { float: none; width: 56px; height: 56px; margin: 0; }
  body.wp-theme-motion #main { order: 2; width: 100%; margin: 0; padding: 0; }
  body.wp-theme-motion #content, body.wp-theme-motion #content.full { float: none; width: 100%; overflow: visible; }
  body.wp-theme-motion #contentdesc { display: none; }
  body.wp-theme-motion .post, body.wp-theme-motion .hentry { padding: 22px 18px 30px; border-bottom: 12px solid #eee; overflow-wrap: anywhere; }
  body.wp-theme-motion .posttop { background: none; padding: 0; }
  body.wp-theme-motion .posttop .posttitle { font-family: Arial, Helvetica, sans-serif !important; font-size: 29px !important; line-height: 1.25; font-weight: 700 !important; color: #00445d; margin: 0 0 14px; }
  body.wp-theme-motion .posttop .posttitle a { font-size: inherit !important; font-weight: inherit !important; font-family: inherit !important; color: #00445d; text-shadow: none; }
  body.wp-theme-motion .postmetatop { font-size: 13px !important; color: #555; padding: 0 0 8px; }
  body.wp-theme-motion .postmetatop .categs { display: none; }
  body.wp-theme-motion .postmetatop .date { float: none; width: auto; text-align: left; }
  body.wp-theme-motion .postmetatop .date span { background: none; padding: 0; }
  body.wp-theme-motion .postcontent { color: #202020; font-size: 18px !important; line-height: 1.7; margin: 10px 0 0; }
  body.wp-theme-motion .postcontent p { padding: 0; margin: 0 0 1.2em; }
  body.wp-theme-motion .postcontent h1, body.wp-theme-motion .postcontent h2, body.wp-theme-motion .postcontent h3, body.wp-theme-motion .postcontent h4, body.wp-theme-motion .postcontent h5, body.wp-theme-motion .postcontent h6 { font-family: Arial, Helvetica, sans-serif !important; color: #202020; font-weight: 700 !important; line-height: 1.3; padding: 0; margin: 1.3em 0 .6em; }
  body.wp-theme-motion .postcontent h1, body.wp-theme-motion .postcontent h2 { font-size: 25px !important; }
  body.wp-theme-motion .postcontent h3 { font-size: 22px !important; }
  body.wp-theme-motion .postcontent a, body.wp-theme-motion .postmetabottom a, body.wp-theme-motion .postmetaauthor a, body.wp-theme-motion #sidebar a, body.wp-theme-motion #footer a { color: #006b93; border-color: #9ab8c4; }
  body.wp-theme-motion .postcontent img, body.wp-theme-motion .postcontent video { max-width: 100% !important; height: auto; }
  body.wp-theme-motion .postcontent figure, body.wp-theme-motion .postcontent .wp-caption, body.wp-theme-motion .postcontent .alignwide, body.wp-theme-motion .postcontent .alignfull { max-width: 100%; margin-left: 0; margin-right: 0; }
  body.wp-theme-motion .postcontent iframe, body.wp-theme-motion .postcontent object, body.wp-theme-motion .postcontent embed { max-width: 100%; }
  body.wp-theme-motion .postcontent .wp-block-embed iframe { width: 100%; aspect-ratio: 16 / 9; height: auto; }
  body.wp-theme-motion .postcontent .alignleft, body.wp-theme-motion .postcontent .alignright { float: none; margin: 12px auto; }
  body.wp-theme-motion .postcontent table { display: block; max-width: 100%; overflow-x: auto; }
  body.wp-theme-motion .postcontent pre { white-space: pre-wrap; overflow-wrap: anywhere; }
  body.wp-theme-motion .postmetabottom, body.wp-theme-motion .postmetaauthor { background: #f3f5f6; color: #333; font-size: 14px !important; line-height: 1.5; padding: 12px; }
  body.wp-theme-motion .postmetabottom .tags, body.wp-theme-motion .postmetabottom .readmore, body.wp-theme-motion .postmetaauthor .authordesc { float: none; width: auto; margin: 0; padding: 0; background: none; text-align: left; }
  body.wp-theme-motion #sidebar { float: none; width: 100%; padding: 20px 18px; color: #333; font-size: 16px !important; background: #f4f5f6; }
  body.wp-theme-motion #sidebar .widget, body.wp-theme-motion #sidebar h3 { background: none; color: #222; }
  body.wp-theme-motion #sidebar h3 { font-size: 22px !important; line-height: 1.3; }
  body.wp-theme-motion #catnav { order: 3; width: 100%; background: #086c9e; padding: 12px; }
  body.wp-theme-motion #catnav ul { display: flex; flex-wrap: wrap; width: 100%; }
  body.wp-theme-motion #catnav li { float: none; }
  body.wp-theme-motion #catnav a { font-size: 14px; color: #fff; }
  body.wp-theme-motion #header #headerbanner { order: 4; float: none; width: auto; max-width: 100%; margin: 0; padding: 24px 18px; background: #f4f5f6; color: #202020; font-size: 16px !important; }
  body.wp-theme-motion #header #headerbanner h3 { font-size: 20px; color: #202020; }
  body.wp-theme-motion #footer { order: 5; width: 100%; padding: 20px 18px; background: #f4f5f6; color: #333; font-size: 16px !important; }
  body.wp-theme-motion #footer > div { float: none; width: 100%; margin: 0 0 20px; }
  body.wp-theme-motion #credits { order: 6; width: 100%; padding: 16px; color: #555; background: #eee; font-size: 13px !important; }
  body.wp-theme-motion #credits a { color: #006b93; }
  body.wp-theme-motion #comments { width: 100%; padding: 18px; color: #202020; }
  body.wp-theme-motion #comments ul.commentlist li { background: #f3f5f6; padding: 12px; }
  body.wp-theme-motion #comments .commentbody .author, body.wp-theme-motion #comments .commentbody .commentmetadata, body.wp-theme-motion #comments a { color: #006b93; }
  body.wp-theme-motion input, body.wp-theme-motion textarea, body.wp-theme-motion select { max-width: 100%; font-size: 16px; }
  body.wp-theme-motion #comments textarea { width: 100%; }
}