/*
Theme Name: kissi2026
Theme URI: https://kissi-ekt.de
Description: Die Website der Kissi Eltern Kind Tagesstädte
Version: 1.0
Author: Justus Leonhardt
Author URI: http://atelier-leonhardt.com
Tags: 
*/

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url('fonts/roboto-latin.woff2') format('woff2');
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url('fonts/open-sans-latin.woff2') format('woff2');
}

@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url('fonts/open-sans-italic-latin.woff2') format('woff2');
}


@media screen {


* { margin: 0; padding: 0; }
body { background: white; font-family: 'Roboto', sans-serif; font-weight: 400; font-size:14px; }
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */

h1, h2, h3 {  font-family: 'Open Sans', sans-serif; margin: 0 0 10px 0; }
h1 { font-weight: 700; }
h2 {font-weight: 700; font-size:25px; color:#ee7f01; margin-bottom:15px; }
h3 {font-weight: 400;  }
#text-bereich > h1 { font-weight: 700; font-size:25px; color:#ee7f01; margin-bottom:15px; }

p { margin: 0 0 10px 0; font-weight: 400; }

blockquote { }
blockquote p { }

ul, ol { margin: 0; }
li { list-style:none;}
.post { background:transparent; margin-bottom:30px;}

.entry { line-height: 1.5;}
.entry a { text-decoration:none; list-style: none; color:#ee7f01; }
.entry a:hover { text-decoration:underline; }

pre { }
code, tt { }

#meta { }
.postmetadata { }

#sidebar { }

.navgation { }
   .next-posts { }
   .prev-posts { }

#searchform { }
	#s { }
	#searchsubmt { }



#background { width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:-1;  }
#background img { width:100%; height:100%; position:fixed; object-fit: cover; zoom: 1;
	filter: alpha(opacity=60);
	opacity: 0.6;}


#wrapper { width:100%; position:relative; z-index:5;}
.page-wrap { width:999px; z-index:6; position:relative; left:0px;}


header { width:100%; height:165px; background:url(images/header-HG-orange.png) repeat-y 3px; margin-bottom:3px; }
#teaser-pic { width:261px; height:165px; float:left; }
#logo { width:200px; height:165px; float:left; margin-left:3px;}
#top-navi-feld { width:532px; height:165px; margin-left:3px; background-color:#ee7f01; display:inline; float:left;}
#top-navi { width:160px; float:right; color:#fff; font-weight:300; font-size:12px;}
#top-navi ul { margin-top:145px;}
#top-navi ul li { display:inline; margin-right:5px;}

#main-content { width:735px; margin-left:3px; float:right;}
#main-content p { line-height:1.5em; color:#333; font-weight:400;}
#text-bereich { padding:25px; background:url(images/main-content-bereich-HG90.png) repeat; min-height:320px;}
#text-bereich p{ /*-moz-columns:2;
	-webkit-columns:2;
	columns:2;*/font-weight:400;}
.container{ width: 500px; margin: 0 auto;}

#login-menu ul { background:#E6E7E6; padding-top:0px; padding-bottom:1px;}
#login-menu ul li {margin-bottom: 10px;
    padding-bottom: 4px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 4px;}

#menu-login-nav { background:#333; text-decoration:none;}
#menu-login-nav a {color:#333;  }
#menu-login-nav a:hover { color:#F96; }
.menu-login-nav-container a { text-decoration:none;}


/* Creating columns is as simple as this: */

.container p{ -moz-columns:3;
	-webkit-columns:3;
	columns:3;}
	
#abriss-bereich { background:transparent; text-align: center; margin-bottom: 5px;}
#abriss-bereich_kontakt {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("images/main-content-bereich-HG90.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
	margin-bottom: 5px;
    padding-bottom: 8px;
    text-align: center;
}

#abriss-bereich_kontakt iframe,
.kissi-map-placeholder {
	display: block;
	width: 715px;
	max-width: 100%;
	min-height: 200px;
	margin: 0 auto;
}

