@media only screen and (max-width: 960px) and (min-width: 481px) and (orientation: portrait) {

	body.is-tablet {
		font-size: 15px;
	}

	.is-tablet header nav {
		margin-top: 0 !important;
		/*overflow: hidden;
		padding-left: 1px;*/
		background-color: #FFF;
	}

	.is-tablet header nav ul {
		background: none;
	}

	/*
	.test-preview .prev-wrapper {
		left: 20px;
	}
	
	.test-preview .next-wrapper {
		right: 20px;
	}

	.test-preview header nav li {
		clear: both;
		display:block;
		margin-bottom: 10px;
		text-align: center;
	}

	.test-preview header nav a {
		font-size: 1.5em;
		padding-left: 12px;
	}

	.test-preview header nav ul ul {
		border: 0 none;
		display: none;
		left: 440px;
		top: 0;
		vertical-align: top;
	}

	.test-preview header nav li,
	.test-preview header .languages li {
		line-height: 31px;
	}

	.test-preview header .logo td,
	.test-preview header .navigation,
	.test-preview header .languages {
		padding-left: 20px;
		padding-right: 20px;
	}
	*/

	.is-tablet header nav a {
		font-size: 1.1em;
	}

	.is-tablet .opened nav ul ul,
	.is-tablet .root-active nav ul ul {
		border-top: 0 none;
	}

	.is-tablet header nav .rex-current ul {
		display: block;
	}

	.is-tablet header.opened .logo {
		border-bottom: 1px solid #C7C7C7;
	}

	.is-tablet header .logo {
		height: 80px;
		width: 100%;
	}

	.is-tablet header .logo div {
		background-color: #FFF;
		z-index: 30;
		position: relative;
	}

	.is-tablet header .toggle-navigation {
		display: block;
		right: 0;
		top: -1px;
	}

	.is-tablet header .toggle-navigation button {
		height: 80px;
		padding-top: 6px;
		width: 80px;
	}
	
	.is-tablet header .toggle-navigation button span {
		margin-bottom: 6px;
		margin-left: 15px;
	}

	.is-tablet header .languages {
		top: auto;
		bottom: 15px;
		left: 10px;
		right: auto;
		clear: both;
	}

	.is-tablet header .navigation:before {
		display: none;
	}

	.is-tablet header .navigation,
	.is-tablet header .languages {
		-webkit-transition: 0.4s linear;  
		-moz-transition: 0.4s linear;  
		-o-transition: 0.4s linear;  
		transition: 0.4s linear;
	}

	.is-tablet header.level-1,
	.is-tablet header.level-2,
	.is-tablet header.level-3,
	.is-tablet header.has-level-2,
	.is-tablet header.has-level-3 {
		overflow: hidden;
		height: 80px;
	}

	.is-tablet header .navigation {
		width: 100%;
	}

	.is-tablet header nav a:before {
		top: -14px;
	}

	.is-tablet header nav a {
		padding-left: 8px;
	}

	.is-tablet header .languages {
		visibility: hidden;
		display: none;
	}

	.is-tablet header.opened .languages {
		visibility: visible;
		display: block;
	}

	.is-tablet header .languages a span {
		display: inline;
	}

	.is-tablet header .logo img {
		display: none;
	}

	.is-tablet header .logo img.mobile {
		display: block;
	}

	.is-tablet header .logo img {
		width: 230px;
	}

	.is-tablet .teaser .topic h3 {
		font-size: 1.3em;
	}

	.is-tablet .slideshow h1,
	.is-tablet .slideshow h2 {
		font-size: 3em;
	}
	
	.is-tablet .search-form input {
		font-size: 2.5em;
	}

	.is-tablet div.timeline_element {
		width: 375px !important;
	}

	.is-tablet div.timeline div.column_left div.timeline_element {
		margin-right: 87px;
	}

	.is-tablet div.timeline_element.blog_post div.content {
		width: 312px;
	}

	.is-tablet div.timeline div.column_right div.timeline_element {
		margin-left: 87px;
	}

	.is-tablet div.timeline_element:before {
		width: 73px;
	}

	.is-tablet div.timeline div.column_right div.timeline_element:before {
		left: -80px;
	}

	.is-tablet div.timeline div.column_left div.timeline_element:before {
		right: -80px;
	}
}

