/*<meta />*/

/* 2020.01.29 valid */
/* @import url('fontawesome-free-5.8.1-web/css/all.css'); */
/* Farbbibliothek als Reminder: */
/* Rot:		#E02129; */
/* Weiß:	#ffffff; */
/* PTV Solid Silver:	#5a5a5b; */
/* PTV  GreyMittelgrau:	#c6c6c6; */
/* PTV Light Grey:	#f8f9fb; */
/* Hellgrau: 	#F5F5F5; bspw. Support-Box */
/* Schriftgrau mittel: #696969; */
/* Schriftgrau dunkel: #494949; */
/* PTV-Blau: #00accd; */
/* Grau:	#a9a9a9; bspw. Buttons: focus und hover  */
/* Grau:	#dcdcdc; bspw. TOC-Eintrag: hover */
/* Schwarz:	#000000; */
/* Setzt Default-Ränder der Startseite zurück auf 0 */

.body-container
{
	padding-right: 0px;
	padding-top: 0px;
	padding-left: 0px;
}

/* Suchschlitz im Header der Index-Seite ausblenden: */

div.nav-search
{
	display: none !important;
}

/* Suchschlitz im Header der Index-Seite ohne blauen Rahmen */

:focus
{
	outline: none;
}

/* Titel Startseite */

H1.Index
{
	font-size: 3.3em;
	font-weight: lighter;
	text-align: left;
	color: #ffffff;
	text-shadow: 0px 0px 10px black;
	/* 	font-family: 'AvenirNext LT Pro Medium'; klappt nicht ... hier nur der Test-Vollständigkeit halber */
}

/* H2 Startseite */

H2.Index
{
	font-size: 1.6em;
	font-weight: normal;
	color: #494949;
	margin-top: 26px;
	margin-bottom: 18px;
	margin-left: 12px;
}

H2.IndexSupport
{
	font-size: 1.6em;
	font-weight: normal;
	color: #494949;
	margin-top: 16px;
	margin-bottom: 18px;
	margin-left: 12px;
}

.c-basis	/* Basiskasten für alles mögliche */
{
	display: flex;
	flex: 1 0 0%;
	/* definiert flexiblen Container mit: gleichverteilt, schrumpft nicht, Basiswert 0% */
	flex-flow: row wrap;
	justify-content: flex-start;
	border-style: none;
	border-width: none;
	padding-left: 12px;
}

.c-left
{
	display: flex;
	flex-flow: row wrap;
	flex: 1 0 0%;
	/*	min-width: 100%; */
	justify-content: flex-start;
	border-style: none;
	padding-left: 0px;
}

.c-graphic
{
	display: flex;
	flex: 1 0 0%;
	/*	min-width: 100 NO */
	background-image: url('../Images/0_TitelCopyright/Vistro-Start-2020-1.png');
	justify-content: flex-start;
	height: 314px;
	/* Bildhöhe */
	flex-flow: column;
	/* ordnet Elemente untereinander an */
}

.c-buttons
{
	display: flex;
	flex: 1 0 0%;
	/* definiert flexiblen Container mit: 1=gleichverteilt, 0=schrumpft nicht, Basiswert 0%=Mindestwert, den vorhandenen Raum zu nutzen */
	flex-flow: row wrap;
	/* Umbruch */
	min-width: 100%;
	/* IE11 NO */
	/* linksbündig */
	border-style: none;
	border-width: none;
	padding-left: 12px;
	justify-content: flex-start;
}

.c-support
{
	display: flex;
	flex-flow: row wrap;
	flex: 1 0 0%;
	/*	min-width: 100%; */
	justify-content: flex-start;
	border-style: none;
	margin-top: 36px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 0px;
	background-color: #f8f9fb;
	/* #F5F5F5;*/
}

/* Kasten in MASTERPAGE: Seitenabschluss unten Elemente horizontal nach außen verteilt: */

