:root {
  --cassiopeia-color-primary: #000000;
  --body-bg: #cccccc;
  --cassiopeia-font-family-headings: 'dinotbold'; 
  --cassiopeia-font-weight-headings: 400;
}
.container-header {
  	background-image:none;
	background: #ffffff;
  	box-shadow:none;
}
.container-component > * + * {
	margin-top: 0em;
}
.footer {
  	background-color: rgba(0,0,0,0.7);
  	background-image:none;
  	color:#ffffff;
}
.grid-child {
	max-width: 1120px;
	justify-content:space-between;
}
.site-grid > [class*=" container-"], .site-grid > [class^="container-"] {
	-webkit-column-gap: 1em;
	-moz-column-gap: 1em;
	column-gap: 1em;
	max-width: 1120px;
}
.container-header .grid-child {
	padding: 0;
}
.container-below-top, .container-topbar {
	color: #666;
}
.below-top > .accordeonck {
	margin-top: 10px;
}
/*   schriftdefinitionen      ---------------------------------   */
@font-face { font-family: 'dinot';
             src: url('../fonts/DINOT.ttf') format('truetype'); }
@font-face { font-family: 'dinotmedium';
             src: url('../fonts/DINOT-Medium.ttf') format('truetype'); }
@font-face { font-family: 'dinotbold';
             src: url('../fonts/DINOT-Bold.ttf') format('truetype'); }

