/*
Theme Name: CleanWP PRO Child
Theme URI: http://themesdna.com/cleanwp-pro-wordpress-theme/
Template: cleanwp-pro
Author: ThemesDNA
Author URI: http://themesdna.com/
Description: CleanWP is clean, easy to use, fully responsive, 2 columns, blogging theme for WordPress. It has options to change colors and customize various aspects of the theme, full-width page template, full-width post template, right sidebar, header image support, custom logo support, 3 columns footer and 60+ social icons. Also you can select to display full content or post summaries on homepage using theme options. With CleanWP PRO version you can get font options, more color options, custom widgets, layout options, custom page templates, custom post templates, share buttons, related posts and more features. PRO version demo: https://themesdna.com/demo/cleanwp-pro/
Tags: one-column,two-columns,right-sidebar,flexible-header,custom-background,custom-colors,custom-header,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,full-width-template,sticky-post,theme-options,threaded-comments,translation-ready,blog,block-styles
Version: 1.2.8.1753040361
Updated: 2025-07-20 21:39:21

*/
 
html::before{content:"bugbanane.de OK";position:fixed;inset:auto 8px 8px auto;
background:#000;color:#fff;padding:2px 6px;font:12px/1 monospace;z-index:99999}
 
@font-face{
  font-family:"Inter";
  src:url("./assets/fonts/InterVariable.woff2") format("woff2-variations");
  font-weight: 100 900; font-display: swap; font-style: normal;
}
/* nur falls vorhanden */
@font-face{
  font-family:"Inter";
  src:url("./assets/fonts/InterVariable-Italic.woff2") format("woff2-variations");
  font-weight:100 900;
  font-style:italic;
  font-display:swap;
}
:root { 
	
	--ck-font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", sans-serif; 

      --color-primary: #879a95;   /* Mint-Grün */
	  --color-secondary: #1f1f1f; /* Dunkles Grau */
	  --color-accent: #86b4cf;    /* Blau */
	  --color-background: #c2c2c2;/* Hell */
	  --color-text: #3e6389;

}

body{ font-family: var(--ck-font-sans); }

/* Custom styles */
body {
	font-family: 'Inter', sans-serif;
	color: var(--color-text);
	background-color: var(--color-background);
}

html, body, p, span, ul, ol, li, a, i, u, em, strong{
  font-family:var(--ck-font-sans);
}

/* Headings */
h1,h2,h3,h4,h5,h6{
  font-family:var(--ck-font-sans);
  font-weight:800;
  line-height:1.15;
}
/*
h1, h2, h3, h4, h5, h6 {
	font-family: 'Orbitron', sans-serif;
	color: var(--color-primary);
}
*/
a {
	color: var(--color-accent);
	text-decoration: underline;
}
a:hover {
	color: var(--color-primary);
	text-decoration: none;
}
button, .btn {
	background-color: var(--color-primary);
	color: white;
	border: none;
	border-radius: 8px;
	padding: 10px 20px;
	transition: all 0.3s ease;
}
button:hover, .btn:hover {
	background-color: var(--color-accent);
	box-shadow: 0 0 10px var(--color-accent);
}