@charset "utf-8";
/* CSS Document */

.boxrow {
  width: 100%;
  padding: 1% 0;
  display: block;
/*  flex-direction: row;*/
  margin: 0 auto 0.5em auto;
/*  background: rgba(255,255,255,0.80);*/
}
.boxrow-foot,
.boxrow-foot p {
  float: left;
  width: 100%;
  padding: 2% 0;
  margin: 0;
/*  background: rgba(240,240,240,1.0); */
  font-size: 0.9em;
}
.boxrow-foot a {
  color: rgba(0,0,80,1.0);
  }
.clearer {
  clear: both;
  display: block;
  width: 100%;
  height: 16px;
}
.clearer-foot {
  clear: both;
  display: block;
  width: 100%;
  height: 1px;
}
div.col_1 {
  clear: both;
  float: left;
  margin-top: 16px;
  width: 98%;
  margin: 10px 1% 0 1%;
  }
div.col_1 p {
  padding: 1.0em 0;
  }
div.col_1 .frame-shadow {
  box-shadow: 0 1px 1px 2px rgba(0,0,0,0.10);
  }
div.col_1 .frame-xmas {
  box-shadow: 0 4px 4px 8px rgba(150,0,0,0.750);
  width: 96%;
  }
.col-21, .col-22 {
  float: left;
  width: 48%;
  margin: 1% 0.4%;
  padding: 1%;
  box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.2);
  }
.col-21 .csc-textpic-image img,
.col-22 .csc-textpic-image img {
  width: 90%;
  display: block;
  height: auto;
  margin: 0.50em auto;
  padding: 0.15em;
  background: rgba(255,255,255,1.00);
  border-radius: 0.50em;
/*  box-shadow: 0 0 4px 2px rgba(0,0,0,0.5); */
}
div.col-33 {
/*  position: relative;*/
  float: left;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  padding-right: 0%;
  padding-left: 0%;
  width: 29%;
  margin: 0 1%;
/*  box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.2);*/
  }
div.col-33 .frame-shadow {
/*  box-shadow: 0 1px 1px 2px rgba(0,0,0,0.10);*/
  padding-top: 0px;
  }
div.col-33 img {
  width: 100%;
  display: block;
  height: auto;
  margin: 0 auto 0.50em auto;
  padding: 0em;
  background: rgba(255,255,255,1.00);
  border-radius: 0em;
/*  box-shadow: 0 0 4px 2px rgba(0,0,0,0.5); */
}
div.col-33 .frame-zimmerrahmen img,
div.col-43 .frame-zimmerrahmen img {
  margin: 0;
  }
div.col-41 {
  float: left;
  width: 32%;
  margin: 1%;
  padding: 1%;
  box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.2);
  }
div.col-42 {
  float: left;
  width: 64%;
  padding: 1%;
  margin: 1%;
  box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.2);
  }
div.col-41 .csc-textpic-image img,
div.col-42 .csc-textpic-image img {
  width: 90%;
  display: block;
  height: auto;
  margin: 0.50em auto;
  padding: 0.15em;
  background: rgba(255,255,255,1.00);
  border-radius: 0.50em;
/*  box-shadow: 0 0 4px 2px rgba(0,0,0,0.5); */
}
div.col-41 ul,
div.col-42 ul,
div.col-43 ul,
div.col-44 ul {
  margin-left: 36px;
  }
div.col-43 {
  float: left;
  width: 64%;
  padding: 0;
  margin: 0 0.5%;
/*  box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.2);*/
  }
div.col-44 {
  float: left;
  width: 31.5%;
  padding: 0;
  margin: 0 0.5%;
/*  box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.2);*/
  }
