/*
Theme Name: Klippert Medizintechnik
Theme URI: https://www.klippert-medizintechnik.de/
Author: David Zinzius
Author URI: https://www.zinzius.de/
Description: Wordpress Theme specialized for Klippert
Version: 0.1
Tested up to: 6.1
Requires at least: 
Requires PHP: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: klippert

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Reset
-------------------------------------------------------------- */



/* --------------------- KLIPPERT -------------------*/

BODY,HTML {
	width: 100%;
}

H1{
	font-size: 16pt;
}

H2 {
	padding: 3px;
	font-size: 14pt;
}

H3 {
	font-size: 12pt;
}

P {
	font-size: 12pt;
}

DIV.kl_page {
	border: 1px solid #b0b0b0;
}

header.kl_header {
	margin-bottom: 0px;
	height: 12vw; 
	background-image: url('/wp-content/themes/klippert/img/header.jpg');
	background-size: cover;
}

DIV.kl_titel {
	font-size: 24pt;
	font-weight: bold;
	color: #003d7a;;
	text-shadow: 0.5vw 0.5vw 0.5vw #000000;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #b0b0b0;
	text-transform: uppercase;

}

DIV.kl_titel2 {
	font-size: 18pt;
	font-weight: bold;
	color: white;;
	text-shadow: 0.5vw 0.5vw 0.5vw #000000;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #b0b0b0;
	text-transform: uppercase;
	text-align: end;

}

DIV.kl_menu {
	padding: 5px;
	background-color: #003d7a;
}

UL.kl_menu {
	list-style-type: none; 
	display:inline;
	
}

UL.kl_menu LI, UL.kl_menu LI A {
	display:inline;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 10pt;
	padding-right: 3px;
	padding-left: 3px;
	text-decoration: none;
	
}

UL.kl_menu LI {
	border-right: 1px white solid;
}

UL.kl_menu LI:last-child {
	border-right: none;
}

div.kl_sidemenu {
	background-color:#CFDBEC;
}



DIV.kl_sidemenu_item {
	border-bottom: 1px solid #b0b0b0;
	background-color:hsl(215, 43%, 87%);
	padding-left: 10px;
	cursor:pointer;
	margin: 0px;
	padding: 0px;
}

DIV.kl_sidemenu_item:hover,
DIV.current-cat  {
	background-color: #003d7a;
	color: #b0b0b0;
}


DIV.kl_sidemenu_item A {
	font-size: 14px;
	text-decoration: none;
	color: #003d7a;
	margin: 5px;
	padding: 5px;
}

DIV.kl_sidemenu_item:hover A,
DIV.current-cat A
{
	color: white;
}





img.alignleft {
	float: left;
	margin: 10px;
}

DIV.kl_listitem {
	cursor: pointer;
	border-bottom: 1px black solid;
}

DIV.kl_sidemenu_level_0 {
	padding-left: 5px;
}

DIV.kl_sidemenu_level_1 {
	padding-left: 15px;
}

DIV.kl_sidemenu_level_2 {
	padding-left: 25px;
}
DIV.kl_sidemenu_level_3 {
	padding-left: 35px;
}

form.searchform {
	font-size: 12pt;
}

.image-pad {
    padding: 10px;
}

.breadcrumb A {
	font-size: 80%;
	color: #808080;
}

DIV.breadcrumb {
	padding: 5px;
}