@media only screen and (max-width: 960px) and (min-width: 930px) {
	.container {
		overflow: hidden;
	}
}

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

	.linklist-v2 li {
		display: block;
	}

	.breadcrumb + .linklist-v2 {
		margin-top: 0;
	}

	html.is-mobile {
		overflow: hidden;
		overflow-y: scroll;
	}

	body {
		font-size: 15px;
	}

	.container {
		width: 480px;
		margin: 0 auto;
		min-width: 0;
	}

	header .logo img {
		display: none;
	}

	header .logo img.mobile {
		display: block;
	}

	header .logo img {
		width: 230px;
	}

	h1,
	h2 {
		font-size: 2.8em;
	}

	header {
		/* height: auto !important; */
		border-bottom: 1px solid #C7C7C7;
		overflow: hidden;
		padding: 0;
	}

	header.grid-max-width {
		width: 480px;
	}

	header .logo {
		height: 80px;
		width: 100%;
	}

	header.opened .logo {
		border-bottom: 1px solid #C7C7C7;
	}

	header .logo td,
	header .navigation,
	header .languages {
		padding-left: 20px;
		padding-right: 20px;
	}

	header .navigation {
		width: 440px;
		border: 0 none;
		padding-top: 45px;
	}

	header .navigation:before {
		display: none;
	}

	header .navigation a {
		top: 0;
	}

	header nav {
		margin-top: 0 !important;
		overflow: hidden;
		padding-left: 1px;
	}

	header nav ul {
		left: 0;
		-webkit-transition: 0.4s linear;  
		-moz-transition: 0.4s linear;  
		-o-transition: 0.4s linear;  
		transition: 0.4s linear;
	}

	header nav.start-level-2 > ul {
		left: -440px;
	}

	header nav.start-level-3 > ul {
		left: -880px;
	}

	header nav ul {
		width: 440px;
		background: none;
	}

	header nav li,
	header .languages li {
		line-height: 31px;
	}

	header nav li {
		clear: both;
		display: block;
		text-align: center;
		margin-bottom: 10px;
	}

	header nav a {
		font-size: 1.5em;
		padding-left: 12px;
	}

	header .languages li {
		font-family:'ClanWebPro-Medium';
		font-size: 1.3em;
	}

	header .languages a {
		padding-left: 0;
		font-family:'ClanWebPro-Medium';
	}

	header .languages ul {
		text-align: center;
	}

	header nav a:before {
		top: -7px;
	}

	header nav ul ul {
		display: none;
		vertical-align: top;
		left: 440px;
		top: 0;
		border: 0 none;
	}

	header nav ul .rex-active ul {
		display: inline-block;
		visibility: visible;
	}

	header nav .rex-current ul {
		display: block;
	}

	/*
	header nav ul .rex-active ul ul {
		display: none;
	}
	*/
	.opened nav ul ul,
	.root-active nav ul ul {
		border-top: 0 none;
	}

	header .languages {
		position: relative;
		clear: both;
		top: 0;
		right: 0;
		padding-bottom: 17px;
	}

	header .languages a span {
		display: inline;
	}

	header.level-2,
	header.level-3,
	header.has-level-2,
	header.has-level-3 {
		height: 80px;
		overflow: hidden;
	}

	header .navigation,
	header .languages {
		-webkit-transition: 0.4s linear;  
		-moz-transition: 0.4s linear;  
		-o-transition: 0.4s linear;  
		transition: 0.4s linear;
	}

	header.opened .navigation,
	header.opened .languages {

	}

	header .toggle-navigation {
		display: block;
		right: 20px;
		top: -1px;
		right: 0;
	}
	header .toggle-navigation button {
		height: 80px;
		width: 80px;
		padding-top: 6px;
	}
	header .toggle-navigation button span {
		margin-bottom: 6px;
		margin-left: 15px;
	}

	header .toggle-navigation button:hover {
		border-color: #003366;
	}

	header .toggle-navigation button:hover span {
		background-color: #003366;
	}

	.navigation-mobile {
		display: block;
		padding-bottom: 15px;
		position: absolute;
		width: 40px;
		height: 40px;
		top: 0;
		z-index: 40;
		top: 50%;
		margin-top:-;
	}

	.navigation-mobile a {
		padding-left: 0;
		float: left;
		display: block;
		position: relative;
		background-color: #FFF;
	}

	.navigation-mobile a.prev {
		top: 6px;
		left: 6px;
	}

	.navigation-mobile a.next {
		float: right;
		top: 6px;
		right: 6px;
		/* visibility: hidden; */
	}

	.prev-wrapper {
		left: 20px;
	}

	.next-wrapper {
		right: 20px;
	}

	.navigation-mobile a:before {
		content: "";
		display: none;
	}

	.header {
		border-bottom: 0 none;
	}

	.content,
	.has-slideshow .content {
	}

	.border-bottom,
	.has-slideshow .border-bottom {
		border: 0 none;
	}

	.text-block-intro p {
		font-size: 1.05em;
	}

	.text-block h1,
	.text-block h2 {
		margin-bottom: 1.2em;
	}

	.slideshow h1,
	.slideshow h2 {
		font-size: 3em;
	}

	.slideshow h4 {
		left: 20px;
		font-size: 1.1em;
	}

	.slideshow .next-section {
		display: none;
	}

	.slideshow .text-box td {
		padding-left: 50px;
		padding-right: 50px;
	}

	.slideshow .arrow a,
	.navigation-mobile a {
		width: 32px;
		height: 32px;
	}

	.slideshow .pagination {
		left: 20px;
	}

	footer {
		width: 400px;
	}

	footer .sitemap nav li.element-1,
	footer .sitemap nav li.element-3 {
		width: 200px;
	}

	footer .sitemap nav li {
		margin-bottom: 50px;
	}

	footer .sitemap nav li li {
		margin-bottom: 0;
	}

	footer nav ul > li.element-5 {
		padding-top: 0;
	}

	footer .sitemap nav li.element-3 {
		margin-left: 0;
	}

	aside,
	.columns aside.column {
		display: none;
	}

	.sidebar-article.module aside.column,
	.sidebar-article.module aside {
		display: block;
	}

	.grid-max-width {
		width: 440px;
	}

	.teaser-list .teaser-wrapper,
	.text-columns .columns,
	.image-columns .columns,
	.team .columns,
	.topical-series .columns {
		width: auto;
		left: 0;
	}

	.columns .column {
		width: auto;
		margin: 0;
		display: block;
		margin-bottom: 40px;
	}

	.footer .grid-max-width {
		width: 100%;
	}

	.footer .columns .column-3 {
		width: 272px;
		margin: 0 auto;
	}

	.image-seperator .column:before {
		display: none;
	}

	.teaser-list .teaser {
		display: block;
		width: auto;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 47px;
	}

	.teaser .image {
		width: auto;
		height: 300px;
	}

	.teaser .topic {
		padding-top: 92px;
	}

	.teaser-download-list .white-box {
		margin: 0 20px;
		width: auto;
		padding: 20px 0;
	}

	.teaser-download-list .image {
		width: 360px;
	}

	.teaser-download-list .image > img {
		width: 100%;
	}

	.teaser-download-list .teaser .description {
		width: 360px;
	}

	.teaser-list-simple .teaser .topic {
		width: 400px;
		top: 20px;
		padding-top: 92px;
		height: 168px;
	}

	.slideshow {
		height: 508px !important;
		overflow: hidden;
	}

	.slideshow .text-box {
		width: 480px;
		margin: 0;
		top: 0;
	}

	.slideshow-element {
		visibility: hidden;
	}

	.slideshow-topics {
		height: auto !important; /* 675px */
		padding-bottom: 60px;
	}

	.slideshow-topics h1,
	.slideshow-topics h2 {
		font-size: 2em;
	}

	.slideshow-topics p {
		font-size: 1.2em;
	}

	.slideshow-topics .slideshow-element {
		visibility: visible;
	}

	.slideshow-topics .text-box table {
		top: 53px;
	}

	.timeline .timeline {
		width: 440px !important;
	}

	div.timeline_element:before {
		width: 153px;
	}

	div.timeline div.column_left div.timeline_element {
		margin-right: 167px;
	}

	div.timeline div.column_left div.timeline_element:before {
		right: -157px;
	}

	.columns .related-contents.column-2 {
		width: 440px;
	}

	.related-content-list .teaser .description {
		width: 200px;
	}

	.image-seperator .left {
		text-align: center;
	}

	.download-list .description {
		width: 386px;
	}

	.search-form .search {
		width: 340px;
	}

	.search-form {
		width: auto;
	}

	.teaser-list .teaser-wrapper {
		margin-bottom: 50px;
	}

	div.timeline_element {
		width: 440px !important;
	}

	div.timeline_element.blog_post div.content {
		width: 360px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.windows header nav a:before {
		top: -1px;
	}

	.ie header nav a:before {
		line-height: 50px;
	}

	.yform {
		width: 440px;
	}

	.yform input[type="text"],
	.yform input[type="email"],
	.yform textarea {
		width: 370px;
		font-size: 1em;
		-webkit-appearance: none;
		border-radius: 0;
	}
	
	.yform input[type="checkbox"] {

	}

	.yform span.equals {
		display: block;
		text-align: center;
	}

	.yform span.as-label {
		width: 438px;
		text-align: center;
	}

	.yform input.captcha {
		width: 408px;
	}

	.yform label.captcha {
		white-space: normal;
	}

	footer .sitemap nav li.rex-normal,
	footer .sitemap nav li.rex-current,
	footer .sitemap nav li.rex-active {
		display: block;
		width: 100%;
	}

	.sidebar-article .image-columns .columns {
		width: auto;
	}

	.search-form input {
		font-size: 1.7em;
	}

	.article-authors .columns,
	.article-authors .columns + .columns {
		width: 100%;
		margin: 0;
		margin-bottom: 25px;
	}

	.article-authors .columns aside.column {
		display: block;
	}

	.article-authors .related-content-list {
		padding: 0;
	}

	.text-floating-image .image-column,
	.text-floating-image.image-right .image-column {
		margin: 0 auto;
		width: 100%;
		float: none;
		margin-bottom: 21px;
	}

	.text-floating-image .image-column .inner,
	.text-floating-image.image-right .image-column .inner {
		padding: 0;
	}

	.text-floating-image .text .list-letters {
		padding-left: 28px;
	}

	.text-floating-image .text .list-letters > li:before {
		left: -28px;
	}
}