@charset "UTF-8";
/* CSS Document */
body {font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"}
a {color:#31547c;}
a:hover {color:#000000;}
.blue-light {color:#99b1c4;}
.blue-dark {color:#2e3e50;}
.bg-blue-dark {background-color: #2e3e50}
.bg-blue-light {background-color: #e5ebf0}
#header-text {font-family: brother-1816, sans-serif; font-style: normal; font-weight: 700; letter-spacing: normal}
.work-link{
text-align: center;
margin-top:30%;
}
.text-portrait {
font-weight:500 !important;
color:#2e3e50;
text-align: left;
}
/* Small devices (landscape phones, 544px and up) */
@media (max-width: 544px) {
.zitate{
height: 500px;
}
.about-us-button{
font-size:medium;
font-style: normal;
padding:15px;
font-weight: 700;
}
.h1-ueber{
font-weight: bold;
margin-bottom: 10px;
letter-spacing: normal;
font-size: 42px ;
}
.text-box-1-bold {
font-size:medium;
font-weight: 700 !important;
color:#2e3e50;
line-height:30px;
}
.text-box-1 {
font-size:medium;
font-weight: 300 !important;
color:#2e3e50;
line-height:30px;
}
.h1-ueber{
font-weight: bold;
margin-bottom: 5px;
letter-spacing: normal;
font-size: x-large;
}
.ueber-teaser-home {
font-family: brother-1816, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 26px;
color:#ffffff;
letter-spacing: inherit;
margin-bottom:5px
}
.text-teaser-home {
font-family: brother-1816, sans-serif;
font-style: normal;
font-weight: 300;
font-size: 16px;
color:#ffffff;
letter-spacing: inherit;
line-height:normal;
margin-bottom:5px
}
.text-teaser-2{
padding-top: 25px;
font-size:large;
font-weight:300 !important;
color:#2e3e50;
text-align: left;
line-height: normal;
}
.zitat-top{
font-weight: 700 !important;
font-size:medium;
}
.zitat-bottom{
font-weight: 700 !important;
font-size:xx-small;
}
.mission-statement{
font-size:small;
font-weight:400 !important;
color:#2e3e50;
}
.ico-mission-statement{
font-weight: 100 !important;
}
.prtHeightTop{
height: 340px;
}
.prtHeightBot{
height: 35px;
border-bottom:5px #e5ebf0 solid;
margin-bottom:25px;
}
}
/* Small devices (landscape phones, 544px and up) */
@media (min-width: 544px) {
.zitate{
height: 400px;
}
.about-us-button{
font-size:large;
font-style: normal;
padding:20px;
font-weight: 700;
}
.h1-ueber{
font-weight: bold;
margin-bottom: 10px;
letter-spacing: normal;
font-size: 36px ;
}
.text-box-1-bold {
font-size:medium;
font-weight: 700 !important;
color:#2e3e50;
line-height:30px;
}
.text-box-1 {
font-size:medium;
font-weight: 300 !important;
color:#2e3e50;
line-height:30px;
}
.ueber-teaser-home {
font-family: brother-1816, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 36px;
color:#ffffff;
letter-spacing: inherit;
margin-bottom:5px
}
.text-teaser-home {
font-family: brother-1816, sans-serif;
font-style: normal;
font-weight: 300;
font-size: 16px;
color:#ffffff;
letter-spacing: inherit;
line-height:normal;
margin-bottom:5px
}
.text-teaser-2{
padding-top: 25px;
font-size:medium;
font-weight:500 !important;
color:#2e3e50;
text-align: left;
line-height: normal;
}
.zitat-top{
font-weight: 700 !important;
font-size:large;
}
.zitat-bottom{
font-weight: 700 !important;
font-size:x-small;
}
.mission-statement{
font-size:small;
font-weight:400 !important;
color:#2e3e50;
}
.ico-mission-statement{
font-weight: 100 !important;
}
.prtHeightTop{
height: 575px;
}
.prtHeightBot{
height: 35px;
border-bottom:5px #e5ebf0 solid;
margin-bottom:25px;
}
}
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
.zitate{
height: 300px;
}
.about-us-button{
font-size:x-large;
font-style: normal;
padding:25px;
font-weight: 700;
}
.h1-ueber{
font-weight: bold;
margin-bottom: 10px;
letter-spacing: normal;
font-size: 36px ;
}
.text-box-1-bold {
font-size:large;
font-weight: 700 !important;
color:#2e3e50;
line-height:30px;
}
.text-box-1 {
font-size:large;
font-weight: 300 !important;
color:#2e3e50;
line-height:30px;
}
.ueber-teaser-home {
font-family: brother-1816, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 36px;
color:#ffffff;
letter-spacing: inherit;
margin-bottom:5px
}
.text-teaser-home {
font-family: brother-1816, sans-serif;
font-style: normal;
font-weight: 300;
font-size: 16px;
color:#ffffff;
letter-spacing: inherit;
line-height:normal;
margin-bottom:5px
}
.text-teaser-2{
font-size:medium;
font-weight:300 !important;
color:#2e3e50;
text-align: left;
line-height: 20px;
letter-spacing: inherit;
}
.zitat-top{
font-weight: 700 !important;
font-size:x-large;
}
.zitat-bottom{
font-weight: 700 !important;
font-size:small;
}
.mission-statement{
font-size:medium;
font-weight:400 !important;
color:#2e3e50;
}
.ico-mission-statement{
font-weight: 100 !important;
}
.prtHeightTop{
height: 375px;
}
.prtHeightBot{
height: 35px;
border-bottom:5px #e5ebf0 solid;
margin-bottom:25px;
}
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 1200px) {
.zitate{
height: 300px;
}
.about-us-button{
font-size:x-large;
font-style: normal;
padding:25px;
font-weight: 700;
}
.h1-ueber{
font-weight: bold;
margin-bottom: 10px;
letter-spacing: normal;
font-size: 42px ;
}
.text-box-1-bold {
font-size:x-large;
font-weight: 700 !important;
color:#2e3e50;
line-height:30px;
}
.text-box-1 {
font-size:large;
font-weight: 300 !important;
color:#2e3e50;
line-height:30px;
}
.ueber-teaser-home {
font-family: brother-1816, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 56px;
color:#ffffff;
letter-spacing: inherit;
margin-bottom:5px
}
.text-teaser-home {
font-family: brother-1816, sans-serif;
font-style: normal;
font-weight: 300;
font-size: 26px;
color:#ffffff;
letter-spacing: inherit;
line-height:normal;
margin-bottom:5px
}
.text-teaser-2{
font-size:small;
font-weight:300 !important;
color:#2e3e50;
text-align: left;
line-height: 30px;
letter-spacing: inherit;
}
.zitat-top{
font-weight: 700 !important;
font-size:xx-large;
}
.zitat-bottom{
font-weight: 700 !important;
font-size:medium;
}
.mission-statement{
font-size:large;
font-weight:400 !important;
color:#2e3e50;
}
.ico-mission-statement{
font-weight: 100 !important;
}
.prtHeightTop{
height: 500px;
}
.prtHeightBot{
height: 35px;
border-bottom:5px #e5ebf0 solid;
}
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.zitate{
height: 300px;
}
.h1-ueber{
font-weight: bold;
margin-bottom: 10px;
letter-spacing: normal;
font-size: 36px ;
}
.text-box-1-bold {
font-size:x-large;
font-weight: 700 !important;
color:#2e3e50;
line-height:25px;
}
.text-box-1 {
font-size:large;
font-weight: 300 !important;
color:#2e3e50;
line-height:30px;
}
.ueber-teaser-home {
font-family: brother-1816, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 56px;
color:#ffffff;
letter-spacing: inherit;
margin-bottom:5px
}
.text-teaser-home {
font-family: brother-1816, sans-serif;
font-style: normal;
font-weight: 300;
font-size: 26px;
color:#ffffff;
letter-spacing: inherit;
line-height:normal;
margin-bottom:5px
}
.text-teaser-2{
font-size:medium;
font-weight:300 !important;
color:#2e3e50;
text-align: left;
line-height: 25px;
letter-spacing: inherit;
}
.zitat-top{
font-weight: 700 !important;
font-size:xx-large;
}
.zitat-bottom{
font-weight: 700 !important;
font-size:medium;
}
.mission-statement{
font-size:large;
font-weight:400 !important;
color:#2e3e50;
}
.ico-mission-statement{
font-weight: 100 !important;
}
.prtHeightTop{
height: 500px;
}
.prtHeightBot{
height: 35px;
border-bottom:5px #e5ebf0 solid;
}
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1600px) {
.zitate{
height: 300px;
}
.h1-ueber{
font-weight: bold;
margin-bottom: 10px;
letter-spacing: normal;
font-size: 42px ;
}
.text-box-1-bold {
font-size:x-large;
font-weight: 700 !important;
color:#2e3e50;
line-height:25px;
}
.text-box-1 {
font-size:large;
font-weight: 300 !important;
color:#2e3e50;
line-height:30px;
}
.ueber-teaser-home {
font-family: brother-1816, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 56px;
color:#ffffff;
letter-spacing: inherit;
margin-bottom:5px
}
.text-teaser-home {
font-family: brother-1816, sans-serif;
font-style: normal;
font-weight: 300;
font-size: 26px;
color:#ffffff;
letter-spacing: inherit;
line-height:normal;
margin-bottom:5px
}
.text-teaser-2{
font-size:large;
font-weight:300 !important;
color:#2e3e50;
text-align: left;
line-height: 30px;
letter-spacing: inherit;
}
.zitat-top{
font-weight: 700 !important;
font-size:xx-large;
}
.zitat-bottom{
font-weight: 700 !important;
font-size:medium;
}
.mission-statement{
font-size:large;
font-weight:400 !important;
color:#2e3e50;
}
.ico-mission-statement{
font-weight: 100 !important;
}
.prtHeightTop{
height: 500px;
}
.prtHeightBot{
height: 35px;
border-bottom:5px #e5ebf0 solid;
}
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) AND (-webkit-min-device-pixel-ratio:2) {
.zitate{
height: 300px;
}
.h1-ueber{
font-weight: bold;
margin-bottom: 10px;
letter-spacing: normal;
font-size: 36px ;
}
.text-box-1-bold {
font-size:x-large;
font-weight: 700 !important;
color:#2e3e50;
line-height:30px;
}
.text-box-1 {
font-size:large;
font-weight: 300 !important;
color:#2e3e50;
line-height:30px;
}
.ueber-teaser-home {
font-family: brother-1816, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 56px;
color:#ffffff;
letter-spacing: inherit;
margin-bottom:5px
}
.text-teaser-home {
font-family: brother-1816, sans-serif;
font-style: normal;
font-weight: 300;
font-size: 26px;
color:#ffffff;
letter-spacing: inherit;
line-height:normal;
margin-bottom:5px
}
.text-teaser-2{
font-size:medium;
font-weight:300 !important;
color:#2e3e50;
text-align: left;
line-height: 25px;
letter-spacing: inherit;
}
.zitat-top{
font-weight: 700 !important;
font-size:xx-large;
}
.zitat-bottom{
font-weight: 700 !important;
font-size:medium;
}
.mission-statement{
font-size:large;
font-weight:400 !important;
color:#2e3e50;
}
.ico-mission-statement{
font-weight: 100 !important;
}
.prtHeightTop{
height: 500px;
}
.prtHeightBot{
height: 35px;
border-bottom:5px #e5ebf0 solid;
}
}
.text-products{
font-size:large;
font-weight:400 !important;
color:#2e3e50;
text-align: center;
}