body {
	hyphens:auto;
	box-sizing:border-box;
	font-family: 'dinot', Arial, Helvetica, Sans-Serif;
	font-size: 1rem;
	line-height: 1.4rem;
	color: #000000;
}
/*  blog seite aktuell  ---------------------------------  */
.blog-items {
  	grid-gap:0;
  	margin:0;
}
.com-content-category-blog__item.blog-item {
	margin-bottom: 1rem;
}
h1 {
	font-size: 1.5rem;
	margin: 20px 0 10px;
}
h1.bildung, .team .page-header h1 {
  	margin-top:0px;
}
/*  bild zu beginn der articles  ---------------------  */
.com-content-article__body {
	clear: both;
}
figure {
	margin: 0 0 20px;
}
.article.aktuell {
	color: #666666;
	display: flex;
	flex-direction: column;
	background: #e1e1e1;
	padding: 5px 40px 20px 0;
	border-top: 1px solid #6f619a;
	border-bottom: 1px solid #6f619a;
}
.article.aktuell2 {
	display: flex;
	padding: 10px 0;
	border-top: 1px solid #6f619a;
	border-bottom: 1px solid #6f619a;
	justify-content: left;
  	gap:30px;
}
.pdfdown {
	margin: 9px 0 0 0;
}
a[href$=".pdf"]::before {
	content: url(../images/pdf.png);
	vertical-align: middle;
	margin-right: 5px;
}
.article.aktuell:hover {
	background: #ffffff;
  	transition: all .5s linear;
}
.article.aktuell.team, .article.aktuell.history, .article.aktuell.tech1 {
	padding: 10px 40px 10px 0;
}
.article.aktuell.team.bildung {
	padding-left: 10px;
}
.article.aktuell.history {
	flex-direction: row;
	gap: 3rem;
	margin-bottom: 15px;
	padding-right: 90px;
}
.avPlayerWrapper {
	margin: 0 auto 15px auto !important;
}
.article.aktuell.team.miet {
	margin-bottom: 15px;
}
.date {
    text-align: left;
  	padding:0 0 3px 10px;
	font-size: 0.85rem;
	font-family: 'dinotmedium', Arial, Helvetica, Sans-Serif;
}
.article-content {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.article-content.bilder {
	gap: 2em;
	margin-top: 2em;
}
.image {
    max-width: 280px; 
    margin-right:25px;
}
.article.aktuell2 .image {
    margin-right:0px;
}
.article.aktuell.team.miet .image {
	flex: 1;
}
.text {
    flex: 1;
  	margin-right:20px;
}
h2.title, .history h2 {
	text-transform: uppercase;
	font-family: 'dinotbold', Arial, Helvetica, Sans-Serif;
	font-size: 1.2rem;
}
.history h2 {
	font-size: 2rem;
  	color: #d16a19;
}
h3 {
	font-size: 1.1rem;
}
.geraet h3 {
  	color: #d16a19;
}
.text h3 {
  	margin-bottom:3px;
}

h4 {
	font-size: 1rem;
  	margin-bottom:4px;
}
.orange {
	color: #d16a19;
}
.text p {
    max-height: 200px; /* Adjust the maximum text height as needed */
    overflow: hidden;
}
.article.aktuell a, p.phone {
    text-decoration: none;
    color: #b92e4b;
	font-size: 0.85rem;
	font-family: 'dinotmedium', Arial, Helvetica, Sans-Serif;
  	padding-top:3px;
}
a.hinweis {
    color:#b92e4b !important;
}
/*  aktuell auf seite home  ---------- */
.row > * {
	padding-left: 0;
  	padding-right: 0;
}
.jt-ic .row {
/*	justify-content: space-between; */
}
.jtic128 li.load-more__item {
	width: 21% !important;
  	margin-bottom:15px;
  	margin-right:25px;
}
.btn-primary:focus, .btn-primary:hover {
	background-color: transparent;
	border-color: transparent;
}
.fa-file-alt::before {
	content: '';
}
.btn-primary {
	background-color: transparent;
	border-color: transparent;
}
.btn {
	--btn-padding-x: 0;
	--btn-padding-y: 0;
}
.fas.fa-file-alt {
	display: none;
}
.jt-inner h4 {
	height: 30px;
}
/*   fuer zweizeilige Titel Aktuell   */
.row li.load-more__item:nth-child(4) h4 {
	height: 30px;
	margin-bottom: 12px;
}
.jt-inner {
	display: flex;
	flex-direction: column;
	border: 0;
	height: 350px;
	background: #e1e1e1;
}
.jt-inner h4, .jt-inner .jt-introtext, .jt-inner p.readmore {
  	padding:5px 5px 5px 5px;
}
.jt-ic p.readmore {
	margin-top: auto !important;
  	margin-bottom:0px;
}
.jt-ic .jt-imagecover:hover::before {
	opacity: 0 !important;
}
.btn-info {
	--btn-bg: #e1e1e1;
	--btn-border-color: rgba(0,0,0,0.7);
	--btn-hover-bg: #ffffff;
	--btn-hover-border-color: rgba(0,0,0,0.7);
	--btn-active-bg: #ffffff;
	--btn-active-border-color: rgba(0,0,0,0.7);
	  padding: 2px 3px;
}
/* hyperlinks    ---------------------------------------------*/
body.site a         
	{color:#666666; text-decoration:none;}
body.site a:hover, body.site a:active, body.site a:focus
	{color:#d16a19; text-decoration:none;}

h2 {
	font-size: 0.95rem;
	text-transform: uppercase;
	font-family: 'dinot', Arial, Helvetica, Sans-Serif;
	font-weight:normal;
}
/*  Adresse im overlay menu  --------------------- */
#mod-custom113 {
	padding: 20px 0 0 35px;
	height:252px;
}
p.address {
	padding-top:5px;
	font-size:0.9rem;
	line-height:1.4;
}
/* content          ---------------------------------------------------------- */
main p, .kontaktperson p {
  	margin:0px;
}
.main-bottom.no-card.slide {
	background-color: #ffffff;
}
.breadcrumb-item+.breadcrumb-item:before {
    content: var(--breadcrumb-divider,"|");
}
.breadcrumb {
	background-color: transparent;
  	font-size:.8rem;
  	justify-content:flex-end;
}
.mod-breadcrumbs__divider.float-start {
	display: none;
}
.breadcrumb.px-3 {
  	padding-right:0rem !important;
}
.breadcrumb-item.active,
ol.breadcrumb li a {
	color: #000000;
}
.contentpane {
	padding: 0;
}
.page-link.active, .active > .page-link {
	z-index: 3;
	color: var(--pagination-active-color);
	background-color: rgba(0,0,0,0.7);;
	border-color: rgba(0,0,0,0.7);;
}
.jd_content_wrapper {
	border-bottom: 1px solid #bbb !important;
}
.jd_download_url_position {
	top: 0 !important;
}
div.current {
	border: 0px solid #ccc !important;
}
/*    iframe 360 grad view  ---------- */
.cont-iframe {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 75%; /* 4:3 Aspect Ratio (divide 3 by 4 = 0.75) */
}
/*    iframe google map  ---------- */
.cont-iframe.header {
  padding-top: 38.39%; /* 1120:430 Aspect Ratio (divide 430 by 1120 = 0.3839) */
}
/* style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
/*  zweispaltige divs und ul's   ------------ */
.column-container {
  column-count: 2; /* Anzahl der Spalten */
  column-gap: 20px; /* Abstand zwischen den Spalten */
}
.multi-column-list {
  column-count: 2; /* Anzahl der Spalten */
  column-gap: 40px; /* Abstand zwischen den Spalten */
}
/*  produkte   ---------- */
ul.fields-container {
	list-style-type: none;
	margin: 0px 0 0 35px;
	padding: 15px;
	min-width: 225px;
	max-width: 550px;
	background: rgba(0, 0, 0, 0.6);
	position: absolute;
	top: 395px;
}
p.beschrieb {
	margin: 10px 50px;
  	max-width:650px;
}
.field-entry.marken {
	color: #ffffff;
  	line-height:1.2;
}
.field-entry.marke-titel {
	font-family: 'dinotbold';
	font-weight: normal;
	font-size: 1.2rem;
}
.field-entry.text-inhalt {
	padding: 10px 0 15px 0;
}
.field-entry.hersteller a {
  	font-size:.8rem;
  	color:#ffffff;
}
.field-entry.hersteller a:hover {
  	color:#ffffff;
  	text-decoration:underline;
}
.quelle {
	font-size: .8rem;
	width: 100%;
	text-align: right;
	display: inline-block;
	position: relative;
	top: -21px;
	background: rgba(255,255,255,0.6);
	line-height: 1.2;
}
h1.standort {
  	margin-top:0px;
}
.tech1 td {
	vertical-align: top;
	display: table-cell;
  	padding-right:20px;
  	color: #000;
}
.main-bottom.no-card.kontaktperson {
	margin-top: 20px;
}

/*  startseite   ---------- */
.main-top.no-card.startimg {
	margin-top: 0;
}
div.flexbox {  
  	display: flex;
  	flex-flow: row wrap;
}
.flexbox div {
  	height:296px;
  	width:560px;
  	background-repeat:no-repeat;
}
#mod-custom119 .flexbox {
	background-image:url("../images/home_131904.jpg");
}
/*.flexbox div#produkt {
  	background-image:url("../images/produkte.jpg");
}
.flexbox div#leistung {
  	background-image:url("../images/dienstleistung.jpg");
}
.flexbox div#tech {
  	background-image:url("../images/tech.jpg");
}
.flexbox div#firma {
  	background-image:url("../images/firma.jpg");
}*/
.homemenu > ul {
	padding: 70px 0 0 25px;
	min-height: 297px;
}
.homemenu > ul > li {
  	display:none;
}
/*#produkt:hover .homemenu > ul,
#leistung:hover .homemenu > ul,
#tech:hover .homemenu > ul,
#firma:hover .homemenu > ul  {
 	background-color: rgba(0,0,0,0.6);
  	transition: all .5s linear;
}*/
#mod-custom119 .flexbox:hover #produkt .homemenu > ul,
#mod-custom119 .flexbox:hover #leistung .homemenu > ul,
#mod-custom119 .flexbox:hover #tech .homemenu > ul,
#mod-custom119 .flexbox:hover #firma .homemenu > ul {
 	background-color: rgba(0,0,0,0.6);
  	transition: all .5s linear;
}
#produkt:hover .homemenu > ul > li.item-102 {
  	display:block;
  	opacity:1;
  	transition: all .5s linear;
}
#leistung:hover .homemenu > ul > li.item-114 {
  	display:block;
  	opacity:1;
  	transition: all .5s ease;
}
#tech:hover .homemenu > ul > li.item-115 {
  	display:block;
  	opacity:1;
  	transition: all .7s ease-out;
}
#produkt .homemenu > ul > li.item-102,
#leistung .homemenu > ul > li.item-114,
#tech .homemenu > ul > li.item-115,
#firma .homemenu > ul > li.item-116 {
  	display:block;
  	opacity:0;
  	transition: all .7s ease-out;
}
/*#produkt:hover .homemenu > ul > li.item-102,
#leistung:hover .homemenu > ul > li.item-114,
#tech:hover .homemenu > ul > li.item-115,
#firma:hover .homemenu > ul > li.item-116 {
  	opacity:1;
}*/
#mod-custom119 .flexbox:hover #produkt .homemenu > ul > li.item-102,
#mod-custom119 .flexbox:hover #leistung .homemenu > ul > li.item-114,
#mod-custom119 .flexbox:hover #tech .homemenu > ul > li.item-115,
#mod-custom119 .flexbox:hover #firma .homemenu > ul > li.item-116 {
  	opacity:1;
}
.homemenu > ul > li > a {
  	text-transform:uppercase;
}
.homemenu .mod-list li {
	padding: 0;
}
.mod-list li .mod-menu__sub {
	padding-left: 0;
}
.homemenu > ul > li a {
	color: #ffffff;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #fff;
	width: 155px;
	display: block;
}
.homemenu ul li a:hover {
  	background:#d16a19;
  	color:#ffffff;
}
/* navigation komponente accordeon ck   ----------------------------------- */

