body {font-family: 'PT Sans', sans-serif; padding:0;margin:5px; hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; background:#ffffff }
.body { padding:140px 0 0 0;margin:0 }
.body_home { margin: 0; padding: 0}

p,div,td,th,br,span { margin:0; color:#000000; font-size:18px }
td,th, img { border:none}
h1 { margin:0 0 30px 0; color:#000000; font-size:36px; font-weight:normal }
h2 { margin:0 0 30px 0; color:#000000; font-size:24px; font-weight:bold }
h3 { margin:0 0 20px 0; color:#000000; font-size:20px; font-weight:bold }
h4 { margin:0; color:#000000; font-size:18px; font-weight:bold }
ul, ol { color:#000000; font-size:18px; margin-top:10px; margin-bottom:10px }
ul li { color:#000000; font-size:18px; margin:0 0 5px -10px }
ol li { color:#000000; font-size:18px; margin:0 0 5px -19px }
form { margin:0; padding:0; color:#000000 }
input { padding:0; color:#000000 }
textarea, input, select { font-family: 'PT Sans', sans-serif !important }
table { border-collapse:collapse; table-layout:fixed }
a:link, a:visited, a:active { font-size:18px; font-weight:normal; color:#e4007d; text-decoration:none }
a:hover { text-decoration:underline }

.clear { clear: both }
.cleft { clear:left }
.cright { clear:right }
.cboth { clear:both }
.vtbottom { vertical-align:text-bottom }
.vmiddle { vertical-align:middle }
.fleft { float:left }
.fright { float:right }

.header { width: 100%; height: 120px;  position: fixed;background:#ffffff; z-index: 7999; top: 0; left: 0; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: cubic-bezier( 0.215, 0.610, 0.355, 1.000 ); transition-timing-function: cubic-bezier( 0.215, 0.610, 0.355, 1.000 ); -webkit-transition-property: -webkit-transform; transition-property: transform }
.header--hidden { -webkit-transform: translateY( -100% ); -ms-transform: translateY( -100% ); transform: translateY( -100% ) }

.header_content { width: calc(1280px - 2%); height: 100%; margin: auto; position: relative; top: 0 }
.logo_top { border: none; height: auto; height: 100px; position: absolute; top: 10px; left: 10px }
.mob_nav {border:none; height: 38px; width: auto; position:absolute;top:30px; right:250px; cursor: pointer; z-index: 9998 !important}
.tools_div { position: absolute; top: 30px; right: 10px; text-align:right; z-index: 9997 !important }
.tools_div img { margin:0 0 0 5px; border:none; height:38px; width: auto }
.deu, .fra { float:left; margin:25px 5px 0 0 }
.deu a, .fra a { font-family: 'PT Sans', sans-serif;font-size: 22px !important }

#mnavi {display:none; position:absolute; right: -26px; top:120px; width:350px; padding: 20px 0 0 0; height:auto; background:#000000; opacity:0.9; -moz-opacity:0.9; filter:alpha(opacity=90); box-shadow: 0px 10px 15px -3px #000000 }
#mnavi a:link, #mnavi a:visited, #mnavi a:active {padding:4px 5% 4px 5%;display:block;position:relative;width:90%;height:auto;text-decoration:none;font-weight:normal;color:#ffffff;font-size:18px;text-align:left}
#mnavi a:hover {text-decoration:underline}
#mnavi .mnavi_tit {padding:8px 5% 8px 5%;display:block;position:relative;width:90%;height:auto;background:none;text-decoration:none;font-family: 'PT Sans', sans-serif;font-weight:bold !important;font-size:28px !important;text-align:left}

.printlogo { display: none }
#mob_face { display:none }

#all {width:100%;height:auto;padding:0;margin:-40px 0 0 0; overflow: hidden}

#container {position:relative; display:block;top:0;bottom:0;left:0;width:100%;padding:0 0 0 0;margin:0; overflow: hidden }
.content_div {width:100%;max-height:100%;height:100%;padding:0;margin:0 auto; background:#ffffff; position: relative; }
.content_p { width: calc(1280px - 4%); background:none;overflow:visible; padding:50px 2% 50px; margin:0 auto}
.content_p h1 {padding:0; }
.content_p h2 {padding:0; }
.content_p h3 {padding:0; }
.content_p p {padding:0;color:#000000;font-size:18px;font-weight:normal;}
.content_p p img, .content_p h1 img, .content_p h2 img, .content_p h3 img {max-width: 50%; height: auto}
.content_p p iframe { max-width:100%; margin:0; padding:0 }
.content_p li {color:#000000;font-size:18px;font-weight:normal; margin-left:25px; list-style: url(/images/listsquare.gif); vertical-align: middle}
.lang {color:#fff !important;font-size:12px;font-weight:normal;float:right;margin-right:40px}
.content_p a:link, .content_p a:visited, .content_p a:active {text-decoration:none;font-size:18px;font-weight:normal;color:#e4007d}
.content_p a:hover {text-decoration:underline}
.content_p table { margin:0; max-width:100%; min-width:50% }
.content_p td h1 { padding:0 0 15px 0 !important }
.content_p td p { padding:5px 8px 0 0 !important; word-wrap: break-word }
.content_p td img { max-width:100%; height:auto }
.content_p .icon { width:35px !important; max-width:100%; border:none !important; float:left !important; margin-right:5px }
.content_sep { border-top:1px solid #ccc; margin:30px 0 }
.content_half, .content_half { width:50%; float:left }
.content_half img { max-width: 50%; height: auto }
.content_half img { max-width: 100% !important; height: auto }
.box0 { padding-right:3%; width: 47%}
.content_imgleft { float:right; margin:0 0 20px 50px !important }
.content_spanimgleft { width: 35%; max-width: 300px; height: auto; float: right; margin:0 0 20px 20px }
.content_imgright { float:left; margin:0 50px 20px 0 }
.content_spanimgright { width: 35%; max-width: 300px; height: auto; float: left; margin:0 20px 20px 0 }
.content_txtpopuplink {text-decoration:none;font-size:16px;font-weight:normal;color:#ebebeb !important; cursor:pointer}
.content_txtpopuplink:hover {text-decoration:underline}

.video { width: 100%; height: 622px; overflow: hidden; text-align:center; background: #000000; display: block }
.video img { width: 1280px }

.home_infobanner { width: 100%; height: auto; display: block; position: relative; background:#ffffff; padding:0; }
.home_infobanner div:not(.home_prod) { width: 1000px; margin: auto; display: block; position: relative; padding:50px 0 50px 0 }
.home_infobanner h1 { font-size:36px; font-family: 'PT Sans', sans-serif; color: #000000 }
.home_infobanner h2 { font-size: 24px; font-weight: bold; color: #000000}
.home_infobanner h3 { font-size: 20px; font-weight: bold; color: #000000; margin: 0}
.home_infobanner p { font-size: 18px; color: #000000; }
.home_infobanner li { font-size: 18px; color: #000000;  margin-left:20px; list-style: url(/images/listsquare.gif); vertical-align: middle }
.home_infobanner img { max-width: 100% }
.home_infobanner .content_imgleft { max-width: 45%; height: auto; margin-left: 5%}
.home_infobanner .content_imgright { max-width: 45%; height: auto; margin-right: 5%}

.home_prod { display: block; position: relative; float: left; width: auto; max-width: 29.3%; min-width: 29.3%; height: auto; margin: 0 1% 2% 1%; background: #e1e1e1; padding: 1% }
.home_prod img {width: 100%; max-width: 100%; height: auto}

.top_img { background: #fff4e0; width: 100%; height: 110px; overflow: hidden; display: block }
.home_tit { width:calc(1280px - 2%); margin:auto; padding: 40px 0 0 2% }
.home_tit h1 { font-size: 42px }

.redlink { font-size: 18px !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color:#ffffff !important; 	border: 1px solid #000000;background: #000000 !important; padding: 5px 15px 8px 15px; display: inline-block; text-align: center; }
.redlink:hover { background: none !important; text-decoration: none !important; color: #000000 !important}
.content_img33 {max-width: 32.3% !important; width: 32.3% !important; height: auto; margin-right: 1%}
.content_img100 {max-width: 98.9% !important; width: 98.9% !important; height: auto}

.mobsep { display:none }
.mob_news { display: none}

.pdflink { background:url(/images/pdf.gif) no-repeat left; padding-left:25px }
.doclink { background:url(/images/word.png) no-repeat left; padding-left:25px }
.xlslink { background:url(/images/excel.png) no-repeat left; padding-left:25px }
.pptlink { background:url(/images/powerpoint.png) no-repeat left; padding-left:25px }

.main_div {width:auto; margin:0; float:none; background:#a5a5a5; padding:36px}
.main_div h2 {font-size:20px; margin:0; padding:0; line-height:28px; color: #ffffff}
.main_linkimg {cursor:pointer; border:none}
.main_spanimg { float:right; margin:0 0 5px 5%; text-align:right }
.main_spanimg img { margin-bottom:5px; width: 100%; max-width: 400px }

.maps_div {width:auto; margin:0; float:none; position:relative}
.maps_div img { box-shadow:none; margin:0}
.google_map { width:100%; max-width:100%;height:600px;border:solid 1px #fff }
.maps_flag { max-width:100%; height:auto }
.maps_flag img { max-width:100%;width:150px;height:auto;margin-top:10px }
.maps_flag a { margin:5px 0 0 0;display:block }

.fbwall { margin:0 50px 0 50px !important }
.fb_like { clear:both !important; margin:20px 0 20px 50px }
.fb_like span { float:none !important; margin:0 !important }


#searchpage { position:absolute; top:0; left:0; width:100%; height:100%; }
#searchpagebg { position:absolute; top:0; left:0; width:100%; height:100%; z-index:9900; background:#003594; opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80); }
.searchfield, .searchresults { position:relative; display:block; z-index:9910; margin:10% 15%; width:25%; height:auto; max-height:80%; padding-right:20px; overflow:auto }
.searchfield h1 { font-size:30px; color:#CCC; font-weight:bold }
.searchfield input { width:300px; max-width:100%; height:26px; padding:5px; margin-bottom:8px; font-size:16px; font-weight:normal; color:#003594; background:#fff; border:none }
.searchfield a { color:#CCC; font-size:16px; font-weight:normal; margin:0 30px 10px 0; text-decoration:none; display:block; float:left }
.searchfield a:hover { text-decoration:underline }
.searchresults h1 { color:#fff; font-size:30px; font-weight:bold }
.searchresults p { color:#ccc; font-size:14px; font-weight:normal }
.searchresults a { color:#fff; font-size:14px; font-weight:normal; text-decoration:none }
.searchresults a:hover { text-decoration:underline }
.searchresults b { color:#fff; font-size:14px; font-weight:bold }
.searchclearleft { margin:0 !important; width:100% !important }
.BShighlight { background:#FFF468; padding:2px; color:#000 }

#footer { position:relative; height:auto; min-height:120px; width:100%; background:#000000; z-index:100; clear: both  }
#footer .ft1 { width:49%; margin-left:1%; display:block; float:left; z-index:100 }
#footer .ft1 p, #footer .ft1 td, #footer .ft1 span { color:#ffffff !important; font-size:16px }
#footer .ft1 a, #footer .ft1 span a { color:#ffffff; font-size:16px }
#footer .ft1 h1 { color:#ffffff; font-size:22px; font-weight:bold }
#footer .ft1 h2 { color:#ffffff; font-size:20px; font-weight:bold }
#footer .ft1 h3 { color:#ffffff; font-size:18px; font-weight:bold }

#footer .ft2 { width:49%; margin-right:1%; display:block; float:left; z-index:100 }
#footer .ft2 p, #footer .ft2 td, #footer .ft2 span { color:#ffffff !important; font-size:16px }
#footer .ft2 a, #footer .ft2 span a { color:#ffffff; font-size:16px }
#footer .ft2 h1 { color:#ffffff; font-size:22px; font-weight:bold }
#footer .ft2 h2 { color:#ffffff; font-size:20px; font-weight:bold }
#footer .ft2 h3 { color:#ffffff; font-size:18px; font-weight:bold }
#footer .ft2 td img { max-width: 100%; height: auto}
.footer_fnc_field { width:100%; max-width:250px; height:40px; font-size:18px; color:#bf0303; background-color:#fff; border:none; margin:4px 0 4px 0; padding:0 4px 0 4px; vertical-align: middle; text-align: center}
.footer_button {  width:100%; max-width:250px; height:40px; font-size:18px !important; padding:8px 4px 0 4px; text-align: center; background: #bf0303; color: #fff !important; text-decoration: none; display: block}
.footer_button:hover {  background: #555; text-decoration: none}

.pwd { position:relative; width:100%; background:none; padding:8px 0 8px 0; z-index:100 }
.pwd p { margin-right:20px; color:#000; font-size:12px; text-align:right !important }
.pwd a:link, .pwd a:visited, .pwd a:active { font-size:12px; color:#000; text-decoration:none }
.pwd a:hover {text-decoration:underline}

.cookieinfo { background: #000000 !important; font-family: 'Verdana', sans-serif !important; height: auto !important}
.cookieinfo span { width: 100% !important; float: none !important; padding-bottom: 60px !important; font-size: 16px !important; color: #ffffff !important }
.cookieinfo span a { color: #da0013 !important; text-decoration: none !important; font-size: 16px !important}
.cookieinfo span a:hover { text-decoration: underline !important}
.cookieinfo-close { float:none !important; width: 200px !important; margin: auto !important; position: absolute !important; left: calc(50% - 100px); bottom: 20px; color: #ffffff !important; background: #da0013 !important; font-size: 16px !important }
.cookieinfo-close:hover { text-decoration: underline !important }

/*Form*/
.form_b { color:#bf0303; margin:0 0 15px 0 !important; display:block }

.form_tableft_s { float:left; color:#ffffff; height:28px; width:30%; margin-bottom:5px }
.form_tabright_s { float:left; color:#ffffff; height:28px; width:70%; margin-bottom:5px }

.form_tableft_m { float:left; color:#ffffff; height:28px; width:30%; margin-bottom:5px }
.form_tabright_m { float:left; color:#ffffff; height:28px; width:70%; margin-bottom:5px }

.form_tableft_l { float:left; color:#ffffff; height:84px; width:30%; margin-bottom:5px }
.form_tabright_l { float:left; color:#ffffff; height:84px; width:70%; margin-bottom:5px }

.form_field_xs { width:35%; margin-right: 2%; font-size:16px; padding:2px; background-color:#fff; border:1px solid #fff; float: left }
.form_field_s { width:calc(100% - 4px); font-size:16px; padding:2px; background-color:#fff; border:1px solid #fff }
.form_field_l { width:calc(100% - 4px); height:70px; font-size:16px; padding:2px; background-color:#fff; border:1px solid #fff;  }

.select_s { width:calc(25% - 4px); font-size:16px; padding:2px; background-color:#fff; border:1px solid #fff }
.select_m { width:calc(50% - 14px); margin: 0 5px; font-size:16px; padding:2px; background-color:#fff; border:1px solid #fff }

.has-js .label_radio { background:url(/images/radio-off.png) no-repeat; background-size:15px; background-position:0 2px; padding-left:22px; cursor:pointer; margin-right:10px; color:#ffffff }
.has-js label.r_on { background:url(/images/radio-on.png) no-repeat; background-size:15px; background-position:0 2px }
.has-js .label_radio input { position: absolute; left: -9999px; }

.form_button { background:#fff; font-size:17px; font-weight:normal; color:#000000; border:none; margin:4px 10px 4px 0; padding:8px; text-align:center; cursor:pointer; letter-spacing:1px }
.form_button:hover { color:#fff }

.sendbtn { float:right; margin-top:-20px }

.form_tableft_sp { display:none }
.form_tabright_sp { display:none }

#form_obligl { background-color:#F2E400; color:#000 }
#form_obligr { background-color:#F2E400; color:#000 }


/*tinybox*/
#tinybox {position:absolute; display:none; padding:10px; background:#fff url(/images/preload.gif) no-repeat 50% 50%; border:5px solid #e3e3e3; z-index:2000}
#tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500}
#tinycontent {background:#fff}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(/images/fancybox_sprite.png); }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 44px; height: 44px; background: url(/images/fancybox_loading.gif) center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(/images/blank.gif); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }
/* Overlay helper */
.fancybox-lock { overflow: hidden !important; width: auto; }
.fancybox-lock body { overflow: hidden !important; }
.fancybox-lock-test { overflow-y: hidden !important; }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url(/images/fancybox_overlay.png); }
.fancybox-overlay h1, .fancybox-overlay h2, .fancybox-overlay h3, .fancybox-overlay h4, .fancybox-overlay h5, .fancybox-overlay h6, .fancybox-overlay p, .fancybox-overlay li, .fancybox-overlay td, .fancybox-overlay a { color:#ffffff }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }
/* Title helper */
.fancybox-title { visibility: hidden; font-weight: normal !important; font-size: 16px; color:#ffffff !important; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: normal !important; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }
/*thumbs helper*/
#fancybox-thumbs { position: fixed; left: 0; width: 100%; overflow: hidden; z-index: 8050; }
#fancybox-thumbs.bottom { bottom: 2px; }
#fancybox-thumbs.top { top: 2px; }
#fancybox-thumbs ul { position: relative; list-style: none; margin:0 !important; padding:0 !important; }
#fancybox-thumbs ul li { float: left; padding: 1px;	opacity: 0.5; margin:0 !important }
#fancybox-thumbs ul li.active { opacity: 0.75; padding: 0; border: 1px solid #fff; }
#fancybox-thumbs ul li:hover { opacity: 1; }
#fancybox-thumbs ul li a { display: block; position: relative; overflow: hidden; border: 1px solid #222; background: #111; outline: none; }
#fancybox-thumbs ul li img { display: block; position: relative; border: 0; padding: 0; max-width: none; }
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(/images/fancybox_sprite@2x.png); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ }
#fancybox-loading div { background-image: url(/images/fancybox_loading@2x.gif); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ }
}


@media (max-width:1280px) {

#all {width:100%; height:auto;}
#container{padding-top: 0}

.header_content { width: 100%}
.logo_top { left: 4% }
.tools_div { right: 4% }


.content_p { width: 92%; padding:40px 4% 0 4%;}
.content_p li, .home_infobanner li { margin-left:0;  }
.home_tit { width: 92%; padding:40px 4% 0 4%}
.home_infobanner { padding:0 3% 0 3%; width: 94% }
.home_infobanner div:not(.home_prod) { width: 100%; margin: auto; display: block; position: relative; padding:30px 0 50px 0 }
.video { 
 max-height: 500px;
	height:auto;
	padding: 0; margin: 0
    }
.video img {
width: 100%; height: auto; padding: 0; margin: 0 0 -5px 0
	}

}


@media (max-width:1050px) {

.content_p h1 {font-size:32px }
.home_tit h1 { font-size:32px;}
.top_img { height:100px}
	.home_infobanner h1 { font-size:32px; }

.home_infobanner img { max-width: 47%; height: auto; margin-left: 3%}
.home_prod img { max-width: 100%; height: auto; margin: 0}
.content_img33 {margin-left: 0 !important}

.media_wrapper { width: 48%; margin: 0 2% 30px 0; }

#footer .ft1 { width:96%; float:none; margin:0 2% 0 2% }
#footer .ft2 { width:96% !important; float:none; margin:0 2% 0 2% }



}

@media (max-width:970px) {

.logo_home { width: 100%; height: 12%; min-height: 12%;  }
.pic_home { width: 100%; height: 38%; min-height: 38%;  }
.pic_home a { font-size: 36px; font-weight: bold; color: #ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 15px 25px; display: inline-block; text-align: center }
	.link_norm2 { display: none}
	.link_mob { display: flex}
	
#container { padding: 0}
.content_p { padding:30px 4% 50px 4%;}

.video img {
width: 110%; margin: 0 0 -5px -5%
	}


}


@media (max-width:767px) {

.pic_home a { font-size: 28px; font-weight: bold; color: #ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 10px 20px; display: inline-block; text-align: center }

.header--hidden { -webkit-transform: translateY( -100% ); -ms-transform: translateY( -100% ); transform: translateY( -100% ) }
.header--hidden .logo_top {display: none}

.mob_nav {top:60px; right:5%}
.tools_div { top: 10px; right: 5% }
.tools_div img { height:32px }
#mnavi {left:0; top:120px; width:100%;  }
#mnavi a:link, #mnavi a:visited, #mnavi a:active {text-align:right}
#mnavi .mnavi_tit {text-align:right}
	
/*.tools_mob { display:none}*/
.coord { font-size: 18px; line-height: 20px }
#container {width:100%; height:auto; margin:0; z-index:1; left:0; top:0; bottom:0; right:0; position:relative}
.short { display: none}
.content_div {width:100%; height:auto !important; margin:auto}
.content_p {padding:30px 20px 50px 20px !important; width: calc(100% - 40px)}
.content_p h1 { margin-bottom:20px; font-size:28px; }
.content_p h2 { margin-bottom:10px; font-size:22px}
.content_p h3 { margin-bottom:0; font-size:20px}
.content_p h4 { margin-bottom:0}
.content_p p { margin: 0}
.content_p td h2, .content_p td h3 { padding: 0}
.content_p ul {}
.content_p li h1, .content_p li h2, .content_p li h3 { }
.content_p li li { }
.content_p p img, .content_p h1 img, .content_p h2 img, .content_p h3 img, .content_p td img, .content_imgleft, .content_imgright {width:100%; max-width:100%; height:auto; margin: 0 auto 25px auto!important; position: relative; display: block; float: none}
.content_p table { margin:0; width: auto; max-width: 100% }
.content_sep { margin:30px 0 }
.content_half, .content_half { width:100% }
.content_half img, .content_half img {width:100% !important; max-width:100% !important; height:auto}

.home_prod { max-width: 44%; height: auto; margin: 0 1% 2% 1%; background: #e1e1e1; padding: 2% }
.home_prod h3 { font-size: 18px !important }

.home_tit { padding: 30px 20px 0 20px; width: calc(100% - 40px)  }
.home_tit h1 { font-size:28px }

.video img {
width: 120%; margin: 0 0 -5px -10%
	}
.top_img { height:80px}

.home_infobanner img { max-width: 100% !important; width: 100% !important; height: auto !important; margin:0}

.mob_hide { display: none !important}
.mob_view { display: none !important}
.mob_news { display: block}
	
.content_img33 {max-width: 100% !important; width: 100% !important; height: auto}

.searchfield, .searchresults { margin:20% 7%; width:85% }


.lang {margin:0 10px 20px 80px}
.fbwall { margin:auto !important; width:95% !important }
.fb_like { clear:both !important; margin:20px 0 20px 20px }

#footer form a { display:block; float:none }

.main_div {max-width:92%; width:92%; margin:0 auto 0 auto !important; float:none; position:relative; display:block;padding:4%}
.main_div h1 {margin:0; padding:0}

.maps_div {margin:0}

.form_tableft_s, .form_tableft_l, .form_tableft_m { float:none; display:block; font-size:17px; color:#ffffff; margin:0 0 5px 0; padding:0; height:auto !important; width:90% !important; background:none !important }
.form_tabright_s { float:none; display:block; color:#ffffff; background:none; margin:-2px 0 -10px 0; height:35px; width:100% }
.form_tabright_m { float:none; display:block; color:#ffffff; background:none; margin:-2px 0 -10px 0; height:80px; width:100% }
.form_tabright_l { float:none; display:block; color:#ffffff; background:none; margin:-2px 0 -10px 0; height:80px; width:100% }

.form_field_s { padding:5px 2px 5px 2px; width:98% }
.form_field_l { padding:5px 2px 5px 2px; width:98% }

.form_button { margin:4px 4px 4px 0 }
.sendbtn { float:none !important; margin-top:20px }

.flex-control-paging { display: none}
}


@media (max-width:560px) {

.logo_top { height: auto; max-width: 50%; }
.content_p h1 { font-size:26px; }
.content_p p img, .content_p td img {width:100%; max-width:100%; }
.redlink { padding: 8px; margin-top: 30px; max-width: 100%; width: calc(100% - 16px) }

.video img {
width: 130%; margin: 0 0 -5px -15%
	}
.top_img { height:75px}

.home_tit h1 { font-size:26px }
.home_infobanner h1 { font-size:26px; }
.home_infobanner h2 { font-size:22px; }
.home_infobanner h3 { font-size:20px; }
.home_prod h3 { font-size: 16px !important }
	
.media_wrapper { width: 100%; max-width: 100%; margin: 0 0 20px 0}
.kurs_textcase { width:100% !important; max-width:100% !important }
.breaker { display: none}

.media_img2 {width: 100%; float:none; margin-left: 0}

	#footer { margin-top: -10px}
#footer .ft1 { width:100% !important; margin:0 }
#footer .ft2 { width:100% !important; margin:0 }
#footer table, #footer thead, #footer tbody, #footer th, #footer td, #footer tr { display: block; width:98% !important; margin:10px auto 10px auto }
#footer td, #footer th { position: relative; float:left; text-align:left !important; padding:5px }
}


@media (max-width:450px) {
.logo_top { top:15px }
.top_left { left: -50px }
}

@media (max-width:400px) {
.logo_top { top:20px }

.deu { margin:10px 5px 0 0 }
.fra { margin:10px 0 0 0 }
.top_left { left: -80px }

}

@media (max-width:375px) {
.logo_top { top:25px }

}