@charset "UTF-8";


/**
 * reset.css
 * tple.g13.stylesheet
 */

@media all {
  /* http://meyerweb.com/eric/tools/css/reset/
     v2.0 | 20110126
     License: none (public domain)
  */
  
  html, body, div, span, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code,
  del, dfn, em, img, ins, kbd, q, s, samp,
  small, strike, strong, sub, sup, tt, var,
  b, u, i, center,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td,
  article, aside, canvas, details, embed,
  figure, figcaption, footer, header, hgroup,
  menu, nav, output, ruby, section, summary,
  time, mark, audio, video {
  	margin: 0;
  	padding: 0;
  	border: 0;
  	font-size: 100%;
  	font: inherit;
  	vertical-align: baseline;
  }
  /* HTML5 display-role reset for older browsers */
  article, aside, details, figcaption, figure,
  footer, header, hgroup, menu, nav, section {
  	display: block;
  }
  body {
  	line-height: 1;
  }
  ol, ul {
  	list-style: none;
  }
  blockquote, q {
  	quotes: none;
  }
  blockquote:before, blockquote:after,
  q:before, q:after {
  	content: '';
  	content: none;
  }
  table {
  	border-collapse: collapse;
  	border-spacing: 0;
  }
  
  /* http://html5boilerplate.com/mobile/
  	Unterschiedliche Schirftgrößen bei gleichem CSS auf dem iPhone verhindern
  */
  body {
  	   -moz-text-size-adjust:none;
              -ms-text-size-adjust: none;
  	-webkit-text-size-adjust: 100%;
  
  }
}


/**
 * Accessability
 * tple.g13.stylesheet
 */

@media all {
  /**
   * Zugänglich verstecken
   * @deprecated .acc
   */
  .acc,
  .SP-acc-hide {
  	position: fixed !important;
  	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  	clip: rect(1px, 1px, 1px, 1px);
  }
  
  
  /**
   * Sprungmarken
   */
  #SP-toc a {
  	background: #FFFFFF;
  	color: #000000;
  	display: block;
  	left: 2px;
  	padding: .5em 10%;
  	position: absolute;
  	top: 2px;
          z-index: 9999999;
  }
  #SP-toc a:after {
  	content: ' >';
  }
  #SP-toc a:focus {
  	clip: auto;
  }
  
  
  /**
   * Fokus
   */
  button:focus,
  a:focus,
  input:focus,
  select:focus,
  textarea:focus {
  	outline: #DF1119 solid 2px;
  	outline: #DF1119 -webkit-focus-ring-color 2px;
          outline-offset: -2px;
          overflow: visible;
  }
  a:hover,
  a:active {
  	outline: none;
  }
}


/**
 * ilink.css
 * tple.g13.stylesheet
 */

@media all {
  /**
   * iLink
   */
  #sp_ilink_container_0 > div {
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 33333;
  }
  #sp_ilink_container_0 > div:before {
    content: '\A0';
    display: block;
    padding: 4px 17px;
    position: relative;
  }
  #sp_ilink_container_0 > div > a {
    display: block;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
  }
  .SP-ilink-wrapper {
    color: #FFFFFF;
    font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
    font-size: 0.8571em;
    line-height: 1.6667;
    padding: 4px 17px;
  }
  .SP-ilink-wrapper:before {
    background: #3d4d5c;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNkNGQ1YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iIzk0YjNkMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzk0YjNkMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZDRkNWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  #3d4d5c 0%, #94b3d2 49%, #94b3d2 51%, #3d4d5c 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#3d4d5c), color-stop(49%,#94b3d2), color-stop(51%,#94b3d2), color-stop(100%,#3d4d5c));
    background: -webkit-linear-gradient(left,  #3d4d5c 0%,#94b3d2 49%,#94b3d2 51%,#3d4d5c 100%);
    background: -o-linear-gradient(left,  #3d4d5c 0%,#94b3d2 49%,#94b3d2 51%,#3d4d5c 100%);
    background: -ms-linear-gradient(left,  #3d4d5c 0%,#94b3d2 49%,#94b3d2 51%,#3d4d5c 100%);
    background: linear-gradient(to right,  #3d4d5c 0%,#94b3d2 49%,#94b3d2 51%,#3d4d5c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d4d5c', endColorstr='#3d4d5c',GradientType=1 );
  
    filter: alpha(opacity=5);
    -khtml-opacity: 0.5;
      -moz-opacity: 0.5;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=5)";
        -o-opacity: 0.5;
  
    border-bottom: 1px solid #212C36;
    content: ' ';
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
  }
  #sp_ilink_container_0 .SP-ilink-wrapper .SP-stack {
   display: inline-block;
   font-size: 1.25em;
   height: 1.25em;
   line-height: 1;
   position: relative;
   vertical-align: middle;
   width: 2em;
  }
  #sp_ilink_container_0 .SP-ilink-wrapper .SPi-stack {
   left: 0;
   position: absolute;
   text-align: center;
   width: 100%;
  }
  #sp_ilink_container_0 .SP-ilink-wrapper .SPi-ilink-wrapper:before {
   color: #333333;
  }
  #sp_ilink_container_0 .SP-ilink-wrapper .SPi-ilink-inner:before {
   color: #E08500;
  }
  #sp_ilink_container_0 .SP-ilink-wrapper a.ilink:hover {
    text-decoration: underline;
  }
  #sp_ilink_container_0 .SP-last-change {
    font-size: 11px;
    position: absolute;
    right: 17px;
  }
}
@media print {
  #sp_ilink_container_0 {
    display: none;
  }
  #sp_ilink_container_0 ~ div {
    border-top: none;
  }
}


/**
 * centering.css
 * tple.g13.stylesheet
 */

@media all AND (min-width: 560px) {
  .SP-center-s {
                  padding: 0 5px;
                  width: auto;
          }
          .SP-centered-s {
          	margin: 0 auto;
                  max-width: 550px;
  	        width: 100%;
          }
}
@media all AND (min-width: 768px) {
  .SP-center-m {
                  padding: 0 10px;
                  width: auto;
          }
          .SP-centered-m {
          	margin: 0 auto;
                  max-width: 748px;
  	        width: 100%;
          }
}
@media all AND (min-width: 968px) {
  .SP-center-l {
      padding: 0 15px;
      width: auto;
  }
  .SP-centered-l {
      margin: 0 auto;
      max-width: 938px;
      width: 100%;
  }
}
@media all AND (min-width: 1280px) {
  .SP-center-xl {
      padding: 0 30px;
      width: auto;
  }
  .SP-centered-xl {
      margin: 0 auto;
      max-width: 1220px;
      width: 100%;
  }
}


/**
 * content.css
 * tple.g13.stylesheet
 */

