@charset "UTF-8";
/* Hover.css */
/* Layout Dimensions */
/* Colors */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html,
button,
input,
select,
textarea {
  color: #444;
}

html {
  font-size: 1em;
  line-height: 1.5;
}

/* montserrat-regular - latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/montserrat-v25-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/montserrat-v25-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat-v25-latin-regular.woff2") format("woff2"), url("../fonts/montserrat-v25-latin-regular.woff") format("woff"), url("../fonts/montserrat-v25-latin-regular.ttf") format("truetype"), url("../fonts/montserrat-v25-latin-regular.svg#Montserrat") format("svg");
  /* Legacy iOS */
}
/* montserrat-700 - latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/montserrat-v25-latin-700.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/montserrat-v25-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat-v25-latin-700.woff2") format("woff2"), url("../fonts/montserrat-v25-latin-700.woff") format("woff"), url("../fonts/montserrat-v25-latin-700.ttf") format("truetype"), url("../fonts/montserrat-v25-latin-700.svg#Montserrat") format("svg");
  /* Legacy iOS */
}
::-moz-selection {
  background: #ff5100;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #ff5100;
  color: #fff;
  text-shadow: none;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

audio,
canvas,
img,
video {
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

body {
  position: relative;
  background: #fff;
  padding: 0;
  margin: 0;
  color: #444;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p {
  margin: 0 0 1.875rem 0;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

iframe {
  max-width: 100%;
}

a {
  color: #5e8ea8;
  text-decoration: none;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}

small {
  color: #999;
  font-size: 0.8em;
}

a:hover {
  color: #ff5100;
}

img {
  max-width: 100%;
  height: auto;
}

img.lazy {
  background: url("//www.webdesign-podcast.de/wp-includes/images/wpspin-2x.gif") no-repeat center center;
  background-size: 16px 16px;
}

.container {
  width: auto;
  max-width: 75rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  margin: 0 auto;
}

#mobile-nav-opener {
  display: none;
}

header#header {
  width: 100%;
  height: 11.25rem;
  background: url("../img/header-background.png") no-repeat right -5em #34495e;
  background-size: auto 290px;
}
header#header .container {
  height: 11.25rem;
}
header#header #branding {
  margin: 0;
  padding-top: 3.125rem;
}
header#header #branding a {
  display: block;
  background: url("../img/webdesign-podcast.png") no-repeat center;
  background-size: 100%;
  width: 15.625rem;
  height: 8.0625rem;
}

#main-navigation {
  margin-bottom: 5rem;
  position: relative;
}
#main-navigation.sticky #headnav {
  position: fixed;
  top: 0;
}
.admin-bar #main-navigation.sticky #headnav {
  top: 32px;
}

#main-navigation #headnav {
  position: absolute;
  top: 0;
  z-index: 1000;
  width: 100%;
  background: #2a3744;
}

#primary-navigation {
  margin: 0 !important;
  padding: 0 !important;
}
#primary-navigation li {
  display: inline-block;
  padding: 0 0.9375rem;
}
#primary-navigation li:first-child {
  padding-left: 0;
}
#primary-navigation li.newbadge {
  padding-right: 2em;
  position: relative;
}
#primary-navigation li.newbadge:after {
  content: "Neu";
  border-radius: 0.8em;
  background: #ff5100;
  font-size: 0.55rem;
  color: #fff;
  padding: 0.1em 0.5em 0.2em 0.5em;
  font-weight: bold;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 2.2em;
  right: 0;
}
#primary-navigation a {
  line-height: 3.4375rem;
  font-size: 0.9375rem;
  color: #bfbfbf;
  text-decoration: none;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}
#primary-navigation a:hover,
#primary-navigation .current-menu-item a,
#primary-navigation .current_page_item a,
#primary-navigation .current-post-ancestor a,
#primary-navigation .current-menu-parent a,
#primary-navigation .current-post-parent a {
  color: #ff5100;
}

nav#top-bar {
  z-index: 999;
  position: absolute;
  top: 0;
  width: 100%;
  height: 3.125rem;
  background: #3d5064;
}
nav#top-bar .mobile-clearfix {
  display: inline-block;
}
nav#top-bar #slogan {
  float: left;
  line-height: 3.125rem;
  font-size: 0.8125rem;
  color: #6f879e;
  margin: 0;
  padding: 0;
}
nav#top-bar #logo {
  display: inline-block;
  height: 0px;
  width: 0px;
  overflow: hidden;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}
