@font-face { font-family: 'aleoregular'; src: url('fonts/Aleo-Regular-webfont.eot'); src: url('fonts/Aleo-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Aleo-Regular-webfont.woff') format('woff'), url('fonts/Aleo-Regular-webfont.ttf') format('truetype'), url('fonts/Aleo-Regular-webfont.svg#aleoregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'aleobold'; src: url('fonts/Aleo-Bold-webfont.eot'); src: url('fonts/Aleo-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Aleo-Bold-webfont.woff') format('woff'), url('fonts/Aleo-Bold-webfont.ttf') format('truetype'), url('fonts/Aleo-Bold-webfont.svg#aleobold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'aleoitalic'; src: url('fonts/Aleo-Italic-webfont.eot'); src: url('fonts/Aleo-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Aleo-Italic-webfont.woff') format('woff'), url('fonts/Aleo-Italic-webfont.ttf') format('truetype'), url('fonts/Aleo-Italic-webfont.svg#aleoitalic') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'aleolightitalic'; src: url('fonts/Aleo-LightItalic-webfont.eot'); src: url('fonts/Aleo-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Aleo-LightItalic-webfont.woff') format('woff'), url('fonts/Aleo-LightItalic-webfont.ttf') format('truetype'), url('fonts/Aleo-LightItalic-webfont.svg#aleoitalic') format('svg'); font-weight: normal; font-style: normal; }

html { overflow-x: scroll; }
html, body { font-family: 'aleoregular', Verdana, serif; height: 100%; width: 100%; }
body { min-width: 980px; }

.aleobold { font-family: 'aleobold', Verdana, serif; }

a,
a:link,
a:visited { text-decoration: none; color: #ffffff; }
a:hover { text-decoration: underline; }

/* Backgrounds */
body.page-fullpage div.item-page { display: none; }
body.page-fullpage div.item-page div.section { min-width: 980px; }

body.page-fullpage div.item-page div.section.intro { background-color: #000000; width: 100%; height: 100%; }

body.page-fullpage div.item-page div.section.impressionen,
body.page-impressionen { background-image: url('../images/layout/bg-impressionen.jpg'); background-size: cover; }

body.page-fullpage div.item-page div.section.impressionen div.item-page { width: 90%; max-width: 90%; }

body.page-fullpage div.item-page div.section.produkte-services,
body.page-produkte-services { background-image: url('../images/layout/bg-produkte-services.jpg'); background-size: cover; }

body.page-fullpage div.item-page div.section.gute-gruende,
body.page-gute-gruende { background-image: url('../images/layout/bg-gute-gruende.jpg'); background-size: cover; }

body.page-fullpage div.item-page div.section.ueber-uns,
body.page-ueber-uns { background-image: url('../images/layout/bg-ueber-uns.jpg'); background-size: cover; }

body.page-fullpage div.item-page div.section.kontakt,
body.page-kontakt { background-image: url('../images/layout/bg-kontakt.jpg'); background-size: cover; }

body #person-peter { background-image: url(''); background-size: cover; background-position: left; width: 100%; height: 100%; position: absolute; z-index: 100; top: 0px; display: none; left: 0px; }

body.page-fullpage div.item-page div.section.ueber-uns #person-peter { display: inline; }
body.page-ueber-uns #person-peter { display: inline; }

/* Header */
#header { position: absolute; height: 112px; width: 100%; min-width: 980px; background-image: url('../images/layout/bg-header.png'); background-repeat: repeat-x; z-index: 200; }
#header #logo { position: absolute; left: 40px; top: 2px; }
#header #logo a img { padding: 5px; }

/* Slogan */
#slogan { position: fixed; right: 0px; top: 162px; }
#slogan-mobile { display: none; }

/* Navigaiton */
#menu { position: relative; right: 16px; top: 53px; min-width: 980px; }
#menu ul.nav.menu { float: right; }
#menu ul.nav.menu li { float: left; padding: 5px; margin-left: 14px; text-transform: uppercase; }
#menu ul.nav.menu li:first-child,
#menu ul.nav.menu li:last-child { margin-left: 0px; }
#menu ul.nav.menu li a,
#menu ul.nav.menu li a:link,
#menu ul.nav.menu li a:visited { color: #694211; text-decoration: none; }
#menu ul.nav.menu li.current a,
#menu ul.nav.menu li.current a:link,
#menu ul.nav.menu li.current a:visited,
#menu ul.nav.menu li a:hover { color: #ea640c; }

/* Controls */
#controls { position: absolute; top: 150px; left: 20px; }
#control-sound-on { display: none; }

/* Page State */
div#page-state { position: fixed; right: 8px; bottom: 35px; }
div#page-state ul { padding: 0px; margin: 0px; }
div#page-state ul li { padding: 5px; height: 17px; width: 16px; background-image: url('../images/layout/page-select.png'); background-repeat: no-repeat; background-position: center; cursor: pointer; }
div#page-state ul li.current { background-image: url('../images/layout/page-current.png'); }

/* Content */
div.item-page { max-width: 980px; width: 980px; min-width: 980px; margin: 0px auto; padding-top: 250px; font-size: 24px; color: #694211; }
div.item-page.ueber-uns { max-width: 750px; width: 750px; }
div.item-page strong { font-family: 'aleobold', Verdana, serif; }
div.item-page i { font-family: 'aleoitalic', Verdana, serif; }
div.item-page p { line-height: 40px; }
div.item-page h1 { text-align: center; color: #ffffff; font-size: 44px; margin: 15px 0px; }
div.item-page ul { list-style: disc outside; margin-left: 30px; }
div.item-page ul li { margin-bottom: 20px; line-height: 36px; }

body.page-fullpage div.item-page.fullpage,
body.page-fullpage div.item-page.intro,
body.page-intro div.item-page { max-width: 100%; width: 100%; padding-top: 0px; }
body.page-fullpage div.item-page.ideen,
body.page-fullpage div.item-page.intro,
body.page-intro div.item-page body.page-ideen div.item-page { padding-top: 0px; position: absolute; max-width: none; width: 100%; height: 100%; }

div.item-page.impressionen ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink { margin: 6px; }
.fancybox-title { display: none; }

body.page-fullpage div.item-page div.section.ueber-uns div.item-page { padding-top: 160px; position: relative; z-index: 200; max-width: 45%; width: 45%; min-width: 45%; margin: 0px; right: 5%; float: right; } 

body.page-fullpage div.item-page div.section.ueber-uns div.item-page h1,
body.page-ueber-uns div.item-page h1 { text-align: left; }

/* Button Contact */
div.button-contact { padding: 0px 40px 40px 0px; }
/*body.page-fullpage div.button-contact { position: absolute; right: 8%; bottom: 8%; }*/

/* Intro */
div#intro-bg-1 { background-image: url('../images/layout/bg-intro-1.jpg'); width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; position: absolute; }
div#intro-bg-2 { background-image: url('../images/layout/bg-intro-2.jpg'); width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; position: absolute; display: none; }
div.intro-text { display: none; max-width: 950px; width: 950px; margin: 0px auto; font-family: 'aleoregular', Verdana, serif; font-size: 52px; color: #ffffff; text-align: center; }
div#intro-text { position: relative; top: 35%; }
div.intro-text { }
div#intro-text1 p { line-height: 70px; font-size: 52px; }
div#intro-text2 p { padding-top: 60px; line-height: 60px; font-size: 36px; }
div#intro-text3 { padding-top: 60px; }

/* ideen */
div.ideen h1 { display: none; }
div.ideen { z-index: 100; background-size: cover; background-position: center; }
div.ideen.ofenbaus { background-image: url('../images/ideen/ofenhaus.jpg'); }
div.ideen.axalp { background-image: url('../images/ideen/axalp.jpg'); }
div.ideen.iseltwald { background-image: url('../images/ideen/iseltwald.jpg'); }
div.ideen.brienzwiler { background-image: url('../images/ideen/brienzwiler.jpg'); }
div.ideen.hofstetten { background-image: url('../images/ideen/hofstetten.jpg'); }
div.ideen .infobox-out { position: relative; width: 100%; height: 100%; }
div.ideen .infobox-out h3 { font-family: 'aleobold', Verdana, serif; font-size: 26px; margin-bottom: 12px; }
div.ideen .infobox-out p { font-family: 'aleolightitalic', Verdana, serif; font-size: 26px; line-height: 26px; }
div.ideen .infobox { background-color: #7d5e37; color: #ffffff; position: absolute; bottom: 40px; left: 45px; width: 400px; padding: 20px; }

div.ideen-state-outside { position: absolute; z-index: 110; bottom: 28px; width: 100%; }
div.ideen-state { margin: 0px auto; width: 160px; }
div.ideen-state ul { padding: 0px; margin: 0px; list-style-type: none; }
div.ideen-state ul li { padding: 7px; height: 16px; width: 16px; background-image: url('../images/layout/ideen-select.png'); background-repeat: no-repeat; background-position: center; cursor: pointer; float: left; line-height: normal; margin-bottom: 0px; }
div.ideen-state ul li.current { background-image: url('../images/layout/ideen-current.png'); }

div.fp-controlArrow.fp-prev { background-image: url('../images/ideen/arrow-left.png'); width: 35px; height: 67px; border-width: 0px; left: 45px; }
div.fp-controlArrow.fp-next { background-image: url('../images/ideen/arrow-right.png'); width: 35px; height: 67px; border-width: 0px; right: 45px; }

/* Konatktformular */
div.contact-address { width: 420px; float: left; }
div.contact-form { width: 420px; float: right; }

.formResponsive .formHorizontal .formControlLabel,
.formResponsive .formHorizontal p.formDescription { display: none; }
.formResponsive .formHorizontal .formControls { margin-left: 0px; }
.formResponsive .formHorizontal .rsform-block { margin-bottom: 8px; }

.formResponsive select, .formResponsive textarea, .formResponsive input[type="text"], .formResponsive input[type="password"] { margin-bottom: 0px; }

.formResponsive .formHorizontal .formControls label { padding-top: 7px; opacity: 0.4; }
.formResponsive .formHorizontal .rsform-block-anfrage .formControls label { padding-top: 2px; }
.formResponsive .formHorizontal .formControls input,
.formResponsive .formHorizontal .formControls textarea { font-family: 'aleoregular', Verdana, serif; font-size: 18px; color: #694211; width: 400px; height: 30px; background-color: #f5f1e6; border: none; border-radius: 0px; border-width: 0px; text-shadow: none; }
.formResponsive .formHorizontal .formControls textarea { height: 100px; line-height: 30px; }

.formResponsive .formHorizontal .formControls input.rsform-submit-button { float: right; margin-right: 12px; margin-top: 5px; background-color: transparent; border: none; border-width: 0px; box-shadow: none; background-image: url('../images/kontakt/button-submit.png'); width: 237px; height: 43px; }
.formResponsive .formHorizontal .formControls input.rsform-submit-button:hover { transition: none; background-position: center; }
div#intro-text-1 p { line-height: 60px; font-size: 50px; }