/**********************
 *                    *
 *     MAIN-SASS      *
 *                    *
 **********************/
/**********************
 *                    *
 *     RESET-CSS      *
 *                    *
 **********************/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

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

html {
  -webkit-text-size-adjust: none; }

body {
  /*background: #E4E4EF;*/
  background: #FFFFFF;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
  color: #5b5b60;
  overflow-y: scroll;
  overflow-x: hidden; }

body.mobile {
  font-weight: 400; }

#wrapper {
  background: #E4E4EF;
  float: left;
  z-index: -2;
  position: relative;
  width: 100%;
  overflow: hidden; }

/*
h1 {
	font-size: 24px;
    line-height: 32px;
    color: #B1AACB;
    margin-bottom: 15px;
}
*/
h1 {
  font-size: 33px;
  line-height: 55px;
  color: #B1AACB;
  margin-bottom: 15px;
  font-weight: 300; }

h1 strong {
  color: #534E93;
  font-weight: 600; }

h2, h3, h4 {
  font-family: 'Merriweather', serif;
  /*color: #454548;*/
  color: #534E93;
  font-size: 24px;
  line-height: 29px;
  margin-bottom: 5px;
  font-weight: 700; }

h3 {
  color: #B1AACB;
  font-size: 14px;
  line-height: 22px; }

h4 {
  color: #534E93;
  font-size: 14px;
  line-height: 22px; }

h5 {
  color: #5b5b60;
  font-weight: bold;
  margin-bottom: 5px; }

p {
  margin-bottom: 15px;
  font-weight: 300; }

body.mobile p {
  font-weight: 400; }

a {
  text-decoration: none;
  color: #655D9A; }

a:hover {
  text-decoration: underline; }

a.active {
  font-weight: 700;
  color: #534E93; }

a.button {
  padding: 10px 12px;
  display: inline-block;
  background: #FFFFFF; }

a.button:hover {
  background: #FC2B22;
  color:  #FFFFFF !important;
  text-decoration: none; }

strong {
  font-weight: 700;
  color: #353544; }

h2 strong {
  color: #534E93;
  font-weight: 600; }

em {
  font-style: italic; }

#header {
  position: fixed;
  background: #FFFFFF;
  width: 100%;
  height: 55px;
  z-index: 2; }

#header .navigation {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 18px; }

#header .logo {
  flex-grow: 0;
  flex-basis: 160px;
  padding-left: 18px;
  /*opacity: 0;*/
  font-size: 18px;
  line-height: 18px;
  color: #B1AACB;
  /*margin-bottom: 15px;*/
  /*font-weight: 600;*/ }

#header .logo strong {
  color: #534E93;
  font-weight: 600; }

#header .logo a {
  color: #B1AACB; }

#header .logo a:hover {
    text-decoration: none; }

body #header .navigation ul {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  flex-grow: 1;
  max-width: 680px; }

body.mobile #header .navigation ul {
  display: none; }

body #header .navigation .kontaktnavigation {
  flex-grow: 0;
  flex-basis: 160px;
  padding-right: 18px;
  text-align: right; }

body.medium #header .navigation .kontaktnavigation {
  flex-basis: 80px; }

#back svg.twister, #front svg.twister {
  position: fixed;
  left: 50%;
  top: 0px; }

body.medium #back svg.twister, body.medium #front svg.twister {
  left: 185px; }

body.mobile svg.twister {
  display: none; }

#content {
  display: block;
  float: left;
  position: relative; }

#content .more {
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: #FFFFFF;
  height: 120px;
  width: 100%;
  z-index: 2; }

body.medium #content .more {
  height: auto; }

#content .more .caption {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 60px;
  width: 230px;
  margin-top: -30px;
  margin-left: -330px; }

body.medium #content .more .caption {
  position: relative;
  left: auto;
  top: auto;
  margin: 27px 0px 27px 40px;
  float: left; }

body.mobile #content .more .caption {
  margin: 10px; }

#content .more .caption p {
  text-align: right; }

body.medium #content .more .caption p {
  text-align: left; }

#content .more .bewegt-font {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -75px;
  margin-top: -30px; }

body.medium #content .more .bewegt-font {
  position: relative;
  left: auto;
  top: auto;
  margin: 27px 0px;
  float: left; }

body.mobile #content .more .bewegt-font {
  clear: both;
  margin: 10px; }

#content .more .bewegt-logo {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: 100px;
  margin-top: -31px; }

body.medium #content .more .bewegt-logo {
  position: relative;
  left: auto;
  top: auto;
  margin: 26px;
  float: left; }

