style.css

/*
 Theme Name:   Twenty Fifteen SE
 Description:  Child Theme vom WordPress Standard Theme Twenty Fifteen
 Author:       Christopher Kurth
 Author URI:   https://christopherkurth.com
 GitHub Theme URI: https://github.com/christopherkurth/twentyfifteense
 Template:     twentyfifteen
 Version:      1.2.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: Child Theme, Twenty Fifteen, black, blue, white, dark, two-columns, left-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
 Text Domain: twentyfifteen
*/

/* ------ Typography ------ */

@font-face { font-family: 'tfse-icons';
  src: url('/ckx2015se/wp-content/themes/twentyfifteense/font/tfse-icon.woff')  format('woff'),
  url('/ckx2015se/wp-content/themes/twentyfifteense/font/tfse-icon.woff2')  format('woff2'); 
}

body,
button,
input,
select,
textarea {
  font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  text-rendering: optimizeLegibility;
}
blockquote cite,
blockquote small {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
::-webkit-input-placeholder {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
:-moz-placeholder {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
::-moz-placeholder {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
:-ms-input-placeholder {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.post-password-form label {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.main-navigation .menu-item-description {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.post-navigation .meta-nav {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.post-navigation .post-title {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.pagination {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.image-navigation,
.comment-navigation {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.site-title {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.site-description {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.widget-title {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.widget_calendar caption {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.widget_rss .rss-date,
.widget_rss cite {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.author-heading {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.entry-footer {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.page-title {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.page-links {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.entry-caption {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.comments-title,
.comment-reply-title {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.comment-metadata,
.pingback .edit-link {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.comment-list .reply a {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.comment-form label {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.no-comments {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.form-allowed-tags code {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.wp-caption-text {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.gallery-caption {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.widecolumn label,
.widecolumn .mu_register label {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
code,
pre {
  font-family: "SF Mono", "Monaco", "Inconsolata", "Fira Mono", "Droid Sans Mono", "Source Code Pro", monospace;
  font-size: 0.84em;
}

/* --- Media Queries --- */
/* --- Mobile Large 620px | @media screen and (min-width: 38.75em) --- */
/* --- Tablet Small 740px | @media screen and (min-width: 46.25em) --- */
/* --- Tablet Large 880px | @media screen and (min-width: 55em) --- */
/* --- Desktop Small 955px | @media screen and (min-width: 59.6875em) --- */
/* --- Desktop Medium 1100px | @media screen and (min-width: 68.75em) --- */
/* --- Desktop Large 1240px | @media screen and (min-width: 77.5em) --- */
/* --- Desktop X-Large 1403px | @media screen and (min-width: 87.6875em) --- */

  @media screen and (min-width: 59.6875em){
    body:before {
      box-shadow: none;
    }
  }

/* ------ Header / Sidebar ------ */
.site-header {
  border-bottom: none;
}

.site-branding {
  padding-right: 80px;
}
  @media screen and (min-width: 38.75em){
    .site-branding {
      padding-right: unset;
    }
  }
  @media screen and (min-width: 46.25em){
    .site-branding {
      text-align: center;
    }
  }

.site-title {
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: 600;
  text-rendering: optimizeLegibility;
}
  @media screen and (min-width: 374px){
    .site-title {
      font-size: 22px;
      font-size: 2.2rem;
      font-weight: 500;
      line-height: 2;
    }
  }
  @media screen and (min-width: 38.75em){
    .site-title {
        font-size: 28px;
        font-size: 2.8rem;
        font-weight: 500;
        line-height: 1.0909;
    }
  }
  @media screen and (min-width: 46.25em){
    .site-title {
      font-size: 28px;
      font-size: 2.8rem;
      font-weight: 500;
      line-height: 1.2069;
    }
  }
  @media screen and (min-width: 55em){
    .site-title {
        font-size: 20px;
        font-size: 2.0rem;
        line-height: 1.25;
    }
  }
  @media screen and (min-width: 59.6875em){
    .site-title {
      font-size: 22px;
      font-size: 2.2rem;
      line-height: 1.18;
    }
  }

.site-description {
  display: none;
}
  @media screen and (min-width: 55em) {
    .site-description {
      display: block;
      font-size: 12px;
      font-size: 1.2rem;
      text-rendering: optimizeLegibility;
    }
  }
  @media screen and (min-width: 59.6875em){
    .site-description {
      margin: 0.6em 2em;
      font-size: 12px;
      font-size: 1.2rem;
    }
  }
  @media screen and (min-width: 68.75em){
    .site-description {
        font-size: 12px;
        font-size: 1.2rem;
    }
  }

.custom-logo {
  display: none;
}
  @media screen and (min-width: 59.6875em){
    .custom-logo {
      display: inline;
      max-height: 124px;
    }
  }

.secondary {
  box-shadow: none;
}

/* ------ Navigation ------ */
.secondary-toggle {
  background-color: transparent;
  height: 42px;
  width: 62px;
}
.secondary-toggle:before {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 700;
}
.secondary-toggle:before {
  content: "MENU";
  line-height: 40px;
  width: 62px;
  letter-spacing: 0.046875em;
}
:lang(de) .secondary-toggle:before {
  content: "MENÜ";
}
.secondary-toggle:hover,
.secondary-toggle:focus {
  background-color: transparent;
  outline: 0;
}
.secondary-toggle.toggled-on:before {
  content: "MENU";
  font-size: 12px;
  position: relative;
  width: 62px;
  top: 0px;
  left: -1px;
}
:lang(de) .secondary-toggle.toggled-on:before {
  content: "MENÜ";
}

.main-navigation ul,
.main-navigation li {
  border-top: none;
  border-bottom: none;
}

  @media screen and (min-width: 46.25em){
    .main-navigation {
      font-size: 14px;
      font-size: 1.4rem;
    }
    .main-navigation .menu-item-description {
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1.3385;
      margin-top: 0.2077em;
    }
  }

  @media screen and (min-width: 55em){
    .main-navigation {
      font-size: 14px;
      font-size: 1.4rem;
    }
  }

  @media screen and (min-width: 59.6875em){
    .main-navigation .menu-item-description {
      display: none;
    }
  }

/* ------ Content ------ */

h1, h2, h3, h4, h5, h6 {
  font-weight: 800;
  text-rendering: optimizeLegibility;
}

.entry-content a img.picture-link {
  display: inline;
}

.entry-content a.picture-link {
  border: none;
}

.entry-content .more-link:after,
.entry-summary .more-link:after {
  content: "\f429";
  font-size: 14px;
  font-size: 1,4rem;
  font-weight: 500;
  position: relative;
  top: 7px;
  margin-left: 4px;
}

.alignfull,
.alignwide {
	left: 50%;
	max-width: 825px;
	position: relative;
	transform: translate(-50%);
	width: 100vw;
}

[data-language] code, [class^="lang"] code, pre [data-language], pre [class^="lang"] {
  opacity: 1;
  animation: none;
}
code.rainbow {
  font-size: 0.88em;
}

/* Description List */
dl {

}
dt {
  
}
dd {
  padding-left: 2em;
}

  @media screen and (min-width: 38.75em){
    .hentry,
    .page-header,
    .page-content,
    .site-footer,
    .comments-area,
    .widecolumn {
      box-shadow: none;
    }
  }
  @media screen and (min-width: 59.6875em){
    .image-navigation .nav-previous a:before,
    .image-navigation .nav-next a:after,
    .comment-navigation .nav-previous a:before,
    .comment-navigation .nav-next a:after {
      font-size: 14px;
    }
  }
  @media screen and (min-width: 68.75em){
    body,
    button,
    input,
    select,
    textarea {
      font-size: 16px;
      font-size: 1.6rem;
    }
    blockquote {
      font-size: 18px;
      font-size: 1.8rem;
    }
    .image-navigation .nav-previous a:before,
    .image-navigation .nav-next a:after,
    .comment-navigation .nav-previous a:before,
    .comment-navigation .nav-next a:after {
      font-size: 16px;
    }
    .entry-title,
    .widecolumn h2 {
      font-size: 28px;
      font-size: 2.8rem;
    }
    .entry-content h1,
    .entry-summary h1,
    .page-content h1,
    .comment-content h1 {
      font-size: 28px;
      font-size: 2.8rem;
    }
    .entry-content h2,
    .entry-summary h2,
    .page-content h2,
    .comment-content h2 {
      font-size: 24px;
      font-size: 2.4rem;
    }
    .entry-content h3,
    .entry-summary h3,
    .page-content h3,
    .comment-content h3 {
      font-size: 20px;
      font-size: 2.0rem;
    }
    .entry-content h4,
    .entry-summary h4,
    .page-content h4,
    .comment-content h4 {
      font-size: 16px;
      font-size: 1.6rem;
    }
    .entry-content h5,
    .entry-content h6,
    .entry-summary h5,
    .entry-summary h6,
    .page-content h5,
    .page-content h6,
    .comment-content h5,
    .comment-content h6 {
      font-size: 15px;
      font-size: 1.5rem;
    }
    .entry-content .more-link:after,
    .entry-summary .more-link:after {
      font-size: 14px;
    }
    .main-navigation {
      font-size: 15px;
      font-size: 1.5rem;
    }
    .main-navigation .menu-item-description {
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1.3385;
      margin-top: 0.2077em;
    }
    .pagination .prev:before,
    .pagination .next:before {
      height: 52px;
      line-height: 52px;
      width: 52px;
    }
    .pagination .prev, .pagination .next {
      height: 52px;
      padding: 0;
      width: 52px;
    }
  }
  @media screen and (min-width: 77.5em){
    body,
    button,
    input,
    select,
    textarea {
      font-size: 16px;
      font-size: 1.6rem;
    }
    blockquote {
      font-size: 18px;
      font-size: 1.8rem;
    }
    .image-navigation .nav-previous a:before,
    .image-navigation .nav-next a:after,
    .comment-navigation .nav-previous a:before,
    .comment-navigation .nav-next a:after {
      font-size: 14px;
    }
  }

/* ------ Footer ------ */

.site-info {
  text-align: center;
}

.site-footer .footer-menu {
  text-align: center;
  margin-top: 8px;
}

.site-footer .footer-menu li {
  margin-bottom: 5px;
  list-style: none;
  padding-left: 0;
  margin: 0;
  font-size: small;
}
  @media screen and (min-width: 38.75em){
    .site-footer .footer-menu li {
      display: inline-block;
      margin: 0 5px;
    }
  }

  @media screen and (min-width: 38.75em){
    .entry-footer {
      padding: 2% 9.0909% 8%;
    }
  }
  @media screen and (min-width: 59.6875em){
    .entry-footer {
      padding: 2% 10%;
    }
  }

/* ------ sonstige Anpassungen ------ */

/* ------ Icons ------ */

.social-navigation a[href*="instagram.com"]:before {
  font-family: tfse-icons;
  content: "i";
}
.social-navigation a[href*="linkedin.com"]:before {
  font-family: tfse-icons;
  content: "l";
}
.social-navigation a[href*="facebook.com"]:before {
  font-family: tfse-icons;
  content: "f";
}
.social-navigation a[href*="plus.google.com"]:before {
  font-family: tfse-icons;
  content: "g";
}
.social-navigation a[href*="youtube.com"]:before {
  font-family: tfse-icons;
  content: "y";
}
.social-navigation a[href*="github.com"]:before {
  font-family: tfse-icons;
  content: "s";
}
.social-navigation a[href*="/podcast"]:before {
  font-family: tfse-icons;
  content: "c";
}
.social-navigation a[href*="pixelfed.social"]:before {
  font-family: tfse-icons;
  content: "p";
}
.social-navigation a[href*="dewp.space"]:before {
  font-family: tfse-icons;
  content: "m";
}
.social-navigation a[href*="xing.com"]:before {
  font-family: tfse-icons;
  content: "x";
}

.icon-external-link a:after {
  content: "\f442";
  position: relative;
  top: 0;
}

.format-aside .icon-format:before {
  content: "\f101";
}
.format-image .icon-format:before {
  content: "\f473";
}
.ckx-icon-format-image:before {
  font-family: "Genericons";
  content: "\f473";
  margin-right: 0.5em;
}
.ckx-icon-format-gallery:before {
  font-family: "Genericons";
  content: "\f103";
  margin-right: 0.5em;
}
.ckx-icon-format-status:before {
  font-family: "Genericons";
  content: "\f105";
  margin-right: 0.5em;
}
.ckx-icon-format-aside:before {
  font-family: "Genericons";
  content: "\f101";
  margin-right: 0.5em;
}
.ckx-icon-format-video:before {
  font-family: "Genericons";
  content: "\f104";
  margin-right: 0.5em;
}
.ckx-icon-format-link:before {
  font-family: "Genericons";
  content: "\f107";
  margin-right: 0.5em;
}