/*
body::before {
	content: 'device-xs' !important;
	color: DarkViolet;
}
*/
/* Layout */
/* line 14, scss/device-xs.scss */
body > header {
  padding: 12px 24px; }

/* line 18, scss/device-xs.scss */
main {
  padding: 24px; }

/* line 23, scss/device-xs.scss */
article header {
  padding: 24px; }
/* line 27, scss/device-xs.scss */
article .columns {
  grid-column-gap: 24px; }
/* line 31, scss/device-xs.scss */
article h1 {
  margin-top: 24px;
  margin-bottom: 12px; }
/* line 36, scss/device-xs.scss */
article h2 {
  margin-top: 24px; }
/* line 40, scss/device-xs.scss */
article p {
  margin: 12px 0; }
  /* line 43, scss/device-xs.scss */
  article p:first-child {
    margin-top: 0; }
/* line 49, scss/device-xs.scss */
article h1 + p, article h2 + p, article h3 + p {
  margin-top: 0; }
/* line 54, scss/device-xs.scss */
article p + .columns {
  margin-top: -12px; }

/* Startseite */
/* line 63, scss/device-xs.scss */
html.startseite body {
  max-width: none; }
/* line 67, scss/device-xs.scss */
html.startseite .header-content {
  font-size: 0.27rem;
  padding: 12px; }
/* line 72, scss/device-xs.scss */
html.startseite nav {
  padding: 24px;
  padding-top: 12px; }
  /* line 76, scss/device-xs.scss */
  html.startseite nav ul {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-gap: 24px; }
  /* line 81, scss/device-xs.scss */
  html.startseite nav li {
    height: 150px; }
  /* line 85, scss/device-xs.scss */
  html.startseite nav .excerpt, html.startseite nav .link {
    padding: 12px; }

/* Font sizes */
/* line 94, scss/device-xs.scss */
html {
  font-size: 14pt; }

/* line 95, scss/device-xs.scss */
h1 {
  font-size: 24pt; }

/* line 96, scss/device-xs.scss */
h2 {
  font-size: 18pt; }

/* line 99, scss/device-xs.scss */
main > article > .entry-header h1 {
  font-size: 32pt; }

/* line 102, scss/device-xs.scss */
.villa-hammerschmiede main > article > .entry-header h1 {
  font-size: 28pt; }

/* Forms */
/* line 108, scss/device-xs.scss */
input[type=text], input[type=email], input[type=tel] {
  width: 100%; }
  /* line 111, scss/device-xs.scss */
  input[type=text].small, input[type=email].small, input[type=tel].small {
    width: 100%; }

/* Chat */
/* line 118, scss/device-xs.scss */
html.chat {
  overflow-x: hidden; }
  /* line 121, scss/device-xs.scss */
  html.chat .chat-container {
    width: inherit;
    margin-left: -1.3em;
    margin-right: -1.3em;
    padding-left: 0.25em;
    padding-right: 0.25em;
    border-radius: 0;
    box-shadow: none;
    border-left-style: none;
    border-right-style: none; }
    /* line 133, scss/device-xs.scss */
    html.chat .chat-container .message.schneckerl {
      margin-right: 1.5em; }
    /* line 137, scss/device-xs.scss */
    html.chat .chat-container .message.hammster {
      margin-left: 1.5em; }

/*# sourceMappingURL=device-xs.css.map */