nav#top-bar.sticky #logo {
  margin: 0;
  padding: 0.25rem 0.625rem 0 0;
  height: 4.3125rem;
  width: 4.3125rem;
  float: left;
}
nav#top-bar.sticky #logo a {
  display: block;
  background: url("../img/webdesign-podcast-logo.png") no-repeat center;
  background-size: 100%;
  width: 3.6875rem;
  height: 4.0625rem;
}
nav#top-bar ul {
  float: right;
  list-style: none;
  margin: 0;
  padding: 0;
}
nav#top-bar ul li {
  display: inline-block;
  padding: 0 0.625rem;
}
nav#top-bar ul li:last-child {
  padding-right: 0;
}
nav#top-bar ul a {
  line-height: 3.125rem;
  font-size: 0.875rem;
  color: #bfbfbf;
  text-decoration: none;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}
nav#top-bar ul a:hover,
nav#top-bar ul .current-menu-item a,
nav#top-bar ul .current_page_item a,
nav#top-bar ul .current-post-ancestor a,
nav#top-bar ul .current-menu-parent a,
nav#top-bar ul .current-post-parent a {
  color: #fff;
}

.triple-grid {
  margin: 0 -0.75rem 1rem -0.75rem;
}
.triple-grid .grid-item {
  width: 33.333333333%;
  border-left: 0.75rem solid #fff;
  border-right: 0.75rem solid #fff;
  background: #e9eff5;
  float: left;
  padding: 0.75rem;
  margin: 0 0 0.75rem 0;
}
.triple-grid img {
  width: 100%;
  max-width: none;
  display: block;
  max-height: 172px;
}
.triple-grid figcaption {
  padding-top: 0.75rem;
}
.triple-grid figcaption h3 {
  color: #000;
  font-size: 1rem;
  font-weight: 700;
  margin: 0 0 0.125rem 0;
}
.triple-grid figcaption h3 a {
  color: #000;
  text-decoration: none;
}
.triple-grid figcaption h3 a:hover {
  text-decoration: underline;
}
.triple-grid figcaption p {
  color: #698096;
  font-size: 0.9375rem;
  font-weight: 400;
  margin: 0;
}
.triple-grid footer {
  padding-top: 4px;
  font-size: 0.6875rem;
}
.triple-grid footer a {
  color: #444;
  text-decoration: none;
}
.triple-grid footer a:hover {
  text-decoration: underline;
}

#main-container {
  margin: 0 -0.75rem 2.5rem -0.75rem;
}