.kissi-map-placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 18px;
	border-top: 3px solid #ee7f01;
	background: rgba(255, 255, 255, 0.9);
	box-sizing: border-box;
	color: #333;
}

.kissi-map-placeholder-content {
	max-width: 520px;
	text-align: center;
}

.kissi-map-placeholder strong,
.kissi-map-placeholder span,
.kissi-map-placeholder small {
	display: block;
}

.kissi-map-placeholder strong {
	margin-bottom: 5px;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	color: #ee7f01;
}

.kissi-map-load {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	margin: 12px 0 8px;
	padding: 9px 18px;
	border: 1px solid #d87300;
	border-radius: 3px;
	background: #ee7f01;
	color: #fff;
	cursor: pointer;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.2;
	transition: background-color 140ms ease, border-color 140ms ease, transform 140ms ease;
}

.kissi-map-load:hover,
.kissi-map-load:active {
	background: #d87300;
	border-color: #c56800;
}

.kissi-map-load:active {
	transform: translateY(1px);
}

.kissi-map-load:focus-visible {
	outline: 2px solid #ee7f01;
	outline-offset: 3px;
}

.kissi-map-link {
	display: inline-block;
	margin-bottom: 7px;
	color: #ee7f01;
	font-weight: 600;
	text-decoration: none;
}

.kissi-map-link:hover {
	text-decoration: underline;
}

.kissi-map-placeholder small {
	font-size: 12px;
	line-height: 1.35;
	color: #505050;
}


