@charset "UTF-8";
img, object, embed, video {
max-width : 100%;
}
.ie6 img {
width : 100%;
}
@media only screen and (max-width:900px) {
.fancyNav li {
width : 100%;
}
.fancyNav li {
background-color : #ffffff;
text-transform : uppercase;
border-bottom : 1px solid rgba(9, 9, 9, 0.125);
position : relative;
float : left;
list-style : none;
}
.fancyNav a.homeIcon {
display : none;
}
.fancyNav a.homeIcon {
background-image : url(feldfuenf_bildmarke.png);
display : none;
overflow : hidden;
padding-left : 12px;
padding-right : 2px;
text-indent : -9999px;
width : 100%;
background-repeat : no-repeat;
background-position : 100px 50%;
}
#homeIcon {
top : 9px;
}
}
.back-to-top {
background : #2491b1;
color : white;
position : fixed;
bottom : 20px;
right : 20px;
padding : 1em;
border-radius : 10px;
font-size : 1.1em;
text-transform : uppercase;
font-family : 'Open Sans', sans-serif;
}
@media only screen and (max-width:480px) {
.gridContainer {
width : 80%;
margin-top : 0;
margin-left : 10px;
}
#LayoutDiv1 {
clear : both;
float : left;
margin-left : 0;
margin-top : 0;
width : 120%;
display : block;
}
section.module.parallax h1 {
font-size : 40pt;
}
.twospalten {
width : auto;
column-width : 500px;
font-family : 'Open Sans', sans-serif;
font-weight : 100;
font-size : 15pt;
text-align : left;
line-height : 1.5;
}
h1 {
column-span : all;
font-family : 'Open Sans', sans-serif;
font-weight : lighter;
}
.ContentFFFlastword {
color : #69C;
font-size : 9pt;
}
section.module h2 {
font-size : 40pt;
font-family : 'Open Sans', sans-serif;
font-weight : lighter;
color : #2491b1;
}
section.module p {
color : #666;
font-size : 16px;
}
section.module.parallax h1 {
font-size : 20pt;
}
strong {
color : #565656;
font-weight : 400;
}
.Content {
padding-top : 10%;
padding-bottom : 10%;
background-color : #666;
color : #F3F3F3;
background-image : url(bild_a.jpg);
background-repeat : no-repeat;
}
.Contentshop {
padding-top : 10%;
padding-bottom : 10%;
background-color : #666;
color : #F3F3F3;
background-image : url(bild_b.jpg);
background-repeat : no-repeat;
}
.Contentcloud {
padding-top : 10%;
padding-bottom : 10%;
background-color : #666;
color : #F3F3F3;
background-image : url(bild_c.jpg);
background-repeat : no-repeat;
}
.Contentmanaged {
padding-top : 10%;
padding-bottom : 10%;
background-color : #666;
color : #F3F3F3;
background-image : url(bild_d.jpg);
background-repeat : no-repeat;
}
.Contentunternehmen {
padding-top : 10%;
padding-bottom : 10%;
background-color : #666;
color : #F3F3F3;
background-image : url(bild_e.jpg);
background-repeat : no-repeat;
width : auto;
}
.ContentFFF {
padding-top : 10%;
padding-bottom : 4%;
background-color : #FFF;
color : #666;
}
#Footer {
padding-top : 15px;
padding-bottom : 20px;
background-color : #CCC;
font-size : 14px;
width : 100%;
height : auto;
margin-left : auto;
margin-right : auto;
}
.eins {
float : right;
}
.footercontent {
font-size : 12px;
font-family : 'Open Sans', sans-serif;
font-weight : normal;
color : #999;
float : left;
height : auto;
background-color : #CCC;
width : 80%;
text-align : center;
padding-left : 30%;
}
ul#footerli {
width : auto;
padding-left : 86px;
font-size : 12px;
font-family : 'Open Sans', sans-serif;
font-weight : normal;
color : #999;
float : left;
background-color : #CCC;
list-style : none;
}
li.Leistungen {
font-family : 'Open Sans', sans-serif;
font-size : 22px;
width : 50%;
font-weight : lighter;
float : left;
text-align : center;
width : 350px;
}
#OverNavigation {
background-color : #CCC;
font-size : 16px;
font-family : 'Open Sans', sans-serif;
color : #020202;
}
p.Grundtext {
font-size : 15pt;
color : #CCC;
width : 60%;
font-family : 'Open Sans', sans-serif;
font-weight : lighter;
}
h1 {
font-family : 'Open Sans', sans-serif;
font-size : 30pt;
font-weight : lighter;
}
.afterpicture {
float : right;
}
.picture {
width : 20%;
float : left;
}
p {
font-family : 'Open Sans', sans-serif;
font-weight : lighter;
font-size : 15pt;
}
* {
margin : 0;
padding : 0;
}
.fancyNav {
overflow : hidden;
display : inline-block;
}
.fancyNav li {
background-color : #ffffff;
text-transform : uppercase;
border-right : 1px solid rgba(9, 9, 9, 0.125);
box-shadow : 1px -1px 0 rgba(255, 255, 255, 0.6) inset;
position : relative;
float : left;
list-style : none;
}
.fancyNav li:after {
content : '.';
text-indent : -9999px;
overflow : hidden;
position : absolute;
width : 100%;
height : 100%;
top : 0;
left : 0;
z-index : 1;
opacity : 0;
box-shadow : -1px 0 0 #a3a3a3, -2px 0 0 #fff, 1px 0 0 #a3a3a3, 2px 0 0 #fff;
transition : all 0.25s;
}
.fancyNav li:first-child {
border-radius : 4px 0 0 4px;
}
.fancyNav li:first-child:after, .fancyNav li.selected:first-child:after {
box-shadow : 1px 0 0 #a3a3a3, 2px 0 0 #fff;
border-radius : 4px 0 0 4px;
}
.fancyNav li:last-child {
border-radius : 0 4px 4px 0;
}
.fancyNav li:last-child:after, .fancyNav li.selected:last-child:after {
box-shadow : -1px 0 0 #a3a3a3, -2px 0 0 #fff;
border-radius : 0 4px 4px 0;
}
.fancyNav li:hover:after, .fancyNav li.selected:after, .fancyNav li:target:after {
opacity : 1;
}
.fancyNav:hover li.selected:after, .fancyNav:hover li:target:after {
opacity : 0;
}
.fancyNav li.selected:hover:after, .fancyNav li:target:hover:after {
opacity : 1 !important ;
}
.fancyNav li a {
color : #5d5d5d;
display : inline-block;
font : 12pt/1 Lobster, Arial, sans-serif;
padding : 12px 35px 14px;
position : relative;
z-index : 2;
text-decoration : none !important ;
white-space : nowrap;
}
.fancyNav a.homeIcon {
background-image : url(feldfuenf_bildmarke.png);
display : block;
overflow : hidden;
padding-left : 12px;
padding-right : 2px;
text-indent : -9999px;
width : 16px;
background-repeat : no-repeat;
top : 9px;
}
nav {
display : block;
text-align : center;
width : 100%;
}
a, a:visited {
text-decoration : none;
outline : none;
color : #54a6de;
}
a:hover {
text-decoration : underline;
background-color : #2491b1;
color : white;
outline : none;
}
.container {
max-width : 960px;
margin : 0 auto;
}
section.module:last-child {
margin-bottom : 0;
}
section.module h2 {
margin-bottom : 20px;
font-family : 'Open Sans';
font-weight : 100;
font-size : 30px;
}
section.module p {
margin-bottom : 20px;
font-size : 16px;
}
section.module p:last-child {
margin-bottom : 0;
}
section.module.content {
padding : 40px 0;
}
section.module.parallax {
height : 295px;
background-position : 50% 30%;
background-repeat : no-repeat;
background-size : cover;
background-attachment : fixed;
}
section.module.parallax h1 {
font-family : 'Open Sans', sans-serif;
color : rgb(255, 255, 255);
font-size : 24px;
line-height : 260px;
font-weight : 100;
text-align : center;
text-transform : uppercase;
text-shadow : 0 0 10px rgba(0, 0, 0, 0.2);
}
section.module.parallax-2 {
background-image : url(bild_a.jpg);
max-width : 100%;
background-position : center;
}
section.module.parallax-3 {
background-image : url(bild_b.jpg);
max-width : 100%;
background-position : center;
}
section.module.parallax-4 {
background-image : url(bild_c.jpg);
max-width : 100%;
background-position : center;
}
section.module.parallax-5 {
background-image : url(bild_d.jpg);
max-width : 100%;
background-position : center;
}
section.module.parallax-6 {
background-image : url(bild_e.jpg);
max-width : 100%;
background-position : center;
}
}
@media only screen and (min-width:481px) {
.gridContainer {
max-width : 1920px;
}
#LayoutDiv1 {
clear : both;
float : left;
margin-left : 0;
width : 100%;
display : block;
}
section.module.parallax h1 {
font-size : 40pt;
}
.twospalten {
font-family : 'Open Sans', sans-serif;
font-weight : lighter;
font-size : 15pt;
text-align : left;
line-height : 1.5;
}
h1 {
column-span : all;
font-family : 'Open Sans', sans-serif;
font-weight : lighter;
}
.ContentFFFlastword {
color : #69C;
font-size : 9pt;
}
section.module h2 {
font-size : 40pt;
font-family : 'Open Sans', sans-serif;
font-weight : lighter;
color : #2491b1;
}
section.module p {
font-size : 16px;
color : #666;
}
section.module.parallax h1 {
font-size : 20pt;
}
strong {
color : #565656;
font-weight : 400;
}
.Content {
padding-top : 10%;
padding-bottom : 10%;
background-color : #666;
color : #F3F3F3;
background-image : url(bild_a.jpg);
background-repeat : no-repeat;
}
.Contentshop {
padding-top : 10%;
padding-bottom : 10%;
background-color : #666;
color : #F3F3F3;
background-image : url(bild_b.jpg);
background-repeat : no-repeat;
}
.Contentcloud {
padding-top : 10%;
padding-bottom : 10%;
background-color : #666;
color : #F3F3F3;
background-image : url(bild_c.jpg);
background-repeat : no-repeat;
}
.Contentmanaged {
padding-top : 10%;
padding-bottom : 10%;
background-color : #666;
color : #F3F3F3;
background-image : url(bild_d.jpg);
background-repeat : no-repeat;
}
.Contentunternehmen {
padding-top : 10%;
padding-bottom : 10%;
background-color : #666;
color : #F3F3F3;
background-image : url(bild_e.jpg);
background-repeat : no-repeat;
}
.ContentFFF {
padding-top : 10%;
padding-bottom : 4%;
background-color : #FFF;
color : #666;
}
#Footer {
padding-top : 15px;
padding-bottom : 20px;
background-color : #CCC;
font-size : 14px;
width : 100%;
height : auto;
margin-left : auto;
margin-right : auto;
}
.eins {
float : right;
}
ul#footerli li {
width : auto;
font-size : 12px;
font-family : 'Open Sans', sans-serif;
font-weight : normal;
color : #999;
float : left;
background-color : #CCC;
list-style : none;
padding-left : 100px;
}
li.Leistungen {
font-family : 'Open Sans', sans-serif;
font-size : 22px;
width : 50%;
font-weight : lighter;
float : left;
text-align : center;
width : 350px;
}
#OverNavigation {
background-color : #CCC;
font-size : 16px;
font-family : 'Open Sans', sans-serif;
color : #020202;
}
p.Grundtext {
font-size : 15pt;
color : #CCC;
width : 60%;
font-family : 'Open Sans', sans-serif;
font-weight : lighter;
}
h1 {
font-family : 'Open Sans', sans-serif;
font-size : 30pt;
font-weight : lighter;
}
.afterpicture {
float : right;
}
.picture {
width : 20%;
float : left;
}
p {
font-family : 'Open Sans', sans-serif;
font-weight : lighter;
font-size : 15pt;
}
* {
margin : 0;
padding : 0;
}
.fancyNav {
overflow : hidden;
display : inline-block;
}
.fancyNav li {
background-color : #ffffff;
text-transform : uppercase;
border-right : 1px solid rgba(9, 9, 9, 0.125);
box-shadow : 1px -1px 0 rgba(255, 255, 255, 0.6) inset;
position : relative;
float : left;
list-style : none;
}
.fancyNav li:after {
content : '.';
text-indent : -9999px;
overflow : hidden;
position : absolute;
width : 100%;
height : 100%;
top : 0;
left : 0;
z-index : 1;
opacity : 0;
box-shadow : -1px 0 0 #a3a3a3, -2px 0 0 #fff, 1px 0 0 #a3a3a3, 2px 0 0 #fff;
transition : all 0.25s;
}
.fancyNav li:first-child {
border-radius : 4px 0 0 4px;
}
.fancyNav li:first-child:after, .fancyNav li.selected:first-child:after {
box-shadow : 1px 0 0 #a3a3a3, 2px 0 0 #fff;
border-radius : 4px 0 0 4px;
}
.fancyNav li:last-child {
border-radius : 0 4px 4px 0;
}
.fancyNav li:last-child:after, .fancyNav li.selected:last-child:after {
box-shadow : -1px 0 0 #a3a3a3, -2px 0 0 #fff;
border-radius : 0 4px 4px 0;
}
.fancyNav li:hover:after, .fancyNav li.selected:after, .fancyNav li:target:after {
opacity : 1;
}
.fancyNav:hover li.selected:after, .fancyNav:hover li:target:after {
opacity : 0;
}
.fancyNav li.selected:hover:after, .fancyNav li:target:hover:after {
opacity : 1 !important ;
}
.fancyNav li a {
color : #5d5d5d;
display : inline-block;
font : 12pt/1 Lobster, Arial, sans-serif;
padding : 12px 35px 14px;
position : relative;
z-index : 2;
text-decoration : none !important ;
white-space : nowrap;
}
.fancyNav a.homeIcon {
background-image : url(feldfuenf_bildmarke.png);
display : block;
overflow : hidden;
padding-left : 12px;
padding-right : 2px;
text-indent : -9999px;
width : 16px;
background-repeat : no-repeat;
top : 9px;
}
nav {
display : block;
text-align : center;
width : 100%;
}
a, a:visited {
text-decoration : none;
outline : none;
color : #54a6de;
}
a:hover {
background-color : #2491b1;
color : white;
outline : none;
}
.fancyNav a:hover {
color : white;
}
.container {
max-width : 960px;
margin : 0 auto;
}
section.module:last-child {
margin-bottom : 0;
}
section.module h2 {
margin-bottom : 40px;
font-family : 'Open Sans', sans-serif;
font-size : 30px;
}
section.module p {
margin-bottom : 40px;
font-size : 16px;
}
section.module p:last-child {
margin-bottom : 0;
}
section.module.content {
padding : 40px 20px;
}
section.module.parallax {
height : 600px;
background-position : 50% 50%;
background-repeat : no-repeat;
background-size : cover;
background-attachment : fixed;
}
section.module.parallax h1 {
font-family : 'Open Sans', sans-serif;
color : rgb(255, 255, 255);
font-size : 24px;
line-height : 600px;
font-weight : lighter;
text-align : center;
text-transform : uppercase;
text-shadow : 0 0 10px rgba(0, 0, 0, 0.2);
}
section.module.parallax-2 {
background-image : url(bild_a.jpg);
height : 20%;
}
section.module.parallax-3 {
background-image : url(bild_b.jpg);
height : 20%;
}
section.module.parallax-4 {
background-image : url(bild_c.jpg);
height : 20%;
}
section.module.parallax-5 {
background-image : url(bild_d.jpg);
height : 20%;
}
section.module.parallax-6 {
background-image : url(bild_e.jpg);
background-position : center;
}
}
@media all and (min-width:600px) {
section.module h2 {
font-size : 40pt;
font-family : 'Open Sans', sans-serif;
font-weight : lighter;
color : #2491b1;
}
ul#footerli li {
width : auto;
font-size : 12px;
font-family : 'Open Sans', sans-serif;
font-weight : normal;
color : #999;
float : left;
background-color : #CCC;
list-style : none;
padding-left : 100px;
}
.gridContainer {
width : 100%;
max-width : 1920px;
}
section.module p {
font-size : 16px;
color : #666;
}
section.module.parallax h1 {
font-size : 20pt;
}
strong {
color : #565656;
font-weight : 400;
}
}
@media all and (min-width:960px) {
section.module.parallax h1 {
font-size : 40pt;
}
.twospalten {
column-count : 1;
width : 1000px;
column-width : 1000px;
font-family : 'Open Sans', sans-serif;
font-weight : lighter;
font-size : 15pt;
text-align : left;
line-height : 1.5;
}
h1 {
column-span : all;
font-family : 'Open Sans', sans-serif;
font-weight : lighter;
}
.ContentFFFlastword {
color : #69C;
font-size : 9pt;
}
}