#main {
  border-left: 0.75rem solid #fff;
  border-right: 0.75rem solid #fff;
  width: 66.666666667%;
  float: left;
}
#main article {
  font-size: 1rem;
  line-height: 1.65;
  padding: 0 1.875rem 0 0;
  margin-bottom: 2.5rem;
}
#main article.with-figure, #main article.ga-area {
  border-top: 1px solid #e3e3e3;
  line-height: 1.4;
  padding: 2.5rem 0.75rem 2.5rem 0;
  margin: 0;
}
#main article.with-figure figure, #main article.ga-area figure {
  background: none;
  width: 19.8938992042%;
  /* 150 / 754 */
  padding: 1.625rem 1.25rem 0 0;
  float: left;
  margin: 0;
}
#main article.with-figure figure img, #main article.with-figure figure a, #main article.ga-area figure img, #main article.ga-area figure a {
  display: block;
}
#main article.with-figure .article-teaser, #main article.ga-area .article-teaser {
  width: 80.106100796%;
  float: right;
}
#main article.with-figure .article-teaser p, #main article.ga-area .article-teaser p {
  margin-bottom: 0.625rem;
}
#main article.with-figure .tags, #main article.ga-area .tags {
  font-size: 0.8125rem;
}
#main article.with-figure .heading, #main article.ga-area .heading {
  font-size: 1.25rem;
  line-height: 1.2;
}
#main article.with-figure footer, #main article.ga-area footer {
  font-size: 0.8125rem;
  margin-bottom: 0;
}
#main article h2, #main article h3, #main article .h2, #main article .h3 {
  font-size: 1.625rem;
}
#main article h4, #main article h5, #main article .h4, #main article .h5 {
  font-size: 1.25rem;
}
#main article h2, #main article h3, #main article h4, #main article h5, #main article .h2, #main article .h3, #main article .h4, #main article .h5 {
  font-weight: bold;
  margin-bottom: 0.125rem;
  line-height: 1.2;
}
#main article .interview-headline {
  margin: 1.4em 0;
}
#main article .syntaxhighlighter {
  margin-bottom: 1.875rem !important;
  border: 1px solid #ccc;
}
#main article ul {
  margin-bottom: 1.875rem;
  list-style: none;
  padding: 0;
}
#main article ul li {
  margin-left: 1.65em;
  padding-bottom: 4px;
}
#main article ul li:before {
  content: "»";
  float: left;
  margin-left: -1.5em;
  font-weight: 700;
  color: #5e8ea8;
}
#main article blockquote {
  background: #f5f7f8;
  border-left: 0.5rem solid #2a3744;
  padding: 1.25rem;
  margin: 0 0 1.875rem 0;
}
#main article blockquote p:last-child {
  margin-bottom: 0;
}
#main article figure {
  margin-bottom: 1.875rem;
  padding: 0.75rem 0.75rem 0.375rem 0.75rem;
  background: #e9eff5;
  max-width: 100% !important;
}
#main article figure figcaption {
  padding-top: 0.375rem;
  color: #698096;
}
#main article .red {
  color: #e74c3c !important;
}
#main article .notification, #main article .greybox {
  background: #f5f7f8;
  border: 0.3125rem solid #999;
  padding: 1.25rem;
  margin-bottom: 1.875rem;
}
#main article .error {
  background: #e74c3c;
  padding: 1.25rem;
  margin-bottom: 1.875rem;
  color: #fff;
}
#main article .error a {
  color: #fff;
  text-decoration: underline;
}
#main article .notification p:last-child, #main article .greybox p:last-child, #main article .error p:last-child {
  margin-bottom: 0 !important;
}
#main article .download-button, #main article .link-button {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAQAAABpN6lAAAACdklEQVR4Ae3Xv2pTcRiH8ZdMpaM4OXgJXoJDKcWhkxcg0ssQN8fgtYhDAuLkIG0HhVJICxpaGtrSwVpJpM2f0+PwLlrfHDh5wa/kPO9361KeT37LsX9+HMdx3OXaZFxMf9/kw8QUs4lkw/VZ+ecVHwtTzArJAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgP8foPe4vxlt/9G+Va0+wPbKwXr0n75u9h72bPFZL7Xzt9fFTbDh+dHGkc1fXYDdldP2zXX0n0bDwZOBLT4bpHZy7+p9UUY3uggIFgTYXT19PRuXwU1/fnvebXVt8Vk3uUE1QRbA89vz8zutjmVmnfSqCTIAnn/Wzv/61S9A8AoigNr5W56vAkgQxAB18idxvgagPkEMIMh3AAFBCCDIdwABQQwgyHcAAUEMkM/XAjjB/at38wiON47NVwWwk8+XANQgiAFSv74AIEEQAyjyHUBAEANU5A8v43wpQIIgAtgR5DuAgOCifRdg+qkqP/HJk/gYyq6CYFzc3vnLbJr+9QUvIPEK4svnCwHinTiBPl8D4K/gR0ygz3cAHYE+3wFkBPp8B5AR6PMdQEagz3cAGYE+3wFkBPp8B5AR6PMdQEagz3cAGYE+3wFUBNJ8AUDwmSTNFwAEn0nifCmAv4KxNF8K4ARna8p8MYB+AAAAQP/Z3zt8utfas2Xb9oOo1crgvo/7q31btn3eiloBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgIYDjKaHrw5eLtu+vIkBmnoAAAAAAAAAAAAAt2WzZ8WLZs+Khg8AABq+X0iHoR4kl6TxAAAAAElFTkSuQmCC") no-repeat #ED5565;
  background-position: 1.25rem 50%;
  background-size: auto 1.5rem;
  display: inline-block;
  padding: 0.875rem 1.25rem 0.875rem 3.75rem;
  border: 0;
  color: #fff;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}
