@charset "UTF-8";

/*
 @author       Julian Rademacher <julian@fiveandfriends.com>, 2020 – 2021
 @copyright    fiveandfriends GmbH, 2020 – 2021
 @version      2021-09-28
 */

@media all {
	/* ######################## INTRANET LOGIN MENÜ ######################### */
	div#mainmenu ul.bdlintern {
		width: 13%;
		padding: 0;
		position: absolute;
		right: 0;
	}

	div#mainmenu ul.bdlintern li {
		border-right: none;
		width: 100%;
	}

	div#mainmenu ul.bdlintern li a {
		color: #FFFFFF;
	}

	div#mainmenu ul.bdlintern ul.sub li {
		width: auto;
	}

	div#mainmenu ul.bdlintern li ul li a {
		background: none;
		border-top-right-radius: 0;
		-moz-border-radius-topright: 0;
		-webkit-border-top-right-radius: 0;
	}

	/* Responisve Menu */
	@media all and (max-width: 767px) {
		div#headmenu.open div#mainmenu ul.bdlintern {
			width: 100%;
			position: relative;
		}

		div#headmenu.open div#mainmenu ul.bdlintern {
			border-bottom: 5px solid #1C4F9C;
		}
	}


	/* ############################## SUBMENÜ ############################### */
	div#submenu {
		background-color: #1C4F9C;
		display: block;
		min-height: 10px;
		width: 100%;
		z-index: 1;
	}

	div#submenu ul {
		background-color: #1C4F9C;
		list-style: none;
		height: 34px;
	}

	div#submenu ul li {
		background-image: none;
		float: left;
		margin: 0;
		padding: 0;
	}

	div#submenu ul li a {
		color: #FFFFFF;
		display: block;
		padding: 5px 10px;
	}

	div#submenu ul li a.nav_active {
		font-weight: 400;
	}


	/* ############################# THIRDMENÜ ############################## */
	div#thirdmenu ul {
		list-style: none;
		margin: 0 0 20px;
	}

	div#thirdmenu ul li {
		margin: 0 10px 10px;
	}

	div#thirdmenu ul li a {
		display: block;
		padding: 5px 10px;
	}


	/* ############################## PAGEIMG ############################### */
	div.pageimg {
		float: left;
		line-height: 0;
		margin: 0;
		padding: 0;
		position: relative;
		width: 100%;
		height: auto;
		max-height: 400px;
		z-index: 1;
	}
	div.pageimg.flash { margin: 0 0 50px; }

	div.pageimg img {
		margin: 0 10px;
		padding: 0;
		width: 1280px;
		z-index: 1;
	}

	#animation {
		position: absolute;
		top: 0;
		width: 100%;
		height: auto;
	}

	li.ani {
		background-image: none;
		line-height: 30px;
		width: 600px;
	}

	#flashheader {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 0;
		display: none;
	}


	/* ############################### HEADER ############################### */
	#header {
		border-top: 1px solid #ffffff;
		border-bottom: 1px solid #1C4F9C;
	}

	#header .default .csc-textpic-imagewrap {
		display: block;
	}


	/* ############################### CHARTS ############################### */
	.chart {
		width: 100%;
		min-width: 690px;
		height: 400px;
		margin: 0 auto;
	}

	#container_column_leasing_investitionen,
	#container_column_leasing_investitionen_en {
		height: 450px;
	}

	.chartFooter {
		font-size: 10px;
		color: #000;
		margin: 5px 0;
		padding: 0;
	}


	/* ############################## CONTENT ############################### */
	#content {
		float: left;
		margin: 50px 4% 0 5%;
		padding: 0;
		width: 66%;
	}

	#content.content-no-marging {
		margin: 50px 0 0 0;
		width: 75%;

	}

	#content.content-no-marging div.default {
		max-width: 100%;
	}

	#content .csc-textpic-image img {
		border: none !important;
		width: 100% !important;
		height: auto !important;
	}

	.teaser-plugin {
		height: 150px;
		margin: 0 0 20px;
		overflow: hidden;
	}

	#content .column {
		margin: 0 0 20px;
		padding: 0;
	}

	table p {
		margin: 0;
		padding: 0;
	}

	table.ausschuss {
		border-collapse: separate;
		border-spacing: 0;
		padding: 0;
	}

	table.ausschuss table.ausschuss {
		padding: 0;
	}

	table.ausschuss thead {
		font-size: 13px;
		font-weight: bold;
	}

	table.ausschuss td {
		margin: 0;
		padding: 0 20px 0 0;
	}

	table.ausschuss img {
		width: 150px !important;
	}

	table.ausschuss p {
		margin: 0;
	}


	/* ########################### RECHTE SPALTE ############################ */

	/* ############################### FOOTER ############################### */
	span#lang,
	span#lang span {
		display: inline-block;
		font-size: 0;
		line-height: 0;
		letter-spacing: 0;
		position: relative;
		margin: 0;
		padding: 0;
	}

	span#lang span a {
		background-color: #fff;
		cursor: pointer;
		display: inline-block;
		margin: 15px 0 0;
		width: 26px;
		height: 21px;
	}

	span#lang span.de a {
		background-image: url(/sys/img/icons/lang/de.png);
	}

	span#lang span.en a {
		background-image: url(/sys/img/icons/lang/en.png);
	}


	/* ################### BESTELLFORMULAR PUBLIKATIONEN #################### */
	#publikationsbestellung {

	}

	#publikationsbestellung .tx-powermail-legend-main {
		display: none;
	}

	/* #######################  PUBLIKATIONEN TABBAR ######################## */
	#publikationsbestellung .powermail_multiplejs_tabs {
		background-color: #F5F5F5;
		display: inline-block;
		width: 100%;
	}

	#publikationsbestellung .powermail_multiplejs_tabs_item {
		float: left;
		width: 33%;
	}

	#publikationsbestellung .powermail_multiplejs_tabs_item a {
		display: block;
		padding: 5px 10px;
		text-align: center;
	}


	/* #######################  PUBLIKATIONEN AUSWAHL ####################### */
	#powermaildiv_uid28 {
		height: auto;
		margin: 0 0 15px;
	}

	.tx-powermail-pi1_fieldset_1publikationsauswahl .tx_powermail_pi1_fieldwrap_html_check {
		background-color: #F5F5F5;
		border: 1px solid #C2C2C2;
		height: auto;
		margin: 10px 0 0;
		padding: 8px 10px;
	}
	.tx-powermail-pi1_fieldset_1publikationsauswahl .tx_powermail_pi1_fieldwrap_html_check.opend {
		border-bottom: none;
	}
	.tx-powermail-pi1_fieldset_1publikationsauswahl .tx_powermail_pi1_fieldwrap_html_check fieldset { display: block; position: relative; z-index: 1; }
	.tx-powermail-pi1_fieldset_1publikationsauswahl .tx_powermail_pi1_fieldwrap_html_check legend {
		float: right;
		font-weight: bold;
		position: relative;
		width: 645px;
		z-index: 0;
	}
	.tx-powermail-pi1_fieldset_1publikationsauswahl .tx_powermail_pi1_fieldwrap_html_check legend a {
		line-height: 0;
		margin: 0 0 0 5px;
		position: absolute;
		right: 0;
		text-decoration: none;
		top: 0;
		z-index: 0;
	}
	.tx-powermail-pi1_fieldset_1publikationsauswahl .tx_powermail_pi1_fieldwrap_html_check legend a img {
		height: 12px;
		vertical-align: top;
	}
	.tx-powermail-pi1_fieldset_1publikationsauswahl .tx_powermail_pi1_fieldwrap_html_check legend a dfn {
		background-color: #F5F5F5;
		border: 1px solid #C2C2C2;
		display: none;
		font-weight: normal;
		line-height: 16px;
		padding: 5px;
		position: absolute;
		width: 250px;
		z-index: 100000;
	}
	.tx-powermail-pi1_fieldset_1publikationsauswahl .tx_powermail_pi1_fieldwrap_html_check input {
		border: none;
		margin: 0 0 1px;
		padding: 0;
		vertical-align: bottom;
		width: auto;
	}
	.tx-powermail-pi1_fieldset_1publikationsauswahl .tx_powermail_pi1_fieldwrap_html_check .powermail_check_inner { position: absolute; top: 0; left: 0; width: 15px; line-height: 14px; }
	.tx-powermail-pi1_fieldset_1publikationsauswahl .tx_powermail_pi1_fieldwrap_html_check .powermail_check_inner label { display: none; }

	.tx-powermail-pi1_fieldset_1publikationsauswahl .tx_powermail_pi1_fieldwrap_html_text {
		background-color: #F5F5F5;
		border-left: 1px solid #C2C2C2;
		border-right: 1px solid #C2C2C2;
		border-bottom: 1px solid #C2C2C2;
		display: none;
		height: 28px;
		padding: 0 10px;
		position: relative;
	}
	.tx-powermail-pi1_fieldset_1publikationsauswahl .tx_powermail_pi1_fieldwrap_html_text label {
		padding: 2px 0 0;
		width: 668px;
	}
	.tx-powermail-pi1_fieldset_1publikationsauswahl .tx_powermail_pi1_fieldwrap_html_text label a {
		color: #444444;
		margin: 0 0 0 50px;
		text-decoration: none;
		cursor: default;
	}
	.tx-powermail-pi1_fieldset_1publikationsauswahl .tx_powermail_pi1_fieldwrap_html_text label a img { display: none; }
	.tx-powermail-pi1_fieldset_1publikationsauswahl .tx_powermail_pi1_fieldwrap_html_text input {
		padding: 2px 2px 2px 3px;
		position: absolute;
		top: 0px;
		left: 120px;
		width: 35px;
	}


	/* #################  PUBLIKATIONEN FREIWILLIGEANGABEN ################## */
	.tx-powermail-pi1_fieldset_2freiwilligeangaben .tx_powermail_pi1_fieldwrap_html {
		height: auto;
		margin: 0 0 15px;
	}

	.tx-powermail-pi1_fieldset_2freiwilligeangaben .tx_powermail_pi1_fieldwrap_html_radio, .tx-powermail-pi1_fieldset_2freiwilligeangaben .tx_powermail_pi1_fieldwrap_html_check {
		background-color: #F5F5F5;
		border: 1px solid #C2C2C2;
		float: left;
		height: auto;
		margin-bottom: 20px;
		width: 333px;
	}
	#powermaildiv_uid30, #powermaildiv_uid31, #powermaildiv_uid34, #powermaildiv_uid36 { margin-right: 20px; }
	#powermaildiv_uid36 { margin-bottom: 0px; }

	.tx-powermail-pi1_fieldset_2freiwilligeangaben input {
		border: none;
		float: left;
		margin-top: 7px;
		padding: 0;
		width: auto;
	}

	.tx-powermail-pi1_fieldset_2freiwilligeangaben fieldset {
		margin: 10px;
	}

	.tx-powermail-pi1_fieldset_2freiwilligeangaben fieldset legend {
		border-bottom: 1px solid #C2C2C2;
		color: #1C4F9C;
		display: block;
		font-weight: bold;
	}

	.tx-powermail-pi1_fieldset_2freiwilligeangaben fieldset div {
		height: 23px;
	}

	.tx-powermail-pi1_fieldset_2freiwilligeangaben fieldset label {
		margin-top: 6px;
		margin-left: 5px;
		width: auto;
	}
	#powermaildiv_uid51 { clear: both; padding: 15px 0 0; }


	/* ###################### ANMELDUNG JUBILÄUMSFEIER ###################### */
	#anmeldung_jubilaeum label, #anmeldung_jubilaeum input {
		display: inline-block;
	}

	#anmeldung_jubilaeum label {
		width: 180px;
	}

	#anmeldung_jubilaeum input.submit {
		margin: 0 0 0 200px;
	}

	#powermaildiv_uid201 {
		padding: 10px 0 15px;
	}

	#powermaildiv_uid201 legend {
		float: left;
		width: 180px;
	}

	#powermaildiv_uid201 .powermail_check_inner {
		float: right;
		position: relative;
		width: 510px;
	}

	#powermaildiv_uid201 .powermail_check_inner input {
		border: none;
		width: auto;
		padding: 0;
		margin: 0;
		position: absolute;
		left: 0;
		top: 1px;
	}

	#powermaildiv_uid201 .powermail_check_inner label {
		margin: 0 0 0 20px;
	}


	/* ############################## GLOSSAR ############################### */
	#glossar_liste {
		float: left;
		width: 200px;
	}

	#glossar_liste .scroll {
		height: 250px;
		outline: none;
	}

	#glossar_liste a {
		background-image: url("/fileadmin/template/img/icon_list_blau.gif");
		background-position: 0 8px;
		background-repeat: no-repeat;
		display: block;
		padding: 3px 0 3px 10px;
	}

	#glossar_info {
		float: right;
		width: 470px;
	}


	/* ############################### TEASER ############################### */
	div.tx-kiwiteaser-pi1 {
		display: table;
		margin: 0 0 20px;
	}

	div.teaser {
		background: -moz-linear-gradient(top, #FFFFFF, #DEE5EF);
		background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#DEE5EF));
		background: linear-gradient(top, #FFFFFF, #DEE5EF);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFFFFF, endColorstr=#DEE5EF);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFFFFF', endColorstr='#DEE5EF')";
		background-color: #DEE5EF;
		zoom: 1;
		border: 1px solid #C2C2C2;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		display: inline;
		float: left;
		margin: 0 10px 20px;
		width: 228px;
	}

	div.teaser h3 {
		border-bottom: 1px solid #1C4F9B;
		margin: 0 5px 5px;
		padding: 4px 0 3px;
	}

	div.teaser h3 a {
		display: block;
	}

	div.teaser img {
		height: 115px;
		margin: 0 4px 1px;
		width: 220px;
	}


	/* ########################### BDL AUFLISTUNG ########################### */
	#content .ce-bodytext ol {
		margin-left: 15px;
	}

	#content .ce-bodytext ul {
		list-style: none;
	}


	/* ##################### BDL LEASINGNEWS AUFLISTUNG ##################### */
	ul.bdlLeasingnewsAuswahl li.bdlLeasingnewsJahr {
		border-left: 1px solid #CCCCCC;
		border-right: 1px solid #CCCCCC;
		border-bottom: 1px solid #CCCCCC;
		margin: 0 20px 20px;
		padding: 10px;
	}

	#content li.bdlLeasingnewsJahr ul.bdlLeasingnewsAusgaben {
		margin: 0;
	}

	ul.bdlLeasingnewsAusgaben li.bdlLeasingnewsAusgabe {
		display: inline-block;
		margin: 0 0 15px;
	}

	li.bdlLeasingnewsAusgabe h3 { margin: 0 0 5px; }
	li.bdlLeasingnewsAusgabe div {
		color: #999999;
		font-size: 11px;
	}


	/* ############## BDL LEASINGNEWS AUFLISTUNG RECHTE SPALTE ############## */
	#right ul.bdlLeasingnewsAuswahl li.bdlLeasingnewsJahr {
		border: 1px solid #CCCCCC;
		border-radius: 4px 4px 4px 4px;
		margin: 0;
		padding: 10px;
	}
	#right li.bdlLeasingnewsJahr h3 { line-height: 17px; margin: 0 0 5px; }

	#right li.bdlLeasingnewsJahr ul.bdlLeasingnewsAusgaben {
		margin: 0;
	}

	#right ul.bdlLeasingnewsAusgaben li.bdlLeasingnewsAusgabe {
		display: block;
		background-image: url("/fileadmin/template/img/icon_list_blau.gif");
		background-position: 0 6px;
		background-repeat: no-repeat;
		margin: 4px 0;
		padding: 0 0 0 10px;
	}
	#right li.bdlLeasingnewsAusgabe div {
		color: #999999;
		font-size: 11px;
	}


	/* ######################### LEASINGNEWS ONLINE ######################### */
	#content div.leasingnewsOnline .column {
		border-bottom: 1px solid #CCCCCC;
		margin: 0 0 30px;
		padding: 0 0 10px;

		max-width: 700px;
	}

	div.leasingnewsOnline span.more-link {
		border-bottom: none;
		margin: 0;
	}

	div.leasingnewsOnline h2 {
		font-size: 18px;
	}


	/* ########################### EXTENSION CAL ############################ */
	li.cal-list-item {
		display: inline-block;
	}

	span.cal-list-date {
		float: left;
		width: 130px;
	}

	li.cal-list-item a {
		float: left;
		width: 550px;
		max-width: 100%;
	}

	.tx-cal-controller .ka-handler {
		background-position: 645px 0px;
	}

	.tx-cal-controller .ka-panel li.cal-list-item a {
		width: 528px;
	}


	/* # EXTENSION faf_ajaxmailsubscription # */
	form.newsletter label, form.newsletter input, form.newsletter select {
		display: block;
	}


	/* ####################### ANIMATION START HEADER ####################### */
	.AN-sObj-stage {
		position: relative;
		overflow:hidden;
		-webkit-perspective: 600;
		-webkit-transform-style:preserve-3d;
	}

	.AN-sObj-stage div {
		position: absolute;
	}

	.AN-sObj-stage a {
		color: inherit;
		text-decoration:none;
	}

	.AN-sObj-stage * {
		margin:0;
		padding:0;
		-webkit-font-smoothing: antialiased;
	}

	body,.AN-sObj-stage, #animation ol, #animation li {
		margin:0;
		padding:0;
	}

	#animation ol {
		list-style:none;
		list-style-image: none;
		position:relative;
	}

	#animation li {
		background-image: none;
		position:absolute;
		top:0;
		left:0;
	}

	#animation li {
		display:none;
	}

	#animation li.run {
		display:block;
	}

	.restart * {
		-webkit-animation-name: none !important;
	}

	.AN-sObj-stage{
		width: 1280px;
		height: 400px;
	}

	.AN-sObj-stage div {
		font-family: "Source Sans Pro", Georgia, "Times New Roman", Times, serif;
		font-size: 40px;
		color: #fff;
		text-shadow: rgba(0,0,51,0.8) 0px 0px 10px;
		-webkit-border-radius: 8px;
		opacity: 1;
		text-align: center;
	}

	#AN-sObj-70{
		-webkit-transform: translate3d(0px, 0px, 0px);
		width: 730px;
		height: 210px;
		top:0;
		left:0;
	}

	#AN-sObj-71{
		-webkit-transform: translate3d(10px, 10px, 0px);
		width: 100%;
		height: 100%;
		top:0;
		left:0;
	}

	#AN-sObj-91{
		-webkit-transform: translate3d(10px, 3px, 0px);
	}

	#AN-sObj-95{
		-webkit-transform: translate3d(10px, 3px, 0px);
	}

	#AN-sObj-95, #AN-sObj-89 {
		text-align: left;
		width: 600px;
		margin: 40px 0 0 -250px;
	}

	#AN-sObj-74{
		-webkit-transform: translate3d(10px, 10px, 0px);
		width: 100px;
		height: 100px;
		top:0;
		left:0;
	}

	#AN-sObj-87{
		-webkit-transform: translate3d(10px, 3px, 0px);
	}

	#AN-sObj-93{
		-webkit-transform: translate3d(10px, 3px, 0px);
	}

	#AN-sObj-77{
		-webkit-transform: translate3d(10px, 10px, 0px);
		width: 100px;
		height: 100px;
		top:0;
		left:0;
	}

	#AN-sObj-79{
		-webkit-transform: translate3d(82px, 7px, 0px);
	}

	#AN-sObj-89{
		-webkit-transform: translate3d(10px, 3px, 0px);
	}

	@-webkit-keyframes AN-ani-86 {
		0% {
			-webkit-transform: translate3d(367px, 4px, 0px);
			opacity:0;
		}
		0.01% {
			-webkit-transform: translate3d(367px, 4px, 0px);
			opacity: 0;
		}
		52.59% {
			-webkit-transform: translate3d(193px, 84px, 0px);
			opacity: 1;
		}
		68.45% {
			-webkit-transform: translate3d(193px, 84px, 0px);
			opacity: 1;
		}
		100% {
			-webkit-transform: translate3d(193px, 84px, 0px);
			opacity: 0;
		}
	}
	.run #AN-sObj-79 {
		-webkit-animation-name: AN-ani-86;
		-webkit-animation-duration: 5.8s;
		-webkit-animation-delay: 2.01s;
		-webkit-animation-fill-mode: both;
	}
	.restart #AN-sObj-79 {
		-webkit-transform: translate3d(367px, 4px, 0px);
		opacity: 0;
	}

	@-webkit-keyframes AN-ani-88 {
		0% {
			-webkit-transform: translate3d(514px, 143px, 0px);
			opacity:0;
		}
		0.01% {
			-webkit-transform: translate3d(514px, 143px, 0px);
			opacity: 0;
		}
		49.76% {
			-webkit-transform: translate3d(281px, 19px, 0px);
			opacity: 1;
		}
		69.33% {
			-webkit-transform: translate3d(281px, 19px, 0px);
			opacity: 1;
		}
		100% {
			-webkit-transform: translate3d(281px, 19px, 0px);
			opacity: 0;
		}
	}
	.run #AN-sObj-87 {
		-webkit-animation-name: AN-ani-88;
		-webkit-animation-duration: 6.130000000000001s;
		-webkit-animation-delay: 8.37s;
		-webkit-animation-fill-mode: both;
	}
	.restart #AN-sObj-87 {
		-webkit-transform: translate3d(514px, 143px, 0px);
		opacity: 0;
	}

	@-webkit-keyframes AN-ani-90 {
		0% {
			-webkit-transform: translate3d(10px, 3px, 0px);
			opacity:0;
		}
		0.01% {
			-webkit-transform: translate3d(10px, 3px, 0px);
			opacity: 0;
		}
		48.72% {
			-webkit-transform: translate3d(450px, 123px, 0px);
			opacity: 1;
		}
		68.21% {
			-webkit-transform: translate3d(450px, 123px, 0px);
			opacity: 1;
		}
		100% {
			-webkit-transform: translate3d(450px, 123px, 0px);
			opacity: 0;
		}
	}
	.run #AN-sObj-89 {
		-webkit-animation-name: AN-ani-90;
		-webkit-animation-duration: 6.26s;
		-webkit-animation-delay: 0.73s;
		-webkit-animation-fill-mode: both;
	}
	.restart #AN-sObj-89 {
		-webkit-transform: translate3d(10px, 3px, 0px);
		opacity: 0;
	}

	@-webkit-keyframes AN-ani-92 {
		0% {
			-webkit-transform: translate3d(8px, 98px, 0px);
			opacity:0;
		}
		0.01% {
			-webkit-transform: translate3d(8px, 98px, 0px);
			opacity: 0;
		}
		47.44% {
			-webkit-transform: translate3d(344px, 91px, 0px);
			opacity: 1;
		}
		71.01% {
			-webkit-transform: translate3d(344px, 91px, 0px);
			opacity: 1;
		}
		100% {
			-webkit-transform: translate3d(344px, 91px, 0px);
			opacity: 0;
		}
	}
	.run #AN-sObj-91 {
		-webkit-animation-name: AN-ani-92;
		-webkit-animation-duration: 6.449999999999999s;
		-webkit-animation-delay: 15.25s;
		-webkit-animation-fill-mode: both;
	}
	.restart #AN-sObj-91 {
		-webkit-transform: translate3d(8px, 98px, 0px);
		opacity: 0;
	}

	@-webkit-keyframes AN-ani-94 {
		0% {
			-webkit-transform: translate3d(454px, 10px, 0px);
			opacity:0;
		}
		0.01% {
			-webkit-transform: translate3d(454px, 10px, 0px);
			opacity: 0;
		}
		47.66% {
			-webkit-transform: translate3d(45px, 55px, 0px);
			opacity: 1;
		}
		66.25% {
			-webkit-transform: translate3d(45px, 55px, 0px);
			opacity: 1;
		}
		100% {
			-webkit-transform: translate3d(45px, 55px, 0px);
			opacity: 0;
		}
	}
	.run #AN-sObj-93 {
		-webkit-animation-name: AN-ani-94;
		-webkit-animation-duration: 6.4s;
		-webkit-animation-delay: 7.15s;
		-webkit-animation-fill-mode: both;
	}
	.restart #AN-sObj-93 {
		-webkit-transform: translate3d(454px, 10px, 0px);
		opacity: 0;
	}

	@-webkit-keyframes AN-ani-96 {
		0% {
			-webkit-transform: translate3d(8px, 98px, 0px);
			opacity:0;
		}
		0.01% {
			-webkit-transform: translate3d(8px, 98px, 0px);
			opacity: 0;
		}
		44.79% {
			-webkit-transform: translate3d(426px, 4px, 0px);
			opacity: 1;
		}
		68.14% {
			-webkit-transform: translate3d(426px, 4px, 0px);
			opacity: 1;
		}
		100% {
			-webkit-transform: translate3d(426px, 4px, 0px);
			opacity: 0;
		}
	}
	.run #AN-sObj-95 {
		-webkit-animation-name: AN-ani-96;
		-webkit-animation-duration: 6.809999999999999s;
		-webkit-animation-delay: 13.66s;
		-webkit-animation-fill-mode: both;
	}
	.restart #AN-sObj-95 {
		-webkit-transform: translate3d(8px, 98px, 0px);
		opacity: 0;
	}
}

