@charset "UTF-8";
/*!
Theme Name: Kares ZAP
Author: das parsmedia Team
Author URI: http://parsmedia.info/
Description:
Version: 1.0.0
*/
/* ===============================================================================
	html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
	v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark ====================== */
html, body, div, span, object, iframe,
h1, h2, #content .teaser-nav li, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  /* Correct text resizing oddly in IE6/7 when body font-size is set using em units */
  vertical-align: baseline;
  background: transparent; }

input {
  -web-kit-border-radius: 0;
  border-radius: 0; }

/* =============================================================================
	HTML5 BOILERPLATE ======================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
  display: block; }

/* Corrects block display not defined in IE6/7/8/9 & FF3 */
audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

/* Corrects inline-block display not defined in IE6/7/8/9 & FF3 */
audio:not([controls]) {
  display: none;
  height: 0; }

/* Prevents modern browsers from displaying 'audio' without controls; Remove excess height in iOS5 devices */
[hidden] {
  display: none; }

/* Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4; Known issue: no IE6 support */
html {
  -webkit-text-size-adjust: 100%;
  /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
  -ms-text-size-adjust: 100%; }

h1, h2, #content .teaser-nav li, h3, h4, h5, h6 {
  text-rendering: optimizeLegibility; }

button, input, select, textarea {
  font: 100% sans-serif;
  /* Correct font-size not inheriting in all browsers */
  margin: 0;
  /* Remove margins in FF3/4 S5 Chrome */
  vertical-align: baseline;
  *vertical-align: middle; }

/* Define consistent vertical alignment display in all browsers */
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical; }

/* Remove default vertical scrollbar in IE6/7/8/9 & Allow only vertical resizing */
button, input {
  line-height: normal; }

/* Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet) */
/* Display hand cursor for clickable form elements, Allow styling of clickable form elements in iOS & Correct inner spacing displayed oddly in IE7 (doesn't effect IE6): */
button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *width: auto;
  *overflow: visible; }

button[disabled], input[disabled] {
  cursor: default; }

/* Re-set default cursor for disabled elements */
/* Consistent box sizing and appearance: */
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *width: 13px;
  *height: 13px; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/* Remove inner padding and border in FF3/4 */
/* Colors for form validity: */
input:valid, textarea:valid {
  color: inherit; }

input:invalid, textarea:invalid {
  background-color: #f0dddd; }

/* Remove text-shadow in selection highlight: */
::-moz-selection {
  background: gray;
  color: #fff;
  text-shadow: none; }

::selection {
  background: gray;
  color: #fff;
  text-shadow: none; }

img {
  -ms-interpolation-mode: bicubic;
  /* Improve image quality when scaled in IE7 */
  vertical-align: middle; }

/* Remove the gap between images and borders on image containers */
svg:not(:root) {
  overflow: hidden; }

/* Correct overflow not hidden in IE9 */
label {
  cursor: pointer; }

/* Indicate that 'label' will shift focus to the associated form element */
input + label {
  cursor: text; }

legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
  white-space: normal; }

/* Correct color not inheriting in IE6/7/8/9 & alignment displayed oddly in IE6/7 */
/* tables still need cellspacing="0" in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td, td img {
  vertical-align: top; }

/* =============================================================================
	TYPOGRAPHIE ============================================================== */
ul, ol {
  margin: 0 0 1em;
  padding: 0 0 0 1.5em; }

ol {
  list-style-type: decimal; }