@media all {
  /* ### Layer */
  .SP-layer {
    position: relative;
    z-index: 1;
  }
  .SP-layer:before {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    
    background-color: #FFFFFF;
    content: ' ';
    height: 100%;
    left: 0;
    opacity: 0.9;
    position: absolute;
    top: 2px;
    width: 100%;
    z-index: -1;
  }
  .SP-teaser-text.SP-layer:before {
    top: 0;
  }
  
  /* ### Assets */
  .SP-asset {
    cursor: pointer;
    overflow: hidden;
    position: relative;
    width: 33.3334%;
  }
  .SP-asset a {
    display: block;
  }
  .SP-asset img {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .SP-asset .SP-asset-inner {
    display: block;
    height: 0;
    overflow: visible;
    position: relative;
    width: 100%;
  }
  .SP-asset .SP-asset-caption {
    background: #EFEFEF;
    font-size: .875em;
    line-height: 1.25;
    padding: 5px 10px;
    position: relative;
  }
  .SP-asset .SP-asset-caption i {
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: -1px;
    text-align: center;
    top: -19px;
    width: 20px;
    z-index: 2;
  }
  .SP-asset .SP-asset-caption i:after {
    background: #FFFFFF;
    content: ' ';
    height: 100%;
    left: 0;
    opacity: .85;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
  }
  .SP-asset .SP-asset-caption .SP-asset-copyright {
    display: block;
    font-size: .75em;
    margin-top: .5em;
  }
}


/**
 * extendable.css
 * tple.g13.stylesheet
 */

@media all {
  .SP-UI-extendable ul {
  	list-style-type: none;
  	margin: 0; padding: 0;
          overflow: hidden;
  }
  .SP-UI-extendable .SP-UI-item {
             -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
  
          box-sizing: border-box;
  	float: left;
          margin-bottom: 3.3334%;
          margin-right: 3.3334%;
          padding: 0 10px 10px 0;
  	width: 30%;
  }
  .SP-UI-extendable .SP-UI-item .SP-image .SP-image-inner {
          display: block;
          height: 0;
          overflow: visible;
          position: relative;
          width: 100%;
  }
  .SP-UI-extendable .SP-UI-item .SP-image .SP-image-inner img {
          left: 0;
          position: absolute;
          top: 0;
          width: 100%;
  }
  .SP-UI-extendable .SP-UI-controls {
  	clear: both;
  	display: none;
  	cursor: pointer;
  }
}


/**
 * floating.css
 * tple.g13.stylesheet
 */

@media all {
  /**
   * Floating
   * Komplettes CSS für das Floating
   */
  .SP-float-left {
  	float: left;
  	margin-right: 3.3334%;
  }
  .SP-float-right {
  	float: right;
  	margin-left: 3.3334%;
  }
  .SP-float-clear {
  	clear: both;
  }
  .SP-float-clearfix:after {
  	clear: both;
  	content: ".";
  	display: block;
  	font-size: 0;
    	height: 0;
    	visibility: hidden;
  }
}


/**
 * form.css
 * tple.g13.stylesheet
 */

@media all {
  /**
   * Basis
   */
  button,
  input,
  select,
  textarea {
  	   -moz-box-sizing: border-box;
  	-webkit-box-sizing: border-box;
  
  	background: #FFFFFF;
  	border: none;
     	box-sizing: border-box;
          padding: 0.25em 0.556em ;
  	width: 100%;
  }
  .SP-form-contact select {
          padding: .5em .125em;
  }
  button,
  input[type="checkbox"],
  input[type="radio"] {
  	width: auto;
  }
  textarea {
  	resize: vertical;
  }
  
  /**
   * Platzhalter
   */
  ::-webkit-input-placeholder {
  	color: #000000;
  }
  :-moz-placeholder {
  	-moz-opacity: 1;
  	color: #000000;
  	opacity: 1;
  }
  ::-moz-placeholder {
  	-moz-opacity: 1;
  	color: #000000;
  	opacity: 1;
  }
  :-ms-input-placeholder {
  	color: #000000;
  }
  
  
  /**
   * Radio-Buttons und Checkboxen 
   */
  .SP-field-checkbox,
  .SP-field-radio {
  	position: relative;
  }
  input[type="checkbox"] + .SP-label:before,
  input[type="radio"] + .SP-label:before {
  	background: #FFFFFF;
  	border: 1px solid #000000;
  	content: " ";
  	display: inline-block;
  	height: 18px;
  	left: 0;
  	line-height: 22px;
  	position: absolute;
  	text-align: center;
  	top: 1px;
  	width: 18px;
  }
  input[type="radio"] + .SP-label:before {
  	border-radius: 50%;
  }
  input[type="radio"]:checked + .SP-label:after {
  	background: #333333;
  	border: 1px solid #333333;
  	border-radius: 50%;
  	display: block;
  	content: ' ';
  	height: 8px;
  	left: 5px;
  	position: absolute;
  	top: 6px;
  	width: 8px;
  }
  
  
  /**
   * Fieldsets
   */
  .SP-fieldset legend { /* üblichweise ähnlich h2 */
  	font-size: 1.5em;
  	line-height: 1.5;
  }
  .SP-fieldset-options-inline .SP-field {
  	display: inline-block;
  	margin-right: 25px;
  	width: auto;
  }
  #SP-fieldset-consent .SP-field .SP-label,
  .SP-fieldset-options-inline .SP-field .SP-label {
  	display: inline;
  	font-weight: normal;
  }
  .SP-fieldset-options-inline legend {
  	font-size: 1em;
  	font-weight: normal;
  }
  
  
  /**
   * Felder
   */
  .SP-field {
  	margin-bottom: 1em;
  	width: 100%;
  }
  .SP-field .SP-label {
  	display: block;
  	font-weight: normal;
  }
  
  
  /* === Feld-Kombinationen - - - - - - */
  .SP-combination {
    margin-bottom: 0.75em;
  }
  .SP-combination,
  .SP-combination .SP-combination-labels,
  .SP-combination .SP-combination-inputs {
    clear: both;
  }
  .SP-combination .SP-combination-labels,
  .SP-combination .SP-combination-inputs {
    overflow: hidden;
  }
  .SP-combination .SP-combination-labels .SP-field {
    margin-bottom: 0;
  }
  .SP-combination .SP-field {
    float: left;
    margin-bottom: 0;
    padding-left: 4.5%;
  }
  .SP-combination .SP-field:first-child {
    float: left;
    padding-left: 0;
  }
  .SP-combination .SP-field-small {
    width: 23.875%;
  }
  .SP-combination .SP-field-equal {
    width: 47.75%;
  }
  .SP-combination .SP-field-wide {
    width: 71.625%;
  }
  .SP-combination-3 .SP-field-small {
    width: 22.75%;
  }
  .SP-combination-3 .SP-field-equal {
    width: 30.3334%;
  }
  .SP-combination-3 .SP-field-wide {
    width: 45.5%;
  }
  
  
  /**
   * Felder mit direktem Aktionsbutton
   */
  .SP-field-with-button .SP-field-inner {
  	position: relative;
  }
  .SP-field-with-button button {
  	right: 0;
  	position: absolute;
  	top: 0;
  	width: 100px;
  }
  .SP-field-with-button input {
  	padding-right: 50px;
  }
  
  
  /**
   * Anmerkungen
   */
  .SP-annotation {
  	font-size: 1em;
  	margin-bottom: 1em;
  }
  
  
  /**
   * Buttons
   */
  .SP-button-submit {
  	float: right;
  }
  
  
  /**
   * Fehler 
   */
  .SP-error {
  	color: #DD0000;
  }
}


/**
 * grid.css
 * tple.g13.stylesheet
 */

@media all {
  /**
   * Grid
   * Schachtelbare Raster
   * @breakpoint 48em ~ 784
   * @breakpoint 60.5em ~ 968
   * @breakpoint 80em ~ 1280 
   */
  
  /**
   * Basis
   */
  .SP-grid-line {
  	overflow: hidden;
  }
  .SP-grid.SP-grid-gutter > .SP-grid-col:first-child {
  	margin-left: 0 !important;
  }
  
  /**
   * 2er Grid
   */
  
  .SP-grid-2 > .SP-grid-col {
    width: 100%;
  }
  
  /**
   * 3er Grid
   */
  
  .SP-grid-3 > .SP-grid-col {
    width: 100%;
  }
  
  /**
   * 4er Grid
   */
  
  .SP-grid-4 > .SP-grid-col {
    width: 100%;
  }
}
@media all AND (min-width: 768px) {
  /**
   * @breakpoint
   * 2er Grid
   * Beginn der 2-Spaltigkeit
   * min-width: 48em
   */
  
    .SP-grid-2 > .SP-grid-col {
      float: left;
      width: 50%;
    }
    .SP-grid-2.SP-grid-gutter > .SP-grid-col {
      margin-left: 2%;
      width: 49%;
    }
  
  /**
   * 4er grid
   * Beginn der 2-Spaltigkeit
   * min-width: 48em
   */
  
    .SP-grid-4 > .SP-grid-col {
      float: left;
      width: 50%;
    }
    .SP-grid-4 > .SP-grid-col:nth-child(2n+1) {
      clear: left;
    }
    .SP-grid-4.SP-grid-gutter > .SP-grid-col:nth-child(2n+1) {
      margin-left: 0;
    }
    .SP-grid-4.SP-grid-gutter > .SP-grid-col {
      margin-left: 2%;
      width: 49%;
    }
  
    .SP-grid-4.SP-grid-gutter > .SP-grid-col.SP-grid-col-colspan-3,
    .SP-grid-4 .SP-grid-col.SP-grid-col-colspan-3 + .SP-grid-col {
      margin-left: 20px;
      width: 100%;
    }
}
@media all AND (min-width: 968px) {
  /**
   * @breakpoint
   * 3er Grid
   * Beginn der 3-Spaltigkeit
   * min-width: 60.5em
   */
  
    .SP-grid-3 > .SP-grid-col {
      float: left;
      width: 33.3334%;
    }
    .SP-grid-3 > .SP-grid-col.SP-grid-col-colspan-2 {
      width: 66.6667%;
    }
    .SP-grid-3.SP-grid-gutter > .SP-grid-col {
      margin-left: 2%;
      width: 32%;
    }
    .SP-grid-3.SP-grid-gutter > .SP-grid-col.SP-grid-col-colspan-2 {
      width: 66%;
    }
}
@media all AND (min-width: 1280px) {
  /**
   * 4er Grid
   * Beginn der 4-Spaltigkeit
   * min-width: 80em
   */
  
    .SP-grid-4 > .SP-grid-col {
      float: left;
      width: 25%;
    }
    .SP-grid-4 > .SP-grid-col.SP-grid-col-colspan-2 {
      width: 50%;
    }
    .SP-grid-4 > .SP-grid-col.SP-grid-col-colspan-3 {
      width: 75%;
    }
    .SP-grid-4 > .SP-grid-col:nth-child(2n+1) {
      clear: none;
    }
    .SP-grid-4.SP-grid-gutter > .SP-grid-col:nth-child(2n+1) {
      margin-left: 2%;
    }
    .SP-grid-4.SP-grid-gutter > .SP-grid-col {
      margin-left: 2%;
      width: 23.5%;
    }
    .SP-grid-4.SP-grid-gutter > .SP-grid-col.SP-grid-col-colspan-2 {
    	width: 49%;
    }
    .SP-grid-4.SP-grid-gutter > .SP-grid-col.SP-grid-col-colspan-3,
    .SP-grid-4 .SP-grid-col.SP-grid-col-colspan-3 + .SP-grid-col {
    	width: 74.5%;
    }
}


/**
 * justify.css
 * tple.g13.stylesheet
 */

@media all {
  .SP-justify {
  	font-size: 1px;
  	text-align: justify;
  }
  .SP-justify:after {
  	content: ' ';
  	display: inline-block;
  	width: 100%;
  }
  .SP-justify li {
  	display: inline-block;
  	font-size: 1rem;
  }
  .SP-justify li {
      font-size /*\**/: 16px\9;
  }
}


/**
 * offcanvas.css
 * tple.g13.stylesheet
 */

@media all {
  /**
   * Off-Canvas-Elemente
   * Komplettes CSS für die Funktionalität von Off-Canvas-Elementen
   * @breakpoint 25rem ~ 400px
   */
  
  /**
   * Off-Canvas-Rahmen
   */
  .SP-off-canvas-wrapper {
  	-webkit-backface-visibility: hidden;
  
    	overflow: hidden;
  	position: relative;
  	width: 100%;
  }
  .SP-off-canvas-wrapper.SP-off-canvas-move-left,
  .SP-off-canvas-wrapper.SP-off-canvas-move-right {
  	height: 100%;
  }
  .SP-off-canvas-inner-wrap {
  	-webkit-backface-visibility: hidden;
  
         -moz-transition: -moz-transform 500ms ease;
          -ms-transition: -ms-transform 500ms ease;
           -o-transition: -o-transform 500ms ease;
  	-webkit-transition: -webkit-transform 500ms ease;
  
  	position: relative;
  	transition: transform 500ms ease;
  	width: 100%;
  }
  
  
  /**
   * Trigger
   * Trigger für die Off-Canvas-Elemente, kann auch ausgeblendet werden, die Steuerung
   * kann mittels JavaScript von außerhalb des Off-Canvas-Rahmens erfolgen,
   */
  .SP-off-canvas-nav {
  	-webkit-backface-visibility: hidden;
  
  	height: 2rem;
  	position: relative;
  }
  .SP-off-canvas-nav-left,
  .SP-off-canvas-nav-right {
  	position: absolute;
  	top: 0;
  }
  .SP-off-canvas-nav-left {
  	left: 0;
  }
  .SP-off-canvas-nav-right {
  	right: 0;
  }
  
  
  /**
   * Overlay
   * Overlay über den Ursprungs-Content, wenn ein Off-Canvas-Element eingeblendet ist.
   */
  .SP-off-canvas-inner-wrap:before {
  	   -moz-transition: all 500ms ease;
          -ms-transition: all 500ms ease;
           -o-transition: all 500ms ease;
  	-webkit-transition: all 500ms ease;
  
  	  khtml-opacity: 0;
  	   -moz-opacity: 0;
  	    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  
  
  	background: #000000;
  	content: ' ';
  	display: none;
  	height: 100%;
  	left: 0;
  	opacity: 0;
  	position: absolute;
  	top: 0;
  	transition: all 500ms ease;
  	width: 100%;
  	z-index: 500;
  }
  .SP-off-canvas-move-left .SP-off-canvas-inner-wrap:before,
  .SP-off-canvas-move-right .SP-off-canvas-inner-wrap:before {
  	 -khtml-opacity: .5;
  	   -moz-opacity: .5;
  	    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  
  	display: block;   
  	opacity: .5;
  }
  
  
  /**
   * Off-Canvas-Elemente
   * Initialzustand und Animation der Off-Canvas-Elemente
   */
  .SP-off-canvas-left,
  .SP-off-canvas-right {
  	-webkit-backface-visibility: hidden;
  
  	bottom: 0;
  	box-sizing: content-box;
  	overflow-y: auto;
  	position: absolute;
  	top: 0;
  	width: 100%;
  	z-index: 1001;
  }
  .SP-off-canvas-left {
  	   -moz-transform: translate3d(-100%, 0, 0);
  	    -ms-transform: translate3d(-100%, 0, 0);
  	     -o-transform: translate3d(-100%, 0, 0);
  	-webkit-transform: translate3d(-100%, 0, 0);
  
  	left: 0;
  	transform: translate3d(-100%, 0, 0);
  }
  .SP-off-canvas-right {
  	  -moz-transform: translate3d(100%, 0, 0);
  	    -ms-transform: translate3d(100%, 0, 0);
  	     -o-transform: translate3d(100%, 0, 0);
  	-webkit-transform: translate3d(100%, 0, 0);
  
  	right: 0;
  	transform: translate3d(100%, 0, 0);
  }
  .SP-off-canvas-move-left .SP-off-canvas-inner-wrap {
  	   -moz-transform: translate3d(100%, 0, 0);
  	    -ms-transform: translate3d(100%, 0, 0);
  	     -o-transform: translate3d(100%, 0, 0);
  	-webkit-transform: translate3d(100%, 0, 0);
  
  	transform: translate3d(100%, 0, 0);
  }
  .SP-off-canvas-move-right .SP-off-canvas-inner-wrap {
  	   -moz-transform: translate3d(-100%, 0, 0);
  	    -ms-transform: translate3d(-100%, 0, 0);
  	     -o-transform: translate3d(-100%, 0, 0);
  	-webkit-transform: translate3d(-100%, 0, 0);
  
  	transform: translate3d(-100%, 0, 0);
  }
}
@media all AND (min-width: 560px) {
  /**
   * @breakpoint
   * Off-Canvas-Elemente
   * Breite limitieren
   */
  /*@media (min-width: 25rem) {*/
  	.SP-off-canvas-left,
  	.SP-off-canvas-right {
  		width: 25rem;
  	}
  	.SP-off-canvas-move-left .SP-off-canvas-inner-wrap {
  			-moz-transform: translate3d(25rem, 0, 0);
  		    -ms-transform: translate3d(25rem, 0, 0);
  		     -o-transform: translate3d(25rem, 0, 0);
  		-webkit-transform: translate3d(25rem, 0, 0);
  
  		transform: translate3d(25rem, 0, 0);
  	}
  	.SP-off-canvas-move-right .SP-off-canvas-inner-wrap {
  		   -moz-transform: translate3d(-25rem, 0, 0);
  		    -ms-transform: translate3d(-25rem, 0, 0);
  		     -o-transform: translate3d(-25rem, 0, 0);
  		-webkit-transform: translate3d(-25rem, 0, 0);
  
  		transform: translate3d(-25rem, 0, 0);
  	}
  /*}*/
}


/**
 * toggle.css
 * tple.g13.stylesheet
 */

@media all {
  /**
   * Inhalte
   */
  .SP-toggle-wrapper.SP-toggle-scripted .SP-toggle-trigger {
  	cursor: pointer
  }
  .SP-toggle-wrapper.SP-toggle-scripted .SP-toggle-content {
  	display: none;
  }
  .SP-toggle-wrapper.SP-toggle-scripted.active .SP-toggle-content {
  	display: block;
  }
}


/**
 * Editorial
 * tple.g13.stylesheet
 */

@media all {
  #SP-editorial {
    display: none;
  }
}
@media all AND (min-width: 560px) {
  #SP-editorial {
    background: #5D8AA2;
    display: block;
    margin: 0 -10px 1.5em -10px;
    padding: 0 10px;
    position: relative;
  }
  #SP-editorial .SP-editorial {
    background-size: cover;
    height: 180px;
  }
}
@media all AND (min-width: 968px) {
  #SP-editorial .SP-editorial { 
    height: 280px;
  }
}
@media all AND (min-width: 1280px) {
  #SP-editorial {
    background: none;
    margin: 0 -15px 1.5em -15px;
    padding: 0;
  }
  #SP-editorial .SP-editorial { 
    height: 350px;
  }
}
@media print {
  #SP-editorial {
    display: none;
  }
}


