/* Template for Lampert Heizungen © admotion*/

html 
{
   height:			100%;
}


body
{
   height:			100%;
   margin:			0px;
   padding:			0px;
   font-family:		Klavika;
   font-weight:		normal;
   font-size:		16px;
   color:			#414042;
   line-height:		160%;
   letter-spacing:	0.02em;
   background: 		#ffffff; 
}





#system-message { margin: 0px; }
img { height: auto; max-width: 100%; vertical-align: middle; border: 0px; }


#einleitung { display: none; }
#kundenzitate { display: none; }

.avPlayerWrapper .avPlayerContainer .avPlayerBlock { padding: 56.25% 0 0 0 !important; }




#container-header { background: url(../images/transparent.png) repeat; position: absolute; width: 100%; z-index: 997; }
#header { margin: 0px auto; padding: 0px; width: 1170px; height: 150px; }
#logo { float: left; width: 250px; padding: 15px 0px 0px 0px; }
#menu { float: right; }
#titelbild img { min-width: 100%; }

	#showbox { position: relative;}



.readmore .btn { background: none; color: #1f3b8a; padding: 0px; border: 0px; }
.iteminhalt { display: flex; flex-wrap: wrap; justify-content: space-between; }
.item-image { width: 360px; margin: 0px 30px 0px 0px; }
.item-image img { min-width: 100%; }
.item-content { width: 780px; }

#redim-cookiehint .cookiecontent { font-size: 14px; line-height: 170%; }
#redim-cookiehint-modal { padding: 0px; background: none; top: auto; right: auto; left: 50px; bottom: 50px; }
#redim-cookiehint { background-color: #1f3b8a !important; width: 400px; font-size: 14px; line-height: 170%; }
#redim-cookiehint .cookiebuttons .btn { line-height: 100%; padding: 5px 10px !important; }
#cookiehintinfo { margin: 15px 0 0 0; }


#button { width: 280px; position: absolute; z-index: 0; bottom: 40px; right: 100px;transition: 0.2s ease-in-out; }
#button:hover { transform: scale(1.05);}


/* Seitenleiste */

#seitenleiste { position: fixed; right: 0; width: 40px; top: 170px; z-index: 5; color: #ffffff; font-size: 28px; text-align: center; }
#seitenleiste-mobile { display: none; }

#container-search { position: relative; }
#search { cursor: pointer; width: 40px; height: 40px; background: #ec432e url(../images/search.png) no-repeat center center; background-size: 25px 25px; margin: 0px 0px 10px 0px; }
#search-inhalt { display: none; background: #ec432e; height: 35px; position: absolute; right: 43px; top: 0px; padding: 5px 5px 0px 5px; }
#searchForm { margin: 0px auto; width: 1170px; }
.search-results { margin: 0px auto; width: 1170px; }



.film { float: left; width: 360px; margin: 7px 28px 0px 0px; border: 1px solid #bcbec0; }
.einleitung { float: left; width: 780px;  }



#mail { cursor: pointer; width: 40px; height: 40px; background: #ec432e url(../images/letter.png) no-repeat center center; background-size: 25px 18px; margin: 0px 0px 10px 0px; }

#container-phone { position: relative; }
#phone { cursor: pointer; width: 40px; height: 40px; background: #ec432e url(../images/phone.png) no-repeat center center; background-size: 25px 25px; margin: 0px 0px 10px 0px; }
#phone-inhalt { display: none; background: #ec432e; width: 150px; height: 33px; position: absolute; right: 43px; top: 0px; padding: 7px 5px 0px 10px; font-size: 16px; text-align: left; }
#phone-inhalt a { color: #ffffff !important; }


#container-pikett { position: relative; }
#pikett { cursor: pointer; width: 40px; height: 130px; background: #1f3b8a url(../images/pikett.png) no-repeat center center; background-size: 30px 115px; }
#pikett-inhalt { display: none; background: #1f3b8a; width: 150px; height: 110px; position: absolute; right: 43px; top: 0px; padding: 20px 5px 0px 10px; font-size: 16px; text-align: left; }
#pikett-inhalt a { color: #ffffff !important; }


#inhalt { padding: 40px 0px 0px 0px; }

#inhalt ul { margin: 0px 0px 10px 0px; padding: 0px; }
#inhalt li { margin: 0px; padding: 0px 0px 0px 20px; background: url(../images/list.png) no-repeat 0 7px; background-size: 12px 10px; list-style: none; line-height: 160%; }

.item-page { margin: 0px auto; width: 1170px; padding: 0px 0px 40px 0px; }

.rahmen { border: 1px solid #555555; margin: 0px 0px 10px 0px; }

ol { margin: 0px 0px 0px 16px; }
ol li { background: none !important; list-style: inherit !important; padding: 0px !important; }




/* Blog */

.item-image { float: left; width: 360px; margin: 5px 30px 0px 0px; }
.item-content { float: left; width: 780px; position: relative; }

.item-content h1 { margin: 0px 0px 15px 0px; font-size: 30px; }
.item-content h4 { padding: 0px; }

.blog-item { padding: 40px 0px 40px 0px; }
.iteminhalt { margin: 0px auto; width: 1170px; }

.blog-item:nth-child(odd) { background: #ffffff; }
.blog-item:nth-child(even) { background: #f0f0f0; }

.article-info-term { display: none; }
.create { margin: 0px; text-transform: uppercase; color: #a7a9ac; font-size: 14px; }
dl { margin-bottom: 10px; }


#container-footer { background: #303030; }
#footer { margin: 0px auto; width: 1170px; padding: 15px 0px 13px 0px; }
#adresse { color: #ffffff; float: left; }
#adresse a { color: #ffffff; }
#submenu { float: right; }

#adresse ul { margin: 0px; padding: 0px; }
#adresse li { list-style: none; float: left; margin: 0px; padding: 0px 12px; background: url(../images/line.jpg) no-repeat 0 4px; }
#adresse li:first-child { background: none; padding: 0px 12px 0px 0px; }


.back-to-top { font-size: 0; background: url(../images/totop.png) no-repeat scroll 0 0; background-size: 35px 35px; width: 35px; height: 35px; bottom: 15px; right: 15px; position: fixed; }

.aktuell-left { float: left; width: 360px; margin: 0px 30px 0px 0px; }
.aktuell-right { float: left; width: 780px; }



.bildgalerie-left { float: right; width: 69%; padding: 4px 0px 0px 0px; }
.bildgalerie-right { float: left; width: 29%; }


.sigplus-gallery li { background: none !important; padding: 0px !important; margin: 0px !important; }
.boxplusx-aspect { width: 800px !important; }


/* Text */

h1 { margin: 0px 0px 20px 0px; padding: 0px; font-size: 40px; line-height: 130%; color: #1f3b8a; font-weight: bold; letter-spacing: 0.01em; }
h2 { margin: 0px 0px 5px 0px; padding: 10px 0px 0px 0px; font-size: 22px; line-height: 120%; color: #ec432e; font-weight: bold; letter-spacing: 0.01em; }
h3 { margin: 0px 0px 10px 0px; padding: 0px; font-size: 25px; line-height: 130%; color: #1f3b8a; font-weight: bold; letter-spacing: 0; }
h4 { margin: 0px 0px 5px 0px; padding: 10px 0px 0px 0px; font-size: 17px; line-height: 130%; color: #000000; font-weight: bold; letter-spacing: 0; }


a { text-decoration: none; outline: none; color: #2c5dad; }
a:hover { text-decoration: none; color: #2c5dad; }
a:focus { text-decoration: none; outline: none; color: #2c5dad; }


.clear { line-height: 0; }
p { margin: 0px 0px 10px 0px; }

table { margin: 0px 0px 10px 0px; }



@media(max-width:1350px)
{
	#header { width: 1000px; }
	.item-page { width: 1000px; }
	.iteminhalt { width: 1000px; }

    .aktuell-left { width: 300px; }
    .aktuell-right { width: 670px; }
    
    .item-image { width: 300px; }
    .item-content { width: 670px; }
    
	.item-image { width: 300px; }
	.item-content { width: 670px; }

    .film { width: 33.333%; margin: 7px 0px 0px 0px; }
    .einleitung { float: right; width: 64%; }

	#searchForm { width: 1000px; }
	.search-results { width: 1000px; }

	#footer { width: 1000px; }
	#adresse { float: none; }
	#submenu { float: none; margin: 0px 0px 20px 0px; }
}




@media(max-width:1150px)
{
	#container-header { position: static; }
	#header { width: auto; margin: 0px 20px; }

	#seitenleiste { display: none; }
	#seitenleiste-mobile { display: block; position: absolute; right: 20px; top: 58px; width: auto; z-index: 998; color: #ffffff; }


	#container-search-mobile { float: left; position: relative; }
	#search-mobile { float: left; width: 30px; height: 30px; margin: 0px 10px 0px 0px; background: #ec432e url(../images/search.png) no-repeat center center; background-size: 20px 20px; }
	#search-mobile-inhalt { display: none; background: #ec432e; height: 35px; position: absolute; z-index: 999; left: 0px; top: 33px; padding: 5px 5px 0px 5px; }

	#container-mail-mobile { float: left; position: relative; }
	#mail-mobile { float: left; width: 30px; height: 30px; margin: 0px 10px 0px 0px; background: #ec432e url(../images/letter.png) no-repeat center center; background-size: 20px 14px; }

	#container-phone-mobile { float: left; position: relative; }
	#phone-mobile { float: left; width: 30px; height: 30px; margin: 0px 10px 0px 0px; background: #ec432e url(../images/phone.png) no-repeat center center; background-size: 20px 20px; }

	#container-pikett-mobile { float: left; position: relative; }
	#pikett-mobile { float: left; width: 115px; height: 30px; background: #1f3b8a url(../images/pikett-mobile.png) no-repeat center center; background-size: 100px 26px; }
	#pikett-mobile-inhalt { display: none; background: #1f3b8a; width: 150px; position: absolute; z-index: 999; right: auto; left: 0px; top: 33px; padding: 10px 5px 10px 10px; font-size: 16px; text-align: left; }
    #pikett-mobile-inhalt a { color: #ffffff; }
   
    .aktuell-left { float: none; width: auto; margin: 0px 0px 20px 0px; }
    .aktuell-right { width: auto; float: none; }
    
    .item-image { float: none; width: auto; margin: 0px 0px 20px 0px; }
    .item-content { width: auto; float: none; }
    
	.item-page { width: auto; margin: 0px 20px; }
	.iteminhalt { width: auto; margin: 0px 20px; }
	.item-image { width: 35%; margin: 4px 3% 0px 0px; }
	.item-content { width: 62%; }


	#searchForm { width: auto; margin: 0px 20px; }
	.search-results { width: auto; margin: 0px 20px; }

	#footer { width: auto; margin: 0px 20px; }
    
    	#button { position: absolute; bottom: 10px; right: 30px; width: 180px }

}




@media(max-width:850px)
{
	h1 { font-size: 30px; }
    
    .film { width: auto; float: none; margin: 7px 0px 20px 0px; }
    .einleitung { width: auto; float: none; }


	#footer li { float: none; background: none; padding: 0px; line-height: 160%; }
}




@media(max-width:600px)
{
	body { font-size: 14px; }

	#seitenleiste-mobile { position: static; width: auto; margin: 10px 20px; }

	#header { margin: 0px; border-bottom: 1px solid #bcbec0; }
	#logo { margin: 0px 0px 0px 20px; }

	.item-image { float: none; width: auto; margin: 4px 0px 10px 0px; }
	.item-content { float: none; width: auto; }
	
	#inhalt { border-top: 1px solid #bcbec0; }
    
	.bildgalerie-left { float: none; width: 100%; padding: 0px; }
	.bildgalerie-right { float: none; width: 100%; }

    .bildgalerie-right div.sigplus-gallery ul > li > img, div.sigplus-gallery ul > li > a > img { margin: 10px 0px 0px 0px !important; width: 100% !important; }


	h1 { font-size: 25px; }
}


@media(max-width:500px)
{
	div.sigplus-gallery > ul > li { width: 50%; }

    #button { width: 30%; height: auto; position: absolute; right: 20px; }

}