/* Contact us style

   developer:   yhechler
   requires:    /common/framework/css/framework.en.css
                /common/framework/css/form-gui.en.css
   ========================================================================== */
html {
    border-top: none;
    font-family: 'Source Sans Pro', Arial, sans-serif;
}

/** main */
main {
	margin-bottom: 4.5em;
}
main p.information {
	color: #535353;
	font-size: 1.3125rem;
	font-weight: 300;
	line-height: 1.9375rem;
}
main p.information+ul li {
	color: #8a8a8a;
	display: list-item;
	font-size: .9rem;
	list-style-type: square;
	margin-left: 1.2rem;
	padding: .04rem 0 0.4rem;
}
main p.information+ul li span {
	color: #535353;
}
main a {
	color: #dd1600;
	text-decoration: none;
}
main h3 {
    margin: 0.5rem 0;
    color: #dd1100;
    font-size: 20px;
    text-align: left;
}
.page-width {
	margin: 0 auto;
	max-width: 800px;
}
.page-padding {
	margin: 3rem 0 0;
	padding: 0 1rem;
}
.required-wrapper {
    text-align: right;
    color: #dd1100;
    font-size: 13px;
}
.required-wrapper span {
	display:inline-block;
    text-align: right;
}
#_form-gui.grid-form{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
.field.full {
  grid-column: span 2;
}
.is-hidden {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}
.intro p{    
    margin: 1rem 0 ;
    color: #535353;
    font-size: 15px;
}
h1.heading {
	color: #dd1100;
	font-size: 2.8125rem;
	font-weight: 400;
}
.hp-field {
  position: absolute;
  left: -9999px;
  height: 0;
  overflow: hidden;
}
.level-consent-wrapper {
    border: 1px solid #ccc;
    padding: 0.5rem;
}
.level-consent-wrapper ul {
  list-style-position: outside;
  padding-left: 1.2em;   /* controls bullet offset */
}

.level-consent-wrapper li {
  padding-left: 0.5em;   /* aligns wrapped lines */
  text-indent: -0.25em;
  line-height: 1.5;
}
/* error */

.server-error h1.error {
	background-size: 48px 82px;
	background: url(/images/freakedSpikey.png) no-repeat scroll 0% 0% transparent;
	color: #d10;
	font-weight: 400;
	line-height: 82px;
	min-height: 82px;
	padding-left: 58px;
}
.server-error p.information.width-5-7 {
	margin-left: 3.5rem;
}

main ul.level1-consent-option li::before, main ul.level2-consent-option li::before  {
    color: rgb(47, 47, 47);
    content: "\2022";
    display: inline-block;
    font-size: 0.85rem;
    margin-right: 0.25rem;
	margin-bottom:0.25rem;
}
main ul.level1-consent-option, main ul.level2-consent-option {
	padding:0.5rem;
	margin:1rem 0rem;
}
/* styles for large screens (1200px)
   ========================================================================== */

@media all and (max-width: 1200px) {}
/* styles for medium screens (900px)
   ========================================================================== */

@media all and (max-width: 900px) {}
/* styles for small screens (600px)
   ========================================================================== */

@media all and (max-width: 600px) {
  #_form-gui.grid-form{
    grid-template-columns: 1fr;
  }
  .field.full {
    grid-column: span 1;
  }
}
/* styles for minimum supported screen width (320px)
   ========================================================================== */

@media all and (max-width: 320px) {}
/* printer styles
   ========================================================================== */

@media print {}