
@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,700);

html {
height : 100%;
-webkit-text-size-adjust: none;
-webkit-overflow-scrolling: touch;
-webkit-box-sizing : border-box;
-moz-box-sizing : border-box;
box-sizing : border-box;
}

*, *:before, *:after {
-webkit-box-sizing : inherit;
-moz-box-sizing : inherit;
box-sizing : inherit;
}

body, div, span, object, hr, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, input, textarea, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin : 0;
padding : 0;
line-height : 150%;
font-family : 'Roboto',Arial,Helvetica Neue,Helvetica,sans-serif;
font-size : 100%;
font-weight : 300;
font-style : normal;
vertical-align : baseline;
background : transparent;
border : 0;
outline : 0;
}

:focus {
outline: 0;
}

body {
height : 100%;
}

h1 {
display : block;
padding : 0 0 4% 0;
font-family : "Arial Black", Gadget, sans-serif;
font-size : 125%;
color : #F45B08;
}

h2 {
display : block;
padding-bottom : 2%;
line-height : 125%;
font-size : 250%;
font-weight : 100;
letter-spacing : 0;
}

.h2_icon {
padding : 120px 0 3% 0;
background-size : 100px auto;
background-position : center top;
background-repeat : no-repeat;
}

h3 {
padding : 3% 0;
font-size : 250%;
font-weight : 700;
}

h4 {
display : block;
font-size : 150%;
font-weight : 400;
}

.h4_icon {
padding : 60px 0 2% 0;
background-size : 50px auto;
background-position : center top;
background-repeat : no-repeat;
}

h5 {
font-weight : 700;
}

.page {
position : relative;
width : 100%;
height : auto !important;
min-height : 100%;
padding-bottom : 500px;
}

.pagehead {
display : block;
width : 100%;
padding : 3% 5%;
color : #7D8497;
background : #000000;
overflow : hidden;
}

.pagecont {
position : relative;
display : block;
width : 100%;
}

.pagecont > div {
width : 100%;
}

.pagefoot {
display : block;
width : 100%;
position : absolute;
left : 0;
bottom : 0;
background-color : #33363D;
}

.pagefoot > div, .cont {
width : 90%;
max-width : 1280px;
margin : 0 auto;
}

.pagefoot > div {
padding-bottom : 50px;
color : #C0C0C0;
font-size : 90%;
}

.pagefoot > div:first-of-type {
padding-top : 50px;
}

.pagefoot > div:last-of-type {
padding-right : 1.25%;
padding-left : 1.25%;
font-size : 80%;
}

.pagefoot > div > div {
line-height : 175%;
font-weight : 400;
}

.pagefoot a > img {
width : 40px;
height : 40px;
margin : 0 5px;
border : none;
}

.pagefoot_m {
float : right;
}

.pagefoot_m a {
margin : 0 20px;
font-weight : 400;
}

.pagefoot_m a:last-of-type {
margin : 0 0 0 20px;
}

#navi {
z-index : 200;
}

#navi > a {
float : left;
}

#navi > a > img {
width : 300px;
height : auto;
}

#navi-icon {
display : none;
}

#navi-lang {
float : right;
}

#navi-lang ul {
list-style : none;
}

#navi-lang li {
display : block;
line-height : 32px;
padding : 0 0 0 10px;
font-weight : 400;
font-size : 80%;
letter-spacing : 0;
float : left;
}

#navi-lang li a, #navi-lang li b {
display : block;
line-height : 30px;
padding : 0 8px;
font-weight : 400;
}

#navi-lang li a {
color : #FFFFFF !important;
background-color:#FF530F;
border : 1px solid #FFFFFF;
text-decoration : none;
}

#navi-lang li a:hover {
color : #000000 !important;
background-color : #FFFFFF;
}

#navi-lang li b {
color : #A0A0A0;
border : 1px solid #A0A0A0;
}

#navi-item {
float : right;
}

#navi-item ul {
list-style : none;
}

#navi-item li {
display : block;
position : relative;
line-height : 32px;
padding : 0 30px 0 0;
font-weight : 400;
font-size : 80%;
letter-spacing : 1px;
float : left;
}

