/*
 * Keine Platzreservierung für das Banner (Header, Logo, NavigationBar)
 */
.t-Header-branding, .t-Header-nav {
	display: none;
}

/*
 * Lables Above sollen zentriert sein und werden durch important nicht mit text-align: left überschrieben
 */
.t-Form-labelContainer {
	text-align: center !important;
}

/*
 * Bei Template 'Optional - Above' werden sonst die Inhalte bei einer Fenster-Verkleinerung Linksbündig gesetzt!
 */
.t-Form-itemWrapper {
	align-items: stretch;
	width: 100%;
}

/*
 * Groessenbeschraenkung des gesamten Inhaltes
 */
@media (min-width: 850px) {
	.t-Body {
		width: 850px;
		margin-left: auto;
		margin-right: auto;
	}
}



 /*
  * Original CSS
  * 

.t-Form-fieldContainer--floatingLabel .t-Form-fieldContainer {
    display: flex;
    padding: .8rem;
    align-items: flex-start;
}

.t-Form-fieldContainer--floatingLabel .t-Form-inputContainer .apex-item-display-only {
    color: #202020;
    background-color: #ffffff;
    border-color: #dfdfdf;
    border-style: dashed;
}
.t-Form-inputContainer span.display_only {
    border-color: transparent;
    background-color: transparent;
}
.t-Form-fieldContainer--floatingLabel .apex-item-display-only {
    display: block;
    width: 100%;
    padding: 2.2rem .8rem .6rem;
    border-radius: .2rem;
    flex-grow: 0;
    line-height: 2rem;
    font-weight: 400;
    border: 1px solid;
        border-top-color: currentcolor;
        border-top-style: solid;
        border-right-color: currentcolor;
        border-right-style: solid;
        border-bottom-color: currentcolor;
        border-bottom-style: solid;
        border-left-color: currentcolor;
        border-left-style: solid;
    min-height: 4.8rem;
}
.t-Form-inputContainer .a-Button--calendar, .t-Form-inputContainer .a-Button--popupLOV, .t-Form-inputContainer .apex-item-display-only, .t-Form-inputContainer .apex-item-multi, .t-Form-inputContainer input, .t-Form-inputContainer select, .t-Form-inputContainer textarea {
    order: 3;
}
.apex-item-display-only {
    min-height: 2.4rem;
    box-shadow: none;
    font-weight: 700;
    line-height: 24px;
}
*/


/*
 * Entfernen des Abstandes und des strichlierten Rahmens
 * html {font-size: 62.5%} entspricht 16px * 0.625 = 10px Basiseinheit (1 rem)
 * rem bezieht sich auf das root html Element (root em = rem) 
 * und daher ist hier in diesem Fall: 1 rem = 10 px (und nicht 16px bei 100% font-size)
 */
.t-Form-fieldContainer--floatingLabel.t-Form-fieldContainer { /*CSS-Selektor: .klasse1.klasse2 => .klasse1 UND .klasse2*/
    padding: 0rem .8rem 0rem .8rem; /* top right bottom left */
}

.t-Form-fieldContainer--floatingLabel .apex-item-display-only { /*CSS-Selektor: Nachfahren */
    padding: 0rem .8rem 0rem; /* top right bottom left */
    line-height: 2rem;
    font-weight: 400;
    border-width: 0px;
    min-height: 2rem; /* line-height + padding-bottom + padding-top*/
}
/*
 * Eigene CSS Klassen
 */
#P2_APP_NAME,
#P3_APP_NAME,
#P4_APP_NAME
{
	font-weight: 600;
	font-size: 1.6rem;
	margin-top: 4rem;
	text-align: center;
}

#P2_ENTWICKLER_NAME,
#P3_ENTWICKLER_NAME,
#P4_ENTWICKLER_NAME 
{
	font-weight: 600;
	font-size: 1.4rem;
	text-align: center;
}

#P2_ICON,
#P3_ICON,
#P4_ICON
{
	padding-top: 3.4rem;
	padding-bottom: 3.4rem;
	width: 100px; 
	margin-left: auto;
	margin-right: auto; 
	display: block;
}

#P2_TITEL,
#P3_TITEL, 
#P4_TITEL  
{
	font-weight: 700;
	font-size: 2.4rem;
	padding-bottom: 2rem;
	text-align: center;
}

