/* HTML – SITE CONSTRUCTION */
body {
background: #ffffff;
color: #4a4a49;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
margin: 0;
font-size: 18px;
text-align: left;
}
@media only screen and (max-width: 991px) {
body {
font-weight: 300;
}
}
a, a:link, a:visited, a:focus {
text-decoration: none;
color: #0067b1;
}
a:hover {
text-decoration: underline;
color: #0067b1;
}
.fulda-gruen,
.fulda-gruen span {
color: #00abad !important;
}
.clear {
clear: both;
}
/* ----- FONT ICONS SYSTEM----- */
.material-system-icons-round {
color: #0067b1;
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
padding: 0;
margin: 0;
font-size: 30px;
vertical-align: middle;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
/* Support for IE. */
font-feature-settings: 'liga';
}
/* ----- FONT ICONS SIDE ----- */
.material-icons-side {
color: #fff;
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
padding: 0;
margin: 0;
font-size: 25px;
vertical-align: middle;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
/* Support for IE. */
font-feature-settings: 'liga';
}
@media only screen and (max-width: 991px) {
.material-icons-side {
font-size: 20px;
}
}
/* ----- FONT MINI ICONS ----- */
.material-mini-icons {
color: #0067b1;
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
padding: 0;
margin: 0;
font-size: 18px;
vertical-align: middle;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
/* Support for IE. */
font-feature-settings: 'liga';
}
/* ----- FONT Standort ICONS ----- */
.material-standort {
color: #0067b1;
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
text-align: center;
padding: 0;
margin: 0 0 10px 0;
font-size: 40px;
vertical-align: middle;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
/* Support for IE. */
font-feature-settings: 'liga';
}
/* ----- TEXT ----- */
.content p {
margin: 10px 0;
}
h1, h2 {
font-weight: 200;
font-size: 48px;
line-height: 48px;
color: #0067b1;
padding-bottom: 50px;
margin: 0;
}
@media only screen and (max-width: 991px) {
h1, h2 {
font-size: 36px;
line-height: 36px;
padding-bottom: 20px;
}
}
@media only screen and (max-width: 767px) {
h1, h2 {
font-size: 30px;
line-height: 30px;
font-weight: 300;
}
}
h3 {
font-size: 24px;
font-weight: 400;
/*text-align: center;*/
color: #0067b1;
margin: 0 0 20px 0;
}
@media only screen and (max-width: 992px) {
h3 {
font-size: 20px;
}
.team-panel h3 {
font-size: 20px;
}
}
.imprint h3 {
text-align: left;
}
h4 {
font-size: 20px;
font-weight: 600;
text-align: left;
text-transform: uppercase;
color: #0067b1;
margin: 0;
}
.bold {
font-weight: 700;
}
.blue,
p.blue {
font-weight: 600;
color: #0067b1;
margin: 25px 0 0 0;
}
strong {
font-weight: 600;
}
img.img-siegel {
width: 100%;
max-width: 300px;
}
/* ----- HEADER ----- */
.bg-white {
width: 100%;
background-color: #fff;
padding: 15px 0;
}
.text-left {
text-align: left;
text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
.text-left {
font-size: 16px;
}
}
@media only screen and (max-width: 660px) {
.text-left {
font-size: 12px;
}
}
@media only screen and (max-width: 460px) {
.text-left {
width: 60%;
}
}
.text-left .blue {
color: #0067b1;
font-weight: 800;
}
.text-right-desktop {
text-align: right;
color: #0067b1;
text-transform: uppercase;
display: block;
}
@media only screen and (max-width: 991px) {
.text-right-desktop {
display: none;
}
}
.text-right-mobil {
display: none;
}
@media only screen and (max-width: 991px) {
.text-right-mobil {
color: #0067b1;
text-transform: uppercase;
display: block;
font-size: 16px;
margin: 10px 0 0 0;
}
}
@media only screen and (max-width: 767px) {
.text-right-mobil {
display: none;
}
}
/* ----- LOGO ----- */
.logo {
position: absolute;
top: -15px;
background: #ffffff;
padding: 23px 10px;
box-shadow: 0 0 8px 0.5px #9d9d9d;
margin: 0 auto;
}
@media only screen and (max-width: 1200px) {
.logo {
padding: 21px 10px;
}
}
@media only screen and (max-width: 991px) {
.logo {
padding: 16px 10px;
}
}
@media only screen and (max-width: 767px) {
.logo {
padding: 0;
display: flex;
justify-content: center;
align-items: center;
background: none;
box-shadow: none;
}
}
.logo img {
width: 100%;
max-width: 138px;
height: auto;
}
@media only screen and (max-width: 767px) {
.logo img {
max-width: 110px;
width: 100%;
}
}
@media only screen and (max-width: 660px) {
.logo img {
}
}
.logo a,
.logo a:hover {
border: none;
text-decoration: none;
}
/* ----- NAVIGATION ----- */
.bg-blue {
background-color: #0067b1;
padding: 5px 0;
}
.navigation {
}
@media only screen and (max-width: 630px) {
.navigation {
float: none!important;
}
}
a.mobile-menu {
display: none;
}
@media only screen and (max-width: 991px) {
a.mobile-menu {
display: block;
position: absolute;
top: 25px;
right: 40px;
z-index: 5000;
}
}
@media only screen and (max-width: 767px) {
a.mobile-menu {
display: block;
position: absolute;
top: 35px;
right: 40px;
z-index: 5000;
}
}
@media only screen and (max-width: 660px) {
a.mobile-menu {
display: block;
position: absolute;
top: 25px;
right: 55px;
z-index: 5000;
}
}
.hamburger {
display: none;
}
@media only screen and (max-width: 991px) {
.hamburger {
display: block;
width: 30px;
}
}
ul.nav {
list-style-type: none;
text-align: left;
margin: 0;
padding: 0px 0;
}
@media only screen and (max-width: 1200px) {
ul.nav {
}
}
@media only screen and (max-width: 991px) {
ul.nav {
padding: 10px 0;
width: 100%;
display: none;
}
}
@media only screen and (max-width: 767px) {
ul.nav {
padding: 0;
}
}
ul.nav li {
display: inline-block;
padding: 5px 30px 5px 0;
}
@media only screen and (max-width: 767px) {
ul.nav li {
padding: 5px 0;
}
}
@media only screen and (max-width: 630px) {
ul.nav li {
display: block;
}
}
ul.nav li a {
padding: 0;
color: #ffffff;
font-weight: 400;
text-decoration: none;
font-size: 18px;
text-transform: uppercase;
}
@media only screen and (max-width: 1200px) {
ul.nav li a {
display: block;
text-align: center;
padding: 0;
margin: 0 auto;
font-size: 16px;
}
}
@media only screen and (max-width: 767px) {
ul.nav li a {
display: block;
text-align: center;
padding: 5px 10px;
margin: 0 auto;
}
}
ul.nav li a.notfall {
color: #ff5a00;
}
ul.nav li a:hover,
ul.nav li.active a {
color: #b2d1e7;
}
ul.nav li a.notfall:hover,
ul.nav li.active a.notfall {
color: #000000;
}
/* ----- Banner ----- */
.banner {
}
.banner img {
width: 100%;
height: auto;
border-bottom: 10px solid #b2d1e7;
}
.index-teaser {
text-align: right;
margin-top: -250px;
}
@media (max-width: 991px) {
.index-teaser {
margin-top: -60px;
}
.index-teaser img {
width: 30%;
margin-right: 10%;
}
}
/* ----- DOWN ----- */
.mouse {
position: absolute;
width: 50px;
height: 50px;
/*top: 80vh;*/
margin-top: -100px;
left: 50%;
margin-left: -20px;
color: #000;
text-align: center;
background-color: rgba(255,255,255,0.60);
cursor: pointer;
padding-top: 10px;
z-index: 9999;
}
/*@media (max-width: 2000px) {
.mouse {
top: 80vh;
}
}
@media (max-width: 1400px) {
.mouse {
top: 70vh;
}
}
@media (max-width: 1400px) {
.mouse {
top: 40vh;
}
}*/
@media (max-width: 991px) {
.mouse{
display: none !important;
}
}
.mouse:hover {
background-color: rgba(255,255,255,1.00);
}
/* ----- CONTENT & MARGIN ----- */
.content {
padding-top: 100px;
padding-bottom: 100px;
}
@media only screen and (max-width: 991px) {
.content {
padding-top: 60px;
padding-bottom: 60px;
width: 90%;
margin: 0 5%;
}
}
.content-img {
float: left;
width: 100%;
margin: 20px 40px 20px 0;
max-width: 300px;
}
.content-img p{
font-size: 14px;
}
.mob-margin {
margin: 0;
}
@media only screen and (max-width: 991px) {
.mob-margin {
margin: 0 0 20px 0;
}
}
.marg {
margin: 0 0 0 20px;
}
summary {
cursor: pointer;
}
/* ----- FACTS ----- */
.facts {
padding-bottom: 100px;
text-align: center;
}
.facts-text {
border: 2px solid #0067b1;
padding: 25px;
}
.facts-text h4{
font-size: 18px;
font-weight: 500;
color: #0067b1;
text-align: center;
}
/* ----- PREVIEW ----- */
.team-panel {
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
margin: 50px 0 0 0;
padding: 10px;
}
.team-panel img {
width: 100%;
}
.team-panel a {
text-decoration: none;
}
.team-panel p {
color: #4a4a49;
}
.team-panel h3 {
font-size: 18px;
font-weight: 800;
letter-spacing: -0.5px;
text-align: left;
color: #0067b1;
margin: 0;
}
.team-panel .grey {
font-size: 18px;
font-weight: 400;
text-align: left;
color: #4a4a49;
margin: 0;
}
.standort {
text-align: center;
margin: 50px 0 0 0;
}
.maps-right {
width: 100%;
height: 430px;
margin: 0;
border: none;
}
@media (max-width: 991px) {
.maps-right {
height: 280px;
margin: 50px 0 0 0;
}
}
.divider {
padding: 25px 0;
}
p.last {
margin: 0 0 50px 0;
}
/* ---- IMG ------ */
.img-left,
.img-middle {
margin: 0 3.3% 3.3% 0;
width: 30%;
padding: 0;
overflow: hidden;
text-align: center;
}
@media (max-width: 778px) {
.img-left,
.img-middle {
margin: 0 2% 2% 2%;
width: 46%;
}
}
.img-right {
margin: 0 0 3.3% 0;
width: 30%;
padding: 0;
text-align: center;
overflow: hidden;
}
@media (max-width: 778px) {
.img-right {
margin: 0 2% 2% 2%;
width: 46%;
}
}
.img-left img,
.img-middle img,
.img-right img {
width: 100%;
max-width: 900px;
margin: 0;
padding: 0;
opacity: 0.9;
/* SCALE */
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
/* VERZÖGERUNG */
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.img-left img:hover,
.img-middle img:hover,
.img-right img:hover {
width: 100%;
height: auto;
margin: 0;
padding: 0;
opacity: 1;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
/* ---- KONTAKT-FORMULAR ------ */
.label {
font-weight: 400;
padding-bottom: 5px;
}
.field {
margin-bottom: 15px;
}
select,
input,
textarea {
width: 100%;
padding: 6px 5px;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
}
fieldset {
border: none;
padding: 0;
}
input[type=radio],
input[type=checkbox] {
width: 20px;
text-align: left;
}
label {
margin-right: 50px;
}
button[type=submit] {
padding: 10px 20px;
background-color: #0067b1;
color: #ffffff;
font-size: 18px;
border: none;
cursor: pointer;
}
button[type=submit]:hover {
background-color: #444444;
}
/* ---- ZERTIFIKAT ------ */
.zertifikat {
margin: 50px 0 0 0;
text-align: center;
}
.zertifikat img{
width: 100%;
max-width: 150px;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
}
/* ---- ICON BAR ------ */
.icon-bar {
background-color: #cceeef;
width: 100%;
padding: 100px 0;
}
@media only screen and (max-width: 992px) {
.icon-bar {
padding: 40px 0 50px 0;
}
}
.icon-bar h2 {
font-weight: 200;
font-size: 48px;
line-height: 48px;
color: #0067b1;
padding-bottom: 50px;
margin: 0;
}
@media only screen and (max-width: 991px) {
.icon-bar h2 {
font-size: 36px;
padding-bottom: 25px;
}
}
.white-box {
background-color: #fff;
width: 100%;
padding: 20px 10px;
}
@media only screen and (max-width: 767px) {
.white-box {
background-color: #fff;
width: 70%;
padding: 20px 10px;
margin: 0 15% 50px 15%;
}
}
@media only screen and (max-width: 460px) {
.white-box {
background-color: #fff;
width: 100%;
padding: 20px 10px;
margin: 0 0 50px 0;
}
}
.white-box img{
margin: 0 5%;
width: 90%;
}
.white-box h3 {
font-size: 24px;
font-weight: 400;
text-align: center;
color: #0067b1;
margin: 20px 0 0 0;
}
@media only screen and (max-width: 991px) {
.white-box h3 {
font-size: 20px;
}
}
.white-box p {
font-size: 18px;
font-weight: 400;
text-align: center;
color: #4a4a49;
margin: 0 0 20px 0;
}
@media only screen and (max-width: 991px) {
.white-box p {
font-size: 12px;
margin: 0;
}
}
@media only screen and (max-width: 767px) {
.white-box p {
font-size: 18px;
margin: 0;
}
}
.white-box a:hover{
text-decoration: none;
}
/* ----- TABLE ----- */
table tr td {
vertical-align: baseline;
}
/* ----- FOOTER ----- */
.footer {
background-color: #4a4a49;
color: #fff;
padding: 100px 0;
}
.footer h2,
.footer a {
color: #fff;
}
.imprint a{
color: #4a4a49;
}
@media only screen and (max-width: 991px) {
.imprint a {
font-size: 16px;
}
}
@media only screen and (max-width: 767px) {
.imprint a {
font-size: 14px;
}
}
#back-to-top {
bottom: 20px;
color: #000;
cursor: pointer;
display: none;
position: fixed;
right: 12px;
background-color: rgba(255,255,255,1.00)
}
@media only screen and (max-width: 767px) {
#back-to-top {
bottom: 15px;
right: 8px;
z-index: 500;
}
}
#back-to-top:hover {
opacity: 0.8;
}
/* ----- SIDE BUTTONS ------ */
.side-buttons {
position: fixed;
top: 300px;
right: 0;
z-index: 1000;
line-height: 1.0;
text-align: left;
}
@media only screen and (max-width: 767px) {
.side-buttons {
position: fixed;
top: 250px;
right: 0;
z-index: 1000;
}
}
.side-buttons div {
display: block;
background-color: #0067b1;
box-shadow: 0px 0px 1px #948b87;
padding: 10px 15px;
margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
.side-buttons div {
margin-bottom: 5px;
padding: 10px;
}
}
.phone >.phone-label {
position: fixed;
display: none;
padding: 10px 10px 10px 10px;
top: 300px;
right: 55px;
z-index: 2000;
}
@media only screen and (max-width: 991px) {
.phone >.phone-label {
right: 50px;
}
}
@media only screen and (max-width: 767px) {
.phone >.phone-label {
top: 250px;
right: 40px;
padding: 10px 10px 10px 10px;
}
}
.termin >.termin-label {
position: fixed;
display: none;
padding: 10px 10px 10px 10px;
top: 355px;
right: 55px;
z-index: 2000;
}
@media only screen and (max-width: 991px) {
.termin >.termin-label {
right: 50px;
top: 352px;
}
}
@media only screen and (max-width: 767px) {
.termin >.termin-label {
top: 296px;
right: 40px;
padding: 10px 10px 10px 10px;
}
}
.location >.map-label {
position: fixed;
display: none;
padding: 10px 10px 10px 10px;
top: 355px;
right: 55px;
z-index: 2000;
}
@media only screen and (max-width: 991px) {
.location >.map-label {
right: 50px;
top: 403px;
}
}
@media only screen and (max-width: 767px) {
.location >.map-label {
top: 343px;
right: 40px;
padding: 10px 10px 10px 10px;
}
}
.facebook >.facebook-label {
position: fixed;
display: none;
padding: 10px 10px 10px 10px;
top: 464px;
right: 55px;
z-index: 2000;
}
@media only screen and (max-width: 991px) {
.facebook >.facebook-label {
right: 50px;
top: 452px;
}
}
@media only screen and (max-width: 767px) {
.facebook >.facebook-label {
top: 388px;
right: 40px;
padding: 10px 10px 10px 10px;
}
}
.phone:hover >.phone-label {
display: block;
color: #0067b1;
text-decoration: none;
background: #fff;
box-shadow: 0px 0px 1px #948b87;
line-height: 1.4em;
}
.termin:hover >.termin-label {
display: block;
color: #0067b1;
text-decoration: none;
background: #fff;
box-shadow: 0px 0px 1px #948b87;
line-height: 1.4em;
}
.location:hover >.map-label {
display: block;
color: #0067b1;
text-decoration: none;
background: #fff;
box-shadow: 0px 0px 1px #948b87;
line-height: 1.4em;
}
.facebook:hover >.facebook-label {
display: block;
color: #0067b1;
text-decoration: none;
background: #fff;
box-shadow: 0px 0px 1px #948b87;
line-height: 1.4em;
}
.phone-label a,
.termin-label a,
.map-label a,
.facebook-label a{
color: #0067b1;
text-decoration: none;
cursor: pointer;
}
.phone-label a:hover,
.termin-label a:hover,
.map-label a:hover,
.facebook-label a:hover {
color: #0067b1;
cursor: pointer;
}
/* RESPONSIVE GRID */
.container,
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width:768px){.container{width:750px}}
@media (min-width:992px){.container{width:970px}}
@media (min-width:1200px){.container{width:1170px}}
.container-fluid {
width: 100%;
}
.row {
margin-left: -15px;
margin-right: -15px;
}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px;}
.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}
.col-xs-12{width:100%} .col-xs-11{width:91.66666667%} .col-xs-10{width:83.33333333%} .col-xs-9{width:75%} .col-xs-8{width:66.66666667%} .col-xs-7{width:58.33333333%} .col-xs-6{width:50%} .col-xs-5{width:41.66666667%} .col-xs-4{width:33.33333333%} .col-xs-3{width:25%} .col-xs-2{width:16.66666667%} .col-xs-1{width:8.33333333%}
@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left} .col-sm-12{width:100%} .col-sm-11{width:91.66666667%} .col-sm-10{width:83.33333333%} .col-sm-9{width:75%} .col-sm-8{width:66.66666667%} .col-sm-7{width:58.33333333%} .col-sm-6{width:50%} .col-sm-5{width:41.66666667%} .col-sm-4{width:33.33333333%} .col-sm-3{width:25%} .col-sm-2{width:16.66666667%} .col-sm-1{width:8.33333333%}}
@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}
.col-md-12{width:100%} .col-md-11{width:91.66666667%} .col-md-10{width:83.33333333%} .col-md-9{width:75%} .col-md-8{width:66.66666667%} .col-md-7{width:58.33333333%} .col-md-6{width:50%} .col-md-5{width:41.66666667%} .col-md-4{width:33.33333333%} .col-md-3{width:25%} .col-md-2{width:16.66666667%} .col-md-1{width:8.33333333%}}
@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}
.col-lg-12{width:100%} .col-lg-11{width:91.66666667%} .col-lg-10{width:83.33333333%} .col-lg-9{width:75%} .col-lg-8{width:66.66666667%} .col-lg-7{width:58.33333333%} .col-lg-6{width:50%} .col-lg-5{width:41.66666667%} .col-lg-4{width:33.33333333%} .col-lg-3{width:25%} .col-lg-2{width:16.66666667%} .col-lg-1{width:8.33333333%}}
.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.modal-footer:after,.modal-footer:before,.row:after,.row:before{content:" ";display:table}
.clearfix:after,.container-fluid:after,.container:after,.row:after{clear:both}
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
/* FONT-INTEGRATION */
/* open-sans-300 - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local('Open Sans Light'), local('OpenSans-Light'),
url('../fonts/opensans-light-webfont.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('../fonts/opensans-light-webfont.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-regular - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans Regular'), local('OpenSans-Regular'),
url('../fonts/opensans-regular-webfont.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('../fonts/opensans-regular-webfont.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-600 - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
url('../fonts/opensans-semibold-webfont.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('../fonts/opensans-semibold-webfont.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-700 - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: local('Open Sans Bold'), local('OpenSans-Bold'),
url('../fonts/opensans-bold-webfont.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('../fonts/opensans-bold-webfont.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url("../fonts/MaterialIcons-Regular.eot"); /* For IE6-8 */
src: local('Material Icons'),
local('MaterialIcons-Regular'),
url("../fonts/MaterialIcons-Regular.woff2") format('woff2'),
url("../fonts/MaterialIcons-Regular.woff") format('woff'),
url("../fonts/MaterialIcons-Regular.ttf") format('truetype');
}