#StartPage {
    display: flex;
    flex-direction: row;
    justify-content: flex-center;	
    vertical-align: middle;
    white-space: nowrap;
    xxxborder-style: dotted;
    XXXcolor: #eeeeee;
    XXXcolor: white;    
    margin: auto;  /* macht center */
}
	

.FirstPageText {
    transform: translate(-2rem, 0);
    rotate: -1.57deg;
    z-index: 2;
}

@media (max-width: 1100px) { .FirstPagePic {    height:15vw;	vertical-align: bottom; transform: xxxtranslate(5rem,15rem);  }}
@media (min-width: 1100px) { .FirstPagePic {    height:15vh;	vertical-align: bottom; xxxtransform: translate(5rem,15rem);  }}


#ProductQuestion {
    border-style: none;
    border-radius: 2rem;    
    width: 85%;
max-width:  70rem; 
    padding: 3rem;
    background-color: rgba(50, 50, 50, 0.25);    
    min-height: 1rem;    
    min-width: 1rem;
    align-self: center;
    valign: top;
}

@media (max-width: 1100px) { #ProductQuestion {    max-width: 100rem; font-size: 2.3rem;  padding: 2rem 1.8rem 1rem 1.4rem;border:0px solid black;}} 
@media (min-width: 1100px) { #ProductQuestion {    max-width: 100rem; font-size: 1.7rem;  padding: 2rem 2.1rem 1rem 2.1rem; }}
@media (min-width: 1900px) { #ProductQuestion {    max-width: 100rem; font-size: 2.1rem;  padding: 2rem 2.2rem 1rem 2.2rem; }}
@media (min-width: 2400px) { #ProductQuestion {    max-width: 100rem; font-size: 2.1rem;  padding: 2rem 2.2rem 1rem 2.2rem; }}

.ColorRed {
	  color: #cc2222;     	
}


#Datenschutz p, #Disclaimer p {
   text-align: justify;
}

#Impressum {
    display: flex;
    flex-direction: row;
    justify-content: center;	
    column-gap: 50px;
    vertical-align: middle;
    spacing: 20rem 0 20rem;

}


#Datenschutz a.ExtLink, #Datenschutz a.ExtLink:visited, #Impressum a.ExtLink, #Impressum a.ExtLink:visited {
   text-decoration: none; 		
	color: #444444;
}
      
#Datenschutz  a.ExtLink:hover,  #Impressum a.ExtLink:hover {
     text-decoration: underline overline #444444;	
	  color: #cc2222;     
}


#Support {
     text-align: center;
}


#Support  a.ExtLink, #Support  a.ExtLink:visited {
     color: #444444;
     font-weight:100;
	  text-decoration: none;
}
#Support  a.ExtLink:hover {
     color: #ff4444;
     font-weight: 900;
     text-decoration: underline overline #444444;	
     text-underline-offset: 0.7rem; 
     text-decoration-thickness:1px;

}



.flexrow  {
    display: flex;
    flex-direction: row;	
    justify-content: flex-start;	
}
.flexcolumn  {
    display: flex;
    flex-direction: column;	
    padding: 1rem;    
}
@media (max-width:  1100px) { .flexrowcolumn {   display: flex; flex-direction: column; justify-content: flex-start;	align-self: center; margin: 1rem; }}
@media (min-width:  1100px) { .flexrowcolumn {   display: flex; flex-direction: row;    xjustify-content: center;	align-self: center; margin: 1rem 1rem; }}

.marginR  {	margin: 0 1rem 0 0; }
.marginR2 {	margin: 0 2rem 0 0; }
.marginR3 {	margin: 0 3rem 0 0; }
.marginR5 {	margin: 0 5rem 0 0; }

	
#paddingless ul {
      margin: 0;
      padding: 0;
}



#ProductNachsatz {
   xxxwidth: 80%;
   XXXtext-align: center;
   align-self: center;
	margin-top: 40px;
	margin-bottom: 10px;	   
}

.SectigoCertumPic {
	float: center;
	width: 16rem;
	margin-left: 0px;
	margin-right:0px;	
	margin-bottom: 1rem;
}

@media (max-width: 1100px) { .PricePic {    width:150px;	float: center; margin-left: 0px; margin-right: 0px; }}
@media (min-width: 1100px) { .PricePic {    width:100px;	float: center; margin-left: 0px; margin-right: 0px;}}

input.Inputfeld {
  background: #ecf0f3;
  padding: 10px;
  padding-left: 20px;
  margin-left: 50px;
  height: 30px;
  XXXfont-size: 14px;
  border-radius: 20px;
  box-shadow: inset 3px 3px 3px #cbced1, inset -3px -3px 3px white;
  text-align: center;
}
textarea.Inputfeld {
  background: #ecf0f3;
  padding: 10px;
  padding-left: 20px;
  margin-left: 50px;
  xxxheight: 30px;
  XXXfont-size: 14px;
  border-radius: 20px;
  box-shadow: inset 3px 3px 3px #cbced1, inset -3px -3px 3px white;
  xxxtext-align: center;
}
select.Inputfeld {
  background: #ecf0f3;
  padding: 10px;
  padding-left: 20px;
  margin-left: 50px;
  xxxheight: 30px;
  XXXfont-size: 14px;
  border-radius: 20px;
  box-shadow: inset 3px 3px 3px #cbced1, inset -3px -3px 3px white;
  xxxtext-align: center;
}
input.Inputfeld2 {
  background: #ecf0f3;
  padding: 10px;
  padding-left: 0px;
  margin-left: 0px;
  height: 30px;
  XXXfont-size: 14px;
  border-radius: 20px;
  box-shadow: inset 3px 3px 3px #cbced1, inset -3px -3px 3px white;
  text-align: center;
}
input.Doppelpfeil {
	height: 30px;
  margin-left: 30px;	
}
	
.Doppelpfeil30 {
	height: 30px;
   margin-left: 50px;	
   border: none;
}
.Doppelpfeil20 {
	height: 20px;
   margin-left: 20px;	
   border: none;
}
.Doppelpfeil10 {
	height: 10px;
   margin-left: 10px;	
   border: none;
}

.chargeButtonA {
      color: #ffffff;
      background-color: #dd8733;
      border: none;
      border-radius: 1rem;
      padding: 1rem;
      min-width: 4rem;
      box-shadow: 0 1px 3px #cccccc;      
}
.chargeButtonB {
      color: #ffffff;
      background-color: #dd8733;
      border: none;
      border-radius: 1rem;
      padding: 1rem;
      min-width: 6.2rem;
      box-shadow: 0 1px 3px #cccccc;      
}
.chargeButtonC {
      color: #ffffff;
      background-color: #dd8733;
      border: none;
      border-radius: 1rem;
      padding: 1rem;
      min-width: 8.4rem;
      box-shadow: 0 1px 3px #cccccc;      
}


















a.AISlinkAuswahl,  a.AISlinkAuswahl:visited {
		color: #4444cf;
		text-decoration: none;
}
      
a.AISlinkAuswahl:hover {
		color: #cf4444;
	   text-decoration: underline overline #cf4444;		
}


XXXAISlinkAuswahl, XXXAISlinkAuswahl a:visited {
		color: #4444cf;
		text-decoration: none;
}