#main article .download-button:hover, #main article .link-button:hover {
  background-color: #DA4453;
  background-size: auto 1.75rem;
  background-position: 1.125rem 50%;
}
#main article .link-button {
  background-image: none;
  padding: 0.875rem 1.25rem 0.875rem 1.25rem;
}
#main article .g-more-replacement {
  display: block;
  clear: both;
  margin-bottom: 1.875rem;
}
#main article .g-more-replacement .note {
  display: block;
  font-size: 0.75rem;
  font-weight: 400;
  color: #848484;
}
#main article .g-4-wrapper {
  display: block;
  margin-bottom: 1.875rem;
}
#main article .tags {
  color: #5d4983;
  font-size: 1.125rem;
  font-weight: 700;
  margin: 0;
}
#main article .tags a {
  color: #5d4983;
  text-decoration: none;
}
#main article .tags a:hover {
  color: #ff5100;
}
#main article .heading {
  color: #000;
  font-size: 2.375rem;
  font-weight: 700;
  margin: 0 0 0.3125rem 0;
  line-height: 1.1;
}
#main article .heading a {
  color: #000;
  text-decoration: none;
}
#main article .heading a:hover {
  text-decoration: underline;
}
#main article .original-wp-thumbnail {
  width: 100%;
  margin-bottom: 1.875rem;
  text-align: center;
}
#main article footer {
  color: #999;
  font-size: 0.9375rem;
  margin-bottom: 1.875rem;
}
#main article footer a {
  color: #999;
  text-decoration: none;
}
#main article footer a:hover {
  color: #ff5100;
}
#main article footer .author, #main article footer .date, #main article footer .comments {
  display: inline-block;
  padding-right: 0.9375rem;
}
#main article footer span:last-child {
  padding-right: 0;
}
#main .wp-embedded-content {
  display: block;
  margin: 0 auto;
}

.PR44EPxgRGrsoVe-notification .PR44EPxgRGrsoVe-inner {
  background: #e9eff5;
  padding: 15px;
  margin-bottom: 2.5rem;
}
.PR44EPxgRGrsoVe-notification .PR44EPxgRGrsoVe-inner h3 {
  color: #e74c3c;
  font-size: 1.5rem;
  font-weight: 700;
  margin: 0 0 0.3125rem 0;
  line-height: 1.1;
}
.PR44EPxgRGrsoVe-notification .PR44EPxgRGrsoVe-inner p {
  color: #698096;
  font-size: 1rem;
  font-weight: 400;
  margin: 0 0 0.625rem 0;
}
.PR44EPxgRGrsoVe-notification .PR44EPxgRGrsoVe-inner p:last-child {
  margin-bottom: 0;
}
.PR44EPxgRGrsoVe-notification .PR44EPxgRGrsoVe-inner img {
  margin-left: 0.9375rem;
  float: right;
  max-width: 250px;
  height: auto;
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block !important;
  margin: 5px auto 5px auto;
}

.alignright,
.imgright {
  float: right;
  margin: 5px 0 20px 20px;
}

.alignleft,
.imgleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block !important;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption a {
  max-width: 100%;
}