body.mobile #content .more .bewegt-logo {
  clear: both;
  margin: 10px; }

.section {
  float: left;
  width: 100%;
  position: relative;
  margin-bottom: 200px; }

body.mobile .section {
  margin-top: 0px !important;
  margin-bottom: 50px; }

body.mobile .section.last {
  margin-bottom: 300px; }

.section svg.circle {
  position: absolute;
  left: 50%;
  top: 0px; }

body.mobile .section svg.circle {
  display: none; }

.section > .inside {
  width: 350px;
  margin: 0px auto;
  position: relative; }

body.medium .section > .inside {
  margin: 0px;
  margin-left: 10px; }

body.mobile .section > .inside {
  margin-right: 10px;
  width: auto; }

.section.home {
  margin-top: 55px;
  margin-bottom: 300px; }

.section.home > .inside, .section.last > .inside {
  height: 100%; }

.section .two-cols {
  float: left; }

.section .text {
  position: relative;
  width: 320px;
  padding-top: 30px;
  z-index: 1;
  transition: opacity 0.5s ease;
  opacity: 0; }

body.mobile .section .text {
  width: 100%; }

.section .two-cols .text {
  float: left; }

.section .text a {
  color: #FC2B22; }

.section .text img {
  /*float: left;
  margin-top: 5px;
  margin-bottom: 15px;*/
  width: 250px;
  display: block;
}

body.mobile .section .text img {
  width: 100%;
  height: auto; }

body.mobile .section .text img {
  max-width: 300px; }

body.mobile .section .text img + p {
  clear: both;
  max-width: 300px; }

.section .text ul {
  list-style-type: disc;
  padding-left: 20px; }

.section .text ul li {
  color: #B1AACB;
  margin-bottom: 5px; }

.section .text ul li span {
  color: #5b5b60; }

.section .text dl {
  margin-bottom: 15px; }

.section .text dl dt {
  font-family: 'Merriweather', serif;
  font-weight: 700;
  color: #534E93;
  font-size: 14px;
  line-height: 22px; }

.section .text dl dd {
  margin-bottom: 15px; }

.section .text dl dd strong {
  margin-top: 2px;
  display: inline-block;
  font-weight: 400; 
  color: #353544; }

.section .text table {
  margin-top: 10px;
  margin-left: -10px; }

.section .text table p {
  margin: 0px; }

.section .text table td {
  vertical-align: top; }

.section .text table tr.first-line td, .section .text table tr.last-line td {
  vertical-align: middle;
  color: #B1AACB; }

.section .text table svg {
  float: left;
  margin: 0px; }

.section svg.line {
  position: absolute;
  top: 0px;
  left: -10px;
  transition: opacity 0.5s ease;
  opacity: 0; }

body.mobile svg.line {
  display: none; }

.section svg.line.align-right line.left {
  visibility: hidden; }

.section svg.line.align-left line.right {
  visibility: hidden; }

body.medium .section svg.line.align-left line.right {
  visibility: visible; }

body.medium .section svg.line.align-left line.left {
  visibility: hidden; }

.section.visible .text, .section.visible svg.line {
  transition: opacity 0.5s ease;
  opacity: 1; }

body.mobile .section .text, body.mobile .section svg.line {
  opacity: 1; }

.section .text.align-right {
  margin-left: 350px; }

body.mobile .section .text.align-right {
  margin-left: 0px; }

.section .text.align-left {
  margin-left: -320px; }

body.medium .section .text.align-left {
  margin-left: 350px; }

body.mobile .section .text.align-left {
  margin-left: 0px; }

.section.home .headline {
  position: absolute;
  left: 50%;
  top: 18%;
  margin-left: -250px;
  margin-top: -75px;
  height: 150px;
  width: 500px;
  text-align: center; }

body.medium .section.home .headline {
  left: 30px;
  margin-left: 0px;
  text-align: left; }

body.mobile .section.home .headline {
  position: relative;
  left: auto;
  margin-top: 70px;
  width: 100%;
  height: auto; }

body.mobile .section.home .headline > img {
  display: none; }

.section.home .headline h2 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 24px;
  color: #B1AACB; }

body.mobile .section.home .headline h2 {
  font-weight: 400; }

.section.home .text {
  opacity: 1;
  position: absolute;
  top: 60%;
  margin-top: -110px;
  margin-left: 370px;
  width: 300px; }

.section.home .text.align-left {
  margin-left: -340px;
  text-align: right; }

.section.home .text.align-right {
  margin-left: 390px; }

body.medium .section.home .text.align-left {
  text-align: left;
  margin-left: 390px;
  margin-top: 130px; }

body.mobile .section.home .text {
  position: relative;
  top: auto;
  margin-top: 0px !important;
  margin-left: 0px !important;
  text-align: left; }

body.mobile .section.home .logo-container {
  position: relative;
  float: left;
  width: 100%;
  height: 300px;
  z-index: -1; }

body.mobile .section.home .logo-container > svg, body.mobile .section.home .logo-container > img {
  top: 50% !important; }

body.medium .section.home .logo-container > svg circle.desktop {
  visibility: hidden; }

body.mobile .section.home .logo-container > svg circle.desktop {
  visibility: visible; }

.section.contact .text {
  position: absolute;
  top: 50%;
  margin-top: -100px; }

body.mobile .section.contact .text {
  position: relative;
  top: auto;
  margin-top: 0px; }

#shop {
  position: relative;
  width: 960px;
  margin: 55px auto 0px auto;
  min-height: calc(100vh - 55px);
  background: #E4E4EF; }

body.medium #shop {
  width: calc(100vw - 82px); }

body.mobile #shop {
  width: calc(100vw - 40px); }

#shop h1 {
  text-align: center;
  padding-top: 72px; }

#shop h2 {
  margin-top: 38px;
  margin-bottom: 14px; }

