* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html, body {
  font-size: 62.5%;
  height: 100%;
  width: 100%;
}
@font-face {
  font-family: 'VG5000';
  src:    url('../fonts/VG5000-Regular_web.eot');
  src:    url('../fonts/VG5000-Regular_web.eot?#iefix') format('embedded-opentype'),
          url('../fonts/VG5000-Regular_web.woff') format('woff'),
          url('../fonts/VG5000-Regular_web.woff2') format('woff2'),
          url('../fonts/VG5000-Regular_web.ttf') format('truetype'),
          url('../fonts/VG5000-Regular_web.svg#svgFontName') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'libre_baskervillebold';
  src: url('../fonts/librebaskerville-bold-webfont.woff2') format('woff2'),
       url('../fonts/librebaskerville-bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'libre_baskervilleitalic';
  src: url('../fonts/librebaskerville-italic-webfont.woff2') format('woff2'),
       url('../fonts/librebaskerville-italic-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'libre_baskervilleregular';
  src: url('../fonts/librebaskerville-regular-webfont.woff2') format('woff2'),
       url('../fonts/librebaskerville-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
body {
  background-color: #f2f2f2;
  color: #0d0d0d;
  font-size: 1.5rem;
  font-family: 'VG5000', Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 0.1rem;
}
i {
  font-family: 'VG5000', Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 0.1rem;
  color: #00ff80;
}
em {
  font-family: 'libre_baskervilleitalic', Times, serif;
  font-weight: normal;
  font-style: normal;
}
dfn {
  font-family: 'libre_baskervilleitalic', Times, serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 0;
}
strike {
  text-decoration: line-through;
  -moz-text-decoration-style: double;
  -moz-text-decoration-color: #f2f2f2;
  text-decoration-style: double;
  text-decoration-color: #f2f2f2;
}
strong {font-family: 'libre_baskervillebold', Times, serif;}
a {
  text-decoration: underline;
  -webkit-text-decoration-color: #0d0d0d;
  -webkit-text-decoration-skip: edges;
  -webkit-text-decoration-style: solid;
  text-decoration-color: #0d0d0d;
  text-decoration-skip: edges;
  text-decoration-style: solid;
  color: #0d0d0d;
  border-bottom: 0;
}
a:hover {
  color: #f2f2f2;
  text-decoration: none;
  background: #410080;
}
h1 {
  font-family: 'libre_baskervillebold', Times, serif;
  font-style: normal;
  font-weight: normal;
  font-size: 3rem;
  line-height: 3.5rem;
  letter-spacing: -0.1rem;
  margin-bottom: 3.5rem;
}
h2 {
  font-family: 'libre_baskervilleitalic', Times, serif;
  font-style: normal;
  font-weight: normal;
  font-size: 3rem;
  letter-spacing: 0;
  line-height: 3.5rem;
  margin-bottom: 1.5rem;
}
h3 {
  font-family: 'VG5000', Helvetica, Arial, sans-serif;  font-style: normal;
  font-weight: normal;
  font-size: 2rem;
  letter-spacing: 0.05rem;
  line-height: 2.5rem;
  margin-bottom: 2.5rem;
}
h4 {
  color: #0d0d0d;
  font-size: 1.5rem;
  line-height: 1.8rem;
  font-family: 'VG5000', Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 0.1rem;
  margin-bottom: 1.8rem;
}
hr {
  color: #f2f2f2;
  color: transparent;
  margin: 6rem;
}
nav#top {
  z-index: 999;
  background: #f2f2f2;
  width: 100%;
  font-family: 'VG5000', Helvetica, Arial, sans-serif;
  font-size: 2.5rem;
  line-height: 2.8rem;
  padding: 3rem;
}
nav#top ul {
  list-style-type: none;
  display: flex;
  align-items: center;
}
nav#top li {
  display: inline-block;
  padding: 0 1rem 0 0;
}
nav#top ul a {
  text-decoration: none;
  border: 0;
  color: #0d0d0d;
}
nav#top ul a:hover {
  text-decoration: none;
  color: #410080;
  border: 0;
  background: transparent;
}
.nav_silent {
  z-index: 999;
  background-color: #f2f2f2 !important;
  width: 100%;
  font-family: 'VG5000', Helvetica, Arial, sans-serif;
  font-size: 1.5rem !important;
  line-height: 1.8rem !important;
  padding: 1rem !important;
}
.nav_silent a:hover {
  color: #f2f2f2;
  background-color: #0d0d0d;
  border-color: #0d0d0d;
}
.nav_silent ul li a {
  text-decoration: underline !important;
  -webkit-text-decoration-color: #0d0d0d;
  -webkit-text-decoration-skip: edges;
  -webkit-text-decoration-style: solid;
  text-decoration-color: #0d0d0d;
  text-decoration-skip: edges;
  text-decoration-style: solid;
  border-bottom: 0;
}
.nav_silent ul li a:hover {
  color: #f2f2f2 !important;
  background-color: #0d0d0d !important;
  border: 0;
  text-decoration: none;
}
.frgmntscnr_logo img {height: 2.8rem;}
.frgmntscnr_logo {padding: 0;}
.divider_dots {
  font-family: 'VG5000', Helvetica, Arial, sans-serif;
  color: #00ff80;
  letter-spacing: 0;
  font-size: 1.5rem;
}
main {
  padding: 0 3rem 3rem 3rem;
  min-height: 75%;
}
/* FRAGMENTS INDEX PAGE */
.fragments_index {
  width: 100%;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
   box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.fragments_index_article {
  width: 25rem;
  margin: 1.5rem;
  background: #ffffff;
  -webkit-box-shadow: 0 10px 6px -6px #cccccc;
     -moz-box-shadow: 0 10px 6px -6px #cccccc;
          box-shadow: 0 10px 6px -6px #cccccc;
}
.fragments_index_figure {
  background: #410080;
  background-image: linear-gradient(-45deg, #410080, #410080 80%, #00ff80 100%);
  border: 0;
}
.fragments_index_figure img {
  width: 25rem;
  filter: gray;
  -webkit-filter: grayscale(1) contrast(1.5);
  -webkit-filter: grayscale(100%) contrast(150%);
  filter: grayscale(100%) contrast(150%);
  mix-blend-mode: screen;
}
.fragments_index_figure img:hover {
  transition-timing-function: ease-in;
  transition: 0.7s;
  mix-blend-mode: normal;
  filter: none;
}
.fragments_index_figure a:hover {border: 0;}
.fragments_index_figcaption {padding: 1rem;}
.fragments_index_figcaption a {
  text-decoration: none;
  color: #0d0d0d;
}
.fragments_index_figcaption a:hover {
  color: #410080;
  border: 0;
}
/* FRAGMENTS PROJECT PAGE */
.article_description {
  width: 75rem;
  margin: 6rem 0 6rem 0;
  background: #ffffff;
  color: #0d0d0d;
  padding: 2rem;
  font-family: 'libre_baskervilleregular', Times, serif;
  font-style: normal;
  font-weight: normal;
  font-size: 2rem;
  letter-spacing: 0.05rem;
  line-height: 2.5rem;
}
.article_sound {
  width: 75rem;
  margin: 6rem 0 6rem 0;
  background: #0d0d0d;
  color: #f2f2f2;
  padding: 2rem;
  font-family: 'libre_baskervilleregular', Times, serif;
  font-style: normal;
  font-weight: normal;
  font-size: 2rem;
  letter-spacing: 0.05rem;
  line-height: 2.5rem;
}
/* FOOTER */
footer {
  padding: 3rem;
  background: #0d0d0d;
  color: #f2f2f2;
  width: 100%;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
   box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-family: 'VG5000', Helvetica, Arial, sans-serif;
  font-size: 1.3rem;
  letter-spacing: 0.1rem;
  line-height: 1.8rem;
}
footer a {
  color: #f2f2f2;
  border-bottom: 0;
  text-decoration: underline;
  -webkit-text-decoration-color: #410080;
  -webkit-text-decoration-skip: edges;
  -webkit-text-decoration-style: solid;
  text-decoration-color: #410080;
  text-decoration-skip: edges;
  text-decoration-style: solid;
}
footer a:hover {
  color: #f2f2f2;
  border-bottom: 0;
  border-top: 0;
  text-decoration: none;
  background: #410080;
}
.footer_article {
  width: 25rem;;
  margin-right: 3rem;
  margin-left: 1.5rem;
}
footer hr {
  border: 0;
  margin: 1.5rem 0 1.5rem 0;
}
footer hr::after {
  content: "\2592 \2592 \2592 \2592 \2592 \2592 \2592 \2592 \2592 \2592";
  font-size: 1.5rem;
  letter-spacing: 0;
  color: #410080;
}
.footer_icon {
  width: 1.5rem;
  vertical-align: sub;
}
.footer_symbol {
  font-size: 2.2rem;
  vertical-align: sub;
}
.footer_logo {height: 2.8rem;}
.footer_logo_container {
  width: 100%;
  text-align: left;
}
/* MONOCHROME FOOTER FOR FRAGMENTS */
.footer_mono hr::after {
  color: #f2f2f2;
}
.footer_mono i {
  color: #f2f2f2;
}
.footer_mono a {
  text-decoration: underline;
  -webkit-text-decoration-color: #f2f2f2;
  -webkit-text-decoration-skip: edges;
  -webkit-text-decoration-style: solid;
  text-decoration-color: #f2f2f2;
  text-decoration-skip: edges;
  text-decoration-style: solid;
}
.footer_mono a:hover {
  background-color: #f2f2f2;
  color: #0d0d0d;
  text-decoration: none;
}
/* EMBEDDED PROTOCOL HTML */
.protocol {
  background: #00ff80;
  line-height: 2rem;
}
.protocol main {padding: 1.5rem;}
.protocol a {
  border: 0;
  background: #410080;
  color: #f2f2f2;
  text-decoration: none;
}
.protocol a:hover {
  border: o;
  background: #f2f2f2;
  color: #00ff80;
}
.protocol hr {
  margin: 1.5rem 0 1.5rem 0;
  border: 0;
  text-align: left;
}
.protocol hr::after {
  content: "\2592 \2592 \2592 \2592 \2592 \2592 \2592 \2592 \2592 \2592";
  font-size: 1.5rem;
  letter-spacing: 0;
  color: #f2f2f2;
}
.protocol em {
  font-family: 'VG5000', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  border: #f2f2f2 solid 0.2rem;
  background: #f2f2f2;
  color: #00ff80;
}
.protocol figure img {
  width: 20rem;
  margin-top: 2rem;
}
.protocol figcaption {
  font-family: 'VG5000', Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  line-height: 1.3rem;
  font-style: normal;
  font-weight: normal;
  margin-bottom: 2rem;
  color: #00ff80;
}
#protocol_box {
  position: fixed;
  z-index: 2;
  top: 8rem;
  right: 10rem;
  background: #00ff80;
  line-height: 2.5rem;
}
#protocol_box p {
  text-align: left;
  padding: 1.5rem;
  font-size: 1.5rem;
  letter-spacing: 0;
  line-height: 2.5rem;
  vertical-align: baseline;
}
#protocol_box hr {
  border: 0;
  margin: 1.5rem 0 1.5rem 0;
}
.protocol_container {
  position: relative;
  width: 25rem;
  height: 40rem;
  overflow: hidden;
  background: #00ffcc;
}
.protocol_iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 98%;
  height: 100%;
  border: #00ff80 solid 0.2rem;
}
/* BUTTONS */
#topButton {
  width: 3rem;
  height: 3rem;
  border: 0;
  padding: 0;
  margin: 0;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-family: 'VG5000', Helvetica, Arial, sans-serif;
  font-size: 2.5rem;
  line-height: 2.5rem;
  background: #0d0d0d;
  color: #f2f2f2;
  cursor: pointer;
}
#topButton:hover {background: #410080;}
#topButton:active{background: #00ff80;}
#closeButton {
  position: absolute;
  width: 3rem;
  height: 3rem;
  border: 0;
  padding: 0;
  margin: 0;
  right: 0;
  top: 0;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-family: 'VG5000', Helvetica, Arial, sans-serif;
  font-size: 2.5rem;
  line-height: 2.5rem;
  background: #0d0d0d;
  color: #f2f2f2;
  cursor: pointer;
}
#closeButton:hover {background: #410080;}
#closeButton:active{background: #00ff80;}
/* IMAGE SIZES */
.image_big {
  width: 100%;
  text-align: center;
}
.image_big img {width: 75rem;}
.image_small {
  width: 25rem;
  text-align: left;
}
.image_small img {width: 25rem;}
.image_medium {
  width: 50rem;
  text-align: left;
}
.image_medium img {width: 50rem;}
.image_left {
  width: 75rem;
  text-align: left;
}
.image_left img {width: 75rem;}
.image_big img {width: 75rem;}
/* IMAGE GALLERY FLEX, ALL IMAGES SAME HEIGHT*/
.image_flexgallery {
  width: 100%;
  display: inline-flex;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: baseline;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-family: 'libre_baskervilleitalic', Times, serif;
  font-style: normal;
  font-weight: normal;
  font-size: 1.2rem;
  letter-spacing: 0.05rem;
  line-height: 1.5rem;
  text-align: left;
}
.liststyle_latin li {
  list-style-type: lower-alpha;
  list-style-position: inside;
}
.liststyle_numbers li {
  list-style-type: decimal;
  list-style-position: inside;
}
.liststyle_roman li {
  list-style-type: upper-roman;
  list-style-position: inside;
}
.liststyle_none li {list-style-type: none;}
.image_flexgallery figure {
  margin: 1.5rem;
  display: inline-block;
}
.image_flexgallery figure img {width: 25rem;}
.nomargin figure {margin: 0;}
.image_flexgallery_medium {
  width: 100%;
  display: inline-flex;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: baseline;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-family: 'libre_baskervilleitalic', Times, serif;
  font-style: normal;
  font-weight: normal;
  font-size: 1.2rem;
  letter-spacing: 0.05rem;
  line-height: 1.5rem;
  text-align: left;
}
.image_flexgallery_medium figure {
  margin: 1.5rem;
  display: inline-block;
}
.image_flexgallery_medium figure img {width: 50rem;}
/* custom main/fragments styles */
.order {
  background-color: #00ff80;
  background: url(../img/ptn/frgmnt_ptn_20200917.svg);
  background-repeat: repeat;
  background-size: 100px;
  color: #f2f2f2;
}
.order h4 {color: #f2f2f2;}
.order a {
  color: #0d0d0d;
  text-decoration: none;
  background-color: #00ff80;
}
.order a:hover {
  color: #00ff80;
  background-color: #0d0d0d;
}
.sourcedout {background-color: #ff2837;}
.sourcedout a:hover {
  color: #f2f2f2;
  background-color: #0d0d0d;
}
.zuverschenken {
  padding: 3rem;
  background-color: #9d98c7;
  color: #f2f2f2;
  background: url("../fragments/zuverschenken/frgmnt_202009_ZuVerschenken_background.gif");
  background-position: left;
  background-repeat: no-repeat repeat;
  background-size: contain;
}
.zuverschenken h4 {color: #f2f2f2;}
.zuverschenken a {
  color: #f2f2f2;
  text-decoration: underline;
  -webkit-text-decoration-color: #f2f2f2;
  -webkit-text-decoration-skip: edges;
  -webkit-text-decoration-style: solid;
  text-decoration-color: #f2f2f2;
  text-decoration-skip: edges;
  text-decoration-style: solid;
}
.zuverschenken a:hover {
  color: #f2f2f2;
  background-color: #0d0d0d;
  text-decoration: none;
}
.drill {
  padding: 3rem;
  background-color: #202399;
  color: #f2f2f2;
}
.drill_lighter {
  color: #0d0d0d;
  -webkit-text-fill-color: transparent;
  background: -webkit-linear-gradient(left, #0d0d0d, #f3f0e8);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.drill h4 {color: #f2f2f2;}
.drill a {
  color: #f2f2f2;
  text-decoration: underline;
  -webkit-text-decoration-color: #f2f2f2;
  -webkit-text-decoration-skip: edges;
  -webkit-text-decoration-style: solid;
  text-decoration-color: #f2f2f2;
  text-decoration-skip: edges;
  text-decoration-style: solid;
}
.drill a:hover {
  color: #f2f2f2;
  background-color: #0d0d0d;
  text-decoration: none;
}
.fiberfieldrecordings {background-color: #f0c59c;}
.fiberfieldrecordings a:hover {
  color: #f2f2f2;
  background-color: #0d0d0d;
  text-decoration: none;
}
.protocol202001 {
  background-color: #897a71;
  background: url('../fragments/protocol/frgmnt_202001_protocol_bg.gif');
  background-position: left;
  background-repeat: no-repeat repeat;
  background-size: contain;
}
.protocol202001 a:hover {
  color: #f2f2f2;
  background-color: #0d0d0d;
  border-color: #0d0d0d;
}
.knueller {
  background-color: #e7dfc2;
  background: url('../fragments/knueller/frgmnt_202004_KNUELLER_bg.jpg');
  background-position: top;
  background-repeat: repeat repeat;
  background-size: contain;
  color: #0d0d0d;
}
.knueller a:hover {
  color: #f2f2f2;
  background-color: #0d0d0d;
  border-color: #0d0d0d;
}
.layoutcompositions {background-color: #edb7ad;}
.layoutcompositions a:hover {
  color: #f2f2f2;
  background-color: #0d0d0d;
  border-color: #0d0d0d;
}
.dearangryreader {background-color: #462daf;}
.dearangryreader a:hover {
  color: #f2f2f2;
  background-color: #0d0d0d;
  border-color: #0d0d0d;
}
.theothersideofthemargin {
  background-color: #ffa4b6;
  background: url('../fragments/theothersideofthemargin/frgmnt_2019_theothersideofthemargin_bg.gif');
  background-position: top;
  background-repeat: repeat repeat;
  background-size: contain;
  color: #0d0d0d;
}
.theothersideofthemargin a:hover {
  color: #f2f2f2;
  background-color: #0d0d0d;
  border-color: #0d0d0d;
}
.spaetzlespress {background-color: #ff0033;}
/* ************************************************************* */
@media screen and (max-width: 900px) {
nav#top {
  z-index: 999;
  background: #f2f2f2;
  width: 100%;
  font-family: 'VG5000', Helvetica, Arial, sans-serif;
  font-size: 2rem;
  line-height: 2.3rem;
  padding: 1rem;
}
nav#top ul {
  display: block;
  align-items: center;
}
nav#top li {
  display: block;
  text-align: center;
  padding: 0 0 1.5rem 0;
}
nav#top .divider_dots {display: none;}
.nav_silent {
  padding: 1rem !important;
  text-align: center;
}
main {padding: 1rem;}
.fragments_index {display: inline-flex;}
.fragments_index_article {
  width: 25rem;
  margin: 1.5rem;
}
.fragments_index_figure img {width: 100%;}
.article_description {
  width: 100%;
  margin: 3rem 0 3rem 0;
  padding: 1rem;
  font-size: 1.3rem;
  letter-spacing: 0.03rem;
  line-height: 1.8rem;
}
.article_sound {
  width: 100%;
  margin: 3rem 0 3rem 0;
  padding: 1rem;
  font-size: 1.3rem;
  letter-spacing: 0.03rem;
  line-height: 1.8rem;
}
footer {
  padding: 1rem;
  display: block;
  font-size: 1.3rem;
  letter-spacing: 0.1rem;
  line-height: 1.8rem;
}
.footer_article {
  width: 100%;
  margin: 0;
}
footer hr {margin: 3rem 0 3rem 0;}
.footer_icon {
  width: 1.5rem;
  vertical-align: sub;
}
.protocol {
  background: #00ff80;
  line-height: 2rem;
}
.protocol main {padding: 1.5rem;}
.protocol hr {margin: 3rem 0 3rem 0;}
.protocol figure img {width: 100%;}
#protocol_box {
  position: relative;
  width: 90%;
  top: 0;
  right: 0;
  margin: 0;
}
#protocol_box p {padding: 1rem;}
#protocol_box hr {margin: 3rem 0 3rem 0;}
.protocol_container {
  width: 100%;
  height: 100rem;
  overflow: hidden;
}
.protocol_iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#topButton {
  width: 6rem;
  height: 6rem;
  border: 0;
  padding: 0;
  margin: 0;
  font-size: 4rem;
  line-height: 4.3rem;
}
.image_big img {width: 100%;}
.image_small {
  width: 25rem;
  text-align: left;
}
.image_small img {width: 25rem;}
.image_medium {
  width: 100%;
  text-align: left;
}
.image_medium img {width: 100%;}
.image_left {
  width: 100%;
  text-align: left;
}
.image_left img {width: 100%;}
.image_flexgallery {
  width: 100%;
  display: inline-flex;
  text-align: center;
}
.image_flexgallery figure {
  margin: 1.5rem;
  display: inline-block;
}
.image_flexgallery figure img {width: 100%;}
.image_flexgallery_medium {
  width: 100%;
  display: block;
}
.image_flexgallery_medium figure {
  margin: 1.5rem;
  display: block;
}
.image_flexgallery_medium figure img {width: 100%;}
.zuverschenken {padding: 1rem;}
.drill {padding: 1rem;}
}
/* ************************************************************* */
@media screen and (max-width: 600px) {
nav#top {
  z-index: 999;
  background: #f2f2f2;
  width: 100%;
  font-family: 'VG5000', Helvetica, Arial, sans-serif;
  font-size: 2rem;
  line-height: 2.3rem;
  padding: 1rem;
}
nav#top ul {
  display: block;
  align-items: center;
}
nav#top li {
  display: block;
  text-align: center;
  padding: 0 0 1.5rem 0;
}
nav#top .divider_dots {display: none;}
.nav_silent {
  padding: 1rem !important;
  text-align: center;
}
main {padding: 1rem;}
.fragments_index {display: block;}
.fragments_index_article {
  width: 100%;
  margin: 0;
  margin-bottom: 3rem;
}
.fragments_index_figure img {width: 100%;}
.article_description {
  width: 100%;
  margin: 3rem 0 3rem 0;
  padding: 1rem;
  font-size: 1.3rem;
  letter-spacing: 0.03rem;
  line-height: 1.8rem;
}
.article_sound {
  width: 100%;
  margin: 3rem 0 3rem 0;
  padding: 1rem;
  font-size: 1.3rem;
  letter-spacing: 0.03rem;
  line-height: 1.8rem;
}
footer {
  padding: 1rem;
  display: block;
  font-size: 1.3rem;
  letter-spacing: 0.1rem;
  line-height: 1.8rem;
}
.footer_article {
  width: 100%;
  margin: 0;
}
footer hr {margin: 3rem 0 3rem 0;}
.footer_icon {
  width: 1.5rem;
  vertical-align: sub;
}
.protocol {
  background: #00ff80;
  line-height: 2rem;
}
.protocol main {padding: 1.5rem;}
.protocol hr {margin: 3rem 0 3rem 0;}
.protocol figure img {width: 100%;}
#protocol_box {
  position: relative;
  width: 90%;
  top: 0;
  right: 0;
  margin: 0;
}
#protocol_box p {padding: 1rem;}
#protocol_box hr {margin: 3rem 0 3rem 0;}
.protocol_container {
  width: 100%;
  height: 100rem;
  overflow: hidden;
}
.protocol_iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#topButton {
  width: 6rem;
  height: 6rem;
  border: 0;
  padding: 0;
  margin: 0;
  font-size: 4rem;
  line-height: 4.3rem;
}
.image_big img {width: 100%;}
.image_small {
  width: 100%;
  text-align: left;
}
.image_small img {width: 100%;}
.image_medium {
  width: 100%;
  text-align: left;
}
.image_medium img {width: 100%;}
.image_left {
  width: 100%;
  text-align: left;
}
.image_left img {width: 100%;}
.image_flexgallery {
  width: 100%;
  display: block;
  text-align: center;
}
.image_flexgallery figure {
  margin: 1.5rem;
  display: inline-block;
}
.image_flexgallery figure img {width: 100%;}
.image_flexgallery_medium {
  width: 100%;
  display: block;
}
.image_flexgallery_medium figure {
  margin: 1.5rem;
  display: inline-block;
}
.image_flexgallery_medium figure img {width: 100%;}
.zuverschenken {padding: 1rem;}
.drill {padding: 1rem;}
.mastofeed {width: 100%;}
}