/*
Theme Name: Twenty Seventeen
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

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.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

html {
	font-family: sans-serif;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
	display: block;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

figcaption,
figure,
main {
	display: block;
}

figure {
	margin: 1em 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
	outline-width: 0;
}

abbr[title] {
	border-bottom: 1px #767676 dotted;
	text-decoration: none;
}

b,
strong {
	font-weight: inherit;
}

b,
strong {
	font-weight: 700;
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

dfn {
	font-style: italic;
}

mark {
	background-color: #eee;
	color: #222;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

audio,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

img {
	border-style: none;
}

svg:not(:root) {
	overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
	font-family: sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

fieldset {
	border: 1px solid #bbb;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	display: inline-block;
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

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

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details,
menu {
	display: block;
}

summary {
	display: list-item;
}

canvas {
	display: inline-block;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
4.0 Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
	clear: both;
}

/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
	color: #333;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
	font-size: 15px;
	font-size: 0.9375rem;
	font-weight: 400;
	line-height: 1.66;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	line-height: 1.4;
	margin: 0 0 0.75em;
	padding: 1.5em 0 0;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
	padding-top: 0;
}

h1 {
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: 300;
}

h2,
.home.blog .entry-title {
	color: #666;
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 300;
}

h3 {
	color: #333;
	font-size: 18px;
	font-size: 1.125rem;
	font-weight: 300;
}

h4 {
	color: #333;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 800;
}

h5 {
	color: #767676;
	font-size: 13px;
	font-size: 0.8125rem;
	font-weight: 800;
	letter-spacing: 0.15em;
	text-transform: uppercase;
}

h6 {
	color: #333;
	font-size: 15px;
	font-size: 0.9375rem;
	font-weight: 800;
}

p {
	margin: 0 0 1.5em;
	padding: 0;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	color: #666;
	font-size: 18px;
	font-size: 1.125rem;
	font-style: italic;
	line-height: 1.7;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

blockquote cite {
	display: block;
	font-style: normal;
	font-weight: 600;
	margin-top: 0.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #eee;
	text-decoration: none;
}

big {
	font-size: 125%;
}

blockquote {
	quotes: "" "";
}

q {
	quotes: "“" "”" "‘" "’";
}

blockquote:before,
blockquote:after {
	content: "";
}

:focus {
	outline: none;
}


/* Remove letter-spacing for all non-latin alphabets */

html[lang="ar"] *,
html[lang="ary"] *,
html[lang="azb"] *,
html[lang="haz"] *,
html[lang="ps"] *,
html[lang^="zh-"] *,
html[lang="bg-BG"] *,
html[lang="ru-RU"] *,
html[lang="uk"] *,
html[lang="bn-BD"] *,
html[lang="hi-IN"] *,
html[lang="mr-IN"] *,
html[lang="el"] *,
html[lang="gu-IN"] *,
html[lang="he-IL"] *,
html[lang="ja"] *,
html[lang="ko-KR"] *,
html[lang="th"] * {
	letter-spacing: 0 !important;
}

/*--------------------------------------------------------------
6.0 Forms
--------------------------------------------------------------*/

label {
	color: #333;
	display: block;
	font-weight: 800;
	margin-bottom: 0.5em;
}

fieldset {
	margin-bottom: 1em;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	background: #fff;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	border: 1px solid #bbb;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: block;
	padding: 0.7em;
	width: 100%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #222;
	border-color: #333;
}

select {
	border: 1px solid #bbb;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	height: 3em;
	max-width: 100%;
}

input[type="radio"],
input[type="checkbox"] {
	margin-right: 0.5em;
}

input[type="radio"] + label,
input[type="checkbox"] + label {
	font-weight: 400;
}

button,
input[type="button"],
input[type="submit"] {
	background-color: #222;
	border: 0;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	line-height: 1;
	padding: 1em 2em;
	text-shadow: none;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
}

input + button,
input + input[type="button"],
input + input[type="submit"] {
	padding: 0.75em 2em;
}

button.secondary,
input[type="reset"],
input[type="button"].secondary,
input[type="reset"].secondary,
input[type="submit"].secondary {
	background-color: #ddd;
	color: #222;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background: #767676;
}