.wp-caption img {
  border: 0 none;
  margin: 0;
  padding: 0;
  max-width: 100% !important;
  width: auto;
  height: auto;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

#sidebar {
  background: #e9eff5;
  border-left: 0.75rem solid #fff;
  border-right: 0.75rem solid #fff;
  padding: 1.125rem;
  width: 33.333333333%;
  float: right;
  font-size: 0.8125rem;
}
#sidebar .widget {
  margin-bottom: 2.5rem;
}
#sidebar .widget:last-child {
  margin-bottom: 0;
}
#sidebar .widget.widget_search, #sidebar .widget.widget_wpsocialwidget {
  margin-bottom: 1.25rem;
}
#sidebar .widget h3, #sidebar .widget h4, #sidebar .widget h5 {
  font-size: 1rem;
  margin: 0 0 0.25rem 0;
}
#sidebar .widget p {
  font-size: 0.8125rem;
  margin: 0 0 0.75rem 0;
  line-height: 1.4;
}
#sidebar .widget small {
  font-size: 0.5625rem;
  line-height: 0.9;
}
#sidebar .widget_adrotate_widgets {
  max-width: 18.75rem;
  margin: 0 auto 2.5rem auto;
}
#sidebar .widget_adrotate_widgets h3 {
  font-size: 0.75rem;
  font-weight: 400;
  color: #848484;
}
#sidebar .widget_adrotate_widgets .g.g-1 {
  margin-bottom: 0.9375rem;
}
#sidebar .jetpack_subscription_widget,
#sidebar .widget_newsletterwidget {
  margin: 0 -1.125rem 1.25rem -1.125rem !important;
  background: #e74c3c;
  color: #fff;
  padding: 1.125rem;
}
#sidebar .jetpack_subscription_widget p:last-child,
#sidebar .widget_newsletterwidget p:last-child {
  margin-bottom: 0;
}
#sidebar .jetpack_subscription_widget a,
#sidebar .widget_newsletterwidget a {
  color: #fff;
  text-decoration: underline;
}
#sidebar .jetpack_subscription_widget input[type=text],
#sidebar .jetpack_subscription_widget input[type=email],
#sidebar .jetpack_subscription_widget input[type=url],
#sidebar .widget_newsletterwidget input[type=text],
#sidebar .widget_newsletterwidget input[type=email],
#sidebar .widget_newsletterwidget input[type=url] {
  display: block;
  width: 100%;
  background-size: auto 24px;
  padding: 0.875rem;
  font-size: 0.875rem;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 0;
  outline: 0;
}
#sidebar .jetpack_subscription_widget input[type=button],
#sidebar .jetpack_subscription_widget input[type=submit],
#sidebar .jetpack_subscription_widget input[type=submit].newsletter-submit,
#sidebar .jetpack_subscription_widget .newsletter-submit,
#sidebar .widget_newsletterwidget input[type=button],
#sidebar .widget_newsletterwidget input[type=submit],
#sidebar .widget_newsletterwidget input[type=submit].newsletter-submit,
#sidebar .widget_newsletterwidget .newsletter-submit {
  width: 100% !important;
  display: block;
  padding: 0.875rem 1.25rem !important;
  border: 0;
  background-color: #bf2718 !important;
  color: #fff !important;
  -webkit-transition: background 300ms ease-in;
  -moz-transition: background 300ms ease-in;
  -o-transition: background 300ms ease-in;
  transition: background 300ms ease-in;
}
#sidebar .jetpack_subscription_widget input[type=button]:hover,
#sidebar .jetpack_subscription_widget input[type=submit]:hover,
#sidebar .jetpack_subscription_widget input[type=submit].newsletter-submit:hover,
#sidebar .widget_newsletterwidget input[type=button]:hover,
#sidebar .widget_newsletterwidget input[type=submit]:hover,
#sidebar .widget_newsletterwidget input[type=submit].newsletter-submit:hover {
  background: #ed7669 !important;
}
#sidebar .jetpack_subscription_widget .newsletter-facebook-button,
#sidebar .widget_newsletterwidget .newsletter-facebook-button {
  text-decoration: none;
  width: 100%;
  display: block;
  padding: 0.4375rem 0.625rem !important;
  border: 0;
  border-radius: 0 !important;
}
#sidebar .jetpack_subscription_widget .newsletter-field-button,
#sidebar .widget_newsletterwidget .newsletter-field-button {
  margin-bottom: 0 !important;
}
#sidebar .jetpack_subscription_widget .newsletter-subscription,
#sidebar .widget_newsletterwidget .newsletter-subscription {
  margin-bottom: 0 !important;
}
#sidebar .widget_categories ul, #sidebar .textwidget ul, #sidebar .widget_rss ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#sidebar .widget_categories ul li, #sidebar .textwidget ul li, #sidebar .widget_rss ul li {
  border-top: 1px dotted #cfcfcf;
}
#sidebar .widget_categories ul li:last-child, #sidebar .textwidget ul li:last-child, #sidebar .widget_rss ul li:last-child {
  border-bottom: 1px dotted #cfcfcf;
}
#sidebar .widget_categories ul li a, #sidebar .textwidget ul li a, #sidebar .widget_rss ul li a {
  /* Sweep To Right */
  background: transparent;
  padding: 0.375rem 0;
  color: #444;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  transition-duration: 0.3s;
  display: block;
}
#sidebar .widget_categories ul li a:before, #sidebar .textwidget ul li a:before, #sidebar .widget_rss ul li a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #5e8ea8;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  -moz-transition-property: transform;
  -ms-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#sidebar .widget_categories ul li a:hover, #sidebar .widget_categories ul li a:focus, #sidebar .widget_categories ul li a:active, #sidebar .textwidget ul li a:hover, #sidebar .textwidget ul li a:focus, #sidebar .textwidget ul li a:active, #sidebar .widget_rss ul li a:hover, #sidebar .widget_rss ul li a:focus, #sidebar .widget_rss ul li a:active {
  color: white;
}
#sidebar .widget_categories ul li a:hover:before, #sidebar .widget_categories ul li a:focus:before, #sidebar .widget_categories ul li a:active:before, #sidebar .textwidget ul li a:hover:before, #sidebar .textwidget ul li a:focus:before, #sidebar .textwidget ul li a:active:before, #sidebar .widget_rss ul li a:hover:before, #sidebar .widget_rss ul li a:focus:before, #sidebar .widget_rss ul li a:active:before {
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
#sidebar .widget_categories ul li a:hover, #sidebar .textwidget ul li a:hover, #sidebar .widget_rss ul li a:hover {
  color: #fff;
  padding-left: 0.625rem;
}