.c-distrib
{
	display: flex;
	flex-flow: nowrap;
	flex-direction: row;
	flex: 1 0 0%;
	justify-content: space-between;
	/*  #space-around;*/
	align-items: flex-end;
	background-color: #f8f9fb;
	/*  #F5F5F5;*/
	padding-bottom: 1px;
	max-height: 100%;
	/* IE11 */
	box-sizing: border-box;
	/* IE 11 */
}

/* Box für Titel mit Produktnamen */

.boxrowTitle
{
	text-align: left;
	/*	width: 100%; */
	padding-bottom: 0px;
	padding-top: 0px;
	margin-top: 22px;
	/*	margin-top: 223px;  */
	margin-bottom: 0px;
	margin-left: 12px;
}

/*	Standardbox als Inhalt für einen beliebigen c-container */

.boxrow
{
	text-align: left;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	/*	max-width: 100%;  IE11 */
}

/* Box für eine Schaltfläche ohne Icon */
/*	Unterschied: margin-right zur Abgrenzung der nachfolgenden Schaltflächen  */

.InfobuttonFirst
{
	height: 34px;
	border-radius: 5px;
	background-color: #f8f9fb;
	/*  #FFFFFF; */
	/* #E02129; */
	border-style: solid;
	border-color: #696969;
	border-width: 1px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 6px;
	padding-bottom: 0px;
	margin-right: 12px;
	/*	max-width:100%;  IE 11 */
	max-height: 100%;
	/* IE 11 */
	box-sizing: border-box;
	/* IE 11 */
	margin-bottom: 12px;
}

.Infobutton
{
	height: 34px;
	border-radius: 5px;
	background-color: #f8f9fb;
	border-style: solid;
	border-color: #494949;
	border-width: 1px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 6px;
	padding-bottom: 0px;
	margin-right: 12px;
	margin-bottom: 12px;
	max-height: 100%;
	/* IE 11 */
	box-sizing: border-box;
	/* IE 11 */
}

/* Box mit Einrückungen links und rechts, bspw. Support */

.boxrowdistance
{
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 6px;
	padding-right: 9px;
	align-self: center;
}

/* Link aus Support-Box */

a.linksupport
{
	color: #494949;
	text-decoration: underline;
	mc-hyphenate: never;
}

/* Klassen des Links aus Support-Box */

a.linksupport:focus
{
	color: #494949;
	text-decoration: none;
	mc-hyphenate: never;
}

a.linksupport:hover
{
	color: #494949;
	font-weight: bold;
	text-decoration: none;
	mc-hyphenate: never;
}

a.linksupport:active
{
	color: #494949;
	text-decoration: underline;
	mc-hyphenate: never;
}

/* Support-Text */

p.support
{
	margin-bottom: 16px;
	margin-top: 8px;
	margin-left: 12px;
	color: #494949;
	/* grau */
}

p.copyright
{
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	color: #494949;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	/* grau */
}

/* Text im Aufklapp-Button */

p.Infobuttons
{
	font-size: 1.2em;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	color: #494949;
	/* #FFFFFF; */
	line-height: 20px;
}

a.Button
{
	color: #494949;
	/* dunkelgrau */
	text-decoration: none;
}

a.ButtonH
{
	color: #494949;
	/* #00accd; */
	/* dunkelgrau */
	text-decoration: none;
}

a.Button:focus
{
	color: #E02129;
	/*  #a9a9a9; */
	/* hellgrau */
	text-decoration: none;
}

a.ButtonH:focus
{
	color: #E02129;
	/* #00accd; */
	/* hellgrau */
	text-decoration: none;
}

a.Button:hover
{
	color: #E02129;
	/*	font-weight: bold;  */
	text-decoration: none;
}

a.ButtonH:hover
{
	color: #E02129;
	/* #00accd; */
	/*	font-weight: bold; */
	text-decoration: none;
}

a.Button:active
{
	color: #E02129;
	/* #494949; */
	text-decoration: none;
}

a.ButtonH:active
{
	color: #E02129;
	/* #00accd; */
	text-decoration: none;
}