@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) CSS-component for creating vertical forms
 * (de) CSS-Baustein zur Erstellung von Formularen mit untereinander angeordneten Elementen
 *
 * @note            Many thanks to Ansgar Hein (http://www.anatom5.de) for contribution
 *
 * @copyright       Copyright 2005-2010, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.2.1
 * @revision        $Revision: 455 $
 * @lastmodified    $Date: 2010-01-01 17:33:05 +0100 (Fr, 01. Jan 2010) $
 */

	:root{
		font-weight:400;
		font-size:16px; 
		line-height:24px;
		--fontcolor: #000000;
		--primary-1: #5A2572;
		--primary-2: #0099CD;
		--primary-3: #FFFFFF;
		--secondary-1: #2E2672;
		--secondary-3: #462672;
		--copyright-background: rgba(0, 0, 0, 0.5);
	}

@media screen, projection
{
  /**
   *  YAML Forms - visual styling
   *
   *  (en) visual form styling area
   *  (de) Festlegung des optischen Erscheinungsbildes
   */
  /*.ym-button, .ym-form button, .ym-form .btn-group button.btn, .ym-form input[type="button"], .ym-form input[type="reset"], .ym-form input[type="submit"]{ color:#FFFFFF!important; font-weight:bold; background-color:#944CF2; background-image:linear-gradient(to bottom, #944CF2, #6534A5); }*/
  .ym-button, .ym-form button, .ym-form .btn-group button.btn, .ym-form input[type="button"], .ym-form input[type="reset"], .ym-form input[type="submit"]{ height:3.5rem; padding:0.5rem 2rem; font-size:1.125rem; line-height:1.1.25rem; text-decoration:none; font-weight:700; display:inline-flex; align-items:center; justify-content:center; box-shadow:none; -webkit-box-shadow:none; background-image:none; border:none; }
  .ym-button.ym-primary, .ym-form button.ym-primary, .ym-form .btn-group button.ym-primary, .ym-form input[type="button"].ym-primary, .ym-form input[type="submit"].ym-primary, button.btn-primary{ color:var(--primary-3)!important; background-color:var(--secondary-1); border-radius:6.25rem; background-image:none; }
  /*.ym-button.ym-primary:hover, */
  .ym-form .ym-fbox + .ym-fbox, .ym-form .ym-fbox{ margin-bottom:3em; }
  .ym-form button.ym-primary:hover,
  .ym-button.ym-primary:hover,
  .ym-form input.ym-primary[type="button"]:hover, 
  .ym-form input.ym-primary[type="reset"]:hover, 
  .ym-form input.ym-primary[type="submit"]:hover,
  .ym-form button.btn-primary[type="submit"]:hover  { outline:solid 0.125rem; background-color:var(--primary-3); color:var(--secondary-1)!important; text-decoration:none; box-shadow:none; background-image:none; text-shadow:none; }
  .ym-form label{ color:#1C9CD9; font-weight:bold; }
  .ym-form label.form-check-label{ color:#444; font-weight:normal; }
  .ym-columnar p{ margin-left:30%; }
  .ym-support:before{ content:"\2706"; }
  .ym-button:before{ background:rgba(0,0,0,0.1); float:left; width:1em; text-align:center; font-size:1.5em; margin:0 1em 0 -1em; padding: 0 0.2em; -webkit-box-shadow: 1px 0 0 rgba(0, 0, 0, 0.5), 2px 0 0 rgba(255, 255, 255, 0.5); box-shadow: 1px 0 0 rgba(0, 0, 0, 0.5), 2px 0 0 rgba(255, 255, 255, 0.5); border-radius: .15em 0 0 .15em; pointer-events: none;}
  .ym-cta{ -webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFD871), color-stop(100%, #FFBE15));
    background: -webkit-linear-gradient(top, #FFD871, #FFBE15);
    background: -moz-linear-gradient(top, #FFD871, #FFBE15);
    background: -ms-linear-gradient(top, #FFD871, #FFBE15);
    background: linear-gradient("to bottom", #FFD871, #FFBE15);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFD871', endColorstr='#FFBE15');
    zoom: 1;
    border: 1px solid #007;
    color: #000000 !important;
	}
	.ym-tertiaer{
		background: transparent;
		zoom: 1;
		border: 1px solid #007;
		color: #000000 !important;
	}
	.ym-tertiaer:hover{ background:#F0F0F0; }
	.ym-button.ym-xlarge{ font-size:1.1em; }
		@media(min-width:500px){ .ym-button.ym-xlarge{font-size:1.5em; }}
	
	/** Progressbar **/
	ul#msm-progressbar { display:inline-block; }
	#msm-progressbar li{ color:#1C9CD9; }
	#msm-progressbar li::before{ color:#1C9CD9; }
	#msm-progressbar li.msm-progressbar-active{ color:#50267E; }
	#msm-progressbar li.msm-progressbar-active::before{ background-color:#50267E;}

  /** Kontaktformular in Ansprechpartnerboxen */
  .ansprechpartner .ym-form{ background:none; }
  .ansprechpartner .ym-form .ym-fbox-footer{ background:none; border:none; }

  /* Kontaktformular allgemein */
  .ym-form .tx-srfreecap-pi1-cant-read{ display:block; margin-left:30%; }
  .ym-form #freecapfield{ margin-left:30%; }
  .ym-form .ym-fbox-footer .ym-button{ margin-left:30%; }
}