.container .newsletter table {
  box-shadow: none;
}
.container .newsletter table input[type=text],
.container .newsletter table input[type=email],
.container .newsletter table input[type=url] {
  display: block;
  width: 100%;
  background-size: auto 24px;
  padding: 0.875rem;
  font-size: 0.875rem;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 0;
  outline: 0;
}
.container .newsletter table input[type=button],
.container .newsletter table input[type=submit] {
  width: 100%;
  display: block;
  padding: 0.875rem 1.25rem;
  border: 0;
  background: #5e8ea8;
  color: #fff;
  -webkit-transition: background 300ms ease-in;
  -moz-transition: background 300ms ease-in;
  -o-transition: background 300ms ease-in;
  transition: background 300ms ease-in;
}
.container .newsletter table input[type=button]:hover,
.container .newsletter table input[type=submit]:hover {
  background: #385768;
}

/* Newsletter Seite */
#mc4wp-form-1 input[type=email],
#mc4wp-form-1 input[type=text], #mc4wp-form-2 input[type=email],
#mc4wp-form-2 input[type=text], #mc4wp-form-3 input[type=email],
#mc4wp-form-3 input[type=text] {
  margin-bottom: 1.25rem;
  display: block;
  width: 100%;
  padding: 0.625rem;
  background: #f5f7f8;
  border: 0;
  outline: 0;
}
#mc4wp-form-1 input[type=submit], #mc4wp-form-2 input[type=submit], #mc4wp-form-3 input[type=submit] {
  width: 100%;
  display: block;
  padding: 0.875rem 1.25rem;
  border: 0;
  background: #5e8ea8;
  color: #fff;
  transition: all 300ms ease-in;
}
#mc4wp-form-1 input[type=submit]:hover, #mc4wp-form-2 input[type=submit]:hover, #mc4wp-form-3 input[type=submit]:hover {
  background: #385768;
}

.mc4wp-success p,
.mc4wp-notice p,
.mc4wp-error p {
  margin: 0 !important;
  color: #fff !important;
}

.mc4wp-success {
  background: #65a463;
  padding: 10px;
}

.mc4wp-notice {
  border: 2px solid #f4d85a;
  padding: 10px;
}

.mc4wp-error {
  background: #FE6341;
  padding: 10px;
}

/* Newsletter Popup */
#mc4wp-form-2 input {
  margin-bottom: 0 !important;
}
#mc4wp-form-2 p {
  margin-bottom: 10px !important;
}
#mc4wp-form-2 .mc4wp-form-fields p:first-child {
  display: none;
}

/* Newsletter Widget */
#custom_html-3 {
  margin: 0 -1.125rem 1.25rem -1.125rem !important;
  background: #e74c3c;
  color: #fff;
  padding: 1.125rem;
}
#custom_html-3 a {
  color: #fff;
  text-decoration: underline;
}
#custom_html-3 input[type=email] {
  display: block;
  width: 100%;
  background-size: auto 24px;
  padding: 0.875rem;
  font-size: 0.875rem;
  box-sizing: border-box;
  border: 0;
  outline: 0;
}
#custom_html-3 label {
  margin-bottom: 5px;
  font-weight: bold;
  display: block;
}
#custom_html-3 input[type=submit] {
  width: 100% !important;
  display: block;
  padding: 0.875rem 1.25rem !important;
  border: 0;
  background-color: #bf2718 !important;
  color: #fff !important;
  transition: background 300ms ease-in;
}
#custom_html-3 input[type=submit]:hover {
  background: #ed7669 !important;
}
#custom_html-3 .mc4wp-form-fields p:first-child {
  display: none;
}

/* CC Banner */
.cc_container {
  font-size: 1rem !important;
  padding: 0.4375rem 1.875rem !important;
}