/**
 * Hauptnavigation
 * tple.g13.stylesheet
 */

@media all {
  #SP-nav-main {
    display: none;
  }
}
@media all AND (min-width: 968px) {
  #SP-nav-main {
       -moz-hyphens: auto;
    -webkit-hyphens: auto;
  
    display: block;
    font-family: "Source Sans Pro", Calibri, "Myriad Pro", "Arial Narrow", Tahoma, Sans-Serif;
    height: 65px;
    hyphens: auto;
    margin: 0 0 0 400px;
    padding-top: 0;
    position: relative; 
  }
  #SP-nav-main ul {
    max-width: 650px;
  }
  #SP-nav-main > ul > li {
    height: 65px;
    line-height: 60px;
    padding: 0 10px;
    position: relative;
  }
  #SP-nav-main > ul > li.active,
  #SP-nav-main > ul > li.path {
    background: #EAF3D4;
  }
  #SP-nav-main > ul > li.active:hover,
  #SP-nav-main > ul > li.path:hover,
  #SP-nav-main > ul > li:hover {
    background-color: #FFFFFF;   
  }
  
  #SP-nav-main > ul > li:hover:before,
  #SP-nav-main > ul > li.active:before,
  #SP-nav-main > ul > li.path:before {
    background: none;
    background: -moz-linear-gradient(left, rgba(162,162,162,0) 0%, rgba(162,162,162,0.5) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(162,162,162,0)), color-stop(100%,rgba(162,162,162,0.5)));
    background: -webkit-linear-gradient(left, rgba(162,162,162,0) 0%,rgba(162,162,162,0.5) 100%);
    background: -o-linear-gradient(left, rgba(162,162,162,0) 0%,rgba(162,162,162,0.5) 100%);
    background: -ms-linear-gradient(left, rgba(162,162,162,0) 0%,rgba(162,162,162,0.5) 100%);
    background: linear-gradient(to right, rgba(162,162,162,0) 0%,rgba(162,162,162,0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a2a2a2', endColorstr='#80a2a2a2',GradientType=1 );
   
    content: ' ';
    display: block;
    height: 100%;
    left: -10px;
    position: absolute;
    width: 10px;
    top: 0;
  }
  
  #SP-nav-main > ul > li:hover:after,
  #SP-nav-main > ul > li.active:after,
  #SP-nav-main > ul > li.path:after {
    background: none;
    background: -moz-linear-gradient(left, rgba(162,162,162,0.5) 0%, rgba(162,162,162,0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(162,162,162,0.5)), color-stop(100%,rgba(162,162,162,0)));
    background: -webkit-linear-gradient(left, rgba(162,162,162,0.5) 0%,rgba(162,162,162,0) 100%);
    background: -o-linear-gradient(left, rgba(162,162,162,0.5) 0%,rgba(162,162,162,0) 100%);
    background: -ms-linear-gradient(left, rgba(162,162,162,0.5) 0%,rgba(162,162,162,0) 100%);
    background: linear-gradient(to right, rgba(162,162,162,0.5) 0%,rgba(162,162,162,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a2a2a2', endColorstr='#00a2a2a2',GradientType=1 );
  
    content: ' ';
    display: block;
    height: 100%;
    position: absolute;
    right: -10px;
    width: 10px;
    top: 0;
  }
  
  #SP-nav-main > ul > li > a,
  #SP-nav-main > ul > li > div > a {
    color: #4C4C4C;
    font-size: 170%;
  }
  #SP-nav-main ul ul,
  #SP-nav-main .SP-nav-main-flyout {
    display: none;
  }
  
  
  /* ### Flyouts */
  #SP-nav-main ul li:hover ul,
  #SP-nav-main ul li:hover .SP-nav-main-flyout {
    display: block;
  }
  #SP-nav-main ul li > ul,
  #SP-nav-main .SP-nav-main-flyout {
       -moz-box-shadow: 4px 4px 3px -2px #888888;
    -webkit-box-shadow: 4px 4px 3px -2px #888888;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#888888', Direction=135, Strength=4);
  
    background: #FFFFFF;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 0 0 1px 1px;
    box-shadow: 4px 4px 3px -2px #888888;
    left: 0;
    margin-left: -1px;
    overflow: hidden;
    padding: 5px 10px;
    position: absolute;
    top: 65px;
    width: 242px;
  }
  #SP-nav-main .SP-nav-main-flyout {
    width: 484px;
  }
  #SP-nav-main .SP-nav-main-flyout-left .SP-nav-main-flyout,
  #SP-nav-main .SP-nav-main-flyout-left > ul,
  #SP-nav-main .last .SP-nav-main-flyout,
  #SP-nav-main .last > ul {
    left: auto;
    right: 0;
  }
  #SP-nav-main .SP-nav-main-flyout ul {
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  
    box-sizing: border-box;
    display: block;
    float: left;
    padding: 10px 0 10px 10px;
    width: 50%;
  }
  #SP-nav-main ul ul li {
    display: block;
    font-size: 1.125em;
    line-height: 1.375;
    padding: 9px 10px 9px 25px;
    position: relative;
    text-align: left;
  }
  #SP-nav-main ul ul li i {
    font-size: 16px;
    font-size: 1rem;
    left: 0;
    position: absolute; 
    top: 12px;
  }
  
  
  /* ### Teaser in den Flyouts (@depends .SP-teaser) */
  #SP-nav-main .SP-teaser {
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  
    background: #FFFFFF;
    border-bottom: none;
    box-sizing: border-box;
    float: right;
    position: relative;
    width: 50%;
  }
  #SP-nav-main .SP-teaser a {
    background: #FFFFFF !important;
    display: block;
    padding: .5em 0 0 .75em;
  }
  #SP-nav-main .SP-teaser .SP-image {
    margin-bottom: .5em;
    width: 100%;
  }
  #SP-nav-main .SP-teaser .SP-image .SP-asset-inner {
    font-size: .0001em;
    height: auto;
    line-height: 0;
  }
  #SP-nav-main .SP-teaser .SP-image img {
    position: static;
  }
  #SP-nav-main .SP-teaser .SP-teaser-text {
    line-height: 1.25;
    margin-left: 0;
    margin-top: 1em;
    text-align: left;
  }
  #SP-nav-main .SP-teaser .SP-teaser-text .SP-text {
    margin-bottom: 3em;
  }
  #SP-nav-main .SP-teaser .SP-teaser-more {
    bottom: 10px;
    box-shadow: none;
    color: #FFFFFF;
    position: absolute;
    right: 10px;
  }
}
@media all AND (min-width: 1280px) {
  #SP-nav-main {
    height: 80px;
    margin-left: 400px;
    padding-top: 0;
    position: relative;
    right: auto;
  }
  #SP-nav-main ul {
    max-width: 720px;
  }
  #SP-nav-main > ul > li {
    height: 80px;
    line-height: 80px;
    padding: 0 20px;
    z-index: 555;
  }
  #SP-nav-main > ul > li > a,
  #SP-nav-main > ul > li > div > a {
    font-size: 1.875em;
  }
  
  
  /* ### Flyouts */
  #SP-nav-main ul li > ul, 
  #SP-nav-main .SP-nav-main-flyout {
    top: 80px;
    width: 315px;
  }
  #SP-nav-main .SP-nav-main-flyout {
    width: 630px;
    z-index: 99999;
  }
}
@media print {
  #SP-nav-main {
    display: none;
  }
}


/**
 * Logo
 * tple.g13.stylesheet
 */

@media all {
  #SP-logo {
    display: inline-block;
    height: 50px;
    left: 0;
    margin-bottom: 10px;
    position: absolute;
    top: 0;
    z-index: 1;
  }
  #SP-logo a {
    display: block;
    height: 100%;
  }
  #SP-logo img {
    float: left;
    height: 46px;
    margin: 2px 5px;
    width: auto;
  }
  #SP-logo .SP-logo-text {
    color: #4E7387;
    font: 200 italic 1.5em/1 Georgia, Times, "Times New Roman", Serif;
    letter-spacing: -.0375em;
    position: relative;
    top: 12px;
  }
}
@media all AND (min-width: 560px) {
  #SP-logo {
    z-index: 1;
    top: -5px;
  }
  #SP-logo img {
    height: 105px;
    margin-top: 0;
  }
  #SP-logo .SP-logo-text {
    font-size: 2em;
    letter-spacing: 0; 
    top: 20px;
  }
}
@media all AND (min-width: 968px) {
  #SP-logo {
    -webkit-box-shadow: 2px 2px 10px #A2A2A2;
       -moz-box-shadow: 2px 2px 10px #A2A2A2;
  
    background: #FFFFFF;
    box-shadow: 2px 2px 10px #A2A2A2;
    height: 80px;
    width: 400px;
    top: -15px;
  }
  #SP-logo img {
    height: 122px;
  }
  #SP-logo .SP-logo-text {
    top: 25px;
  }
}
@media all AND (min-width: 1280px) {
  #SP-logo {
    height: 95px;
    top: -15px;
    z-index: 999999;
  }
  #SP-logo .SP-logo-text {
    top: 40px;
  }
}
@media print {
  #SP-logo {
       -moz-box-shadow: none;
    -webkit-box-shadow: none;
  
    box-shadow: none;
  }
  #SP-logo img {
    height: 40px;
  }
  #SP-logo .SP-logo-text {
    top: 5px;
  }
}