.back-to-top-link {
	border: 2px solid rgb(229,106,25);
	border-radius: 8px;
	position: fixed;
  	bottom: 1rem;
  	right: 1rem;
  	padding:.3em;
}
a.back-to-top-link:focus, a.back-to-top-link:hover {
	color:#ffffff !important;
	background-color: rgba(229,106,25,0.85);
	border: 2px solid #c6c7c8;
}

/*  footer  ------------------------------------------------------------------ */
.footer .grid-child, .footer2 .grid-child {
	display: grid;
	padding: 1.5rem 0;
}
.footer2 .grid-child {
	padding: .5rem 0;
}
#mod-custom114, #mod-custom115 {
	width: 1120px;
}
.wrapper {
	display: grid;
	grid-gap: 10px;
	grid-template-columns: repeat(3, minmax(280px, 400px));
}
.footer2 {
	background: rgba(0,0,0,0.9);
}
.wrapper2 {
  display: flex;
  justify-content: space-between;
}
body.site footer a {
	color: #ffffff;
}
/* ------------------------------------------------------------------------*/
/*  MEDIA QUERIES    max-width:992px
------------------------------------------------------------------------*/
@media (max-width:992px){
/*       footer   ----------------- */
#mod-custom114, #mod-custom115 {
	width: 890px;
}
.footer .grid-child, .footer2 .grid-child {
	padding: 1rem 1.5rem;
}
}

