/*!
Theme Name: Fotografische Werkstatt - Caro
Theme URI: http://denkanross.de/
Author: denkanross
Author URI: http://denkanross.de
Description: Fotografische Werkstatt - Caro Child Theme
Version: 1.0.0
Template: foto-werkstatt

*/

/* karla-regular - latin */
@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('_/fonts/karla-v23-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('_/fonts/karla-v23-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* karla-700 - latin */
@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('_/fonts/karla-v23-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('_/fonts/karla-v23-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
body{
 --fw-primary: #45C2B1;
 --fw-body-bg: #F5FCFB;


 --fw-body-font-family: "Karla", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
 --fw-headings-font-family: "Karla", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;

 --fw-headings-font-weight: 400;

 --fw-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' x='0' y='0' version='1.1' viewBox='0 0 75 60'%3E%3Cpath fill='%2345C2B1' d='M75 0H0l8 6h61.5v54h6V0z'/%3E%3C/svg%3E");

 --fw-pattern-large: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 182 182'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%2345C2B1' stroke='%2345C2B1' d='M0 0h182v182H0z' data-name='Rechteck 15' transform='translate(-10709 -365)'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg data-name='Gruppe 150'%3E%3Cg clip-path='url(%23a)' data-name='Gruppe maskieren 2' transform='translate(10709 365)'%3E%3Cg fill='none' stroke='%2345C2B1' stroke-width='8' data-name='Gruppe 20'%3E%3Cpath d='m-10877.521-369.628 190.438 190.438' data-name='Linie 11'/%3E%3Cpath d='m-10830.374-369.628 190.438 190.438' data-name='Linie 12'/%3E%3Cpath d='m-10783.226-369.628 190.438 190.438' data-name='Linie 13'/%3E%3Cpath d='m-10736.079-369.628 190.438 190.438' data-name='Linie 14'/%3E%3Cpath d='m-10689.857-369.628 190.438 190.438' data-name='Linie 15'/%3E%3Cpath d='m-10642.709-369.628 190.438 190.438' data-name='Linie 16'/%3E%3Cpath d='m-10595.562-369.628 190.438 190.438' data-name='Linie 17'/%3E%3Cpath d='m-10548.415-369.628 190.438 190.438' data-name='Linie 18'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");

 --fw-header-height: 110px;
--fw-header-height-sticky: 75px;
}

@media (min-width: 768px) {
  body {
    --fw-header-height: 150px;
    --fw-header-height-sticky: 75px;
  }
}

footer .o-home-link {
	max-width: 250px;
}


.portfolio-nav {
  padding: 1rem 0;
  background: var(--fw-body-bg);
  position: sticky;
  top: 0;
  z-index: 5;
  gap: 2rem 0.5rem !important;
  text-align: center;
}

.portfolio-nav a{
  color:var(--fw-primary);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.portfolio-nav a:hover,
.portfolio-nav a:active{
  text-decoration: none;
}