/*
Theme Name: Zimmerei Liebeskind
Version: 1.0
Author: buschkunst.com
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	box-sizing: border-box;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

html { -webkit-text-size-adjust: none; scroll-behavior: smooth; }

body {
	background-color: #122945;
}

.scroll-btn-hidden { 
	opacity:0; 
	position:fixed; 
	z-index:20; 
	background-color:rgba(0, 0, 0, 0.5); 
	height:3em; 
	width:3em; 
	bottom:2.5em; 
	right:2em; 
	border-radius: 10px; 
	-webkit-transition: opacity 0.4s ease;
	-o-transition: opacity 0.4s ease;
	-moz-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
}

.scroll-btn { 
	opacity:1; 
	position:fixed; 
	z-index:20; 
	background-color:rgba(0, 0, 0, 0.5); 
	height:3em; 
	width:3em;    
	bottom:2.5em; 
	right:2em; 
	border-radius: 10px;
	background-image: url(https://www.zimmerei-liebeskind.de/wp-content/themes/liebeskind/images/up-btn.png); 
	background-repeat: no-repeat;
	background-size: 60%;
	background-position: 9px 16px;
	-webkit-transition: opacity 0.4s ease;
	-o-transition: opacity 0.4s ease;
	-moz-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
    cursor: pointer;
}

/*#scrollTopButton {
    padding: 10px 15px;
    height:3em; 
	width:3em;    
	bottom:2.5em; 
	right:2em; 
	border-radius: 10px;
    background-color:rgba(0, 0, 0, 0.5); 
    background-image: url(https://www.zimmerei-liebeskind.de/wp-content/themes/liebeskind/images/up-btn.png);
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    background-repeat: no-repeat;
	background-size: 60%;
	background-position: 9px 16px;
	-webkit-transition: opacity 0.4s ease;
	-o-transition: opacity 0.4s ease;
	-moz-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
}

#scrollTopButton:hover {
    background-color:rgba(0, 0, 0, 0.8);
}*/

/*#scrollTopButton {
    padding: 10px 15px;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
}

#scrollTopButton:hover {
    background-color: #0056b3;
}
*/

.start-btn {
	opacity: 1;
	position: absolute;
	bottom: 1em;
	width: 100%;
	height: 1.5em;
	text-align: center;
	-webkit-transition: opacity 0.4s ease;
	-o-transition: opacity 0.4s ease;
	-moz-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
}

.start-btn-hidden {
	opacity:0;
	position: absolute;
	bottom: 1em;
	width: 100%;
	height: 1.5em;
	text-align: center;
}

.start-btn img{
	height: 100%;
}

.intext {
	border:1px solid #CCC;
	height:2.2em;
	width:100%;
	margin:0 auto 2% auto;
	font-size:1.0em;
	border-radius: 5px;
	box-sizing: border-box;
}

.intextfeld {
	border:1px solid #CCC;
	height:120px;
	width:100%;
	font-size:1.0em;
	border-radius: 5px;
	box-sizing: border-box;
}

.sender {
	border:none;
	background-color:#122945;
	color:#FFF;
	width:75px;
	height:2.5em;
	margin:10px 0 15px 0;
	cursor:pointer;
}

.schmaleversion {
	padding: 0 2.4em;
}

strong {
	font-weight: bold;
}

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


/*//--ul--//*/
.mainmenu-nav ul {
	display: block !important;
	width: 100%;
	text-align: center !important;
}

.mainmenu-nav ul {
	border-top: 1px solid lightskyblue !important;
	margin-top: 2.5em !important;
}


/*//--li--//*/
.mainmenu-nav ul li {
	display: block !important;
	border: none !important;
	margin-left: 0 !important;
}

.mainmenu-nav ul li ul {
	display: block !important;
	width: 100% !important;
	padding: 0 !important;
	border-top: none !important;
}

.mainmenu-nav ul li ul li {
	/*display: block !important;
	border-right: none !important;
	padding: 0 !important;
	border-bottom:  none !important;
	width: 100% !important;
	background-color: black !important;*/
	display: block !important;
}

.has-child ul li > a {
	background-color: #F5F5F5 !important;
}

.mainmenu-nav a {
	display: block !important;
	padding: 1em !important;
	width: 100% !important;
	border-bottom: 1px solid lightskyblue !important;
}

.has-child a {
	background-image: url(images/arrow-down.png) !important;
	background-repeat:  no-repeat !important;
	background-position: 3% 50% !important;
	background-size: 20px 20px !important;
}

.has-child ul li a {
	background-image: none !important;
}

