@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/* render html5 elements as block */
header,
footer,
section,
aside,
nav,
article,
main { display: block; }
html { font-size: 100%; -webkit-text-size-adjust: none; }
body,
#wrapper { font-family: 'Roboto', sans-serif; background-color: #fff; padding: 0; margin: 0; }
h1 { font-family: 'Roboto', sans-serif; color: #fff; font-size: 60px; font-weight: 100; }
h2 { font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 40px; text-align: center; }
h3 { font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 36px;}
h4 { font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 30px;margin-bottom: 18px}
h5 { font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 28px;margin-bottom: 16px}
p { font-family: 'Roboto', sans-serif; font-weight: 300;}
a { font-family: 'Roboto', sans-serif; font-weight: 300; text-decoration: none;color: #0cF;}

#menu ul > li > ul li { margin: 0; padding: 0;}
#menu ul > li > ul li a { text-decoration: none; padding: 0; margin:0;} 
#menu ul > li > ul li a:hover {text-decoration: none; padding: 0; margin:0;}



#wrapper { position: absolute; top: 0; left: 0; width: 100%; background-color: transparent; z-index: 50; }
.fltleft { float: left; }
.fltright { float: right; }
.clrflt { clear: both; }
/***********************************************************/    
/* lightGallery  */
/***********************************************************/

#lightgallery a { color: #fff; text-decoration: none; }
.lightgallery-container {width: auto; height: 246px; overflow:hidden;}

@media screen and (max-width: 759px) {
#body-index { background: none; }
.clearglas { display: none; }
.show-smart { display: block; }
.show-smart-inline { display: inline-block; }
.show-desk { display: none; }
header { height: auto; width: 100%; position: relative; top: 0px; background-color: rgba(0,0,0,1); opacity: 1; padding-top: 12px; }
.sprachwahl { position: absolute; top: 15px; right: 20px; }
.sprachwahl img { height: 18px; width: 18px; margin-left: 5px }
#kontakt-top {display:none;}
#logo_home { margin: 1px auto 10px auto; height: 35px; width: 150px; background-image: url(../img/logo_silverhill05_kl.png); background-repeat: no-repeat; }
.logo_bild { height: 35px; width: 150px; }
.spacer-header { height: 9px; width: 100%; clear: both; }
.spacer-article { display: none; }
.menu-trigger { display: block; float: left; margin-left: 20px; margin-top: 5px; height: 25px; width: 50px; cursor: pointer; }
.open_button { background-image: url(../img/menu_button_weiss_fein_25x50.png); opacity: 0.8; }
.close_button { background-image: url(../img/menu_close_button_weiss_fein_25x50.png); opacity: 0.8; }
.menu_body { position: relative; background-color: #555; opacity: 1; margin: 0px; padding: 0; height: auto; width: 100%; }
#menu { clear: both; display: none; margin: 0; width: 100%; overflow: hidden }
#menu ul { display: block; list-style: none; text-decoration: none; background-color: #222; padding: 0; margin: 0; width: 100%; }
#menu > li > ul.sub-menu1,
#menu > li > ul.sub-menu2 { padding: 0; border: none; margin:0; }
#menu.active,
#menu > ul ul.active { max-height: 55em; }
#menu > ul { border-top: 1px solid #808080; }
#menu li,
#menu > ul > li { display: block; width: 100%; margin: 0; }
#menu > ul > li > span,
#menu > ul > li > a { font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 20px; text-decoration: none; color: #fff; display: block; padding: 10px 20px; border-bottom: 1px solid #808080; position: relative; }
#menu > ul > li > a.current,
#menu > ul > li > span.current { color: #0FF; }
#menu > ul > li.show-smart { display: block; }
#menu li a:hover,
#menu li span:hover { font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 20px; text-decoration: none; color: #0FF; display: block; padding: 10px 20px; border-bottom: 1px solid #808080; position: relative; }
#menu li.has-submenu1 span:after,
#menu li.has-submenu2 span:after { content: '+'; position: absolute; top: 2px; right: 20px; display: block; font-size: 1.5em; padding: 2px 2px; }
#menu li.has-submenu1 span.open,
#menu li.has-submenu2 span.open { color: #0FF }
#menu li.has-submenu1 span.open:after,
#menu li.has-submenu2 span.open:after { content: "-"; position: absolute; top: 2px; right: 20px; display: block; font-size: 1.5em; padding: 2px 2px; color: #0FF }
#menu ul ul.sub-menu1,
#menu ul ul.sub-menu2 { display: none; list-style: none; text-decoration: none; background-color: #ccc; padding: 0; margin: 0 }
#menu ul ul li { display: block; width: 100%; margin: 0; padding: 0 }
#menu ul > li > ul li a { font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 20px; text-decoration: none; color: #000; display: block; padding: 5px 20px; border-bottom: 1px solid #808080; position: relative; }
#menu ul > li > ul li a:hover { font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 20px; text-decoration: none; background-color: #777; color: #0FF; display: block; padding: 5px 20px; border-bottom: 1px solid #808080; position: relative; }
/*************************************************************/
/* body bild Slider */
/*************************************************************/
.body_bild { z-index: 1; position: relative; top: 0; width: 100%; height: auto }
.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0 }
.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0 }
.rslides li:first-child { position: relative; display: block; float: left }
.rslides img { display: block; /*alignment-adjust: central*/ vertical-align: middle; height: auto; float: left; width: 100%; border: 0 }
#article-body { position: relative; width: 100%; padding: 0; margin: 0 }
article { position: relative; padding: 50px 20px; }
article h2,
.textpart h2 { font-size: 32px; }
article h3,
.textpart h3 { font-size: 30px;text-align:center;}
h3.kb_ueberschrift {text-align:left;}
article h4,
.textpart h4 { font-size: 26px; }
article h5,
.textpart h5 { font-size: 22px; }
article p,
.textpart p { font-size: 19px;line-height: 26px; text-align:justify;}
article ul li,
.textpart ul li { font-size: 19px; margin-left: 20px; font-family: 'Roboto', sans-serif;font-weight: 300;line-height: 26px; }

article a,
article a:visited,
article a:active { text-decoration: none; font-family: 'Roboto', sans-serif; color: #0cF; }
article a:hover { color: #0cF; text-decoration: none }

.schwarz,
article a.schwarz,
article a.schwarz:visited { color: #000; text-decoration: none; display:inline;}
article a.schwarz:hover { color: #0cF; text-decoration: none;}



.textpart a:visited,
.textpart a:active { text-decoration: none; font-family: 'Roboto', sans-serif; color: #0cF; }
.textpart a:hover { color: #0cF; text-decoration: none }

.textpart a.blau,
.textpart a.blau:visited { color: #0cF; text-decoration: none; display:inline;}

.schwarz,
.textpart a.schwarz,
.textpart a.schwarz:visited { color: #000; text-decoration: none; display:inline;}
.textpart a.schwarz:hover { color: #0cF; text-decoration: none;}






.schwarz {text-decoration:none;color:#000;}
.blau {color:#0cF;text-decoration:none;}
.must {color:red;font-weight:bolder }
.textleft {text-align:left;}
/********************************************************/
/** Text und Bildabschnitte mit Unterkapitel           **/
/********************************************************/

/* Projekt Uebersicht */
.bgimg1 { height: 250px; }
.bgimg2 { height: 250px; }
.bgimg {/*position:fixed;*/ opacity: 1; background-attachment: local; background-position: center center; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; /*-moz-background-size: cover; */
-o-background-size: cover; width: 100%; }
.textpart { background-color: #fff; width: 100%; padding: 30px 20px 40px 20px; height: auto; }
.spacer-gallery { display: none; }
/*************************************************************/    
/* Bilder */
/*************************************************************/
article img.kb_left { /* Kapitel Bilder in Projekt und Lifestyle */ float: left; width: 45%; height: auto; margin-top: 63px; margin-bottom: 20px; margin-left: 0; margin-right: 30px; }
.textpart img.right,
article img.right { float: right; width: 45%; height: auto; margin-left: 20px; margin-right: 0; margin-top: 8px; margin-bottom: 12px; }
.textpart img.left,
article img.left { float: left; width: 45%; height: auto; margin-top: 6px; margin-bottom: 12px; margin-left: 0; margin-right: 20px; }
.textpart img.klein,
article img.klein { display: block; max-width: 120px; height: auto; margin-left: auto; margin-right: auto; }
.textpart img.gross,
article img.gross { display: block; width: 100%; height: auto; margin: 10px auto 10px auto; }

img.align_gr_center { width: 100%; height: auto; margin: 0 auto 10px auto; }
/*************************************************************/	
/* Kontakt Formular */	
/*************************************************************/


#kontaktformular label { text-align: left; display: block; color: #000; font-weight: 300; font-size: 16px; width: 100%; padding: 5px 5px 5px 0 }
#kontaktformular input#name,
#kontaktformular input#email,
#kontaktformular input#betreff,
#kontaktformular input#message,
#kontaktformular select,
#kontaktformular textarea { display: block; padding: 5px; width: 100%; font-size: 16px; background-color: rgba(230,230,230,1); color: #000; }
#kontaktformular textarea { height: 150px }
#kontaktformular fieldset { text-align: left; height: auto; width: 100%; padding: 5px 0 5px 0; background-color: #fff; border: transparent; }
#delivery_box { margin-top: 20px }
#delivery_box input { display: inline; width: auto; padding: 5px 15px; margin-bottom: 5px }
#kontaktformular input#verifyemail { visibility: hidden; display: none }
#kontaktformular label[for='verifyemail'] { visibility: hidden; display: none }
/* Footer  */
footer { width: 100%; position: relative; background-color: #000; height: 420px; z-index: 50; padding: 0; }
.footercontent { padding: 15px 20px; }
.footercontent p { font-size: 10px; color: #fff }
#designer,
#designer:visited  {text-decoration:none; font-size:10px;color:#666;}
#designer:hover {text-decoration:none; font-size:10px;color:#0FF;}
.googlekarte { width: 100%; height: 200px; }
.googlekarte iframe { width: 100%; }
.googlekarte_glas {position:relative; z-index: 999;background:transparent; height:200px; margin:-203px 15% 0 40%; width:45%}
.show-smart { display: block; }
.show-desk { display: none; }
.show-desk-inline { display: none; }
/* scrollicon  Item   */
.scrollicon { text-align: center; text-decoration: none; width: 50px; height: 50px; border-radius: 2px; background-color: #fff; border: 2px solid #333; opacity: 0.7; position: fixed; z-index: 999; bottom: 20px; right: 20px; display: none; cursor: pointer; -webkit-transition: transform ease 0.8s; -moz-transition: transform ease 0.8s; -o-transition: transform ease 0.8s; transition: transform ease 0.8s; }
.scrollicon img { position: absolute; margin-top: 14px; left: 10px; }
}
 @media screen and (max-width: 375px) {
.textpart { background-color: #fff; width: 100%; padding: 30px 20px 40px 20px; height: auto; }
.spacer-gallery { display: block; width: 100%; height: auto; padding: 30px 20px 35px 20px; text-align: center; }
.spacer-gallery p { font-size: 16px; color: #000; }
.textpart img.right,
article img.right { float: right; width: 100%; height: auto; margin-left: 0; margin-right: 0; margin-top: 10px; margin-bottom: 12px; }
.textpart img.left,
article img.left { float: left; width: 100%; height: auto; margin-top: 10px; margin-bottom: 12px; margin-left: 0; margin-right: 0; }
.textpart img.klein,
article img.klein { display: block; max-width: 80px; height: auto; margin-left: auto; margin-right: auto; }
.textpart img.gross,
article img.gross { display: block; width: 100%; height: auto; margin: 10px auto 10px auto; }   
}