/**
 * Mobile Navigation
 * tple.g13.stylesheet
 */

@media all {
  #SP-nav-dynamic-trigger-on,
  #SP-nav-dynamic-trigger-off {
    background: #FFFFFF;
    cursor: pointer;
    display: block;
    height: 50px;
    position: absolute;
    right: 0px;
    text-align: center;
    top: 0;
    width: 50px;
    z-index: 2;
  }
  #SP-nav-dynamic-trigger-off {
    display: none;
    top: 0px;
  }
  #SP-nav-dynamic-trigger-on i,
  #SP-nav-dynamic-trigger-off i {
    color: #4E7387;
    font-size: 2em;
    line-height: 50px;
  }
  
  
  .SP-off-canvas-wrapper {
    background-color: #9FBCCE;
    box-shadow: -6px 0 5px -5px #404040;
  }
  
  /* ### Navigation - - - - - - */
  #SP-nav-dynamic > ul > li > a,
  #SP-nav-dynamic > ul > li > div,
  #SP-nav-dynamic > ul > li > strong {
    display: none !important;
  }
  #SP-nav-dynamic > ul > li > ul > li {
    border-bottom: 1px solid #FFFFFF;
  }
  #SP-nav-dynamic > ul > li > ul > li > a,
  #SP-nav-dynamic > ul > li > ul > li > strong {
    background-color: #5D8AA2;
    color: #FFFFFF;
    display: block;
    font-size: 1.5em;
    line-height: 1.25;
    padding: 8px 15px 7px 15px;
  }
  #SP-nav-dynamic ul ul ul li {
    border-top: 1px solid #9FBCCE;
  }
  #SP-nav-dynamic ul ul ul li.node.active > strong,
  #SP-nav-dynamic ul ul ul a,
  #SP-nav-dynamic ul ul ul strong {
    background-color: #E3EFFC;
    color: #4C4C4C;
    display: block;
    font-size: 1.125em;
    line-height: 1.3;
    padding: 9px 15px 9px 15px;
  }
  #SP-nav-dynamic > ul li li li.leaf a, 
  #SP-nav-dynamic > ul li li li.leaf strong, 
  #SP-nav-dynamic > ul li.root li li.active.leaf div a, 
  #SP-nav-dynamic > ul li.root li li.active.leaf strong, 
  #SP-nav-dynamic > ul li li.active li a, #SP-nav-dynamic > ul li li.active li strong, 
  #SP-nav-dynamic > ul li li.path li:not(.path) a, 
  #SP-nav-dynamic > ul li li.path li:not(.path) strong {
    padding-left: 15px;
  }
  #SP-nav-dynamic ul ul ul li.node.active > strong {
    background-color: #9FBCCE;
    padding: 9px 15px 9px 15px;
  }
  #SP-nav-dynamic ul ul ul ul li.node.active > strong {
    background-color: #9FBCCE;
    color: #333333;
    padding: 9px 15px 9px 15px;
  }
  
  #SP-nav-dynamic ul ul ul .path > a,
  #SP-nav-dynamic ul ul ul .path > strong {
    background-color: #9FBCCE;
  }
  #SP-nav-dynamic > ul > li li li.path,
  #SP-nav-dynamic > ul > li li.path li.active:first-child {
    border-top: none;
  }
  
  #SP-nav-dynamic > ul > li li li.path > strong {
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 2px, rgba(0, 0, 0, 0) 6px, rgba(0, 0, 0, 0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.3)), color-stop(6px, rgba(0, 0, 0, 0.1)), color-stop(6px, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 2px, rgba(0, 0, 0, 0) 6px, rgba(0, 0, 0, 0) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 2px, rgba(0, 0, 0, 0) 6px, rgba(0, 0, 0, 0) 100%);
    border-top: none;
    color: #333333;
  }
  #SP-nav-dynamic > ul > li li.path li.node.active > strong {
    background-image: -moz-linear-gradient(top, rgba(32, 32, 32, 0.3) 0%, rgba(32, 32, 32, 0.1) 2px, rgba(32, 32, 32, 0) 6px, rgba(32, 32, 32, 0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(32, 32, 32, 0.3)), color-stop(2px, rgba(32, 32, 32, 0.1)), color-stop(6px, rgba(32, 32, 32, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(32, 32, 32, 0.3) 0%, rgba(32, 32, 32, 0.1) 2px, rgba(32, 32, 32, 0) 6px, rgba(32, 32, 32, 0) 100%);
    background-image: linear-gradient(to bottom, rgba(32, 32, 32, 0.3) 0%, rgba(32, 32, 32, 0.1) 2px, rgba(32, 32, 32, 0) 6px, rgba(32, 32, 32, 0) 100%);
    color: #333333;
  }
  
  
  
  /* ### Navigation: Teaser - - - - - - */
  #SP-nav-dynamic .tease {
    background-color: #FFFFFF;
    font-size: 1em;
    line-height: 1.5;
    padding: 10px 0 10px 15px;
    position: relative;
  }
  #SP-nav-dynamic .tease a {
    background-color: #FFFFFF;
    color: #4C4C4C;
    display: block;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 1.1429em;
    margin: 0;
    overflow: hidden;
    padding: 0;
    padding-left: 0 !important;
  }
  #SP-nav-dynamic .tease a .headline {
      position: absolute !important;
      clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
      clip: rect(1px, 1px, 1px, 1px); 
  }
  #SP-nav-dynamic .tease a .image {
    float: right;
    margin-left: 10px;
    margin-right: 10px;
    min-width: 30%;
    padding-top: 2px;
  }
  #SP-nav-dynamic .tease a .text {
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
    hyphens: auto;
    display: block;
    font-size: .88889em;
    line-height: 1.3334;
  }
  #SP-nav-dynamic ul li.rubric {
    position: relative;
  }
  #SP-nav-dynamic li.rubric.active + .rubric strong:before,
  #SP-nav-dynamic li.rubric.path + .rubric strong:before {
       -moz-transform: scaleY(-1);
         -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
               filter: FlipV;
           -ms-filter: "FlipV";
  
    background-image: -moz-linear-gradient(top, rgba(32, 32, 32, 0.3) 0%, rgba(32, 32, 32, 0.1) 2px, rgba(32, 32, 32, 0) 6px, rgba(32, 32, 32, 0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(32, 32, 32, 0.3)), color-stop(2px, rgba(32, 32, 32, 0.1)), color-stop(6px, rgba(32, 32, 32, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(32, 32, 32, 0.3) 0%, rgba(32, 32, 32, 0.1) 2px, rgba(32, 32, 32, 0) 6px, rgba(32, 32, 32, 0) 100%);
    background-image: linear-gradient(to bottom, rgba(32, 32, 32, 0.3) 0%, rgba(32, 32, 32, 0.1) 2px, rgba(32, 32, 32, 0) 6px, rgba(32, 32, 32, 0) 100%);
    border-top: 1px solid #EEEEEE;
    top: -7px;
    content: ' ';
    height: 6px;
    left: 0; 
    position: absolute;
    transform: scaleY(-1);
    width: 100%;
    z-index: 2;
  }
  #SP-nav-dynamic > ul li li li .tease:after {
       -moz-transform: scaleY(-1);
         -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
               filter: FlipV;
           -ms-filter: "FlipV";
  
    background-image: -moz-linear-gradient(top, rgba(32, 32, 32, 0.3) 0%, rgba(32, 32, 32, 0.1) 2px, rgba(32, 32, 32, 0) 6px, rgba(32, 32, 32, 0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(32, 32, 32, 0.3)), color-stop(2px, rgba(32, 32, 32, 0.1)), color-stop(6px, rgba(32, 32, 32, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(32, 32, 32, 0.3) 0%, rgba(32, 32, 32, 0.1) 2px, rgba(32, 32, 32, 0) 6px, rgba(32, 32, 32, 0) 100%);
    background-image: linear-gradient(to bottom, rgba(32, 32, 32, 0.3) 0%, rgba(32, 32, 32, 0.1) 2px, rgba(32, 32, 32, 0) 6px, rgba(32, 32, 32, 0) 100%);
    border-top: 1px solid #EEEEEE;
    bottom: -1px;
    content: ' ';
    height: 6px;
    left: 0; 
    position: absolute;
    transform: scaleY(-1);
    width: 100%;
    z-index: 2;
  }
}
@media all AND (min-width: 560px) {
  #SP-nav-dynamic-trigger-on,
  #SP-nav-dynamic-trigger-off {
    background: #5D8AA2;
    height: 65px;
    width: 65px;
  }
  #SP-nav-dynamic-trigger-on i,
  #SP-nav-dynamic-trigger-off i {
    color: #FFFFFF;
    line-height: 65px;
  }
}
@media all AND (min-width: 768px) {
  .SP-off-canvas-wrapper:target + .SP-off-canvas-pusher,
    .SP-off-canvas-wrapper.target + .SP-off-canvas-pusher {
      -webkit-transform: translate3d(0, 0, 0);
  
      transform: translate3d(0, 0, 0);
    }
  
  
    .SP-off-canvas-trigger-on,
    .SP-off-canvas-pusher::after {
      display: none;
    }
}
@media all AND (min-width: 968px) {
  #SP-nav-dynamic-trigger-on,
  #SP-nav-dynamic-trigger-off {
    display: none;
  }
}
@media print {
  #SP-nav-dynamic-trigger-on,
  #SP-nav-dynamic {
    display: none;
  }
}


/**
 * Pfad
 * tple.g13.stylesheet
 */

@media all {
  #SP-nav-path {
    display: none;
  }
}


/**
 * Rahmenlayout
 * tple.g13.stylesheet
 */