button.secondary:hover,
button.secondary:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"].secondary:hover,
input[type="button"].secondary:focus,
input[type="reset"].secondary:hover,
input[type="reset"].secondary:focus,
input[type="submit"].secondary:hover,
input[type="submit"].secondary:focus {
	background: #bbb;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #333;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}

:-moz-placeholder {
	color: #333;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}

::-moz-placeholder {
	color: #333;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
	opacity: 1;
	/* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: #333;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}

/*--------------------------------------------------------------
7.0 Formatting
--------------------------------------------------------------*/

hr {
	background-color: #bbb;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

/*--------------------------------------------------------------
8.0 Lists
--------------------------------------------------------------*/

ul,
ol {
	margin: 0 0 1.5em;
	padding: 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/*--------------------------------------------------------------
9.0 Tables
--------------------------------------------------------------*/

table {
	border-collapse: seperate;
	margin: 0 0 1.5em;
	width: 100%;
}

thead th {
	border-bottom: 0px solid #bbb;
	padding-bottom: 0.5em;
}

th {
	padding: 0.4em;
	text-align: left;
}

tr {
	border-bottom: 0px solid #eee;
}

td {
	padding: 0.4em;
}

th:first-child,
td:first-child {
	padding-left: 0;
}

th:last-child,
td:last-child {
	padding-right: 0;
}

/*--------------------------------------------------------------
10.0 Links
--------------------------------------------------------------*/

a {
	color: #222;
	text-decoration: none;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	/* ao100619 color: rgb(130, 10, 230);*/
	color: rgb(15, 30, 90);
	outline: 0;
}

/* Hover effects */

.entry-content a,
.entry-summary a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
	-webkit-box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
	box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

.entry-title a,
.entry-meta a,
.page-links a,
.page-links a .page-number,
.entry-footer a,
.entry-footer .cat-links a,
.entry-footer .tags-links a,
.edit-link a,
.post-navigation a,
.logged-in-as a,
.comment-navigation a,
.comment-metadata a,
.comment-metadata a.comment-edit-link,
.comment-reply-link,
a .nav-title,
.pagination a,
.comments-pagination a,
.site-info a,
.widget .widget-title a,
.widget ul li a,
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a {
	-webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
	text-decoration: none;
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover {
	color: #000;
	-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
}

/* Fixes linked images */
.entry-content a img,
.widget a img {
	-webkit-box-shadow: 0 0 0 8px #fff;
	box-shadow: 0 0 0 8px #fff;
}

.post-navigation a:focus .icon,
.post-navigation a:hover .icon {
	color: #222;
}

/*--------------------------------------------------------------
11.0 Featured Image Hover
--------------------------------------------------------------*/

.post-thumbnail {
	margin-bottom: 1em;
}

.post-thumbnail a img {
	-webkit-backface-visibility: hidden;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.post-thumbnail a:hover img,
.post-thumbnail a:focus img {
	opacity: 0.7;
}

/* Menu toggle */

.menu-toggle {
	background-color: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #222;
	display: none;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	line-height: 1.5;
	margin: 1px auto 2px;
	padding: 1em;
	text-shadow: none;
}

/* Display the menu toggle when JavaScript is available. */

.js .menu-toggle {
	display: block;
}

.main-navigation.toggled-on ul.nav-menu {
	display: block;
}

.menu-toggle:hover,
.menu-toggle:focus {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.menu-toggle:focus {
	outline: thin solid;
}

.menu-toggle .icon {
	margin-right: 0.5em;
	top: -2px;
}

.toggled-on .menu-toggle .icon-bars,
.menu-toggle .icon-close {
	display: none;
}

.toggled-on .menu-toggle .icon-close {
	display: inline-block;
}

/* Dropdown Toggle */

.dropdown-toggle {
	background-color: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #222;
	display: block;
	font-size: 16px;
	right: -0.5em;
	line-height: 1.5;
	margin: 0 auto;
	padding: 0.5em;
	position: absolute;
	text-shadow: none;
	top: 0;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
	background: transparent;
}

.dropdown-toggle:focus {
	outline: thin dotted;
}

.dropdown-toggle.toggled-on .icon {
	-ms-transform: rotate(-180deg); /* IE 9 */
	-webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
	transform: rotate(-180deg);
}

/* Scroll down arrow */

.site-header .menu-scroll-down {
	display: none;
}

/*--------------------------------------------------------------
13.0 Layout
--------------------------------------------------------------*/

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}

#page {
	position: relative;
	word-wrap: break-word;
}

.wrap2 {
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
	padding-left: 2em;
	padding-right: 2em;
	background-color: red
}

.wrap {
	margin-left: auto;
	margin-right: auto;
	max-width: 700px;
	padding-left: 2em;
	padding-right: 2em;
}

.wrap:after {
	clear: both;
	content: "";
	display: block;
}


/*--------------------------------------------------------------
19.0 Media Queries
--------------------------------------------------------------*/

/* Adjust positioning of edit shortcuts, override style in customize-preview.css */
@media screen and (min-width: 20em) {

/* Smartphones Hochformat 16.12.2017bh */	
.checkresponsive {border: 2px dotted blue}
/* nicht verwendet 18.12.2017h */
.menu_tablett{display: none;}
.menu_pc{display: none;}
.menu_smph{display: block;}
/* nicht verwendet 18.12.2017h ENDE */
.schuerze { font-size: 10px;}	
.hwPC { Display: none}
.hwTab { Display: none}
.hwHP { Display: inline}
.hwHL { Display: none}

.noPC { Display: inline}
.noTab { Display: inline}
.noHP { Display: none}
.noHL { Display: inline}

.bild1 { Display: none}
.bild2 { Display: inline}
.bild3 { Display: inline}

.bg_bildgroesse {Width: 100%; height: 100%} 
.home_abstand {height: 200px}

.lesebreite{width: 90%}

.resp_pc_tabl {	display: none; }
.resp_smph	{display: inline; }



	body.customize-partial-edit-shortcuts-shown .site-header .site-title {
		padding-left: 0;
	}
	

}

@media screen and (min-width: 30em)  ( max-width: 47.9em ) {

/* Smartphones Hochformat 16.12.2017bh */	
.checkresponsive {border: 2px solid pink}
/* nicht verwendet 18.12.2017h */
.menu_pc{display: none;}
.menu_smph{display: block;}
.menu_tablett{display: none;}
/* nicht verwendet 18.12.2017h ENDE */
.schuerze { font-size: 10px;}	
.hwPC { Display: none}
.hwTab { Display: none}
.hwHP { Display: none}
.hwHL { Display: inline}

.noPC { Display: inline}
.noTab { Display: inline}
.noHP { Display: inline}
.noHL { Display: none}

.bild1 { Display: none}
.bild2 { Display: inline}
.bild3 { Display: none}

.bg_bildgroesse {Width: 90%; height: 100%} 
/* Abstand Menue zu oben, d.h. Höhe des Wallpaperbild-Abschnitts */
.home_abstand {margin-top: 30%}

.lesebreite{width: 85%}

	/* Typography */

	body,
	button,
	input,
	select,
	textarea {
		font-size: 18px;
		font-size: 1.125rem;
	}

	h1 {
		font-size: 30px;
		font-size: 1.875rem;
	}

	h2,
	.home.blog .entry-title,
	.page .panel-content .recent-posts .entry-title {
		font-size: 26px;
		font-size: 1.625rem;
	}

	h3 {
		font-size: 22px;
		font-size: 1.375rem;
	}

	h4 {
		font-size: 18px;
		font-size: 1.125rem;
	}

	h5 {
		font-size: 13px;
		font-size: 0.8125rem;
	}

	h6 {
		font-size: 16px;
		font-size: 1rem;
	}

	.entry-content blockquote.alignleft,
	.entry-content blockquote.alignright {
		font-size: 14px;
		font-size: 0.875rem;
	}

	/* Fix image alignment */
	img.alignleft {
		float: left;
		margin-right: 1.5em;
	}

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

	
}

@media screen and (min-width: 48em) AND  ( max-width: 66.9em )  {

/* Tabletts Querformat? 16.12.2017bh */	
.checkresponsive {border: 2px solid RGB(200,176,72) }
/* nicht verwendet 18.12.2017h */
.menu_tablett{display: block;}
.menu_pc{display: none;}
.menu_smph{display: none;}
/* nicht verwendet 18.12.2017h ENDE */
.schuerze { font-size: 12px;}	
.hwPC { Display: none}
.hwTab { Display: none}
.hwHP { Display: inline}
.hwHL { Display: none}

.noPC { Display: inline}
.noTab { Display: inline}
.noHP { Display: none}
.noHL { Display: inline}

.bild1 { Display: none}
.bild2 { Display: none}
.bild3 { Display: inline}

.bg_bildgroesse {Width: 100%; height: 100%} 
/* Abstand Menue zu oben, d.h. Höhe des Wallpaperbild-Abschnitts ; geändert 04.09.2019bh von 49% auf 5% wg PC(!) Webseite!!! */
.home_abstand {margin-top: 5%}

.lesebreite{width: 80%}
 
.resp_pc_tabl {	display: none; }
.resp_smph	{display: inline; }


	/* Typography */

	body,
	button,
	input,
	select,
	textarea {
		font-size: 16px;
		font-size: 1rem;
		line-height: 1.5;
	}

	.entry-content blockquote.alignleft,
	.entry-content blockquote.alignright {
		font-size: 13px;
		font-size: 0.8125rem;
	}

	/* Layout */

	.wrap {
		max-width: 1000px;
		padding-left: 3em;
		padding-right: 3em;
	}



	.custom-logo-link img,
	body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
	body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
		max-width: 350px;
	}

	.title-tagline-hidden.home.has-header-image .custom-logo-link img,
	.title-tagline-hidden.home.has-header-video .custom-logo-link img {
		max-height: 200px;
	}

	.site-title {
		font-size: 36px;
		font-size: 2.25rem;
	}

	.site-description {
		font-size: 16px;
		font-size: 1rem;
	}

	/* Navigation */

	.navigation-top {
		bottom: 0;
		font-size: 14px;
		font-size: 0.875rem;
		left: 0;
		position: absolute;
		right: 0;
		width: 100%;
		z-index: 3;
	}

	.navigation-top .wrap {
		max-width: 1000px;
		/* The font size is 14px here and we need 50px padding in ems */
		padding: 0.75em 3.4166666666667em;
	}

	.navigation-top nav {
		margin-left: -1.25em;
	}

	.site-navigation-fixed.navigation-top {
		bottom: auto;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		width: 100%;
		z-index: 7;
	}

	.admin-bar .site-navigation-fixed.navigation-top {
		top: 32px;
	}

	
	.site-header .site-navigation-fixed .menu-scroll-down {
		display: none;
	}


	body:not(.has-sidebar):not(.page-one-column) .page-header,
	body.has-sidebar.error404 #primary .page-header,
	body.page-two-column:not(.archive) #primary .entry-header,
	body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
		float: left;
		width: 36%;
	}

	.blog:not(.has-sidebar) #primary article,
	.archive:not(.page-one-column):not(.has-sidebar) #primary article,
	.search:not(.has-sidebar) #primary article,
	.error404:not(.has-sidebar) #primary .page-content,
	.error404.has-sidebar #primary .page-content,
	body.page-two-column:not(.archive) #primary .entry-content,
	body.page-two-column #comments {
		float: right;
		width: 58%;
	}

	.blog .site-main > article,
	.archive .site-main > article,
	.search .site-main > article {
		padding-bottom: 4em;
	}


}

@media screen and ( min-width: 67em )  AND  ( max-width: 78.9em ) {

/* PC Querformat 16.12.2017bh */
.checkresponsive {border: 2px dotted red}
/* nicht verwendet 18.12.2017h */
.menu_tablett{display: none;}
.menu_pc{display: block;}
.menu_smph{display: none;}
/* nicht verwendet 18.12.2017h ENDE */
.schuerze { font-size: 12px;}	
.hwPC { Display: none}
.hwTab { Display: inline}
.hwHP { Display: none}
.hwHL { Display: none}

.noPC { Display: none}
.noTab { Display: none}
.noHP { Display: inline}
.noHL { Display: none}

.bild1 { Display: none}
.bild2 { Display: none}
.bild3 { Display: inline}

.bg_bildgroesse {Width: 100%; height: 100%;} 
/* Abstand Menue zu oben, d.h. Höhe des Wallpaperbild-Abschnitts */
.home_abstand {height: 450px}

.lesebreite{width: 70%}

.resp_pc_tabl {	display: none; }
.resp_smph	{display: inline; }

	/* Layout */

	/* Navigation */
	.navigation-top .wrap {
		padding: 0.75em 2em;
	}

	.navigation-top nav {
		margin-left: 0;
	}

	/* Sticky posts */

	.sticky .icon-thumb-tack {
		font-size: 32px;
		font-size: 2rem;
		height: 22px;
		left: -1.25em;
		top: 0.75em;
		width: 32px;
	}

	/* Pagination */

	.page-numbers {
		display: inline-block;
	}

	.page-numbers.current {
		font-size: 15px;
		font-size: 0.9375rem;
	}

	.page-numbers.current .screen-reader-text {
		clip: rect(1px, 1px, 1px, 1px);
		height: 1px;
		overflow: hidden;
		position: absolute !important;
		width: 1px;
	}

	/* Comments */

	.comment-body {
		margin-left: 0;
	}
}

@media screen and ( min-width: 79em ) {

/* PC Querformat 16.12.2017bh */
.checkresponsive {border: 2px dotted green}
.menue_extra_bh {margin-left: -15%}
/* nicht verwendet 18.12.2017h */
.menu_tablett{display: none;}
.menu_pc{display: block;}
.menu_smph{display: none;}
/* nicht verwendet 18.12.2017h ENDE */
.hwPC { Display: inline}
.hwTab { Display: none}
.hwHP { Display: none}
.hwHL { Display: none}

.noPC { Display: none}
.noTab { Display: none}
.noHP { Display: inline}
.noHL { Display: none}

.bild1 { Display: none}
.bild2 { Display: none}
.bild3 { Display: inline}

.bg_bildgroesse {Width: 100%; height: 100%;} 
/* Abstand Menue zu oben, d.h. Höhe des Wallpaperbild-Abschnitts */
.home_abstand {height: 800px}

.lesebreite{width: 70%}

.resp_pc_tabl {	display: none; }
.resp_smph	{display: inline; }

	.has-sidebar .entry-content blockquote.alignleft {
		margin-left: -20%;
	}

	.blog:not(.has-sidebar) .entry-content blockquote.alignright,
	.archive:not(.has-sidebar) .entry-content blockquote.alignright,
	.page-two-column .entry-content blockquote.alignright,
	.twentyseventeen-front-page .entry-content blockquote.alignright {
		margin-right: -20%;
	}
}



/*--------------------------------------------------------------
20.0 Print
--------------------------------------------------------------*/

@media print {

	/* Hide elements */

	form,
	button,
	input,
	select,
	textarea,
	.navigation-top,
	.social-navigation,
	#secondary,
	.content-bottom-widgets,
	.header-image,
	.panel-image-prop,
	.icon-thumb-tack,
	.page-links,
	.edit-link,
	.post-navigation,
	.pagination.navigation,
	.comments-pagination,
	.comment-respond,
	.comment-edit-link,
	.comment-reply-link,
	.comment-metadata .edit-link,
	.pingback .edit-link,
	.site-footer aside.widget-area,
	.site-info {
		display: none !important;
	}

	.entry-footer,
	#comments,
	.site-footer,
	.single-featured-image-header {
		border: 0;
	}

	/* Font sizes */

	body {
		font-size: 12pt;
	}

	h1 {
		font-size: 24pt;
	}

	h2 {
		font-size: 22pt;
	}

	h3 {
		font-size: 17pt;
	}

	h4 {
		font-size: 12pt;
	}

	h5 {
		font-size: 11pt;
	}

	h6 {
		font-size: 12pt;
	}

	.page .panel-content .entry-title,
	.page-title,
	body.page:not(.twentyseventeen-front-page) .entry-title {
		font-size: 10pt;
	}

	/* Layout */

	.wrap {
		padding-left: 5% !important;
		padding-right: 5% !important;
		max-width: none;
	}

	/* Site Branding */

	.site-header {
		background: transparent;
		padding: 0;
	}

	.custom-header-media {
		padding: 0;
	}

	.twentyseventeen-front-page.has-header-image .site-branding,
	.twentyseventeen-front-page.has-header-video .site-branding,
	.home.blog.has-header-image .site-branding,
	.home.blog.has-header-video .site-branding {
		position: relative;
	}

	.site-branding {
		margin-top: 0;
		margin-bottom: 1.75em !important; /* override styles added by JavaScript */
	}

	.site-title {
		font-size: 25pt;
	}

	.site-description {
		font-size: 12pt;
		opacity: 1;
	}

	/* Posts */

	.single-featured-image-header {
		background: transparent;
	}

	.entry-meta {
		font-size: 9pt;
	}

	/* Colors */

	body,
	.site {
		background: none !important; /* Brute force since user agents all print differently. */
	}

	body,
	a,
	.site-title a,
	.twentyseventeen-front-page.has-header-image .site-title,
	.twentyseventeen-front-page.has-header-video .site-title,
	.twentyseventeen-front-page.has-header-image .site-title a,
	.twentyseventeen-front-page.has-header-video .site-title a {
		color: #222 !important; /* Make sure color schemes don't affect to print */
	}

	h2,
	h5,
	blockquote,
	.site-description,
	.twentyseventeen-front-page.has-header-image .site-description,
	.twentyseventeen-front-page.has-header-video .site-description,
	.entry-meta,
	.entry-meta a {
		color: #777 !important; /* Make sure color schemes don't affect to print */
	}

	.entry-content blockquote.alignleft,
	.entry-content blockquote.alignright {
		font-size: 11pt;
		width: 34%;
	}

	.site-footer {
		padding: 0;
	}
}

/* ------------------------------------- */
/* ---- Anpassungen Bodo Hartmann HKMI --*/
/* ------------------------------------- */

/* ---------------- Responsive ------------- */
/* Handy Portrait */
/* bis 03.08.2017bh @media screen and (max-width: 680px) and (orientation: portrait) */
@media screen and (max-width: 768px) and (orientation: portrait) 
{


	
ul#NavTopBar2017 
  { 
	display: block;
    
	margin: 0; 
	padding: 0;
    text-align: left;
	width: auto;
	cursor: pointer;
	z-index: 550;
	
}

  ul#NavTopBar2017 li 
  {
    list-style: none;
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
    margin: 0; 
	padding: 0;
	z-index: 550;
	width: 200px;
	
  }

  
 
  ul#NavTopBar2017 a, ul#NavTopBar2017 span 
  {
    
	display: block;
    min-width: 150px; /* Breite den in li enthaltenen Elementen zuweisen */
	
	line-height: 25px;
	background-color: RGB(245,245,245);
	border: 1px solid grey;
	color: RGB(100,100,100);
	font-size: 14px;
	
	font-weight: bold; 
	text-decoration: none;
	padding: 5px; 
	cursor: pointer; 
	
	margin-left: 10px; 
	margin-right: 0px;
	margin-bottom: 2px;
	margin-top: 0px;
	
	z-index: 550;
 }
   


 ul#NavTopBar2017 a:hover, ul#NavTopBar2017 span, li a#aktuell 
{
	/* 27.2.2015bh alt color: RGB(30,60,90); */
}
 
 li#NavTopBar2017 a:hover
  {
color: RGB(30,30,30);
 }
 
 
 
    /* Die unteren Menuepunkte */
 li#NavTopBar2017 a
{  
	font-weight: bold; 
	padding: 5px; 
	cursor: pointer; 
	padding-top: 1px;
	padding-left: 10px;
	padding-right: 20px;
	padding-bottom: 1px;
	line-height: 25px;
	background-color: RGB(245,245,245);
	border: 1px solid grey;
	color: RGB(100,100,100);
	font-size: 14px;
 } 
 
 
   /* Steuert dass das Untermenue erscheint  */
  
  ul#NavTopBar2017 li ul 
  {
 
    margin: 0; 
	padding: 0;
    position: relative;
    top: 0px; 
	left: 0px;
    display: none;  /* UnterNavTopBar2017 ausblenden */
	z-index: 550;
	border-top: solid transparent 1.0em; 
 }
 
 ul#NavTopBar2017 li:hover ul 
 {
	display: block;  /* UnterNavTopBar2017 in modernen Browsern einblenden */
	position: absolute;
	top: 0px;
	left: 0px;
	margin-top: 25px;
	width: auto;
	
	/* border: 1px solid  RGB(60,50,50); */
	opacity: 1.0;
	z-index: 550;
}  

ul#SUB li ul 
  {
    margin: 0; 
	padding: 0;
    position: absolute;
    top: 0px; 
	left: 80px;
    display: none;  /* UnterNavTopBar2017 ausblenden */
	z-index: 550;
	border-top: solid transparent 1.0em; 
 }
 
 ul#SUB li:hover ul 
 {
	display: block;  /* UnterNavTopBar2017 in modernen Browsern einblenden */
	position: absolute;
	top: 0px;
	left: 80px;
	margin-top: 35px;
	width: auto;
	
	/* border: 1px solid  RGB(60,50,50); */
	opacity: 1.0;
	z-index: 550;
}
    /* Steuert das Untermenue erscheint ENDE */
 
 
	/* Menueleiste 2017 ENDE */


}

/* Handy Landscape */
/* bis 03.08.2017bh  @media screen and (max-width: 680px) and (orientation: landscape) */
@media screen and (max-width: 768px) and (orientation: landscape) 
{



ul#NavTopBar2017 
  { 
	display: block;
    
	margin: 0; 
	padding: 0;
    text-align: left;
	width: auto;
	cursor: pointer;
	z-index: 550;
	
}

  ul#NavTopBar2017 li 
  {
    list-style: none;
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
    margin: 0; 
	padding: 0;
	z-index: 550;
	width: 300px;
	
  }

  ul#NavTopBar2017 li ul 
  {
 
    margin: 0; 
	padding: 0;
    position: relative;
    top: 0px; 
	left: 0px;
    display: none;  /* UnterNavTopBar2017 ausblenden */
	z-index: 550;
	border-top: solid transparent 1.0em; 
 }
 
  ul#NavTopBar2017 a, ul#NavTopBar2017 span 
  {
    
	display: block;
    min-width: 150px; /* Breite den in li enthaltenen Elementen zuweisen */
	
	line-height: 25px;
	background-color: RGB(245,245,245);
	border: 1px solid grey;
	color: RGB(100,100,100);
	font-size: 14px;
	
	font-weight: bold; 
	text-decoration: none;
	padding: 5px; 
	cursor: pointer; 
	
	margin-left: 10px; 
	margin-right: 0px;
	margin-bottom: 2px;
	margin-top: 0px;
	
	z-index: 550;
 }
   
ul#NavTopBar2017 li:hover ul 
 {
	display: block;  /* UnterNavTopBar2017 in modernen Browsern einblenden */
	position: absolute;
	top: 0px;
	left: 0px;
	margin-top: 20px;
	width: auto;
	
	/* border: 1px solid  RGB(60,50,50); */
	opacity: 1.0;
	z-index: 550;
}


 ul#NavTopBar2017 a:hover, ul#NavTopBar2017 span, li a#aktuell 
{
	/* 27.2.2015bh alt color: RGB(30,60,90); */
}
 
 li#NavTopBar2017 a:hover
  {
color: RGB(30,30,30);
 }
 
 

    /* Die unteren Menuepunkte */
 li#NavTopBar2017 a
{  
	font-weight: bold; 
	padding: 5px; 
	cursor: pointer; 
	padding-top: 1px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 1px;
	line-height: 25px;
	background-color: RGB(245,245,245);
	border: 1px solid grey;
	color: RGB(100,100,100);
	font-size: 14px;
 } 
	/* Menueleiste 2017 ENDE */

}

/* Tablett */
@media screen and (min-width: 768px) and (max-width: 1023px)
{


/* Menueleiste 2017 */

/* Ganzer Menüblock */	
 ul#NavTopBar2017 
  { 
	display: block;
    font-size: 10px;
	/* wie weit Menüblock von Links ist: */
	margin-left: 15%; 
	padding: 0;
    text-align: left;
	width: auto;
	cursor: pointer;
	z-index: 550;
}

  ul#NavTopBar2017 li 
  {
    list-style: none;
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
    margin: 0; 
	padding-right: 20px;
	z-index: 550;
	
  }

    /* Steuert das Untermenue erscheint  */
  ul#NavTopBar2017 li ul 
  {
    margin: 0; 
	padding: 0;
    /* position: relative; */
    top: 0px; 
	left: 0px;
    display: none;  /* UnterNavTopBar2017 ausblenden */
	z-index: 550;
	border-top: solid transparent 1.0em; 
 }
 
   
ul#NavTopBar2017 li:hover ul 
 {
	display: block;  /* UnterNavTopBar2017 in modernen Browsern einblenden */
	position: absolute;
	top: 0px;
	left: 0px;
	margin-top: 15px;
	width: auto;
	
	/* border: 1px solid  RGB(60,50,50); */
	opacity: 0.9;
	z-index: 550;
}

    /* Steuert das Untermenue erscheint ENDE */

    /* Die unteren Menuepunkte */
 li#NavTopBar2017 a
{  
	display: block;
	width: 200px;
	cursor: pointer; 
	z-index: 510;
	margin-top: 2px;
	padding-top: 1px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 1px;
	line-height: 25px;
	background-color: RGB(245,245,245);
	border: 1px solid grey;
	color: RGB(100,100,100);
	font-size: 14px;
	
 } 
  
  li#NavTopBar2017 a:hover
  {
	color: RGB(30,30,30);
	
 }

/* Menueleiste 2017 ENDE */


}


/* PC */
/* bis 03.08.2017bh @media screen and (min-width: 1024px)  */
@media screen and (min-width: 1023px) and (max-width: 1358px)
{

	.resp_smph
	{
	display: none;
	}
		
	.resp_pc_tabl
	{
	display: inline;
	}	

/* Menueleiste 2017 */

/* Ganzer Menüblock */	
 ul#NavTopBar2017 
  { 
	display: block;
    font-size: 10px;
	/* wie weit Menüblock von Links ist: */
	margin-left: 15%; 
	padding: 0;
    text-align: left;
	width: auto;
	cursor: pointer;
	z-index: 550;
}

  ul#NavTopBar2017 li 
  {
    list-style: none;
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
    margin: 0; 
	padding-right: 20px;
	z-index: 550;
	
  }

    /* Steuert das Untermenue erscheint  */
  ul#NavTopBar2017 li ul 
  {
    margin: 0; 
	padding: 0;
    /* position: relative; */
    top: 0px; 
	left: 0px;
    display: none;  /* UnterNavTopBar2017 ausblenden */
	z-index: 550;
	border-top: solid transparent 1.0em; 
 }
 
   
ul#NavTopBar2017 li:hover ul 
 {
	display: block;  /* UnterNavTopBar2017 in modernen Browsern einblenden */
	position: absolute;
	top: 0px;
	left: 0px;
	margin-top: 22px;
	width: auto;
	
	/* border: 1px solid  RGB(60,50,50); */
	opacity: 0.9;
	z-index: 550;
}

    /* Steuert das Untermenue erscheint ENDE */

    /* Die unteren Menuepunkte */
 li#NavTopBar2017 a
{  
	display: block;
	width: 200px;
	cursor: pointer; 
	z-index: 510;
	margin-top: 2px;
	padding-top: 1px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 1px;
	line-height: 25px;
	background-color: RGB(245,245,245);
	border: 1px solid grey;
	color: RGB(100,100,100);
	font-size: 14px;
	
 } 
  
  li#NavTopBar2017 a:hover
  {
	color: RGB(30,30,30);
	
 }

/* Menueleiste 2017 ENDE */


}
 

/* PC extrabreit */
/* bis 03.08.2017bh @media screen and (min-width: 1024px)  */
@media screen and (min-width: 1358px)  
{

	.resp_smph
	{
	display: none;
	}
		
	.resp_pc_tabl
	{
	display: inline;
	}	

/* Menueleiste 2017 */

/* Ganzer Menüblock */	
 
 
 ul#NavTopBar2017 li
  { 
	position: relative;
	top: 50px;
	display: inline;
    font-size: 10px;
	/* wie weit Menüblock von Links ist: */
	margin-left: auto; 
	margin-right: auto; 
	padding: 20px;
    text-align: center;
	width: auto;
	cursor: pointer;
	z-index: 550;
}


/* Menueleiste 2017 ENDE */




}

/* ---------------- Responsive ENDE ------------- */

/* ---------------- Hinzu für ohne Wordpress Launch 23.06.2018bh ------------- */

.link_als_button
{
color: white;
background-color: RGB(100,100,100);
font-family: helvetica, arial, sans-serif;
font-weight: 100;
cursor: pointer;
padding: 5px;
border-radius: 3px;
text-align: center;
}

.link_als_button:hover
{
color: RGB(235,235,235);
background-color: RGB(90,90,90);
opacity: 0,7;
}





.menue_zelle
{
padding-top: 5px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 5px;
line-height: 35px;
background-color: RGB(245,245,245);
/* text-shadow: 2px 2px RGB(100,100,120); */
border: 1px solid grey;
color: RGB(100,100,100);
font-size: 14px;
}

.outline
{
text-shadow: -1px 0 grey, 0 1px grey, 1px 0 grey, 0 -1px grey;
}

.link_unterstrichen
{
text-decoration: underline;
}

/* ---------------- Hinzu für ohne Wordpress Launch 23.06.2018bh ------------- */

.startsteite_untertitel_hkmi
{
font-size: 24px;
}

.text_shadow_hkmi
{
text-shadow: 2px 2px RGB(100,100,120);
}

.standardbg
{
background-color: RGB(250,250,250);
}

.intro_wrap
{
width: 80%;
}

.standardcolor
{
/* color: rgb(110, 110, 240);
ao 100619  color: rgb(130, 10, 230); */
color: rgb(15, 30, 90);
letter-spacing: 0.05rem;
}

.standardcolor2
{
color: hsl( 203, 50%, 13% );
}

.standardcolor3
{
color: hsl( 203, 50%, 46% );
}

.ueberschriften
{
/*color: rgb(50, 50, 180); ao 100619*/
color: rgb(15, 30, 90);
font-weight: normal;
font-style: italic;
font-size: 16px;
}

.ueberschriften2
{
color: hsl(352, 91%, 50%);
font-weight: normal;
font-style: italic;
font-size: 60px;
}

/* für Projektsuche Hervorhebung */
.sc
{
 color: hsl( 203, 50%, 46% );
}
/* für Projektsuche Neutral */
.ne
{

} 

.link_neutral
{
text-decoration: none;
font-style: underline;
}

.px1 {font-size: 1px}
.px2 {font-size: 2px}
.px3 {font-size: 3px}
.px4 {font-size: 4px}
.px5 {font-size: 5px}
.px6 {font-size: 6px}
.px7 {font-size: 7px}
.px8 {font-size: 8px}
.px9 {font-size: 9px}
.px10 {font-size: 10px}
.px11 {font-size: 11px}
.px12 {font-size: 12px}
.px13 {font-size: 13px}
.px14 {font-size: 14px}
.px15 {font-size: 15px}
.px16 {font-size: 16px}
.px17 {font-size: 17px}
.px18 {font-size: 18px}
.px19 {font-size: 19px}
.px20 {font-size: 20px}
.px21 {font-size: 21px}
.px22 {font-size: 22px}
.px23 {font-size: 23px}
.px24 {font-size: 24px}
.px25 {font-size: 25px}
.px26 {font-size: 26px}
.px27 {font-size: 27px}
.px28 {font-size: 28px}
.px29 {font-size: 29px}
.px30 {font-size: 30px}
.px31 {font-size: 31px}
.px32 {font-size: 32px}
.px33 {font-size: 33px}
.px34 {font-size: 34px}
.px35 {font-size: 35px}
.px36 {font-size: 36px}
.px37 {font-size: 37px}
.px38 {font-size: 38px}
.px39 {font-size: 39px}
.px40 {font-size: 40px}
.px41 {font-size: 41px}
.px42 {font-size: 42px}
.px43 {font-size: 43px}
.px44 {font-size: 44px}
.px45 {font-size: 45px}
.px46 {font-size: 46px}
.px47 {font-size: 47px}
.px48 {font-size: 48px}
.px49 {font-size: 49px}
.px50 {font-size: 50px}
.px51 {font-size: 51px}
.px52 {font-size: 52px}
.px53 {font-size: 53px}
.px54 {font-size: 54px}
.px55 {font-size: 55px}
.px56 {font-size: 56px}
.px57 {font-size: 57px}
.px58 {font-size: 58px}
.px59 {font-size: 59px}
.px60 {font-size: 60px}
.px61 {font-size: 61px}
.px62 {font-size: 62px}
.px63 {font-size: 63px}
.px64 {font-size: 64px}
.px65 {font-size: 65px}
.px66 {font-size: 66px}
.px67 {font-size: 67px}
.px68 {font-size: 68px}
.px69 {font-size: 69px}
.px70 {font-size: 70px}
.px71 {font-size: 71px}
.px72 {font-size: 72px}
.px73 {font-size: 73px}
.px74 {font-size: 74px}
.px75 {font-size: 75px}
.px76 {font-size: 76px}
.px77 {font-size: 77px}
.px78 {font-size: 78px}
.px79 {font-size: 79px}
.px80 {font-size: 80px}
.px81 {font-size: 81px}
.px82 {font-size: 82px}
.px83 {font-size: 83px}
.px84 {font-size: 84px}
.px85 {font-size: 85px}
.px86 {font-size: 86px}
.px87 {font-size: 87px}
.px88 {font-size: 88px}
.px89 {font-size: 89px}
.px90 {font-size: 90px}
.px91 {font-size: 91px}
.px92 {font-size: 92px}
.px93 {font-size: 93px}
.px94 {font-size: 94px}
.px95 {font-size: 95px}
.px96 {font-size: 96px}
.px97 {font-size: 97px}
.px98 {font-size: 98px}
.px99 {font-size: 99px}
.px100 {font-size: 100px}

.fett {font-weight: bold}
.normal{font-weight: normal}
.kursiv{font-style: italic}

.tabellen_kopf {background-color: RGB(45,45,45); color: white; padding-left: 10px; padding-right: 10px}
.cell {padding-left: 10px; padding-right: 10px}
.cell_left {text-align: left}
.cell_right {text-align: right}
.cell_center {text-align: center}
.cell_justify {text-align: justify}
.zeilenfarbe1 {background-color: RGB(205,205,205)}
.zeilenfarbe2 {background-color: RGB(235,235,235)}

.zwischensumme {background-color: RGB(85,85,85); color: white; padding-left: 10px; padding-right: 10px}
.endsumme {background-color: RGB(45,45,45); color: white; padding-left: 10px; padding-right: 10px}

.warnung{color: white; background-color: RGB(235,25,25); text-align: center; padding: 5px}
.neutral_feld{background-color: transparent}

input.inputfeld, .inputfeld {background-color: RGB(245,245,245); border: 1px solid RGB(120,120,245);}
input.small, .small {width: 50px}
input.medium, .medium {width: 100px}
input.big, .big {width: 200px}
input.jumbo, .jumbo {width: 350px}

.label_top  {  
background-image: repeating-linear-gradient(
      135deg,   RGB(250,250,250),  RGB(250,250,250) 10px, 
      RGB(245,245,245) 10px, RGB(245,245,245) 20px, 
      RGB(250,250,250) 20px 
      );
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: RGB(90,120,170);
font-weight: bold; 
padding: 5px;
border: 1px solid RGB(200,200,200);
}

/* für infopickel; siehe auch script_miniview_bh.php für js-Functions 26.04.2017bh */
.hide_transparent
{
color: transparent;
background-color: white;
border:  1px solid transparent;
padding: 10px;
border-radius: 3px;
z-index: -1;
}

.hide_transparent_trp
{
color: transparent;
background-color: transparent;
border:  1px solid transparent;
padding: 10px;
border-radius: 3px;
z-index: -1;
}

.show_infopickel_text
{
 color: hsl( 203, 50%, 46% );
 background-color: white;
 border:  1px solid RGB(180,180,180);
 padding: 10px;
 border-radius: 30px;
 transition-property: color,background-color,border;
 transition-duration: 1s;
 z-index: 500;
}

.show_infopickel_bg
{
background-color: RGB(180,180,180);
opacity: 0.85;
border-radius: 30px;
padding: 10px;
transition-property: position,background-color;
transition-duration: 3s;
 z-index: 499;
}

.hide_infopickel_text
{
 color: transparent;
 background-color: transparent;
  border:  1px solid transparent;
  border-radius: 3px;
 padding: 10px;
 transition-property: color,background-color,border,z-index;
 transition-duration: 2s;
  z-index: -1;
} 


.hide_infopickel_bg
{
z-index: -1;
 background-color: transparent;
 border-radius: 3px;
 padding: 10px;
 transition-property: background-color,z-index;
 transition-duration: 1s;
} 


.left
{
text-align: left;
}

.right
{
text-align: right;
}

.center
{
text-align: center;
}

/* für infopickel; siehe auch script_miniview_bh.php für js-Functions  ENDE  26.04.2017bh */

/* --------------------------------------------- */
/* ---- Anpassungen Bodo Hartmann HKMI ENDE -----*/
/* --------------------------------------------- */


/* --------------------------------------------- */
/* ---- Anpassungen Bodo Hartmann für Arberhaus  -----*/
/* --------------------------------------------- */

.slideshowbuttons
{
padding: 5px;
color: RGB(220,220,220);
background-color:  RGB(120,120,120);
margin-top: 150%;
}	


.gradient_fein_grau
{
 background-image: repeating-linear-gradient(135deg, RGB(180,180,180), RGB(180,180,180) 25px, RGB(210,210,210) 25px, RGB(210,210,210) 55px, RGB(180,180,180) 55px  ); 
opacity: 0.7;
}

/* --------------------------------------------- */
/* ---- Anpassungen Bodo Hartmann für Arberhaus ENDE -----*/
/* --------------------------------------------- */