.background-overlay {
  background: rgba(0, 0, 0, 0.85);
  height: 100%;
  position: fixed;
  top: 0px;
  bottom: 0px;
  width: 100%;
  z-index: 999999;
}
.background-overlay .table {
  display: table;
  height: 100%;
  position: absolute;
  width: 100%;
}
.background-overlay .cell {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
  width: 100%;
}

.newsletter-overlay-wrapper {
  max-width: 800px;
  margin: 0 auto;
  background: #e9eff5;
  border: 12px solid #e9eff5;
  position: relative;
}
.newsletter-overlay-wrapper:after {
  content: "";
  display: table;
  clear: both;
}
.newsletter-overlay-wrapper .nl-close-button {
  text-decoration: none;
  display: block;
  background: url("../img/close.png") no-repeat;
  background-size: 100%;
  position: absolute;
  top: -24px;
  right: -24px;
  width: 32px;
  height: 32px;
}
.newsletter-overlay-wrapper .box-content {
  background: #fff;
  padding: 15px;
  margin-bottom: 12px;
}
.newsletter-overlay-wrapper .box-content:after {
  content: "";
  display: table;
  clear: both;
}
.newsletter-overlay-wrapper .clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.newsletter-overlay-wrapper div.nl-headline {
  color: #000;
  font-size: 2.25rem;
  font-weight: 700;
  margin: 0;
  line-height: 1.1;
}
.newsletter-overlay-wrapper div.nl-headline span {
  color: #5d4983;
}
.newsletter-overlay-wrapper div.nl-headline a {
  color: #000;
  text-decoration: none;
}
.newsletter-overlay-wrapper div.nl-headline a:hover {
  text-decoration: underline;
}
.newsletter-overlay-wrapper article {
  border-top: 1px solid #e9eff5;
  width: 100%;
  display: block;
  font-size: 1rem;
  line-height: 1.65;
  padding: 0.625rem 1.875rem 0 0;
  margin-top: 0.9375rem;
  color: #979797;
}
.newsletter-overlay-wrapper article p:last-child {
  margin-bottom: 0;
}
.newsletter-overlay-wrapper .left {
  width: 175px;
  float: left;
}
.newsletter-overlay-wrapper .right {
  width: calc(100% - 240px);
  float: left;
  padding: 0.3125rem 0.625rem 0 0.625rem;
}
.newsletter-overlay-wrapper .newsletter-field-email,
.newsletter-overlay-wrapper .newsletter-field-name,
.newsletter-overlay-wrapper .newsletter-field-firstname {
  clear: none !important;
  width: 49% !important;
  position: relative;
  margin-bottom: 12px;
}
.newsletter-overlay-wrapper .newsletter-field-email label,
.newsletter-overlay-wrapper .newsletter-field-name label,
.newsletter-overlay-wrapper .newsletter-field-firstname label {
  position: absolute;
  top: 0.875rem;
  left: 0.875rem;
  font-size: 0.875rem;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}
.newsletter-overlay-wrapper .newsletter-field-email.focus label,
.newsletter-overlay-wrapper .newsletter-field-name.focus label,
.newsletter-overlay-wrapper .newsletter-field-firstname.focus label {
  top: -0.4375rem;
  left: 0.25rem;
  font-size: 0.6875rem;
  color: #5d4983;
}
.newsletter-overlay-wrapper .newsletter-field-name,
.newsletter-overlay-wrapper .newsletter-field-firstname {
  float: left;
}
.newsletter-overlay-wrapper .newsletter-field-email {
  float: right;
}
.newsletter-overlay-wrapper .newsletter {
  box-shadow: none;
}
.newsletter-overlay-wrapper .newsletter input[type=text],
.newsletter-overlay-wrapper .newsletter input[type=email],
.newsletter-overlay-wrapper .newsletter input[type=url] {
  display: block;
  width: 100%;
  background-size: auto 24px;
  padding: 0.875rem;
  font-size: 0.875rem;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 0;
  outline: 0;
}
.newsletter-overlay-wrapper .newsletter input[type=button],
.newsletter-overlay-wrapper .newsletter input[type=submit] {
  outline: 0;
  width: 100%;
  display: block;
  padding: 0.875rem 1.25rem;
  border: 0;
  background: #5e8ea8;
  color: #fff;
  -webkit-transition: background 300ms ease-in;
  -moz-transition: background 300ms ease-in;
  -o-transition: background 300ms ease-in;
  transition: background 300ms ease-in;
}
.newsletter-overlay-wrapper .newsletter input[type=button]:hover,
.newsletter-overlay-wrapper .newsletter input[type=submit]:hover {
  background: #385768;
}
@media (max-width: 768px) {
  .newsletter-overlay-wrapper {
    max-width: 90%;
  }
  .newsletter-overlay-wrapper article {
    border-top: 0;
    padding-top: 0;
    margin-top: 0;
  }
  .newsletter-overlay-wrapper .box-content .clearfix {
    display: none;
  }
  .newsletter-overlay-wrapper .newsletter-field-email,
.newsletter-overlay-wrapper .newsletter-field-name,
.newsletter-overlay-wrapper .newsletter-field-firstname {
    clear: both;
    width: 100% !important;
    float: none !important;
  }
}