#navi-item li a, #navi-item li b {
display : block;
line-height : 30px;
padding : 0;
font-weight : 400;
border : 1px solid transparent;
}

#navi-item li a {
color : #FFFFFF;
text-decoration : none;
}

#navi-item li a:hover {
color : #FF530F;
}

#navi-item li b {
color : #A0A0A0;
}

.subn, .box_cas, .box_cas_in, .gal {
width : 100%;
overflow : hidden;
}

.subn, .box_cas, .gal {
padding : 0 0 0 1.25%;
}

.subn {
font-size : 80%;
color : #D0D0D0;
font-weight : 400;
background-position : left center;
background-size : contain;
background-repeat : no-repeat;
}

.subn a {
padding: 0 25px;
}

.subn a:first-of-type {
padding: 0;
}

.subn a:link, .subn a:visited {
display : block;
margin-left : 1px;
letter-spacing : 0.5px;
color : #000000;
text-decoration : none;
line-height : 40px;
white-space : nowrap;
text-overflow : ellipsis;
overflow : hidden;
float : left;
}

.subn a:hover, .subn a:active, .subn a:focus {
color : #000000;
background-color : #D0D0D0;
}

.subn a i {
letter-spacing : 0;
font-weight : 700;
font-style : italic;
color : #FC550C;
}

.subn a div {
display : block;
width : 40px;
height : 40px;
background-size : contain;
background-repeat : no-repeat;
background-position : center center;
background-color : #C0C0C0;
}

.subn_a {
background-color : #C0C0C0;
}

.cont {
display : block;
letter-spacing : 0.5px;
}

.cont_txt_50 {
padding : 5% 1.25% 0 1.25%;
}

.cont_txt_53 {
padding : 5% 1.25% 3% 1.25%;
}

.cont_txt_s {
font-size : 75%;
color : #808080;
letter-spacing : 0;
}

.cont_subn {
padding-top : 5px;
background-color : #E6E6E6;
border-bottom : 1px solid #C0C0C0;
}

.cont_line {
border-bottom : 1px solid #C6C6C6;
-webkit-box-shadow : 0px 50px 50px 25px rgba(0,0,0,0.03);
-moz-box-shadow : 0px 50px 50px 25px rgba(0,0,0,0.03);
box-shadow : 0px 50px 50px 25px rgba(0,0,0,0.03);
}

.c1_mirror {
transform : scaleX(-1);
}

.c1_mirror > div, .c1_mirror > li {
transform : scaleX(-1);
}

.box_fix {
display : table;
width : 98.75%;
padding-top : 10px;
padding-left : 1.25%;
}

.box_fix > div {
display : table-row;
}

.box_fix > div > div {
display : table-cell;
vertical-align : top;
}

.box_fix_01 {
width : 1%;
}

.box_fix_12 {
width : 48.875%;
}

.box_fix_14 {
width : 24%;
}

.box_fix_13, .box_fix_33 {
width : 32.25%;
}

.box_fix_23 {
width : 65.5%;
}

.box_fix_bot > div  {
padding-right : 2%;
padding-left : 2%;
line-height : 175%;
}

.box_fix_bot > div:first-of-type {
padding-right : 4%;
padding-left : 0;
}

.box_fix_bot > div:last-of-type {
padding-right : 0;
padding-left : 4%;
}

.box_cas_top li, .gal li {
margin-top : 10px;
}

.box_cas_in li:nth-child(odd) {
width : 49%;
padding-top : 50%;
margin-right : 1%;
margin-bottom : 5px;
background-size : cover !important;
background-repeat : no-repeat;
}

.box_cas_in li:nth-child(even) {
width : 50%;
padding-top : 50%;
margin-bottom : 5px;
background-size : contain !important;
background-repeat : no-repeat;
}

.box_cas_12, .box_cas_13, .box_cas_13_2, .box_cas_23, .box_cas_33, .box_cas_14, .box_cas_100, .gal li {
margin-right : 1%;
}

.box_cas_12, .gal li {
width : 48.875%;
padding-top : 48.875%;
}

.box_cas_14 {
width : 23.9375%;
padding-top : 23.9375%;
font-size : 60%;
}