#shop > p:last-of-type {
  margin-bottom: 50px; }

#shop > ul > li {
  margin-top: 7px; }

#shop > ul.listwithcols {
  margin-bottom: 15px; }

#shop > ul.listwithcols > li {
  display: flex; 
  margin-top: 11px; }

#shop > ul.listwithcols > li > span {
  flex-basis: 317px; }

#shop span.inactivelink {
  color: #ad1e18;
  cursor: pointer; }

#shop span.inactivelink:hover {
  text-decoration: underline; }

#inselwrapperintro {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 15px; }

#inselwrapperintro img {
  height: 293px;
  width: 293px;
  margin-right: 24px;
  margin-top: 24px; }

body.medium #inselwrapperintro img {
  height: 250px;
  width: 250px;
  margin-right: 24px;
  margin-top: 24px; }

body.mobile #inselwrapperintro img {
  width: 100%;
  height: auto;
  margin-right: 24px;
  margin-top: 24px; }

#shop a {
  color: #FC2B22; }

#shop p strong {
  font-weight: 400; }

#shop p small {
  font-size: 12.5px;
  color: #5b5b60; }

#inselwrapper {
  margin-top: 44px;
  margin-bottom: 15px;
  display: none; }

body.mobile #inselwrapper {
  flex-direction: column; }

#inselwrapper h2 {
  margin-top: 0; }

#inselwrapper h3 {
  margin-top: 15px; }

#inselwrapper li.empty {
  height: 11px; }

#inselwrapper > div.inselwrapperbild {
  display: flex;
  flex-direction: column; }

#inselwrapper > div.inselwrapperbild > div:nth-child(2) {
  display: flex;
  align-items: center;
  justify-content: space-between; }

#inselwrapper > div.inselwrapperbild > div:nth-child(2) p {
  width: 410px;
  margin: 0; }

#inselwrapper > div.inselwrapperbild > div:nth-child(2) > div:nth-child(2) {
  display: flex; }

body.medium #inselwrapper > div.inselwrapperbild > div:nth-child(2) > div:nth-child(2) {
  flex-direction: column; }

body.medium #inselwrapper > div.inselwrapperbild > div:nth-child(2) p {
  width: 348px; }

body.mobile #inselwrapper > div.inselwrapperbild > div:nth-child(2) p {
  width: auto; }

#inselwrapper > div.inselwrappertext {
  flex-grow: 1;
  padding-left: 15px; }

body.mobile #inselwrapper > div.inselwrappertext {
  padding-left: 0; }

#inselwrapper > div.inselwrappertext li p {
  display: none; }

#inselwrapper > div.inselwrappertext h4 a {
  color: #534E93; }

#inselwrapper img.inselbildgross {
  height: 586px;
  width: 586px; }

#inselwrapper img.inselbildklein {
  margin-left: 6px;
  margin-top: 2px;
  height: 80px;
  width: 80px; }

body.medium #inselwrapper img.inselbildgross {
  height: 414px;
  width: 414px; }

body.medium #inselwrapper img.inselbildklein {
  height: 58px;
  width: 58px; }

body.mobile #inselwrapper img.inselbildgross {
  width: 100%;
  height: auto;
  margin-right: 24px;
  margin-top: 24px; }

body.mobile #inselwrapper img.inselbildklein {
  height: 58px;
  width: 58px; }