/* Large desktop */
@media (max-width: 1400px) {
  header#header {
    background-size: auto 250px;
  }
}
@media (max-width: 1200px) {
  header#header {
    background-position: 600px bottom;
    background-size: auto 230px;
  }
}
/* Portrait tablet to landscape and desktop */
@media (max-width: 979px) {
  nav#top-bar #slogan {
    display: none;
  }

  header#header {
    background-position: 400px bottom;
  }

  #main {
    width: 100%;
    float: none;
  }
  #main article {
    padding-right: 0;
  }
  #main:after {
    content: "";
    display: table;
    clear: both;
  }

  #sidebar {
    float: none;
    width: 100%;
    max-width: 25rem;
    margin: 1.25rem auto 1.5625rem auto;
  }
  #sidebar:after {
    content: "";
    display: table;
    clear: both;
  }

  .triple-grid .grid-item {
    width: 50%;
  }
  .triple-grid .grid-item:last-child {
    display: none;
  }
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  html {
    font-size: 0.9em;
  }

  header {
    margin-bottom: 0;
  }

  nav#top-bar .mobile-clearfix {
    display: block;
  }
  nav#top-bar .mobile-clearfix:after {
    content: "";
    display: table;
    clear: both;
  }
  nav#top-bar #secondary-navigation {
    display: none;
  }
  nav#top-bar.sticky ul#primary-navigation {
    margin-top: -1.25rem;
  }

  #main-navigation {
    margin-bottom: 2em;
  }

  ul#primary-navigation {
    margin: 0 -1.25rem 0 -1.25rem;
    padding: 1.25rem 0 !important;
    width: auto;
    float: none;
    display: none;
  }
  ul#primary-navigation li {
    width: 100%;
  }
  ul#primary-navigation li.newbadge:after {
    display: none;
  }
  ul#primary-navigation a {
    display: block;
    width: 100%;
    text-align: center;
    line-height: normal;
    padding: 0.875rem;
    font-size: 1.125rem;
  }

  #mobile-nav-opener {
    float: right;
    display: block;
    background: url("../img/nav-icon.png") no-repeat center;
    background-size: 100%;
    width: 2.125rem;
    height: 3.125rem;
  }

  .single-post .has-post-thumbnail .alignleft .wp-post-image {
    max-width: 8.125rem;
    height: auto;
  }
}
/* Landscape phones and down */
@media (max-width: 500px) {
  html {
    font-size: 0.85em;
  }

  header#header, header#header .container {
    height: 13.125rem;
  }
  header#header #branding {
    padding-top: 5rem;
  }
  header#header #branding a {
    margin: 0 auto;
    width: 12.5rem;
    height: 6.125rem;
  }

  .pagination .page-index {
    display: none;
  }

  .triple-grid .grid-item,
.double-grid .grid-item {
    width: 100%;
    float: none;
  }
  .triple-grid .grid-item:last-child,
.double-grid .grid-item:last-child {
    display: block;
  }

  #main article .heading {
    font-size: 1.75rem;
  }

  .single-post .has-post-thumbnail .alignleft .wp-post-image {
    max-width: 7.5rem;
    height: auto;
  }

  footer#footer .col-2-of-3, footer#footer .col-1-of-3 {
    width: 100% !important;
    float: none !important;
  }
  footer#footer .col-2-of-3 ul, footer#footer .col-1-of-3 ul {
    padding-top: 0 !important;
  }
  footer#footer .col-2-of-3 {
    padding-bottom: 0 !important;
  }
}
/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

/*# sourceMappingURL=main.css.map */