nav ul, nav ol {
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-image: none; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

b, strong {
  font-weight: bold; }

blockquote, q {
  quotes: none;
  margin: 1em 40px; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

del {
  text-decoration: line-through; }

dfn, i, em {
  font-style: italic;
  margin-right: .2em; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #111;
  margin: 1em 0;
  padding: 0; }

ins {
  background: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold; }

pre, code, kbd, samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

/* #DE0027eclare monospace font family */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

/* Improve readability of pre-formatted text in all browsers */
small {
  font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* =============================================================================
   Non-Semantic Helper Classes =============================================== */
/* For image replacement */
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0; }

.ir br {
  display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
  display: none;
  visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/* Optisch verstecken (auch von Screenreader), aber behalte den Platz im Layout */
.invisible {
  visibility: hidden; }

/* Der glorreiche CLEARFIX: Aktualisiert, um einen Einsturz der Außenabstände in Kind-Elementen zu verhindern: j.mp/bestclearfix */
.clearfix:before, .wrapper:before, .clearfix:after, .wrapper:after {
  content: "\0020";
  display: block;
  height: 0;
  visibility: hidden; }

.clearfix:after, .wrapper:after {
  clear: both; }

.clearfix:before, .wrapper:before {
  clear: both; }

.clearfix, .wrapper {
  zoom: 1; }

/* Clearfix-Fix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.no-click {
  cursor: default; }

@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local("Roboto Condensed Light Italic"), local("RobotoCondensed-LightItalic"), url("/wp-content/themes/kares-zap/fonts/Roboto_Condensed/RobotoCondensed-LightItalic.ttf") format("truetype");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Roboto Condensed Light"), local("RobotoCondensed-Light"), url("/wp-content/themes/kares-zap/fonts/Roboto_Condensed/RobotoCondensed-Light.ttf") format("truetype");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url("/wp-content/themes/kares-zap/fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf") format("truetype");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url("/wp-content/themes/kares-zap/fonts/Roboto_Condensed/RobotoCondensed-Bold.ttf") format("truetype");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url("/wp-content/themes/kares-zap/fonts/Work_Sans/WorkSans-VariableFont_wght.ttf") format("truetype");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
*, *:after, *:before {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
  background: #F6F6F6; }

body {
  min-height: 100%;
  color: #333333;
  font-family: "Work Sans", Helvetica, Arial, sans-serif;
  font-size: 1em;
  line-height: 1.5;
  overflow: hidden; }

.wrapper {
  display: block;
  min-width: 300px;
  width: 94%;
  max-width: 1200px;
  margin: 0 auto; }
  @media screen and (min-width: 1280px) {
    .wrapper {
      width: 1200px; } }

.accessibility {
  display: block;
  height: 0;
  width: 0;
  overflow: hidden;
  position: absolute;
  bottom: 300%;
  right: 300%;
  z-index: -1; }

.frame {
  position: relative;
  overflow: visible; }
  .frame iframe {
    height: 100%;
    width: 100%;
    border: 0;
    position: absolute;
    top: 0;
    left: 0; }
  .frame.maps {
    padding-bottom: 56.25%;
    min-height: 220px; }
    @media screen and (min-width: 768px) {
      .frame.maps {
        height: 420px;
        padding: 0; } }
  .frame.video {
    padding-bottom: 56.25%; }
  .frame .blocker {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: url("/wp-content/themes/kares-zap/graphics/grid-min.png") repeat top left transparent;
    border: 0;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-backface-visibility: hidden; }
    .frame .blocker img {
      display: block;
      width: 80px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -40px; }
      .ie .frame .blocker img {
        top: 0; }
    .frame .blocker.hide {
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      transform: scale(0); }
      .ie .frame .blocker.hide {
        display: none; }

h1,
h2,
#content .teaser-nav li,
h3,
h4,
h5,
h6 {
  margin-bottom: 1em;
  color: #333333;
  font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
  font-size: 1.25em;
  font-weight: 400;
  line-height: 1.5; }
  h1 a,
  h2 a,
  #content .teaser-nav li a,
  h3 a,
  h4 a,
  h5 a,
  h6 a {
    color: inherit; }
  * + h1, * +
  h2, #content .teaser-nav * + li, * +
  h3, * +
  h4, * +
  h5, * +
  h6 {
    margin-top: 2em; }

h2, #content .teaser-nav li {
  font-size: 1.5em;
  line-height: 1.1; }
  @media screen and (min-width: 480px) {
    h2, #content .teaser-nav li {
      font-size: 2em; } }

h3 {
  font-size: 1.125em; }
  @media screen and (min-width: 480px) {
    h3 {
      font-size: 1.5em; } }
  #footer h3 {
    font-size: 1.5em;
    text-transform: uppercase; }
    @media screen and (min-width: 480px) {
      #footer h3 {
        font-size: 2em; } }

p, address {
  font-size: 1rem;
  margin-bottom: 1em; }
  header p,
  header address {
    color: white;
    line-height: 1.3; }
    @media screen and (min-width: 768px) {
      header p,
      header address {
        font-size: 1.125em;
        line-height: 1.8; } }
  .front-page #content p, .front-page #content address {
    position: relative;
    z-index: 5; }
  .empfehlung p, .empfehlung address {
    font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
    font-style: italic; }

address {
  font-style: normal; }

a {
  color: #CD9743;
  text-decoration: none;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-backface-visibility: hidden; }
  a:active, a:focus {
    outline: 0; }

img {
  width: 100%;
  height: auto; }

hr {
  margin: 4em 0;
  border-color: #E3E4E4; }

ol {
  list-style: none;
  counter-reset: ol; }
  ol li {
    position: relative; }
    ol li:before {
      counter-increment: ol;
      content: counter(ol) ".";
      position: absolute;
      top: 0;
      right: 100%;
      margin-right: .5em;
      font-weight: 700; }

li {
  font-size: 1rem; }
  li li, nav li {
    font-size: 1em; }

sup {
  font-size: 0.5em;
  vertical-align: super; }

th,
td {
  font-size: 1rem;
  padding-right: 16px;
  padding-right: 1rem; }

th {
  text-align: right; }

tr + tr > * {
  padding-top: .5rem; }

table {
  margin-bottom: 1em; }
  table .button, table .teaser__button {
    margin-top: .5rem; }

blockquote {
  margin: 0 0 1em 0;
  padding: 1.2em 1.5em;
  background: #F6F6F6; }
  blockquote img,
  blockquote [class*="size"] {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    margin: .3em auto 1.5em;
    float: none; }
    @media screen and (min-width: 768px) {
      blockquote img,
      blockquote [class*="size"] {
        width: auto;
        height: 12.6em;
        margin: 0.3em 1.8em 1.5em 0;
        float: left; } }
  blockquote > :last-child {
    margin-bottom: 0; }

.size-thumbnail {
  height: 160px;
  width: 160px;
  max-width: 100%; }

.size-small {
  height: 160px;
  width: auto;
  max-width: 100%; }

.size-medium {
  width: 320px;
  height: auto;
  max-width: 100%; }

.size-large {
  width: 800px;
  height: auto;
  max-width: 100%; }

.alignleft {
  float: left;
  margin-right: 2em; }

.alignright {
  float: right;
  margin-left: 2em; }

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  float: none; }

.masthead {
  padding: 1rem;
  background: white; }
  .masthead--fixed .masthead {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000; }
  .masthead__container {
    display: grid;
    grid-template-areas: "contact contact" "logo main";
    grid-template-columns: 1fr auto;
    grid-gap: 1rem;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 110; }
    @media screen and (min-width: 640px) {
      .masthead__container {
        grid-template-columns: 12.5rem 1fr;
        grid-template-areas: "logo contact" "logo main"; } }
    @media screen and (min-width: 1024px) {
      .masthead__container {
        grid-template-columns: 15rem 1fr;
        grid-template-areas: "logo contact" "logo main"; } }
  .masthead__logo {
    grid-area: logo;
    align-self: start;
    position: relative; }
    @media screen and (max-width: 767px) {
      .masthead__logo {
        max-width: 200px; } }
    .masthead__logo img, .masthead__logo svg {
      display: none;
      width: 100%;
      height: auto;
      top: 0;
      left: 0; }
      .masthead__logo img + img, .masthead__logo img + svg,
      .masthead__logo svg + img,
      .masthead__logo svg + svg {
        display: block; }
      @media screen and (min-width: 640px) {
        .masthead__logo img, .masthead__logo svg {
          position: absolute; } }
      @media screen and (min-width: 1024px) {
        .masthead__logo img, .masthead__logo svg {
          display: block; }
          .masthead__logo img + img, .masthead__logo img + svg,
          .masthead__logo svg + img,
          .masthead__logo svg + svg {
            display: none; }
          .masthead--fixed .masthead__logo img,
          .masthead--fixed .masthead__logo svg {
            display: none; }
            .masthead--fixed .masthead__logo img + img, .masthead--fixed .masthead__logo img + svg,
            .masthead--fixed .masthead__logo svg + img,
            .masthead--fixed .masthead__logo svg + svg {
              display: block; } }
  .masthead__contact {
    grid-area: contact; }
  .masthead__search {
    grid-area: search;
    display: none; }
    @media screen and (min-width: 1024px) {
      .masthead__search {
        display: block; } }
  .masthead__main-nav {
    grid-area: main;
    margin-left: auto; }

#content {
  position: relative; }
  @media screen and (min-width: 1200px) {
    #content.team > .wrapper {
      padding-top: 4em; } }
  #content.team article .text:after {
    content: none; }
  @media screen and (min-width: 900px) {
    #content.team article:nth-of-type(2n+1) {
      margin-top: 0; }
    #content.team article:nth-of-type(2n+2) {
      margin-top: 4em; } }
  #content.team h2:before, #content.team .teaser-nav li:before {
    content: none; }
  #content .teaser-nav {
    border-top: 1px solid #b4b4b4;
    counter-reset: chapter; }
    #content .teaser-nav > .wrapper {
      padding-top: 4em; }
      @media screen and (min-width: 1200px) {
        #content .teaser-nav > .wrapper {
          padding-top: 6em; } }
    #content .teaser-nav h2, #content .teaser-nav li {
      margin-bottom: 2em; }
    #content .teaser-nav ul {
      margin: 0 0 3em;
      padding: 0; }
    #content .teaser-nav li {
      counter-increment: chapter;
      display: inline-block;
      vertical-align: top;
      width: 100%;
      margin: 0 0 1em;
      border-bottom: 2px solid #C0C0C0;
      line-height: 1;
      text-align: left; }
      @media screen and (min-width: 900px) {
        #content .teaser-nav li {
          width: 45%;
          margin: 0 2.5% 1em;
          float: left; }
          #content .teaser-nav li:nth-of-type(odd) {
            width: 47.5%;
            margin: 0 2.5% 1em 0; }
          #content .teaser-nav li:nth-of-type(even) {
            width: 47.5%;
            margin: 0 0 1em 2.5%; } }
      #content .teaser-nav li a {
        display: block;
        color: #C0C0C0;
        line-height: 2; }
        #content .teaser-nav li a:before {
          content: attr(data-prefix) " " counter(chapter) ": ";
          color: #E5E5E5; }
      #content .teaser-nav li:hover, #content .teaser-nav li.active {
        border-bottom-color: #CD9743; }
        #content .teaser-nav li:hover a, #content .teaser-nav li.active a {
          color: #CD9743; }
          #content .teaser-nav li:hover a:before, #content .teaser-nav li.active a:before {
            color: #0D8097; }

.page__body {
  display: flex;
  justify-content: justify;
  flex-flow: column;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem; }
  @media screen and (min-width: 768px) {
    .page__body {
      flex-flow: row; } }
.page__title {
  color: #CD9743;
  font-weight: 700;
  font-size: 2em;
  line-height: 1.1;
  text-align: center; }
  @media screen and (min-width: 480px) {
    .page__title {
      font-size: 2.5em; } }
.page__main-column {
  order: 2;
  flex: 1 1 1rem; }
  @media screen and (min-width: 768px) {
    .page__main-column {
      margin-left: 2rem; } }
.page__side-column {
  flex: 0 1 260px;
  order: 3;
  padding-top: 4rem; }
  @media screen and (min-width: 768px) {
    .page__side-column {
      order: 1; } }

.splash > .wrapper {
  margin: 4em auto; }
  @media screen and (max-width: 1023px) {
    .splash > .wrapper {
      text-align: justify; }
      .splash > .wrapper:after {
        content: '';
        display: inline-block;
        width: 100%; } }
.splash article {
  max-width: 600px;
  margin: 0 auto;
  position: relative;
  z-index: 10;
  text-align: left; }
  .splash article:hover img {
    -webkit-filter: contrast(115%);
    filter: contrast(115%); }
  .splash article + article {
    margin-top: 4em; }
  @media screen and (min-width: 480px) {
    .splash article {
      width: 80%; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .splash article {
      display: inline-block;
      vertical-align: top;
      width: 48%; }
      .splash article + article {
        margin-top: 0; }
      .splash article + article + article {
        margin-top: 4em; } }
  .splash article img {
    margin-bottom: 2em;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-backface-visibility: hidden; }
  .splash article .text {
    display: inline-block;
    vertical-align: top; }
  @media screen and (min-width: 1024px) {
    .splash article {
      max-width: none; }
      .splash article img {
        width: 35%;
        margin: 0;
        float: left; }
      .splash article .text {
        width: 60%;
        padding-right: 5em;
        float: right; } }
  .splash article a {
    display: block;
    color: #333333; }
  .splash article:after {
    content: '';
    display: block;
    width: 100%;
    height: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    border-bottom: 0.125em solid #CD9743; }
    @media screen and (min-width: 1024px) {
      .splash article:after {
        width: 60%; } }
  @media screen and (max-width: 1023px) {
    .splash article h2, .splash article #content .teaser-nav li, #content .teaser-nav .splash article li {
      padding-right: 2em;
      position: relative; }
      .splash article h2:after, .splash article #content .teaser-nav li:after, #content .teaser-nav .splash article li:after {
        content: '';
        display: block;
        width: 1.5em;
        height: 2.685em;
        position: absolute;
        top: 50%;
        margin-top: -1.3425em;
        right: 0.25em;
        z-index: -1;
        background: url("/wp-content/themes/kares-zap/graphics/icon-arrow.png") center center no-repeat;
        background-size: contain;
        -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
        -webkit-backface-visibility: hidden; }
    .splash article:hover h2:after, .splash article:hover #content .teaser-nav li:after, #content .teaser-nav .splash article:hover li:after {
      right: -0.25em; } }
  @media screen and (min-width: 1024px) {
    .splash article:before {
      content: '';
      display: block;
      width: 4em;
      height: 7.16em;
      position: absolute;
      top: 50%;
      margin-top: -3.58em;
      right: 0;
      z-index: -1;
      background: url("/wp-content/themes/kares-zap/graphics/icon-arrow.png") center center no-repeat;
      background-size: contain;
      -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
      -webkit-transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
      transition: all 0.4s ease;
      -webkit-backface-visibility: hidden; }
    .splash article:hover:before {
      right: -0.5em; } }

.page > .wrapper {
  padding: 4em 0; }
  @media screen and (min-width: 480px) {
    .page > .wrapper {
      padding: 4em 10%; } }

.empfehlung {
  border-top: 1px solid #b4b4b4; }
  .empfehlung img {
    margin-bottom: 2em; }
    @media screen and (min-width: 680px) {
      .empfehlung img {
        width: 65%; } }
    @media screen and (min-width: 1024px) {
      .empfehlung img {
        width: 50%; } }
  .empfehlung .text {
    padding: 2em;
    position: relative;
    z-index: 10;
    background: white; }
    @media screen and (min-width: 680px) {
      .empfehlung .text {
        width: 85%;
        padding-right: 0;
        margin-top: -10%;
        float: right; } }
    @media screen and (min-width: 1024px) {
      .empfehlung .text {
        width: 65%;
        margin-top: -20%; } }
    .empfehlung .text:after {
      content: '!';
      position: absolute;
      top: 32px;
      top: 2rem;
      right: 16px;
      right: 1rem;
      z-index: 1;
      color: #0D8097;
      font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
      font-size: 9.5em;
      line-height: 1; }
    .empfehlung .text h3,
    .empfehlung .text p {
      position: relative;
      z-index: 10; }
  .empfehlung .wrapper {
    padding: 4em 0; }

.related {
  border-top: 1px solid #b4b4b4; }
  .related .wrapper {
    padding: 4em 0; }
  @media screen and (min-width: 768px) {
    .related ul {
      text-align: justify; }
      .related ul:after {
        content: '';
        display: inline-block;
        width: 100%; } }
  .related li {
    display: block;
    padding-right: 4em;
    margin-bottom: 1em;
    text-align: left; }
    @media screen and (min-width: 768px) {
      .related li {
        display: inline-block;
        vertical-align: top;
        width: 48%; } }
  .related a {
    display: block;
    padding: 1em 0 1em 4em;
    border-bottom: 2px solid #0D8097;
    position: relative; }
    .related a:before {
      content: '';
      display: block;
      width: 2em;
      height: 3.58em;
      position: absolute;
      top: 50%;
      margin-top: -1.79em;
      left: 0;
      background: url("/wp-content/themes/kares-zap/graphics/icon-arrow.png") center center no-repeat;
      background-size: contain;
      -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
      -webkit-transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
      transition: all 0.4s ease;
      -webkit-backface-visibility: hidden; }
    .related a:hover {
      border-color: #0D8097; }
      .related a:hover:before {
        left: 0.5em; }
  .related span {
    display: block;
    color: #333333; }

.all-on-4 {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 3em;
  text-align: center; }
  .all-on-4 h2, .all-on-4 #content .teaser-nav li, #content .teaser-nav .all-on-4 li {
    margin-top: 0; }
  .all-on-4 .wrapper {
    max-width: 640px;
    margin: 0 2em; }
    .all-on-4 .wrapper + .wrapper {
      margin-top: 2rem; }

.page-footer {
  padding: 4em 0 2em;
  margin-top: 4rem;
  position: relative;
  background: #303030;
  color: white; }
  .page-footer__widgets {
    display: flex;
    flex-flow: row wrap;
    justify-content: center; }
    .page-footer__widgets .widget {
      flex: 0 1 360px;
      padding: 0 1rem; }
      .page-footer__widgets .widget .menu {
        padding: 0;
        list-style: none;
        columns: 2 2rem; }
        .page-footer__widgets .widget .menu a {
          color: white; }
  .page-footer__container {
    margin: 0 auto;
    padding: 0 1rem;
    max-width: 1200px; }
  .page-footer__copy {
    margin-top: 1rem;
    border-top: 1px solid #444; }
    .page-footer__copy > p {
      margin: 0;
      text-align: right; }
  .page-footer__certificates {
    display: flex;
    flex-flow: row wrap;
    justify-content: center; 
	align-items:center;}
    .page-footer__certificates > div, .page-footer__certificates > a {
      flex: 0 1 220px;
      margin: 1rem;
      color: white; }
      .page-footer__certificates > div > img, .page-footer__certificates > a > img {
        width: 100%;
        height: auto; }
      .page-footer__certificates > div.wide, .page-footer__certificates > a.wide {
        flex: 0 1 360px; }
    .page-footer__certificates a {
      color: white; }
  .page-footer__menu {
    list-style: none;
    padding: 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    gap: 2rem; }

.socialmedia {
  display: flex;
  list-style: none;
  padding: 0; }
  .socialmedia li {
    flex: 0 1 2rem;
    margin-right: 1rem; }
    .side-nav .socialmedia li {
      flex: 0 1 2.5rem; }
  .socialmedia img {
    width: 100%;
    height: auto; }

.img-widget {
  display: flex;
  align-items: flex-start; }
  .img-widget__img {
    width: 4rem;
    flex: 0 1 4rem;
    height: auto;
    margin-right: 1rem; }
  .img-widget__text {
    flex: 1 1 1rem; }

.gallery {
  text-align: justify;
  position: relative;
  font-size: 0px;
  margin-bottom: 80px;
  margin-bottom: 5rem; }
  .gallery:after {
    content: '';
    display: inline-block;
    width: 100%; }
  .gallery-page .gallery {
    margin-top: 64px;
    margin-top: 4rem;
    margin-bottom: 0;
    padding-bottom: 32px;
    padding-bottom: 2rem; }
  .gallery figure {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-bottom: 16px;
    margin-bottom: 1rem;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    -moz-transition: transform 0.4s ease;
    -ms-transition: transform 0.4s ease;
    -webkit-transition: transform 0.4s ease;
    -o-transition: transform 0.4s ease;
    transition: transform 0.4s ease;
    -webkit-backface-visibility: hidden; }
    @media screen and (min-width: 500px) {
      .gallery figure {
        width: 48%;
        margin-bottom: 4%; } }
    .gallery figure.hidden {
      max-height: 0;
      margin: 0;
      overflow: hidden; }
    .gallery figure.show {
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      transform: scale(0);
      -moz-transition: none 0.4s ease;
      -ms-transition: none 0.4s ease;
      -webkit-transition: none 0.4s ease;
      -o-transition: none 0.4s ease;
      transition: none 0.4s ease;
      -webkit-backface-visibility: hidden; }
    .gallery figure img {
      width: 100%; }
  .gallery .button, .gallery .teaser__button {
    display: none;
    width: 12em;
    position: absolute;
    bottom: 3em;
    left: 50%;
    margin-left: -6em;
    font-size: 1rem; }
  .gallery.more {
    padding-bottom: 96px;
    padding-bottom: 6rem; }
    .gallery.more .button, .gallery.more .teaser__button {
      display: block; }
  .gallery p {
    display: inline-block;
    width: 100%; }

.kontakt h1 {
  color: #333333; }
.kontakt .page.new {
  position: relative; }
  @media screen and (max-width: 899px) {
    .kontakt .page.new header {
      display: none; }
    .kontakt .page.new .content {
      width: 94%;
      margin: 0 auto;
      padding: 2em 0; } }
  @media screen and (max-width: 899px) and (min-width: 480px) {
    .kontakt .page.new .content {
      padding: 2em 10%; } }

  @media screen and (min-width: 900px) {
    .kontakt .page.new header {
      height: 100%;
      width: 40%;
      float: left;
      overflow: hidden;
      background: white !important;
      color: #333333 !important; }
      .kontakt .page.new header img {
        width: 100% !important; }
    .kontakt .page.new .content {
      width: 60%;
      float: right;
      padding: 0 2em 2em; }
      .kontakt .page.new .content #formsent {
        min-height: 300px; }
    .kontakt .page.new #submit {
      margin-bottom: 0; }
    .kontakt .page.new .text {
      padding: 2em; }
      .kontakt .page.new .text + .text {
        padding-top: 0 !important; }
    .kontakt .page.new #kontaktform {
      max-width: 680px; } }

iframe[name="google_conversion_frame"] {
  position: fixed;
  top: 100%;
  right: 100%; }

.video-gallery ul {
  padding: 0;
  margin: 0;
  list-style: none; }
  @supports (display: grid) {
    .video-gallery ul {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      grid-column-gap: 1px;
      grid-row-gap: 1px; }
      @media screen and (min-width: 640px) {
        .video-gallery ul {
          grid-template-columns: repeat(2, 1fr); } }
      @media screen and (min-width: 1024px) {
        .video-gallery ul {
          grid-template-columns: repeat(3, 1fr); } }
      .video-gallery ul:after, .video-gallery ul:before {
        content: none; } }
.video-gallery li {
  width: 33.3333333333%;
  float: left; }
  @supports (display: grid) {
    .video-gallery li {
      width: 100%;
      float: none; } }
.video-gallery + .wrapper .cta {
  margin: 0;
  padding-top: 0;
  border-top: 0; }

@media screen and (max-width: 640px) {
  .tarif td {
    display: block;
    padding-bottom: 0; }
    .tarif td + td {
      padding-bottom: 1em; } }

.small {
  font-size: 0.875rem; }

.nojs .aufklapper .aufklapper__toggle, .aufklapper--show .aufklapper__toggle {
  display: none; }
.nojs .aufklapper .aufklapper__container, .aufklapper--show .aufklapper__container {
  margin-bottom: 1.266666666em;
  max-height: none; }
.aufklapper__toggle {
  width: 7.5rem;
  position: relative;
  text-indent: -999em; }
  .aufklapper__toggle.button, .aufklapper__toggle.teaser__button {
    border: 1px dotted transparent; }
    .aufklapper__toggle.button:focus, .aufklapper__toggle.teaser__button:focus {
      outline: none;
      border-color: currentColor; }
  .aufklapper__toggle:before, .aufklapper__toggle:after {
    content: '';
    display: block;
    width: 2.5rem;
    height: 0.25rem;
    position: absolute;
    top: 50%;
    left: 50%;
    background: currentColor; }
  .aufklapper__toggle:before {
    transform: translate(-50%, -50%); }
  .aufklapper__toggle:after {
    transform: translate(-50%, -50%) rotate(90deg); }
.aufklapper__container {
  max-height: 0;
  margin: 1.266666666em 0 0;
  overflow: hidden; }

.block {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2rem;
  position: relative;
  z-index: 0;
  -moz-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
  -webkit-backface-visibility: hidden; }
  .block.left {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-template-areas: "image text";
    gap: 2rem; }
  .block.right {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-areas: "text image";
    gap: 2rem; }
  .block.center {
    max-width: 1200px; }
  @media screen and (max-width: 767px) {
    .block.left, .block.right {
      grid-template-columns: 1fr;
      grid-template-areas: "image" "text";
      gap: 1rem; } }
  .block:last-child {
    margin-bottom: 0; }
  header + .block {
    margin-top: -4rem; }
  .page-header + .block {
    background: transparent;
    text-align: left; }
  .block__content {
    align-self: center;
    width: 100%;
    position: relative;
    z-index: 600;
    grid-area: text; }
    .block__content img {
      max-width: 100%;
      height: auto; }
    .block__content > :last-child {
      margin-bottom: 0 !important; }
  .block__heading, .toc__heading {
    margin-bottom: 0.9375em;
    position: relative;
    font-size: 1.5em;
    font-weight: 400; }
    @media screen and (min-width: 1200px) {
      .block__heading, .toc__heading {
        font-size: 2em; } }
    .block__heading--h3 {
      padding-left: 0;
      margin-bottom: 1.266666666em;
      font-size: 1.5em;
      font-weight: 500;
      text-indent: 0; }
      .block__heading--h3:after {
        content: none; }
  .block--not-visible {
    opacity: 0; }
  .block__offset, .anker {
    position: absolute;
    top: -8rem; }
  .block__image {
    margin-bottom: 2rem;
    grid-area: image; }

.image-list {
  max-width: 500px;
  margin: 0 auto;
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0;
  list-style: none; }
  .image-list__icon {
    display: block;
    width: 80%;
    height: auto;
    margin: 0 auto 1rem; }
    .page-footer .image-list__icon {
      width: 8rem; }
  .image-list__item {
    flex: 1 1 34%;
    padding: 0;
    margin: 0 1rem 4rem; }
    .image-list__item:before {
      content: none; }
    .page-footer .image-list__item {
      position: relative; }
      .page-footer .image-list__item a:after {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10; }
  .image-list__content {
    text-align: center; }

.blockquote, blockquote {
  padding-left: 3rem;
  margin-left: 0;
  margin-right: 0;
  position: relative; }
  .blockquote:after, blockquote:after {
    content: '';
    display: block;
    width: 3rem;
    height: 3rem;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    background: url("/wp-content/themes/kares-zap/graphics/icon-quote.svg") center center no-repeat;
    background-size: contain; }
  .blockquote__heading {
    display: block;
    font-weight: 600; }
  @media screen and (min-width: 640px) {
    .blockquote, blockquote {
      padding-left: 5rem; }
      .blockquote:after, blockquote:after {
        width: 3rem;
        height: 3rem;
        left: 1rem; } }

.button, .teaser__button {
  display: table;
  width: auto !important;
  min-width: 0 !important;
  vertical-align: top;
  padding: 1rem 3rem;
  background: #0D8097;
  border: 0;
  color: white;
  cursor: pointer;
  line-height: 1.266666666;
  text-decoration: none; }
  .button[disabled], [disabled].teaser__button {
    cursor: default;
    color: #B1B3B4; }
  .block__content > .button, .block__content > .teaser__button {
    margin-top: 1.266666666em;
    margin-bottom: 1.266666666em; }

.breadcrumb {
  margin-bottom: 2.5rem; }
  .breadcrumb__wrapper {
    display: flex;
    align-items: flex-start; }
  .breadcrumb__list {
    margin: 0;
    padding: 0;
    list-style: none; }
    @media screen and (min-width: 768px) {
      .breadcrumb__list {
        display: flex;
        flex-flow: row wrap; } }
  .breadcrumb__item {
    position: relative;
    line-height: 1.375rem; }
    .breadcrumb__item:before {
      content: none;
      position: static;
      transform: none; }
    .breadcrumb__item + .breadcrumb__item:before {
      content: '/';
      display: inline-block;
      margin: 0 .5rem; }
  .breadcrumb__link {
    color: inherit;
    font-size: 0.75rem;
    text-decoration: none; }
    @media screen and (min-width: 1200px) {
      .breadcrumb__link {
        font-size: 1rem; } }

.checkmarks, .block__content .checkmarks {
  padding: 0;
  list-style: none; }
  .checkmarks__item, .block__content .checkmarks__item {
    padding-left: 2.5rem;
    position: relative; }
    .checkmarks__item:before, .block__content .checkmarks__item:before {
      content: '';
      display: block;
      width: 2rem;
      height: 2rem;
      position: absolute;
      top: 0.9em;
      left: 0;
      transform: translate(0, -50%);
      background: url("/wp-content/themes/kares-zap/graphics/icon-checkmark.svg") center center no-repeat transparent;
      background-size: contain; }

.contact__nav {
  display: flex;
  justify-content: flex-end;
  flex-flow: row wrap;
  padding: 0;
  margin: 0;
  list-style: none; }
.contact li {
  padding-left: 1rem; }
.contact a {
  color: inherit;
  font-size: 0.875rem;
  text-decoration: none; }

.cta {
  padding: 1rem;
  background: #F6F6F6;
  border: 1px solid #D9DADB; }
  .cta__heading {
    display: block;
    font-weight: bold; }

.grid {
  display: grid;
  grid-gap: 2rem;
  margin: 2rem 0; }
  .grid--2 {
    grid-template-columns: 1fr 1fr; }
  .grid--3 {
    grid-template-columns: 1fr 1fr 1fr; }
  .grid--4 {
    grid-template-columns: 1fr 1fr 1fr 1fr; }
  .grid :last-child {
    margin-bottom: 0; }

.glide-gallery {
  margin: 2rem 0; }
  .glide-gallery__image {
    display: block;
    height: 100% !important;
    width: 100%;
    object-fit: cover; }
  .glide-gallery__link {
    display: block;
    height: 100% !important;
    position: relative; }
  .glide-gallery__controls {
    display: flex;
    width: 100%;
    padding: 0 1rem;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%); }
  .glide-gallery__button {
    display: block;
    width: 3rem;
    height: 3rem;
    position: relative;
    background: #204148;
    border: 0;
    border-radius: 50%;
    text-indent: -999rem; }
    .glide-gallery__button:after, .glide-gallery__button:before {
      content: '';
      display: block;
      width: 0.875rem;
      height: .125rem;
      position: absolute;
      top: 50%;
      left: 50%;
      background: white; }
    .glide-gallery__button--prev:after, .glide-gallery__button--prev:before {
      transform-origin: center left; }
    .glide-gallery__button--prev:after {
      transform: translate(-50%, 0) rotate(45deg); }
    .glide-gallery__button--prev:before {
      transform: translate(-50%, 0) rotate(-45deg); }
    .glide-gallery__button--next:after, .glide-gallery__button--next:before {
      transform-origin: center right; }
    .glide-gallery__button--next:after {
      transform: translate(-50%, 0) rotate(45deg); }
    .glide-gallery__button--next:before {
      transform: translate(-50%, 0) rotate(-45deg); }

.lightbox {
  display: flex;
  flex-flow: column;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000000;
  background: rgba(0, 0, 0, 0.6); }
  .lightbox__container {
    max-width: 90%;
    max-height: 90%;
    justify-content: center;
    align-items: center;
    margin: auto;
    position: relative; }
  .lightbox__img {
    display: block; }
  .lightbox__close {
    display: block;
    width: 3rem;
    height: 3rem;
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(50%, -50%);
    background: #204148;
    border: 0;
    border-radius: 50%;
    text-indent: -999rem; }
    .lightbox__close:after, .lightbox__close:before {
      content: '';
      display: block;
      width: 1.5rem;
      height: 0.125rem;
      position: absolute;
      top: 50%;
      left: 50%;
      background: white; }
    .lightbox__close:after {
      transform: translate(-50%, -50%) rotate(45deg); }
    .lightbox__close:before {
      transform: translate(-50%, -50%) rotate(-45deg); }
  .lightbox__iterate {
    display: block;
    width: 3rem;
    height: 3rem;
    position: absolute;
    top: 100%;
    background: #204148;
    border: 0;
    border-radius: 50%;
    text-indent: -999rem; }
    .lightbox__iterate:after, .lightbox__iterate:before {
      content: '';
      display: block;
      width: 0.875rem;
      height: .125rem;
      position: absolute;
      top: 50%;
      left: 50%;
      background: white; }
    .lightbox__iterate--prev {
      left: 50%;
      transform: translate(-150%, -50%); }
      .lightbox__iterate--prev:after, .lightbox__iterate--prev:before {
        transform-origin: center left; }
      .lightbox__iterate--prev:after {
        transform: translate(-50%, 0) rotate(45deg); }
      .lightbox__iterate--prev:before {
        transform: translate(-50%, 0) rotate(-45deg); }
    .lightbox__iterate--next {
      left: 50%;
      transform: translate(50%, -50%); }
      .lightbox__iterate--next:after, .lightbox__iterate--next:before {
        transform-origin: center right; }
      .lightbox__iterate--next:after {
        transform: translate(-50%, 0) rotate(45deg); }
      .lightbox__iterate--next:before {
        transform: translate(-50%, 0) rotate(-45deg); }

.faq {
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #0D8097; }
  .faq:first-child {
    margin-top: 0; }
  .faq:last-child {
    margin-bottom: 0; }
  .faq[open] .faq__question {
    padding-bottom: 1.5rem; }
  .faq[open] .faq__state-marker:after, .faq[open] .faq__state-marker:before {
    top: 50%;
    transform: translate(0, -50%) rotate(180deg); }
  .faq__question {
    padding: 1.5rem 4rem 0 2.5rem;
    position: relative;
    cursor: pointer;
    color: #0D8097;
    font-family: inherit;
    font-size: 1.25rem;
    font-weight: bold;
    list-style: none; }
    .faq__question::-webkit-details-marker {
      display: none; }
  .faq__state-marker:after, .faq__state-marker:before {
    content: '';
    display: block;
    width: 1.5rem;
    height: 0.1875rem;
    position: absolute;
    top: calc( 50% + 0.75rem );
    right: 1rem;
    background: #0D8097;
    -moz-transition: transform 0.4s ease;
    -ms-transition: transform 0.4s ease;
    -webkit-transition: transform 0.4s ease;
    -o-transition: transform 0.4s ease;
    transition: transform 0.4s ease;
    -webkit-backface-visibility: hidden; }
  .faq__state-marker:after {
    transform: translate(0, -50%) rotate(90deg); }
  .faq__state-marker:before {
    transform: translate(0, -50%); }
  .faq__answer {
    padding: 0 2.5rem; }

.contact-form {
  min-width: calc( 320px - 4rem );
  width: 80%;
  margin-top: 2rem; }
  @media screen and (min-width: 768px) {
    .contact-form {
      margin-top: 4rem; } }
  .contact-form__element {
    width: 100%;
    margin-bottom: 1em;
    position: relative;
    color: #333333; }
    @media screen and (min-width: 768px) {
      .contact-form__element {
        margin-bottom: 1.5em; } }
    .contact-form__element--required {
      display: none !important; }
    .nojs .contact-form__element .contact-form__label, .contact-form__element--has-focus .contact-form__label, .contact-form__element--has-input .contact-form__label {
      padding-top: calc( .25rem - 1px );
      padding-left: calc( .5rem - 1px );
      font-size: 0.875em;
      line-height: 1.4; }
    .nojs .contact-form__element .contact-form__input, .contact-form__element--has-focus .contact-form__input, .contact-form__element--has-input .contact-form__input {
      padding-left: calc( .5rem - 1px ); }
    .contact-form__element--has-focus .contact-form__input {
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08); }
  .contact-form__alert {
    margin: 0 0 0 .5rem;
    color: #de0027;
    font-size: 0;
    opacity: 0;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-backface-visibility: hidden; }
  .contact-form__label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    display: block;
    width: 100%;
    padding: calc( 0.5rem - 1px ) calc( .75rem - 1px );
    border: 1px solid transparent;
    cursor: text;
    color: inherit;
    line-height: 2rem;
    pointer-events: none;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-backface-visibility: hidden; }
  .contact-form__input {
    width: 100%;
    padding: calc( 1.5rem - 1px ) calc( 1rem  - 1px ) calc( 0.5rem - 1px );
    background: white;
    border: 1px solid #D9DADB;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: 1rem;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-backface-visibility: hidden; }
    .contact-form__input--non-validate {
      border-color: #de0027;
      box-shadow: 0 2px 2px 0 rgba(222, 0, 39, 0.16), 0 0 0 1px rgba(222, 0, 39, 0.08); }
      .contact-form__input--non-validate + .contact-form__alert {
        margin-top: 0.5rem;
        font-size: 1rem;
        opacity: 1; }
    .contact-form__input--textarea {
      height: 150px;
      resize: vertical; }
    .contact-form__input--checkbox {
      width: auto;
      padding: 0;
      position: absolute;
      top: 1em;
      left: 0;
      transform: translate(0, -50%); }
  .contact-form__submit {
    margin-left: .5rem;
    margin-right: .5rem;
    font-size: 1rem;
    font-weight: 700; }
    .contact-form__submit[disabled], .contact-form__submit[disabled]:hover {
      color: #9C9E9F;
      cursor: default; }
  .contact-form__legal {
    position: relative;
    padding-left: 1.5em;
    margin-bottom: 1em;
    margin-left: .5rem;
    margin-right: .5rem; }
    .contact-form__legal .contact-form__label {
      display: block;
      padding: 0;
      border: 0;
      position: static;
      cursor: pointer;
      pointer-events: all;
      line-height: 1.4; }
      .contact-form__legal .contact-form__label a {
        color: inherit; }
  .contact-form .user-notice {
    margin: 1rem 0.5rem; }
    @media screen and (min-width: 1024px) {
      .contact-form .user-notice {
        margin: 1rem; } }
  .contact-form__admin-notice {
    font-weight: 800;
    margin-left: .5rem;
    margin-right: .5rem; }
  .contact-form__warning {
    display: none;
    clear: both;
    margin-top: 1em; }
    .contact-form__warning p {
      font-weight: bold;
      color: red; }

#formsent {
  margin: 2rem 0; }

.language a {
  display: block;
  width: 2rem;
  height: 1rem;
  position: relative;
  text-indent: -9999rem; }
.language img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }
.language ul {
  display: flex;
  justify-content: center;
  padding: 0;
  margin: 0; }
  @media screen and (min-width: 640px) {
    .language ul {
      justify-content: flex-end; } }
  .language ul li {
    margin: 0; }

.infobox {
  padding: 1.75rem 2rem;
  margin: 2rem 0;
  color: white; }
  .infobox--pink {
    background: #204148; }
  .infobox--blau {
    background: #0D8097; }
  .infobox--lila {
    background: #717E86; }
  .infobox--grun {
    background: #204148; }
  .infobox--gelb {
    background: #0D8097; }
  .infobox--orange {
    background: #717E86; }
  .infobox :last-child {
    margin-bottom: 0; }

.news {
  padding: 0; }
  .news__item {
    padding-left: 1.5rem;
    position: relative;
    list-style: none; }
    .news__item + .news__item {
      margin-top: 1.5rem; }
  .news__heading {
    margin-bottom: 0;
    color: inherit;
    font-size: 1.5rem; }
    .news__heading:before {
      content: '';
      display: block;
      width: 1rem;
      height: 1rem;
      position: absolute;
      top: 0.625em;
      left: 0;
      transform: translate(0, -50%);
      background: #0D8097; }
    .news__heading a {
      color: inherit;
      font-weight: 300;
      text-decoration: none; }
  .news__meta {
    margin-bottom: 1rem;
    font-style: italic; }
    .news__meta a {
      color: inherit; }

.main-nav a {
  color: #333333; }
  .main-nav a:hover {
    color: #0D8097; }
.main-nav__top-level > li > a {
  font-weight: bold;
  text-transform: uppercase; }
@media screen and (max-width: 1023px) {
  .main-nav__top-level {
    width: 100vw;
    height: auto;
    position: absolute;
    top: 100%;
    left: -1rem;
    margin-top: 1rem;
    background: white;
    opacity: 0;
    pointer-events: none;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-backface-visibility: hidden; }
    .show-nav .main-nav__top-level {
      opacity: 1;
      pointer-events: all; }
  .main-nav__toggle {
    display: block;
    height: calc(1rem + 4px);
    width: 1.75rem;
    padding: 0 !important;
    margin: auto 0;
    position: relative;
    text-indent: -999em; }
    .main-nav__toggle:hover span {
      background: #0D8097;
      transform: translate(50%, 0); }
      .main-nav__toggle:hover span:before {
        transform: translate(-100%, -100%); }
      .main-nav__toggle:hover span:after {
        transform: translate(-100%, 100%); }
    .main-nav__toggle span {
      display: block;
      width: 1.75rem;
      height: 4px;
      margin: .5rem 0;
      position: absolute;
      top: 0;
      left: 0;
      background: #333333;
      -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
      -webkit-transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
      transition: all 0.4s ease;
      -webkit-backface-visibility: hidden; }
      .main-nav__toggle span:before, .main-nav__toggle span:after {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 50%;
        background: inherit;
        -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
        -webkit-backface-visibility: hidden; }
      .main-nav__toggle span:before {
        top: 100%;
        margin-top: .5rem;
        transform: translate(-50%, -100%); }
      .main-nav__toggle span:after {
        bottom: 100%;
        margin-bottom: .5rem;
        transform: translate(-50%, 100%); }
  .main-nav .main-nav__item a {
    padding-left: 2rem; }
  .main-nav .main-nav__item .main-nav__item a {
    padding-left: 3rem; }
  .main-nav .main-nav__item--has-children > ul {
    max-height: 0;
    overflow: hidden;
    border-left: 4px solid #0D8097;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-backface-visibility: hidden; }
  .main-nav .main-nav__item:hover > ul, .main-nav .main-nav__item--open > ul {
    max-height: 100em; }
  .main-nav a {
    display: block;
    line-height: 1.2;
    padding: .3rem 1rem; } }
@media screen and (min-width: 1024px) {
  .main-nav__top-level {
    display: flex; }
    .main-nav__top-level a {
      display: block; }
    .main-nav__top-level li {
      position: relative;
      padding: 0.25rem .5rem; }
      .main-nav__top-level li:hover > ul {
        opacity: 1;
        pointer-events: all; }
      .main-nav__top-level li li {
        padding: 0; }
        .main-nav__top-level li li a {
          padding: 0.25rem 1rem; }
          .main-nav__top-level li li a:hover {
            background: #0D8097;
            color: white; }
    .main-nav__top-level ul {
      position: absolute;
      top: 100%;
      left: 0;
      background: white;
      opacity: 0;
      pointer-events: none; }
      .main-nav__top-level ul ul {
        top: 0;
        left: 100%; }
  .main-nav__toggle {
    display: none; } }
@media screen and (min-width: 1110px) {
  .main-nav__top-level {
    display: flex; }
    .main-nav__top-level a {
      display: block; }
    .main-nav__top-level li {
      position: relative;
      padding: 0.25rem 1rem; } }

.page-header {
  position: relative;
  overflow: hidden;
  margin-bottom: 2rem; }
  .page-header__image-container {
    max-width: 1280px;
    min-height: 360px;
    margin: 0 auto; }
    .front-page .page-header__image-container {
      max-width: none; }
  .page-header__image {
    display: block;
    width: 100%;
    min-height: inherit;
    height: auto;
    object-fit: cover;
    object-position: 66% center; }
    @media screen and (min-width: 768px) {
      .page-header__image {
        object-position: center center; } }
  .page-header__text {
    max-width: 1280px;
    margin: 0 auto;
    position: relative; }

.online-sprechstunde {
  display: block;
  padding: 1rem;
  width: 400px;
  max-width: 100%;
  margin: 0 auto; }
  @media screen and (min-width: 1000px) {
    .online-sprechstunde {
      position: absolute;
      bottom: 1rem;
      left: 4rem; } }

.sm-feed {
  width: calc( 100% + 2rem );
  margin: 0 -1rem; }
  .sm-feed__item {
    max-width: 400px;
    margin: 0 1rem 2rem;
    position: relative;
    background: white;
    border: 1px solid #0D8097; }
    @media screen and (min-width: 768px) and (max-width: 1023px), screen and (min-width: 1600px) {
      .sm-feed__item {
        float: left;
        width: calc( 50% - 2rem ); } }
  .sm-feed__image {
    display: block;
    width: 100%;
    height: auto; }
  .sm-feed__image-container {
    position: relative; }
    .sm-feed__image-container svg {
      width: 3rem;
      height: 3rem;
      position: absolute;
      bottom: .5rem;
      left: .5rem;
      z-index: 10; }
  .sm-feed__link {
    color: inherit;
    text-decoration: none; }
    .sm-feed__link:after {
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1000; }
  .sm-feed__heading {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 300; }
    .sm-feed__heading + * {
      margin-top: 0; }
  .sm-feed__content {
    padding: 0.875rem 1rem; }
    @media screen and (min-width: 480px) {
      .sm-feed__content {
        padding: 2rem; } }

.search__form {
  display: flex;
  position: relative;
  border: 1px solid;
  overflow: hidden; }
  .search__form .form-element {
    width: calc( 100% - 2rem ); }
  .search__form [type="text"],
  .search__form [type="submit"] {
    display: block;
    background: none;
    border: 0;
    margin: 0; }
  .search__form [type="text"] {
    line-height: 1.75; }
  .search__form label {
    position: absolute;
    top: 200%;
    height: 200%; }
  .search__form .search__submit {
    width: 2rem;
    padding: 0;
    text-indent: -999em;
    border-left: 1px solid;
    background: url("/wp-content/themes/kares-zap/graphics/icon-search.svg") center center no-repeat;
    background-size: 1.5rem auto; }
.search__item {
  flex: 0 1 300px;
  padding: 2rem;
  margin: 0 1rem 2rem;
  background: white;
  box-shadow: 0 0 3px 1px rgba(88, 88, 90, 0.3); }
  .search__item h2, .search__item #content .teaser-nav li, #content .teaser-nav .search__item li {
    hyphens: auto; }

.page__main-column--search {
  display: flex;
  flex-flow: row wrap;
  justify-content: center; }
  .page__main-column--search h1 {
    flex: 1 1 100%; }

.gallery {
  max-width: 640px;
  margin-top: 2rem;
  margin-right: auto;
  margin-left: auto; }

.side-nav__list {
  padding: 0;
  margin: 0; }
.side-nav__item {
  background: white;
  color: #9C9E9F; }
  .side-nav__list > .side-nav__item {
    margin-bottom: .25rem;
    border: 1px solid #D9DADB; }
    .side-nav__list > .side-nav__item--active {
      background: #0D8097;
      border: 1px solid #0D8097;
      color: white; }
  .side-nav__sub-list > .side-nav__item {
    border-top: 1px solid #D9DADB; }
    .side-nav__sub-list > .side-nav__item--active {
      color: #0D8097; }
.side-nav__link {
  display: block;
  padding: 0.4rem 0.5rem;
  line-height: 1.2;
  color: inherit; }

.team {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: flex-start;
  max-width: 1400px;
  margin: 4rem auto; }
  .team__content {
    padding: 1rem 2rem; }
  .team__heading {
    margin-bottom: 1rem; }
  .team__item {
    flex: 0 1 424px;
    position: relative;
    margin: 0 2rem 4rem; }
    .team__item:nth-child(3n+1) {
      margin-left: 0; }
    .team__item:nth-child(3n+3) {
      margin-right: 0; }
  .team__image {
    vertical-align: top;
    width: 100%; }
  .team__image-wrapper {
    border-bottom: 1rem solid #0D8097;
    box-shadow: 0 0 0.25rem 0.125rem rgba(135, 136, 138, 0.3); }
  .team__link:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000; }

.teaser {
  margin: 2rem 0;
  position: relative; }
  .teaser--news .teaser__item {
    flex: 0 1 100%; }
  .teaser__container {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between; }
  .teaser__item {
    flex: 0 1 100%;
    position: relative;
    z-index: 10;
    background: white;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-backface-visibility: hidden; }
    .teaser__item:nth-child(9n + 1) {
      background: #204148; }
    .teaser__item:nth-child(9n + 2) {
      background: #0D8097; }
    .teaser__item:nth-child(9n + 3) {
      background: #717E86; }
    .teaser__item:nth-child(9n + 4) {
      background: #0D8097; }
    .teaser__item:nth-child(9n + 5) {
      background: #717E86; }
    .teaser__item:nth-child(9n + 6) {
      background: #204148; }
    .teaser__item:nth-child(9n + 7) {
      background: #717E86; }
    .teaser__item:nth-child(9n + 8) {
      background: #204148; }
    .teaser__item:nth-child(9n + 9) {
      background: #0D8097; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .teaser__item {
        flex: 0 1 calc( 1 / 2 * ( 100% - 2rem ) ); }
        .teaser__item + .teaser__item + .teaser__item {
          margin-top: 2rem; } }
    @media screen and (min-width: 1024px) {
      .teaser__item {
        flex: 0 1 calc( 1 / 3 * ( 100% - 4rem ) ); }
        .teaser__item + .teaser__item + .teaser__item + .teaser__item {
          margin-top: 2rem; } }
  .teaser__link {
    color: inherit;
    text-decoration: none; }
    .teaser__link:after {
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 100; }
  .teaser__text {
    padding: 1.5rem 2rem;
    z-index: 10;
    color: white; }
    .teaser__text a {
      z-index: 200; }
    .teaser__text :last-child:not(h3) {
      margin-bottom: .5rem; }
  .teaser__image {
    flex: 0 1 100%; }
  .teaser__button {
    margin-left: 2rem; }
  .teaser__heading {
    margin: 0;
    color: white;
    font-size: 1.25rem;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-backface-visibility: hidden; }
  .teaser__meta {
    color: #0D8097; }

.toc {
  display: inline-block;
  padding: 1rem 2rem;
  margin: -1rem auto 0;
  position: relative;
  left: 50%;
  transform: translate(-50%, -100%);
  z-index: 500;
  overflow: hidden;
  background: white;
  border-radius: 5rem;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15);
  color: #CD9743;
  font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
  -moz-transition: top 0.4s ease;
  -ms-transition: top 0.4s ease;
  -webkit-transition: top 0.4s ease;
  -o-transition: top 0.4s ease;
  transition: top 0.4s ease;
  -webkit-backface-visibility: hidden; }
  .toc--shadow {
    display: none;
    visibility: hidden;
    min-height: 4rem; }
  .masthead--fixed .toc {
    position: fixed;
    top: 1rem;
    left: 10rem;
    margin-top: 0;
    transform: none; }
    .masthead--fixed .toc--shadow {
      display: block;
      position: static;
      margin-top: -1rem; }
  .toc__heading {
    display: block;
    margin-bottom: 2rem;
    line-height: 1.2;
    font-family: "Roboto Condensed", Helvetica, Arial, sans-serif; }
    @media screen and (min-width: 768px) {
      .toc__heading {
        display: none; } }
  .toc__list {
    display: flex; }
  .toc__heading, .toc__list {
    margin-left: auto; }
  .toc__entry {
    display: block;
    padding: 0 2rem;
    position: relative;
    line-height: 2;
    list-style: none;
    font-weight: 700; }
    .toc__entry--active .toc__link {
      text-decoration: underline; }
  .toc__link {
    display: block;
    color: inherit;
    text-decoration: none;
    text-decoration-skip: edges; }
  .toc--fixed {
    padding: 1rem;
    position: fixed;
    top: -6rem;
    left: 0;
    z-index: 9000;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    -moz-transition: all 2s ease;
    -ms-transition: all 2s ease;
    -webkit-transition: all 2s ease;
    -o-transition: all 2s ease;
    transition: all 2s ease;
    -webkit-backface-visibility: hidden; }
    .toc--fixed:after {
      display: none; }
    .toc--fixed .toc__heading {
      display: block;
      padding: 0 2rem;
      margin-bottom: 0;
      position: relative;
      font-size: inherit;
      line-height: 2;
      list-style: none;
      -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
      -webkit-transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
      transition: all 0.4s ease;
      -webkit-backface-visibility: hidden; }
      .toc--fixed .toc__heading:before {
        content: '';
        display: block;
        width: 2rem;
        height: 2rem;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(0, -50%);
        background: url("/wp-content/themes/kares-zap/graphics/icon-right.svg") center center no-repeat;
        background-size: contain; }
    .toc--fixed .toc__list {
      overflow: hidden;
      max-height: 0;
      -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
      -webkit-transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
      transition: all 0.4s ease;
      -webkit-backface-visibility: hidden; }
    .toc--fixed .toc__entry {
      white-space: normal;
      line-height: 1.2;
      padding-top: .5rem;
      padding-bottom: .5rem; }
    .toc--fixed.toc--open .toc__heading {
      margin-bottom: .5rem; }
    .toc--fixed.toc--open .toc__list {
      max-height: 999em; }
    .toc--fixed.toc--show {
      top: 4.4375rem;
      opacity: 1;
      pointer-events: all; }
      @media screen and (min-width: 768px) {
        .toc--fixed.toc--show {
          top: 7.625rem; } }
      @media screen and (min-width: 1200px) {
        .toc--fixed.toc--show {
          top: 8.125rem; } }

.yt-video {
  padding-top: 56.25%;
  position: relative;
  overflow: hidden;
  cursor: pointer; }
  .yt-video:first-child {
    margin-top: 0; }
  .yt-video:last-child {
    margin-bottom: 0; }
  .nojs .yt-video:after, .nojs .yt-video__thumbnail {
    display: none; }
  .yt-video__container {
    margin: 2rem 0; }
  .yt-video--show-video:after {
    opacity: 0; }
  .yt-video--show-video .yt-video__thumbnail {
    opacity: 0;
    pointer-events: none; }
  .yt-video:after {
    content: '';
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 30;
    background: url("/wp-content/themes/kares-zap/graphics/icon-play.svg") center center no-repeat transparent;
    background-size: contain;
    filter: drop-shadow(0 0 4px rgba(88, 88, 90, 0.9));
    pointer-events: none;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-backface-visibility: hidden; }
    @media screen and (min-width: 640px) {
      .yt-video:after {
        width: 5rem;
        height: 5rem; } }
    @media screen and (min-width: 1280px) {
      .yt-video:after {
        width: 7.5rem;
        height: 7.5rem; } }
  .yt-video__thumbnail {
    display: block;
    width: 100%;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    border-radius: .75rem !important;
    object-fit: cover;
    object-position: center center;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-backface-visibility: hidden; }
  .yt-video iframe {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10; }

.reviews__name {
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  color: #0D8097; }
.reviews__stars img {
  display: block;
  max-width: 140px; }
.reviews__text {
  margin-top: .5rem; }
.reviews .glide__bullets {
  display: flex;
  flex-flow: row wrap;
  gap: .5rem; }
.reviews .glide__bullet {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color: #bfbfbf;
  border: none; }
  .reviews .glide__bullet--active {
    background-color: #0D8097; }

/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease; }

.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease; }

.owl-dots {
  position: absolute;
  top: 100%;
  margin-top: 1em;
  left: 0;
  display: block;
  width: 100%;
  font-size: 16px;
  font-size: 1rem;
  text-align: center; }
  .owl-dots .owl-dot {
    display: inline-block;
    vertical-align: middle;
    height: 0.75em;
    width: 0.75em;
    margin: 0 0.25em;
    border-radius: 50%;
    background: #333333; }
    .owl-dots .owl-dot.active {
      background: #CD9743; }

.owl-buttons div {
  position: absolute;
  top: 50%;
  margin-top: -1.5em;
  display: block;
  height: 3em;
  width: 3em;
  text-indent: -9999px;
  background: no-repeat center center #CD9743;
  background-size: 2.25em auto; }
.owl-buttons .owl-prev {
  background-image: url("/wp-content/themes/kares-zap/graphics/icon-left.png");
  left: 0; }
.owl-buttons .owl-next {
  background-image: url("/wp-content/themes/kares-zap/graphics/icon-right.png");
  right: 0; }

#imagelightbox {
  cursor: pointer;
  position: fixed;
  z-index: 10000;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-box-shadow: 0 0 3.125em rgba(0, 0, 0, 0.5);
  /* 50 */
  box-shadow: 0 0 3.125em rgba(0, 0, 0, 0.5);
  /* 50 */ }

/* ACTIVITY INDICATION */
#imagelightbox-loading,
#imagelightbox-loading div {
  border-radius: 50%; }

#imagelightbox-loading {
  width: 2.5em;
  /* 40 */
  height: 2.5em;
  /* 40 */
  background-color: #444;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  z-index: 10003;
  top: 50%;
  left: 50%;
  padding: 0.625em;
  /* 10 */
  margin: -1.25em 0 0 -1.25em;
  /* 20 */
  -webkit-box-shadow: 0 0 2.5em rgba(0, 0, 0, 0.75);
  /* 40 */
  box-shadow: 0 0 2.5em rgba(0, 0, 0, 0.75);
  /* 40 */ }
  #imagelightbox-loading div {
    width: 1.25em;
    /* 20 */
    height: 1.25em;
    /* 20 */
    background-color: #fff;
    -webkit-animation: imagelightbox-loading .5s ease infinite;
    animation: imagelightbox-loading .5s ease infinite; }