nav { background:#fefefe;  font-family: 'Open Sans', sans-serif; }

/* Navigation top-nav */

#top-navi a { text-decoration:none; list-style: none; color:#fff; }
#top-navi a:hover { text-decoration:underline;}
#top-navi .menu-separator { color:#fff; }

#top-navi .current-menu-item,
.current-page-ancestor,
.current-menu-ancestor,
.current-post-ancestor { background:transparent; color:#66AF33;}

/* Navigation footer */
footer { list-style: none; color:#fff; font-size:12px; }
footer a { text-decoration:none; list-style: none; color:#fff; font-size:12px; font-weight:300;}
footer a:after { padding-left:5px; content: ">" } // Fügt > nach dem Inhalt von footer a:after ein

footer a:hover { text-decoration:underline;}
#footer-navi { background:green;}
#footer-navi ul li { float:left; padding-right:10px;}
#footer-navi ul li.menu-item a:hover,
li.current-menu-item a,
li.current-page-parent a {
color:#fff; 
}


/* Navigation aside main-nav */

aside {  width:261px; float:left; }
aside a { list-style: none; text-decoration:none; color:#333;}

aside ul { padding:30px 35px 10px 35px; font-weight:600;}
aside ul li {  margin-bottom:10px; padding:4px 0; }
aside ul ul { padding:8px 0px 2px 25px; background:#e6e7e6; width:241px; margin-left:-40px; margin-top:8px; font-weight:400;}
aside ul ul li {  margin:0 0 0px 15px; }

.menu-main_nav-container{}
.menu-main_nav-container a { text-decoration:none; color:#333; }
.menu-main_nav-container a:active{}
.menu-main_nav-container ul li>ul { display:none;}
.menu-main_nav-container ul li:hover>ul { display:block;}

li.menu-item a:hover,
li.current-menu-item a,
li.current-page-parent a {
color:#EE7F01;
}


#menu-main_nav a:hover { color: #EE7F01;}
#menu-main_nav ul li a { padding:4px 0 5px 5px; display:block;}
#menu-main_nav ul li a:hover {}

.menu {}
.menu a {}
.menu a:hover { text-decoration:underline;}

.current-menu-item { }
.current_page_item {}

/* This is the rule that displays sub-menus when a parent link is clicked */
.menu li.current-menu-parent ul, 
.menu li.current-menu-item ul { display: block; }


.menu-footer-menu-container a { font-size:15px; color:#fff; font-weight:400;}
.menu-footer-menu-container a:hover { color:red;  font-weight:400; text-decoration:underline;}
#menu-footer-menu { float:left;}

/*LogOut-Link*/
.logout-link { float:right; margin-top:-30px;}
.logout-link a { text-decoration:none; color: #EE7F01;}
.logout-link a:hover{ text-decoration:underline; color: #333;}
.logout-link a:active{ text-decoration:underline; color:#F06;}

/*Logout-Fenster*/
.login-fenster {}





.textwidget { font-size:12px; color:#505050; padding:35px; line-height:1.5em; background:url(images/aside-abriss-unten.png) no-repeat; font-weight:300;}
.textwidget strong {font-weight:600;}


/*Kontaktseite*/
#pflichtfelder { width:35%; float:left; margin-bottom:5px;}
#nachrichtenfeld { width:60%; float:right; height:190px;}

footer { color:#fff; z-index:10; margin-left:264px; font-weight:300;}
#copyright { }
input .wpcf7-form-control wpcf7-submit { float:right;}

/*Kontaktformular local*/
#wpcf7-f55-p4-o1 input { height:25px; border:1px thin #CCC;  width: 320px;}
#wpcf7-f55-p4-o1 textarea {height: 152px; border-color:none;}
#kontakt-tabelle {
	width: 100% !important;
	margin: 18px 0 0;
	border-collapse: collapse;
	border-spacing: 0;
}
#kontakt-tabelle td {
	width: 50%;
	padding: 0 14px 14px 0;
	vertical-align: top;
}
#kontakt-tabelle td + td {
	padding-right: 0;
	padding-left: 14px;
}
#kontakt-tabelle p {
	margin: 0 0 7px;
	line-height: 1.35;
}
#kontakt-tabelle td:first-child p:nth-child(3),
#kontakt-tabelle td:first-child p:nth-child(6) {
	display: none;
}

/*Kontaktformular Online*/
#wpcf7-f103-p8-o1 input { height:25px; border:1px thin #CCC;  width: 310px;}
#wpcf7-f103-p8-o1 textarea {height: 152px; border-color:none;}
#i-name { float: left; margin-right: 20px;}
#i-mail {float: left; margin-right: 20px;}
#i-betreff {float: left; margin-right: 20px;}
textarea { width:310px;}

#captcha-input { width:100px;}

#text-bereich .wpcf7-form input[type="text"],
#text-bereich .wpcf7-form input[type="email"],
#text-bereich .wpcf7-form input[type="url"],
#text-bereich .wpcf7-form textarea {
	display: block;
	width: 100% !important;
	max-width: 100%;
	min-height: 34px;
	margin: 0;
	padding: 7px 9px;
	border: 1px solid #b8b8b8;
	border-radius: 3px;
	background: rgba(255, 255, 255, 0.9);
	color: #333;
	font: inherit;
	line-height: 1.35;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08);
}

#text-bereich .wpcf7-form textarea {
	min-height: 174px;
	resize: vertical;
}

#text-bereich .wpcf7-form input[type="checkbox"] {
	width: auto !important;
	margin: 2px 8px 0 0;
}

#text-bereich .wpcf7-form #i-name,
#text-bereich .wpcf7-form #i-mail,
#text-bereich .wpcf7-form #i-betreff {
	float: none;
	margin-right: 0;
}

#text-bereich .wpcf7-form .wpcf7-form-control-wrap {
	display: block;
	max-width: 100%;
}

#text-bereich .wpcf7-form .wpcf7-acceptance label {
	display: flex;
	align-items: flex-start;
	line-height: 1.35;
}

#text-bereich .wpcf7-form .wpcf7-list-item {
	margin-left: 0;
}

#text-bereich .wpcf7-form input[type="submit"] {
	clear: both;
	float: none;
	width: auto !important;
	min-width: 120px;
	min-height: 42px;
	margin-top: 14px;
	cursor: pointer;
}

.btn { display:inline-block;font-size: 16px; line-height: 1.2; margin: 20px 0; padding: 10px 20px;text-shadow: none;}

