/*sorgt dafür, dass offcanvas menu auf ipad landscape erscheint*/
@media screen and (max-width: 1280px) {
  .sp-menu {display: none !important;}
  .sp-megamenu-parent {display: none !important;}
  .logo-image {max-width: 420px; height: 184px; width: 420px !important;}
  #offcanvas-toggler {display: flex !important}
}
/*to increase space for submenu items */
.offcanvas-menu .offcanvas-inner ul.menu ul li {margin: 5px 0;}

/* height muss angegeben werden, damit justify-content berechnet werden kann*/
.center {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}

/* height muss angegeben werden, damit justify-content berechnet werden kann*/
.left {
  height: 100%;
  display: flex;
  align-items: left;
  justify-content: center;
  margin: auto;
}

/* height muss angegeben werden, damit justify-content berechnet werden kann*/
.right {
  height: 100%;
  display: flex;
  align-items: right;
  justify-content: center;
  margin: auto;
}

ul.sp-contact-info {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}

/*verhindert das Überschneiden von top2 und logo im header*/
#sp-logo {
  padding-top: 5px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

#sp-logo {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}

/*linie zwischen header und body weg, Code muss aber als custom.css in stile - helix eingegeben werden
#sp-header {
   box-shadow: none;
 }
*/

/*to reduce only for the top and bottom padding between header and article*/
.com-content #sp-main-body {padding-top: 5px; padding-bottom: 5px;}

/*Ausblenden des "featured badge" nach Update von Helix 2.1.0*/
.badge.bg-danger.featured-article-badge {
  display: none;
}
/*------------------------------------------------------------------------------------------------*/
/*Einbindung lokaler Schriften*/
/* PlayfairDisplay */

@font-face {
  font-family:'PlayfairDisplay';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/PlayfairDisplay-Black.woff2') format('woff2');
}

@font-face {
  font-family:'PlayfairDisplay';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/PlayfairDisplay-BlackItalic.woff2') format('woff2');
}

@font-face {
  font-family:'PlayfairDisplay';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/PlayfairDisplay-Bold.woff2') format('woff2');
}

@font-face {
  font-family:'PlayfairDisplay';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/PlayfairDisplay-BoldItalic.woff2') format('woff2');
}

@font-face {
  font-family:'PlayfairDisplay';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/PlayfairDisplay-ExtraBold.woff2') format('woff2');
}

@font-face {
  font-family:'PlayfairDisplay';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/PlayfairDisplay-ExtraBoldItalic.woff2') format('woff2');
}

@font-face {
  font-family:'PlayfairDisplay';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/PlayfairDisplay-Italic.woff2') format('woff2');
}

@font-face {
  font-family:'PlayfairDisplay';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/PlayfairDisplay-Medium.woff2') format('woff2');
}

@font-face {
  font-family:'PlayfairDisplay';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/PlayfairDisplay-MediumItalic.woff2') format('woff2');
}

@font-face {
  font-family:'PlayfairDisplay';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/PlayfairDisplay-Regular.woff2') format('woff2');
}

@font-face {
  font-family:'PlayfairDisplay';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/PlayfairDisplay-SemiBold.woff2') format('woff2');
}

@font-face {
  font-family:'PlayfairDisplay';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/PlayfairDisplay-SemiBoldItalic.woff2') format('woff2');
}

/* GREATVIBES */

@font-face {
  font-family:'GreatVibes';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Great_Vibes_woff2/GreatVibes-Regular.woff2') format('woff2');
}


/* PlayfairDisplaySC */

@font-face {
  font-family:'PlayfairDisplaySC';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/PlayfairDisplaySC-Regular.woff2') format('woff2');
}

@font-face {
  font-family:'PlayfairDisplaySC';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/PlayfairDisplaySC-Italic.woff2') format('woff2');
}

@font-face {
  font-family:'PlayfairDisplaySC';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/PlayfairDisplaySC-BoldItalic.woff2') format('woff2');
}

@font-face {
  font-family:'PlayfairDisplaySC';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/PlayfairDisplaySC-Bold.woff2') format('woff2');
}

@font-face {
  font-family:'PlayfairDisplaySC';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/PlayfairDisplaySC-BlackItalic.woff2') format('woff2');
}

@font-face {
  font-family:'PlayfairDisplaySC';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/PlayfairDisplaySC-Black.woff2') format('woff2');
}

/*Zuweisung*/
#sp-header, #sp-header a, #sp-menu, #sp-menu a, #sp-top2, #sp-top2 a, #sp-bottom, #sp-bottom a {
  font-family: "PlayfairDisplay";
}
.sp-dropdown-inner,
.sp-megamenu-parent > li > a, 
.sp-megamenu-parent > li > span,
.sp-contact-info,
ul.sp-contact-info,
li.sp-contact-phone a,
li.sp-contact-email a,
.offcanvas-menu .offcanvas-inner ul.menu > li a,
.offcanvas-menu .offcanvas-inner ul.menu > li span
{
  font-family: "PlayfairDisplay";
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'GreatVibes';
}

body,p,a {
  font-family: "PlayfairDisplay";
}

/*mögliche Klassen-Zuweisungen*/
.handwritten {font-family: "GreatVibes";}
.handwritten a {font-family: "GreatVibes"}
.handwritten p {font-family: "GreatVibes"}

.serif {font-family: "PlayfairDisplay";}
.serif a {font-family: "PlayfairDisplay";}
.serif p {font-family: "PlayfairDisplay";}

.serifsc {font-family: "PlayfairDisplaySC";}
.serifsc a {font-family: "PlayfairDisplaySC";}
.serifsc p {font-family: "PlayfairDisplaySC";}

/*------------------------------------------------------------------------------------------------*/
/*Farbzzuordungen */