.start-cover-txt {
	font-size: 30px !important;
}

.onpage-menu li {
	display: block;
	width: 97% !important;
	margin: 0 3% 2.4em 0;
	clear: both;
}
	
.wp-block-navigation__responsive-container-close {
	margin:0 1em 0 0 !important;
}

.wp-block-navigation__responsive-dialog {
	margin-top: 1em !important;
	background-image: url("https://www.zimmerei-liebeskind.de/wp-content/uploads/2023/06/Logo.jpg");
	background-repeat: no-repeat;
	background-position: 40px top;
	background-size: 50%;
}

}

@media only screen and (min-width: 601px) and (max-width:780px) {

.onpage-menu li {
	display: block;
	width: 47% !important;
	margin: 0 3% 2.4em 0;
	float: left;
}

}

@media only screen and (max-width: 781px) {
	.rightside-bar {
	
}

}

/*////////////////////////////////////////////////////////-----------top-contacts---------/////////////*/
.top-contacts {
	display: table;
	width: 100%;
	height: auto;
	text-align:right; 
	vertical-align: middle;
	color: #FFF;
	font-size: 0.75em;
	background-color: #122945;
}

.top-contacts ul {
}

.top-contacts li {
	display: inline-block;
	background-image: url(images/eddy.png);
	background-repeat:  no-repeat;
	background-position: 5px 5px;
	background-size: 17px 17px;
}

.top-contacts li:first-child {
	display: inline-block;
	background-image: url(images/phony.png);
	background-repeat:  no-repeat;
	background-position: 5px 5px;
	background-size: 17px 17px;
}

.top-contacts a,
.top-contacts a:link,
.top-contacts a:hover,
.top-contacts a:focus,
.top-contacts a:active,
.top-contacts a:visited {
	display: block;
	color: #FFF;
	text-decoration: none;
	padding: 0.7em 1.5em 0.7em 2.5em;
}

.top-contacts img {
	margin: 0.5em;
	height: 17px;
	width: 17px;
}

/*////////////////////////////////////////////////////////-----------header-board---------/////////////*/

.header-board {
	padding: 0.5em 1.1em 0.5em 1em;
}

/*///////////////////////////////////////////////////////------------menu-----------------//////////////*/

.mainmenu-nav {
	/*right: 1em;*/
	width: 100%;
}

.mainmenu-nav ul {/*
	text-align: right !important;*/
}

.mainmenu-nav ul li {
	width: auto;
	margin-left: -9px;
	border-right:  1px solid #CCC;
}

.mainmenu-nav ul li:last-child {
	border-right: none;
}

.mainmenu-nav ul li ul li {
	border-right: none;
	border-bottom: 1px solid #CCC;
	margin-left: 0;
}

.mainmenu-nav ul li ul li:last-child {
	border-right: none;
	border-bottom: none;
}

.mainmenu-nav a {
	display: block;
	padding: 1em;
	background-color: none;
}

.mainmenu-nav li:hover {
	background-color: #F6F6F6 !important;
}

.mainmenu-nav .current-menu-item {
	background-color: #F6F6F6 !important;
}

.wp-block-navigation-submenu button {
	margin-right: 1em;
}

.article-content h2{
	padding: 0 2.1em;
}

.article-content {
	line-height: 1.7rem;
}

.page-title-std {
	padding: 0 0 0 1em;
	line-height: 1.5em;
}

.article-content a,
.article-content a:link,
.article-content a:focus,
.article-content a:active,
.article-content a:visited {
	font-weight: 700;
	text-decoration: none;
	color: #122945 !important;
}

.article-content a:hover {
	font-weight: 700;
	text-decoration: underline;
	color: #122945 !important;
}

.caption-space .wp-element-caption {
	box-sizing:  border-box;
	padding: 0 3%;
	font-size: 0.8em;
}

.article-content h2 {
	font-weight: 700;
	font-size: 1.1rem;
	line-height: 1.5em;
}

.start-mehr-link a,
.start-mehr-link a:link,
.start-mehr-link a:focus,
.start-mehr-link a:active,
.start-mehr-link a:visited,
.start-mehr-link a:hover {
	font-weight: 400;
}

.headline-start {
	display: none;
}

.start-galerie {
	padding: 0 3%;
}

.site-galerie {
	padding: 0 2.4em;
}

.bildabstand {
	padding: 1.25em 2.375em;
}

.rightside-bar {
	margin: 0 2.4em !important;	
}

.rightside-bar h2 {
	display: block;
	background-color: #122945;
	color: #FFF;
	padding: 0.5em 1em;
}

