/* ==========================================================================
   PICHLER SYSTEMTECHNIK -- Split von style.css, Teil 4/6: Typografie
   Quelle: style.css Zeilen 1405-2181 (unveraendert, keine Selektoren umbenannt)
   Ueberschriften h1-h6, Links, Blockquote, Tabellen-Grundformat, TYPO3-Content-Element-Basis (ce-*), Menu-Content-Element.
   ========================================================================== */


header *
{
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

h3,.h3
{
  font-family: var(--header-font-family);
  font-weight: var(--header-font-weight);
  font-variation-settings: var(--header-font-variation-settings);
  color: var(--white);
  margin-top: 0;
  margin-bottom: var(--base-size);
}
h1,.h1
{
  font-family: var(--header-font-family);
  font-weight: var(--header-font-weight);
  font-variation-settings: var(--header-font-variation-settings);
  color: var(--white);
  margin-top: 0;
  margin-bottom: var(--base-size);
}

h2,.h2,h4,.h4
{
  font-family: var(--header-font-family);
  font-weight: var(--header-font-weight);
  font-variation-settings: var(--header-font-variation-settings);
  color: var(--black);
  margin-top: 0;
  margin-bottom: var(--base-size);
}
h1,.h1,.fontsize1
{
  font-size: var(--font-size1);
  line-height: var(--line-height1);
}

h2,.h2,.fontsize2
{
  font-size: var(--font-size2);
  line-height: var(--line-height2);
  margin-bottom: 30px;


}
h5,.h5
{
  font-family: var(--header-font-family);
  font-weight: var(--header-font-weight);
  font-variation-settings: var(--header-font-variation-settings);
  color: var(--gray5);
  margin-top: 0;
  
}
h6, .h6
 {
    font-weight: 300;
    margin: 0;
    padding: 0;
    font-size: 24px;
    line-height: 40px;
    margin-bottom: 10px;
    margin-top: 0;
    padding-left: 10px;
    background: #c7cbcc;
}

.orange
{
	font-weight: 300;
    margin: 0;
    padding: 0;
    font-size: 24px;
    line-height: 40px;
    margin-bottom: 10px;
    margin-top: 0;
    padding-left: 10px;
    background: var(--orange);
	
}

.newsbox {
    float: left;
    width: 100%;
    font-size: 13px;
    line-height: 18px;
    background: var(--gray4);
}

.newslisterow {
    margin-left: -5px;
    margin-right: -5px;
}
h3,.h3,.fontsize3,.ce-uploads-fileName
{
  font-size: var(--font-size3);
  line-height: var(--line-height3);
}

h4,.h4,.fontsize4
{
  font-size: var(--font-size4);
}

h5,.h5,.fontsize5
{
  font-size: var(--font-size5);
}

.header-group *:first-child
{
  margin-bottom: var(--base-size-half);
}

p+p,pre,table
{
  margin-top: var(--base-size);
}

p,ul,ol,dl,pre,table
{
  margin-bottom: var(--base-size);
}

.small,small
{
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
}

b,strong,.bold
{
  font-family: var(--font-family-bold);
  font-weight: var(--font-weight-bold);
  font-variation-settings: var(--font-variation-settings-bold);
}

a
{
  color: var(--body-link-color);
  text-decoration: var(--body-link-text-decoration) var(--body-link-text-decoration-color);
  -webkit-text-decoration-line: var(--body-link-text-decoration);
  -webkit-text-decoration-color: var(--body-link-text-decoration-color);
  -webkit-text-decoration-thickness: var(--body-link-text-decoration-thickness);
  text-underline-offset: var(--body-link-underline-offset);
  -webkit-transition: all var(--transition);
  -moz-transition: all var(--transition);
  -ms-transition: all var(--transition);
  -o-transition: all var(--transition);
  transition: all var(--transition);
}

@media(prefers-reduced-motion: reduce)
{
  a
  {
    transition: none;
  }
}

a:focus,a:hover
{
  color: var(--body-link-hover-color);
  text-decoration-color: var(--body-link-hover-color);
  -webkit-text-decoration-color: var(--body-link-hover-color);
}

a.invers
{
  color: var(--body-link-invers-color);
}

a.invers:focus,a.invers:hover
{
  color: var(--body-link-invers-hover-color);
}

a.btn
{
  text-decoration: none;
  text-underline-offset: unset;
}

.content-header a
{
  color: var(--header-link-color);
}

.content-header a:focus,.content-header a:hover
{
  color: var(--header-link-hover-color);
}

.content-header a.btn-secondary:focus,.content-header a.btn-secondary:hover
{
  color: var(--button2-hover-color);
}

.content-footer a
{
  color: var(--footer-link-color);
}

.content-footer a:focus,.content-footer a:hover
{
  color: var(--footer-link-hover-color);
  text-decoration-color: var(--footer-link-hover-color);
}

.content-footer2 a
{
  color: var(--footer2-link-color);
}

.content-footer2 a:focus,.content-footer2 a:hover
{
  color: var(--footer2-link-hover-color);
  text-decoration-color: var(--footer2-link-hover-color);
}

sup,sub
{
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}

sub
{
  top: .4em;
}

.invers
{
  color: var(--white, #fff);
}

.font-color-light
{
  color: var(--font-color-light);
}

blockquote
{
  position: relative;
  text-align: center;
  width: 80%;
  padding: var(--base-size) var(--gutter);
  margin: var(--base-size-double) auto;
}

blockquote:before,blockquote:after
{
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  color: var(--gray3);
  font-size: 48px;
}

blockquote:before
{
  content: "";
  margin-right: calc(var(--gutter)*-1);
  bottom: 0;
  right: 100%;
}

blockquote:after
{
  content: "";
  margin-left: calc(var(--gutter)*-1);
  left: 100%;
  top: 0;
  bottom: auto;
}

.text-left,.ce-headline-left
{
  text-align: left;
}

.text-center,.ce-headline-center
{
  text-align: center;
}

.text-right,.ce-headline-right
{
  text-align: right;
}

.ce-table td,.ce-table th
{
  vertical-align: top;
}

.ce-textpic,.ce-image,.ce-nowrap .ce-bodytext,.ce-gallery,.ce-row,.ce-uploads li,.ce-uploads div
{
  overflow: hidden;
}

.ce-uploads
{
  margin: var(--base-size) 0;
  padding: 0;
}

.ce-uploads li
{
  list-style: none outside none;
  margin: 0;
  padding-bottom: 0;
}

.ce-uploads img
{
  float: left;
  margin: var(--base-size-half);
  vertical-align: top;
}

.ce-uploads span
{
  display: block;
}

.ce-uploads li:nth-child(odd)
{
  background: var(--gray5, #eee);
}

.ce-uploads:before,.ce-uploads:after
{
  content: "";
  display: table;
}

.ce-uploads:after
{
  clear: both;
}

.ce-uploads div
{
  margin: var(--base-size-eighth) var(--gutter);
}

.ce-uploads-fileName
{
  margin-bottom: var(--base-size-quarter);
}

.ce-uploads-filesize
{
  text-align: right;
}

.frame-layout-100 .ce-uploads li:nth-child(odd)
{
  background: rgba(0,0,0,0);
}

.ce-table-striped tbody tr:nth-of-type(even)
{
  background-color: var(--gray5, #eee);
}

.ce-table-bordered th,.ce-table-bordered td
{
  border: var(--border-width) solid var(--table-border-color);
}

[class*=frame-space-before-]
{
  padding-top: var(--base-size);
}

[class*=frame-space-after-]
{
  padding-bottom: var(--base-size);
}

@media screen and (min-width: 769px)
{
  .frame-space-before-medium
  {
    padding-top: var(--base-size-double);
  }

  .frame-space-before-large
  {
    padding-top: var(--base-size-triple);
  }

  .frame-space-after-small
  {
    padding-bottom: var(--base-size);
  }

  .frame-space-after-medium
  {
    padding-bottom: var(--base-size-double);
  }

  .frame-space-after-large
  {
    padding-bottom: var(--base-size-triple);
  }

  .frame-space-before-small
  {
    padding-top: var(--base-size);
  }

  .frame-space-before-medium
  {
    padding-top: var(--base-size-double);
  }

  .frame-space-before-large
  {
    padding-top: var(--base-size-triple);
  }

  .frame-space-after-small
  {
    padding-bottom: var(--base-size);
  }

  .frame-space-after-medium
  {
    padding-bottom: var(--base-size-double);
  }

  .frame-space-after-large
  {
    padding-bottom: var(--base-size-triple);
  }
}

.frame-ruler-before:before
{
  content: "";
  display: block;
  border-top: var(--border-width) solid var(--table-border-color);
  padding-top: calc(var(--base-size) - var(--border-width));
}

.frame-ruler-after:after
{
  content: "";
  display: block;
  border-bottom: var(--border-width) solid var(--table-border-color);
  margin-bottom: calc(var(--base-size) - var(--border-width));
}

@media screen and (min-width: 1025px)
{
  .frame-indent
  {
    margin-left: 16.66667%;
    margin-right: 16.66667%;
  }

  .frame-indent-left
  {
    margin-left: 33.33333%;
  }

  .frame-indent-right
  {
    margin-right: 33.33333%;
  }
}

[class*=frame-type-menu_] ul,[class*=frame-type-menu_] ul li
{
  list-style: none;
  margin: 0;
  padding: 0;
}

[class*=frame-type-menu_]>ul
{
  margin-bottom: calc(var(--base-size) - var(--border-width));
  border-bottom: var(--border-width, 1px) solid var(--border-color);
}

[class*=frame-type-menu_] li
{
  border-top: var(--border-width, 1px) solid var(--border-color);
}

[class*=frame-type-menu_] a
{
  padding: var(--base-size-half) var(--gutter-quarter) calc(var(--base-size-half) - var(--border-width)) var(--gutter-quarter);
  display: block;
}

.frame-type-menu_sitemap a
{
  background: var(--gray5, #eee);
}

[class*=frame-type-menu_] a,[class*=frame-type-menu_] p
{
  padding-left: var(--gutter);
}

[class*=frame-type-menu_] ul li ul li a,[class*=frame-type-menu_] ul li ul li p
{
  padding-left: var(--gutter-double);
}

[class*=frame-type-menu_] ul li ul li ul li a,[class*=frame-type-menu_] ul li ul li ul li p
{
  padding-left: var(--gutter-triple);
  background: rgba(0,0,0,0);
}

.frame-type-menu_abstract ul>li
{
  padding-left: var(--gutter);
  padding-bottom: var(--base-size-half);
}

.frame-type-menu_abstract ul>li a
{
  padding-left: 0;
}

[class*=frame-type-menu_].frame-layout-251 p,[class*=frame-type-menu_].frame-layout-251 a
{
  margin: 0;
  padding: 0;
}

[class*=frame-type-menu_].frame-layout-251 h3
{
  margin: 0 0 var(--base-size-quarter) 0;
}

hr.ce-div
{
  border: 0;
  border-bottom: var(--border-width, 3px) solid var(--border-color);
  margin: var(--base-size-half) 0;
}

.ce-border img
{
  border: var(--image-border-width) solid var(--image-border-color);
}

.ce-gallery figure.video
{
  display: block;
}

.video-embed
{
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin-bottom: var(--base-size);
}

.video-embed iframe,.video-embed video
{
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  width: 100% !important;
  height: 100% !important;
}

figure.image a,.img-enlarge a
{
  position: relative;
  display: block;
  overflow: hidden;
}

figure.image a img,.img-enlarge a img
{
  -webkit-transition: all var(--transition);
  -moz-transition: all var(--transition);
  -ms-transition: all var(--transition);
  -o-transition: all var(--transition);
  transition: all var(--transition);
  transform: scale(1);
}

@media(prefers-reduced-motion: reduce)
{
  figure.image a img,.img-enlarge a img
  {
    transition: none;
  }
}

figure.image a[data-fancybox] :after,.img-enlarge a[data-fancybox] :after
{
  content: "";
  opacity: 0;
}

figure.image a[data-fancybox]:hover:after,figure.image a[data-fancybox]:focus:after,.img-enlarge a[data-fancybox]:hover:after,.img-enlarge a[data-fancybox]:focus:after
{
  position: absolute;
  top: calc(50% - 24px);
  left: calc(50% - 24px);
  content: "";
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  line-height: 48px;
  width: 48px;
  height: 48px;
  opacity: 1;
  border-radius: 50%;
  background: var(--white-opacity, rgba(255, 255, 255, 0.8980392157));
  color: var(--body-link-color);
  text-align: center;
}

figure.image a:hover img,figure.image a:focus img,.img-enlarge a:hover img,.img-enlarge a:focus img
{
  transform: scale(1.025);
}

@media(prefers-reduced-motion: reduce)
{
  figure.image a:hover img,figure.image a:focus img,.img-enlarge a:hover img,.img-enlarge a:focus img
  {
    transform: none;
  }
}

.image-caption span
{
  display: block;
}

.frame-layout-100
{
  background: var(--layout-100-bg);
  padding: var(--padding-boxes);
  margin-bottom: var(--base-size);
}

.frame-layout-100 p:last-child
{
  margin-bottom: 0;
}

.ce-textpic,.ce-nowrap .ce-bodytext,.ce-gallery,.ce-row,.ce-uploads li,.ce-uploads div
{
  overflow: hidden;
}

.ce-left .ce-gallery
{
  float: left;
}

[data-ce-columns="2"] .ce-column,[data-ce-columns="3"] .ce-column,[data-ce-columns="4"] .ce-column,[data-ce-columns="6"] .ce-column
{
  float: left;
}

.ce-right .ce-gallery
{
  float: right;
}

.ce-right.ce-intext .ce-gallery
{
  margin-left: var(--gutter);
}

.ce-left.ce-intext .ce-gallery
{
  margin-right: var(--gutter);
}

.ce-below .ce-gallery
{
  margin-top: var(--base-size);
}

.ce-column
{
  padding-right: var(--gutter-half);
}

.ce-intext.ce-right .ce-column,.ce-intext [data-ce-columns="1"] .ce-column
{
  padding-right: 0;
}

.ce-column
{
  margin-bottom: var(--gutter-half);
}

.ce-above .ce-bodytext
{
  clear: both;
}

.ce-intext.ce-left ol,.ce-intext.ce-left ul
{
  padding-left: var(--gutter-double);
  overflow: auto;
}

.ce-center .ce-outer,.ce-center .ce-inner
{
  float: none;
  right: 0;
  text-align: center;
}

.ce-center figure,.ce-center img
{
  margin: 0 auto;
}

.ce-intext>.ce-gallery,.ce-intext>.ce-bodytext
{
  width: 100%;
}

.ce-above .ce-gallery,.ce-below .ce-gallery
{
  margin-right: calc(-1*var(--gutter-half));
}

.ce-right.ce-above,.ce-right.ce-below
{
  margin-left: calc(-1*var(--gutter-half));
  margin-right: 0;
}

.ce-left.ce-above .ce-gallery,.ce-left.ce-below .ce-gallery
{
  float: none;
}

[data-ce-columns="2"] .ce-column
{
  width: 50%;
}

[data-ce-columns="3"] .ce-column
{
  width: 33.33333333%;
}

[data-ce-columns="4"] .ce-column
{
  max-width: 25%;
  width: 25%;
}