/* Minification failed. Returning unminified contents.
(403,12): run-time error CSS1036: Expected expression, found '&'
(403,19): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&'
 */
/* Überschriften ohne Abschneiden (...) = Ellipsis */


.ui-header .ui-title
{
    margin-left:            0;
    margin-right:           0;
}

img
{
    width: auto;
    max-width: 100%;
}

.divSocialMedia
{
    text-align: middle;
    margin-top: 1.2em;
}

.divSocialMedia a
{
    margin-left: 0.2em;
	margin-right: 0.2em
}

.ui-field-contain .ui-flipswitch-active.ui-flipswitch {
    width: 1.87em;
	text-align: center !important;
	/* border-radius: 4px; */
}


@media all and (max-width: 27.95em)
{
    .ui-flipswitch
    {
        position: relative;
        bottom: 1em;
    }
}

/* Large devices (large desktops, more than 1200px) */
@media screen and (min-width : 1200px) 
{
   /* Bereich oben */
  .left-content {
  width:auto;
  height:70em;
  } 
    
  .logo
  {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50%;
  padding-bottom: 50%;
  }   

  /* Loginbereich unten */   	
  .pnlLogin
  {
  width: 40%;
  margin-top: 35%;
  margin-left: auto;
  margin-right: auto;
  }

  .anmeldebutton
  {
  width: 50px;
  height: 20px;
  margin-left: auto;
  margin-right: auto;
  }
  
  .divSchnellanmeldung
  {
  text-align: center !important;
  }   
   
  .divSocialMedia /*Social Media Icons */
  {
  width:10em;
  margin-left: auto;
  margin-right: auto;
  }
  
 .divContent /* Infobox/Tipps */
  {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  }  
}

/* Medium devices (desktops, 992px and up to 1200px) */
@media screen and (min-width : 992px) 
and (max-width : 1200px) 
{
   /* Bereich oben */
  .left-content {
  width:auto;
  height:70em;
  } 
    
  .logo
  {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50%;
  padding-bottom: 50%;
  }   

  /* Loginbereich unten */   	
  .pnlLogin
  {
  width: 40%;
  margin-top: 35%;
  margin-left: auto;
  margin-right: auto;
  }

  .anmeldebutton
  {
  width: 50px;
  height: 20px;
  margin-left: auto;
  margin-right: auto;
  }
  
  .divSchnellanmeldung
  {
  text-align: center !important;
  }   
   
  .divSocialMedia /*Social Media Icons */
  {
  width:10em;
  margin-left: auto;
  margin-right: auto;
  }
  
 .divContent /* Infobox/Tipps */
  {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  }  
}

/* Small devices (tablets, 768px and up to 992px) */
@media screen and (min-width : 768px) 
and (max-width : 992px) 
{
   /* Bereich oben */
  .left-content {
  width:auto;
  height:30em !important;
} 

  .logo
  {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  padding-top: auto;
  padding-top: 25%;  
  }
  
  /* Loginbereich unten */
  .pnlLogin
  {
  width: 40%;
  margin-top: 15%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.8em; /* Abstand zwischen Login und Infobox */ 
  }

  .divSchnellanmeldung
  {
  text-align: center !important;
  } 

  .anmeldebutton
  {
  width: 50px;
  height: 20px;
  margin-left: auto;
  margin-right: auto;
  }
  
  .divSocialMedia /* Social Media Icons */
  {
  margin-left: auto;
  margin-right: auto;
  }  
  
 .divContent /* Infobox/Tipps */
  {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  }      
}

/* Extra small devices (phones, less than 768px) */
@media screen and (min-width : 0px) 
and (max-width : 768px) 
{
   /* Bereich oben */	
  .left-content {
  width:auto;
  height: 250px !important;
  } 
  
  .logo
  {
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15%;
  }   
	
  /* Loginbereich unten */
  .pnlLogin
  {
  width: 65%;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.8em; /* Abstand zwischen Login und Infobox */  
  }
  
  .divSchnellanmeldung
  {
  text-align: center !important;
  }
  
  .anmeldebutton
  {
  width: 50px;
  height: 20px;
  margin-left: auto;
  margin-right: auto;
  }
  
  .divSocialMedia /* Social Media Icons */
  {
  width: 10em;
  margin-left: auto;
  margin-right: auto;
  }

  /* Infobox/Tipps */
  .divContent
  {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  }   
}

/* Schriftgröße von Statusmeldungen */
.validation-summary-errors > ul, .validation-summary-infos > ul
{
    font-size: 0.7em;
}

.fb-like
{
    bottom: 0.6em;
}

/* Custom indentations are needed because the length of custom labels differs from
   the length of the standard labels */
.custom-size-flipswitch.ui-flipswitch .ui-btn.ui-flipswitch-on {
    font-weight: normal;
    text-indent: -9.3em;
}

.custom-size-flipswitch.ui-flipswitch .ui-flipswitch-off {
    text-indent: 0.5em;
}

/* Inaktiver Label */
.ui-field-contain > label + .ui-flipswitch
{
    width: 14em;
    font-weight: normal;
}

  /* Aktiver Label */
  .custom-size-flipswitch.ui-flipswitch.ui-flipswitch-active {
    padding-left: 10em;
	vertical-align:middle;
	font-size:1em;
  }



/*Anmeldebutton*/

.ui-btn{
	height:4em;
}

/* Button up */
.ui-page-theme-a .ui-btn,
html .ui-bar-a .ui-btn,
html .ui-body-a .ui-btn,
html body .ui-group-theme-a .ui-btn,
html head + body .ui-btn.ui-btn-a,
/* Button visited */
.ui-page-theme-a .ui-btn:visited,
html .ui-bar-a .ui-btn:visited,
html .ui-body-a .ui-btn:visited,
html body .ui-group-theme-a .ui-btn:visited,
html head + body .ui-btn.ui-btn-a:visited {
	text-shadow: none;
	border-radius: 7px;
}
/* Button hover */
.ui-page-theme-a .ui-btn:hover,
html .ui-bar-a .ui-btn:hover,
html .ui-body-a .ui-btn:hover,
html body .ui-group-theme-a .ui-btn:hover,
html head + body .ui-btn.ui-btn-a:hover {
	text-shadow: none;
}
/* Button down */
.ui-page-theme-a .ui-btn:active,
html .ui-bar-a .ui-btn:active,
html .ui-body-a .ui-btn:active,
html body .ui-group-theme-a .ui-btn:active,
html head + body .ui-btn.ui-btn-a:active {
	color: rgb(0,0,0) /*{a-bdown-color}*/;
	text-shadow: none;
}


	
/* Platzhalterfeld (Benutzername/Passwort) */
  .ui-input-text {
	border-radius: 8px;
	box-shadow: none;
  }
  
 /* Platzhalterfeld Icons (Benutzername/Passwort) */
/*
.input#benutzername{
background-image: url(user.png);
background-repeat:no-repeat;
background-position:2px;
width:100%;
height:20%;
font-size:16px;
}

.input#Kennwort{
background-image: url(password.png);
background-repeat:no-repeat;
background-position:2px;
width:100%;
height:20%;
font-size:16px;
}

.icon-user {
background-image: url(user.png);
background-repeat:no-repeat;
background-position:2px;
width:100%;
height:20%;
font-size:16px;
}

.icon-password {
background-image: url(password.png);
background-repeat:no-repeat;
background-position:2px;
width:100%;
height:20%;
font-size:16px;
} */






/* Responsive */
.row {
  width: auto;
  height: auto;
  }
.row:before,
  .row:after {
  content: " ";
  display: table;
  }
.row:after {
  clear: both;
  }

.columns {float:left;}