@media all {
  body {
    background: #FFFFFF;
  }
  #SP-header-wrapper {
    background: #FFFFFF;
    height: 50px;
    padding-bottom: 10px;
    position: relative;
    z-index: 3;
  }
  #SP-header:after {
    background: #CBE07F; /* Old browsers */
    background: -moz-linear-gradient(top, #D5F489 0%, #BDDA60 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D5F489), color-stop(100%,#BDDA60)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #D5F489 0%,#BDDA60 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #D5F489 0%,#BDDA60 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #D5F489 0%,#BDDA60 100%); /* IE10+ */
    background: linear-gradient(to bottom, #D5F489 0%,#BDDA60 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D5F489', endColorstr='#BDDA60',GradientType=0 ); /* IE6-9 */
  
    bottom: 0px;
    content: ' ';
    display: block;
    height: 10px; 
    position: absolute;
    width: 100%;
    z-index: -1;
  }
  #SP-body-wrapper {
    background: #FFFFFF;
  }
  #SP-body {
    -webkit-box-shadow: 0 0 30px #A2A2A2;
       -moz-box-shadow: 0 0 30px #A2A2A2;
  }
  #SP-footer-wrapper {
    background: #5D8AA2;
    clear: both;
  }
  #SP-content {
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  
    box-sizing: border-box;
    margin-bottom: 1em;
    padding: 1em 10px 0;
  }
  #SP-content-inner {
    clear: both;
  }
  #SP-footer {
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  
    box-sizing: border-box;
    padding: 35px 15px 15px 15px;
  }
  .SP-home #SP-content {
    padding-top: 10px;
    margin-top: 0;
    width: 100%;
  }
  .SP-home #SP-content-inner #SP-editorial-wrapper + .SP-grid + .SP-grid {
    display: flex;
    flex-direction: column;
  }
}
@media all AND (min-width: 560px) {
  #SP-header-wrapper {
    height: 75px;
  }
  #SP-header:after {
    height: 20px;
  }
  #SP-content {
    padding: 1.5em 10px 0;
  }
  .SP-home #SP-content {
    margin-top: 0;
    padding-top: 0;
  }
}
@media all AND (min-width: 768px) {
  #SP-header-wrapper {
      background: none repeat scroll 0 0 #FFFFFF;
      padding-bottom: 10px;
      position: relative;
      z-index: 3;
  }
}
@media all AND (min-width: 968px) {
  #SP-header-wrapper {
    background: #CBE07F; /* Old browsers */
    background: -moz-linear-gradient(top, #D5F489 0%, #BDDA60 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D5F489), color-stop(100%,#BDDA60)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #D5F489 0%,#BDDA60 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #D5F489 0%,#BDDA60 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #D5F489 0%,#BDDA60 100%); /* IE10+ */
    background: linear-gradient(to bottom, #D5F489 0%,#BDDA60 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D5F489', endColorstr='#BDDA60',GradientType=0 ); /* IE6-9 */
    height: 65px;
    padding-bottom: 0;
  }
  
  #SP-header:after {
    content: none;
  }
  body {
    background: #5D8AA2;
  }
  #SP-page {
    padding-top: 15px;
  }
  #SP-content {
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  
    box-sizing: border-box;
    float: left;
    padding-top: 2.5em;
    width: 60.9756%;
  }
  #SP-marginal {
    float: right;
    padding-bottom: 15px;
    margin-left: 3.9063%;
    margin-top: .5em;
    width: 35.1181%;
  }
  .SP-home #SP-marginal {
    display: none;
  }
  
  #SP-teaser,
  #SP-teaser-2 {
    position: relative;
  }
  #SP-teaser-2 {
    border-top: 1px solid #5d8aa2;
    padding-top: 20px;
  }
  
  /* Besonderheiten auf der Startseite */
  .SP-home #SP-content-inner #SP-editorial-wrapper + .SP-grid {
    padding-top: 305px;
    margin: 0 10px;
  }
  .SP-home #SP-content-inner #SP-editorial-wrapper + .SP-grid + .SP-grid {
    display: flex;
    flex-direction: row;
    padding-top: 0;
    margin: 0 -10px;
  }
  .SP-home #SP-editorial-wrapper {
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  
    background: #5D8AA2;
    box-sizing: border-box;
    left: 0;
    padding: 0 20px;
    position: absolute; 
    top: 0;
    width: 100%;
  }
  .SP-home #SP-editorial {
    left: -15px;
    margin: 0 auto;
  }
  .SP-home.SP-form #SP-content {
    width: 60.9756%;
  }
  #SP-editorial-wrapper:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  
    background: url(./img/bogen.png) no-repeat bottom right;
    background-size: 100% auto;
    content: ' ';
    height: 100%;
    left: 0;
    opacity: .85;
    position: absolute; 
    top: 0;
    width: 100%;
  }
  #SP-content .SP-grid + .SP-grid {
    background: #EAF3D4;
    padding-top: 0;
  }
}
@media all AND (min-width: 1280px) {
  body {
    background: #5D8AA2;
  }
  #SP-body {
     box-shadow: 0 0 30px #A2A2A2;
  }
  
  #SP-header-wrapper {
    height: 80px;
    position: static;
  }
  #SP-header {
    position: relative;
  }
  #SP-content {
    padding: 0 15px;
  }
  
  /* Besonderheiten auf der Startseite */
  .SP-home #SP-editorial {
    left: 0;
  }
  .SP-home #SP-content-inner #SP-editorial-wrapper + .SP-grid {
    overflow: hidden;
    margin: 0;
    padding-top: 375px;
    padding-left: 1.8182%;
  }
  .SP-home #SP-content-inner #SP-editorial-wrapper + .SP-grid + .SP-grid {
    margin: 0;
    padding-top: 0;
  }
  .SP-home #SP-content #SP-search {
    padding-top: 3em;
    padding-left: 15px;
    padding-right: 15px;
  }
  .SP-home #SP-content #SP-search-noresult, 
  .SP-home #SP-content #SP-search-result {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media print {
  body {
    background: #FFFFFF;
  }
  #SP-body {
    box-shadow: 0;
  }
  #SP-header-wrapper,
  #SP-footer-wrapper {
    background: none;
    height: auto;
  }
  #SP-logo {
    height: auto;
    top: 10px;
    right: 5px;
    left: auto;
  }
  #SP-header-wrapper {
    padding-bottom: 0;
  }
  #SP-toc,
  #SP-footer-wrapper,
  #SP-header:after {
    display: none;
  }
  #SP-content,
  .SP-home #SP-content-inner #SP-editorial-wrapper + .SP-grid {
    padding-top: 80px;
  }
  #SP-page {
    padding-top: 0;
  }
}


/**
 * Rubriknavigation
 * tple.g13.stylesheet
 */

@media all {
  #SP-nav-main-second {
    display: none;
  }
}
@media all AND (min-width: 968px) {
  #SP-nav-main-second {
    border-bottom: 1px solid #989898;
    display: block;
    margin-bottom: 1.5em;
    margin-top: 1em;
    padding-bottom: 1.5em;
  }
  #SP-nav-main-second li {
    position: relative;
  }
  #SP-nav-main-second li a {
    background: #E3EFFC;
    color: #333333;
    display: block;
    font-size: 1.125em;
    line-height: 1.2;
    padding: 8px 10px 8px 35px;
  }
  #SP-nav-main-second .lastOpenNode ul a {
    padding-left: 59px;
  }
  #SP-nav-main-second li a i {
    left: 12px;
    position: absolute;
    top: 10px;
  }
  #SP-nav-main-second li a i {
    font-size: .833em;
  }
  #SP-nav-main-second .lastOpenNode ul a i {
    left: 35px;
    top: 10px;
  }
  #SP-nav-main-second li.path.leaf a i:before {
    line-height: 1;
  }
  #SP-nav-main-second .lastOpenNode > a {
    background: #9FBCCE;
  }
  #SP-nav-main-second .active > a {
    background: #5D8AA2;
    color: #FFFFFF;
  }
}
@media print {
  #SP-nav-main-second {
    display: none;
  }
}


/**
 * Schnellsuche
 * tple.g13.stylesheet
 */

@media all {
  #SP-quicksearch .SP-toggle-trigger {
    display: none;
  }
  .SP-field-with-button input {
    width: 100%;
  }
}
@media all AND (min-width: 560px) {
  #SP-quicksearch {
    display: none;
  }
}
@media all AND (min-width: 768px) {
  .SP-home #SP-quicksearch {
    float: right;
    margin-bottom: 2px;
    margin-right: 0;
    max-width: 300px;
    position: relative;
    right: 2px;
    top: 2px;
    width: 33.3334%;
    z-index: 1;
  }
  .SP-home #SP-quicksearch .SP-field {
    margin-bottom: 0;
  }
  .SP-home #SP-quicksearch input {
    background: #FFFFFF;
    background: rgba(255, 255, 255, .85);
    border: none;
    height: 55px;
    padding-left: 8px;
  }
  .SP-home #SP-quicksearch button {
    height: 55px;
    width: 55px;
  }
  #SP-quicksearch button i {
    font-size: 1.633em;
  }
  .SP-home #SP-quicksearch button i {
    font-size: 2.25em;
    position: relative; 
    top: 2px;
  }
}
@media all AND (min-width: 968px) {
  #SP-quicksearch {
    display: block;
    margin: 0 .5em .5em 0;
  }
  #SP-quicksearch .SP-toggle-trigger {
    display: none;
  }
  #SP-quicksearch .SP-toggle-content {
    display: block;
  }
  #SP-quicksearch .SP-field {
    margin-bottom: 0;
  }
  .SP-field-with-button input {
    padding-right: .5em;
    width: calc(100% - 48px);
  }
  .SP-home .SP-field-with-button input {
    width: 81%;
  }
}
@media print {
  #SP-quicksearch {
    display: none;
  }
}


/**
 * Schnellsuche (für mobil)
 * tple.g13.stylesheet
 */

@media all {
  #SP-quicksearch-mobile {
    position: relative;
    z-index: 2;
  }
  #SP-quicksearch-mobile .SP-toggle-trigger {
    background: #FFFFFF;
    display: block;
    height: 50px;
    position: absolute;
    right: 52px;
    text-align: center;
    top: 0;
    width: 50px;
    z-index: 2;
  }
  #SP-quicksearch-mobile .SP-toggle-trigger i {
    color: #4E7387;
    font-size: 2em;
    line-height: 50px;
  }
  #SP-quicksearch-mobile .SP-toggle-content {
      left: 7px;
      margin: 0;
      position: absolute;
      right: 52px;
      top: 0;
      z-index: 5;
  }
  #SP-quicksearch-mobile .SP-toggle-content .SP-field {
    margin-bottom: 0;
  }
  #SP-quicksearch-mobile .SP-toggle-content .SP-field-with-button input {
    border-color: #4E7387;
    font-size: 1.125em;
    color: #4C4C4C;
    height: 50px;
    padding-right: 0.556em;
    position: absolute;
    right: 52px;
    top:0;
    width: calc(100% - 90px);
  }
  #SP-quicksearch-mobile .SP-toggle-content .SP-field-with-button button {
     background-color: #FFFFFF;
      color: #4E7387;
      font-size: 2em;
      height: 50px;
      line-height: 50px;
      right: 1px;
      top: 0;
      width: 50px;
  }
  #SP-quicksearch-mobile .SP-toggle-content .SP-field-with-button button  i {
    color: #4E7387;
    position: absolute;
    top: 9px;
    right: 8px;
  }
}
@media all AND (min-width: 560px) {
  #SP-quicksearch-mobile .SP-toggle-trigger {
    background: #5D8AA2;
    height: 65px;
    right: 67px;
    width: 65px;
  }
  #SP-quicksearch-mobile .SP-toggle-trigger i {
    color: #FFFFFF;
    line-height: 65px;
  }
  #SP-quicksearch-mobile .SP-toggle-content {
    right: 67px;
  }
  #SP-quicksearch-mobile .SP-toggle-content .SP-field-with-button input {
    border-color: #4E7387;
    color: #4C4C4C;
    font-size: 1.5em;
    height: 65px;
    padding-right: 0.556em;
    position: absolute;
    right: 70px;
    top: 0;
    width: calc(100% - 160px);
  }
  #SP-quicksearch-mobile .SP-toggle-content .SP-field-with-button button {
    background-color: #FFFFFF;
    color: #4E7387;
    font-size:2em;
    line-height: 63px;
    height: 63px;
    width: 63px;
    top: 1px;
    right: 1px;
  }
  
  #SP-quicksearch-mobile .SP-toggle-content .SP-field-with-button button i {
    right: 15px;
    top: 15px;
  }
}
@media all AND (min-width: 768px) {
  #SP-quicksearch-mobile .SP-toggle-content .SP-field-with-button input {
    margin-left: 375px;
  }
}
@media all AND (min-width: 968px) {
  #SP-quicksearch-mobile {
    display: none;
  }
  #SP-quicksearch-mobile .SP-toggle-content .SP-field-with-button input {
    font-size: 1em;
  }
}
@media print {
  #SP-quicksearch-mobile {
    display: none;
  }
}


/**
 * Seiteninformationen
 * tple.g13.stylesheet
 */

@media all {
  #SP-copyright {
    display: none;
  }
}


/**
 * Servicenavigation (oben)
 * tple.g13.stylesheet
 */