a.btn,
input[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto !important;
	min-width: 116px;
	min-height: 42px;
	margin: 20px 0 0;
	padding: 10px 22px;
	border: 1px solid #d87300;
	border-radius: 3px;
	background: #ee7f01;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
	color: #fff;
	cursor: pointer;
	float: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2;
	position: relative;
	text-decoration: none;
	transition: background-color 140ms ease, border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
	-webkit-backface-visibility: hidden;
}

.grey-bg a.btn{border:5px solid #e6e6e6}
.grey-bg a.btn:hover,.grey-bg a.btn:active{border:5px solid #e6e6e6}
a.btn:hover,
a.btn:active,
input[type="submit"]:hover,
input[type="submit"]:active {
	background: #d87300;
	border-color: #c56800;
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.16);
	color: #fff !important;
}

a.btn:active,
input[type="submit"]:active {
	transform: translateY(1px);
}

a.btn:focus-visible,
input[type="submit"]:focus-visible {
	outline: 2px solid #ee7f01;
	outline-offset: 3px;
}

#text-bereich .wpcf7-not-valid-tip {
	display: block;
	margin-top: 5px;
	color: #9f1d1d;
	font-size: 13px;
	line-height: 1.35;
}

#text-bereich .wpcf7-response-output {
	display: none;
	margin: 18px 0 0;
	padding: 10px 12px;
	border: 1px solid #d87300;
	border-radius: 3px;
	background: rgba(255, 255, 255, 0.9);
	color: #333;
	line-height: 1.4;
}

#text-bereich .wpcf7-form.invalid .wpcf7-response-output,
#text-bereich .wpcf7-form.failed .wpcf7-response-output,
#text-bereich .wpcf7-form.sent .wpcf7-response-output,
#text-bereich .wpcf7-form.spam .wpcf7-response-output,
#text-bereich .wpcf7-form.unaccepted .wpcf7-response-output {
	display: block;
}

#text-bereich .wpcf7-spinner {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-left: 10px;
	border: 2px solid rgba(238, 127, 1, 0.25);
	border-top-color: #ee7f01;
	border-radius: 50%;
	vertical-align: middle;
	visibility: hidden;
}

#text-bereich .wpcf7-form.submitting .wpcf7-spinner {
	visibility: visible;
	animation: kissi-spin 800ms linear infinite;
}

@keyframes kissi-spin {
	to { transform: rotate(360deg); }
}
	



/* ------- Fluid Columns ------- */
.one_half{ width:48%; }
.one_third{ width:30.66%; }
.two_third{ width:65.33%; }
.one_fourth{ width:22%; }
.three_fourth{ width:74%; }
.one_fifth{ width:16.8%; }
.two_fifth{ width:37.6%; }
.three_fifth{ width:58.4%; }
.four_fifth{ width:67.2%; }
.one_sixth{ width:13.33%; }
.five_sixth{ width:82.67%; }
.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{ position:relative; margin-right:4%; float:left; }
.last{ margin-right:0 !important; clear:right; }
.clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}
/*--------------fluidcolumns---------------------*/


/*---------------loginform------------*/
#loginform { width:43%; }
#loginform input { float:right;}
#user_login { margin-left:10px; }
#user_pass { margin-left:44px; }
#rememberme { float:left;}
# wp-submit { background:red;}


/*---------------loop-posts-articles------------*/
#text-bereich nav { font-weight:400; font-size:12px; color:#66af33; margin:3px 0 10px 0px; background-color:transparent;}
#text-bereich nav a { color:#fff; text-decoration:none; background-color:#ee7f01; padding:5px; }
#text-bereich nav a:hover { color:#fff; text-decoration:underline;}
#text-bereich nav a:nth-child(1) { text-align:left;}
#text-bereich nav a:nth-child(2) { text-align:center;}
#text-bereich nav a:nth-child(3) { text-align:right;}

#text-bereich > ul { display: block; margin-bottom:50px;}