/* ------------------------------------------------------------------------*/
/*  MEDIA QUERIES    max-width:767px
------------------------------------------------------------------------*/
@media (max-width:767px){
/*         startseite   ------------------------ */
#produkt .homemenu > ul,
#leistung .homemenu > ul,
#tech .homemenu > ul,
#firma .homemenu > ul  {
 	background-color: rgba(0,0,0,0.6);
}
#produkt .homemenu > ul > li.item-102,
#leistung .homemenu > ul > li.item-114,
#tech .homemenu > ul > li.item-115,
#firma .homemenu > ul > li.item-116 {
  	display:block;
  	opacity:1;
}
div.flexbox {
	flex-flow: column;
}
.flexbox div {
	height: auto;
	width: auto;
}
.jt-ic .row {
	flex-direction: column;
}
.jtic128 li.load-more__item {
	width: 100% !important;
}
/*  content  ---------- */
.article-content {
	flex-direction: column;
}
.text {
	margin-top: 10px;
  	margin-right:1px;
}
.column-container, .multi-column-list {
	column-count: 1;
}
.article.aktuell, .article.aktuell.team, .article.aktuell.history, .article.aktuell.tech1 {
	padding: 10px 0px 10px 0;
}
ul.fields-container {
	margin-left: 0;
}
/*       footer   ----------------- */
#mod-custom114, #mod-custom115 {
	width: 100%;
}
.wrapper, .wrapper2 {
	display: block;
}
.wrapper div, .wrapper2 div {
	margin-bottom: 15px;
}
.wrapper div:last-child, .wrapper2 div:last-child {
	margin-bottom: 0px;
}
}

/* ------------------------------------------------------------------------*/
/*  MEDIA QUERIES    max-width:520px
------------------------------------------------------------------------ */
@media (max-width:520px){
ul.fields-container {
	top: 353px;
	max-width: 350px;
	max-height: 150px;
	overflow: scroll;
}
.article.aktuell.history {
	flex-direction: column;
	gap: 0rem;
}