@media all {
  #SP-nav-service-top {
    display: none;
  }
}
@media all AND (min-width: 768px) {
  #SP-nav-service-top {
    clear: right;
    display: block;
    float: right;
    position: relative;
    right: 2px;
    width: 55px;
    z-index: 1;
  }
  #SP-nav-service-top li a {
    background: #5D8AA2;
    color: #FFFFFF;
    display: block;
    margin-top: 2px;
    height: 55px;
    width: 55px;
  }
  #SP-nav-service-top li a i {
    display: block;
    height: 100%;
    font-size: 2.25em;
    line-height: 55px;
    position: relative; 
    text-align: center;
    top: 2px;
    width: 100%;
  }
  #SP-nav-service-top li a span {
      position: absolute !important;
      clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
      clip: rect(1px, 1px, 1px, 1px); 
  }
}
@media print {
  #SP-nav-service-top { 
    display: none;
  }
}


/**
 * Servicenavigation (unten)
 * tple.g13.stylesheet
 */

@media all {
  #SP-nav-service-bottom {
    float: left;
  }
  #SP-nav-service-bottom li {
    display: inline-block;
  }
  #SP-nav-service-bottom li a {
    font-size: 0.875em;
    color: #FFFFFF;
  }
  #SP-nav-service-bottom li i {
    display: none;
  }
  /*
  #SP-nav-service-bottom li a:after {
    content: '|';
    display: inline-block;
    margin: 0 5px;
  }
  #SP-nav-service-bottom li:last-child a:after {
    content: none;
  }
  */
  #SP-nav-service-bottom li a {
      color: #FFFFFF;
      -webkit-font-smoothing: antialiased;
  }
  #SP-nav-service-bottom li:before {
      color: #FFFFFF;
      content:'|';
      margin: 0 5px 0 1px;
  }
  #SP-nav-service-bottom li:first-child:before, 
  #SP-nav-service-bottom li .SPi-link:before {
      content: none;
  }
}
@media print {
  #SP-nav-service-bottom {
    display: none;
  }
}


/**
 * Werkzeuge
 * tple.g13.stylesheet
 */

@media all {
  #SP-nav-tools  {
    clear: both;
    float: right;
    margin-bottom: 1em;
  }
  #SP-nav-tools li {
    color: #4D4D4D;
    float: right;
    font-size: 2em;
    line-height: 1;
    margin-right: .75em;
  }
  #SP-nav-tools li a i {
    color: #4D4D4D;
  }
}
@media print {
  #SP-nav-tools {
    display: none;
  }
}


/**
 * Inhalt
 * tple.g13.stylesheet
 */

