@font-face{
    font-family:"DIN Next LT W04 Light";
    src:url("/fileadmin/templates/font/Alte-DIN-1451-Mittelschrift.ttf.woff");
    font-weight: 100;
}

@font-face{
    font-family:"DIN Next LT W04 Regular";
    src:url("/fileadmin/templates/font/Alte-DIN-1451-Mittelschrift.ttf.woff");
}
@font-face{
    font-family:"DIN Next LT W04 Medium";
    src:url("/fileadmin/templates/font/Alte-DIN-1451-Mittelschrift.ttf.woff");
    font-weight: medium;
}
@font-face{
    font-family:"DIN Next LT W04 Bold";
    src:url("/fileadmin/templates/font/Alte-DIN-1451-Mittelschrift.ttf.woff");
    font-weight: bold;
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
img,legend{border:0}
legend,td,th{padding:0}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,optgroup,strong{font-weight:700}
dfn{font-style:italic}
h1{font-size:2em;margin:.67em 0}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0}
pre,textarea{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}

/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */
html{color:#222;font-size:1em;line-height:1.4}
::-moz-selection{background:#b3d4fc;text-shadow:none}
::selection{background:#b3d4fc;text-shadow:none}
hr{display:block;height:1px;border-top:1px solid #ccc;margin:1em 0}
audio,canvas,iframe,img,svg,video{vertical-align:middle}

/* Browser Upgrade Prompt */
.browserupgrade{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}

/* ==========================================================================
		Author's custom styles
		font-family:"DIN Next LT W04 Light";
		font-family:"DIN Next LT W04 Regular";
		font-family:"DIN Next LT W04 Medium";
		font-family:"DIN Next LT W04 Bold";
		grey: #93978b;
		brown: #a16317;
   ========================================================================== */

body {
	font-family:"DIN Next LT W04 Light";
	font-weight:normal;
	font-style:normal;	
	background:#fff;
	color:#222;
	box-sizing: border-box;
	padding:0;
}

/* sticky footer */
html { position:relative; min-height:100%; }
body { margin:0 0 480px 0; }
body.news_bg { background:url('../img/svg/MTS_aktuell.svg') no-repeat right 560px; background-size:35%; }

/* misc */
img, embed, object, video { max-width:100%; height:auto; width:100%; }
a { text-decoration:none; transition:color .25s ease; }
a:focus { outline:0; }
nav, ul { margin:0; padding:0; }
ul li { list-style:none; }
.centered { text-align:center; }
h1, h2, h3, h4, h5, strong, b { font-weight:normal; font-style:normal; }
span.upper { text-transform:uppercase; }
span.lower { text-transform:lowercase; }

/* layout boxes */
.pagewrap, .fullwidth { max-width:1920px; margin:0 auto; }
.fullwidth .inner { padding:0 68px; }

.contentbox { max-width:1920px; margin:0 auto; }
.contentbox .inner { padding:0 11.45833333%; }

/* fixed header */
header#top { position:fixed; top:0; z-index:100; background:#fff; width:100%; height:200px; }

header .logo { position:absolute; top:44px; left:68px; }

header .navigation ul { display: inline; }
header .navigation ul li { display:inline; }
header .navigation ul li a { color:#a16317; }
header .navigation ul li a:hover { color:#93978b; }

header .navigation nav.lang { position: absolute; top: 44px; right: 68px; }
header .navigation nav.lang ul li { font-size:1.125em; line-height:1;	color:#a16317; text-transform:uppercase; margin:0 10px 0 0; }
header .navigation nav.lang ul li:after { content: "|"; padding: 0 0 0 10px; color:#a16317; }
header .navigation nav.lang ul li:last-child { margin:0; }
header .navigation nav.lang ul li:last-child:after { content: ""; padding: 0; }
header .navigation nav.lang ul li.active a { font-family:"DIN Next LT W04 Medium"; color:#a16317; }
header .navigation nav.lang ul li.passive { font-family:"DIN Next LT W04 Light"; color:#93978b !important; }

header .navigation nav.main { position: absolute; top:125px; right:68px; text-align:right; }
header .navigation nav.main ul li { font-size:1.5em; line-height: 1.375; text-transform:lowercase; margin:0 0 0 48px; }
header .navigation nav.main ul li:first-child { margin:0; }
header .navigation nav.main ul li a:before { content: "_"; color: #fff;  }
header .navigation nav.main ul li a:hover:before { content: "_"; color: #93978b; }
header .navigation nav.main ul li a.active:before { content: "_"; color: #a16317; }
header .navigation nav.main ul li a.active { font-family:"DIN Next LT W04 Medium"; color:#a16317; }

/* main, margin = height of header */
main { margin:200px 0 0 0; }

/* home teaser imgs */
main .fullwidth_img { position:relative; max-width:1920px; height:0; padding-top:44.7916667%; /* img height 860px */ }
main .fullwidth_img.first { background:url('../img/home/lift.jpg') no-repeat 0 0; background-size:100%; padding-top:45.8333333%; /* img height 880px */ }
main .fullwidth_img.second { background:url('../img/home/meeting.jpg') no-repeat 0 0; background-size:100%; }
main .fullwidth_img.third { background:url('../img/home/tueren.jpg') no-repeat 0 0; background-size:100%; }
main .fullwidth_img.fourth { background:url('../img/home/treppenhaus.jpg') no-repeat 0 0; background-size:100%; }

main .fullwidth_img .claim { position:absolute; z-index:20; top:22%; right:68px; text-align:right; width:35%; color:#fff; }
main .fullwidth_img.first .claim { top:10%; width:50%; }

main .fullwidth_img .claim h1, main .fullwidth_img .claim h2 { font-family:"DIN Next LT W04 Bold"; text-transform:uppercase; padding:0; }
main .fullwidth_img .claim h1:before, main .fullwidth_img .claim h2:before { content: "_"; }
main .fullwidth_img .claim h1 { font-size:5.4vw; line-height:1.1538; margin:0; }
main .fullwidth_img .claim h2 { font-size:4.15vw; line-height:1.175; margin:0 0 70px 0; }
main .fullwidth_img .claim p, main .fullwidth_img .claim a { font-size:1.5em; line-height:1.25; }
main .fullwidth_img .claim p { margin: 0 0 20px 0; padding: 0 0 0 20%; }
main .fullwidth_img .claim a { color:#fff; white-space: nowrap; }

main .fullwidth_img .claim .but a { display:inline-block; border: 1px solid #fff; border-radius:5px; padding:2px 20px; }
main .fullwidth_img .claim .but a:hover { background: #fff; color: #222; }
main .fullwidth_img .claim .but a:after { content: "›"; padding: 0 0 0 5px; }

main .fullwidth_img a.jump_anchor { display:block; position:absolute; z-index:22; bottom:15%; left:calc(50% - 32px); width:32px; height: 32px; background:url('../img/svg/i_scrolldown.svg') no-repeat 0 0; }
main .fullwidth_img span#knowhow { position:absolute; top:0; margin:-199px 0 0 0; }

main .fullwidth_img a.jump_page {
	display: block;
	position: absolute;
	z-index:21;
	width: 100%;
	height: 100%;
	top: 0;
}

/* content img 720px */
main .fullwidth_img.ceheader_720 { padding-top:37.5%; }
main .fullwidth_img.ceheader_720.product { background:url('../img/header/content_tueren.jpg') no-repeat 0 0; background-size:100%; }
main .fullwidth_img.ceheader_720.science { background:url('../img/header/content_meeting.jpg') no-repeat 0 0; background-size:100%; }
main .fullwidth_img.ceheader_720.cyel { background:url('../img/header/content_treppenhaus.jpg') no-repeat 0 0; background-size:100%; }
main .fullwidth_img.ceheader_720 .claim { top:8.5%; width:90%; }

/* content img 360px */
main .fullwidth_img.ceheader_360 { padding-top:18.75%; }
main .fullwidth_img.ceheader_360.news { background:url('../img/header/header_lift.jpg') no-repeat 0 0; background-size:100%; }
main .fullwidth_img.ceheader_360.contact { background:url('../img/header/header_treppenhaus.jpg') no-repeat 0 0; background-size:100%; }
main .fullwidth_img.ceheader_360 .claim { top:8.5%; width:90%; }

/* video teaser */
main .movie_img.home {	margin:80px 0; position:relative; }
main .movie_img {	margin:160px 0 90px 0; }
main .movie_img a { opacity:1; transition:opacity .35s ease; }
main .movie_img a:hover { opacity:.9; }

/* slider container */
main .slider-container.news,
main .slider-container.product { margin:160px 0; }

/* content styles */
.contentbox h2 { font-family:"DIN Next LT W04 Light"; font-size:2.5vw; line-height:1.1666; color:#93978b; margin:70px 0; }
.contentbox h2:not(.first):before { content: "_"; }
.contentbox h3,
.contentbox h4 { font-family:"DIN Next LT W04 Medium"; font-size:1.625em; line-height:1.2307; color:#93978b; text-transform:uppercase; }
.contentbox h3 { margin:0 0 20px 0; }
.contentbox h4 { margin:70px 0 5px 0; }
.contentbox h4:after { content: '\A _'; white-space: pre;}
.contentbox h4.name:before { content: '_'; }
.contentbox h4.name:after { content:''; }
.contentbox h5 { font-family:"DIN Next LT W04 Regular"; font-size:1.125em; line-height:1.6666; margin:0 0 5px 0; }

.contentbox p { font-size:1.125em; line-height:1.6666; margin:0 0 40px 0; }
.contentbox p.lead, .contentbox .news_detail .teaser-text p { font-size:1.65vw; line-height:1.25; width:60%; margin:0 0 80px 0; }
.contentbox strong, .contentbox b { font-family:"DIN Next LT W04 Regular"; }

.contentbox a { color:#a16317; }
.contentbox a.arrow:before, .contentbox a.internal-link:before { content: "›"; padding:0 5px 0 0; }
.contentbox a.arrow_back:before { content: "‹"; padding:0 5px 0 0; }
.contentbox a.phone, .contentbox a:hover { color:#222; }

.contentbox ul { font-size:1.125em; line-height:1.6666; margin:-20px 0 40px -10px; padding-left:20px; text-indent:-10px; }
.contentbox ul li { margin:0; padding:0; }
.contentbox ul li:before { content: '_'; padding:0 1px 0 0; }

.contentbox ul.ce-menu { margin:-40px 0 40px 0; padding-left:0; text-indent:0; }
.contentbox ul.ce-menu li:before { content: '›'; padding:0 1px 0 0; color:#a16317; }

/* conference teaser */
main .conference { width:100%; max-width:1176px; margin:0 auto 40px auto; }

/* conference impressions */
.contentbox .impressions img { margin: 0 0 20px 0; }
.contentbox .impressions p.lead { width:100%; }

/* box > brown border */
.contentbox .box { border: 1px solid #a16317; border-radius: 5px;	padding: 10px; text-align: center; }
.contentbox .box h3 { margin:20px 0 30px 0; }
.contentbox .box a { color:#93978b; }

/* content in 2 cols */
.contentbox .half.wide .left { float:left; width:48.29931973%; }
.contentbox .half.wide .right { float:right; width:48.29931973%; }

.contentbox .half.tall .left { float:left; width:38.37837838%; }
.contentbox .half.tall .right { float:right; width:38.37837838%; }

.contentbox .quart .left { float:left; width:69.18918919%; }
.contentbox .quart .right { float:right; width:17.83783784%; }
.contentbox .quart .right img { margin: 80px 0 0 0; }
.contentbox .quart .right h4 { margin:40px 0 20px 0; }

/* content in 3 cols > portraits */
.contentbox .third { max-width:1328px; margin:160px 0 120px 0; }
.contentbox .third .left, .contentbox .third .center, .contentbox .third .right { float:left; width:31.32530121%; }
.contentbox .third .left, .contentbox .third .center { margin-right:3.012048193%; }
.contentbox .third img { margin:0; }

/* box > downloads */
.download_box {
	border-top: 1px solid #93978b;
	margin:70px 0;
}
.download {
	border-bottom: 1px solid #93978b;
	background: url('../img/svg/i_pdf.svg') no-repeat 0 20px;
	background-size:65px 85px;
	height: 125px;
}
.download span.title {
	font-family:"DIN Next LT W04 Medium";
	font-size:1.625em;
	line-height:1.2307;
	color:#a16317;
	text-transform:uppercase;
	padding:40px 0 0 100px;
	display: block;
}
.download span.size { padding: 0 0 20px 100px; color: #222; }

/* news listing */
.news_list .item { margin: 0 0 60px 0; }
.news_list .item .date { display: inline-block; margin:0 0 15px 0; }
.news_list .item .date:before { content: '_ \A'; white-space: pre; }
.news_list .item p { margin:0 0 20px 0; }

/* news detail */
.news_detail .date { display:block; margin:0 0 30px 0; }
.news_detail .date:before { content: '_'; }
.news_detail img { margin:70px 0 150px 0; }

/* svg graphics */
img.i_funktion { margin:50px 0 25px 0; }
img.i_asm { margin:40px 0; width:140px; }
img.i_encryption { margin:0 0 40px 0; width:81px; }
img.i_triple-a { margin:0 0 40px 0; width:57px; }
img.i_honeypot { margin:0 0 40px 0; width:75px; }
img.i_dummytraffic { margin:0 0 40px 0; width:140px; }

/* svg map */
main .location { width:100%; max-width:1176px; margin:0 auto 80px auto; text-align:center;}
main .location img { max-width:1024px; }

/* footer */
footer {
	position:absolute;
	z-index:90;
	left:0;
	bottom:0;
	height:480px;
	width:100%;
	background:url('../img/footer/cyel_desktop_footer.jpg') no-repeat left bottom;
	background-size:250px 480px;
}
footer .left, footer .right { width:50%; margin:225px 0 0 0; font-size: 1.125em; line-height:1.6666; }

footer .left { float:left; }
footer .left span {	padding:0 20px 0 0; white-space: nowrap; }

footer .right { float:right; text-align:right; }
footer .right .meta { margin:0 0 45px 0; }
footer .right ul { display: inline; }
footer .right ul li { display:inline-block; text-transform:lowercase; }
footer .right ul li a { color:#a16317; }
footer .right ul li a:hover { color:#93978b; }
footer .right ul li a.active { font-family:"DIN Next LT W04 Medium"; color:#a16317; }

footer .right .meta ul li { margin:0 0 0 20px; }
footer .right .social ul li { margin:0 0 0 10px; }

footer .right .social .linkedin, footer .right .social .twitter, footer .right .social .youtube { fill:#c7a174; }
footer .right .social .linkedin:hover, footer .right .social .twitter:hover, footer .right .social .youtube:hover { fill:#a16317; }

/* css slider defaults */
body { -webkit-animation:androidbugfix infinite 1s } /* http://timpietrusky.com/advanced-checkbox-hack */
@-webkit-keyframes androidbugfix { from {padding:0} to {padding:0} } /* http://timpietrusky.com/advanced-checkbox-hack */
#slider { display:block; overflow:hidden; }
#slider-outer { max-width:1176px; margin:0 auto; position:relative; padding:0; }
#slider-outer .slide-check { position:absolute; left:-9999px }

/* custom styles for sliding content */
#slider .slides > div > div { margin:0; padding:20px 150px; text-align:center; }
#slider .slides > div:focus { outline: 0; }
#slider .slides span.date { font-size:.9375em; }
#slider .slides h3 { margin:35px 0 40px 0; padding:0; }
#slider .slides a { display: block; color: #222; }

#slider-outer .arrows {
	position:absolute;
	display: none;
	z-index:50; 
	top:calc(50% - 39px);
	background: url('../img/svg/i_slide_fwd.svg') no-repeat 0 0;
	cursor:pointer;
	width:40px;
	height:78px;
}
#slider-outer label { display:block; }

/* checked buttons/arrows - (% increment per slide) - move slides when checked */
#slider-outer #btn-1:checked ~ #slider .slides > div,
#slider #btn-goto-first:checked ~ #slider .slides > div { -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0) }
#slider-outer #btn-2:checked ~ #slider .slides > div { -webkit-transform:translate(-100%,0); -ms-transform:translate(-100%,0); transform:translate(-100%,0) }
#slider-outer #btn-3:checked ~ #slider .slides > div { -webkit-transform:translate(-200%,0); -ms-transform:translate(-200%,0); transform:translate(-200%,0) }
#slider-outer #btn-4:checked ~ #slider .slides > div { -webkit-transform:translate(-300%,0); -ms-transform:translate(-300%,0); transform:translate(-300%,0) }
#slider-outer #btn-5:checked ~ #slider .slides > div { -webkit-transform:translate(-400%,0); -ms-transform:translate(-400%,0); transform:translate(-400%,0) }
#slider-outer #btn-6:checked ~ #slider .slides > div { -webkit-transform:translate(-500%,0); -ms-transform:translate(-500%,0); transform:translate(-500%,0) }
#slider-outer #btn-7:checked ~ #slider .slides > div,
#slider #btn-goto-last:checked ~ #slider .slides > div { -webkit-transform:translate(-600%,0); -ms-transform:translate(-600%,0); transform:translate(-600%,0) }

/* slider on startpage > news */
main .slider-container.news .slides { width:300% } /* (slides x 100) */
main .slider-container.news .slides > div {
	width:33.3333%; /* (100 / slides) */
	display:table-cell;
	overflow:hidden;
	position:relative; 
	-webkit-transform:translate3d(0,0,0); /* http://davidwalsh.name/translate3d */
	-webkit-transition:-webkit-transform .5s ease-in-out;
	transition:transform .5s ease-in-out;
}
/* news: ids of checked buttons/arrows */
main .slider-container.news #btn-goto-first:checked ~ #arrow-1, 
main .slider-container.news #btn-1:checked ~ #arrow-2, 
main .slider-container.news #btn-2:checked ~ #arrow-3,
main .slider-container.news #btn-3:checked ~ #arrow-1 { /* last button always goes to #arrow-1 */
	right:0; display:block;
}
/* news: ids of checked buttons/arrows - reposition/rotate '>' arrows to fake '<' arrows */
main .slider-container.news #btn-2:checked ~ #arrow-1, 
main .slider-container.news #btn-3:checked ~ #arrow-2, 
main .slider-container.news #btn-1:checked ~ #arrow-3 { /* #btn-1 always goes to last arrow */
	left:0; display:block; -webkit-transform:scale(-1,1); -ms-transform:scale(-1,1); transform:scale(-1,1);
}

/* slider on product page */
main .slider-container.product .slides { width:700% } /* (slides x 100) */
main .slider-container.product .slides > div {
	width:14.2857%; /* (100 / slides) */
	display:table-cell;
	overflow:hidden;
	position:relative; 
	-webkit-transform:translate3d(0,0,0); /* http://davidwalsh.name/translate3d */
	-webkit-transition:-webkit-transform .5s ease-in-out;
	transition:transform .5s ease-in-out;
}
/* product: ids of checked buttons/arrows */
main .slider-container.product #btn-goto-first:checked ~ #arrow-1, 
main .slider-container.product #btn-1:checked ~ #arrow-2, 
main .slider-container.product #btn-2:checked ~ #arrow-3,
main .slider-container.product #btn-3:checked ~ #arrow-4, 
main .slider-container.product #btn-4:checked ~ #arrow-5, 
main .slider-container.product #btn-5:checked ~ #arrow-6,
main .slider-container.product #btn-6:checked ~ #arrow-7, 
main .slider-container.product #btn-7:checked ~ #arrow-1 { /* last button always goes to #arrow-1 */
	right:0; display:block;
}
/* product: ids of checked buttons/arrows - reposition/rotate '>' arrows to fake '<' arrows */
main .slider-container.product #btn-2:checked ~ #arrow-1, 
main .slider-container.product #btn-3:checked ~ #arrow-2,
main .slider-container.product #btn-4:checked ~ #arrow-3, 
main .slider-container.product #btn-5:checked ~ #arrow-4, 
main .slider-container.product #btn-6:checked ~ #arrow-5, 
main .slider-container.product #btn-7:checked ~ #arrow-6, 
main .slider-container.product #btn-1:checked ~ #arrow-7 { /* #btn-1 always goes to last arrow */
	left:0; display:block; -webkit-transform:scale(-1,1); -ms-transform:scale(-1,1); transform:scale(-1,1);
}

/* css accordion */
.accordion { position:relative; margin-bottom:10px; width:100%; overflow:hidden; }
.accordion input { position:absolute; opacity:0; z-index:-1; }
.accordion label { position:relative; display:block; padding:40px 60px 40px 20px; font-family:"DIN Next LT W04 Medium"; font-size:1.125em; text-transform:uppercase;
	color:#fff; background:#828a7c; line-height:1.2; cursor:pointer; }
.accordion .tab-content { max-height:0; overflow:hidden; background:#e0e2da; transition:max-height .35s; }
.accordion .tab-content p { margin:20px; }
.accordion input:checked ~ .tab-content { max-height:100em; }
.accordion label::after { position:absolute; right:20px; top:42px; display:block; width:32px; height:17px; }
.accordion input[type=checkbox] + label::after { content:url(../img/svg/i_aufklappen.svg); }
.accordion input[type=checkbox]:checked + label::after { content:url(../img/svg/i_zuklappen.svg); }

/* Helper classes */
.hidden{display:none!important}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
.invisible{visibility:hidden}
.clearfix:after,.clearfix:before{content:" ";display:table}
.clearfix:after{clear:both}

/* ==========================================================================
   Media Queries for Responsive Design.
   ========================================================================== */

/* max 1420px */
@media only screen and (max-width : 1419px) {

	header .navigation nav.main { top:130px; }
	header .navigation nav.main ul li { font-size:1.25em; margin:0 0 0 32px; }
	header .navigation nav.lang ul li { font-size:1.0625em; }

	main .fullwidth_img .claim p, main .fullwidth_img .claim a { font-size:1.25em; }
	main .fullwidth_img .claim p { padding:0; }
	main .fullwidth_img .claim h2 { margin:0 0 50px 0; }
	
}

/* max 1180px */
@media only screen and (max-width : 1179px) {

	header .navigation nav.main { top:133px; }
	header .navigation nav.main ul li { font-size:1.125em; margin:0 0 0 18px; }
	header .navigation nav.lang ul li { font-size:.9375em; }
	
	main .fullwidth_img .claim { top:15%; width:40%; }
	main .fullwidth_img .claim h2 { margin:0 0 30px 0; }
	
	.contentbox h2 { font-size:2em; margin:50px 0; }
	.contentbox p.lead, .contentbox .news_detail .teaser-text p { font-size:1.25em; margin: 0 0 30px 0; }

}

/* max 1024px */
@media only screen and (max-width : 1023px) {

	.fullwidth .inner, .contentbox .inner { padding:0 30px; }

	header .logo { left:30px; }
	header .navigation nav.lang, header .navigation nav.main { right:30px; }
	main .fullwidth_img .claim { right:30px; }
	
	main .fullwidth_img .claim h2 { margin:0 0 20px 0; }
	.contentbox p.lead, .contentbox .news_detail .teaser-text p { width: 100%; }

}

/* 768 - 959px (tablet portrait) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

	header#top { position:absolute; }
	header .navigation nav.main { top:108px; }
	header .navigation nav.main li:nth-child(3):after { content:"\A"; white-space:pre; }
	
	main .fullwidth_img .claim { top:12%; width:50%; }

	#slider-outer .arrows { top:calc(50% - 20px); width:20px; height:39px; }	
	#slider .slides > div > div { padding:0 30px; }	

}

/* max 768px (mobile) */
@media only screen and (max-width : 767px) {

	header#top { position:absolute; }
	header .logo { top:22px; left: 20px; }	
	header .logo img { width: 80%; height: 80%; }
	
	header .navigation nav.main ul li { font-size:1em; margin:0 0 0 10px; }
	header .navigation nav.main li:nth-child(3):after { content:"\A"; white-space:pre; }
	
	header .navigation nav.lang, header .navigation nav.main { right:20px; }
	header .navigation nav.lang ul li { font-size:.8125em; margin:0 8px 0 0; }
	header .navigation nav.lang ul li:after { padding: 0 0 0 8px; }
	
	main .fullwidth_img .claim, main .fullwidth_img.first .claim { right:20px; width:95%; }
	
	main .fullwidth_img a.jump_anchor, main .fullwidth_img .claim p { display: none; }
	main .fullwidth_img .claim a { font-size:1em; }	
	
	main .movie_img, main .slider-container.news, main .slider-container.product { margin:40px 0; }

	#slider-outer .arrows { top:calc(50% - 20px); width:20px; height:39px; }		
	#slider .slides > div > div { padding:0 30px; }
	
	.contentbox .half.wide .left, .contentbox .half.wide .right,
	.contentbox .half.tall .left, .contentbox .half.tall .right,
	.contentbox .quart .left, .contentbox .quart .right,
	.contentbox .third .left, .contentbox .third .center, .contentbox .third .right { float:none; width:100%; margin: 0 0 40px 0; }
	
	.contentbox p.lead, .contentbox .news_detail .teaser-text p { width:100%; }
	
	/* sticky footer */
	html { min-height:auto; }
	body { margin:0; }
	footer { position:static; }
	footer .left, footer .right { font-size: 1em;	}
	footer .left { padding:70px 0 0 0; text-align: right; }
	footer .left span { display: block; padding:0 0 0 5px;	}
	footer .left span.plz, footer .left span.loc { display: inline; }
	footer .right, footer .social { padding:60px 0 0 0; }
	footer .left, footer .right { float:none; width: 100%; margin: 0; }

}

/* ==========================================================================
   Print styles.
   ========================================================================== */

@media print {
	blockquote,img,pre,tr{page-break-inside:avoid}
	*,:after,:before,:first-letter,:first-line{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}
	a,a:visited{text-decoration:underline}
	a[href]:after{content:" (" attr(href) ")"}
	abbr[title]:after{content:" (" attr(title) ")"}
	a[href^="#"]:after,a[href^="javascript:"]:after{content:""}
	blockquote,pre{border:1px solid #999}
	thead{display:table-header-group}
	img{max-width:100%!important}
	h2,h3,p{orphans:3;widows:3}
	h2,h3{page-break-after:avoid}
}