/* Hintergründe */
*{
padding:0px;
margin:0px;
border:0px;
}
a {
}
a:active{outline:none;}
a:focus{outline:none;}
select:active{outline:none;}
select:focus{outline:none;}
input:active{outline:none;}
input:focus{outline:none;}
html, body {
height: 100.01%; /* wichtig */
padding-bottom:1px;
}
.wieweg{
display:none;
}
.home_fegerseiten{
background-image:url(../gfx/admin.png);
width:48px;
height:80px;
float:left;
cursor:pointer;
}
.wahl_fegerseiten{
background-image:url(../gfx/admin2.png);
width:183px;
height:80px;
margin-left:48px;
position:relative;
}
.fehler{
background-color:#F00;
color:#fff;
}
/************************************************************************/
/* MODULE */
/************************************************************************/
/*Online-Shop*/
.showKatRes
{
width:48% !important;
height:200px !important;
box-sizing:border-box;
}
.round
{
/* Safari 3-4, iOS 1-3.2, Android 1.6- */
-webkit-border-radius: 12px;
/* Firefox 1-3.6 */
-moz-border-radius: 12px;
/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
border-radius: 12px;
}
.style_galerie
{
position:relative;
float:left;
}
.style_zufrieden_aussenbox
{
position:relative;
width:800px;
z-index:9999999;
}
.res_reihe
{
text-align:left;
}
.res_eingabefeld
{
float:left;
}
/******************************************************************/
/* ENERGIECHECK */
/******************************************************************/
@media (max-width: 600px) and (min-width:520px)
{
#res_energie
{
text-algin:center !important;
margin: 0px auto !important;
}
#res_energie_links {
float: none !important;
width: 380px !important;
}
#res_energie_rechts {
float: none !important;
width: 380px !important;
margin-left:15px !important;
margin-top:-20px !important;
}
#res_energie_text_rechts {
float: left;
/* width: 145px; */
width: 220px !important;
/* margin: 5px; */
margin-left: 5px;
margin-top: 2px;
}
}
#res_energie
{
/*background:#969696;*/
color:#000000;
text-align:left;
width:100%;
display: inline-block;
font-size:1.0em;
}
#res_energie_links
{
float:left;
width:51%;
/*background:#969696;*/
margin-top:15px;
margin-left:15px;
margin-bottom:10px;
display: inline-block;
}
#res_energie_rechts
{
float:left;
width:44%;
/*background:#969696;*/
margin-top:15px;
margin-left:10px;
margin-bottom:10px;
display: inline-block;
}
/*#res_reihe
{
text-align:left;
margin:10px;
clear:both;
}*/
#res_energie_text
{
float:left;
width:220px;
/*margin:5px;*/
margin-left:5px;
margin-top:2px;
}
#res_energie_text_rechts
{
float:left;
/*width:145px;*/
width:165px;
/*margin:5px;*/
margin-left:5px;
margin-top:2px;
}
#res_energie_eingabe_und_text
{
width:145px;
float:left;
margin-bottom:10px;
margin-left:5px;
}
#res_energie_eingabe_und_text2
{
float:left;
margin-top:5px;
margin-left:5px;
}
#energie_input
{
font-size: 1em;
/*background:#e2e2e2;*/
height:35px;
width:100%;
padding-left:15px;
padding-right:15px;
padding-top:1px;
padding-bottom:1px;
-webkit-border-radius: 5px;
/* Firefox 1-3.6 */
-moz-border-radius: 5px;
/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
/border-radius: 5px;
}
/******************************************************************/
/* AKTUELLES */
/******************************************************************/
#aktuelles ul ul li a
{
text-align:left;
}
/******************************************************************/
/* Online-Shop */
/******************************************************************/
.shopKat
{
width:32%;
background-size: 100%;
}
.warenArticle {
display: table;
}
.warenDesc {
display: table-row;
}
.warenElem {
display: table-cell;
padding: 2px;
border-bottom:1px solid
}
.warenElemGesamt {
padding: 2px;
border-bottom:1px solid;
border-top:2px solid;
}
.shopmob-only
{
display:none;
}
.shopmobprodukt-only
{
display:none;
}
.shopbestelllab
{
width:30% !important;
}
/*********************************************************************/
/* Galerie und Image-Lightbox */
/*********************************************************************/
#imagelightbox
{
position: fixed;
z-index: 9999;
-ms-touch-action: none;
touch-action: none;
}
#imagelightbox-overlay {
background-color: #000;
background-color: rgba( 0, 0, 0, .85 );
position: fixed;
z-index: 9998;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
#imagelightbox-loading, #imagelightbox-overlay, #imagelightbox-close, #imagelightbox-caption, #imagelightbox-nav, .imagelightbox-arrow {
-webkit-animation: fade-in .25s linear;
animation: fade-in .25s linear;
}
a.lightbox img {
height: 150px;
border: 3px solid white;
box-shadow: 0px 0px 8px rgba(0,0,0,.3);
margin: 94px 20px 20px 20px;
}
/* IMAGE LIGHTBOX SELECTOR */
#imagelightbox
{
cursor: pointer;
position: fixed;
z-index: 10000;
-ms-touch-action: none;
touch-action: none;
-webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
}
/* ACTIVITY INDICATION */
#imagelightbox-loading,
#imagelightbox-loading div
{
border-radius: 50%;
}
#imagelightbox-loading
{
width: 2.5em; /* 40 */
height: 2.5em; /* 40 */
background-color: #444;
background-color: rgba( 0, 0, 0, .5 );
position: fixed;
z-index: 10003;
top: 50%;
left: 50%;
padding: 0.625em; /* 10 */
margin: -1.25em 0 0 -1.25em; /* 20 */
-webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
}
#imagelightbox-loading div
{
width: 1.25em; /* 20 */
height: 1.25em; /* 20 */
background-color: #fff;
-webkit-animation: imagelightbox-loading .5s ease infinite;
animation: imagelightbox-loading .5s ease infinite;
}
@-webkit-keyframes imagelightbox-loading
{
from { opacity: .5; -webkit-transform: scale( .75 ); }
50% { opacity: 1; -webkit-transform: scale( 1 ); }
to { opacity: .5; -webkit-transform: scale( .75 ); }
}
@keyframes imagelightbox-loading
{
from { opacity: .5; transform: scale( .75 ); }
50% { opacity: 1; transform: scale( 1 ); }
to { opacity: .5; transform: scale( .75 ); }
}
/* OVERLAY */
#imagelightbox-overlay
{
background-color: #000;
background-color: rgba( 0, 0, 0, .85 );
position: fixed;
z-index: 9998;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
/* "CLOSE" BUTTON */
#imagelightbox-close
{
width: 2.5em; /* 40 */
height: 2.5em; /* 40 */
text-align: left;
background-color: #333;
border-radius: 50%;
position: fixed;
z-index: 10002;
top: 2.5em; /* 40 */
right: 2.5em; /* 40 */
-webkit-transition: color .3s ease;
transition: color .3s ease;
}
#imagelightbox-close:hover,
#imagelightbox-close:focus
{
background-color: #111;
}
#imagelightbox-close:before,
#imagelightbox-close:after
{
width: 2px;
background-color: #fff;
content: '';
position: absolute;
top: 20%;
bottom: 20%;
left: 50%;
margin-left: -1px;
}
#imagelightbox-close:before
{
-webkit-transform: rotate( 45deg );
-ms-transform: rotate( 45deg );
transform: rotate( 45deg );
}
#imagelightbox-close:after
{
-webkit-transform: rotate( -45deg );
-ms-transform: rotate( -45deg );
transform: rotate( -45deg );
}
/* CAPTION */
#imagelightbox-caption
{
text-align: center;
color: #fff;
background-color: #666;
position: fixed;
z-index: 10001;
left: 0;
right: 0;
bottom: 0;
padding: 0.625em; /* 10 */
}
/* NAVIGATION */
#imagelightbox-nav
{
background-color: #444;
background-color: rgba( 0, 0, 0, .5 );
border-radius: 20px;
position: fixed;
z-index: 10001;
left: 50%;
bottom: 3.75em; /* 60 */
padding: 0.313em; /* 5 */
-webkit-transform: translateX( -50% );
-ms-transform: translateX( -50% );
transform: translateX( -50% );
}
#imagelightbox-nav button
{
width: 1em; /* 20 */
height: 1em; /* 20 */
background-color: transparent;
border: 1px solid #fff;
border-radius: 50%;
display: inline-block;
margin: 0 0.313em; /* 5 */
}
#imagelightbox-nav button.active
{
background-color: #fff;
}
/* ARROWS */
.imagelightbox-arrow
{
width: 3.75em; /* 60 */
height: 7.5em; /* 120 */
background-color: #444;
background-color: rgba( 33, 33, 33, .5 );
vertical-align: middle;
display: none;
position: fixed;
z-index: 10001;
top: 50%;
margin-top: -3.75em; /* 60 */
}
.imagelightbox-arrow:hover,
.imagelightbox-arrow:focus
{
background-color: #666;
background-color: rgba( 0, 0, 0, .75 );
}
.imagelightbox-arrow:active
{
background-color: #111;
}
.imagelightbox-arrow-left
{
left: 2.5em; /* 40 */
}
.imagelightbox-arrow-right
{
right: 2.5em; /* 40 */
}
.imagelightbox-arrow:before
{
width: 0;
height: 0;
border: 1em solid transparent;
content: '';
display: inline-block;
margin-bottom: -0.125em; /* 2 */
}
.imagelightbox-arrow-left:before
{
border-left: none;
border-right-color: #fff;
margin-left: -0.313em; /* 5 */
}
.imagelightbox-arrow-right:before
{
border-right: none;
border-left-color: #fff;
margin-right: -0.313em; /* 5 */
}
#imagelightbox-loading,
#imagelightbox-overlay,
#imagelightbox-close,
#imagelightbox-caption,
#imagelightbox-nav,
.imagelightbox-arrow
{
-webkit-animation: fade-in .25s linear;
animation: fade-in .25s linear;
}
@-webkit-keyframes fade-in
{
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes fade-in
{
from { opacity: 0; }
to { opacity: 1; }
}
@media only screen and (max-width: 41.250em) /* 660 */
{
#container
{
width: 100%;
}
#imagelightbox-close
{
top: 1.25em; /* 20 */
right: 1.25em; /* 20 */
}
#imagelightbox-nav
{
bottom: 1.25em; /* 20 */
}
.imagelightbox-arrow
{
width: 2.5em; /* 40 */
height: 3.75em; /* 60 */
margin-top: -2.75em; /* 30 */
}
.imagelightbox-arrow-left
{
left: 1.25em; /* 20 */
}
.imagelightbox-arrow-right
{
right: 1.25em; /* 20 */
}
}