div.col-43 .csc-textpic-image img,
div.col-44 .csc-textpic-image img {
  with: 400px;
  max-width: 100%;
  display: block;
  height: auto;
  margin: 0.50em auto;
  padding: 0.15em;
  background: rgba(255,255,255,1.00);
  border-radius: 0.50em;
/*  box-shadow: 0 0 4px 2px rgba(0,0,0,0.5); */
}
div.col-41 img[Attributes Style],
div.col-42 img[Attributes Style],
div.col-43 img[Attributes Style],
div.col-44 img[Attributes Style],
div.col-44 figure.image img.image-embed-item {
    width: 90%;
    height: auto;
}
/* .csc-textpic-imagerow img {
  border-radius: 0.5em;
  box-shadow: 0 0 4px 2px rgba(0,0,0,0.250);
  } */
div.col-25 {
  float: left;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  padding-right: 0%;
  padding-left: 0%;
  width: 22%;
  margin: 0 0 0 1%;
  box-shadow: 0 1px 1px 2px rgba(0,0,0,0.10);
  }
div.col-75 {
  float: left;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  padding: 1% 1% 0 1%;
  width: 74%;
  margin: 0 1% 0 1%;
  box-shadow: 0 1px 1px 2px rgba(0,0,0,0.10);
  }
.maincontainer div.col-25 img,
.maincontainer div.col-75 img, {
  width: 90%;
  display: block;
  height: auto;
  margin: 0.50em auto;
  padding: 0.15em;
  background: rgba(255,255,255,1.00);
  border-radius: 0.50em;
}
.col-foot,
.col-foot-3 {
  float: left;
  width: 23%;
  margin: 0;
  padding: 0 1%;
  min-height: 32px;
  }
.col-foot-bot {
  float: left;
  width: 48%;
  margin: 0;
  padding: 0 1%;
}
@media screen and (max-width: 1040px) {
div.col-25,
div.col-75 {
  width: 98%;
  margin-bottom: 12px;
  }
}
@media screen and (max-width: 800px) {
body, html {
  border-top: 0px;
}
.col-21, .col-22 {
  width: 98%;
  }
div.col-33 {
  position: relative;
  margin-bottom: 0px;
  min-height: 1px;
  padding-right: 1%;
  padding-left: 1%;
  width: 96%;
  float: left;
  }
div.col-41 {
  float: left;
  width: 96%;
  padding: 1%;
  }
div.col-42 {
  float: left;
  width: 96%;
  padding: 1%;
  }
div.col-41 ul,
div.col-42 ul,
div.col-43 ul,
div.col-44 ul {
  margin-left: 36px;
  }
div.col-43 {
  position: relative;
  min-height: 1px;
  padding-right: 1%;
  padding-left: 1%;
  width: 96%;
  float: left;
  top: -30px;
  margin-bottom: 6px;
  }
div.col-44 {
  position: relative;
  min-height: 1px;
  padding-right: 1%;
  padding-left: 1%;
  width: 96%;
  float: left;
  top: 10px;
  margin-bottom: -10px;
  }
div.col-foot,
div.col-foot-3 {
  width: 47.5%;
  }
div.col-foot-3 {
  clear: both;
  }
div.boxrow-foot {
  padding-bottom: 200px;
}
}
@media screen and (max-width: 770px) {
div.boxrow-foot {
  padding-bottom: 80px;
}
}
@media screen and (max-width: 600px) {
div.col-33 {
  position: relative;
  min-height: 1px;
  padding-right: 1%;
  padding-left: 1%;
  width: 98%;
  float: left;
  margin-bottom: 20px;
  }
div.col-43 {
  position: relative;
  min-height: 1px;
  padding-right: 1%;
  padding-left: 1%;
  width: 96%;
  float: left;
  }
div.col-44 {
  position: relative;
  min-height: 1px;
  padding-right: 1%;
  padding-left: 1%;
  width: 96%;
  float: left;
  }
div.col-41 {
  float: left;
  width: 96%;
  padding: 1%;
  }
div.col-42 {
  float: left;
  width: 96%;
  padding: 1%;
  }
div.col-41 ul,
div.col-42 ul,
div.col-43 ul,
div.col-44 ul {
  margin-left: 24px;
  }
}