#link-elternseite { padding:5px; background-color:#ee7f01; width:150px; text-align:center;}
#link-elternseite a { color:#fff;  text-decoration:none;}
#link-elternseite a:hover { color:#fff; text-decoration:underline;}

article { clear: both; margin:30px 0 50px;}
article header { background:none; height:10px;}
article header > h2 {font-weight: 600; font-size:20px; color:#ee7f01; margin-bottom:15px; }

.header_post {}

.header_post a{ color:#EE7F01; text-decoration:none;}

/*-------Gallerie-Einstellungen-------------------------*/
.gallery { margin-top:25px;}
.gallery-item { margin:10px; float:left;}
.alignleft { float:left;}
.alignleft img { size:80%;}


} /* END screen media */

.mobile-menu-toggle { display: none; }

@media screen and (max-width: 999px) {

* { box-sizing: border-box; }
html, body { width: 100%; overflow-x: hidden; }
body { font-size: 16px; }

img,
iframe,
object,
embed { max-width: 100%; }

#background { position: fixed; }
#background img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#wrapper {
	width: 100%;
	overflow-x: hidden;
}

.page-wrap {
	width: 100%;
	max-width: 780px;
	left: auto;
	margin: 0 auto;
	padding: 0 14px;
}

header {
	height: auto;
	margin-bottom: 14px;
	background: #ee7f01;
}

header .page-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	max-width: none;
	padding: 0;
}

#logo {
	order: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 138px;
	height: 92px;
	float: none;
	margin-left: 0;
	background: #fff;
}

#logo a,
#logo img { display: block; }

#logo img {
	width: 112px;
	height: auto;
}

#top-navi-feld {
	order: 2;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex: 1 1 auto;
	width: auto;
	min-width: 0;
	height: 92px;
	float: none;
	margin-left: 0;
	padding: 10px 12px;
	background-color: #ee7f01;
}

#top-navi {
	order: 1;
	flex: 1 1 auto;
	width: auto;
	float: none;
	font-size: 13px;
	line-height: 1;
}

#top-navi ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 6px;
	margin-top: 0;
}

#top-navi ul li {
	display: inline-flex;
	margin-right: 0;
}

#top-navi a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
	padding: 0 8px;
	border-radius: 3px;
	line-height: 1.15;
}

#top-navi a[href="#"] {
	min-width: 0;
	padding: 0 1px;
	pointer-events: none;
}

#top-navi .menu-separator {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 0 1px;
}

.mobile-menu-toggle {
	order: 2;
	display: none;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: auto;
	height: 42px;
	min-width: 82px;
	min-height: 42px;
	margin-left: 10px;
	padding: 0 12px;
	border: 1px solid rgba(255, 255, 255, 0.75);
	border-radius: 3px;
	background: transparent;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	cursor: pointer;
	transition: background-color 120ms ease, outline-color 120ms ease;
}

body.kissi-has-mobile-menu .mobile-menu-toggle { display: flex; }

.mobile-menu-label {
	display: inline-block;
	margin-left: 8px;
}

.mobile-menu-icon,
.mobile-menu-icon:before,
.mobile-menu-icon:after {
	display: block;
	width: 19px;
	height: 2px;
	border-radius: 2px;
	background: #fff;
}

.mobile-menu-icon {
	position: relative;
	margin-right: 0;
}

.mobile-menu-icon:before,
.mobile-menu-icon:after {
	position: absolute;
	left: 0;
	content: "";
}

.mobile-menu-icon:before { top: -6px; }
.mobile-menu-icon:after { top: 6px; }

#teaser-pic {
	order: 3;
	display: none;
}

#teaser-pic img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

aside#mobile-site-menu {
	width: 100%;
	float: none;
	margin: 0 0 14px;
	background: #fefefe;
}

html.kissi-js aside#mobile-site-menu { display: none; }
body.kissi-mobile-menu-open aside#mobile-site-menu { display: block; }

aside#mobile-site-menu nav {
	border-top: 3px solid #ee7f01;
	background: #fefefe;
}

aside#mobile-site-menu ul {
	padding: 12px 24px 14px;
	font-size: 15px;
	font-weight: 600;
}