@media all {
  a, 
  a:link,
  a:visited,
  a:active,
  a:hover {
    color: #4C4C4C;
    text-decoration: none;
  }
  body,
  button,
  input,
  select,
  textarea {
    font: 16px/1.6667 Arial, Verdana, Sans-Serif;
  }
  body {
    color: #4C4C4C;
    font: 16px/1.6667 Arial, Verdana, Sans-Serif;
  }
  img {
    height: auto;
    width: 100%;
  }
  h1 {
    font-size: 1.875em;
    line-height: 1.2;
    margin-bottom: .5em;
  }
  .SP-home h2 {
    font-family: "Source Sans Pro", Calibri, "Myriad Pro", "Arial Narrow", Tahoma, Sans-Serif;
  }
  h2 {
    font-size: 1.5em;
    line-height: 1.5;
  }
  h2[id]  {
    border-bottom: 1px solid #989898;
    clear: both;
    margin-top: 0.8333em;
    margin-bottom: 1em;
    padding: 4px 2px 0 2px;
    position: relative;
    overflow: hidden;
  }
  h2[id] a {
    color: #4C4C4C;
    display: block;
    height: 100%;
    padding: 0 2.5em 0 0;
    position: relative;
  }
  h2[id] a span {
    bottom: 1.0625em;
    position: absolute;
    right: 0.4125em;
  }
  
  h2[id] a span i {
    font-size: 1em;
    position: absolute;
    right: 0;
    top: -7px;
  }
  .SP-subline {
    font-size: .875em;
    line-height: 1.5;
  }
  
  
  /* Abschnit xx: Ankerliste */
  .SP-anchors {
    margin-bottom: 1.5em;
  }
  .SP-anchors li a {
    background: #E3EFFC;
    border-bottom: 1px solid #FFFFFF;
    color: #333333;
    display: block;
    font-size: 1.125em; 
    line-height: 1.25;
    padding: 9px 60px 9px 15px;
    position: relative;
  }
  .SP-anchors li a i {
    font-size: 1em;
    position: absolute; 
    right: 15px;
    top: 10px;
  }
  
  
  /* ### Button */
  .SP-button,
  .SP-button:link,
  .SP-button:hover,
  .SP-button:visited,
  .SP-button:active {
    background: #5A869D;
    border-radius: 5px;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    font: italic 300 1.125em/1 Georgia, Times, 'Times New Roman', Serif;
    padding: 8px 25px;
  }
  .SP-button[data-text]:before {
    content: attr(data-text);
  }
  .SP-button i {
    font-size: .5556em;
    margin-left: 1em;
  }
  .SP-button-reset i {
    margin-left: 0;
    margin-right: 1em;
  }
  /* ### Abschnitte */
  .SP-mod-gallery,
  .SP-snip {
    margin-bottom: 1.5em;
  }
  
  
  /* ### Links / Downloads */
  .SP-link,
  .SP-download {
    padding-left: 25px;
    position: relative;
  }
  .SP-link i,
  .SP-download i {
    left: 0;
    position: absolute;
    top: 5px;
  }
  
  /* ### Linkliste auf der Startseite */
  #SP-administration {
    margin-bottom: 1.5em;
    position: relative;
  }
  #SP-administration .SP-administration--content {
    position: relative;
  }
  
  #SP-administration .SP-administration--content .SP-snip {
    margin-bottom: 0;
    padding-
  }
  #SP-administration .SP-snip-head {
    background: #5D8AA2;
    color: #FFFFFF;
    font-size: 1.5em;
    line-height: 1.3334;
    margin: 0;
    padding: 5px 20px;
  }
  #SP-administration .SP-snip-body {
    padding: 1.5em 20px 4em 20px;
  }
  #SP-administration .SP-administration--content + .SP-administration--content ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
  }
  #SP-administration .SP-administration--content + .SP-administration--content ul > * {
    flex-basis: 100%;
  }
  #SP-administration .SP-administration--content + .SP-administration--content .SP-teaser-image {
    width: 100%;
  }
  #SP-administration .SP-teaser {
    border: 0;
    padding-top: 0;
  }
  #SP-administration .SP-teaser:last-child {
    padding-bottom: 0;
  }
  #SP-administration > a,
  #SP-administration .SP-administration--content > a {
    bottom: 1.5em;
    right: 0;
    position: absolute;
  }
  #SP-administration .SP-link {
    font-size: 1.125em;
    line-height: 1.3334;
    margin-bottom: 1em;
    padding-left: 25px;
  }
  #SP-administration .SP-link i {
    font-size: .75em;
  }
  
  
  
  
  /* ### Linklisten auf der Startseite */
  #SP-topics,
  #SP-service {
    background: #EAF3D4;
    margin: 0 -10px !important;
    padding: 20px;
  }
  #SP-topics {
    border-bottom: 2px solid #5D8AA2;
  }
  
  #SP-topics h2,
  #SP-service h2 {
    margin-bottom: 0.5em;
    margin-top: -0.35em;
  }
  #SP-topics .SP-link, 
  #SP-topics .SP-download,
  #SP-service .SP-link,
  #SP-service .SP-download {
    font-size: 1.125em;
    line-height: 1.3334;
    margin-bottom: 1em;
    padding-left: 25px;
  }
  #SP-topics li:last-child,
  #SP-service li:last-child {
    margin-bottom: 0;
  }
  #SP-topics .SP-download i,
  #SP-service .SP-download i {
    top: 0;
  }
  #SP-topics .SP-link i,
  #SP-service .SP-link i {
    font-size: 0.75em;
  }
  #SP-topics .SP-snip,
  #SP-service .SP-snip {
    margin-bottom: 0;
  }
  /* ### Text */
  .SP-text,
  .SP-text p {
    margin-bottom: 1em;
  }
  .SP-text ul {
    list-style-type: disc;
    margin-bottom: 1em;
    overflow: hidden;
    padding-left: 18px;
  }
  .SP-text ol {
    list-style-type: decimal;
    margin-bottom: 1em;
    overflow: hidden;
    padding-left: 24px;
  }
  .SP-text table {
    clear: both;
    width: 100%;
  }
  
  .SP-text table tfoot tr,
  .SP-text table thead tr {
    background-color: #5D8AA2 !important;
    color: #FFFFFF;
  }
  .SP-text table tr:nth-child(2n) {
    background-color: #9FBCCE;
  }
  .SP-text table tr:nth-child(2n+1) {
    background-color: #E3EFFC;
  }
  .SP-text td,
  .SP-text th {
    padding: 3px 5px;
    text-align: left;
  }
  .SP-text table tfoot td,
  .SP-text table thead th {
    text-align: center;
  }
  
  
  
  
  /* ### Asset */
  .SP-asset .SP-asset-caption {
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
    hyphens: auto;
    background: #E3EFFC;
  }
  
  
  /* ### Bild im Intro */
  .SP-image-intro {
    margin-left: 0;
    margin-bottom: 10px;
    width: 100%;
  }
  
  /* ### Teaser */
  .SP-teaser {
    border-bottom: 1px solid #989898;
    margin-bottom: 1.5em;
    overflow: hidden;
    padding-bottom: 1.5em;
    position: relative;
  }
  .SP-teaser:first-child {
    border-top: 1px solid #989898;
    padding-top: 1.5em;
  }
  .SP-teaser .SP-teaser-image {
    width: 100%;
  }
  .SP-teaser .SP-teaser-text {
    margin-left: 0;
    position: static;
  }
  .SP-teaser .SP-teaser-text .SP-text {
    margin-bottom: 1.5em;
  }
  .SP-snip-teaser.SP-teaser .SP-teaser-image + .SP-teaser-text {
    margin-top: 0;
    margin-left: 0;
    position: static;
  }
  
  .SP-teaser .SP-teaser-more {
    bottom: 0.5em;
    position: absolute;
    right: 0;
  }
  
  /* ### Teaser auf der Homepage */
  #SP-teaser .SP-teaser,
  #SP-teaser-2 .SP-teaser {
    border-bottom: 0;
    padding-bottom: 0;
    position: relative;
  }
  #SP-teaser .SP-teaser:first-child,
  #SP-teaser-2 .SP-teaser:first-child {
    border-top: none; 
    padding-top: 0;
  }
  #SP-teaser .SP-teaser .SP-teaser-image,
  #SP-teaser-2 .SP-teaser .SP-teaser-image {
    width: 100%;
  }
  #SP-teaser .SP-teaser .SP-teaser-text,
  #SP-teaser-2 .SP-teaser .SP-teaser-text {
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  
       -moz-box-shadow: 0px 1px 10px 1px #DDDDDD;
    -webkit-box-shadow: 0px 1px 10px 1px #DDDDDD;
  
    bottom: 0;
    box-shadow: 0px 1px 10px 1px #DDDDDD;
    box-sizing: border-box;
    margin-left: 0;
    padding: .75em .25em 1em .25em;
    position: absolute; 
    width: 100%;
  }
  #SP-teaser .SP-teaser .SP-teaser-text .SP-text,
  #SP-teaser-2 .SP-teaser .SP-teaser-text .SP-text,
  #SP-teaser .SP-teaser .SP-teaser-text .SP-teaser-more,
  #SP-teaser-2 .SP-teaser .SP-teaser-text .SP-teaser-more {
    display: none;
  }
  .SP-grid-4 .SP-grid-col.SP-grid-col-colspan-3 + #SP-teaser-2.SP-grid-col {
    margin-left: 0;
  }
  
  
  /* ### Code */
  .SP-code,
  .SP-code p {
    margin-bottom: 1em;
  }
  
  
  /* ### Kontakt */
  .SP-contact {
    line-height: 1.5;
    overflow: hidden;
  }
  .SP-contact dl {
    margin-top: 1em;
  }
  .SP-contact dd,
  .SP-contact dt {
    float: left;
  }
  .SP-contact dt {
    clear: left;
  }
  .SP-contact dt:after {
    content: ' ';
    margin-right: 5px;
  }
  
  
  /* Infoboxen */
  .SP-box {
    width: 100%;
    background: #EAF3D4;
    color: #040408;
    margin-bottom: 1.5em;
  }
  .SP-box:last-child {
    margin-bottom: .5em;
  }
  .SP-box-head {
    font: 1.25em/1.3334 "Source Sans Pro", Calibri, "Myriad Pro", "Arial Narrow", Tahoma, Sans-Serif;
    background: #C3E069;
    padding: 5px 20px;
  }
  .SP-box-body {
    padding: 10px 20px;
  }
  .SP-box-body a {
    color: #333333;
  }
  
  
  /* contact */
  .SP-box-contact{
    position: relative;
  }
  .SP-box-contact .SP-contact {
    padding: 10px 20px;
  }
  .SP-box-contact .SP-contact dl > dt {
      clear: left;
      color: #000000;
      float: left;
      line-height: 1.5;
      margin: 0;
      overflow: hidden;
      padding: 0.1%  1%  0.1%  0%;
      width: auto;
  }
  .SP-box-contact .SP-contact > div:first-child  > div {
    font-weight: 700;
  }
  .SP-box-contact .SP-contact > div:first-child  > div + div {
    font-weight: 400;
    font-style: italic;
  }
  .SP-box-contact .SP-contact dl > dt:first-child {
      border-top: medium none;
  }
  .SP-box-contact .SP-contact dl dd {
      line-height: 1.375;
      margin: 0;
      overflow: hidden;
      padding: 0.1%;
  }
  .SP-box-contact .SP-contact dl > dt:first-child + dd {
      border-top: medium none;
  }
  .SP-box-contact a,
  .SP-box-contact .SP-snip-image a {
    padding-left: 0;
  }
  .SP-box-contact .SP-snip-image {
    margin-bottom: 0;
  }
  /* ### Banner in Infoboxen */
  .SP-box-banner .SP-box-body {
    padding: 0;
  }
  .SP-box-banner .SP-asset {
    max-width: 100%;
    width: 100%;
  }
  
  
  /* ### Footerboxen */
  .SP-footer {
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  
    box-sizing: border-box;
    color: #FFFFFF;
    line-height: 1.5;
    margin-bottom: 2em;
    padding-right: 25px;
  }
  .SP-footer a {
    color: #FFFFFF;
  }
  .SP-footer .SP-footer-head {
    font: normal 1.5em/1.2 Georgia, Times, 'Times New Roman', Serif;
    margin-bottom: .5em;
  }
  
  
  /* Banner in Footerboxen */
  .SP-footer .SP-asset {
    max-width: 360px;
    width: 100%;
  }
  
  
  /* iframe - - - - - - */
  .SP-snip-iframe {
    margin-bottom: 1.25em;
  }
  .SP-snip-iframe iframe {
    width: 100%;
  }
  
  
  /* Infobox: Kontakt - - - - - - */
  .SP-snip-contact {
    line-height: 1.5;
  }
  .SP-snip-contact a {
    padding-left: 0;
  }
  .SP-snip-contact .SP-contact-organisation,
  .SP-snip-contact .SP-contact-person,
  .SP-snip-contact dl {
    margin-top: 1em;
  }
  .SP-snip-contact > div > div:first-child {
    font-weight: 700;
    margin-top: 0;
  }
  .SP-snip-contact dl {
    overflow: hidden;
  }
  .SP-snip-contact dd,
  .SP-snip-contact dt {
    display: block; 
    float: left;
  }
  .SP-snip-contact dt,
  .SP-snip-contact dt.acc + dd {
    clear: left;
  }
  .SP-snip-contact dt:after {
    content: ':';
    margin-right: 5px;
  }
  
  /* Sitemap  - - - - - - */
   .SP-snip .SP-sitemap a {
      font-size: 1.125em;
      line-height: 1.25;
      margin-bottom: .5em;
      text-decoration: none;
  }
  .SP-snip .SP-sitemap li {
      line-height: 1.125;
      padding: 0.25em 0;
      position: relative;
  }
  .SP-snip .SP-sitemap > li > a {
      border-bottom: 1px solid #989898;
      display: block;
      font: 400 1.5em/1.1538'Source Sans Pro', Calibri, "Myriad Pro", "Arial Narrow", Tahoma, sans-serif;
      margin: 0.2em 0 0.25em;
      padding-bottom: .5em;
  }
  .SP-snip .SP-sitemap > li > ul {
      margin-bottom: 1.25em;
  }
  .SP-snip .SP-sitemap ul ul {
      margin-left: 20px;
  }
}
@media all AND (min-width: 560px) {
  #SP-teaser .SP-teaser .SP-teaser-image,
  #SP-teaser-2 .SP-teaser .SP-teaser-image {
    float: left;
    width: 284px;
  }
  #SP-teaser .SP-teaser .SP-teaser-text,
  #SP-teaser-2 .SP-teaser .SP-teaser-text {
       -moz-box-shadow: none;
    -webkit-box-shadow: none;
  
    box-shadow: none;
    margin-left: 300px;
    padding-top: 0;
    position: static;
    width: auto;
  }
  #SP-teaser .SP-teaser .SP-teaser-text .SP-text,
  #SP-teaser-2 .SP-teaser .SP-teaser-text .SP-text {
    display: block;
  }
  #SP-teaser .SP-teaser .SP-teaser-text .SP-teaser-more,
  #SP-teaser-2 .SP-teaser .SP-teaser-text .SP-teaser-more {
    display: inline-block;
  }
  .SP-image-intro {
    margin-left: -15px;
    max-width: 346px;
    width: 100%;
  }
  .SP-teaser .SP-teaser-image {
    float: left;
    width: 23.5366%;
  }
  .SP-snip-teaser.SP-teaser .SP-teaser-image + .SP-teaser-text {
    margin-left: 26.5366%;
  }
  /* ### Linkliste auf Startseite */
  #SP-administration { 
    border-top: 2px solid #5D8AA2;
    margin-left: 0;
  }
  #SP-administration h2 {
    display: inline-block;
    margin-left: 0;
  }
  #SP-administration .SP-administration--content + .SP-administration--content ul:after {
    content: '';
    flex-basis: calc(95% / 2);
  }
  #SP-administration .SP-administration--content + .SP-administration--content ul > * {
    flex-basis: calc(95% / 2);
  }
  
  /* Infoboxen */
  aside {
      -moz-column-count: 2;
      -webkit-column-count: 2;
      column-count: 2;
      -moz-column-gap: 10px;
      -webkit-column-gap: 10px;
      column-gap: 10px;
      padding: 0% 1.182%;
    }
  aside .SP-box {
    display: inline-block;
    overflow: hidden;
    float: none;
    margin-bottom: .25em;
  }
}
@media all AND (min-width: 768px) {
  aside {
      -moz-column-count: 3;
      -webkit-column-count: 3;
      column-count: 3;
      -moz-column-gap: 10px;
      -webkit-column-gap: 10px;
      column-gap: 10px;
      padding: 0% 1.182%;
    }
  #SP-administration .SP-administration--content + .SP-administration--content ul:after {
    flex-basis: calc(95% / 3);
  }
  #SP-administration .SP-administration--content + .SP-administration--content ul > * {
    flex-basis: calc(95% / 3);
  }
}
@media all AND (min-width: 968px) {
  /* ### Teaser auf der Homepage */
  #SP-teaser .SP-teaser,
  #SP-teaser-2 .SP-teaser {
    position: static;
  }
  #SP-teaser .SP-teaser .SP-teaser-image,
  #SP-teaser-2 .SP-teaser .SP-teaser-image {
       -moz-box-shadow: 0px 1px 10px 1px #DDDDDD;
    -webkit-box-shadow: 0px 1px 10px 1px #DDDDDD;
  
    box-shadow: 0px 1px 10px 1px #DDDDDD;
    float: none;
    margin-bottom: 1.5em;
    margin-right: 0;
    width: 100%;
  }
  #SP-teaser .SP-teaser .SP-teaser-text,
  #SP-teaser-2 .SP-teaser .SP-teaser-text {
    margin-left: 0;
    padding-bottom: 2em;
  }
  #SP-teaser .SP-teaser .SP-teaser-more,
  #SP-teaser-2 .SP-teaser .SP-teaser-more {
    bottom: 1.5em;
    position: absolute;
    right: auto;
  }
  .SP-grid-4 .SP-grid-col.SP-grid-col-colspan-3 + #SP-teaser-2.SP-grid-col {
    width: auto;
  }
  
  /* ### Linkliste auf der Startseite */
  #SP-topics, 
  #SP-service {
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  
    border-bottom: none;
    box-sizing: border-box;
    margin: 1.5em 0 !important;
    padding-top: 0;
  }
  #SP-service {
    border-left: 2px solid #5D8AA2;
    margin-left: 2% !important;
  }
  .SP-grid-4 #SP-topics.SP-grid-col.SP-grid-col-colspan-3 {
    width: 65.6667%;
  }
  .SP-grid-4 .SP-grid-col.SP-grid-col-colspan-3 + #SP-service.SP-grid-col {
    width: 32.3334%;
  }
  
  
  aside {
      -moz-column-count: 1;
      -webkit-column-count: 1;
      column-count: 1;
      padding: 0;
    }
  aside .SP-box {
    margin-bottom: 1.5em;
  }
  
  /**
   *  GKD Paderborn
   */
  
  #SP-content-inner strong {
      font-weight: bold;
  }
}
@media all AND (min-width: 1280px) {
  #SP-content {
    margin-top: 3em;
  }
  .SP-home #SP-content {
    maring-top: 0;
    padding-right: 0;
    padding-left: 0;
  }
  #SP-administration { 
    border-top: none;
  }
  #SP-administration h2 {
    display: block;
  }
  #SP-administration ul {
    border-left: 2px solid #5D8AA2;
    padding-left: 20px;
    padding-right: 20px;
  }
  
  #SP-administration .SP-administration--content + .SP-administration--content ul {
    flex-flow: column no-wrap;
  }
  #SP-administration .SP-administration--content + .SP-administration--content ul > * {
    flex-basis: 100%;
  }
  #SP-administration .SP-administration--content + .SP-administration--content li .SP-teaser-image {
    margin-left: 0 !important;
  }
  
  #SP-administration .SP-teaser:last-child {
    border-bottom: 0;
    padding-bottom: 0;
  }
  #SP-administration > a,
  #SP-administration .SP-administration--content > a {
    bottom: 1.5em;
    left: 20px;
    right: auto;
    position: absolute;
  }
  
  
  #SP-administration .SP-teaser .SP-teaser-image {
    width: 100%;
  }
  #SP-administration .SP-administration--content .SP-teaser-text.SP-acc-hide {
    position: absolute!important;
    clip: none;
  }
  #SP-administration .SP-administration--content + .SP-administration--content .SP-teaser-text.SP-acc-hide {
    position: fixed !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
  }
  .SP-grid-4.SP-grid-gutter > #SP-topics.SP-grid-col.SP-grid-col-colspan-3 {
    width: 74%;
  }
  .SP-grid-4 .SP-grid-col.SP-grid-col-colspan-3 + #SP-service.SP-grid-col {
    margin-left: 2%;
    width: 24%;
  }
  .SP-grid-4.SP-grid-gutter > #SP-administration.SP-grid-col {
    margin-left: 1.5%;
    width: 24%;
  }
}
@media print {
  .SP-box,
  .SP-footer {
    display: none;
  }
}