#P2_BESCHREIBUNG_KURZ,
#P3_BESCHREIBUNG_KURZ,
#P4_BESCHREIBUNG_KURZ
{
	text-align: center;
}

#P2_BESCHREIBUNG,
#P3_BESCHREIBUNG,
#P4_BESCHREIBUNG  
{
	display: none;
	text-align: center;
}

/* Button braucht auf der Apex-Seite einen statischen ID! */
#P2_TOGGLE,
#P3_TOGGLE,
#P4_TOGGLE  
{
	display: block; 
	margin-left:auto; 
	margin-right: auto; 
	margin-top: .8rem;
}

/* a href besitzt inline style auf der Apex-Seite */
#P2_STATIC_INFO_LINK,
#P3_STATIC_INFO_LINK,
#P4_STATIC_INFO_LINK  
{
	border: 1px solid #202020;
	font-weight: 600;
	font-size: 1.4rem;
	padding: 1rem 2rem 1rem 2rem; /* top right bottom left */
	border-radius: 2.4rem;
	-moz-border-radius: 2.4rem; 
    -webkit-border-radius: 2.4rem;
	margin-top: 3rem;
	margin-bottom: 3rem;
}

#P4_NO_TABLETS {
	display: block; 
	margin-left:auto; 
	margin-right: auto;
	border: 1px solid rgba(226, 0, 26, .5);
	padding: 3rem;
}

/* a href besitzt inline style auf der Apex-Seite */
#P2_GOOGLE_BADGE_PHONE,
#P3_GOOGLE_BADGE_PHONE,
#P4_GOOGLE_BADGE_PHONE  
{
	width: 132px; /* 150 */
	margin-left: auto; 
	margin-right: auto; 
	display: block;
}

/* a href besitzt inline style auf der Apex-Seite */
#P2_APPLE_BADGE_PHONE,
#P3_APPLE_BADGE_PHONE,
#P4_APPLE_BADGE_PHONE 
{
	width: 132px;
	height: 40px; 
	margin-top: 10px; 
	margin-left:auto; 
	margin-right: auto; 
	display: block
}

/* a href besitzt inline style auf der Apex-Seite */
#P2_GOOGLE_BADGE_TABLET,
#P3_GOOGLE_BADGE_TABLET,
#P4_GOOGLE_BADGE_TABLET
{
	width: 150px; 
	margin-left: auto; 
	margin-right: auto; 
	display: block;
}

/* a href besitzt inline style auf der Apex-Seite */
#P2_APPLE_BADGE_TABLET,
#P3_APPLE_BADGE_TABLET,
#P4_APPLE_BADGE_TABLET
{
	width: 132px;
	height: 40px;	
	margin-top: 10px;
	margin-left: auto; 
	margin-right: auto; 
	display: block;
}

/* a href besitzt inline style auf der Apex-Seite */
#P2_MICROSOFT_STORE_BADGE,
#P3_MICROSOFT_STORE_BADGE,
#P4_MICROSOFT_STORE_BADGE
{
	width: 132px; 
	height: 40px; 
	margin-top: 10px; 
	margin-left: auto; 
	margin-right: auto; 
	display: block;
}

/* a href besitzt inline style auf der Apex-Seite */
#P2_AMAZON_STORE_BADGE,
#P3_AMAZON_STORE_BADGE,
#P4_AMAZON_STORE_BADGE
{
	width: 132px; 
	height: 40px; 
	margin-top: 10px; 
	margin-left:auto; 
	margin-right: auto; 
	display: block;
}

/* a href besitzt inline style auf der Apex-Seite */
#P2_BLACKBERRY_WORLD_BADGE,
#P3_BLACKBERRY_WORLD_BADGE,
#P4_BLACKBERRY_WORLD_BADGE
{
	width: 132px; 
	height: 40px; 
	margin-top: 10px; 
	margin-left:auto; 
	margin-right: auto; 
	display: block;
}

/* a href besitzt inline style auf der Apex-Seite */
#P2_WEBSITE_LINK,
#P3_WEBSITE_LINK,
#P4_WEBSITE_LINK 
{
	margin-top: 4rem;
	text-transform: underline;
}