.box_cas_13, .box_cas_13_2, .box_cas_23, .box_cas_33, .box_cas_100 {
padding-top : 32.25%;
}

.box_cas_13, .box_cas_33 {
width : 32.25%;
}

.box_cas_13_2, .box_cas_23 {
width : 65.5%;
}

.box_cas_100 {
width : 98.75%;
}

.box_cas > li, .box_cas_in > li, .gal > li {
display : block;
position : relative;
overflow : hidden;
float : left;
}

.box_cas > li > div, .gal > li > div {
display : block;
position : absolute;
top : 0;
width : 100%;
height : 100%;
}

.box_cas > li > div > div {
display : table;
width : 100%;
height : 100%;
}

.box_cas > li > div > div > div {
display : table-cell;
}

.box_cas > li > a > div {
position : absolute;
top : 0;
width : 100%;
height : 100%;
line-height : normal;
background-size : cover;
}

.box_cas > li > a > div > div {
position : absolute;
bottom : 0;
width : 100%;
padding : 20px;
color : #FFFFFF;
background : #000000;
}

.box_cas > li > a > div:first-of-type > div {
-ms-filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
filter : alpha(opacity=75);
-moz-opacity : 0.75;
-khtml-opacity : 0.75;
opacity : 0.75;
}

.box_cas > li > a > div > p {
position : absolute;
bottom : 0;
width : 100%;
padding : 5%;
color : #000000;
text-align : right;
}

.box_cas > li > a:hover div {
color : #FF530F;
/*
-ms-filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
filter : alpha(opacity=85);
-moz-opacity : 0.85;
-khtml-opacity : 0.85;
opacity : 0.85;
*/
}