@media (orientation:portrait) and (max-device-width:768px), all and (max-width: 768px) {
	#content {
		float: none;
		margin: 50px 5% 0;
		width: auto;
	}

	.frame-type-html .chart-helper {
		width: 100%;
		overflow-x: auto;
	}

	.frame-type-html .chart-helper::-webkit-scrollbar {
		height: 10px;
	}

	.frame-type-html .chart-helper::-webkit-scrollbar-track {
		border: 1px solid #999;
		border-radius: 5px;
	}

	.frame-type-html .chart-helper::-webkit-scrollbar-thumb {
		background: #1C4F9B;
		border-radius: 5px;
	}

	.chart {
		max-width: 200%;
		margin: 0 auto;
	}

	/* ####################### ANIMATION START HEADER ####################### */
	.AN-sObj-stage{
		width: 768px;
		height: 240px;
	}
}

@media (orientation:portrait) and (max-device-width:1300px), all and (max-width: 1300px) {
	#content.content-no-marging {
		margin: 50px 4% 0 5%;
		width: 66%;
	}
}

@media (orientation:portrait) and (max-device-width:480px), all and (max-width: 480px) {
	#functions .button_print {
		display: none;
	}
}

@media (orientation:portrait) and (max-device-width:350px), all and (max-width: 350px) {
	#functions a.button_rss {
		display: none;
	}
}