.rightside-bar ul {
	display: block;
	width: 100%;
}

.rightside-bar a,
.rightside-bar a:link,
.rightside-bar a:focus,
.rightside-bar a:active,
.rightside-bar a:visited {
	display: block;
	width: 100%;
	padding: 0.5em 1em;
	border-bottom: 1px solid grey;
	text-decoration: none;
}


.rightside-bar a:hover {
	background-color: #F6F6F6;
}

.rightside-bar .current-menu-item a,
.rightside-bar .current-menu-item a:link {
	background-color: #F6F6F6;
}

.onpage-menu {
	display: block;
	padding: 0 0;
}

.onpage-menu ul {
	width: 100%;
	display: block;
	padding: 0 0 0 3%;
}

.onpage-menu li {
	display: block;
	width: 30%;
	margin: 0 3% 2.4em 0;
	float: left;
	height: 10em;
	text-align: center;
	border: 1px solid #CCC;
}

.onpage-menu a,
.onpage-menu a:link,
.onpage-menu a:focus,
.onpage-menu a:active,
.onpage-menu a:visited {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #FFF !important;
}

.onpage-menu a span {
	position: absolute;
	width: 100%;
	display: block;
	bottom: 0px;
	padding: 0.5em 0;
	background-color: rgba(0, 0, 0, 0.45);
}

.leistung-zimmerei {
	background: url(images/leistungen-zimmerei.jpg) center;
	background-repeat: no-repeat;
	background-size: cover;
}

.leistung-dachstuehle {
	background: url(images/leistungen-dachstuehle.jpg) center;
	background-repeat: no-repeat;
	background-size: cover;
}

.leistung-carports {
	background: url(images/leistungen-carports.jpg) center;
	background-repeat: no-repeat;
	background-size: cover;
}

.leistung-holzrahmenbau {
	background: url(images/leistungen-holzrahmenbau.jpg) center;
	background-repeat: no-repeat;
	background-size: cover;
}

.leistung-fassadenverkleidung {
	background: url(images/leistungen-fassadenverkleidung.jpg) center;
	background-repeat: no-repeat;
	background-size: cover;
}

.leistung-terrassenbelaege {
	background: url(images/leistungen-terrassenbelaege.jpg) center;
	background-repeat: no-repeat;
	background-size: cover;
}

.leistung-fachwerkbau {
	background: url(images/leistungen-fachwerkbau.jpg) center;
	background-repeat: no-repeat;
	background-size: cover;
}

.leistung-altbausanierung {
	background: url(images/leistungen-altbausanierung.jpg) center;
	background-repeat: no-repeat;
	background-size: cover;
}

.leistung-dachdeckerarbeiten {
	background: url(images/leistungen-dachdeckerarbeiten.jpg) center;
	background-repeat: no-repeat;
	background-size: cover;
}

.leistung-schieferarbeiten {
	background: url(images/leistungen-schieferarbeiten.jpg) center;
	background-repeat: no-repeat;
	background-size: cover;
}

.leistung-dachklempnerarbeiten {
	background: url(images/leistungen-dachklempnerarbeiten.jpg) center;
	background-repeat: no-repeat;
	background-size: cover;
}

.leistung-daemmung {
	background: url(images/leistungen-daemmung.jpg) center;
	background-repeat: no-repeat;
	background-size: cover;
}

.leistung-geruestbau {
	background: url(images/leistungen-geruestbau.jpg) center;
	background-repeat: no-repeat;
	background-size: cover;
}

.leistung-weitere {
	background: url(images/leistungen-weitere.jpg) center;
	background-repeat: no-repeat;
	background-size: cover;
}

.footer-content {
	line-height: 1.7rem;
	padding: 2.4em;
}

.footermenu-short ul,
.footermenu-short li,
.footermenu-short a {
	width: 100%;
}

.footermenu-short ul,
.footermenu-short li {
	display: block;
}

.footermenu-short ul {
	border-top:  1px solid lightskyblue;
	border-right:  none;
	border-bottom:  none;
	border-left:  none;
}

.footer-content hr {
	height: 1px;
	border-top:  1px solid lightskyblue;
	border-right:  none;
	border-bottom:  1px solid lightskyblue;
	border-left:  none;
}

.footermenu-short a {
	display: block;
	padding: 1em 0 1em 3em;
	border-bottom: 1px solid lightskyblue;
	line-height: 1.0rem;
	background-image: url(images/redsquare.jpg);
	background-repeat:  no-repeat;
	background-position: 10px 13px;
	background-size: 20px 20px;
}