.box_cas > li > a > div > div, .boxes > li > a > div > div > div {
font-weight : 400;
letter-spacing : 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.box_cas_txt > div > div > div {
padding : 0 5%;
}

.box_cas_txt_w > div > div > div {
color : #FFFFFF;
}

.box_cas_txt_t > div > div > div {
padding-top : 10%;
vertical-align : top;
}

.box_cas_txt_m > div > div > div {
vertical-align : middle;
}

.box_link a > div {
display : block;
padding : 30px 25px !important;
color : #FFFFFF;
text-align : left;
background-color : #F45B08;
background-position : 90% 50%;
background-size : 70px auto;
background-repeat : no-repeat;
}

.box_link a {
display : block;
text-decoration : none;
}

.box_link a:hover div {
background-color : #404040;
}

.box_link b {
display : block;
line-height : 35px;
font-size : 22px;
font-weight : bold;
letter-spacing : 3px;
}

.box_txt_01 {
padding : 4% 0 6% 0;
}

.box_txt_02 {
padding : 8% 0 8% 0;
}

.box_txt_03 {
padding : 3% 5% 5% 5%;
}

.gal > li > div > span {
display : block;
position : absolute;
left : 0;
bottom : 0;
}

.gal > li > div > span img {
width : 19%;
height : auto;
margin : 0 1% 0 0;
border : 0;
background-color : #D3CBCD;
float : left;
}

.gal > li > div > div {
padding : 0 0 0 5%;
}

.b_hide {
display : none;
width : 100%;
height : 100%;
line-height : 125%;
letter-spacing : 0;
font-size : 90%;
color : #FFFFFF !important;
text-align : left !important;
background : #000000;
/*
-ms-filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter : alpha(opacity=90);
-moz-opacity : 0.90;
-khtml-opacity : 0.90;
opacity : 0.90;
*/
}

.b_hide > b {
display : block;
padding : 0 0 1% 0;
line-height : 125%;
font-weight : 700;
}

.b_hide > span {
display : block;
font-size : 130%;
font-weight : 300;
color : #F45B08;
}

.b_hide > span b {
display : block;
padding : 5% 0 8% 0;
line-height : 100%;
font-size : 155%;
letter-spacing : -1px;
font-weight : 700;
color : #FFFFFF;
}

.b_show > i, .b_hide > i {
display : block;
position : absolute;
top : 2%;
right : 2%;
width : 30px;
line-height : 28px;
text-align : center;
font-family : "Lucida Console", "Lucida Sans Typewriter", Monaco, "Bitstream Vera Sans Mono", monospace;
font-size : 125%;
font-weight : bold;
color : #FC550C;
border : 1px solid #FFFFFF;
}

.box_bg_hellgrau {
background-color : #E2DEDF;
}

.box_bg_hellblau {
background-color : #BBC0D3;
}

.box_bg_hellgruen {
background-color : #BFD5A3;
}

.box_bg_hellbraun {
background-color : #BDAB85;
}

.box_bg_dunkelblau {
background-color : #7F8598;
}

.back_cover {
background-size : cover !important;
background-repeat : no-repeat;
}

.back_contain {
background-size : contain !important;
background-repeat : no-repeat;
}

.back_h_center {
background-position : center center;
}

.back_v_center {
background-position : top center;
}

.back_b_center {
background-position : bottom center;
}

.lnk_bo a:link, .lnk_bo a:visited, .lnk_bo a:active, .lnk_bo a:focus {
display : inline-block;
margin-top : 25px;
padding : 10px 25px 10px 20px;
color : #FFFFFF;
font-size : 90%;
font-weight : 700;
letter-spacing : 0.1px;
text-decoration : none;
background : #FF530F;
border : 1px solid #FFFFFF;
}

.lnk_bo a:hover {
color : #000000;
background-color : #FFFFFF;
}

.lnk_o a:link, .lnk_o a:visited, .lnk_o a:active, .lnk_o a:focus {
color : #D54303;
font-weight : 400;
text-decoration : none;
}

.lnk_o a:hover {
color : #000000;
}

.lnk_o i {
margin-right : 8px;
padding : 1px 2px 0 3px;
font-family : "Lucida Console", "Lucida Sans Typewriter", Monaco, "Bitstream Vera Sans Mono", monospace;
color : #FFFFFF;
background-color : #7D8497;
font-weight : bold;
}

.lnk_o a:link i, .lnk_o a:visited i, .lnk_o a:active i, .lnk_o a:focus i { 
color : #ffffff;
background-color : #F45B08;
}

.lnk_o a:hover i {
color : #FFFFFF;
background-color : #000000;
}

.lnk_w a:link, .lnk_w a:visited, .lnk_w a:active, .lnk_w a:focus {
color : #C0C0C0;
text-decoration : none;
}

.lnk_w a:hover {
color : #FFFFFF;
}

.lnk_w i {
margin-right : 8px;
padding : 1px 2px 0 3px;
font-family : "Lucida Console", "Lucida Sans Typewriter", Monaco, "Bitstream Vera Sans Mono", monospace;
color : #33363D;
background-color : #C0C0C0;
font-weight : bold;
}

.lnk_w a:link i, .lnk_w a:visited i, .lnk_w a:active i, .lnk_w a:focus i { 
color : #33363D;
background-color : #C0C0C0;
}

.lnk_w a:hover i {
background-color : #FFFFFF;
}

.lnk_head > div > a {
display : block;
width : 100%;
line-height : 175%;
}

.lnk_head > div > a:first-of-type {
margin-bottom : 10%;
}

.t_center {
text-align : center;
}

.t_bold {
font-weight : 700;
}

.row_line_b {
margin : 0 0 50px 0;
border-bottom : 1px solid #101010;
}

.row_line_w {
margin : 0 0 25px 0;
border-bottom : 1px solid #C0C0C0;
}

.p_t03 {
padding-top : 3%;
}

.p_b10 {
padding-bottom : 10%;
}

.p_t05 {
padding-top : 5%;
}

.button {
z-index : 100;
position : absolute;
bottom : 12%;
right : 5%;
width : 120px;
height : auto;
}

.liste li {
margin : 0 10% 0 3%;
}

.ei {
background-position : right top;
background-size : 150px auto;
background-repeat : no-repeat;
}

.view_x--- {
display : initial !important;
}

.view_xl-- {
display : initial !important;
}

.view_xl-s {
display : initial !important;
}

.view_xlm- {
display : initial !important;
}

.view_-lms {
display : none !important;
}

.view_--ms {
display : none !important;
}





@media only screen and (max-width : 1500px) {

body {
font-size : 95%;
}

h2 {
line-height : 120%;
font-size : 225%;
}

.pagehead {
padding : 3% 3%;
}

.b_hide {
font-size : 80%;
}

.b_hide > span b {
font-size : 150%;
}

.ei {
background-size : 125px auto;
}

}






@media only screen and (max-width : 1100px) {

body {
font-size : 90%;
}

h2 {
line-height : 110%;
font-size : 200%;
}

.page {
padding-bottom : 450px;
}

.pagehead {
padding : 4% 2%;
}

.subn a:link, .subn a:visited {
padding: 0 15px;
}

.subn a:first-of-type {
padding: 0;
}

.cont {
width : 100%;
}

.b_hide {
font-size : 75%;
}

.box_link a div {
padding : 30px 20px !important;
background-position : 95% 50%;
background-size : 60px auto;
}

.box_link b {
letter-spacing : 2px;
}

.box_txt_01 {
padding : 4% 5% 6% 5%;
}

.button {
bottom : 15%;
right : 3%;
width : 100px;
}

.ei {
background-size : 100px auto;
}

}





@media only screen and (max-width : 900px) {

body {
font-size : 80%;
}

h2 {
line-height : 125%;
font-size : 250%;
}

#navi > a > img {
width : 250px;
}

#navi-lang li {
line-height : 28px;
}

