/* ==========================================================================
   PICHLER SYSTEMTECHNIK -- Split von style.css, Teil 6/6: Responsive/Sonstiges
   Quelle: style.css Zeilen 3279-3440 (unveraendert, keine Selektoren umbenannt)
   ScrollToTop, Social-Media-Menu, @media print.
   ========================================================================== */


.scrollToTop
{
  width: var(--base-size-double);
  position: fixed;
  bottom: var(--base-size-double);
  right: var(--gutter);
  display: none;
  background: var(--button-bg);
  z-index: 1000;
  text-align: center;
}

.scrollToTop>a
{
  color: var(--button-color);
  display: block;
  line-height: var(--base-size-double);
}

.scrollToTop>a:hover,.scrollToTop>a:focus,.scrollToTop>a:active
{
  background: var(--button-hover-bg);
  color: var(--button-hover-color);
}

[class*=frame-type-menu_].frame-layout-261 a,.socialmedia a
{
  display: inline-block;
  padding: var(--gutter-quarter);
  margin: var(--base-size-quarter) var(--gutter-half) var(--base-size-quarter) 0;
  background: var(--white, #fff);
  color: var(--font-color);
  border-radius: var(--border-radius);
  width: calc(var(--gutter)*1.5);
}

[class*=frame-type-menu_].frame-layout-261 a span,.socialmedia a span
{
  color: var(--font-color);
}

[class*=frame-type-menu_].frame-layout-261 a:hover span:before,[class*=frame-type-menu_].frame-layout-261 a:focus span:before,.socialmedia a:hover span:before,.socialmedia a:focus span:before
{
  color: var(--body-link-hover-color);
}

.socialmedia span
{
  text-align: center;
  width: var(--base-size);
}

@media print
{
  *
  {
    background: rgba(0,0,0,0) !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }@  page
  {
    margin: .5cm;
  }

  a,a:visited
  {
    color: #000 !important;
    text-decoration: underline;
  }

  a[href]:after
  {
    content: " (" attr(href) ")";
  }

  abbr[title]:after
  {
    content: " (" attr(title) ")";
  }

  .ir a[href]:after,.ir a[href^="javascript:"]:after,.ir a[href^="#"]:after,.wrapper-logo a[href]:after,.wrapper-logo a[href^="javascript:"]:after,.wrapper-logo a[href^="#"]:after,.news-img-wrap a[href]:after,.news-img-wrap a[href^="javascript:"]:after,.news-img-wrap a[href^="#"]:after,a[href]:after,a[href^="javascript:"]:after,a[href^="#"]:after
  {
    content: "";
  }

  .btn-primary,.btn-secondary
  {
    border-color: #000;
  }

  pre
  {
    border: 1px solid #000;
    page-break-inside: avoid;
  }

  thead
  {
    display: table-header-group;
  }

  tr,img
  {
    page-break-inside: avoid;
  }

  img
  {
    max-width: 100% !important;
  }

  .wrapper-logo img
  {
    margin: 0;
  }

  .content-header
  {
    border-bottom: 1px solid #999;
    padding-bottom: .5cm;
    margin-bottom: .5cm;
  }

  .wrapper-footer
  {
    border-top: 1px solid #999;
    margin-top: .5cm;
  }

  p,h2,h3
  {
    orphans: 3;
    widows: 3;
  }

  h2,h3
  {
    page-break-after: avoid;
  }

  .print-hidden,.wrapper-search,.header-service,.header-image,.content-rootline,.wrapper-topmenu,.content-footer,.content-footer2 nav,.scrollToTop a,.f3-widget-paginator,.f3-widget-paginator li
  {
    display: none !important;
  }

  .accordion .togglecontent,.frame-collapse .togglecontent,.frame-collapsemobile .togglecontent
  {
    display: block !important;
  }

  .accordion>header,.frame-collapse>header,.frame-collapsemobile>header
  {
    padding: 0;
  }

  .accordion>header>*:before,.frame-collapse>header>*:before,.frame-collapsemobile>header>*:before
  {
    display: none;
  }
}