@charset "UTF-8";

@media all
{

html * 							{ font-size: 100%; }

body 							{ font: normal 12px/1.5em Georgia, "Times New Roman", Times, serif; color: #2c2c2c; background-color:#FFFFFF }

h1,h2,h3,h4,h5,h6 				{ font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#222; margin: 0 0 0.25em 0; font-style: normal }
h1 								{ color: #a7001f; font-size: 200%; line-height: 1.2em; padding: 0; margin: -.4em 0 .6em 0 } /* 30px */
#content-map h1   { margin: 0 0 5px 0; }                 
h2 								{ color: #a7001f; font-size: 150%; margin: 0 0 .5em 0 }         /* 24px */
h3								{ font-size: 120%; font-weight: bold }         /* 18px */
h4 								{ font-size: 12px; text-transform: uppercase; font-weight: bold; color: #a7001f; }      /* 16px */
h5 								{ font-size: 116.67%; margin: 0 0 0.5em 0; }      /* 14px */
h6 								{ font-size: 116.67%; }      /* 14px */

textarea, pre, code, kbd, samp, var, tt { font-family: Georgia, Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier; }

/* --- Lists | Listen  -------------------------------------------------------------------------------- */

ul, ol, dl 						{ line-height: 1.6em; margin: 0 0 1em 1em; padding: 0; }
ul li 							{ list-style-type: disc; }
ul ul li 						{ list-style-type: circle; }

ol li 							{ list-style-type: decimal; }
ol ol li 						{ list-style-type: lower-latin; }

li 								{ margin: 0 0 .5em 0.8em; line-height: 1.6em; }

dt 								{ font-weight: bold; }
dd 								{ margin: 0 0 1em 0.8em; }

/* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */

p 								{ line-height: 1.6em; margin: 0 0 .6em 0; }

blockquote, cite,q 				{ font-family: Georgia, "Times New Roman", Times, serif; font-style: normal; }
blockquote 						{ margin: 0 0 1em 1.6em; color: #666; }

strong,b 						{ font-weight: bold; }
em,i 							{ font-style: italic; }

img								{ border: 0 }

pre, code, kbd, tt, samp, var 	{ font-size: 100%; }
pre, code 						{ color: #800; }
pre 							{ line-height: 1.5em; margin: 0 0 1em 0; }
kbd, samp, var 					{ color: #666; }
var 							{ font-style: italic; }

acronym, abbr 					{ border-bottom: 1px #aaa dotted; font-variant: small-caps; letter-spacing: .07em; cursor: help; }
sub, sup 						{ font-size: 91.6667%; }

hr 								{ color: #fff; background:transparent; margin: 0 0 0.5em 0; padding: 0 0 0.5em 0; border:0; border-bottom: 1px #eee solid; }

/*--- Links ----------------------------------------------------------------------------------------- */

a 								{ color: #a7001f;text-decoration:none; }
a:visited  						{ color: #730497; }

a:focus,
a:hover,
a:active 						{ color:#f35000; text-decoration:underline; }

/* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */

p.icaption_left 				{ float:left; display:inline; margin: 0 1em 0.15em 0; }
p.icaption_right 				{ float:right; display:inline; margin: 0 0 0.15em 1em; }

p.icaption_left img,
p.icaption_right img 			{ padding:0; border: 1px #888 solid; }

p.icaption_left strong,
p.icaption_right strong 		{ display:block; overflow:hidden; margin-top: 2px; padding: 0.3em 0.5em; background: #eee; font-weight: normal; font-size: 91.667%; }

/**
* Generic Content Classes
*/

.dimmed 						{ color: #888; }
.highlight 						{ color: #f60; }
.important 						{ background: #ffe; color: #440; border: 2px #884 solid; padding: 10px; margin-bottom: 1em; }
.info 							{ background: #f8f8f8; color: #666; padding: 10px; margin-bottom: 0.5em; font-size: 91.7%; }
.note 							{ background: #efe; color: #040; border: 2px #484 solid; padding: 10px; margin-bottom: 1em; }
.warning 						{ background: #fee; color: #400; border: 2px #844 solid; padding: 10px; margin-bottom: 1em; }

.float_left 					{ float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em; }
.float_right 					{ float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em; }
.center 						{ display:block; text-align:center; margin: 0.5em auto; }


}


/* WYGWAM HELPER STYLES */
.floatright { float: right; padding: 0 0 0 10px; clear: right; }
.floatleft { float: left;  padding: 0 10px 0 0; clear: left; }


/* BLOG COMMMENTS */

.comment-wrapper {
	margin:15px 0 40px;
}

.comment-wrapper .ctx {
	border:1px solid #dddddd;
	padding:8px 12px;
	word-wrap: break-word;
}

.comment-wrapper .cau {
	margin-bottom:10px;
}

.cau h3 {
	float:left;
	margin-right:25px;
	font-size:18px;
	line-height:2;
}

.cau img {
	float:left;
	margin-right:20px;
	border-radius:50%;
}

.cau span {
	line-height:3;
}

.sep-box {
	margin:30px 0 10px;
	padding:30px 0 10px;
	border-top:1px solid #ddd;
}

.comments h2 {
	margin-bottom:40px;
}

/* FORM STYLE */

.left {
	float:left;
}

label.inline {
	margin-right:15px;
}

.submit-wrap {
	margin-top:10px;
}

section div.column-50 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  padding: 2.5%;
  display: inline-block;
  vertical-align: top;
  text-align: justify;
}
section div.column-50:nth-child(even) {
  margin-left: 0;
}
section div.column-50:nth-child(odd) {
  margin-right: 0;
}
.center {
  text-align: center;
}
.rotate {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2.5%;
}
.rotate figure {
  vertical-align: top;
  display: inline-block;
  width: 32%;
  bottom: 0;
  margin: 0;
  margin-right: 1%;
}
.rotate figure:last-child {
  margin-right: 0;
}
.rotate figcaption {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 0.8em;
}
.rotate .screenshot {
  display: block;
  margin: 0 auto  ;
  width: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center bottom;
  box-sizing: border-box;
}
.rotate .screenshot::after {
  content: "";
  padding-top: 150%;
  display: inline-block;
}
.rotate .screenshot.screenshot-1 {
  background-image: url(../img/t1.png);
}
.rotate .screenshot.screenshot-2 {
  background-image: url(../img/t2.png);
}
.rotate .screenshot.screenshot-3 {
  background-image: url(../img/t3.png);
}
@media screen and (max-width: 500px) {
  .rotate figure {
    width: 100%;
  }
  .rotate .screenshot {
    max-height: 250px;
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  div.icons .desktop-icon,
  div.icons .tablet-icon,
  div.icons .smartphone-icon {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  section div.column-50 {
    width: 100%;
  }
}
@media screen and (max-width: 1000px) {
  div.icons .desktop-icon {
    display: none;
  }
}

/* BEGIN Vanilla form styling */
/* Styling for form fields container structure */
.form-container {
  display: block;
  max-width: 900px;
  width: 100%;
  margin: 30px auto;
}
.form-container .column-50,
.form-container .column-100 {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 1rem 1rem 1rem;
}
.form-container .column-100 {
  width: 100%;
}
.form-container .column-50 {
  vertical-align: top;
  width: 50%;
}
.form-container .wrapped-label {
  display: inline-block;
  white-space: normal;
  max-width: 90%;
  margin-left:6px;
}
.form-container .radio-set {
  margin-bottom: 1em;
}
.form-container .radio-set label {
  margin-left: 1em;
}
.form-container .left {
  text-align: left;
}
.form-container .right {
  text-align: right;
}
.form-container .center {
  text-align: center;
}
@media screen and (max-width: 600px) {
  .form-container .column-50 {
    width: 100%;
  }
  .form-container label {
    white-space: nowrap;
  }
}
/* Styling form input elements and selects */
.vanilla-form {
  font-family: "Lato", sans-serif;
  -webkit-text-size-adjust: 100%;
  /* Prevent font scaling in landscape while allowing user zoom */

}
.vanilla-form a {
  text-decoration: none;
  color: #33a4fd;
}
.vanilla-form input,
.vanilla-form textarea,
.vanilla-form select {
  font-family: "Lato", sans-serif;
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  color: #2b2e36;
  margin-bottom: 1rem;
  font-size: 1rem;
  padding: 1rem;
  background-color: #ffffff;
  border: 1px solid #cecece;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0 0 5px #dddddd;
  -webkit-box-shadow: 0 0 5px #dddddd;
  box-shadow: 0 0 5px #dddddd;
  -webkit-font-smoothing: antialiased !important;
}
.vanilla-form .label-wrap {
	margin-top:10px 0;
}
.vanilla-form .submit-btn {
	padding:1rem 2rem;
}
.vanilla-form input:focus,
.vanilla-form textarea:focus,
.vanilla-form select:focus,
.vanilla-form input:active,
.vanilla-form textarea:active,
.vanilla-form select:active {
  outline: none;
  border-color: #FF850D;
  -moz-box-shadow: 0 0 5px #ddd;
  -webkit-box-shadow: 0 0 5px #ddd;
  box-shadow: 0 0 5px #ddd;
}
.vanilla-form input:last-child,
.vanilla-form textarea:last-child,
.vanilla-form select:last-child {
  margin-bottom: 0;
}
.vanilla-form input.error,
.vanilla-form textarea.error,
.vanilla-form select.error {
  border-color: #e2513f;
  border-width: 2px;
}
.vanilla-form input[type="checkbox"],
.vanilla-form input[type="radio"],
.vanilla-form input[type="button"],
.vanilla-form input[type="submit"],
.vanilla-form input[type="reset"],
.vanilla-form button {
  display: inline-block;
  width: auto;
}
.vanilla-form input[type="button"],
.vanilla-form input[type="submit"],
.vanilla-form input[type="reset"],
.vanilla-form button {
  color: #ffffff;
  background-color: #A7001F;
}
.vanilla-form input[type="button"]:hover,
.vanilla-form input[type="submit"]:hover,
.vanilla-form input[type="reset"]:hover,
.vanilla-form button:hover {
	background-color:#e1002a;
	cursor:pointer;
}
.vanilla-form input[type="button"]:focus,
.vanilla-form input[type="submit"]:focus,
.vanilla-form input[type="reset"]:focus,
.vanilla-form button:focus,
.vanilla-form input[type="button"]:active,
.vanilla-form input[type="submit"]:active,
.vanilla-form input[type="reset"]:active,
.vanilla-form button:active {
  background-color: #8e001a;
}
.vanilla-form input[type="submit"] {
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -ms-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
}
.vanilla-form input[type="submit"].state-success {
  background-color: #2fa94f;
  border-color: #2fa94f;
  width: 130px;
}
.vanilla-form input[type="submit"].state-error {
  background-color: #e2513f;
  border-color: #e2513f;
  width: 120px;
}
.vanilla-form input[type="submit"].state-initial {
  width: 100px;
}
.vanilla-form textarea {
  height: 200px;
  resize: vertical;
}
.vanilla-form input[type="radio"],
.vanilla-form input[type="checkbox"] {
  position: absolute;
  pointer-events: none;
  opacity: 0;
  margin: 0;
  padding: 0;
  height: 10px;
}
.vanilla-form input[type="radio"] + span,
.vanilla-form input[type="checkbox"] + span {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-color: #ffffff;
  border: 1px solid #cecece;
  text-align: center;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.vanilla-form input[type="radio"] + span::after,
.vanilla-form input[type="checkbox"] + span::after {
  content: "";
  display: inline-block;
  opacity: 0;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -ms-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
}
.vanilla-form input[type="radio"]:focus + span,
.vanilla-form input[type="checkbox"]:focus + span,
.vanilla-form input[type="radio"]:active + span,
.vanilla-form input[type="checkbox"]:active + span {
  border-color: #FF850D;
}
.vanilla-form input[type="radio"]:checked + span::after,
.vanilla-form input[type="checkbox"]:checked + span::after {
  opacity: 1;
}
.vanilla-form input[type="radio"].error + span,
.vanilla-form input[type="checkbox"].error + span {
  border-color: #e2513f;
  border-width: 2px;
}
.vanilla-form input[type="radio"] + span {
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
  -moz-box-shadow: 0 0 5px #dddddd;
  -webkit-box-shadow: 0 0 5px #dddddd;
  box-shadow: 0 0 5px #dddddd;
}
.vanilla-form input[type="radio"] + span::after {
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  border-radius: 1em;
  background-color: #33a4fd;
}
.vanilla-form input[type="radio"]:checked + span::after {
  border: 0.2em solid #ffffff;
}
.vanilla-form input[type="checkbox"] + span {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0 0 5px #dddddd;
  -webkit-box-shadow: 0 0 5px #dddddd;
  box-shadow: 0 0 5px #dddddd;
}
.vanilla-form input[type="checkbox"] + span::after {
  height: 45%;
  width: 75%;
  background-color: transparent;
  border: 0 solid #FF850D;
  vertical-align: bottom;
  -webkit-transform: rotate(-45deg) translate(50%, -75%);
  -moz-transform: rotate(-45deg) translate(50%, -75%);
  -ms-transform: rotate(-45deg) translate(50%, -75%);
  -o-transform: rotate(-45deg) translate(50%, -75%);
  transform: rotate(-45deg) translate(50%, -75%);
}
.vanilla-form input[type="checkbox"]:checked + span::after {
  border-left-width: 0.2em;
  border-bottom-width: 0.2em;
}
.vanilla-form label.custom-select {
  position: relative;
  display: block;
}
.vanilla-form label.custom-select span {
  position: absolute;
  display: inline-block;
  text-align: center;
  right: 0;
  top: 0;
  height: 100%;
  width: 3.5rem;
  pointer-events: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #e8e8e8;
  border: 1px solid #cecece;
}
.vanilla-form label.custom-select span::after {
  content: "";
  display: inline-block;
  width: 20%;
  height: 20%;
  -webkit-transform: rotate(-45deg) translate(-80%, 80%);
  -moz-transform: rotate(-45deg) translate(-80%, 80%);
  -ms-transform: rotate(-45deg) translate(-80%, 80%);
  -o-transform: rotate(-45deg) translate(-80%, 80%);
  transform: rotate(-45deg) translate(-80%, 80%);
  border: 0 solid #ffffff;
  border-left-width: 0.25em;
  border-bottom-width: 0.25em;
}
.vanilla-form label.custom-select select:active + span,
.vanilla-form label.custom-select select:focus + span {
  background-color: #66bbfd;
  border: 1px solid #33a4fd;
}
.vanilla-form label.custom-select select.error + span,
.vanilla-form label.custom-select select.error:active + span,
.vanilla-form label.custom-select select.error:focus + span {
  background-color: #e9796b;
  border: 1px solid #e2513f;
}
.vanilla-form .notification-box {
  display: block;
  padding: 1rem;
  margin: 0 1rem 1rem 1rem;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  color: #ffffff;
  text-align: center;
  -webkit-transition: all 600ms;
  -moz-transition: all 600ms;
  -ms-transition: all 600ms;
  -o-transition: all 600ms;
  transition: all 600ms;
}
.vanilla-form .notification-box.show-error,
.vanilla-form .notification-box.show-success {
  border: 1px solid #e2513f;
  background-color: #e9796b;
  max-height: 50vh;
  overflow: auto;
  opacity: 1;
}
.vanilla-form .notification-box.show-error {
  border-color: #e2513f;
  background-color: #e9796b;
}
.vanilla-form .notification-box.show-success {
  border-color: #2fa94f;
  background-color: #41ca65;
}
/* END Vanilla form styling */

.parent { background: none repeat scroll 0 0 #FFFFFF; width:750px; box-shadow: 0 0 1px #CCCCCC; margin-bottom: 30px; padding: 20px; position:relative; display:inline-block; }

.author-bio .fleft {
  float:left;
  margin-right:25px;
}

.parent p {
  float:right;
  width:628px;
}

.author-bio {
  border-top:3px solid #A7001F;
  margin-top:30px;
}

.author-bio .smi-wrap {
  display:block;
  clear:left;
}

.author-bio a.smi {
  display:inline-block;
  text-indent:-9999px;
  height:28px;
  width:28px;
  margin-right:3px;
}

.author-bio a.member-google {
  background:url(/assets/images/social_icons/googleplus.png) no-repeat 0 0;
  background-size:28px;
}

.author-bio a.member-facebook {
  background:url(/assets/images/social_icons/facebook.png) no-repeat 0 0;
  background-size:28px;
}

.author-bio a.member-twitter {
  background:url(/assets/images/social_icons/twitter.png) no-repeat 0 0;
  background-size:28px;
}

.author-bio a.member-linkedin {
  background:url(/assets/images/social_icons/linkedin.png) no-repeat 0 0;
  background-size:28px;
}

.author-bio a.member-mail {
  background:url(/assets/images/social_icons/mail.png) no-repeat 0 0;
  background-size:28px;
}

.author-bio h2 {
  margin:0 0 10px 0;
}

.author-bio img {

  margin:0 auto 20px  auto;

  border:1px solid #ddd;
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 50%; 

  /* Firefox 1-3.6 */
  -moz-border-radius: 50%; 
  
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 50%; 
}