#navi-lang li a, #navi-lang li b {
line-height : 26px;
}

#navi-item li {
line-height : 28px;
padding : 0 20px 0 0;
font-size : 90%;
letter-spacing : 0.5px;
}

#navi-item li a, #navi-item li b {
line-height : 26px;
}

.subn, .box_cas, .gal {
padding : 0 0 0 1%;
}

.subn a:link, .subn a:visited {
line-height : 30px;
}

.subn a div {
width : 30px;
height : 30px;
}

.cont_txt_53 {
padding : 8% 1% 5% 1%;
}

.box_fix {
width : 98.75%;
padding-left : 1%;
}

.box_fix_12, .box_fix_13, .box_fix_23 {
width : 49%;
}

.box_fix_23 > div {
width : 98%;
}

.box_cas_12, .box_cas_13, .box_cas_13_2, .box_cas_23, .box_cas_100, .box_cas_14 {
padding-top : 49%;
}

.box_cas_12, .box_cas_13, .box_cas_13_2, .box_cas_14 {
width : 49%;
}

.box_cas_14 {
font-size : 100%;
}

.box_cas_23 {
width : 99%;
}

.b_hide {
font-size : 125%;
}

.button {
bottom : 18%;
width : 80px;
}

.ei {
background-size : 90px auto;
}

.back_center {
background-position : center top;
}

.box_headline {
font-size : 90%;
}

.view_x--- {
display : none !important;
}

.view_xl-s {
display : none !important;
}

.view_-lms {
display : initial !important;
}

}





@media only screen and (max-width : 767px) {

body {
font-size : 90%;
}

.page {
padding-bottom : 0;
}

.pagehead {
padding : 0;
height : 132px;
background : #000000;
overflow :  visible;
}

.pagecont {
padding-bottom : 2%;
}

.pagefoot {
position : static;
}

.pagefoot > div:last-of-type > div {
padding-left : 1%;
}

#navi {
display: block;
position : relative;
width : 100%;
}

#navi > a {
float : none;
}

#navi > a > img {
position : absolute;
top : 35px;
left : 50%;
margin-left : -125px;
}

#navi-icon {
display : block;
position : absolute;
top : 90px;
left : 5%;
}

#navi-icon a {
height : 32px;
line-height : 32px;
color : #FFFFFF;
letter-spacing : 2px;
text-decoration : none;
}

#navi-icon a.navi-close {
display : none;
}

#navi:target #navi-item {
display : block;
}

#navi:target #navi-icon a.navi-open {
display : none;
}

#navi:target #navi-icon a.navi-close {
display : block;
}

#navi-lang {
position : absolute;
top : 90px;
right : 5%;
float : none;
}