/**
 * Formulare
 * tple.g13.stylesheet
 */

@media all {
  /**
   * Basis
   */
  
  .SP-home.SP-form .SP-form-contact {
    width: 100%;
    padding: 0;
  }
  .SP-home.SP-form .SP-fieldset #SP-fieldset-message legend {
    font-size: 1.875em;
    line-height: 1.2;
    margin-bottom: 0.5em;
  }
  
  button {
    border: none;
  }
  input,
  select {
    height: 40px;
  }
  input,
  select,
  textarea {
    border: 1px solid #C5C8CE;
  }
  input[type="checkbox"],
  input[type="radio"] {
    height: auto;
  }
  input[type="checkbox"]:checked + .SP-label:before {
    content: "\2713";
    font-size: 1.25em;
    line-height: 1;
  }
  
  *::-webkit-input-placeholder {
      color: #333333;
  }
  *:-moz-placeholder {
      /* FF 4-18 */
      color: #333333;
  }
  *::-moz-placeholder {
      /* FF 19+ */
      color: #333333;
  }
  *:-ms-input-placeholder {
      /* IE 10+ */
      color: #333333;
  }
  
  /**
   * Felder mit direktem Aktionsbutton
   */
  .SP-field-with-button button {
    background: #5D8AA2;
    color: #FFFFFF;
    height: 40px;
    width: 40px;
  }
  
  
  /**
   * keine Headlines 
   */
  .SP-form .SP-headline {
    display: none;
  }
}
@media all AND (min-width: 560px) {
  .SP-home.SP-form .SP-form-contact {
    width: 100%;
    padding: 1.5em 0 0;
  }
}
@media all AND (min-width: 768px) {
  .SP-home.SP-form .SP-form-contact {
    width: 100%;
    padding: 1.5em 0 0;
  }
}
@media all AND (min-width: 968px) {
  .SP-home.SP-form .SP-form-contact {
    padding: 2.5em 0 0;
  }
}
@media all AND (min-width: 1280px) {
  .SP-home.SP-form .SP-form-contact {
    padding: 3em 15px 0;
  }
}


/**
 * Suche
 * tple.g13.stylesheet
 */

@media all {
  /* ### alle Suchformulare - - - - - - */
  .SP-form-search {
    overflow: visible !important;
    margin-bottom: 2em;
    width: 100%;
  }
  .SP-home.SP-form #SP-search {
    width: 100%;
    padding: 0;
  }
  .SP-home.SP-form #SP-marginal {
    display: none;
  }
  #SP-search-result,
  #SP-search-noresult {
    margin-bottom: 1em;
  }
  #SP-search-noresult > p > strong {
    font-weight: 700;
  }
  
  .SP-form-search .SP-field {
       -moz-box-sizing: border-box;  
    -webkit-box-sizing: border-box;  
  
    box-sizing: border-box;
    width: 100%;
  }
  .SP-form-search button {
    float: right;
    z-index: 1;
  }
  .SP-form-search .SP-fieldset {
    margin-bottom: 1.5em;
  }
  .SP-form-search .SP-annotation.SP-link {
    margin-top: -3.5em;
    padding-left: 0;
  }
  .SP-form-search .SP-annotation.SP-link a {
    color: #333333;
    padding-left: 30px;
    position: relative;
  }
  .SP-form-search .SP-annotation.SP-link i {
    left: 4px;
    font-size: 1em;
    position: absolute;
    top: 4px;
  }
  
  
  /* ### Einfache Suche - - - - - - */
  .SP-form-search-simple .SP-fieldset-inner {
    position: relative;
  }
  .SP-form-search-simple .SP-field-search {
    padding-right:0;
  }
  .SP-form-search-simple button {
    bottom: 0;
    position: relative;
    right: 0;
  }
  .chrome .SP-form-search-simple button {
    bottom: 2px;
  }
  .SP-form-search-simple .SP-annotation.SP-link a {
    display: inline-block;
  }
  
  /* ### Erweiterte Suche - - - - - - */
  .SP-form-search-advanced .SP-annotation.SP-link {
    margin-top: -3.5em;
  }
  .SP-form-search-advanced .SP-annotation.SP-link a {
    display: inline-block;
  }
  .SP-form-search-advanced button {
    bottom: 0;
    position: relative; 
    right: 0;
  }
  
  
  /* ### Ergebnisse - - - - - - */
  #SP-search-result .SP-cont-teaserlist,
  #SP-search-result .SP-cont-teaserlist {
    margin-left: 0;
    width: 100%;
  }
  #SP-search-result .SP-cont-teaserlist > ol > li,
  #SP-search-result .SP-cont-teaserlist > ul > li,
  #SP-search-result .SP-cont-teaserlist li {
    border-top: 1px solid #989898;
    margin-bottom: 0;
  }
  #SP-search-result .SP-cont-teaserlist > ol > li > a,
  #SP-search-result .SP-cont-teaserlist > ul > li > a,
  #SP-search-result .SP-cont-teaserlist li > a {
    padding-top: 1em;
  }
  #SP-search-result .SP-cont-teaserlist > ol > li:first-child,
  #SP-search-result .SP-cont-teaserlist > ul > li:first-child,
  #SP-search-result .SP-cont-teaserlist li:first-child {
    border-top: none;
  }
  #SP-search-result .SP-cont-teaserlist li h2 {
    margin-top: 0.25em;
  }
  #SP-search-result .SP-cont-teaserlist li a,
  #SP-search-result .SP-cont-teaserlist li a {
    color: #333333;
    display: block;
    overflow: hidden;
  }
  #SP-search-result .SP-cont-teaserlist li i:after,
  #SP-search-result .SP-cont-teaserlist li i:after {
    content: ' ';
  }
  
  
  /* ### Autokorrektur - - - - - - */
  #SP-search-autocorrect {
      margin-bottom: 1em;
  }
  #SP-search-autocorrect strong {
      font-family: "Source Sans Pro", Calibri, "Myriad Pro", "Arial Narrow", Tahoma, Sans-Serif;
      font-weight: 700;
  }
  
  /* ### Paging - - - - - - */
  .SP-paging {
    border-bottom: 1px solid #000000;
    font-size: 1.125em;
    line-height: 1.5em;
    padding-bottom: 0.5em;
    text-align: center;
  }
  .SP-paging .SP-paging-first,
  .SP-paging .SP-paging-previous,
  .SP-paging .SP-paging-pages,
  .SP-paging .SP-paging-pages ol,
  .SP-paging .SP-paging-pages ul,
  .SP-paging .SP-paging-pages ol li,
  .SP-paging .SP-paging-pages ul li,
  .SP-paging .SP-paging-next,
  .SP-paging .SP-paging-last {
    display: inline-block;
  }
  .SP-paging .SP-paging-previous,
  .SP-paging .SP-paging-pages ol li,
  .SP-paging .SP-paging-pages ul li,
  .SP-paging .SP-paging-next {
    padding: 0;
  }
  .SP-paging .SP-paging-pages ol li a {
    display: inline !important;
    padding: 0.66em 1em;
  }
  .SP-paging .SP-paging-pages ol li a:hover {
      background-color: #E3EFFC;
  }
  .SP-paging .SP-paging-pages ol li strong {
    background-color: #5A869D;
    color: #FFFFFF;
    padding: 0.66em 1em;
  }
  .SP-paging-below {
    border-bottom: 0;
    border-top: 1px solid #000000;
    padding-bottom: 0;
    padding-top: 1.5em;
  }
  .SP-paging-above {
    text-align: left;
  }
  .SP-paging-above .SP-paging-pages,
  .SP-paging-above .SP-paging-first,
  .SP-paging-above .SP-paging-next,
  .SP-paging-above .SP-paging-previous,
  .SP-paging-above .SP-paging-last {
    display: none;
  }
  .SP-paging-below .SP-paging-first,
  .SP-paging-below .SP-paging-last,
  .SP-paging-below .SP-search-result-info {
    display: none;
  }
  
  
  /* ### Facetten - - - - - - */
  #SP-nav-search-facets {
    background-color: #E3EFFC;
    display: none;
    margin-top: 2em;
    padding: 8px 15px;
  }
  #SP-nav-search-facets li {
    margin-top: 2em;
  }
  #SP-nav-search-facets li:first-child {
    margin-top: 0;
  }
  #SP-nav-search-facets dt {
    font-size: 1em;
    font-weight: 700;
    line-height: 1.3334;
  }
  #SP-nav-search-facets dd a {
    color: #333333;
  }
  #SP-nav-search-facets .SP-search-facet-selected {
    font-weight: 700;
  }
  #SP-nav-search-facets .SP-nav-head {
    display: none;
  }
  
  
  
  /* ### Suggest - - - - - - */
  
  .SP-suggest {
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 4px 4px 3px -2px #888888;
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
    left: 0px;
    position: absolute;
    top: 62px;
    width: 100%;
    z-index: 9999999;
  }
  .SP-field-hasSuggest {
    position: relative;
  }
  
  #SP-quicksearch-mobile .SP-suggest {
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
    left: 38px;
    position: absolute;
    top: 50px;
    width: calc(100% - 90px);
    z-index: 9999999;
  }
  
  .SP-home .SP-field-hasSuggest .SP-suggest,
  .SP-field-hasSuggest .SP-suggest {
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
    left: 0px;
    position: absolute;
    top: 70px;
    width: calc(100% - 120px);
    z-index: 2;
  }
  .SP-suggest li {
    background-color: #FFFFFF;
    cursor: pointer;
    padding: 3px 15px;
  }
  .SP-suggest li:nth-child(2n) {
    background-color: #E3EFFC;
  }
  .SP-suggest li:hover,
  .SP-suggest li.active {
    background-color: #5D8AA2;
    color: #FFFFFF;
    outline: 1px solid #FFFFFF;
    outline-offset: -1px;
  }
  /*
  .SP-suggest li .SP-suggest-amount {
      right: 20px;
      position: absolute;
  }
  .SP-suggest li .SP-suggest-amount:after {
      content:' Treffer';
  }
  */
  .SP-suggest li .SP-suggest-amount {
    display: none;
  }
}
@media all AND (min-width: 560px) {
  .SP-home.SP-form #SP-search {
    padding-top: 1.5em;
    padding: 0;
  }
  #SP-quicksearch-mobile .SP-suggest {
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
    left: 90px;
    position: absolute;
    top: 65px;
    width: calc(100% - 160px);
    z-index: 999999;
  }
}
@media all AND (min-width: 768px) {
  .SP-home.SP-form #SP-search {
    padding-top: 2.5em;
  }
  .SP-suggest {
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
    left: 0px;
    position: absolute;
    top: 40px;
    width: calc(100% - 48px);
    z-index: 2;
  }
  .SP-home .SP-suggest {
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
    left: 0px;
    position: absolute;
    top: 55px;
    width: calc(100% - 56px);
    z-index: 2;
  }
}
@media all AND (min-width: 968px) {
  .SP-home.SP-form #SP-marginal,
  #SP-nav-search-facets {
    display: block;
  }
}
@media all AND (min-width: 1280px) {
  .SP-home #SP-content #SP-search {
    padding-top: 3em;
    padding-left: 15px;
    padding-right: 15px;
  }
  .SP-home #SP-content #SP-search-noresult, 
  .SP-home #SP-content #SP-search-result {
    padding-left: 15px;
    padding-right: 15px;
  }
}