@charset "UTF-8";
/* Defaults */
/*
 $cHgPad;
border-radius: $cHgBrdRad;
border: 0px solid #bfa273;
*/
/* Definitionen Flexnav, - da fehlt die Hg für die erste Ebene: top_level wird für Menu verwendet ! */
/************************************************************************************************************************************************
 *																																				*
 *														Seite																					*
 *																																				*
 ************************************************************************************************************************************************/
/*####################################################	Seite - Schriften	####################################################################*/
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 300;
  src: local("Roboto Condensed Light"), local("RobotoCondensed-Light"), url("../fonts/RobotoCondensed-Light.ttf") format("truetype");
}
/* Normal */
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 400;
  src: local("Roboto Condensed Regular"), local("RobotoCondensed-Regular"), url("../fonts/RobotoCondensed-Regular.ttf") format("truetype");
}
/* Bold */
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url("../fonts/RobotoCondensed-Bold.ttf") format("truetype");
}
.bigfont {
  font-size: 1.6rem;
  font-style: bold;
}
.smallfont {
  font-size: 0.8rem;
}
.small {
  font-size: 0.625rem;
}
/*####################################################	allgemeines	########################################################################*/
.cNoDspl {
  display: none;
}
/*####################################################	Seite - Header	########################################################################*/
body {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: auto;
}
.cBody {
  height: auto;
  min-height: 100vh;
  font-family: "Roboto Condensed", Helvetica, sans-serif;
  font-size: 1rem;
  color: #1f2126;
  background-color: #ffffff;
  line-height: 1.2;
}
.maxbrt {
  max-width: 75rem;
  /* entspricht 1200px */
  margin: auto;
}
.cHg {
  display: block;
  padding: 2rem, 0;
}
.cMain {
  width: 100%;
  min-width: 200px;
  position: relative;
  z-index: 0;
}
.cMainMarg {
  margin-top: calc(50px + 3vw);
  margin-bottom: 3rem;
}
.cLogo {
  display: inline-block;
  border-radius: 0px;
  border: 264 0px solid;
  background-color: rgba(255, 255, 255, 0);
}
.cTLogo, .cLogoL, .cLogoR {
  display: inline-block;
  height: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
  transition: transform 0.5s ease-in-out;
}
.cLogoL {
  margin-left: 1rem;
}
.cLogoR {
  margin-right: 1rem;
}
.cTLogo {
  margin: 0 auto;
}
.cForFixed {
  height: 100%;
}
.cScrolluphead {
  background: #ffffff;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
  transition: transform 0.5s ease-in-out;
}
.cScrolluphead .cLogoL.cScrollUp, .cScrolluphead .cLogoR.cScrollUp, .cScrolluphead .cTLogo.cScrollUp {
  transform: scale(0.6);
  transform-origin: bottom;
}
/*
.cScrollHeadUp {
	transform: translate3d(0, -200px, 0); // um 200px nach oben verschieben
}

.cScrolluphead.cScrollTopUp {
	transform: translate3d(0, -50px, 0); // um 50px nach oben verschieben
}
*/
.cHeader {
  display: flex;
  position: relative;
}
.cHeader.cHdLogoHh {
  display: block;
}
.cHdNavHh .cLogoL, .cHdNavHh .cLogoR {
  max-width: 25%;
}
/*####################################################	Seite - Layer	########################################################################*/
.cCookielayer {
  z-index: 50;
  position: fixed;
  overflow: hidden !important;
  top: 2rem;
  left: 50%;
  transform: translate(-50%);
  width: 80%;
  max-width: 800px;
  height: auto;
  padding: 1rem;
  background-color: #1f2126;
  color: #1f2126;
  border-style: ridge;
  border-width: 8px;
  border-color: #1f2126;
  display: block;
}
.cStickylayer, .cStickylayerRechts, .cStickylayerUnten, .cStickylayerLinks {
  z-index: 50;
  position: fixed;
  overflow: hidden !important;
  display: none;
}
.cStickylayerRechts {
  width: 350px;
  right: 0px;
  top: 50%;
  transform: translate(0, -50%);
}
.cStickylayerUnten {
  bottom: 0px;
  left: 50%;
  transform: translate(-50%) rotate(90deg);
}
.cStickylayerLinks {
  width: 350px;
  left: 0px;
  top: 50%;
  transform: translate(0, -50%);
  padding: 20px 0;
}
.cStickyLink {
  z-index: 50;
  position: fixed;
  overflow: hidden !important;
  height: 40px;
  width: 350px;
  right: 0px;
  top: 50%;
  transform: translateX(312px);
  border: solid;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  border-width: 4px;
  border-color: #00678d;
  background-color: #ffffff;
  transition: right 0.5s 0.1s ease-in-out;
}
.cStickyLink:focus-within .cStickyLinkText {
  border: 2px solid red;
}
.cStickyLinkSlide {
  position: absolute;
  width: 350px;
  height: 40px;
  left: 298px;
  border: solid;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  border-width: 4px;
  border-color: #00678d;
  background-color: #ffffff;
  transition: 0.5s 0.1s ease-in-out;
}
.cStickyLinkImg {
  width: 40px;
  left: 0px;
  margin-right: 0.5rem;
  margin-top: 0.1rem;
  position: relative;
  float: left;
}
.cStickyLinkImg img {
  display: inline-block;
  vertical-align: middle;
  padding: 0 0.625rem;
}
.cStickyLinkText {
  width: auto;
  font-size: 1.25rem;
  margin-top: 0.45rem;
  left: 0px;
  color: #1f2126;
  position: relative;
  float: left;
}
/*####################################################	Seite - Topline	########################################################################*/
.cTop {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  white-space: nowrap;
  align-items: center;
  line-height: 24px;
  text-align: right;
  font-size: 0.875rem;
}
.cTop img {
  display: inline-block;
}
.cTopItem {
  flex-basis: auto;
  margin: auto;
  padding: 3px;
}
.cTextTop {
  vertical-align: top;
}
.cTopInvText {
  background-color: #00678d;
  color: #ffffff;
  border-radius: 0.75rem;
  width: 1.5rem;
  text-align: center;
}
.cTopInvText a:link {
  color: #ffffff;
}
.cHeadMailkontakt {
  border: 0;
  background: none;
  color: #00678d;
}
.cHeadMailkontakt:hover {
  cursor: pointer;
  color: #13a538;
  text-decoration: underline;
}
.cAnrufBuero {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.5s, opacity 0.5s linear;
  width: 20rem;
  top: 45%;
  left: calc(50% - 10rem);
  background-color: #1f2126;
  border: 4px solid #1f2126;
  color: #1f2126;
  box-shadow: 13px 10px 5px rgba(50, 80, 80, 0.6);
  border-radius: 8px;
  padding: 1rem;
  margin: auto;
  text-align: center;
  z-index: auto;
}
.cAnrufBueroAktiv {
  visibility: visible;
  opacity: 1;
  z-index: 200;
}
/*####################################################	Seite - Navigation	####################################################################*/
/*
a {
	color: $cFbSftNav;
}
*/
nav {
  background-color: #ffffff;
}
.cNavMenuIcon {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  width: 2rem;
  font-weight: 900;
  margin-right: 0.5rem;
  font-style: normal;
  background-color: #ffffff;
}
.cNavMenuLines {
  transform: scale(1.5, 1);
  padding-right: 0.2rem;
}
.cNavMenuLines::before {
  content: "≡";
}
.cNavMenuClose {
  padding-right: 0.7rem;
  padding-top: 0.3rem;
}
.cNavMenuClose::before {
  content: "⊗";
}
.cNavSubMenuIcon {
  font-size: 1.6rem;
  font-style: normal;
  line-height: 1.3rem;
}
.cNavSubMenuIcon :focus {
  color: red;
}
.cNavSubMenuIcon::before {
  content: "≡";
}
.cNavmenu {
  position: absolute;
  right: 0;
  top: 2rem;
  font-size: 1rem;
  line-height: 2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  background-color: #ffffff;
  color: #00678d;
  margin-bottom: 0;
  margin-top: 0;
  min-width: 12.5rem;
  border-bottom-left-radius: 0px;
}
.cNavmenu :hover {
  color: #13a538;
}
.cNavmenu a {
  color: #00678d;
}
.cNavmenu a:visited {
  color: #13a538;
}
.cNavmenu li {
  list-style: none;
  position: relative;
}
.cNavmenu li a {
  color: #00678d;
  padding: 0 0.5rem;
  text-decoration: none;
}
.cNavmenu li.cNavsubitem a {
  padding: 0 1rem 0 0;
}
.cNavmenu li ul li {
  background-color: #ffffff;
}
.cNavmenu li ul li a {
  color: #00678d;
}
.cNavmenu li ul li ul li {
  background-color: #ffffff;
}
.cNavmenu li ul li ul li a {
  color: #00678d;
}
.cNavmenu, .cNavsubmenu, .cNavsubitemmenu {
  list-style-type: none;
}
.cNavitem {
  line-height: 1.6rem;
  min-width: 7rem;
  order: 3;
  width: 100%;
  text-align: left;
  display: none;
}
.cNavsubmenu {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-in-out;
}
.cNavitem:hover .cNavsubmenu {
  max-height: 500px;
}
.cNavitem:focus-within .cNavsubmenu {
  max-height: 500px;
}
.cNavsubmenu:hover {
  overflow: visible;
}
.cNavsubmenu:focus-within {
  overflow: visible;
}
.cNavsubitem {
  min-width: 12rem;
  padding-left: 1rem;
}
.cNavsubitem a {
  display: inline-block;
  vertical-align: bottom;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cNavsubitemmenu {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-in-out;
}
.cNavsubitem:hover .cNavsubitemmenu {
  max-height: 200px;
}
.cNavsubitem:focus-within .cNavsubitemmenu {
  overflow: visible;
  max-height: 200px;
}
.cNavtoggle {
  order: 1;
  font-size: 1.5rem;
  height: 1.5rem;
  margin-top: auto;
  margin-left: auto;
}
.cNavSubPf {
  position: absolute;
  box-sizing: border-box;
  cursor: pointer;
  right: 0;
  top: 0;
  display: inline-block;
  width: 1.5rem;
  padding-left: 1rem;
  margin-right: 1rem;
}
.cNavSubPf :focus {
  color: red;
}
.letzte .unterste {
  border-bottom-left-radius: 0px;
}
.letzte .seitunterste {
  border-bottom-left-radius: 0px;
}
.active .cNavitem {
  display: block;
}
.cNaviL, .cNaviM, .cNaviR {
  margin-top: auto;
  margin-bottom: 0;
  position: relative;
  background-color: #ffffff;
  line-height: 0.25rem;
  height: 2rem;
  display: flex;
  white-space: nowrap;
}
.cNaviL sup, .cNaviM sup, .cNaviR sup {
  vertical-align: baseline;
  position: relative;
  top: -0.4rem;
}
.cNaviL {
  margin-left: 0;
  margin-right: auto;
  margin-left: 1rem;
}
.cNaviR {
  margin-right: 0;
  margin-left: auto;
  margin-right: clamp(1rem, auto, auto);
}
.cStartAnim {
  animation-play-state: running;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.5s, opacity 0.5s;
  position: relative;
  z-index: 99999;
}
.cStopAnim {
  animation-play-state: paused;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.5s, opacity 0.5s;
  z-index: auto;
}
.cFadeIn {
  visibility: visible;
  opacity: 1;
  transition: visibility 0.5s, opacity 0.5s ease-in-out;
}
.cFadeOut {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.5s, opacity 0.5s ease-in-out;
}
/* Tablet menu */
@media (min-width: 40rem) {
  .cNavsubitem {
    max-width: 10rem;
  }
  .cNavsubitem a {
    max-width: 10rem;
  }
  .cNaviL, .cNaviR {
    max-width: 50%;
  }
  .cHeader.cHdLogoHh {
    display: flex;
  }
  .cTLogo, .cLogoL, .cLogoR {
    max-width: 50%;
    display: flex;
    flex-basis: auto;
    justify-content: center;
  }
  .cLogoL {
    margin-left: 1rem;
    margin-right: 0;
  }
  .cLogoR {
    margin-right: 1rem;
    margin-left: 0;
  }
  .cTLogo {
    margin: 0 auto;
  }
}
/* Desktop menu */
@media (min-width: 60rem) {
  .cNaviL, .cNaviR {
    margin-bottom: 0;
    padding: 0;
  }
  .cNaviR {
    margin-right: 1rem;
  }
  .cNaviL {
    margin-left: 1rem;
  }
  .cNavmenu {
    position: relative;
    top: 0;
    align-items: flex-start;
    flex-wrap: nowrap;
  }
  .cNavmenu li a {
    padding: 0.5rem 1.5rem 0.5rem 1rem;
    color: #00678d;
  }
  .cNavmenu ul {
    position: absolute;
    top: auto;
  }
  .cNavmenu ul li {
    position: relative;
  }
  .cNavmenu ul li ul {
    position: absolute;
    margin-left: 100%;
    top: 0;
    left: 0;
  }
  .letzte ul li ul {
    position: absolute;
    margin-left: 0;
    top: 0;
    right: 0;
    left: none;
    width: fit-content;
    transform: translate(-100%, -1px);
  }
  .cNavSubPf {
    top: unset;
    width: 1.3rem;
  }
  .cNavitem {
    order: 1;
    position: relative;
    display: inline-block;
    width: auto;
    min-width: 0;
    border-color: #ffffff;
    border-left: 0px groove;
  }
  .cNavitem:hover .cNavsubmenu {
    border-bottom-right-radius: 0px;
  }
  .button {
    order: 2;
  }
  .cNavsubmenu {
    left: 0px;
  }
  .cNavsubmenu-active .cNavsubmenu {
    position: absolute;
  }
  .cNavsubmenu-active .cNavsubmenu .letzte {
    position: absolute;
    right: 0;
  }
  .cNavsubitem {
    min-width: 8rem;
    max-width: 16rem;
    padding: 0.5rem 1rem;
  }
  .cNavsubitem a {
    max-width: 16rem;
  }
  .cNavsubitem {
    border-color: #ffffff;
    border-left: 0px groove;
  }
  .cNavsubitem.unterste {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom: 0px groove;
  }
  .letzte .cNavsubitem:hover {
    border-left: none;
  }
  .letzte .cNavsubitem:hover.unterste {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .cNavsubitemmenu {
    max-height: none;
    max-width: 0;
    transition: max-width 0.5s ease-in-out;
  }
  .cNavsubitemmenu .cNavsubitem {
    border-left: none;
  }
  .cNavsubitem .cNavSubPf {
    right: 6px;
  }
  .cNavsubitem:hover .cNavsubitemmenu {
    max-width: 400px;
  }
  .cNavsubitem:hover.unterste {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .cNavsubitem:hover .cNavsubitemmenu.unterste {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .seitoberste {
    border-top-right-radius: 0px;
  }
  .seitunterste {
    border-bottom-right-radius: 0px;
    border-color: #ffffff;
    border-bottom: 0px groove;
  }
  .letzte .seitunterste {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
  }
  .letzte .seitoberste {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
  }
  .has-submenu > a::after {
    content: none;
  }
  .cNavtoggle {
    display: none;
  }
  .cNavsubmenu-active {
    border-radius: 0px;
  }
}
@media (min-width: 75rem) {
  .cNaviR {
    margin: auto auto 0 auto;
  }
  .cNaviL {
    margin: auto auto 0 auto;
  }
}
@media only screen and (min-width: 86rem) {
  .cNavmenu {
    font-size: 1rem !important;
  }
}
@media only screen and (min-width: 95rem) {
  .cNavmenu {
    font-size: 1.125rem !important;
  }
}
@media only screen and (min-width: 106rem) {
  .cNavmenu {
    font-size: 1.25rem !important;
  }
}
@media only screen and (min-width: 114rem) {
  .cNavmenu {
    font-size: 1.375rem !important;
  }
}
@media only screen and (min-width: 120rem) {
  .cNavmenu {
    font-size: 1.438rem !important;
  }
}
@media only screen and (min-width: 140rem) {
  .cNavmenu {
    font-size: 1.5rem !important;
  }
}
/*
.flexnav > li {
	width: auto;
}
.flexnav > li.has-subitems {
	padding-right: 30px;
}
*/
.flexnav li ul {
  min-width: 11.25rem;
}
.cANoRef {
  cursor: default !important;
}
.cANoRef:hover {
  text-decoration: none;
}
/*####################################################	Seite - Breadcrumb	####################################################################*/
.cBreadcrumb {
  padding: 0 0.625rem;
}
.breadcrumb {
  font-size: 0.8rem;
}
.breadcrumb.active {
  color: #1f2126;
}
/*####################################################	Seite - Footer	########################################################################*/
.cFooter {
  position: relative;
  margin-top: auto;
  bottom: 0px;
  width: 100%;
  background-color: #ffffff;
  color: #1f2126;
  font-size: 1rem;
  text-align: center;
  clear: both;
}
.cFooter a:link {
  color: #1f2126;
}
.cFtLinks {
  padding-top: 1rem;
  display: flex;
  position: relative;
}
.cFtItem {
  flex-basis: auto;
  margin: auto;
  padding: 3px;
}
.cButtonUp {
  position: fixed;
  bottom: 20px;
  right: 2%;
  z-index: 30;
}
.cCopyright {
  padding: 1rem 0;
}
/************************************************************************************************************************************************
 *																																				*
 *														Grid																					*
 *																																				*
 ************************************************************************************************************************************************/
/*####################################################	Grid - Zeilen	########################################################################*/
.cGrid {
  display: grid;
}
.cGtc10 {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
}
.cGtc12 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
.cGrS1 {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}
.cGrS2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.cGrS3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.cGrS4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.cGrS5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
.cGrS6 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
.cGrS7 {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}
.cGrS8 {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
}
.cGrS9 {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
}
.cGrS10 {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
}
.cGrS11 {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
}
.cGrS12 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
.cGrS13 {
  display: grid;
  grid-template-columns: repeat(13, 1fr);
}
.cGrS14 {
  display: grid;
  grid-template-columns: repeat(14, 1fr);
}
.cGrS15 {
  display: grid;
  grid-template-columns: repeat(15, 1fr);
}
.cGrS16 {
  display: grid;
  grid-template-columns: repeat(16, 1fr);
}
/*####################################################	Grid - Spalten	########################################################################*/
.cRow {
  width: 100%;
  display: inline-block;
}
.cRowBottom {
  position: relative;
  margin-top: auto;
  bottom: 0px;
}
.cVMitte {
  vertical-align: middle;
}
.cHl {
  display: flex;
  justify-content: left;
}
.cHm {
  display: flex;
  justify-content: center;
}
.cHr {
  display: flex;
  justify-content: right;
}
/*
.ccol {
//	overflow: hidden;
//	display: table-cell;
}
*/
.cFreeCol {
  display: block;
  height: 0px;
}
.cRev {
  display: flex;
  flex-direction: column-reverse;
}
.cGtRev {
  display: flex;
  flex-direction: column-reverse;
}
.ccol-10-1 {
  width: 10%;
  float: left;
}
.ccol-10-2 {
  width: 20%;
  float: left;
}
.ccol-10-3 {
  width: 30%;
  float: left;
}
.ccol-10-4 {
  width: 40%;
  float: left;
}
.ccol-10-5 {
  width: 50%;
  float: left;
}
.ccol-10-6 {
  width: 60%;
  float: left;
}
.ccol-10-7 {
  width: 70%;
  float: left;
}
.ccol-10-8 {
  width: 80%;
  float: left;
}
.ccol-10-9 {
  width: 90%;
  float: left;
}
.ccol-10-10 {
  width: 100%;
  float: left;
}
.ccol-12-1 {
  width: 8.3333333333%;
  float: left;
}
.ccol-12-2 {
  width: 16.6666666667%;
  float: left;
}
.ccol-12-3 {
  width: 25%;
  float: left;
}
.ccol-12-4 {
  width: 33.3333333333%;
  float: left;
}
.ccol-12-5 {
  width: 41.6666666667%;
  float: left;
}
.ccol-12-6 {
  width: 50%;
  float: left;
}
.ccol-12-7 {
  width: 58.3333333333%;
  float: left;
}
.ccol-12-8 {
  width: 66.6666666667%;
  float: left;
}
.ccol-12-9 {
  width: 75%;
  float: left;
}
.ccol-12-10 {
  width: 83.3333333333%;
  float: left;
}
.ccol-12-11 {
  width: 91.6666666667%;
  float: left;
}
.ccol-12-12 {
  width: 100%;
  float: left;
}
.ctcol-60-1 {
  width: 1.6666666667%;
}
.ctcol-60-2 {
  width: 3.3333333333%;
}
.ctcol-60-3 {
  width: 5%;
}
.ctcol-60-4 {
  width: 6.6666666667%;
}
.ctcol-60-5 {
  width: 8.3333333333%;
}
.ctcol-60-6 {
  width: 10%;
}
.ctcol-60-7 {
  width: 11.6666666667%;
}
.ctcol-60-8 {
  width: 13.3333333333%;
}
.ctcol-60-9 {
  width: 15%;
}
.ctcol-60-10 {
  width: 16.6666666667%;
}
.ctcol-60-11 {
  width: 18.3333333333%;
}
.ctcol-60-12 {
  width: 20%;
}
.ctcol-60-13 {
  width: 21.6666666667%;
}
.ctcol-60-14 {
  width: 23.3333333333%;
}
.ctcol-60-15 {
  width: 25%;
}
.ctcol-60-16 {
  width: 26.6666666667%;
}
.ctcol-60-17 {
  width: 28.3333333333%;
}
.ctcol-60-18 {
  width: 30%;
}
.ctcol-60-19 {
  width: 31.6666666667%;
}
.ctcol-60-20 {
  width: 33.3333333333%;
}
.ctcol-60-21 {
  width: 35%;
}
.ctcol-60-22 {
  width: 36.6666666667%;
}
.ctcol-60-23 {
  width: 38.3333333333%;
}
.ctcol-60-24 {
  width: 40%;
}
.ctcol-60-25 {
  width: 41.6666666667%;
}
.ctcol-60-26 {
  width: 43.3333333333%;
}
.ctcol-60-27 {
  width: 45%;
}
.ctcol-60-28 {
  width: 46.6666666667%;
}
.ctcol-60-29 {
  width: 48.3333333333%;
}
.ctcol-60-30 {
  width: 50%;
}
.ctcol-60-31 {
  width: 51.6666666667%;
}
.ctcol-60-32 {
  width: 53.3333333333%;
}
.ctcol-60-33 {
  width: 55%;
}
.ctcol-60-34 {
  width: 56.6666666667%;
}
.ctcol-60-35 {
  width: 58.3333333333%;
}
.ctcol-60-36 {
  width: 60%;
}
.ctcol-60-37 {
  width: 61.6666666667%;
}
.ctcol-60-38 {
  width: 63.3333333333%;
}
.ctcol-60-39 {
  width: 65%;
}
.ctcol-60-40 {
  width: 66.6666666667%;
}
.ctcol-60-41 {
  width: 68.3333333333%;
}
.ctcol-60-42 {
  width: 70%;
}
.ctcol-60-43 {
  width: 71.6666666667%;
}
.ctcol-60-44 {
  width: 73.3333333333%;
}
.ctcol-60-45 {
  width: 75%;
}
.ctcol-60-46 {
  width: 76.6666666667%;
}
.ctcol-60-47 {
  width: 78.3333333333%;
}
.ctcol-60-48 {
  width: 80%;
}
.ctcol-60-49 {
  width: 81.6666666667%;
}
.ctcol-60-50 {
  width: 83.3333333333%;
}
.ctcol-60-51 {
  width: 85%;
}
.ctcol-60-52 {
  width: 86.6666666667%;
}
.ctcol-60-53 {
  width: 88.3333333333%;
}
.ctcol-60-54 {
  width: 90%;
}
.ctcol-60-55 {
  width: 91.6666666667%;
}
.ctcol-60-56 {
  width: 93.3333333333%;
}
.ctcol-60-57 {
  width: 95%;
}
.ctcol-60-58 {
  width: 96.6666666667%;
}
.ctcol-60-59 {
  width: 98.3333333333%;
}
.ctcol-60-60 {
  width: 100%;
}
/*####################################################	Flex mit Space-Between	########################################################################*/
.cFlexSpc {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
/*####################################################	Position	########################################################################*/
.cPVTop {
  vertical-align: top;
}
/*####################################################	maximale Breiten	########################################################################*/
.cMxBr20 {
  max-width: 20rem;
}
.cMxBr30 {
  max-width: 30rem;
}
.cMxBr40 {
  max-width: 40rem;
}
.cMxBr50 {
  max-width: 50rem;
}
.cMxBr60 {
  max-width: 60rem;
}
.cMxBr70 {
  max-width: 70rem;
}
.cMxBr80 {
  max-width: 80rem;
}
.cMxBr90 {
  max-width: 90rem;
}
.cMxBr100 {
  max-width: 100rem;
}
.cMxBr110 {
  max-width: 110rem;
}
.cMxBr120 {
  max-width: 120rem;
}
.cMxBr130 {
  max-width: 130rem;
}
.cMxBr140 {
  max-width: 140rem;
}
.cMxBr150 {
  max-width: 150rem;
}
.cMxBr160 {
  max-width: 160rem;
}
.cMxBr45 {
  max-width: 45rem;
}
.cMxBr48 {
  max-width: 48rem;
}
.cMxBr64 {
  max-width: 64rem;
}
.cMxBr675 {
  max-width: 67.5rem;
}
.cMxBr75 {
  max-width: 75rem;
}
.cMxBrRel50 {
  max-width: 50vw;
}
.cMxBrRel55 {
  max-width: 55vw;
}
.cMxBrRel60 {
  max-width: 60vw;
}
.cMxBrRel65 {
  max-width: 65vw;
}
.cMxBrRel70 {
  max-width: 70vw;
}
.cMxBrRel75 {
  max-width: 75vw;
}
.cMxBrRel80 {
  max-width: 80vw;
}
.cMxBrRel85 {
  max-width: 85vw;
}
.cMxBrRel90 {
  max-width: 90vw;
}
.cMxBrRel95 {
  max-width: 95vw;
}
.cMxBrRel100 {
  max-width: 100vw;
}
.cPdObR1 {
  padding-top: 1vw;
}
.cPdObR2 {
  padding-top: 2vw;
}
.cPdObR3 {
  padding-top: 3vw;
}
.cPdObR4 {
  padding-top: 4vw;
}
.cPdObR5 {
  padding-top: 5vw;
}
.cPdObR6 {
  padding-top: 6vw;
}
.cPdObR7 {
  padding-top: 7vw;
}
.cPdObR8 {
  padding-top: 8vw;
}
.cPdObR9 {
  padding-top: 9vw;
}
.cPdObR10 {
  padding-top: 10vw;
}
/*####################################################	Padding vertikal ########################################################################*/
.cPdVtR1 {
  padding-top: 1vw;
  padding-bottom: 1vw;
}
.cPdVtR2 {
  padding-top: 2vw;
  padding-bottom: 2vw;
}
.cPdVtR3 {
  padding-top: 3vw;
  padding-bottom: 3vw;
}
.cPdVtR4 {
  padding-top: 4vw;
  padding-bottom: 4vw;
}
.cPdVtR5 {
  padding-top: 5vw;
  padding-bottom: 5vw;
}
.cPdVtR6 {
  padding-top: 6vw;
  padding-bottom: 6vw;
}
.cPdVtR7 {
  padding-top: 7vw;
  padding-bottom: 7vw;
}
.cPdVtR8 {
  padding-top: 8vw;
  padding-bottom: 8vw;
}
.cPdVtR9 {
  padding-top: 9vw;
  padding-bottom: 9vw;
}
.cPdVtR10 {
  padding-top: 10vw;
  padding-bottom: 10vw;
}
/*####################################################	Padding horizontal ########################################################################*/
.cPdHrR1 {
  padding-left: 1vw;
  padding-right: 1vw;
}
.cPdHrR2 {
  padding-left: 2vw;
  padding-right: 2vw;
}
.cPdHrR3 {
  padding-left: 3vw;
  padding-right: 3vw;
}
.cPdHrR4 {
  padding-left: 4vw;
  padding-right: 4vw;
}
.cPdHrR5 {
  padding-left: 5vw;
  padding-right: 5vw;
}
.cPdHrR6 {
  padding-left: 6vw;
  padding-right: 6vw;
}
.cPdHrR7 {
  padding-left: 7vw;
  padding-right: 7vw;
}
.cPdHrR8 {
  padding-left: 8vw;
  padding-right: 8vw;
}
.cPdHrR9 {
  padding-left: 9vw;
  padding-right: 9vw;
}
.cPdHrR10 {
  padding-left: 10vw;
  padding-right: 10vw;
}
/*####################################################	Padding vertikal für Abstände zwischen untereinander liegenden Elementen	########################################################################*/
.cPdVt2 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.cPdVt4 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.cPdVt6 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.cPdVt8 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.cPdVt10 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.cPdVt12 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.cPdVt14 {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.cPdVt16 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.cPdVt18 {
  padding-top: 1.125rem;
  padding-bottom: 1.125rem;
}
.cPdVt20 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.cPdVt22 {
  padding-top: 1.375rem;
  padding-bottom: 1.375rem;
}
.cPdVt24 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.cPdVt26 {
  padding-top: 1.625rem;
  padding-bottom: 1.625rem;
}
.cPdVt28 {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}
.cPdVt30 {
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
}
.cPdVt32 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.cPdVt34 {
  padding-top: 2.125rem;
  padding-bottom: 2.125rem;
}
.cPdVt36 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}
.cPdVt38 {
  padding-top: 2.375rem;
  padding-bottom: 2.375rem;
}
.cPdVt40 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
/*####################################################	Abstand zwischen Elementen in der Zeile	########################################################################*/
.cAZr1 {
  padding-right: 1px;
}
.cAZl1 {
  padding-left: 1px;
}
.cGp1 {
  gap: 1px;
}
.cAZr2 {
  padding-right: 2px;
}
.cAZl2 {
  padding-left: 2px;
}
.cGp2 {
  gap: 2px;
}
.cAZr3 {
  padding-right: 3px;
}
.cAZl3 {
  padding-left: 3px;
}
.cGp3 {
  gap: 3px;
}
.cAZr4 {
  padding-right: 4px;
}
.cAZl4 {
  padding-left: 4px;
}
.cGp4 {
  gap: 4px;
}
.cAZr5 {
  padding-right: 5px;
}
.cAZl5 {
  padding-left: 5px;
}
.cGp5 {
  gap: 5px;
}
.cAZr6 {
  padding-right: 6px;
}
.cAZl6 {
  padding-left: 6px;
}
.cGp6 {
  gap: 6px;
}
.cAZr7 {
  padding-right: 7px;
}
.cAZl7 {
  padding-left: 7px;
}
.cGp7 {
  gap: 7px;
}
.cAZr8 {
  padding-right: 8px;
}
.cAZl8 {
  padding-left: 8px;
}
.cGp8 {
  gap: 8px;
}
.cAZrE1 {
  padding-right: 0.5rem;
}
.cAZlE1 {
  padding-left: 0.5rem;
}
.cGpE1 {
  gap: 0.5rem;
}
.cAZrE2 {
  padding-right: 1rem;
}
.cAZlE2 {
  padding-left: 1rem;
}
.cGpE2 {
  gap: 1rem;
}
.cAZrE3 {
  padding-right: 1.5rem;
}
.cAZlE3 {
  padding-left: 1.5rem;
}
.cGpE3 {
  gap: 1.5rem;
}
.cAZrE4 {
  padding-right: 2rem;
}
.cAZlE4 {
  padding-left: 2rem;
}
.cGpE4 {
  gap: 2rem;
}
.cAZrE5 {
  padding-right: 2.5rem;
}
.cAZlE5 {
  padding-left: 2.5rem;
}
.cGpE5 {
  gap: 2.5rem;
}
.cAZrR1 {
  padding-right: 0.5vw;
}
.cAZlR1 {
  padding-left: 0.5vw;
}
.cGpR1 {
  gap: 0.5vw;
}
.cAZrR2 {
  padding-right: 1vw;
}
.cAZlR2 {
  padding-left: 1vw;
}
.cGpR2 {
  gap: 1vw;
}
.cAZrR3 {
  padding-right: 1.5vw;
}
.cAZlR3 {
  padding-left: 1.5vw;
}
.cGpR3 {
  gap: 1.5vw;
}
.cAZrR4 {
  padding-right: 2vw;
}
.cAZlR4 {
  padding-left: 2vw;
}
.cGpR4 {
  gap: 2vw;
}
.cAZrR5 {
  padding-right: 2.5vw;
}
.cAZlR5 {
  padding-left: 2.5vw;
}
.cGpR5 {
  gap: 2.5vw;
}
.cAZrR6 {
  padding-right: 3vw;
}
.cAZlR6 {
  padding-left: 3vw;
}
.cGpR6 {
  gap: 3vw;
}
.cAZrR7 {
  padding-right: 3.5vw;
}
.cAZlR7 {
  padding-left: 3.5vw;
}
.cGpR7 {
  gap: 3.5vw;
}
.cAZrR8 {
  padding-right: 4vw;
}
.cAZlR8 {
  padding-left: 4vw;
}
.cGpR8 {
  gap: 4vw;
}
.cAZrR9 {
  padding-right: 4.5vw;
}
.cAZlR9 {
  padding-left: 4.5vw;
}
.cGpR9 {
  gap: 4.5vw;
}
.cAZrR10 {
  padding-right: 5vw;
}
.cAZlR10 {
  padding-left: 5vw;
}
.cGpR10 {
  gap: 5vw;
}
/*####################################################	Grid - Padding u. Margin	########################################################################*/
/*####################################################	Grid - Pushs	########################################################################*/
/*####################################################	Grid - Pulls	########################################################################*/
.cFlex {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  align-items: center;
}
/************************************************************************************************************************************************
 *																																				*
 *														Elemente																				*
 *																																				*
 ************************************************************************************************************************************************/
/*####################################################	Elemente - Border	####################################################################*/
.cBorder {
  border: 1px solid #767675;
}
.cBorderBottom {
  border-bottom: 1px solid #767675;
}
/*####################################################	Elemente - Absatz	####################################################################*/
p {
  font-size: 1rem;
}
/*####################################################	Elemente - Liste	####################################################################*/
ol {
  list-style-position: inside;
}
/*####################################################	Elemente - Tabelle	####################################################################*/
.cTdL {
  text-align: left !important;
}
/*
table tr th, table tr td {
    padding: 0.15rem;
}
*/
.cTab {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.cZeile {
  display: table-row;
}
.cTTitel {
  display: table-caption;
  padding: 0.5em;
}
.cTFeld {
  display: table-cell;
}
.cTFeldR {
  display: table-cell;
  vertical-align: top;
  text-align: right;
  margin-left: 100%;
}
.cTFeldL {
  display: table-cell;
  vertical-align: top;
  text-align: left;
  margin-right: 100%;
}
.cTFeldM {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
/*####################################################	Elemente - horizontale Linie	########################################################*/
/*####################################################	Elemente - Bild	########################################################*/
img {
  max-width: 100%;
  height: auto;
  display: block;
}
/*####################################################	Elemente - SlickSlider	########################################################*/
.cSlCont {
  display: inline-block;
  position: relative;
}
/*
.cSlImg {
	
}
*/
.cSlcSldOuter {
  width: 100%;
}
/*####################################################	Elemente - 	############################################################################*/
/************************************************************************************************************************************************
 *																																																		 *
 *														Inhalte																																		 *
 *																																																		 *
 ************************************************************************************************************************************************/
/*####################################################	Inhalte - Überschriften	################################################################*/
.cTitel {
  vertical-align: middle;
}
h1.cTitel {
  font-size: 2rem;
  color: #13a538;
}
h2.cTitel {
  font-size: 1.75rem;
  color: #13a538;
}
h3.cTitel {
  font-size: 1.5rem;
  color: #13a538;
}
h4.cTitel {
  font-size: 1.4rem;
  color: #13a538;
}
h5.cTitel {
  font-size: 1.3rem;
  color: #13a538;
}
h6.cTitel {
  font-size: 1.2rem;
  color: #13a538;
}
/*
h1 {
//	margin: 10px 0 0;
}
*/
h1, h2, h3, h4, h5, p, a, ul, ol, li {
  /*   margin: 0;*/
  padding: 0;
}
h3 {
  margin: 4px 0 2px 0;
}
/*####################################################	Inhalte - Feldgruppen	########################################################################*/
.cFeldgruppe {
  border: none;
}
.cFeldgruppe input {
  float: left;
  display: block;
}
.cFeldgruppe label {
  line-height: 1.15rem;
  display: block;
}
.cLegende {
  margin: 0 auto;
}
/*####################################################	Inhalte - Radiobutton	########################################################################*/
.cRadio {
  margin-bottom: 6px;
  margin-right: 10px;
}
.cRadioZeile {
  clear: both;
}
.cRadio {
  text-align: right;
  padding-right: 0.5rem;
}
.cRadioText {
  text-align: left;
  line-height: 1.1rem;
}
/*####################################################	Inhalte - Texte	########################################################################*/
.cText {
  hyphens: auto;
}
.cText ul {
  list-style-type: disc !important;
  margin-left: 1.625rem;
}
.cNoHyph {
  hyphens: none;
}
.cFtSzXXS, .cFtSzXXS p {
  font-size: 0.625rem !important;
}
.cFtSzXS, .cFtSzXS p {
  font-size: 0.75rem !important;
}
.cFtSzS, .cFtSzS p {
  font-size: 0.875rem !important;
}
.cFtSzM, .cFtSzM p {
  font-size: 1rem !important;
}
.cFtSzL, .cFtSzL p {
  font-size: 1.25rem !important;
}
.cFtSzXL, .cFtSzXL p {
  font-size: 1.5rem !important;
}
.cFtSzXXL, .cFtSzXXL p {
  font-size: 1.75rem !important;
}
.cFtSzXXXL, .cFtSzXXXL p {
  font-size: 2rem !important;
}
.cFtSz4L, .cFtSz4L p {
  font-size: 2.25rem !important;
}
.cFtSz5L, .cFtSz5L p {
  font-size: 2.5rem !important;
}
.cFtSz6L, .cFtSz6L p {
  font-size: 2.75rem !important;
}
.cFtSz7L, .cFtSz7L p {
  font-size: 3rem !important;
}
.cTextnorm {
  font-size: 1rem;
}
.cTextklein {
  font-size: 0.75rem;
}
.cTextSklein {
  font-size: 0.5rem;
}
.cTextOpt {
  display: none;
}
.cTextMax {
  display: none;
}
.cTextgross {
  font-size: 1.5rem;
}
.cTextR {
  display: table-cell;
  text-align: right;
}
.cTextL {
  display: table-cell;
  text-align: left;
}
.cTextM {
  text-align: center;
}
.cHinweis {
  color: #303969;
}
/*####################################################	Inhalte - Links	#######################################################################*/
/*
a:link {
	color: #00678d;
	text-decoration: none;
}

a:visited {
	color: #00678d;
	text-decoration: none;
}

a:active {
	color: #13a538;
	text-decoration: underline;
}

a:hover {
	color: #13a538;
	text-decoration: underline;
}

.active a {
	color: #13a538;
	text-decoration: underline;
}
*/
/*####################################################	Inhalte - Button	########################################################################*/
.cIconButton {
  background-position: center;
  width: 53px;
  height: 41px;
  margin: 0.5rem;
}
/*####################################################	Inhalte - Textbutton	########################################################################*/
.cTextbutton {
  display: flex;
  box-sizing: content-box;
  white-space: nowrap;
}
.cAFButton {
  background: url("../images/cTBtFRechts.png") transparent no-repeat scroll top right;
  display: block;
  box-sizing: content-box;
  float: left;
  padding: 12px 16px 0 0;
  text-decoration: none;
  font-size: 1rem;
  color: #00678d;
  margin: 0 50%;
  transform: translate(-50%, 0);
}
.cAFButton:hover {
  background: url("/images/cTBtFRechtsHover.png") transparent no-repeat scroll top right;
  color: #1f2126;
}
.cAFButton:hover .cAFButtonSpan {
  background: url("/images/cTBtFLinksLangHover.png") transparent no-repeat;
}
.cAFButtonSpan {
  box-sizing: content-box;
  background: url("/images/cTBtFLinksLang.png") transparent no-repeat;
  display: block;
  padding: 12px 0 0 20px;
  margin: -12px 4px 0 0;
  text-decoration: none;
}
a {
  color: #00678d;
  text-decoration: none;
}
/*####################################################	Inhalte - Bilder	####################################################################*/
a img {
  border: 0;
}
.eBild img {
  width: 100%;
  border-color: #81663B;
  border-style: outset;
  border-width: 6px;
  margin: 7px 7px 7px 7px;
}
.cImgZeile {
  overflow: hidden;
  height: 100%;
}
.cImgBlck {
  display: block;
}
.cImgPtr {
  cursor: pointer;
}
/************************************************************************************************************************************************
 *																																				*
 *														Carvis-Elemente																			*
 *																																				*
 ************************************************************************************************************************************************/
/*####################################################	Carvis-Elemente - Galerie	#############################################################*/
.ordnersection {
  display: inline-block;
}
.ordnersection .glrbild {
  cursor: pointer;
  min-width: 0;
  max-width: 45%;
  margin: 5px;
  float: left;
}
.ordnersection .glrbild img {
  max-width: 200px;
  max-width: 100%;
  max-height: 200px;
}
.glrfeld img {
  border-color: #81663B;
  border-style: outset;
  border-width: 6px;
  margin: 7px 7px 7px 7px;
}
.glrfeld {
  cursor: pointer;
  width: 190px;
  text-align: center;
  float: left;
}
/*####################################################	Carvis-Elemente - Akkordeon	#############################################################*/
summary {
  cursor: pointer;
}
summary div, summary h1, summary h2, summary h3, summary h4, summary h5, summary h6 {
  display: inline;
}
details > summary::marker {
  text-align: right;
}
/*####################################################	Carvis-Elemente - Ordner	#############################################################*/
.ordner {
  margin-bottom: 90px;
  display: table-row;
  clear: both;
}
/*####################################################	Carvis-Elemente - Layer	#############################################################*/
.cLay {
  position: absolute;
}
/*####################################################	Carvis-Elemente - Parallax	#############################################################*/
.cParl {
  background-size: cover;
}
/*####################################################	Carvis-Elemente - Map	#############################################################*/
.cMap {
  height: 400px;
  width: 100%;
  padding: 0;
  margin: 0;
}
.cMapmarker {
  width: 22px;
  height: 36px;
  background-image: url("../images/PinS.png");
  transform: translate(-11px, -36px);
}
.cMapmarkerinfo {
  width: auto;
  height: auto;
}
/*####################################################	Carvis-Elemente - Slider	#############################################################*/
.cSliImg {
  margin: auto;
}
.cSliLay {
  opacity: 0;
  position: absolute;
  color: white;
  visibility: hidden;
}
/*####################################################	Carvis-Elemente - Zentrierer	########################################################*/
.cZentrierer {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
/*####################################################	Carvis-Elemente - Ueberblender	########################################################*/
.cUeberblender {
  height: 100%;
  width: 100%;
  opacity: 1;
}
.cUeberblender:hover {
  opacity: 1;
}
/*####################################################	Elemente - Mailkontakt	####################################################################*/
.cMailkontaktbutton {
  display: inline;
  padding: 0;
  border: 0;
  min-width: 50px;
  min-height: 16px;
  background: none;
  text-decoration: underline;
}
.cMailkontaktbutton:hover {
  cursor: pointer;
}
/*####################################################	Carvis-Elemente - Spot	################################################################*/
.spotParentDiv {
  position: relative;
  width: 100%;
  top: 0;
  left: 0;
  display: block;
}
.cspot {
  border-radius: 50%;
  width: 200px;
  height: 200px;
  /* width and height can be anything, as long as they're equal */
}
.cspot:hover {
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  background: rgba(76, 175, 80, 0.3);
}
.spottext {
  font-size: 0.625rem;
  font-weight: bold;
}
/*####################################################	Carvis-Elemente - Zitat	###############################################################*/
.cZitattext {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  letter-spacing: -1px;
  border-radius: 5px;
  font-size: 1rem;
}
.cZitatAutor {
  border-radius: 5px;
  margin-top: 1rem;
  font-size: 0.75rem;
}
/*####################################################	Carvis-Elemente - Parallax	############################################################*/
.cClear {
  clear: both;
}
.cFormbutton {
  background-color: #83929b;
  border: 3px solid #00678d;
  border-radius: 4px;
  color: #fff;
  font-weight: bold;
  padding: 6px;
  text-transform: uppercase;
}
.cFormbutton:hover {
  background-color: #00678d;
}
/************************************************************************************************************************************************
 *																																				*
 *															Carvis-Modul Produkte																*
 *																																				*
 ************************************************************************************************************************************************/
.cWrkstSt {
  padding: 0 0.625rem;
}
.cWrkStTitel {
  width: 90%;
  float: left;
}
.cGenWrkPDF {
  height: 50px;
  float: left;
}
.cWrkPDF {
  float: right;
}
.cWrkTxtTitel {
  text-decoration: underline;
  float: left;
  width: 25%;
}
.cWrkEsft {
  float: left;
  width: 75%;
}
.cWrkEsftTitel {
  width: 75%;
  color: #13a538;
  font-size: 1.75rem;
  float: left;
}
.cWrkSysWBtn {
  width: 25%;
  right: 0;
  float: right;
}
.cWrkAus {
  text-decoration: underline;
}
.cWrkAnw {
  text-decoration: underline;
}
.werkstoff-tabelle {
  height: auto !important;
}
.werkstoff-tabelle .th-inner {
  text-align: left !important;
}
.werkstoffe-table-container {
  background-color: white;
  border: 2px solid black;
  margin: 10px auto;
  padding-top: 30px;
  position: relative;
  width: 95%;
}
#tabelleWerkstoffeigenschaften tr:nth-child(odd) {
  background-color: #bfd7e4;
}
#tabelleWerkstoffeigenschaften tr:nth-child(even) {
  background-color: #ddeaf1;
}
#Werkstoffeigenschaft th {
  border-bottom: 1px solid black;
}
.tabellepixelline {
  line-height: 0em;
}
.carticle {
  clear: both;
}
.cRadioCheck {
  width: 40px;
}
.parentDiv {
  position: relative;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
}
.layerDiv {
  position: absolute;
  overflow: hidden;
  visibility: hidden;
}
.cleared {
  display: block;
  clear: both;
  float: none;
  margin: 0;
  padding: 0;
  border: none;
  font-size: 0;
  height: 0;
  overflow: hidden;
}
.reset-box {
  overflow: hidden;
  display: table;
}
form {
  padding: 0 !important;
  margin: 0 !important;
}
table.position {
  position: relative;
  width: 100%;
  table-layout: fixed;
}
/* end Page */
.farbe {
  width: 100px;
  height: 15px;
  border: 2px solid #000;
}
.text {
  word-wrap: break-word;
  word-break: break-all;
  overflow: none;
  border: 1px solid #aaa;
}
.streifen {
  position: relative;
  width: 100%;
  display: table;
  margin-left: auto;
  margin-right: auto;
}
.cBlock {
  display: inline-block;
}
.cleft {
  text-align: left;
}
.cCenter {
  text-align: center;
}
/* end Layout */
/*
input, select, textarea
{
   vertical-align: middle;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-style: normal;
   font-weight: normal;
   font-size: 13px;
}
*
.cInhalt-br
{
   height: 0;
}
*/
pre {
  overflow: auto;
  padding: 0.1em;
}
#preview-image {
  float: left;
}
.preview-cms-logo {
  border: 0;
  margin: 1em 1em 0 0;
  float: left;
}
.preview-sharepoint-logo {
  border: 0;
  margin: 5px;
  float: left;
}
/* end Box, Post */
.cInhalt {
  width: 200px;
}
/************************************************************************************************************************************************
 *																																				*
 *															Media - Queries																		*
 *																																				*
 ************************************************************************************************************************************************/
@media only screen and (orientation: portrait) {
  .cParl {
    background-size: 200%;
  }
}
@media only screen and (min-width: 30rem) {
  .parbg {
    height: 600px;
  }
  .cTLogo, .cLogoL, .cLogoR {
    height: auto;
  }
  .cUeberblender {
    opacity: 0;
  }
  .spottext {
    font-size: 0.75rem;
  }
}
@media only screen and (min-width: 35rem) {
  .spottext {
    font-size: 0.75rem;
  }
}
@media only screen and (min-width: 40rem) {
  .cBody, .cBody p {
    font-size: 1.25rem;
  }
  .cOGtc10 {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
  }
  .cOGtc12 {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
  .cGrM1 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  .cGrM2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .cGrM3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .cGrM4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .cGrM5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
  }
  .cGrM6 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
  }
  .cGrM7 {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
  }
  .cGrM8 {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
  }
  .cGrM9 {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
  }
  .cGrM10 {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
  }
  .cGrM11 {
    display: grid;
    grid-template-columns: repeat(11, 1fr);
  }
  .cGrM12 {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
  .cGrM13 {
    display: grid;
    grid-template-columns: repeat(13, 1fr);
  }
  .cGrM14 {
    display: grid;
    grid-template-columns: repeat(14, 1fr);
  }
  .cGrM15 {
    display: grid;
    grid-template-columns: repeat(15, 1fr);
  }
  .cGrM16 {
    display: grid;
    grid-template-columns: repeat(16, 1fr);
  }
  .cFtSzXXS, .cFtSzXXS p {
    font-size: 0.75rem !important;
  }
  .cFtSzXS, .cFtSzXS p {
    font-size: 0.875rem !important;
  }
  .cFtSzS, .cFtSzS p {
    font-size: 1rem !important;
  }
  .cFtSzM, .cFtSzM p {
    font-size: 1.25rem !important;
  }
  .cFtSzL, .cFtSzL p {
    font-size: 1.5rem !important;
  }
  .cFtSzXL, .cFtSzXL p {
    font-size: 1.75rem !important;
  }
  .cFtSzXXL, .cFtSzXXL p {
    font-size: 2rem !important;
  }
  .cFtSzXXXL, .cFtSzXXXL p {
    font-size: 2.25rem !important;
  }
  .cFtSz4L, .cFtSz4L p {
    font-size: 3rem !important;
  }
  .cFtSz5L, .cFtSz5L p {
    font-size: 3.5rem !important;
  }
  .cFtSz6L, .cFtSz6L p {
    font-size: 4rem !important;
  }
  .cFtSz7L, .cFtSz7L p {
    font-size: 4.5rem !important;
  }
  .cSliLay {
    visibility: visible;
  }
  .layerDiv {
    visibility: visible;
  }
  .parbg {
    height: 800px;
  }
  .cTextOpt {
    display: inline-block;
  }
  .spottext {
    font-size: 0.75rem;
  }
  .zitattext {
    font-size: 1.125rem;
  }
}
@media only screen and (min-width: 48rem) {
  .breiter {
    width: auto;
  }
  .spottext {
    font-size: 0.938rem;
  }
  .zitattext {
    font-size: 1.25rem;
  }
  .cFreeCol {
    display: block;
  }
  .cRev {
    display: inline-block;
  }
  .cGtRev {
    display: grid;
  }
  .coptcol-10-1 {
    position: relative;
    float: left;
    width: 10%;
  }
  .coptcol-10-2 {
    position: relative;
    float: left;
    width: 20%;
  }
  .coptcol-10-3 {
    position: relative;
    float: left;
    width: 30%;
  }
  .coptcol-10-4 {
    position: relative;
    float: left;
    width: 40%;
  }
  .coptcol-10-5 {
    position: relative;
    float: left;
    width: 50%;
  }
  .coptcol-10-6 {
    position: relative;
    float: left;
    width: 60%;
  }
  .coptcol-10-7 {
    position: relative;
    float: left;
    width: 70%;
  }
  .coptcol-10-8 {
    position: relative;
    float: left;
    width: 80%;
  }
  .coptcol-10-9 {
    position: relative;
    float: left;
    width: 90%;
  }
  .coptcol-10-10 {
    position: relative;
    float: left;
    width: 100%;
  }
  .coptcol-12-1 {
    position: relative;
    float: left;
    width: 8.3333333333%;
  }
  .coptcol-12-2 {
    position: relative;
    float: left;
    width: 16.6666666667%;
  }
  .coptcol-12-3 {
    position: relative;
    float: left;
    width: 25%;
  }
  .coptcol-12-4 {
    position: relative;
    float: left;
    width: 33.3333333333%;
  }
  .coptcol-12-5 {
    position: relative;
    float: left;
    width: 41.6666666667%;
  }
  .coptcol-12-6 {
    position: relative;
    float: left;
    width: 50%;
  }
  .coptcol-12-7 {
    position: relative;
    float: left;
    width: 58.3333333333%;
  }
  .coptcol-12-8 {
    position: relative;
    float: left;
    width: 66.6666666667%;
  }
  .coptcol-12-9 {
    position: relative;
    float: left;
    width: 75%;
  }
  .coptcol-12-10 {
    position: relative;
    float: left;
    width: 83.3333333333%;
  }
  .coptcol-12-11 {
    position: relative;
    float: left;
    width: 91.6666666667%;
  }
  .coptcol-12-12 {
    position: relative;
    float: left;
    width: 100%;
  }
}
@media only screen and (min-width: 51rem) {
  .spottext {
    font-size: 1rem;
  }
  .zitattext {
    font-size: 1.375rem;
  }
}
@media only screen and (min-width: 56rem) {
  .spottext {
    font-size: 1.125rem;
  }
  .zitattext {
    font-size: 1.438rem;
  }
}
/**
// 960 Pixel
@media only screen and (min-width: 60rem) {
	
	.cBody {
		&, & p {
		font-size: 1.5rem;
		}
	}

	.cFtSzXXS {
		&, & p {
		font-size: 0.875rem !important;
		}
	}
	
	.cFtSzXS {
		&, & p {
		font-size: 1rem !important;
		}
	}
	
	.cFtSzS {
		&, & p {
		font-size: 1.25rem !important;
		}
	}
	
	.cFtSzM {
		&, & p {
		font-size: 1.5rem !important;
		}
	}
	
	.cFtSzL {
		&, & p {
		font-size: 1.75rem !important;
		}
	}
	
	.cFtSzXL {
		&, & p {
		font-size: 2rem !important;
		}
	}
	
	.cFtSzXXL {
		&, & p {
		font-size: 2.25rem !important;
		}
	}
	
	.cFtSzXXXL {
		&, & p {
		font-size: 2.5rem !important;
		}
	}
	
	.cFtSz4L {
		&, & p {
		font-size: 4rem !important;
		}
	}
	
	.cFtSz5L {
		&, & p {
		font-size: 5rem !important;
		}
	}
	
	.cFtSz6L {
		&, & p {
		font-size: 6rem !important;
		}
	}
	
	.cFtSz7L {
		&, & p {
		font-size: 7rem !important;
		}
	}

	.parbg {
		height: 420px;
	}
	
	.zitatgeber {
		display: block;
	}
	.zitattext {
		font-size: 1.5rem;
	}
	
	.cStickylayer {
	    display: block;  
	}
}
*/
@media only screen and (min-width: 64rem) {
  .spottext {
    font-size: 1.25rem;
  }
  .zitattext {
    font-size: 1.75rem;
  }
  .cTextMax {
    display: inline-block;
  }
  .cTopInvText {
    display: none;
  }
}
@media only screen and (min-width: 70rem) {
  .spottext {
    font-size: 1.375rem;
  }
  .zitattext {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 75rem) {
  .cGrL1 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  .cGrL2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .cGrL3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .cGrL4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .cGrL5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
  }
  .cGrL6 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
  }
  .cGrL7 {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
  }
  .cGrL8 {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
  }
  .cGrL9 {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
  }
  .cGrL10 {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
  }
  .cGrL11 {
    display: grid;
    grid-template-columns: repeat(11, 1fr);
  }
  .cGrL12 {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
  .cGrL13 {
    display: grid;
    grid-template-columns: repeat(13, 1fr);
  }
  .cGrL14 {
    display: grid;
    grid-template-columns: repeat(14, 1fr);
  }
  .cGrL15 {
    display: grid;
    grid-template-columns: repeat(15, 1fr);
  }
  .cGrL16 {
    display: grid;
    grid-template-columns: repeat(16, 1fr);
  }
  .parbg {
    height: 500px;
  }
  .cNavi {
    flex-basis: auto;
    display: flex;
    vertical-align: bottom;
  }
  .flexnav li {
    font-size: 0.75rem !important;
  }
  .flexnav li ul {
    min-width: 13rem;
  }
}
@media only screen and (min-width: 76rem) {
  .flexnav li {
    font-size: 0.875rem !important;
  }
  .spottext {
    font-size: 1.5rem;
  }
  .flexnav li ul {
    min-width: 14rem !important;
  }
}
@media only screen and (min-width: 80rem) {
  .flexnav li {
    font-size: 0.938rem !important;
  }
  .flexnav li ul {
    min-width: 15rem !important;
  }
  .spottext {
    font-size: 1.625rem;
  }
  .zitatgeber {
    font-size: 0.75rem;
  }
  .zitattext {
    font-size: 2.25rem;
  }
}
@media only screen and (min-width: 86rem) {
  .flexnav li {
    font-size: 1rem !important;
  }
  .flexnav li ul {
    min-width: 15rem !important;
  }
}
/* war vorher 60rem*/
@media only screen and (min-width: 90rem) {
  .cBody, .cBody p {
    font-size: 1.5rem;
  }
  .cFtSzXXS, .cFtSzXXS p {
    font-size: 0.875rem !important;
  }
  .cFtSzXS, .cFtSzXS p {
    font-size: 1rem !important;
  }
  .cFtSzS, .cFtSzS p {
    font-size: 1.25rem !important;
  }
  .cFtSzM, .cFtSzM p {
    font-size: 1.5rem !important;
  }
  .cFtSzL, .cFtSzL p {
    font-size: 1.75rem !important;
  }
  .cFtSzXL, .cFtSzXL p {
    font-size: 2rem !important;
  }
  .cFtSzXXL, .cFtSzXXL p {
    font-size: 2.25rem !important;
  }
  .cFtSzXXXL, .cFtSzXXXL p {
    font-size: 2.5rem !important;
  }
  .cFtSz4L, .cFtSz4L p {
    font-size: 4rem !important;
  }
  .cFtSz5L, .cFtSz5L p {
    font-size: 5rem !important;
  }
  .cFtSz6L, .cFtSz6L p {
    font-size: 6rem !important;
  }
  .cFtSz7L, .cFtSz7L p {
    font-size: 7rem !important;
  }
  .parbg {
    height: 420px;
  }
  .zitatgeber {
    display: block;
  }
  .zitattext {
    font-size: 1.5rem;
  }
  .cStickylayer, .cStickylayerRechts, .cStickylayerUnten, .cStickylayerLinks {
    display: block;
  }
}
/* das alte 90rem * 
@media only screen and (min-width: 90rem) {
	.cBody {
		&, & p {
		font-size: 1.75rem;
		}
	}

	.cFtSzXXS {
		&, & p {
		font-size: 1rem !important;
		}
	}
	
	.cFtSzXS {
		&, & p {
		font-size: 1.25rem !important;
		}
	}
	
	.cFtSzS {
		&, & p {
		font-size: 1.5rem !important;
		}
	}
	
	.cFtSzM {
		&, & p {
		font-size: 1.75rem !important;
		}
	}
	
	.cFtSzL {
		&, & p {
		font-size: 2rem !important;
		}
	}
	
	.cFtSzXL {
		&, & p {
			font-size: 2.25rem !important;
		}
	}
	
	.cFtSzXXL {
		&, & p {
		font-size: 2.5rem !important;
		}
	}
	
	.cFtSzXXXL {
		&, & p {
		font-size: 2.75rem !important;
		}
	}
	
	.cFtSz4L {
		&, & p {
		font-size: 5rem !important;
		}
	}
	
	.cFtSz5L {
		&, & p {
		font-size: 6rem !important;
		}
	}
	
	.cFtSz6L {
		&, & p {
		font-size: 7rem !important;
		}
	}
	
	.cFtSz7L {
		&, & p {
		font-size: 8rem !important;
		}
	}

	.spottext {
		font-size: 1.875rem;
	}
	.zitatgeber {
		font-size: 0.813rem;
	}
	.zitattext {
		font-size: 2.5rem;
	}
}
*/
@media only screen and (min-width: 95rem) {
  .flexnav li {
    font-size: 1.125rem !important;
  }
  .flexnav li ul {
    min-width: 16rem !important;
  }
}
@media only screen and (min-width: 100rem) {
  .parbg {
    height: 600px;
  }
  .spottext {
    font-size: 2rem;
  }
  .zitatgeber {
    font-size: 1rem;
  }
  .zitattext {
    font-size: 2.75rem;
  }
}
@media only screen and (min-width: 106rem) {
  .cNavi {
    line-height: 0.375rem;
  }
  .flexnav li {
    font-size: 1.25rem !important;
  }
  .flexnav li ul {
    min-width: 18rem !important;
  }
}
@media only screen and (min-width: 114rem) {
  .cNavi {
    line-height: 0.375rem;
  }
  .flexnav li {
    font-size: 1.375rem !important;
  }
  .flexnav li ul {
    min-width: 20rem !important;
  }
}
@media only screen and (min-width: 120rem) {
  /* alt 120rem	
	.cBody {
		&, & p {
		font-size: 2rem;		// 32Pixel
		}
	}

	.cFtSzXXS {
		&, & p {
		font-size: 1.25rem !important;	// 24Pixel
		}
	}
	
	.cFtSzXS {
		&, & p {
		font-size: 1.5rem !important;
		}
	}
	
	.cFtSzS {
		&, & p {
		font-size: 1.75rem !important;
		}
	}
	
	.cFtSzM {
		&, & p {
		font-size: 2rem !important;
		}
	}
	
	.cFtSzL {
		&, & p {
		font-size: 2.5rem !important;
		}
	}
	
	.cFtSzXL {
		&, & p {
		font-size: 2.75rem !important;
		}
	}
	
	.cFtSzXXL {
		&, & p {
		font-size: 3rem !important;
		}
	}
	
	.cFtSzXXXL {
		&, & p {
		font-size: 3.5rem !important;
		}
	}
	
	.cFtSz4L {
		&, & p {
		font-size: 6rem !important;
		}
	}
	
	.cFtSz5L {
		&, & p {
		font-size: 7rem !important;
		}
	}
	
	.cFtSz6L {
		&, & p {
		font-size: 8rem !important;
		}
	}
	
	.cFtSz7L {
		&, & p {
		font-size: 9rem !important;
		}
	}
*/
  .cBody, .cBody p {
    font-size: 1.75rem;
  }
  .cFtSzXXS, .cFtSzXXS p {
    font-size: 1rem !important;
  }
  .cFtSzXS, .cFtSzXS p {
    font-size: 1.25rem !important;
  }
  .cFtSzS, .cFtSzS p {
    font-size: 1.5rem !important;
  }
  .cFtSzM, .cFtSzM p {
    font-size: 1.75rem !important;
  }
  .cFtSzL, .cFtSzL p {
    font-size: 2rem !important;
  }
  .cFtSzXL, .cFtSzXL p {
    font-size: 2.25rem !important;
  }
  .cFtSzXXL, .cFtSzXXL p {
    font-size: 2.5rem !important;
  }
  .cFtSzXXXL, .cFtSzXXXL p {
    font-size: 2.75rem !important;
  }
  .cFtSz4L, .cFtSz4L p {
    font-size: 5rem !important;
  }
  .cFtSz5L, .cFtSz5L p {
    font-size: 6rem !important;
  }
  .cFtSz6L, .cFtSz6L p {
    font-size: 7rem !important;
  }
  .cFtSz7L, .cFtSz7L p {
    font-size: 8rem !important;
  }
  .cNavi {
    line-height: 0.375rem;
  }
  .flexnav li {
    font-size: 1.438rem !important;
  }
  .flexnav li ul {
    min-width: 22rem !important;
  }
  .spottext {
    font-size: 2.25rem;
  }
  .zitatgeber {
    font-size: 0.938rem;
  }
  .zitattext {
    font-size: 3rem;
  }
}
@media only screen and (min-width: 140rem) {
  .flexnav li {
    font-size: 1.5rem !important;
  }
  .flexnav li ul {
    min-width: 24rem !important;
  }
  .spottext {
    font-size: 2.5rem;
  }
  .zitatgeber {
    font-size: 1rem;
  }
  .zitattext {
    font-size: 3.25rem;
  }
}
@media only screen and (min-width: 160rem) {
  .cBody, .cBody p {
    font-size: 2.5rem;
  }
  .cFtSzXXS, .cFtSzXXS p {
    font-size: 1.25rem !important;
  }
  .cFtSzXS, .cFtSzXS p {
    font-size: 1.5rem !important;
  }
  .cFtSzS, .cFtSzS p {
    font-size: 1.75rem !important;
  }
  .cFtSzM, .cFtSzM p {
    font-size: 2rem !important;
  }
  .cFtSzL, .cFtSzL p {
    font-size: 2.25rem !important;
  }
  .cFtSzXL, .cFtSzXL p {
    font-size: 2.5rem !important;
  }
  .cFtSzXXL, .cFtSzXXL p {
    font-size: 2.75rem !important;
  }
  .cFtSzXXXL, .cFtSzXXXL p {
    font-size: 3rem !important;
  }
  .cFtSz4L, .cFtSz4L p {
    font-size: 7rem !important;
  }
  .cFtSz5L, .cFtSz5L p {
    font-size: 8rem !important;
  }
  .cFtSz6L, .cFtSz6L p {
    font-size: 9rem !important;
  }
  .cFtSz7L, .cFtSz7L p {
    font-size: 10rem !important;
  }
  .spottext {
    font-size: 2.75rem;
  }
  .zitatgeber {
    font-size: 1.125rem;
  }
  .zitattext {
    font-size: 3.5rem;
  }
}