#navi-item {
display : none;
position : absolute;
width : 100%;
top : 132px;
background : rgb(255, 255, 255);
background : rgba(255, 255, 255, 0.95);
border-bottom : 1px solid #000000;
box-shadow: 0 20px 15px -15px #202020;
overflow : hidden;
float : none;
}

#navi-item ul {
width : 100%;
}

#navi-item li {
height : 50px;
line-height : 50px;
padding : 0;
font-size : 80%;
font-weight : 400;
float : none;
}

#navi-item li a, #navi-item li b {
display : block;
line-height : 50px;
padding : 0 5%;
text-align : left;
border-top : 1px solid #C0C0C0;
}

#navi-item li a {
color : #000000;
text-decoration : none;
}

#navi-item li a:hover {
color : #FF530F;
}

#navi-item li b {
color : #A0A0A0;
}

.cont {
display : block;
width : 100%;
}

.box_fix {
display : block;
}

.box_fix > div {
display : block;
width : 100%;
}

.box_fix > div > div {
display : block;
}

.box_fix_12, .box_fix_13, .box_fix_14, .box_fix_23, .box_fix_33  {
width : 100%;
}

.box_fix_01 {
display : 100%;
height : 10px;
}

.box_fix_bot > div, .box_fix_bot > div:first-of-type, .box_fix_bot > div:last-of-type  {
padding-right : 0;
padding-left : 0;
}

.box_cas_14 {
width : 49%;
padding-top : 49%;
}

.box_txt_01 {
padding : 8% 5% 10% 5%;
}

.box_txt_02 {
padding : 3% 5% 5% 5%;
}

.gal > li {
width : 99%;
padding-top : 0;
float : none;
}

.gal > li:first-of-type {
padding-top : 99%;
}

.gal > li > div {
position : static;
padding : 0 0 10% 0 !important;
}

.gal > li > div > span {
display : static;
position : static;
margin : 0 0 5% 0;
padding : 1% 0 1% 1%;
overflow : hidden;
}

.gal_text {
padding : 0px 5% 100px 5% !important;
}

.b_hide {
font-size : 100%;
}

.button {
bottom : 10%;
right : 5%;
width : 120px;
}

.back_vis {
padding-top : 50%;
}

.box_headline {
font-size : 80%;
}

.lnk_bo a:link, .lnk_bo a:visited, .lnk_bo a:active, .lnk_bo a:focus {
margin-top : 15px;
}

.lnk_head > div > a {
width : 80%;
margin-right : auto;
margin-left : auto;
line-height : 225%;
}

.lnk_head > div > a:first-of-type {
margin-bottom : 3%;
padding : 8% 0 0 0;
border-bottom : 1px solid #C0c0c0;
}

.lnk_head > div:first-of-type > a:first-of-type {
padding : 0;
}

.ei {
background-size : 80px auto;
}

.view_xl-- {
display : none !important;
}

.view_--ms {
display : initial !important;
}

}





@media only screen and (max-width : 640px) {

.subn {
font-size : 75%;
}

.box_cas_33 {
width : 99%;
padding-top : 99%;
}

.b_hide {
font-size : 80%;
}

.box_headline {
font-size : 70%;
}

.box_txt_03 {
padding : 8% 5% 10% 5%;
}

.lnk_bo a:link, .lnk_bo a:visited, .lnk_bo a:active, .lnk_bo a:focus {
margin-top : 25px;
}

}




@media only screen and (max-width : 480px) {

.subn, .box_cas, .gal {
padding : 0 0 0 2%;
}

.cont_txt_53 {
padding : 8% 2% 5% 2%;
}

.box_fix {
width : 98%;
padding-left : 2%;
}

.box_cas_12, .box_cas_13, .box_cas_13_2, .box_cas_23, .box_cas_33, .box_cas_14 {
width : 98%;
padding-top : 98%;
margin : 2% 2% 0 0;
}

.gal > li {
width : 98%;
padding-top : 0;
float : none;
}

.gal > li:first-of-type {
padding-top : 98%;
}

.b_hide {
font-size : 125%;
}

.box_headline {
font-size : 100%;
}

.ei {
padding-top : 50px;
}

.view_xlm- {
display : none !important;
}

.view_xl-s {
display : initial !important;
}

}