/* PRINT CSS */
@page {
  margin: 1cm;
  size: auto;
}

body {
  padding: 0 0.5cm;
}

* {
  background: none !important;
  color: #000 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  max-height: none !important;
  max-width: 100% !important;
  height: auto !important;
  animation: none !important;
}

nav, footer,
.breadcrumb,
#call-to-phone-action,
.post-edit-link,
.comments,
#call-to-phone-action-form,
.btn-more {
  display: none !important;
}

header> :not(.header-items),
header>.header-items> :not(.logo) {
  display: none;
}

.logo img {
  max-width: 5cm !important;
}

a, a:visited {
  text-decoration: underline
}

a[href]:after {
  content: " ("attr(href) ")"
}

abbr[title]:after {
  content: " ("attr(title) ")"
}

.ir a:after, a[href^="#"]:after, a[href*="https://www.ddm-sensors.de"]:after, a[href^="javascript:"]:after {
  content: none;
}

blockquote, pre {
  border: 1px solid #999;
  page-break-inside: avoid
}

thead {
  display: table-header-group
}

img, tr {
  page-break-inside: avoid
}

img {
  max-width: 100%;
}

img[src*="svg"] {
  display: none;
}

h2, h3, p {
  orphans: 3;
  widows: 3
}

main p {
  font-size: inherit;
}

h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .h1 {
  width: 100%;
  margin-top: 1rem;
}

h2:first-child,
.content-img + h2,
h3:first-child,
.content-img + h3,
h4:first-child,
.content-img + h4,
h5:first-child,
.content-img + h5,
h6:first-child,
.content-img + h6 {
  margin-top: 0;
}

h2, h3 {
  page-break-after: avoid
}

.headline {
  margin-bottom: 1cm;
}

.headline h1,
.h1 {
  font-size: 3.5rem;
}

h1 span:nth-child(odd),
.h1 span:nth-child(odd) {
  font-weight: 300;
  display: block;
}

.wrapper,
.full-content {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  flex-direction: column;
  gap: 3cm;
  page-break-inside: auto;
}

body:not(.home) .full-content {
  gap: 1cm;
}

section> :not(:first-child) {
  margin-top: 1cm;
}

.full-content>* {
  display: inline-block;
}

.swiper-wrapper {
  transform: none !important;
}

.swiper-slide {
  width: 100% !important;
  display: inline-block;
}

.swiper-slide:not(:first-child) {
  margin-top: 1cm;
}

.swiper-slide-duplicate,
#intro .background-wrapper {
  display: none !important;
}

.swiper-wrapper {
  display: grid;
  /* grid-template-columns: repeat(auto-fit, minmax(8cm, 1fr)); */
  grid-template-columns: 1fr;
}

#intro .text-wrapper {
  font-size: 2.5rem;
}

#intro .text-wrapper small {
  display: block;
}

.diagonal_line,
blockquote,
.custom_content:not(.diagonal_line) .image-wrapper,
.tag:not(.contacts .tag) {
  transform: skewX(-11.5deg);
  padding: 1rem;
  border: 1px solid;
  display: block;
}

.diagonal_line {
  width: 100%;
}

.diagonal_line >*,
blockquote >*,
.custom_content:not(.diagonal_line) .image-wrapper >*,
.tag:not(.contacts .tag)>* {
  transform: skewX(11.5deg);
}

.tag-wrapper {
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(auto-fit, minmax(5cm, 1fr));
  align-items: stretch;
  justify-content: center;
}

#quotes {
  position: static;
}

.tag-wrapper.contacts,
#quotes .swiper-wrapper {
  grid-template-columns: 1fr;
}

#quotes .quote-content .author .customer {
  font-weight: 700;
}

#quotes .quote-content .author-container {
  display: block;
  margin-top: .5cm;
}

.swiper-container {
	position: static !important;
	overflow: auto !important;
}

/* .entry-content {
  display: flex;
  gap: 1cm;
  flex-direction: column;
  align-items: flex-start;
} */

.custom_content {
  display: flex;
  gap: 2cm;
  justify-content: flex-start;
  margin: 1cm 0;
}

article {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
  gap: 2cm 1cm;
}

article > :first-child:not(.entry-content), article > img:first-child {
	max-width: calc(100%/12) !important;
	height: auto;
	width: 100%;
}

.entry-content {
  width: calc(100%/12 * 10) !important;
  flex-grow: 1;
}

.product-accordion + .product-accordion {
  margin-top: 2cm;
}

.product-container {
  display: grid !important;
  gap: 2cm;
  grid-template-columns: repeat(auto-fit, minmax(10cm, 1fr));
}

.content-fields {
  opacity: 1 !important;
}

.title {
  font-size: 2rem !important;
  font-weight: bold;
  margin-bottom: .5cm;
}

.product-container .content-fields button,
.product-container .content-fields a {
  display: none !important;
}

.produkt_overview h1 + span {
	font-size: 2em;
	font-weight: 500;
}

.highlight {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 1rem 0 0;
}

.produkt_overview {
	display: flex;
	justify-content: flex-start;
}

body.single-products .produkt_overview {
	align-items: flex-start;
	flex-direction: column-reverse;
  justify-content: space-between;
  margin-bottom: 2cm;
}

h1 {
	font-size: 3em;
	margin: 0;
}

.categories {
	column-count: 2;
	column-gap: 2cm;
}

.category {
  display: inline-block;
}

.product_details {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  gap: .5em;
  flex-direction: column;
}

article.type-products .product_details {
  gap: 2cm;
}

.product_details > * {
  margin-top: 0;
}

.download-section {
  display: none !important;
}

blockquote {
  display: flex;
  gap: 2cm;
}

blockquote img {
  width: 5cm;
}

.quote {
  flex-grow: 1;
}

blockquote cite {
	margin-top: 1rem;
	display: block;
	text-align: right;
}

.process {
  margin-top: 1cm;
}

.accordeon-wrapper, .step {
  margin-bottom: 1cm;
}

.item .content {
  display: block !important;
}

.subpage_container.tag-wrapper {
  margin: 1cm 0;
  page-break-after: always;
}

.table-of-contents {
  page-break-after: always;
  page-break-before: always;
  margin-top: 3cm;
}

.table-of-contents > ul {
  display: block !important;
  margin-bottom: 2cm;
  margin-left: 0;
}

.toc-headline {
  font-size: 2em;
  margin-bottom: 1cm;
  display: block;
}

.toggle-toc.custom-setting {
  display: none;
}

.table-of-contents li {
	position: relative;
	list-style: none;
	font-weight: 400;
	margin: 0 0 .2rem;
	transition: .2s ease all;
}

.table-of-contents li::before {
	content: '';
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
  transform-origin: center;
	height: .5em;
	width: .5em;
	border-top: solid 2px;
	border-right: solid 2px;
	border-radius: 0;
	background: 0 0;
	/* position: absolute; */
	display: block;
	/* top: 7px; */
	/* left: 0; */
  vertical-align: baseline;
  display: inline-block;
	margin-right: .5cm;
}

p + h2,
ul + h2,
ol + h2,
p + h3,
ul + h3,
ol + h3,
p + h4,
ul + h4,
ol + h4,
p + h5,
ul + h5,
ol + h5,
p + h6,
ul + h6,
ol + h6 {
  margin-top: 1cm;
}

.entry-content > [class*="wp-"] {
  margin: 1cm 0;
  clear: both;
}

@supports (hyphens: auto) {
  p {
    text-align: justify;
    hyphens: auto;
  }

  .entry-content > P {
    display: flow-root;
  }
}
