@import url(font-awesome.min.css);
@import url(../fonts/ThrowMyHandsUpintheAir.ttf);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,900,300italic);
@import url(../fonts/MYRIADPRO-REGULAR.woff);
.box .image.featured,
header.major,
header.major h2,
sub,
sup,
ul.contact li {
    position: relative
}
*,
.row,
:after,
:before {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.row.\30 \25>*,
.row.uniform.\30 \25>* {
    padding: 0
}
.agb-left,
.row>* {
    float: left
}
@font-face {
    font-family: 'Myriad Pro Regular';
    font-style: normal;
    font-weight: 400;
    src: local('Myriad Pro Regular'), url(../fonts/MYRIADPRO-REGULAR.woff) format('woff')
}
@font-face {
    font-family: 'Myriad Pro Bold Italic';
    font-style: normal;
    font-weight: 400;
    src: local('Myriad Pro Bold Italic'), url(../fonts/MYRIADPRO-BOLDIT.woff) format('woff')
}
@font-face {
    font-family: 'Myriad Pro Bold';
    font-style: normal;
    font-weight: 400;
    src: local('Myriad Pro Bold'), url(../fonts/MYRIADPRO-BOLD.woff) format('woff')
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    font-family: Myriad Pro Regular
}
body,
input,
select,
textarea {
    font-weight: 300;
    color: #5d5d5d
}
sub,
sup {
    font-size: .8em
}
blockquote,
em,
i {
    font-style: italic
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}
body {
    line-height: 1;
    -webkit-text-size-adjust: none;
    background: #252122;
    font-family: 'Source Sans Pro'
}
ol,
ul {
    list-style: none
}
blockquote,
q {
    quotes: none
}
blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
*,
:after,
:before {
    box-sizing: border-box
}
.container.\31 25\25 {
    width: 100%;
    max-width: 1200px;
    min-width: 960px
}
.container.\37 5\25 {
    width: 720px
}
.container.\35 0\25 {
    width: 480px
}
.container.\32 5\25 {
    width: 240px
}
.container {
    margin-left: auto;
    margin-right: auto;
    width: 100%
}
@media screen and (min-width: 737px) {
    .container.\31 25\25 {
        width: 100%;
        max-width: 1500px;
        min-width: 1200px
    }
    .container.\37 5\25 {
        width: 900px
    }
    .container.\35 0\25 {
        width: 600px
    }
    .container.\32 5\25 {
        width: 300px
    }
    .container {
        width: 100%
    }
}
@media screen and (min-width: 737px) and (max-width: 1200px) {
    .container.\31 25\25 {
        width: 100%;
        max-width: 1200px;
        min-width: 960px
    }
    .container.\37 5\25 {
        width: 720px
    }
    .container.\35 0\25 {
        width: 480px
    }
    .container.\32 5\25 {
        width: 240px
    }
}
@media screen and (max-width: 736px) {
    .container.\31 25\25 {
        width: 100%;
        max-width: 125%;
        min-width: 100%
    }
    .container.\37 5\25 {
        width: 75%
    }
    .container.\35 0\25 {
        width: 50%
    }
    .container.\32 5\25 {
        width: 25%
    }
    .container {
        width: 100%!important
    }
}
.row {
    border-bottom: solid 1px transparent;
    box-sizing: border-box
}
.row:after,
.row:before {
    content: '';
    display: block;
    clear: both;
    height: 0
}
.row.uniform>*>:first-child {
    margin-top: 0
}
.row.uniform>*>:last-child {
    margin-bottom: 0
}
.row.\30 \25,
.row.uniform.\30 \25 {
    margin: 0 0 -1px
}
.row>* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 0 40px
}
.row {
    margin: 0 0 -1px -40px
}
.row.uniform>* {
    padding: 40px 0 0 40px
}
.row.uniform {
    margin: -40px 0 -1px -40px
}
.row.\32 00\25>* {
    padding: 0 0 0 80px
}
.row.\32 00\25 {
    margin: 0 0 -1px -80px
}
.row.uniform.\32 00\25>* {
    padding: 80px 0 0 80px
}
.row.uniform.\32 00\25 {
    margin: -80px 0 -1px -80px
}
.row.\31 50\25>* {
    padding: 0 0 0 60px
}
.row.\31 50\25 {
    margin: 0 0 -1px -60px
}
.row.uniform.\31 50\25>* {
    padding: 60px 0 0 60px
}
.row.uniform.\31 50\25 {
    margin: -60px 0 -1px -60px
}
.row.\35 0\25>* {
    padding: 0 0 0 20px
}
.row.\35 0\25 {
    margin: 0 0 -1px -20px
}
.row.uniform.\35 0\25>* {
    padding: 20px 0 0 20px
}
.row.uniform.\35 0\25 {
    margin: -20px 0 -1px -20px
}
.row.\32 5\25>* {
    padding: 0 0 0 10px
}
.row.\32 5\25 {
    margin: 0 0 -1px -10px
}
.row.uniform.\32 5\25>* {
    padding: 10px 0 0 10px
}
.row.uniform.\32 5\25 {
    margin: -10px 0 -1px -10px
}
.\31 2u,
.\31 2u\24 {
    width: 100%;
    clear: none;
    margin-left: 0
}
.\31 1u,
.\31 1u\24 {
    width: 91.6666666667%;
    clear: none;
    margin-left: 4.12%;
    padding: 8% 1.12%;
    min-height: 24em
}
.\31 0u,
.\31 0u\24,
.\35 u,
.\35 u\24,
.\36 u,
.\36 u\24,
.\37 u,
.\37 u\24,
.\38 u,
.\38 u\24,
.\39 u,
.\39 u\24 {
    margin-left: 0;
    clear: none
}
@media(max-width:736px) {
    .mapmobile {
        padding-bottom: 32%
    }
}
.\31 0u,
.\31 0u\24 {
    width: 83.3333333333%
}
.\39 u,
.\39 u\24 {
    width: 75%
}
.\38 u,
.\38 u\24 {
    width: 66.6666666667%
}
.\37 u,
.\37 u\24 {
    width: 58.3333333333%
}
.\36 u,
.\36 u\24 {
    width: 67%
}
.\35 u,
.\35 u\24 {
    width: 46%;
    margin-top: 5%
}
.\34 u,
.\34 u\24 {
    width: 30%;
    clear: none;
    margin-left: 2.5%
}
.\33 u,
.\33 u\24 {
    width: 26%;
    clear: none;
    margin-left: 0
}
.\32 u,
.\32 u\24 {
    width: 16.6666666667%;
    clear: none;
    margin-left: 0
}
.\31 u,
.\31 u\24 {
    width: 8.3333333333%;
    clear: none;
    margin-left: 0
}
.\31 0u\24+*,
.\31 1u\24+*,
.\31 2u\24+*,
.\31 u\24+*,
.\32 u\24+*,
.\33 u\24+*,
.\34 u\24+*,
.\35 u\24+*,
.\36 u\24+*,
.\37 u\24+*,
.\38 u\24+*,
.\39 u\24+* {
    clear: left
}
.\-11u {
    margin-left: 91.66667%
}
.\-10u {
    margin-left: 83.33333%
}
.\-9u {
    margin-left: 75%
}
.\-8u {
    margin-left: 66.66667%
}
.\-7u {
    margin-left: 58.33333%
}
.\-6u {
    margin-left: 50%
}
.\-5u {
    margin-left: 41.66667%
}
.\-4u {
    margin-left: 33.33333%
}
.\-3u {
    margin-left: 25%
}
.\-2u {
    margin-left: 16.66667%
}
.\-1u {
    margin-left: 8.33333%
}
@media screen and (min-width: 737px) {
    .row.uniform>*,
    .row>* {
        padding: 50px 0 0 50px
    }
    .row.\32 00\25>*,
    .row.uniform.\32 00\25>* {
        padding: 100px 0 0 100px
    }
    .row.uniform {
        margin: -50px 0 -1px -50px
    }
    .row.\32 00\25,
    .row.uniform.\32 00\25 {
        margin: -100px 0 -1px -100px
    }
    .row.\31 50\25>*,
    .row.uniform.\31 50\25>* {
        padding: 75px 0 0 75px
    }
    .row.\31 50\25,
    .row.uniform.\31 50\25 {
        margin: -75px 0 -1px -75px
    }
    .row.\35 0\25>*,
    .row.uniform.\35 0\25>* {
        padding: 25px 0 0 25px
    }
    .row.\35 0\25,
    .row.uniform.\35 0\25 {
        margin: -25px 0 -1px -25px
    }
    .row.\32 5\25>*,
    .row.uniform.\32 5\25>* {
        padding: 12.5px 0 0 12.5px
    }
    .row.\32 5\25,
    .row.uniform.\32 5\25 {
        margin: -12.5px 0 -1px -12.5px
    }
    .\31 2u\24\28desktop\29,
    .\31 2u\28desktop\29 {
        width: 100%;
        clear: none;
        margin-left: 0
    }
    .\31 1u\24\28desktop\29,
    .\31 1u\28desktop\29 {
        width: 91.6666666667%;
        clear: none;
        margin-left: 0
    }
    .\31 0u\24\28desktop\29,
    .\31 0u\28desktop\29 {
        width: 83.3333333333%;
        clear: none;
        margin-left: 0
    }
    .\39 u\24\28desktop\29,
    .\39 u\28desktop\29 {
        width: 75%;
        clear: none;
        margin-left: 0
    }
    .\38 u\24\28desktop\29,
    .\38 u\28desktop\29 {
        width: 66.6666666667%;
        clear: none;
        margin-left: 0
    }
    .\37 u\24\28desktop\29,
    .\37 u\28desktop\29 {
        width: 58.3333333333%;
        clear: none;
        margin-left: 0
    }
    .\36 u\24\28desktop\29,
    .\36 u\28desktop\29 {
        width: 50%;
        clear: none;
        margin-left: 0
    }
    .\35 u\24\28desktop\29,
    .\35 u\28desktop\29 {
        width: 41.6666666667%;
        clear: none;
        margin-left: 0
    }
    .\34 u\24\28desktop\29,
    .\34 u\28desktop\29 {
        width: 33.3333333333%;
        clear: none;
        margin-left: 0
    }
    .\33 u\24\28desktop\29,
    .\33 u\28desktop\29 {
        width: 25%;
        clear: none;
        margin-left: 0
    }
    .\32 u\24\28desktop\29,
    .\32 u\28desktop\29 {
        width: 16.6666666667%;
        clear: none;
        margin-left: 0
    }
    .\31 u\24\28desktop\29,
    .\31 u\28desktop\29 {
        width: 8.3333333333%;
        clear: none;
        margin-left: 0
    }
    .\31 0u\24\28desktop\29+*,
    .\31 1u\24\28desktop\29+*,
    .\31 2u\24\28desktop\29+*,
    .\31 u\24\28desktop\29+*,
    .\32 u\24\28desktop\29+*,
    .\33 u\24\28desktop\29+*,
    .\34 u\24\28desktop\29+*,
    .\35 u\24\28desktop\29+*,
    .\36 u\24\28desktop\29+*,
    .\37 u\24\28desktop\29+*,
    .\38 u\24\28desktop\29+*,
    .\39 u\24\28desktop\29+* {
        clear: left
    }
    .\-11u\28desktop\29 {
        margin-left: 91.66667%
    }
    .\-10u\28desktop\29 {
        margin-left: 83.33333%
    }
    .\-9u\28desktop\29 {
        margin-left: 75%
    }
    .\-8u\28desktop\29 {
        margin-left: 66.66667%
    }
    .\-7u\28desktop\29 {
        margin-left: 58.33333%
    }
    .\-6u\28desktop\29 {
        margin-left: 50%
    }
    .\-5u\28desktop\29 {
        margin-left: 41.66667%
    }
    .\-4u\28desktop\29 {
        margin-left: 33.33333%
    }
    .\-3u\28desktop\29 {
        margin-left: 25%
    }
    .\-2u\28desktop\29 {
        margin-left: 16.66667%
    }
    .\-1u\28desktop\29 {
        margin-left: 8.33333%
    }
}
@media screen and (min-width: 737px) and (max-width: 1200px) {
    .row.uniform>*,
    .row>* {
        padding: 25px 0 0 25px
    }
    .row,
    .row.uniform {
        margin: -25px 0 -1px -25px
    }
    .row.\32 00\25>*,
    .row.uniform.\32 00\25>* {
        padding: 50px 0 0 50px
    }
    .row.\32 00\25,
    .row.uniform.\32 00\25 {
        margin: -50px 0 -1px -50px
    }
    .row.\31 50\25>*,
    .row.uniform.\31 50\25>* {
        padding: 37.5px 0 0 37.5px
    }
    .row.\31 50\25,
    .row.uniform.\31 50\25 {
        margin: -37.5px 0 -1px -37.5px
    }
    .row.\35 0\25>*,
    .row.uniform.\35 0\25>* {
        padding: 12.5px 0 0 12.5px
    }
    .row.\35 0\25,
    .row.uniform.\35 0\25 {
        margin: -12.5px 0 -1px -12.5px
    }
    .row.\32 5\25>*,
    .row.uniform.\32 5\25>* {
        padding: 6.25px 0 0 6.25px
    }
    .row.\32 5\25,
    .row.uniform.\32 5\25 {
        margin: -6.25px 0 -1px -6.25px
    }
    .\31 2u\24\28tablet\29,
    .\31 2u\28tablet\29 {
        width: 100%;
        clear: none;
        margin-left: 0
    }
    .\31 1u\24\28tablet\29,
    .\31 1u\28tablet\29 {
        width: 91.6666666667%;
        clear: none;
        margin-left: 0
    }
    .\31 0u\24\28tablet\29,
    .\31 0u\28tablet\29 {
        width: 83.3333333333%;
        clear: none;
        margin-left: 0
    }
    .\39 u\24\28tablet\29,
    .\39 u\28tablet\29 {
        width: 75%;
        clear: none;
        margin-left: 0
    }
    .\38 u\24\28tablet\29,
    .\38 u\28tablet\29 {
        width: 66.6666666667%;
        clear: none;
        margin-left: 0
    }
    .\37 u\24\28tablet\29,
    .\37 u\28tablet\29 {
        width: 58.3333333333%;
        clear: none;
        margin-left: 0
    }
    .\36 u\24\28tablet\29,
    .\36 u\28tablet\29 {
        width: 50%;
        clear: none;
        margin-left: 0
    }
    .\35 u\24\28tablet\29,
    .\35 u\28tablet\29 {
        width: 41.6666666667%;
        clear: none;
        margin-left: 0
    }
    .\34 u\24\28tablet\29,
    .\34 u\28tablet\29 {
        width: 33.3333333333%;
        clear: none;
        margin-left: 0
    }
    .\33 u\24\28tablet\29,
    .\33 u\28tablet\29 {
        width: 25%;
        clear: none;
        margin-left: 0
    }
    .\32 u\24\28tablet\29,
    .\32 u\28tablet\29 {
        width: 16.6666666667%;
        clear: none;
        margin-left: 0
    }
    .\31 u\24\28tablet\29,
    .\31 u\28tablet\29 {
        width: 8.3333333333%;
        clear: none;
        margin-left: 0
    }
    .\31 0u\24\28tablet\29+*,
    .\31 1u\24\28tablet\29+*,
    .\31 2u\24\28tablet\29+*,
    .\31 u\24\28tablet\29+*,
    .\32 u\24\28tablet\29+*,
    .\33 u\24\28tablet\29+*,
    .\34 u\24\28tablet\29+*,
    .\35 u\24\28tablet\29+*,
    .\36 u\24\28tablet\29+*,
    .\37 u\24\28tablet\29+*,
    .\38 u\24\28tablet\29+*,
    .\39 u\24\28tablet\29+* {
        clear: left
    }
    .\-11u\28tablet\29 {
        margin-left: 91.66667%
    }
    .\-10u\28tablet\29 {
        margin-left: 83.33333%
    }
    .\-9u\28tablet\29 {
        margin-left: 75%
    }
    .\-8u\28tablet\29 {
        margin-left: 66.66667%
    }
    .\-7u\28tablet\29 {
        margin-left: 58.33333%
    }
    .\-6u\28tablet\29 {
        margin-left: 50%
    }
    .\-5u\28tablet\29 {
        margin-left: 41.66667%
    }
    .\-4u\28tablet\29 {
        margin-left: 33.33333%
    }
    .\-3u\28tablet\29 {
        margin-left: 25%
    }
    .\-2u\28tablet\29 {
        margin-left: 16.66667%
    }
    .\-1u\28tablet\29 {
        margin-left: 8.33333%
    }
}
@media screen and (max-width: 736px) {
    .row.uniform>*,
    .row>* {
        padding: 20px 0 0 20px
    }
    .row,
    .row.uniform {
        margin: -20px 0 -1px -20px
    }
    .row.\32 00\25>*,
    .row.uniform.\32 00\25>* {
        padding: 40px 0 0 40px
    }
    .row.\32 00\25,
    .row.uniform.\32 00\25 {
        margin: -40px 0 -1px -40px
    }
    .row.\31 50\25>*,
    .row.uniform.\31 50\25>* {
        padding: 30px 0 0 30px
    }
    .row.\31 50\25,
    .row.uniform.\31 50\25 {
        margin: -30px 0 -1px -30px
    }
    .row.\35 0\25>*,
    .row.uniform.\35 0\25>* {
        padding: 10px 0 0 10px
    }
    .row.\35 0\25,
    .row.uniform.\35 0\25 {
        margin: -10px 0 -1px -10px
    }
    .row.\32 5\25>*,
    .row.uniform.\32 5\25>* {
        padding: 5px 0 0 5px
    }
    .row.\32 5\25,
    .row.uniform.\32 5\25 {
        margin: -5px 0 -1px -5px
    }
    .\31 2u\24\28mobile\29,
    .\31 2u\28mobile\29 {
        width: 100%;
        clear: none;
        margin-left: 0
    }
    .\31 1u\24\28mobile\29,
    .\31 1u\28mobile\29 {
        width: 91.6666666667%;
        clear: none;
        margin-left: 0
    }
    .\31 0u\24\28mobile\29,
    .\31 0u\28mobile\29 {
        width: 83.3333333333%;
        clear: none;
        margin-left: 0
    }
    .\39 u\24\28mobile\29,
    .\39 u\28mobile\29 {
        width: 75%;
        clear: none;
        margin-left: 0
    }
    .\38 u\24\28mobile\29,
    .\38 u\28mobile\29 {
        width: 66.6666666667%;
        clear: none;
        margin-left: 0
    }
    .\37 u\24\28mobile\29,
    .\37 u\28mobile\29 {
        width: 58.3333333333%;
        clear: none;
        margin-left: 0
    }
    .\36 u\24\28mobile\29,
    .\36 u\28mobile\29 {
        width: 50%;
        clear: none;
        margin-left: 0
    }
    .\35 u\24\28mobile\29,
    .\35 u\28mobile\29 {
        width: 41.6666666667%;
        clear: none;
        margin-left: 0
    }
    .\34 u\24\28mobile\29,
    .\34 u\28mobile\29 {
        width: 33.3333333333%;
        clear: none;
        margin-left: 0
    }
    .\33 u\24\28mobile\29,
    .\33 u\28mobile\29 {
        width: 25%;
        clear: none;
        margin-left: 0
    }
    .\32 u\24\28mobile\29,
    .\32 u\28mobile\29 {
        width: 16.6666666667%;
        clear: none;
        margin-left: 0
    }
    .\31 u\24\28mobile\29,
    .\31 u\28mobile\29 {
        width: 8.3333333333%;
        clear: none;
        margin-left: 0
    }
    .\31 0u\24\28mobile\29+*,
    .\31 1u\24\28mobile\29+*,
    .\31 2u\24\28mobile\29+*,
    .\31 u\24\28mobile\29+*,
    .\32 u\24\28mobile\29+*,
    .\33 u\24\28mobile\29+*,
    .\34 u\24\28mobile\29+*,
    .\35 u\24\28mobile\29+*,
    .\36 u\24\28mobile\29+*,
    .\37 u\24\28mobile\29+*,
    .\38 u\24\28mobile\29+*,
    .\39 u\24\28mobile\29+* {
        clear: left
    }
    .\-11u\28mobile\29 {
        margin-left: 91.66667%
    }
    .\-10u\28mobile\29 {
        margin-left: 83.33333%
    }
    .\-9u\28mobile\29 {
        margin-left: 75%
    }
    .\-8u\28mobile\29 {
        margin-left: 66.66667%
    }
    .\-7u\28mobile\29 {
        margin-left: 58.33333%
    }
    .\-6u\28mobile\29 {
        margin-left: 50%
    }
    .\-5u\28mobile\29 {
        margin-left: 41.66667%
    }
    .\-4u\28mobile\29 {
        margin-left: 33.33333%
    }
    .\-3u\28mobile\29 {
        margin-left: 25%
    }
    .\-2u\28mobile\29 {
        margin-left: 16.66667%
    }
    .\-1u\28mobile\29 {
        margin-left: 8.33333%
    }
}
body.is-loading * {
    -moz-transition: none!important;
    -webkit-transition: none!important;
    -ms-transition: none!important;
    transition: none!important;
    -moz-animation: none!important;
    -webkit-animation: none!important;
    -ms-animation: none!important;
    animation: none!important
}
b,
strong {
    color: #fff;
    font-weight: 400
}
sub {
    top: .5em
}
sup {
    top: -.5em
}
blockquote {
    border-left: solid .75em #ddd;
    padding: 1em 0 1em 1.5em
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #252122;
    font-weight: 700
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
    text-decoration: none
}
a {
    color: #d52349;
    text-decoration: underline
}
a:hover {
    text-decoration: none
}
br.clear {
    clear: both
}
hr {
    border: 0;
    border-top: solid 1px #ddd;
    height: 1px;
    margin: 2em 0
}
form label {
    display: block;
    color: #252122;
    font-weight: 400;
    margin: 0 0 .5em
}
form input[type=radio] {
    width: 15px
}
form input[type=email],
form input[type=password],
form input[type=text],
form select,
form textarea {
    -webkit-appearance: none;
    display: block;
    padding: .2em .05em;
    font-size: 1em;
    border: 1px solid #a9a9a9;
    background: #fff;
    width: 215px
}
table.default td,
table.default th {
    padding: .5em 1em
}
form input[type=email]:focus,
form input[type=password]:focus,
form input[type=text]:focus,
form select:focus,
form textarea:focus {
    box-shadow: inset 0 0 1px 1px #43bff0
}
form textarea {
    height: 15em
}
form .formerize-placeholder {
    color: #555!important
}
form::-webkit-input-placeholder {
    color: #555!important
}
form:-moz-placeholder {
    color: #555!important
}
form::-moz-placeholder {
    color: #555!important
}
form:-ms-input-placeholder {
    color: #555!important
}
form::-moz-focus-inner {
    border: 0
}
table,
table.default {
    width: 100%
}
table.default tr {
    border-top: solid 1px #ddd
}
table.default tr:first-child {
    border-top: 0
}
table.default th {
    text-align: left;
    font-weight: 700;
    margin: 0 0 1em
}
#banner,
#copyright,
#intro,
header.major,
ul.dates .date,
ul.social li a {
    text-align: center
}
table.default thead {
    border-bottom: solid 2px #ddd
}
article,
section {
    margin-bottom: 2.5em
}
header>p {
    display: block;
    font-size: 1.6em;
    color: #fff
}
header.major {
    border-top: solid 1px #ccc;
    top: 1em
}
header.major h2 {
    background: #fff;
    top: -.65em;
    display: inline;
    margin: 0;
    padding: 0 1em
}
.box {
    background: #fff;
    border-bottom: solid 1px #ccc
}
.box .image.featured {
    width: auto
}
.button,
button,
input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: none;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    border-radius: 5px;
    background: #c22b28;
    color: #fff;
    font-weight: 700;
    outline: 0;
    -moz-transition: background-color .25s ease-in-out;
    -webkit-transition: background-color .25s ease-in-out;
    -ms-transition: background-color .25s ease-in-out;
    transition: background-color .25s ease-in-out
}
.button:hover,
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
    background: #d33c39;
    text-decoration: none;
    color: #fff
}
.button:active,
button:active,
input[type=button]:active,
input[type=reset]:active,
input[type=submit]:active {
    background: #c51349
}
.button.alt,
button.alt,
input[type=button].alt,
input[type=reset].alt,
input[type=submit].alt {
    background: #252122
}
.button.alt:hover,
button.alt:hover,
input[type=button].alt:hover,
input[type=reset].alt:hover,
input[type=submit].alt:hover {
    background: #353132
}
.button.alt:active,
button.alt:active,
input[type=button].alt:active,
input[type=reset].alt:active,
input[type=submit].alt:active {
    background: #151112
}
.icon.featured,
ul.dates .date {
    background-color: #d52349;
    border-top-left-radius: 5px
}
.button.icon:before,
button.icon:before,
input[type=button].icon:before,
input[type=reset].icon:before,
input[type=submit].icon:before {
    opacity: .35;
    position: relative;
    top: .05em;
    margin-right: .75em
}
.image {
    display: inline-block;
    outline: 0
}
.image img {
    display: block;
    width: 100%
}
.image.centered {
    display: block;
    margin: 0 0 2em
}
.image.centered img {
    margin: 0 auto;
    width: auto
}
.image.featured {
    display: block;
    width: 100%;
    margin: 0 0 2em
}
.image.left {
    float: left;
    margin: 0 2em 2em 0
}
ul.contact li p,
ul.dates p {
    margin: 0
}
ul.default {
    list-style: disc;
    padding-left: 1em
}
ul.default li {
    padding-left: .5em
}
ul.contact li {
    border-top: solid 1px #ddd;
    padding: 1.3em 0 1.3em 7em
}
ul.contact li h3 {
    position: absolute;
    left: 0;
    top: 1.3em;
    font-size: 1.1em
}
ul.contact li:first-child {
    padding-top: 0;
    border-top: 0
}
ul.contact li:first-child h3 {
    top: 0
}
ul.dates li {
    position: relative;
    border-top: solid 1px #ddd;
    padding: 1.3em 0 1.3em 6.75em
}
ul.dates .date {
    display: block;
    position: absolute;
    left: 0;
    top: 1.3em;
    height: 3.5em;
    color: #fff;
    line-height: 1em;
    border-bottom-left-radius: 5px;
    padding: .5em .75em 0 1em
}
ul.dates .date:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: -1.2em;
    border-left: solid 1.25em #d52349;
    border-top: solid 1.8em transparent;
    border-bottom: solid 1.8em transparent
}
ul.dates .date strong {
    display: block;
    font-size: 1.75em;
    padding-top: .15em
}
ul.social li,
ul.social li a {
    display: inline-block
}
ul.dates h3 {
    font-size: 1.1em
}
ul.dates li:first-child {
    border-top: 0;
    padding-top: 0
}
ul.dates li:first-child .date {
    top: 0
}
ul.divided li {
    border-top: solid 1px #ddd;
    padding: 1em 0
}
ul.divided li:first-child {
    border-top: 0;
    padding-top: 0
}
ul.social {
    overflow: hidden;
    cursor: default
}
ul.social li:first-child {
    margin-left: 0
}
ul.social li a {
    width: 3em;
    height: 3em;
    border-radius: 5px;
    background: #888;
    -moz-transition: background-color .25s ease-in-out;
    -webkit-transition: background-color .25s ease-in-out;
    -ms-transition: background-color .25s ease-in-out;
    transition: background-color .25s ease-in-out
}
ul.social li a:before {
    color: #fff;
    font-size: 2em;
    line-height: 1.5em
}
ul.social li a.fa-facebook {
    background: #3c5a98
}
ul.social li a.fa-facebook:hover {
    background: #4c6aa8
}
ul.social li a.fa-twitter {
    background: #2daae4
}
ul.social li a.fa-twitter:hover {
    background: #3dbaf4
}
ul.social li a.fa-dribbble {
    background: #c4376b
}
ul.social li a.fa-dribbble:hover {
    background: #d4477b
}
ul.social li a.fa-linkedin {
    background: #006599
}
ul.social li a.fa-linkedin:hover {
    background: #1075a9
}
ul.social li a.fa-tumblr {
    background: #2b4661
}
ul.social li a.fa-tumblr:hover {
    background: #3b5671
}
ul.social li a.fa-google-plus {
    background: #da2713
}
ul.social li a.fa-google-plus:hover {
    background: #ea3723
}
ol.default {
    list-style: decimal;
    padding-left: 1.25em
}
ol.default li {
    padding-left: .25em
}
.icon {
    position: relative;
    text-decoration: none
}
.icon:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-transform: none!important
}
.icon>.label {
    display: none
}
.icon.featured {
    position: relative;
    display: inline-block;
    width: 9em;
    padding: 1.75em 0 .75em;
    border-top-right-radius: 5px;
    margin: 0 0 4.5em;
    cursor: default
}
#footer-wrapper:before,
#main-wrapper:before,
.icon.featured:after {
    content: '';
    position: absolute;
    left: 0
}
#footer-wrapper:before,
#main-wrapper:before {
    top: 0;
    width: 100%;
    z-index: 0
}
.icon.featured:before {
    font-size: 4.5em;
    line-height: 1em;
    color: #fff
}
.icon.featured:after {
    bottom: -1.95em;
    border-top: solid 2em #d52349;
    border-left: solid 4.5em transparent;
    border-right: solid 4.5em transparent
}
.icon.featured.alt {
    background-color: #252122
}
.icon.featured.alt:after {
    border-top-color: #252122
}
.icon.featured.alt2 {
    background-color: #827a7c
}
.icon.featured.alt2:after {
    border-top-color: #827a7c
}
#unternehmen_banner {
    background: url(../../images/zdj1.jpg) center center no-repeat #CCE8F4;
    background-size: 100% 120%;
    text-align: center
}
#frachtanfrage_banner {
    max-height: 315px;
    width: 70%;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 15%
}
# @media(max-width:736px) {
    #frachtanfrage_banner {
        margin-left: 0
    }
}
#banner {
    background-position: center center;
    background-size: 100% 120%;
    background-repeat: no-repeat
}
#banner header {
    background-color: #b82125;
    padding: 10px 5px 10px 25px
}
#index_banner header,
#unternehmen_banner header {
    background-color: rgba(184, 33, 37, .83);
    padding: 10px 5px 5px 25px
}
#banner header h2,
#unternehmen_banner header h2 {
    color: #fff;
    font-weight: 700
}
#banner header p {
    color: #fff;
    padding: 0;
    font-style: normal;
    margin: 0
}
#index_banner header p,
#unternehmen_banner header p {
    color: #fff;
    padding: 0;
    font-style: normal;
    margin: 0;
    font-family: Myriad Pro Regular
}
#header-wrapper,
#main-wrapper {
    position: relative;
    background: #fff
}
#main-wrapper:before {
    background-size: 100% 100%;
    opacity: .1
}
#main-wrapper .major h2 {
    background: #fff
}
#footer-wrapper {
    position: relative;
    color: #858484
}
#footer-wrapper:before {
    background-size: 100% 100%;
    opacity: .5
}
#footer-wrapper a {
    color: #c5c4c4
}
#footer-wrapper b,
#footer-wrapper h2,
#footer-wrapper h3,
#footer-wrapper h4,
#footer-wrapper h5,
#footer-wrapper h6,
#footer-wrapper strong {
    color: #fff
}
#footer-wrapper b a,
#footer-wrapper h2 a,
#footer-wrapper h3 a,
#footer-wrapper h4 a,
#footer-wrapper h5 a,
#footer-wrapper h6 a,
#footer-wrapper strong a {
    color: inherit
}
#footer-wrapper ul.contact li,
#footer-wrapper ul.dates li,
#footer-wrapper ul.divided li {
    border-top-color: #353434;
    border-top-color: rgba(255, 255, 255, .05)
}
#copyright .links {
    display: inline-block;
    background: #2C2929;
    background: rgba(255, 255, 255, .05);
    border-radius: 5px;
    margin: 0
}
@media screen and (min-width: 737px) {
    #nav2>ul>li,
    #nav>ul>li {
        float: left;
        text-align: center;
        font-style: italic
    }
    #nav2>ul>li,
    #nav>ul>li,
    .dropotron {
        font-style: italic
    }
    body,
    input,
    select,
    textarea {
        font-size: 13pt;
        line-height: 1.75em
    }
    h2 {
        font-size: 1.5em
    }
    h3 {
        font-size: 1.35em
    }
    header {
        margin: 0 0 1.5em
    }
    header>p {
        margin: .5em 0 0;
        padding-bottom: .5em
    }
    header.major {
        margin: 0 0 3em
    }
    footer {
        margin: 2.25em 0 0
    }
    .box {
        padding: 2.75em 1.75em
    }
    .box .image.featured {
        left: 1.75em;
        top: 1.75em;
        margin: -4.5em 0 4.25em -3.5em
    }
    .box.post header {
        padding-top: 1em;
        margin: 0 0 2em
    }
    .box.post h2 {
        font-size: 2.5em;
        letter-spacing: -.015em
    }
    .box.post header>p {
        margin-top: 1.25em;
        font-size: 1.25em
    }
    .button,
    button,
    input[type=button],
    input[type=reset],
    input[type=submit] {
        font-size: 1.1em;
        padding: .5em 1.35em
    }
    .button.big,
    button.big,
    input[type=button].big,
    input[type=reset].big,
    input[type=submit].big {
        font-size: 1.5em;
        padding: .6em 1.35em
    }
    ul.actions li {
        display: inline-block;
        margin-left: 1em
    }
    ul.actions li:first-child {
        margin-left: 0
    }
    ul.links li {
        display: inline-block;
        border-left: solid 1px rgba(255, 255, 255, .05);
        padding: 0 0 0 1em;
        margin: 0 0 0 1em
    }
    ul.links li:first-child {
        border-left: 0;
        padding-left: 0;
        margin-left: 0
    }
    #footer-wrapper,
    #main-wrapper {
        padding: 4em 0
    }
    ul.social {
        margin: 0 0 3.25em
    }
    ul.social li {
        margin-left: .75em
    }
    #main-wrapper {
        margin-top: 5px;
        border-top: 1px solid #c8c8c8
    }
    #nav2>ul,
    #nav>ul {
        padding-bottom: 30px;
        max-width: 100%
    }
    #footer-wrapper header {
        margin: 0 0 3em
    }
    #footer-wrapper header h2 {
        font-size: 1.75em
    }
    #header h1 {
        color: #252122;
        font-weight: 900;
        font-size: 2.5em;
        letter-spacing: -.035em;
        margin: 0 0 1em
    }
    #nav2>ul>li>a,
    #nav>ul>li>a {
        font-family: Myriad Pro Regular;
        outline: 0;
        font-size: 20px;
        font-weight: 700;
        text-decoration: none
    }
    #nav>ul {
        margin: 0 0 -6px
    }
    #nav2>ul {
        margin: -21px 0 -6px
    }
    #nav>ul>li {
        padding: 10px;
        background-color: #b82125
    }
    #nav2>ul>li {
        padding: 9px;
        background-color: transparent;
        z-index: 1
    }
    #nav2>ul>li>ul,
    #nav>ul>li>ul {
        display: none
    }
    #nav>ul>li>a {
        color: #F2CF15
    }
    #nav2>ul>li>a {
        color: #f2cf15
    }
    #nav>ul>li.active,
    #nav>ul>li:hover {
        background-color: #F2CF15
    }
    #nav>ul>li.active>a,
    #nav>ul>li:hover>a {
        background-color: #F2CF15;
        color: #fff
    }
    #nav2>ul>li.active,
    #nav2>ul>li:hover {
        background-color: #f2cf15
    }
    #nav2>ul>li.active>a,
    #nav2>ul>li:hover>a {
        background-color: #f2cf15;
        color: #fff
    }
    #nav2>ul>li.current>a,
    #nav>ul>li.current>a {
        background: #d8cf2b;
        color: #fff!important;
        font-weight: 700
    }
    .dropotron {
        border-radius: 5px;
        background-color: #252122;
        background-color: rgba(34, 30, 31, .98);
        padding: 1.25em 1.5em;
        min-width: 13em;
        box-shadow: 0 8px 15px 0 rgba(0, 0, 0, .5);
        text-align: left;
        margin-top: -1.25em;
        margin-left: -1px
    }
    .dropotron a,
    .dropotron span {
        color: #aaa;
        text-decoration: none;
        -moz-transition: color .25s ease-in-out;
        -webkit-transition: color .25s ease-in-out;
        -ms-transition: color .25s ease-in-out;
        transition: color .25s ease-in-out
    }
    .dropotron li {
        padding: .25em 0
    }
    .dropotron li:hover>a,
    .dropotron li:hover>span {
        color: #fff
    }
    .dropotron.level-0 {
        margin-top: 2em
    }
    .dropotron.level-0:before {
        content: '';
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -10px;
        top: -9px;
        border-left: solid 10px transparent;
        border-right: solid 10px transparent;
        border-bottom: solid 10px #252122;
        border-bottom-color: rgba(34, 30, 31, .98)
    }
    #unternehmen_banner {
        position: relative;
        padding: 24em 0;
        text-align: right
    }
    #unternehmen_banner header {
        bottom: 435px;
        left: 0;
        width: 100%;
        text-align: right;
        margin-top: -46px;
        display: inline-block
    }
    #banner header {
        display: inline-block;
        position: absolute;
        top: 20%;
        left: 0
    }
    #index_banner header {
        position: relative;
        -moz-position: absolute;
        -webkit-position: absolute;
        margin-top: -147px;
        margin-bottom: 74px;
        padding-top: 5px;
        width: 57.5%
    }
    #banner header h2,
    #unternehmen_banner header h2 {
        font-size: 2.5em;
        margin: 0 0 .65em
    }
    #unternehmen_banner header p {
        font-size: 2em
    }
    #banner header p {
        font-size: 1.5em
    }
    #index_banner header p {
        font-size: 3vw
    }
    #index_banner img {
        position: absolute;
        top: 12%;
        left: 24%;
        width: 55%
    }
    #intro {
        overflow: hidden
    }
    #intro .middle {
        position: relative;
        z-index: 1
    }
    #intro footer {
        margin: 0
    }
    #copyright .links {
        padding: .85em 2.25em
    }
}
@media screen and (min-width: 737px) and (max-width: 1200px) {
    body,
    input,
    select,
    textarea {
        font-size: 11pt
    }
    input {
        width: 180px
    }
    header.major {
        margin: .75em 0 2.5em
    }
    header.major h2 {
        padding: 0 1em
    }
    ul.social li {
        margin: 0 0 .25em .75em
    }
    #main-wrapper {
        padding: 2.75em 0
    }
    #footer-wrapper {
        padding: 3em 0
    }
    #footer-wrapper:before {
        height: 2.5em
    }
    #footer-wrapper header {
        margin: 0 0 1.5em
    }
    #footer-wrapper header h2 {
        font-size: 1.25em
    }
    #header h1 {
        margin: .25em 0 1em
    }
    #intro {
        padding: 0
    }
    #intro .middle:before {
        left: -12px
    }
    #intro .middle:after {
        right: -12px
    }
    #copyright {
        margin: 0
    }
}
#navPanel,
#titleBar {
    display: none
}
@media screen and (max-width: 736px) {
    #navPanel,
    #page-wrapper,
    #titleBar {
        -webkit-backface-visibility: hidden
    }
    #page-wrapper,
    #titleBar {
        -ms-transition: -ms-transform .5s ease;
        -ms-backface-visibility: hidden
    }
    body,
    html {
        overflow-x: hidden
    }
    body,
    input,
    select,
    textarea {
        line-height: 1.75em;
        font-size: 11pt;
        letter-spacing: 0
    }
    input {
        width: 180px
    }
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: 1.25em
    }
    article,
    section {
        margin: 0 0 1.5em!important
    }
    header {
        margin: 0 0 1em
    }
    footer {
        margin: 2em 0 0
    }
    .box {
        padding: 25px 15px 20px
    }
    .box .image.featured {
        left: 15px;
        top: 15px;
        margin: -40px 0 40px -30px
    }
    .button,
    button,
    input[type=button],
    input[type=reset],
    input[type=submit] {
        position: relative;
        padding: .45em .8em!important;
        text-align: center;
        font-size: 1em;
        margin: .25em 0
    }
    .button.icon,
    button.icon,
    input[type=button].icon,
    input[type=reset].icon,
    input[type=submit].icon {
        padding-right: 1em!important
    }
    ul.actions li {
        display: block;
        margin-top: .5em
    }
    ul.actions li:first-child {
        margin-top: 0
    }
    ul.contact li {
        padding: .8em 0 .8em 7em
    }
    ul.contact li h3 {
        top: .8em
    }
    ul.divided li {
        padding: .5em 0
    }
    ul.links li {
        display: block;
        border-top: solid 1px rgba(255, 255, 255, .05);
        padding: .25em 0 0;
        margin: .25em 0 0
    }
    ul.links li:first-child {
        border-top: 0;
        padding-top: 0;
        margin-top: 0
    }
    ul.social li {
        margin: 0 .5em .75em 0
    }
    #page-wrapper {
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-transition: -moz-transform .5s ease;
        -webkit-transition: -webkit-transform .5s ease;
        transition: transform .5s ease;
        padding-bottom: 1px
    }
    #navPanel,
    #titleBar {
        -moz-backface-visibility: hidden;
        display: block
    }
    #titleBar {
        backface-visibility: hidden;
        -moz-transition: -moz-transform .5s ease;
        -webkit-transition: -webkit-transform .5s ease;
        transition: transform .5s ease;
        height: 44px;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 10001;
        background: 0 0
    }
    #titleBar .toggle {
        width: 80px;
        height: 60px
    }
    #titleBar .toggle:before {
        font-family: FontAwesome;
        text-decoration: none;
        font-style: normal;
        font-weight: 400;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: '\f0c9';
        display: block;
        position: absolute;
        left: 10px;
        top: 10px;
        width: 50px;
        height: 40px;
        line-height: 40px;
        font-size: 18px;
        color: #fff;
        text-align: center;
        background: rgba(150, 150, 150, .75);
        border-radius: 5px;
        z-index: 120
    }
    #titleBar .toggle:active:before {
        background-color: #969696
    }
    #navPanel {
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-transform: translateX(-275px);
        -webkit-transform: translateX(-275px);
        -ms-transform: translateX(-275px);
        transform: translateX(-275px);
        -moz-transition: -moz-transform .5s ease;
        -webkit-transition: -webkit-transform .5s ease;
        -ms-transition: -ms-transform .5s ease;
        transition: transform .5s ease;
        height: 100%;
        left: 0;
        overflow-y: auto;
        position: fixed;
        top: 0;
        width: 275px;
        z-index: 10002;
        color: #858484;
        box-shadow: inset -3px 0 5px 0 rgba(0, 0, 0, .35)
    }
    #navPanel .link {
        display: block;
        color: #888;
        text-decoration: none;
        height: 44px;
        line-height: 44px;
        border-top: solid 1px rgba(0, 0, 0, .3);
        padding: 0 1em;
        font-style: italic
    }
    #navPanel .link:first-child {
        border-top: 0
    }
    #navPanel .indent-1 {
        display: inline-block;
        width: 1em
    }
    #navPanel .indent-2 {
        display: inline-block;
        width: 2em
    }
    #navPanel .indent-3 {
        display: inline-block;
        width: 3em
    }
    #navPanel .indent-4 {
        display: inline-block;
        width: 4em
    }
    #navPanel .indent-5 {
        display: inline-block;
        width: 5em
    }
    #navPanel .depth-0 {
        color: #000
    }
    body.navPanel-visible #page-wrapper,
    body.navPanel-visible #titleBar {
        -moz-transform: translateX(275px);
        -webkit-transform: translateX(275px);
        -ms-transform: translateX(275px);
        transform: translateX(275px)
    }
    body.navPanel-visible #navPanel {
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    #main-wrapper {
        padding: 2em 10px;
        overflow: hidden;
        clear: both;
        border-top: 1px solid #c8c8c8
    }
    #header-wrapper {
        padding: 2em 0
    }
    #footer-wrapper {
        padding: 2em 25px;
        overflow: hidden;
        -webkit-transform: translateZ(0)
    }
    #intro {
        padding: 0 25px
    }
    #intro section {
        position: relative;
        padding: 2.5em 0
    }
    #intro section.first {
        border-top: 0;
        padding-top: 0
    }
    #header {
        text-align: center;
        margin-top: -56px
    }
    #header h1 {
        color: #252122;
        font-weight: 900;
        font-size: 1.75em;
        letter-spacing: -.035em
    }
    #nav,
    #nav2 {
        display: none
    }
    #banner {
        margin: 2em 0 4em!important;
        padding: 6em 0
    }
    #unternehmen_banner {
        margin: 2em 0 4em!important
    }
    #banner header,
    #unternehmen_banner header {
        padding: 1.5em 1em
    }
    #index_banner header {
        padding: 1.5em 1em;
        margin-top: -5px
    }
    #banner header h2,
    #unternehmen_banner header h2 {
        font-size: 1.5em;
        line-height: 1.5em;
        margin: 0 0 .25em
    }
    #banner header p,
    #index_banner header p,
    #unternehmen_banner header p {
        font-size: 1.2em
    }
    #index_banner img {
        position: absolute;
        top: 135px;
        left: 22%;
        width: 60%
    }
    #copyright {
        margin: 3em 0 0
    }
    #copyright .links {
        padding: .75em 1.25em
    }
}
#header_ul>ul,
#logo,
#logo2 {
    background-color: rgba(255, 255, 255, .7)
}
#logo,
.alt,
.uber_uns img:last-child {
    position: absolute
}
#header_ul2 ul li a,
#header_ul>ul {
    font-family: Myriad Pro Regular
}
#header_ul,
#header_ul2 {
    z-index: 100
}
.agb-left,
.agb-right {
    width: 45%;
    margin-top: 30px;
    font-size: 12px;
    text-align: justify
}
.agb-left ol li,
.agb-left ul li,
.agb-right ol li,
.agb-right ul li {
    margin-left: 35px;
    padding-left: 15px
}
@font-face {
    font-family: ThrowMyHandsUpintheAir;
    src: url(../fonts/ThrowMyHandsUpintheAir.ttf)
}
.agb-left ul {
    list-style-type: disc
}
.agb-left ol {
    list-style-type: decimal
}
.agb-right {
    float: right
}
#logo,
#logo2 {
    width: 100%
}
.agb-right ul {
    list-style-type: disc
}
.agb-right ol {
    list-style-type: decimal
}
.block {
    margin: 15px 10px
}
#header_ul2,
#logo2 {
    margin-top: -336px
}
#logo {
    top: 21px
}
#logo2 {
    text-align: left
}
#logo a img {
    height: 100%;
    width: 32%;
    margin-left: 36%;
    margin-top: 5px;
    margin-bottom: 20px
}
#logo2 a img {
    margin-top: 35px;
    margin-left: 35px;
    margin-bottom: 35px;
    width: 30%
}
#header_ul,
#header_ul2,
#header_ul>ul {
    width: 100%;
    position: absolute
}
#header_ul>ul {
    z-index: 1
}
#header_ul ul li a,
#header_ul2 ul li a {
    margin-right: 20px;
    color: #848484;
    cursor: pointer;
    font-size: 15px;
    z-index: 200;
    float: right;
    text-decoration: none
}
#ihre_ware {
    transform: rotate(-7deg);
    -webkit-transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
    margin-top: -25px;
    margin-bottom: 1px;
    margin-right: 2%
}
#wilkomen {
    float: right;
    height: 55px;
    background-color: #d83f2b;
    padding-left: 20px
}
@media(max-width:736px) {
    #header_ul, #header_ul2 {
        position: absolute;
        z-index: 100
    }
    #header_ul,
    #logo2 {
        width: 100%;
        background-color: rgba(255, 255, 255, .7)
    }
    #header_ul {
        margin-top: 28px
    }
    #header_ul2 {
        width: 100%;
        margin-top: 10px
    }
    #header_ul2 ul li a {
        float: right;
        margin-right: 6px;
        text-decoration: none;
        cursor: pointer;
        font-size: 13px;
        z-index: 200
    }
    #logo2 {
        text-align: left;
        margin-top: -66px
    }
    #logo2 a img {
        margin-top: 35px;
        margin-left: 28%;
        margin-bottom: 35px;
        width: 40%;
        min-width: 170px
    }
    #wilkomen {
        height: 25px
    }
    #wilkomen p {
        font-size: 1em
    }
}
@media(max-width:500px) {
    #wilkomen {
        height: 20px;
        padding-left: 10px
    }
    #wilkomen p {
        font-size: .85em
    }
}
#ihre_ware h2 {
    font-family: ThrowMyHandsUpintheAir;
    font-size: 230%
}
.last p,
.middle_left p,
.middle_left strong,
.unternehmen_right p {
    font-family: Myriad Pro Regular
}
#nav {
    margin-top: -27px
}
#nav2 {
    margin-bottom: -35px
}
.tab {
    white-space: nowrap;
    text-decoration: none;
    color: #000;
    font-size: 13px;
    font-weight: 400
}
.home_nav_li,
.nav_li {
    width: 23.25%
}
.home_nav_li i:hover {
    color: #fff
}
#bg_video {
    border: 0;
    z-index: -1;
    width: 100%;
    margin-top: -110px
}
@media(min-width:737px) {
    #home_burger {
        visibility: hidden;
        height: 0
    }
    .mapmobile {
        padding-right: 5%;
        margin-top: -15px;
        margin-bottom: -88px
    }
}
@media(max-width:736px) {
    #ihre_ware {
        margin-right: 3%;
        font-size: 45%;
        margin-top: -32px;
        padding-bottom: 5px
    }
    #header_ul ul {
        float: right;
        width: 100%
    }
    #bg_video {
        margin-top: -28px;
        border: 0;
        z-index: -1;
        width: 100%;
        height: 100%
    }
    .mapmobile {
        margin-top: 0;
        margin-bottom: -20px
    }
}
.index_intro,
.index_tiles,
.last {
    margin-bottom: 0
}
#tile_header {
    clear: none;
    color: #000;
    font-size: 2.1vw;
    font-weight: 900
}
#tile_header h3 {
    color: #000;
    text-decoration: underline;
    text-align: right;
    margin-right: 10px
}
.arrow_box a,
.arrow_box a:hover,
.arrowbox,
.arrowbox:hover,
.first a:hover {
    text-decoration: none
}
#tl_right {
    clear: none;
    padding: 5px;
    background: #F2CF15;
    color: #d83f2b;
    font-weight: 800;
    font-size: 2vw
}
#tl_right h3 {
    color: #b82125;
    font-weight: 900
}
.first {
    padding-top: 15px
}
.first img {
    float: left
}
.middle {
    padding: 70px 10px 6%;
    min-height: 243px
}
.middle_left {
    width: 50%;
    float: left;
    margin-top: -6%
}
.middle_left h3 {
    width: 70px;
    float: right;
    border-top: 1px solid #000
}
.middle_right {
    width: 50%;
    float: right;
    margin: 0
}
.middle_left p {
    font-size: 17px;
    font-weight: 400;
    text-align: right
}
.middle_left hr {
    border-color: #000;
    width: 70px;
    float: right
}
.middle_left strong {
    color: #000;
    float: right;
    text-align: right;
    clear: right;
    font-size: 19px
}
.middle_right img {
    width: 69%;
    float: right;
    margin-right: 4%;
    margin-top: -25%;
    min-width: 270px
}
@media(max-width:736px) {
    .middle {
        padding: 0
    }
    .middle_left {
        width: 100%
    }
    .middle_left p {
        width: 100%;
        text-align: center
    }
    .middle_left hr {
        border-color: #000;
        width: 80%;
        float: none;
        margin-left: 10%
    }
    .middle_left strong {
        float: none
    }
    .middle_right {
        width: 100%;
        clear: left;
        margin: 0
    }
    .middle_right img {
        float: none;
        width: 43%;
        margin: 0;
        min-width: 0
    }
    #tl_right {
        height: 35px;
        margin-top: 250px
    }
}
.last p,
.last p:lest-child {
    text-align: justify;
    line-height: 1.6
}
.last {
    padding: 18px!important
}
.last p {
    font-size: 18px;
    padding-bottom: 25px
}
.last p:lest-child {
    font-size: 16px;
    padding-bottom: 0
}
.last i {
    color: #999
}
@media(max-width:1200px) {
    .last p {
        padding-bottom: 25px
    }
    .last p:last-child {
        padding-bottom: 0
    }
    .row {
        padding-top: 50px;
        padding-bottom: 50px
    }
}
@media(max-width:736px) {
    .last p {
        padding-bottom: 40px
    }
    #logo a img {
        height: 70px;
        width: 310px;
        margin-left: 35px;
        margin-top: 0
    }
}
@media(max-width:480px) {
    .middle {
        min-height: 243px
    }
    .last p {
        padding-bottom: 20px
    }
}
.index_tile_left {
    float: left;
    width: 48%;
    margin-left: 0;
    padding-top: 0
}
.index_tile_right {
    float: right;
    width: 47%;
    padding-top: 0
}
.index_tiles {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0
}
.index_intro {
    background-color: #c8c8c8;
    margin-top: 36px
}
.intro_button {
    text-align: right
}
.intro_button a {
    width: 45%;
    text-align: center;
    background-color: #F2CF15;
    border: 0;
    border-radius: 0;
    padding: 10px;
    font-size: 2.3vw;
    font-weight: 500;
    letter-spacing: 1px
}
@media(max-width:736px) {
    .index_tile_left, .index_tile_right {
        float: none;
        width: 100%
    }
    .index_tile_right {
        margin-top: -20%
    }
    .index_tiles {
        margin: 0;
        padding-top: 25px;
        padding-right: 13px
    }
    .intro_button {
        margin-top: -32px
    }
    .intro_button a {
        width: 100%;
        text-align: center;
        background-color: #F2CF15;
        border: 0;
        border-radius: 0;
        padding: 15px;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 1px
    }
}
@media(max-width:415px) {
    .arrow_box a {
        font-size: 9px
    }
    #tile_header h3,
    #tl_right h3 {
        font-size: 15px
    }
}
@media(max-width:480px) {
    #logo a img {
        height: 42px;
        width: 53%
    }
    #logo {
        margin-top: -6px;
        padding-top: 5px
    }
    #ihre-ware {
        font-size: 60%;
        margin-right: -8%
    }
    #header_ul ul li a {
        font-size: 80%
    }
    #index_banner img {
        position: absolute;
        top: 7.5%;
        left: 22%;
        width: 60%
    }
}
@media(min-width:1201px) {
    #nav2>ul, #nav>ul {
        padding-bottom: 30px;
        max-width: 100%
    }
    #nav>ul {
        margin: 0 0 -6px
    }
    #nav2>ul {
        margin: -21px 0 0
    }
}
.unternehmen_right {
    border: 2px solid #b82125;
    margin-left: 15%;
    margin-right: -15%;
    margin-top: 11%;
    text-align: center
}
.lebensmittel_middle h2,
.unternehmen_left,
.unternehmen_left p {
    text-align: left
}
.unternehmen_right p {
    margin: 20px;
    font-size: 16px;
    font-style: italic
}
.unternehmen_right h5 {
    padding-bottom: 25px
}
.unternehmen_right>.button {
    width: 100%;
    border-radius: 0;
    font-family: ThrowMyHandsUpintheAir;
    letter-spacing: 2px;
    font-size: 18px;
    padding: 5px;
    text-decoration: none;
    color: #fff
}
.chemie_left h2,
.internationale_left h2,
.kuhl_middle h2,
.lebensmittel_middle h2 {
    color: #b82125;
    font-size: 2.1vw;
    margin-bottom: 20px
}
@media(max-width:736px) {
    .unternehmen_right>.button {
        margin-top: 5%;
        margin-bottom: 0
    }
    .unternehmen_right {
        padding: 0!important
    }
    .uber_uns img:first-child,
    .uber_uns img:last-child {
        height: 160px
    }
}
.unternehmen_right>.button>i {
    font-size: 8px;
    float: left;
    margin-top: -4px
}
.unternehmen_right>.button>p {
    margin: 5px;
    font-family: ThrowMyHandsUpintheAir
}
#LKW h3,
#add_info h3,
#adress h3,
#angebot_p p,
#contact h3,
#produkt_details h3,
.chemie_left,
.chemie_left h2,
.internationale_left,
.internationale_left h2,
.kontakt_middle,
.kuhl_middle h2,
.lebensmittel_middle h2,
.lebensmittel_middle p,
.lebensmittel_right,
.lebensmittel_right p,
.unternehmen_left h2,
.unternehmen_left p {
    font-family: Myriad Pro Regular
}
.chemie_right{
    width: 75%;
    margin-top: 5%;
    float: right;
}
.lebensmittel_left {
    margin-top: 5%;
        width: 75%;
}
.kuhl_right{
    width: 75%;
}
.unternehmen_left h2 {
    padding-bottom: 20px
}
.uber_uns {
    padding: 20px 0
}
.uber_uns img {
    padding: 0
}
.uber_uns img:first-child {
    z-index: 1;
    width: 103%
}
.uber_uns img:last-child {
    left: 0;
    z-index: 2;
    width: 100%
}
.chemie_right img,
.internationale_right img,
.kuhl_right img,
.lebensmittel_left img {
    width: 75%;
    min-width: 320px
}
@media(min-width:737px) {
    .unternehmen_row {
        margin-left: 0;
        margin-top: -70px;
        padding: 0 6%
    }
    .kuhl_row,
    .lebensmittel_row {
        margin-left: 0;
            margin-top: -8%;
    }
    .chemie_row{
        margin-top: -8%;
    }
    .internationale_row{
        margin-top: -8%;
    }
}
.lebensmittel_right {
    border: 2px solid #c8c8c8;
    padding: 10px
}
.lebensmittel_right p {
    padding-bottom: 35px
}
.lebensmittel_right h5 {
    padding-bottom: 25px
}
.lebensmittel_left img {
    margin-left: -3.5%
}
.lebensmittel_middle {
    padding: 75px 15px;
    margin-left: -5%
}
.lebensmittel_middle p {
    text-align: justify;
        font-size: 15px;
    font-family: Myriad Pro Regular;
}
.chemie_left h2,
.kuhl_middle h2 {
    text-align: left
}
.chemie_left {
    padding: 75px 15px;
    margin-left: 7%;
    margin-right: -8%
}
.chemie_left p{
        font-size: 15px;
        font-family: Myriad Pro Regular;
}
.chemie_right {
    margin-right: -3%;
    margin-left: 5%
}
.kuhl_right img {
    margin-left: -3.5%
}
.kuhl_middle {
    padding: 75px 15px;
    margin-left: -5%
}
.kuhl_middle p {
    text-align: justify;
        font-size: 15px;
    font-family: Myriad Pro Regular;
}
.internationale_left {
    padding: 75px 15px;
    margin-left: 7%;
    margin-right: -8%
}
#pole,
#pole2 {
    padding-top: 10px
}
.internationale_left h2 {
    text-align: left
}
.internationale_left p{
        font-size: 15px;
        font-family: Myriad Pro Regular;
}
.internationale_right {
    margin-right: -3%;
    margin-left: 5%;
    margin-top: 5%;
    width: 75%;
    float: right;
}
@media(max-width:736px) {
    .chemie_right img, .kuhl_left img {
        margin-left: -3.5%
    }
    .chemie_right img,
    .kuhl_left img,
    .lebensmittel_left img {
        height: 310px;
        width: 107%
    }
    .chemie_left h2,
    .internationale_left h2,
    .kuhl_middle h2,
    .lebensmittel_middle h2 {
        font-size: 4vw
    }
    .internationale_right img,
    .kuhl_right img {
        height: 310px;
        margin-left: -3.5%;
        width: 107%
    }
}
.close {
    color: #444;
    text-align: right
}
#LKW,
#pole,
#pole2,
.modal-body,
.modal-title {
    text-align: left
}
.modal-body ul {
    float: none!important;
    width: 100%!important
}
#adress,
#pole,
#pole2 {
    float: left
}
#LKW h3,
#add_info h3,
#adress h3,
#contact h3,
#produkt_details h3 {
    text-align: left;
    width: 100%;
    padding-top: 40px;
    font-size: 28px
}
#adress {
    height: 270px;
    width: 30%;
    margin-right: 3%;
}
#adress h3,
#contact h3 {
    padding-left: 16px;
    clear: both
}
#add_info{
    margin-right: 3%;
}
#add_info,
#contact {
    height: 300px;
    width: 30%;
    float: left
}
.poles {
    margin-left: 2.5%;
    clear: right
}
#LKW h3,
#add_info h3,
#produkt_details h3,
.form_row2 {
    clear: both
}
#pole {
    margin-left: 5%
}
#pole2 {
    margin-right: 2%
}
@media(max-width:890px) {
    #pole {
        width: 50%;
        margin-left: 15%
    }
    #add_info,
    #adress,
    #contact {
        width: 100%;
        float: none
    }
}
#add_info h3 {
    padding-left: 16px
}
#LKW {
    margin-left: 60px
}
#LKW h3 {
    padding-bottom: 40px;
    margin-left: -3%
}
#angebot_p {
    float: right
}
#angebot_p p {
    text-align: justify;
    font-size: 15px
}
#angebot {
    border-bottom: 1px solid #c8c8c8
}
.poles .form_row2 {
    width: 30%;
    float: left;
    clear: none
}
.alt {
    background: url(../../images/senden.png) no-repeat!important;
    background-size: 100%;
    width: 232px;
    height: 113px;
    color: #000!important;
    top: 78%;
    left: 5%;
    border: 0
}
@media(max-width:1000px) and (min-width:850px) {
    .poles .form_row2 {
        margin-left: 40px
    }
}
@media(max-width:850px) {
    .alt, .poles .form_row2 {
        clear: both
    }
    .alt {
        display: block;
        margin-top: 131px
    }
    #angebot p {
        width: 100%
    }
}
.kontakt_middle {
    padding: 61px 15px 15px;
    margin-top: -100px;
    margin-left: 5%;
    text-align: center
}
.kontakt_middle p {
    padding-bottom: 5px
}
.arrowbox,
.arrowbox:hover {
    padding: 10px;
    margin-top: -10px;
    float: right;
    text-align: right;
    z-index: 5000
}
.kontakt_middle h2 {
    margin-bottom: 20px;
    color: #B82125
}
@media(min-width:737px) {
    .kontakt_left {
        margin-left: 7%;
        margin-top: 10%
    }
}
.arrowbox {
    width: 85%;
    clear: right;
    color: #b82125;
    font-weight: 500;
    font-size: 21px;
    font-family: Myriad Pro Bold
}
.arrowbox:hover {
    color: #fff
}
.arrow_box:hover a {
    color: #fff;
    font-weight: 600
}
.arrow_box a {
    color: #999;
    font-weight: 600
}
button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    width: 215px;
    border-radius: 0
}
@media(max-width:736px) {
    .arrowbox {
        font-size: 2.3vw;
        width: 100%
    }
    .kontakt_middle {
        padding: 0 15px 15px!important;
        margin-top: -100px;
        margin-left: 5%;
        font-family: Myriad Pro Regular;
        text-align: center
    }
}
@media(max-width:520px) {
    .arrowbox {
        font-size: 15px
    }
}
@media(max-width:400px) {
    .arrowbox {
        font-size: 13px
    }
}
@media (min-width: 737px) and (max-width: 900px) {
    #index_banner img {
        position: absolute;
        top: 130px;
        left: 24%;
        width: 55%
    }
    .arrowbox {
        padding: 10px;
        width: 100%;
        margin-top: -10px;
        float: right;
        text-align: right;
        clear: right;
        color: #b82125;
        font-weight: 500;
        font-size: 21px;
        z-index: 5000;
        text-decoration: none;
        font-family: Myriad Pro Bold
    }
}
@media (min-width: 737px) and (max-width: 790px) {
    #index_banner img {
        position: absolute;
        top: 12%;
        left: 24%;
        width: 55%
    }
}
.anfrage-stellen {
    font-size: 23px!important;
    padding: 0;
    margin: 0!important
}