aside#mobile-site-menu ul li {
	margin: 0 0 3px;
	padding: 0;
	border-bottom: 1px solid #eeeeee;
}

aside#mobile-site-menu ul li:last-child { border-bottom: 0; }

aside#mobile-site-menu ul ul {
	display: block;
	width: auto;
	margin: 5px 0 9px;
	padding: 7px 18px;
	background: #e6e7e6;
	font-weight: 400;
}

aside#mobile-site-menu ul ul li {
	margin: 0;
	border-bottom: 0;
}

#menu-main_nav ul li a,
aside#mobile-site-menu a {
	padding: 8px 0;
	line-height: 1.25;
	color: #333;
	transition: background-color 120ms ease, color 120ms ease;
}

.mobile-menu-toggle:active,
aside#mobile-site-menu a:active {
	background-color: rgba(238, 127, 1, 0.12);
}

.mobile-menu-toggle:focus-visible,
aside#mobile-site-menu a:focus-visible {
	outline: 2px solid #ee7f01;
	outline-offset: 3px;
}

#menu-main_nav > li > a {
	display: block;
	padding: 10px 0;
	font-size: 16px;
}

#menu-main_nav > li:not(.menu-item-has-children) > a {
	padding: 11px 0;
}

aside#mobile-site-menu ul ul a {
	color: #ee7f01;
	font-weight: 400;
}

aside#mobile-site-menu li.current-menu-item > a,
aside#mobile-site-menu li.current_page_item > a,
aside#mobile-site-menu li.current-page-parent > a,
aside#mobile-site-menu li.current-menu-parent > a,
aside#mobile-site-menu li.current-page-ancestor > a,
aside#mobile-site-menu li.current-menu-ancestor > a {
	color: #ee7f01;
}

aside#mobile-site-menu .textwidget {
	padding: 18px 16px;
	background-position: center bottom;
}

#login-menu ul {
	margin: 4px 0 14px;
	padding: 12px 24px;
	background: #e6e7e6;
}

#login-menu ul li {
	margin: 0 0 8px;
	padding: 0;
	border-bottom: 0;
}

#login-menu ul li:last-child {
	margin-bottom: 0;
}

#login-menu a {
	display: block;
	padding: 6px 0;
	color: #ee7f01;
}

#main-content {
	width: 100%;
	float: none;
	margin-left: 0;
}

#main-content p,
.entry {
	line-height: 1.6;
	overflow-wrap: break-word;
}

#text-bereich {
	padding: 22px 18px;
	min-height: 0;
	background: url(images/main-content-bereich-HG90.png) repeat;
}

h1,
h2 {
	font-size: 24px;
	line-height: 1.2;
}

h3 {
	font-size: 18px;
	line-height: 1.35;
}

.entry img,
#text-bereich img,
#abriss-bereich img {
	height: auto;
	max-width: 100%;
}

#text-bereich ul,
#text-bereich ol {
	margin: 0 0 16px 18px;
}

#text-bereich li {
	list-style: disc;
	margin-bottom: 6px;
}

#text-bereich table {
	display: block;
	max-width: 100%;
	overflow-x: auto;
}

#kontakt-tabelle,
#kontakt-tabelle tbody,
#kontakt-tabelle tr,
#kontakt-tabelle td {
	display: block;
	width: 100% !important;
}

#kontakt-tabelle {
	margin-left: 0;
	border-spacing: 0;
}

#kontakt-tabelle td {
	padding: 0;
}

#kontakt-tabelle td + td {
	padding-left: 0;
}

#kontakt-tabelle p {
	margin: 0 0 7px;
}

.wpcf7-form-control-wrap {
	display: block;
	max-width: 100%;
}

.wpcf7-list-item {
	margin-left: 0;
}

.wpcf7-acceptance label {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	line-height: 1.35;
}

.one_half,
.one_third,
.two_third,
.three_fourth,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
	width: 100%;
	float: none;
	margin-right: 0;
}