@-webkit-keyframes imagelightbox-loading {
  from {
    opacity: .5;
    -webkit-transform: scale(0.75); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1); }
  to {
    opacity: .5;
    -webkit-transform: scale(0.75); } }
@keyframes imagelightbox-loading {
  from {
    opacity: .5;
    transform: scale(0.75); }
  50% {
    opacity: 1;
    transform: scale(1); }
  to {
    opacity: .5;
    transform: scale(0.75); } }
/* OVERLAY */
#imagelightbox-overlay {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.75);
  position: fixed;
  z-index: 9998;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

/* "CLOSE" BUTTON */
#imagelightbox-close {
  width: 2.5em;
  /* 40 */
  height: 2.5em;
  /* 40 */
  text-align: left;
  background-color: #666;
  border-radius: 50%;
  position: fixed;
  z-index: 10002;
  top: 2.5em;
  /* 40 */
  right: 2.5em;
  /* 40 */
  border: 0;
  -webkit-transition: color .3s ease;
  transition: color .3s ease; }
  #imagelightbox-close:hover, #imagelightbox-close:focus {
    background-color: #111; }
  #imagelightbox-close:before, #imagelightbox-close:after {
    width: 2px;
    background-color: #fff;
    content: '';
    position: absolute;
    top: 20%;
    bottom: 20%;
    left: 50%;
    margin-left: -1px; }
  #imagelightbox-close:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  #imagelightbox-close:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }

/* NAVIGATION */
#imagelightbox-nav {
  background-color: #444;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 20px;
  position: fixed;
  z-index: 10001;
  left: 50%;
  bottom: 3.75em;
  /* 60 */
  padding: 0.313em;
  /* 5 */
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }
  #imagelightbox-nav button {
    width: 1em;
    /* 20 */
    height: 1em;
    /* 20 */
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 50%;
    display: inline-block;
    margin: 0 0.313em;
    /* 5 */ }
    #imagelightbox-nav button.active {
      background-color: #fff; }

/* ARROWS */
.imagelightbox-arrow {
  width: 3.75em;
  /* 60 */
  height: 7.5em;
  /* 120 */
  background-color: #444;
  background-color: rgba(0, 0, 0, 0.5);
  vertical-align: middle;
  display: none;
  position: fixed;
  z-index: 10001;
  top: 50%;
  margin-top: -3.75em;
  /* 60 */
  border: 0; }
  .imagelightbox-arrow:hover, .imagelightbox-arrow:focus {
    background-color: #666;
    background-color: rgba(0, 0, 0, 0.75); }
  .imagelightbox-arrow:active {
    background-color: #111; }
  .imagelightbox-arrow:before {
    width: 0;
    height: 0;
    border: 1em solid transparent;
    content: '';
    display: inline-block;
    margin-bottom: -0.125em;
    /* 2 */ }

.imagelightbox-arrow-left {
  left: 2.5em;
  /* 40 */ }
  .imagelightbox-arrow-left:before {
    border-left: none;
    border-right-color: #fff;
    margin-left: -0.313em;
    /* 5 */ }

.imagelightbox-arrow-right {
  right: 2.5em;
  /* 40 */ }
  .imagelightbox-arrow-right:before {
    border-right: none;
    border-left-color: #fff;
    margin-right: -0.313em;
    /* 5 */ }

#imagelightbox-loading,
#imagelightbox-overlay,
#imagelightbox-close,
#imagelightbox-caption,
#imagelightbox-nav,
.imagelightbox-arrow {
  -webkit-animation: fade-in .25s linear;
  animation: fade-in .25s linear; }

@-webkit-keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@media only screen and (max-width: 41.25em) {
  #imagelightbox-close {
    top: 1.25em;
    /* 20 */
    right: 1.25em;
    /* 20 */ }

  #imagelightbox-nav {
    bottom: 1.25em;
    /* 20 */ }

  .imagelightbox-arrow {
    width: 2.5em;
    /* 40 */
    height: 3.75em;
    /* 60 */
    margin-top: -2.75em;
    /* 30 */ }

  .imagelightbox-arrow-left {
    left: 1.25em;
    /* 20 */ }

  .imagelightbox-arrow-right {
    right: 1.25em;
    /* 20 */ } }
@media only screen and (max-width: 20em) {
  .imagelightbox-arrow-left {
    left: 0; }

  .imagelightbox-arrow-right {
    right: 0; } }
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-moz-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes ct-scroll {
  0% {
    opacity: 1; }
  20% {
    opacity: 1; }
  100% {
    opacity: 0.5; } }
@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }

  a, a:visited {
    text-decoration: underline; }

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

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

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""; }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

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

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

  @page {
    margin: 0.5cm; }
  p, h2, #content .teaser-nav li, h3 {
    orphans: 3;
    widows: 3; }

  h2, #content .teaser-nav li, h3 {
    page-break-after: avoid; } }