.last { clear: none; }

#abriss-bereich,
#abriss-bereich_kontakt {
	margin-bottom: 14px;
	background: transparent;
}

#abriss-bereich img {
	display: block;
	width: 100%;
}

#abriss-bereich_kontakt iframe,
.kissi-map-placeholder {
	display: block;
	width: 100% !important;
	height: 220px;
}

#pflichtfelder,
#nachrichtenfeld,
#i-name,
#i-mail,
#i-betreff {
	width: 100%;
	float: none;
	height: auto;
	margin-right: 0;
}

textarea,
#wpcf7-f55-p4-o1 input,
#wpcf7-f55-p4-o1 textarea,
#wpcf7-f103-p8-o1 input,
#wpcf7-f103-p8-o1 textarea,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	width: 100% !important;
	max-width: 100%;
}

textarea { min-height: 140px; }

a.btn,
input[type="submit"] {
	float: none;
	width: auto !important;
	min-width: 92px;
	min-height: 44px;
	margin: 18px 0 0;
}

#text-bereich .wpcf7-form input[type="submit"] {
	float: none;
	min-height: 44px;
	margin-top: 14px;
}

#loginform {
	width: 100%;
}

#loginform input {
	float: none;
	max-width: 100%;
}

#user_login,
#user_pass {
	margin-left: 0;
}

#text-bereich .gallery {
	display: flex;
	flex-wrap: wrap;
	margin: 18px -4px 0;
}

#text-bereich .gallery br { display: none; }

#text-bereich .gallery .gallery-item {
	width: 33.333% !important;
	float: none !important;
	margin: 0 !important;
	padding: 4px;
	text-align: center;
}

#text-bereich .gallery img {
	width: 100%;
	height: auto;
	max-width: 150px;
}

footer {
	clear: both;
	margin-left: 0;
	padding: 0 14px 16px;
	color: #333;
	font-size: 13px;
}

footer a {
	color: #ee7f01;
	font-size: 13px;
}

#footer-navi {
	max-width: 780px;
	margin: 0 auto;
	padding: 13px 18px;
	background: rgba(255, 255, 255, 0.9);
	color: #333;
}

#footer-navi ul,
#footer-navi .menu {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 10px;
}

#footer-navi ul li {
	float: none;
	padding-right: 0;
}

#footer-navi > ul > li:nth-child(2) {
	display: none;
}

.bst-panel .bst-wrapper {
	width: 100% !important;
	padding: 10px 12px !important;
}

.bst-panel .bst-msg {
	float: none !important;
	width: 100% !important;
	line-height: 1.35 !important;
}

.bst-panel .bst-links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	float: none !important;
	width: 100% !important;
	margin-top: 8px;
}

.bst-panel .bst-links a {
	display: inline-flex;
	align-items: center;
	min-height: 38px;
	padding: 8px 12px !important;
}

}

@media screen and (max-width: 480px) {

header {
	margin-bottom: 10px;
}

.page-wrap {
	padding: 0 10px;
}

#logo {
	width: 124px;
	height: 84px;
}

#logo img {
	width: 102px;
}

#top-navi-feld {
	height: 84px;
	padding: 8px;
}

#top-navi {
	font-size: 12px;
}

#top-navi ul {
	gap: 2px;
}

#top-navi a {
	min-width: 40px;
	min-height: 40px;
	padding: 0 5px;
}

#top-navi .menu-separator {
	min-height: 40px;
}

.mobile-menu-toggle {
	min-width: 76px;
	margin-left: 8px;
	padding: 0 10px;
}

.mobile-menu-icon {
	margin-right: 0;
}

.mobile-menu-label {
	margin-left: 7px;
}

#teaser-pic {
	display: none;
}

#text-bereich {
	padding: 20px 15px;
}

#text-bereich .gallery .gallery-item {
	width: 50% !important;
}

footer {
	padding-right: 10px;
	padding-left: 10px;
}

}


@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: "Open Sans", Arial, sans-serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Open Sans, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
} /* END print media */