/**
 * Posteo Help (responsive - mobil first) - Skin: PosteoGreen
 * 
 * 
 * @project:        Posteo RWD Help Pages
 * @build:          Mobile First
 * @version:        4.0.2
 * @author:         Andrea Ertel, posteo.de - 07.09.2015 (adapted from Posteo Notes)
 * @last-changed:   23.08.2016 - two lang-switch buttons next to each other
 */
/* 
 * --------------------------------------------------------------------------- *
 * $TABLE OF CONTENTS 
 * --------------------------------------------------------------------------- *
 * $TODOS ......................................... List of ToDos
 * $BASE .......................................... include scss-Partials
 * ... $BOX-SIZING-BORDER-BOX...................... _p_styles-help.scss
 * ... $NORMALIZE v3.0.3........................... _p_normalize.scss
 * ... $HELPER CLASSES............................. _p_helper.scss
 * ... $HELPERS FOR HIDE-SHOW WITH MQ ............. _p_helper-mq.scss
 * ... $FORMS...................................... _p_forms.scss
 * ... $BUTTONS ................................... _p_buttons.scss
 * $WEBMAILER
 * ... $WEBMAILER GENERAL-STYLES FOR RWD .......... _p_wm-basic.scss (rem)
 * ... $POSTEO-HEADER-LAYOUT-WEBMAILER ............ _p_wm-header.scss (rem)
 * ... $POSTEO-LOGO ............................... _p_wm-logo.scss (rem)
 * ... $POSTEO-LANGUAGE-SWITCH .................... _p_rwd-layout.scss (rem)
 * ... $SEARCHBOX ................................. _p_searchbox-help.scss (rem)
 * $LAYOUT
 * ... $POSTEO-RWD-LAYOUT ......................... _p_rwd-layout.scss (rem)
 * ... $POSTEO-MENULIST-NAVLIST ................... _p_navlist-help.scss (rem)
 * ... $LIGHTBOX-HELP ............................. _p_wm_lightbox.scss (rem)
 * ... $POSTEO-HELP-CONTENT ....................... _p_help.scss (rem)
 *
 * $MEDIA-QUERIES FOR WIDER SCREENS ............... _p_mixins.scss
 * ... $SCREENS < 320px ...........................
 * ... $SCREENS > 480px and < 750px ...............
 * ... $SCREENS > 750px ...........................
 * ... $SCREENS > 850px ...........................
 * ... $SCREENS > 950px ...........................
 * ... $SCREENS > 1200px ..........................
 *
 */
/**
 * --------------------------------------------------------------------------- *
 * @section      	$BASE
 * @note            icon fonts only used editorial
 * todo:            build svg-icons for use in CMS
 * --------------------------------------------------------------------------- *
 */
@import url(../fonts/font-awesome.css);
/**
 * -------------------------------------------------------------------------- *
 * @subsection 		$BOX-SIZING-BORDER-BOX
 * @note:			box-sizing gets partially overwritten in normalize
 * -------------------------------------------------------------------------- *
 */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*, *::before, *::after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit; }

/**
 * --------------------------------------------------------------------------- *
 * @section:	$NORMALIZE - normalize.css v3.0.3
 * @license:	MIT License
 * @see:		https://github.com/necolas/normalize.css
 * @adapted:	posteo
 * --------------------------------------------------------------------------- *
 */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 1em;
  margin: 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/**
 * --------------------------------------------------------------------------- *
 * @section      	$HELPER CLASSES
 * @note            
 * --------------------------------------------------------------------------- *
 */
.p_hidden {
  display: none !important;
  visibility: hidden; }

.p_visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.p_visuallyhidden.focusable:active,
.p_visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

.p_invisible {
  visibility: hidden; }

.p_clearfix:before,
.p_clearfix:after {
  content: " ";
  display: table; }

.p_clearfix:after {
  clear: both; }

.p_inline-block {
  display: inline-block !important; }

/**
 * --------------------------------------------------------------------------- *
 * @section      	$HELPER CLASSES
 * @subsection     	$HIDE-ON-CERTAIN-SCREENSIZE - QUERIES
 * --------------------------------------------------------------------------- *
 */
.p_hide-on-smallest-screen,
.p_hide-on-small-screen,
.p_toolbar__button__text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

@media only screen and (max-width: 749px) {
  .p_title-tags__info-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; } }

@media only screen and (min-width: 750px) {
  .p_toolbar__button__text,
  .p_title-tags__info-text {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: relative;
    width: auto; }
  .p_hide-on-smallest-screen {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: relative;
    width: auto; }
  .p_hide-on-big-screen {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; } }

@media only screen and (min-width: 950px) {
  .p_hide-on-small-screen {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: relative;
    width: auto; } }

/**
 * --------------------------------------------------------------------------- *
 * @subsection 		$FORMS
 * --------------------------------------------------------------------------- *
 */
label {
  cursor: pointer; }

input[type=search] {
  -webkit-appearance: none;
  appearance: none; }

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 50px #ffffff inset; }

select,
input[type='text'],
input[type='search'],
input[type='password'],
textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  transition: all 0.30s ease-in-out;
  outline: none;
  border: 1px solid #ddd; }
  select:focus,
  input[type='text']:focus,
  input[type='search']:focus,
  input[type='password']:focus,
  textarea:focus {
    box-shadow: 0px 0px 2px 0px #a9d158 inset; }

/* not in use when text in DIV 
textarea {
	// remove default scrollbar in IE
	overflow: auto;
	color: #333;
}
*/
input.placeholder,
textarea.placeholder {
  color: #b4b4b4; }

input[type=text]::-ms-clear {
  display: none;
  width: 0;
  height: 0; }

input[type=text]::-ms-reveal {
  display: none;
  width: 0;
  height: 0; }

/**
 * --------------------------------------------------------------------------- *
 * @section 	$BUTTONS
 * --------------------------------------------------------------------------- *
 */
.p_btn {
  display: inline-block;
  padding: 0.333em 0.833em;
  vertical-align: middle;
  border: 1px solid transparent;
  text-decoration: none; }

button.p_btn,
input.p_btn {
  font-size: 12px;
  outline: medium none;
  cursor: pointer; }

.p_btn--default {
  background-color: #e4e4e4;
  color: #282e21;
  font-weight: bold;
  border-color: #ccc; }
  .p_btn--default:hover, .p_btn--default:focus, .p_btn--default:active {
    background-color: #aaa;
    color: #fff;
    border-color: #898989; }

.p_btn--primary,
.p_btn--positive {
  font-weight: bold;
  color: #fff;
  background-color: #a9d158;
  border-color: #91ac5b; }
  .p_btn--primary:hover, .p_btn--primary:focus, .p_btn--primary:active,
  .p_btn--positive:hover,
  .p_btn--positive:focus,
  .p_btn--positive:active {
    background-color: #ddf0b6;
    color: #282e21;
    border-color: #a9d158; }

.p_btn--danger,
.p_btn--negative {
  color: #fff;
  font-weight: bold;
  background-color: #e68245;
  border-color: #b86837; }
  .p_btn--danger:hover, .p_btn--danger:focus, .p_btn--danger:active,
  .p_btn--negative:hover,
  .p_btn--negative:focus,
  .p_btn--negative:active {
    color: #282e21;
    background-color: #E6A984; }

.p_btn[disabled],
.p_btn--disabled {
  cursor: default;
  background: #efefef;
  color: #898989; }
  .p_btn[disabled]:hover, .p_btn[disabled]:focus, .p_btn[disabled]:active,
  .p_btn--disabled:hover,
  .p_btn--disabled:focus,
  .p_btn--disabled:active {
    background: #efefef;
    color: #898989; }

.p_btn--history-back {
  white-space: nowrap;
  vertical-align: middle;
  -moz-user-select: none;
  background: none;
  border: 1px solid transparent;
  padding: 0; }

.p_history-back .p_btn--history-back {
  width: 100%;
  text-align: left; }

.p_boxtitle.p_history-back {
  padding: 0.4em 1.2em;
  color: #282e21;
  font-weight: bold; }

/**
 * -------------------------------------------------------------------------- *
 * @section 		$WEBMAILER GENERAL-STYLES FOR RWD
 * -------------------------------------------------------------------------- *
 */
html {
  font-size: 62.5%; }

body {
  font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.6rem;
  line-height: 1.25em;
  color: #282e21;
  background-color: #fff;
  margin: 0; }

html, body {
  height: 100%; }

h1 {
  font-size: 1.6rem;
  line-height: 1em; }

h2 {
  font-size: 2.0rem;
  line-height: 1.5em; }

h3 {
  font-size: 1.8rem;
  line-height: 1.5em; }

h4 {
  font-size: 1.6rem;
  line-height: 1.5em; }

h5 {
  font-size: 1.6rem;
  line-height: 1.5em; }

h6 {
  font-size: 1.4rem;
  line-height: 1.5em; }

p {
  margin: 0 0 0.5em; }

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

button {
  cursor: pointer; }

img {
  border: 0; }

a:link, a:visited {
  color: #282e21; }

a:hover, a:focus, a:active {
  color: #e68245; }

.p_list--inline {
  margin: 0;
  padding: 0; }

.p_list--inline li {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0; }

/**
 * -------------------------------------------------------------------------- *
 * @section 		$POSTEO-HEADER-LAYOUT-WEBMAILER
 * -------------------------------------------------------------------------- *
 */
.p_header {
  background-color: #a9d158; }
  @media only screen and (max-width: 749px) {
    .p_header {
      position: fixed;
      width: 100%;
      z-index: 5; } }

.p_topline {
  min-height: 1.6rem;
  overflow: hidden;
  padding: 0.4rem 0 0 1.0rem; }
  @media only screen and (max-width: 319px) {
    .p_topline {
      padding: 0.4rem 0 0.6rem 1.0rem; } }
  .p_topline span.username {
    color: #ddf0b6;
    font-size: 1.3rem;
    padding-right: 2.0rem;
    float: right;
    display: inline-block; }
    @media only screen and (max-width: 319px) {
      .p_topline span.username {
        padding-right: 1.0rem; } }

.p_toplogo {
  cursor: pointer;
  line-height: 0;
  margin: 0.1rem 0 0 1.5rem;
  padding: 0;
  display: inline-block;
  float: left; }
  @media only screen and (min-width: 750px) {
    .p_toplogo {
      margin: 0.5rem 0 0 1.5rem; } }
  .p_toplogo a {
    color: #fff; }

.p_topnav {
  background-color: #a9d158;
  overflow: hidden;
  padding: 1.1rem 0 0 0;
  position: relative; }
  @media only screen and (min-width: 750px) {
    .p_topnav {
      padding: 0; } }
  @media only screen and (min-width: 850px) {
    .p_topnav {
      max-height: 4.0rem;
      min-height: 4.0rem;
      margin-top: -0.1rem;
      padding: 0; } }

.p_navmain--taskbar {
  margin: 0;
  float: right;
  background-color: #a9d158;
  padding: 0 1.0rem; }
  .p_navmain--taskbar li {
    display: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 49%; }
    @media only screen and (max-width: 319px) {
      .p_navmain--taskbar li {
        width: 100%; } }
    @media only screen and (min-width: 480px) and (max-width: 749px) {
      .p_navmain--taskbar li {
        width: 32%; } }
  .p_navmain--taskbar a {
    color: #282e21;
    text-decoration: none;
    display: inline-block;
    font-size: 1.3rem;
    line-height: 2.0rem;
    padding: 1.1rem 1rem 0.4rem;
    margin-left: -0.3rem;
    width: auto; }
    @media only screen and (max-width: 319px) {
      .p_navmain--taskbar a {
        width: 100%; } }
  .p_navmain--taskbar a:hover,
  .p_navmain--taskbar a:focus,
  .p_navmain--taskbar a:active {
    color: #ddf0b6;
    border-bottom: 4px solid #e6a984; }
    .p_navmain--taskbar a:hover svg,
    .p_navmain--taskbar a:focus svg,
    .p_navmain--taskbar a:active svg {
      fill: #ddf0b6; }
  .p_navmain--taskbar a.button-selected {
    border-bottom: 4px solid #e68245;
    color: #fff;
    font-weight: 800;
    cursor: default; }
    .p_navmain--taskbar a.button-selected svg {
      fill: #fff; }
    .p_navmain--taskbar a.button-selected:hover span.button-inner, .p_navmain--taskbar a.button-selected:focus span.button-inner, .p_navmain--taskbar a.button-selected:active span.button-inner {
      border-bottom: none; }
  .p_navmain--taskbar li.p_logout {
    display: inline-block;
    width: auto;
    position: absolute;
    top: 0;
    right: 0; }
    @media only screen and (min-width: 750px) {
      .p_navmain--taskbar li.p_logout {
        position: static; } }
  .p_navmain--taskbar a.button-logout {
    width: auto;
    padding: 1.2rem 1.5rem 0.4rem;
    margin: 0.4rem 0.8rem; }
    .p_navmain--taskbar a.button-logout:hover, .p_navmain--taskbar a.button-logout:focus, .p_navmain--taskbar a.button-logout:active {
      border-bottom: none; }
    @media only screen and (min-width: 750px) {
      .p_navmain--taskbar a.button-logout {
        padding: 1.1rem 1rem 0.4rem;
        margin: 0; } }

.p_js_help_navbar {
  display: none; }

.p_firstlevel-navicon {
  margin-bottom: -0.3rem;
  margin-right: 0.3rem;
  height: 1.9rem;
  width: 1.9rem;
  fill: #282e21; }
  .p_firstlevel-navicon.fa-envelope-svg {
    width: 2rem; }
  .p_firstlevel-navicon.fa-book-svg {
    width: 2rem; }
  .p_firstlevel-navicon.fa-calendar-svg {
    width: 2rem; }
  .p_firstlevel-navicon.fa-file-text-o-svg {
    width: 2rem; }
  .p_firstlevel-navicon.fa-cogs-svg {
    width: 2rem; }
  .p_firstlevel-navicon.fa-question-circle-svg {
    width: 2rem; }
  .p_firstlevel-navicon.fa-power-off-svg {
    width: 2rem; }

/**
 * -------------------------------------------------------------------------- *
 * @section 		$POSTEO-LOGO
 * -------------------------------------------------------------------------- *
 */
.p_toplogo {
  display: inline-block;
  width: 160px;
  height: 40px; }
  .p_toplogo a:hover, .p_toplogo a:focus, .p_toplogo a:active {
    background-color: transparent; }

.p_toplogo svg {
  width: 100%;
  height: auto; }
  .p_toplogo svg .logo-bg {
    fill: #a9d158; }
  .p_toplogo svg .logo-text {
    fill: #fff; }
  .p_toplogo svg .logo-dot {
    fill: #e68245; }

@media only screen and (min-width: 850px) {
  .p_toplogo svg {
    margin-top: -4px; } }

/**
 * --------------------------------------------------------------------------- *
 * @section 	$POSTEO-LANGUAGE-SWITCH
 * @note        only help pages
 * --------------------------------------------------------------------------- *
 */
.p_langswitch--helppages {
  float: right;
  margin: 1.5rem 2rem 1.5rem 0;
  color: #282e21;
  font-size: 1.3rem;
  cursor: pointer; }
  .p_langswitch--helppages .p_lang-switch {
    display: inline-block;
    margin-left: 1rem; }
    .p_langswitch--helppages .p_lang-switch a {
      font-weight: bold;
      text-decoration: none;
      line-height: 22px; }
      .p_langswitch--helppages .p_lang-switch a:link, .p_langswitch--helppages .p_lang-switch a:visited {
        color: #282e21; }
      .p_langswitch--helppages .p_lang-switch a:hover, .p_langswitch--helppages .p_lang-switch a:focus, .p_langswitch--helppages .p_lang-switch a:active {
        color: #e68245; }
    .p_langswitch--helppages .p_lang-switch .fa-globe-svg {
      width: 1.8rem;
      height: 1.8rem;
      margin-bottom: -0.4rem; }
      .p_langswitch--helppages .p_lang-switch .fa-globe-svg use {
        fill: #282e21; }
    .p_langswitch--helppages .p_lang-switch:hover a {
      color: #e68245; }
    .p_langswitch--helppages .p_lang-switch:hover .fa-globe-svg use {
      fill: #e68245; }

/**
 * --------------------------------------------------------------------------- *
 * @section      	$SEARCHBOX
 * @description     for p_help rwd layout           
 * @usage           .p_main__header in p_help
 * --------------------------------------------------------------------------- *
 */
.p_form__help-search {
  margin: 0 1em 1em;
  clear: right; }
  .p_form__help-search input {
    padding: 0.6rem;
    width: 100%; }
  @media only screen and (max-width: 749px) {
    .p_form__help-search {
      margin: 2em 1em 1em; }
      .p_form__help-search input {
        border-radius: 2px;
        border: 1px solid #a9d158; } }
  @media only screen and (min-width: 750px) {
    .p_form__help-search {
      margin: 1.3rem 0;
      clear: none; }
      .p_form__help-search input {
        width: 60%; } }

/**
 * --------------------------------------------------------------------------- *
 * @section      	$POSTEO-RWD-LAYOUT
 * @usage           p_help and p_notes            
 * --------------------------------------------------------------------------- *
 */
@media only screen and (min-width: 750px) {
  body {
    font-size: 1.3rem; } }

.p_page-wrapper {
  background-color: #fff;
  position: relative;
  height: 100%; }

@media only screen and (max-width: 749px) {
  .p_main {
    background-color: #ddf0b6;
    border-top: 50px solid #a9d158; } }

@media only screen and (min-width: 750px) {
  .p_main {
    background-color: #f5f7f1;
    height: calc(100vh - 65px); } }

@media only screen and (min-width: 850px) {
  .p_main {
    height: calc(100% - 5.6rem); } }

@media only screen and (min-width: 750px) {
  .p_fluid__container {
    display: table;
    width: 100%; }
  .p_fluid__col-left {
    display: table-cell;
    width: 33.3333%;
    vertical-align: top; }
  .p_fluid__col-right {
    display: table-cell;
    width: 66.6667%;
    vertical-align: top; } }

@media only screen and (min-width: 950px) {
  .p_fluid__col-left {
    width: 28%; }
  .p_fluid__col-right {
    width: 72%; } }

@media only screen and (min-width: 1200px) {
  .p_fluid__col-left {
    width: 23%; }
  .p_fluid__col-right {
    width: 77%; } }

@media only screen and (min-width: 750px) {
  .p_main__header {
    border: none; } }

.p_main__h1 {
  font-size: 1.6rem;
  line-height: 1.5em;
  margin: 1.5rem 0 1.5rem 2rem;
  display: inline-block;
  float: left; }
  @media only screen and (min-width: 750px) {
    .p_main__h1 {
      font-size: 2.2rem;
      margin: 1.3rem 2.0rem; }
      .p_main__h1 a {
        color: #282e21;
        text-decoration: none; } }

.p_main__body {
  width: 100%; }
  @media only screen and (min-width: 750px) {
    .p_main__body {
      position: relative;
      overflow: hidden;
      z-index: 1; } }

.p_offcanvas__container--inner {
  background-color: #fff; }
  @media only screen and (min-width: 750px) {
    .p_offcanvas__container--inner {
      background-color: #f5f7f1;
      height: calc(100% - 6.2rem - 2.8rem); } }
  @media only screen and (min-width: 850px) {
    .p_offcanvas__container--inner {
      height: calc(100% - 5.6rem - 2.8rem); } }

.p_boxtitle {
  background-color: #ddf0b6;
  margin: 0; }
  .p_boxtitle a {
    white-space: nowrap;
    padding-right: 0.8rem; }
  @media only screen and (min-width: 750px) {
    .p_boxtitle {
      min-height: 2.6rem; } }

.p_boxtitle__title-text {
  padding: 1rem 1.5rem;
  color: #282e21;
  font-size: 1.6rem;
  font-weight: bold; }
  @media only screen and (min-width: 750px) {
    .p_boxtitle__title-text {
      font-size: 1.2rem;
      padding: 0.6rem 1.5rem; } }
  .p_boxtitle__title-text .p_main__h2 {
    font-size: inherit;
    padding: 0;
    margin: 0;
    line-height: inherit; }

@media only screen and (min-width: 750px) {
  .p_scroller-vertical {
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #fff;
    border-bottom: 25px solid #ddf0b6; } }

@media only screen and (min-width: 750px) {
  .p_offcanvas__nav__inner {
    margin: 0 1em; } }

.p_offcanvas__details {
  position: static; }
  @media only screen and (min-width: 750px) {
    .p_offcanvas__details {
      position: relative;
      min-height: 84vh;
      height: calc(100vh - 125px); }
      .p_offcanvas__details .p_boxtitle {
        margin: 0 1.2rem 0 0; } }
  .p_offcanvas__details img {
    max-width: 100%;
    height: auto; }

.p_offcanvas__details--text {
  padding: 1.5rem 0;
  line-height: 1.5em;
  max-width: 100rem; }

.p_article {
  margin: 0 1.5rem; }

@media only screen and (min-width: 750px) {
  .p_offcanvas__details--inner {
    margin-right: 1em; }
  .p_offcanvas__details--inner textarea {
    height: 100%; } }

@media only screen and (max-width: 749px) {
  .p_offcanvas__nav {
    display: none; }
  .p_js_show-list .p_offcanvas__nav {
    display: block;
    width: 100%; }
  .p_js_show-list .p_offcanvas__details {
    display: none; } }

.p_js_hide {
  display: none; }

.p_js_cursor {
  cursor: pointer; }

@media only screen and (min-width: 750px) {
  .p_offcanvas__nav .p_scroller-vertical,
  .p_offcanvas__details--inner.p_scroller-vertical {
    height: 100%;
    height: calc(100vh - 15.5rem); }
  .p_navmain--taskbar li {
    width: auto;
    position: relative;
    display: inline-block; } }

@media only screen and (min-width: 850px) {
  .p_topnav {
    box-shadow: none; }
  .p_navmain--taskbar {
    width: auto; }
    .p_navmain--taskbar a.button-selected {
      color: #fff; }
    .p_navmain--taskbar li {
      width: auto;
      display: inline-block; }
    .p_navmain--taskbar li.p_logout {
      position: relative; } }

.p_js-back2top {
  display: none; }

@media only screen and (max-width: 749px) {
  .p_js-back2top {
    position: fixed;
    right: 1rem;
    top: 1rem;
    z-index: 50;
    background-color: #fff;
    padding: 0.5rem 1rem;
    font-size: 1.2rem; }
    .p_js-back2top:link, .p_js-back2top:visited {
      color: #a9d158;
      text-decoration: none; }
  #p_js_main__header:target {
    position: relative;
    border-top: 52px solid transparent;
    margin-top: -50px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box; } }

/**
 * --------------------------------------------------------------------------- *
 * @section      	$POSTEO-MENULIST-NAVLIST
 * @description     p_help rwd layout           
 *          	    Tag-Menu in col_left in .p_offcanvas__container--inner
 * @usage           p_help --> p_main__body__navlist
 * --------------------------------------------------------------------------- *
 */
.p_main__body__navlist__item {
  display: block;
  padding: 0.8rem 1.6rem;
  color: #282e21;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.33333em;
  vertical-align: middle;
  text-align: left;
  -moz-user-select: none;
  background-color: #fff;
  border-top: 0;
  border-right: 0;
  border-left: 0;
  border-bottom: 1px solid #eee;
  cursor: pointer;
  width: 100%; }
  @media only screen and (min-width: 750px) {
    .p_main__body__navlist__item {
      font-size: 1.3rem;
      padding: 1.0rem 1.6rem; } }
  .p_main__body__navlist__item a {
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    padding: 0.6em 1em;
    display: block; }
    .p_main__body__navlist__item a:link, .p_main__body__navlist__item a:visited {
      color: #282e21; }
  .p_main__body__navlist__item:hover, .p_main__body__navlist__item:focus, .p_main__body__navlist__item:active, .p_main__body__navlist__item.p_js_active {
    background-color: #f8f8f8; }

@media only screen and (max-width: 749px) {
  .p_main__body__navlist__item a {
    width: 93%;
    display: inline-block; }
  .p_main__body__navlist__item::after {
    content: '';
    display: inline-block;
    background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyBpZD0iZmEtYW5nbGUtcmlnaHQiIHZpZXdCb3g9IjAgMCA3NCAxMjYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIj48cGF0aCBmaWxsPSIjMjgyZTIxIiBkPSJNNzQsNjNjMCwxLjEtMC40LDIuMS0xLjMsMi45bC01OS4zLDU4LjhjLTAuOCwwLjgtMS44LDEuMy0yLjksMS4zcy0yLjEtMC40LTIuOS0xLjNsLTYuNC02LjNjLTAuOC0wLjgtMS4zLTEuOC0xLjMtMi45czAuNC0yLjEsMS4zLTIuOWw1MC00OS42bC01MC00OS42QzAuNCwxMi41LDAsMTEuNiwwLDEwLjVzMC40LTIuMSwxLjMtMi45bDYuNC02LjNDOC41LDAuNCw5LjUsMCwxMC42LDBzMi4xLDAuNCwyLjksMS4zbDU5LjMsNTguOEM3My42LDYwLjksNzQsNjEuOSw3NCw2M3oiLz48L3N2Zz4=");
    background-size: cover;
    width: 6px;
    height: 10px; } }

/**
 * --------------------------------------------------------------------------- *
 * @section      	$LIGHTBOX - HELP
 * @note            Fotoanleitungen mit Lightbox
 * --------------------------------------------------------------------------- *
 */
.lightbox-galerie-wrap {
  overflow-x: auto; }

.lightbox-galerie {
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
  overflow: auto; }

.p_offcanvas__details--text ol.lightbox-galerie,
.p_offcanvas__details--text ul.lightbox-galerie {
  padding: 0; }

.ios6-one-line-only {
  height: 235px;
  width: 1480px; }

.lightbox-galerie li {
  margin: 1em 0;
  padding: 0;
  width: 100%; }

.lightbox-galerie a {
  display: block;
  line-height: 0; }

.lightbox-galerie li img {
  margin: 0;
  border: 3px solid #ddd;
  width: 100%;
  height: auto; }

.p_offcanvas__details--text img {
  border: 3px solid #ddd; }

@media only screen and (max-width: 749px) {
  .p_offcanvas__details--text .lightbox-galerie li {
    margin: 2rem 0; }
  .lightbox-galerie li {
    margin-bottom: 3rem;
    background: #f9f9f9; }
  .p_lightbox--imagecaption {
    padding: 1rem;
    margin: 0;
    line-height: 2rem; } }

@media only screen and (min-width: 750px) {
  #imagelightbox-overlay {
    background-color: rgba(0, 0, 0, 0.8);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9998; }
  #imagelightbox {
    cursor: pointer;
    z-index: 10000;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important; }
  #imagelightbox-loading,
  #imagelightbox-loading div {
    border-radius: 50%; }
  #imagelightbox-loading {
    background-color: rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 2.5em rgba(0, 0, 0, 0.75);
    height: 2.5em;
    left: 50%;
    margin: -1.25em 0 0 -1.25em;
    padding: 0.625em;
    position: fixed;
    top: 50%;
    width: 2.5em;
    z-index: 10003; }
    #imagelightbox-loading div {
      -webkit-animation: 0.5s ease 0s normal none infinite imagelightbox-loading;
      animation: 0.5s ease 0s normal none infinite imagelightbox-loading;
      background-color: #fff;
      height: 1.25em;
      width: 1.25em; }
  @keyframes imagelightbox-loading {
    0% {
      opacity: 0.5;
      -webkit-transform: scale(0.75);
      -ms-transform: scale(0.75);
      transform: scale(0.75); }
    50% {
      opacity: 1;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1); }
    100% {
      opacity: 0.5;
      -webkit-transform: scale(0.75);
      -ms-transform: scale(0.75);
      transform: scale(0.75); } }
  #imagelightbox-loading,
  #imagelightbox-overlay,
  #imagelightbox-close,
  #imagelightbox-caption,
  #imagelightbox-nav,
  .imagelightbox-arrow {
    -webkit-animation: 0.25s linear 0s normal none 1 fade-in;
    animation: 0.25s linear 0s normal none 1 fade-in; }
  @keyframes fade-in {
    0% {
      opacity: 0; }
    100% {
      opacity: 1; } }
  .imagelightbox-arrow {
    display: none; }
  #imagelightbox-caption {
    min-height: 2rem;
    position: fixed;
    padding: 2rem 5%;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #a9d158;
    color: #1A1F2B;
    font-weight: bold;
    text-align: center;
    z-index: 10001;
    line-height: 2rem; }
  .p_offcanvas__details--text ul.lightbox-galerie li {
    float: left;
    margin: 0 2% 2rem 0; }
  .p_offcanvas__details--text ul.lightbox-galerie img:hover,
  .p_offcanvas__details--text ul.lightbox-galerie img:focus {
    border-color: #a9d158; }
  .imagelightbox-arrow {
    background-color: #a9d158;
    border: none;
    display: none;
    height: 7.5em;
    margin-top: -3.75em;
    position: fixed;
    top: 50%;
    vertical-align: middle;
    width: 3.75em;
    z-index: 10001;
    cursor: pointer; }
  .imagelightbox-arrow:active {
    background-color: #111; }
  .imagelightbox-arrow-left {
    left: 10%; }
  .imagelightbox-arrow-right {
    right: 10%; }
  .imagelightbox-arrow::before {
    border: 1em solid transparent;
    content: '';
    display: inline-block;
    height: 0;
    margin-bottom: -0.125em;
    width: 0; }
  .imagelightbox-arrow-left::before {
    border-left: medium none;
    border-right-color: #fff;
    margin-left: -0.313em; }
  .imagelightbox-arrow-right::before {
    border-left-color: #fff;
    border-right: medium none;
    margin-right: -0.313em; }
  #imagelightbox {
    box-shadow: 0 0 3.125em rgba(0, 0, 0, 0.8); }
  #imagelightbox-close {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 50%;
    height: 2.5em;
    position: fixed;
    top: 1.7em;
    right: 2em;
    text-align: left;
    transition: color 0.3s ease 0s;
    width: 2.5em;
    z-index: 10002;
    cursor: pointer; }
  #imagelightbox-close::before,
  #imagelightbox-close::after {
    background-color: #e68245;
    bottom: 20%;
    content: '';
    left: 50%;
    margin-left: -1px;
    position: absolute;
    top: 20%;
    width: 2px; }
  #imagelightbox-close::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  #imagelightbox-close::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  #imagelightbox-nav {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 20px;
    bottom: 3.75em;
    left: 50%;
    padding: 0.313em;
    position: fixed;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 10001; }
  #imagelightbox-nav button {
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 50%;
    display: inline-block;
    height: 1em;
    margin: 0 0.313em;
    width: 1em; }
  #imagelightbox-nav button.active {
    background-color: #fff; } }

@media only screen and (min-width: 750px) and (max-width: 849px) {
  .p_offcanvas__details--text ul.lightbox-galerie li {
    width: 48%; }
    .p_offcanvas__details--text ul.lightbox-galerie li:nth-of-type(2n+3) {
      clear: left; } }

@media only screen and (min-width: 850px) and (max-width: 949px) {
  .p_offcanvas__details--text ul.lightbox-galerie li {
    width: 31%; }
    .p_offcanvas__details--text ul.lightbox-galerie li:nth-of-type(3n+4) {
      clear: left; } }

@media only screen and (min-width: 950px) {
  .p_offcanvas__details--text ul.lightbox-galerie li {
    width: 23%; }
    .p_offcanvas__details--text ul.lightbox-galerie li:nth-of-type(4n+5) {
      clear: left; } }

/**
 * --------------------------------------------------------------------------- *
 * @section      	$POSTEO-HELP-CONTENT
 * @note            
 * --------------------------------------------------------------------------- *
 */
@media only screen and (max-width: 749px) {
  .p_js_fa-tags {
    cursor: pointer; }
    .p_js_fa-tags::after {
      content: '';
      display: inline-block;
      background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyBpZD0iZmEtdGFncyIgdmlld0JveD0iMCAwIDE1OCAxMjYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIj48cGF0aCBmaWxsPSIjYTlkMTU4IiBkPSJNMzYuOCwyNi4xYzAtMi45LTEtNS40LTMuMS03LjVjLTIuMS0yLjEtNC42LTMuMS03LjUtMy4xYy0yLjksMC01LjQsMS03LjUsMy4xcy0zLjEsNC42LTMuMSw3LjVzMSw1LjQsMy4xLDcuNXM0LjYsMy4xLDcuNSwzLjFjMi45LDAsNS40LTEsNy41LTMuMUMzNS43LDMxLjYsMzYuOCwyOS4xLDM2LjgsMjYuMXogTTEyNS42LDc0YzAsMi45LTEsNS40LTMuMSw3LjVsLTQwLjksNDAuOWMtMi4yLDIuMS00LjcsMy4xLTcuNiwzLjFjLTIuOSwwLTUuNC0xLTcuNS0zLjFMNy4xLDYyLjlDNSw2MC44LDMuMiw1OCwxLjcsNTQuNWMtMS41LTMuNS0yLjItNi44LTIuMi05LjdWMTAuMWMwLTIuOSwxLjEtNS40LDMuMi03LjVzNC42LTMuMiw3LjUtMy4yaDM0LjZjMi45LDAsNi4yLDAuNyw5LjcsMi4yQzU4LDMuMiw2MC45LDUsNjMsNy4xbDU5LjUsNTkuNEMxMjQuNSw2OC42LDEyNS42LDcxLjEsMTI1LjYsNzR6IE0xNTcuNSw3NGMwLDIuOS0xLDUuNC0zLjEsNy41bC00MC45LDQwLjljLTIuMiwyLjEtNC43LDMuMS03LjYsMy4xYy0yLDAtMy42LTAuNC00LjktMS4yYy0xLjMtMC44LTIuNy0yLTQuNC0zLjdsMzkuMS0zOS4xYzIuMS0yLjEsMy4xLTQuNSwzLjEtNy41YzAtMi45LTEtNS40LTMuMS03LjZMNzYuMyw3LjFjLTIuMS0yLjEtNC45LTMuOS04LjUtNS40Yy0zLjUtMS41LTYuOC0yLjItOS43LTIuMmgxOC42YzIuOSwwLDYuMiwwLjcsOS43LDIuMnM2LjQsMy4zLDguNSw1LjRsNTkuNSw1OS40QzE1Ni41LDY4LjYsMTU3LjUsNzEuMSwxNTcuNSw3NHoiLz48L3N2Zz4=");
      background-size: cover;
      width: 19px;
      height: 15px;
      margin: 0 0.4rem -0.1rem; }
  .p_js_fa-list {
    cursor: pointer; }
    .p_js_fa-list::after {
      content: '';
      display: inline-block;
      background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyBpZD0iZmEtbGlzdC11bCIgdmlld0JveD0iMCAwIDE2MCAxMjYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIj48cGF0aCBmaWxsPSIjYTlkMTU4IiBkPSJNMzQuMywxMDguOGMwLDQuOC0xLjcsOC44LTUsMTIuMmMtMy4zLDMuMy03LjQsNS0xMi4xLDVzLTguOC0xLjctMTIuMS01Yy0zLjMtMy4zLTUtNy40LTUtMTIuMmMwLTQuOCwxLjctOC44LDUtMTIuMnM3LjQtNSwxMi4xLTVzOC44LDEuNywxMi4xLDVTMzQuMywxMDQsMzQuMywxMDguOHogTTM0LjMsNjNjMCw0LjgtMS43LDguOC01LDEyLjJzLTcuNCw1LTEyLjEsNXMtOC44LTEuNy0xMi4xLTVTMCw2Ny44LDAsNjNzMS43LTguOCw1LTEyLjJjMy4zLTMuMyw3LjQtNSwxMi4xLTVzOC44LDEuNywxMi4xLDVDMzIuNiw1NC4yLDM0LjMsNTguMiwzNC4zLDYzeiBNMTYwLDEwMC4ydjE3LjJjMCwwLjgtMC4zLDEuNC0wLjgsMmMtMC42LDAuNi0xLjIsMC45LTIsMC45SDQ4LjZjLTAuOCwwLTEuNC0wLjMtMi0wLjlzLTAuOC0xLjItMC44LTJ2LTE3LjJjMC0wLjgsMC4zLTEuNCwwLjgtMnMxLjItMC45LDItMC45aDEwOC42YzAuOCwwLDEuNCwwLjMsMiwwLjlDMTU5LjcsOTguOCwxNjAsOTkuNSwxNjAsMTAwLjJ6IE0zNC4zLDE3LjJjMCw0LjgtMS43LDguOC01LDEyLjJzLTcuNCw1LTEyLjEsNXMtOC44LTEuNy0xMi4xLTVTMCwyMiwwLDE3LjJTMS43LDguNCw1LDVzNy40LTUsMTIuMS01UzI2LDEuNywyOS4zLDVTMzQuMywxMi40LDM0LjMsMTcuMnogTTE2MCw1NC40djE3LjJjMCwwLjgtMC4zLDEuNC0wLjgsMmMtMC42LDAuNi0xLjIsMC45LTIsMC45SDQ4LjZjLTAuOCwwLTEuNC0wLjMtMi0wLjljLTAuNi0wLjYtMC44LTEuMi0wLjgtMlY1NC40YzAtMC44LDAuMy0xLjQsMC44LTJjMC42LTAuNiwxLjItMC45LDItMC45aDEwOC42YzAuOCwwLDEuNCwwLjMsMiwwLjlDMTU5LjcsNTMsMTYwLDUzLjYsMTYwLDU0LjR6IE0xNjAsOC42djE3LjJjMCwwLjgtMC4zLDEuNC0wLjgsMmMtMC42LDAuNi0xLjIsMC45LTIsMC45SDQ4LjZjLTAuOCwwLTEuNC0wLjMtMi0wLjljLTAuNi0wLjYtMC44LTEuMi0wLjgtMlY4LjZjMC0wLjgsMC4zLTEuNCwwLjgtMnMxLjItMC45LDItMC45aDEwOC42YzAuOCwwLDEuNCwwLjMsMiwwLjlDMTU5LjcsNy4xLDE2MCw3LjgsMTYwLDguNnoiLz48L3N2Zz4=");
      background-size: cover;
      width: 15px;
      height: 12px;
      margin: 0 0.4rem -0.1rem; }
  .p_js_fa-bars {
    cursor: pointer; }
    .p_js_fa-bars::after {
      content: '';
      display: inline-block;
      background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyBpZD0iZmEtYmFycyIgdmlld0JveD0iMCAwIDE1MSAxMjYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIj48cGF0aCBmaWxsPSIjYTlkMTU4IiBkPSJNMTUxLjUsMTA3LjF2MTIuNmMwLDEuNy0wLjYsMy4yLTEuOSw0LjRjLTEuMiwxLjItMi43LDEuOS00LjQsMS45SDYuOGMtMS43LDAtMy4yLTAuNi00LjQtMS45Yy0xLjItMS4yLTEuOS0yLjctMS45LTQuNHYtMTIuNmMwLTEuNywwLjYtMy4yLDEuOS00LjRzMi43LTEuOSw0LjQtMS45aDEzOC40YzEuNywwLDMuMiwwLjYsNC40LDEuOVMxNTEuNSwxMDUuNCwxNTEuNSwxMDcuMXogTTE1MS41LDU2Ljd2MTIuNmMwLDEuNy0wLjYsMy4yLTEuOSw0LjRjLTEuMiwxLjItMi43LDEuOS00LjQsMS45SDYuOGMtMS43LDAtMy4yLTAuNi00LjQtMS45Yy0xLjItMS4yLTEuOS0yLjctMS45LTQuNFY1Ni43YzAtMS43LDAuNi0zLjIsMS45LTQuNGMxLjItMS4yLDIuNy0xLjksNC40LTEuOWgxMzguNGMxLjcsMCwzLjIsMC42LDQuNCwxLjlDMTUwLjksNTMuNSwxNTEuNSw1NSwxNTEuNSw1Ni43eiBNMTUxLjUsNi4zdjEyLjZjMCwxLjctMC42LDMuMi0xLjksNC40cy0yLjcsMS45LTQuNCwxLjlINi44Yy0xLjcsMC0zLjItMC42LTQuNC0xLjlzLTEuOS0yLjctMS45LTQuNFY2LjNjMC0xLjcsMC42LTMuMiwxLjktNC40UzUuMSwwLDYuOCwwaDEzOC40YzEuNywwLDMuMiwwLjYsNC40LDEuOVMxNTEuNSw0LjYsMTUxLjUsNi4zeiIvPjwvc3ZnPg==");
      background-size: cover;
      width: 14px;
      height: 12px;
      margin: 0 0.4rem -0.1rem; }
  .p_js_show-list .p_js_fa-tags {
    display: none; }
  .p_js_show-list .p_js_fa-list, .p_js_show-list .p_js_fa-bars {
    display: block; }
  .p_js_fa-list, .p_js_fa-bars {
    display: none; }
  .p_fa-angle-left::before,
  .fa-angle-left-svg {
    content: '';
    display: inline-block;
    background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyBpZD0iZmEtYW5nbGUtbGVmdCIgdmlld0JveD0iMCAwIDc0IDEyNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiPjxwYXRoIGZpbGw9IiMyODJlMjEiIGQ9Ik03NCwxMC41YzAsMS4xLTAuNCwyLjEtMS4zLDIuOUwyMi44LDYzbDUwLDQ5LjZjMC44LDAuOCwxLjMsMS44LDEuMywyLjlzLTAuNCwyLjEtMS4zLDIuOWwtNi40LDYuM2MtMC44LDAuOC0xLjgsMS4zLTIuOSwxLjNjLTEuMSwwLTIuMS0wLjQtMi45LTEuM0wxLjMsNjUuOUMwLjQsNjUuMSwwLDY0LjEsMCw2M3MwLjQtMi4xLDEuMy0yLjlMNjAuNSwxLjNDNjEuNCwwLjQsNjIuMywwLDYzLjQsMGMxLjEsMCwyLjEsMC40LDIuOSwxLjNsNi40LDYuM0M3My42LDguNCw3NCw5LjQsNzQsMTAuNXoiLz48L3N2Zz4=");
    background-size: cover;
    width: 6px;
    height: 11px; }
  .p_fa-list {
    content: '';
    display: inline-block;
    background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyBpZD0iZmEtbGlzdC11bCIgdmlld0JveD0iMCAwIDE2MCAxMjYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMzQuMywxMDguOGMwLDQuOC0xLjcsOC44LTUsMTIuMmMtMy4zLDMuMy03LjQsNS0xMi4xLDVzLTguOC0xLjctMTIuMS01Yy0zLjMtMy4zLTUtNy40LTUtMTIuMmMwLTQuOCwxLjctOC44LDUtMTIuMnM3LjQtNSwxMi4xLTVzOC44LDEuNywxMi4xLDVTMzQuMywxMDQsMzQuMywxMDguOHogTTM0LjMsNjNjMCw0LjgtMS43LDguOC01LDEyLjJzLTcuNCw1LTEyLjEsNXMtOC44LTEuNy0xMi4xLTVTMCw2Ny44LDAsNjNzMS43LTguOCw1LTEyLjJjMy4zLTMuMyw3LjQtNSwxMi4xLTVzOC44LDEuNywxMi4xLDVDMzIuNiw1NC4yLDM0LjMsNTguMiwzNC4zLDYzeiBNMTYwLDEwMC4ydjE3LjJjMCwwLjgtMC4zLDEuNC0wLjgsMmMtMC42LDAuNi0xLjIsMC45LTIsMC45SDQ4LjZjLTAuOCwwLTEuNC0wLjMtMi0wLjlzLTAuOC0xLjItMC44LTJ2LTE3LjJjMC0wLjgsMC4zLTEuNCwwLjgtMnMxLjItMC45LDItMC45aDEwOC42YzAuOCwwLDEuNCwwLjMsMiwwLjlDMTU5LjcsOTguOCwxNjAsOTkuNSwxNjAsMTAwLjJ6IE0zNC4zLDE3LjJjMCw0LjgtMS43LDguOC01LDEyLjJzLTcuNCw1LTEyLjEsNXMtOC44LTEuNy0xMi4xLTVTMCwyMiwwLDE3LjJTMS43LDguNCw1LDVzNy40LTUsMTIuMS01UzI2LDEuNywyOS4zLDVTMzQuMywxMi40LDM0LjMsMTcuMnogTTE2MCw1NC40djE3LjJjMCwwLjgtMC4zLDEuNC0wLjgsMmMtMC42LDAuNi0xLjIsMC45LTIsMC45SDQ4LjZjLTAuOCwwLTEuNC0wLjMtMi0wLjljLTAuNi0wLjYtMC44LTEuMi0wLjgtMlY1NC40YzAtMC44LDAuMy0xLjQsMC44LTJjMC42LTAuNiwxLjItMC45LDItMC45aDEwOC42YzAuOCwwLDEuNCwwLjMsMiwwLjlDMTU5LjcsNTMsMTYwLDUzLjYsMTYwLDU0LjR6IE0xNjAsOC42djE3LjJjMCwwLjgtMC4zLDEuNC0wLjgsMmMtMC42LDAuNi0xLjIsMC45LTIsMC45SDQ4LjZjLTAuOCwwLTEuNC0wLjMtMi0wLjljLTAuNi0wLjYtMC44LTEuMi0wLjgtMlY4LjZjMC0wLjgsMC4zLTEuNCwwLjgtMnMxLjItMC45LDItMC45aDEwOC42YzAuOCwwLDEuNCwwLjMsMiwwLjlDMTU5LjcsNy4xLDE2MCw3LjgsMTYwLDguNnoiLz48L3N2Zz4=");
    background-size: cover;
    width: 15px;
    height: 12px;
    margin: 0 0.4rem -0.1rem;
    opacity: 0.8; } }

.p_fa-tag::before {
  content: '';
  display: inline-block;
  background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyBpZD0iZmEtdGFnIiB2aWV3Qm94PSIwIDAgMTI2IDEyNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiPjxwYXRoIGZpbGw9IiMyODJlMjEiIGQ9Ik0zNi44LDI2LjFjMC0yLjktMS01LjQtMy4xLTcuNXMtNC42LTMuMS03LjUtMy4xcy01LjQsMS03LjUsMy4xcy0zLjEsNC42LTMuMSw3LjVzMSw1LjQsMy4xLDcuNXM0LjYsMy4xLDcuNSwzLjFzNS40LTEsNy41LTMuMVMzNi44LDI5LjEsMzYuOCwyNi4xeiBNMTI1LjUsNzRjMCwyLjktMSw1LjQtMy4xLDcuNWwtNDAuOCw0MC45Yy0yLjIsMi4xLTQuNywzLjEtNy42LDMuMWMtMi45LDAtNS40LTEtNy41LTMuMUw3LjEsNjIuOUM1LDYwLjgsMy4yLDU4LDEuNyw1NC41Yy0xLjUtMy41LTIuMi02LjgtMi4yLTkuN1YxMC4xYzAtMi45LDEuMS01LjQsMy4yLTcuNXM0LjYtMy4yLDcuNS0zLjJoMzQuNmMyLjksMCw2LjIsMC43LDkuNywyLjJDNTgsMy4yLDYwLjksNSw2Myw3LjFsNTkuNSw1OS40QzEyNC41LDY4LjYsMTI1LjUsNzEuMSwxMjUuNSw3NHoiLz48L3N2Zz4=");
  background-size: cover;
  width: 12px;
  height: 12px;
  margin-right: 0.6rem;
  margin-left: 0.4rem;
  margin-bottom: -0.1rem; }

@media only screen and (max-width: 749px) {
  .p_boxtitle {
    background: #a9d158;
    color: #fff; }
    .p_boxtitle a {
      text-decoration: none;
      color: #fff; }
    .p_boxtitle.title-tags {
      padding: 1rem 2.2rem; }
    .p_boxtitle .fa-tag::before {
      background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyBpZD0iZmEtdGFnIiB2aWV3Qm94PSIwIDAgMTI2IDEyNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0zNi44LDI2LjFjMC0yLjktMS01LjQtMy4xLTcuNXMtNC42LTMuMS03LjUtMy4xcy01LjQsMS03LjUsMy4xcy0zLjEsNC42LTMuMSw3LjVzMSw1LjQsMy4xLDcuNXM0LjYsMy4xLDcuNSwzLjFzNS40LTEsNy41LTMuMVMzNi44LDI5LjEsMzYuOCwyNi4xeiBNMTI1LjUsNzRjMCwyLjktMSw1LjQtMy4xLDcuNWwtNDAuOCw0MC45Yy0yLjIsMi4xLTQuNywzLjEtNy42LDMuMWMtMi45LDAtNS40LTEtNy41LTMuMUw3LjEsNjIuOUM1LDYwLjgsMy4yLDU4LDEuNyw1NC41Yy0xLjUtMy41LTIuMi02LjgtMi4yLTkuN1YxMC4xYzAtMi45LDEuMS01LjQsMy4yLTcuNXM0LjYtMy4yLDcuNS0zLjJoMzQuNmMyLjksMCw2LjIsMC43LDkuNywyLjJDNTgsMy4yLDYwLjksNSw2Myw3LjFsNTkuNSw1OS40QzEyNC41LDY4LjYsMTI1LjUsNzEuMSwxMjUuNSw3NHoiLz48L3N2Zz4=");
      width: 15px;
      height: 15px;
      margin-right: 0.6rem;
      margin-left: 0.4rem;
      margin-bottom: -0.1rem; }
  .p_fa-angle-right {
    display: table-cell;
    vertical-align: middle; }
    .p_fa-angle-right::after {
      content: '';
      display: inline-block;
      background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyBpZD0iZmEtYW5nbGUtcmlnaHQiIHZpZXdCb3g9IjAgMCA3NCAxMjYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIj48cGF0aCBmaWxsPSIjMjgyZTIxIiBkPSJNNzQsNjNjMCwxLjEtMC40LDIuMS0xLjMsMi45bC01OS4zLDU4LjhjLTAuOCwwLjgtMS44LDEuMy0yLjksMS4zcy0yLjEtMC40LTIuOS0xLjNsLTYuNC02LjNjLTAuOC0wLjgtMS4zLTEuOC0xLjMtMi45czAuNC0yLjEsMS4zLTIuOWw1MC00OS42bC01MC00OS42QzAuNCwxMi41LDAsMTEuNiwwLDEwLjVzMC40LTIuMSwxLjMtMi45bDYuNC02LjNDOC41LDAuNCw5LjUsMCwxMC42LDBzMi4xLDAuNCwyLjksMS4zbDU5LjMsNTguOEM3My42LDYwLjksNzQsNjEuOSw3NCw2M3oiLz48L3N2Zz4=");
      background-size: contain;
      background-repeat: no-repeat;
      width: 8px;
      height: 14px; } }

.p_offcanvas__details--text .p_help-directory {
  margin: 0 1.6rem;
  padding: 0; }

.p_help-directory__topic-header {
  font-size: 1.4rem;
  font-weight: normal;
  background-color: #f8f8f8;
  margin: 0.7rem 0 0;
  display: table;
  width: 100%; }
  .p_help-directory__topic-header a {
    display: block;
    padding: 0.7rem; }
    @media only screen and (max-width: 749px) {
      .p_help-directory__topic-header a {
        width: 97%;
        display: table-cell;
        padding-right: 1.4rem; } }
  .p_help-directory__topic-header a:link,
  .p_help-directory__topic-header a:visited,
  .p_help-directory__topic-header a:active {
    color: #282e21; }
    @media only screen and (max-width: 749px) {
      .p_help-directory__topic-header a:link,
      .p_help-directory__topic-header a:visited,
      .p_help-directory__topic-header a:active {
        text-decoration: none; } }
  .p_help-directory__topic-header a:hover,
  .p_help-directory__topic-header a:focus {
    color: #e68245; }
  .p_help-directory__topic-header:hover, .p_help-directory__topic-header:focus {
    background-color: #f1f1f1; }

h2.p_help__topic-header {
  padding: 0.7rem;
  background-color: #f8f8f8;
  margin: 0.8rem 0; }

.p_offcanvas__details--text {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word; }
  .p_offcanvas__details--text h2.p_help__topic-header {
    font-size: 1.7rem;
    line-height: 1.4em; }
    @media only screen and (min-width: 750px) {
      .p_offcanvas__details--text h2.p_help__topic-header {
        font-size: 1.4rem;
        font-weight: bold; } }
  .p_offcanvas__details--text .p_article > h2.p_help__topic-header {
    margin-top: 0; }
  .p_offcanvas__details--text h3 {
    font-size: 1.6rem;
    font-weight: 700;
    margin: 3rem 0 0.8rem;
    padding: 0.2rem 0.5rem;
    background: #ededed; }
    @media only screen and (min-width: 750px) {
      .p_offcanvas__details--text h3 {
        font-size: 1.3rem;
        margin: 2rem 0 1rem; } }
  .p_offcanvas__details--text h4 {
    font-size: 1.5rem;
    font-weight: normal;
    color: #777777;
    margin: 2.4rem 0 0.8rem; }
  .p_offcanvas__details--text h5 {
    font-size: 1.4rem;
    font-weight: 300;
    color: #888;
    margin: 1.6rem 0 0.4rem; }
  .p_offcanvas__details--text ol, .p_offcanvas__details--text ul {
    margin: 1.8rem 0.6rem;
    padding: 0 0 0 2rem; }
    .p_offcanvas__details--text ol li, .p_offcanvas__details--text ul li {
      margin: 0.6rem 0; }
      .p_offcanvas__details--text ol li ol, .p_offcanvas__details--text ol li ul, .p_offcanvas__details--text ul li ol, .p_offcanvas__details--text ul li ul {
        margin: 0.8rem 0.6rem; }
        .p_offcanvas__details--text ol li ol li, .p_offcanvas__details--text ol li ul li, .p_offcanvas__details--text ul li ol li, .p_offcanvas__details--text ul li ul li {
          list-style-type: square;
          margin: 0;
          line-height: 1.5em; }
  .p_offcanvas__details--text ol {
    line-height: 2.4rem; }
    @media only screen and (min-width: 750px) {
      .p_offcanvas__details--text ol {
        line-height: 2.2rem; } }
  .p_offcanvas__details--text em {
    color: #aaa; }
  @media only screen and (min-width: 750px) {
    .p_offcanvas__details--text h2.p_help-directory__topic-header {
      font-size: 1.4rem; }
    .p_offcanvas__details--text .fa {
      font-size: 1.6rem;
      color: #8EB04A; } }

.highlight {
  font-weight: normal; }

#helpsectionlist {
  font-size: 1.2rem; }

.p_offcanvas__details--text .wm-help .fa {
  color: #282e21; }

.help-page .wm-help .fa {
  color: #282e21; }

.wm-help {
  border-radius: 0.2rem;
  display: inline-block;
  padding: 2px 4px;
  line-height: 1.6rem; }
  .wm-help.wm-mainnav, .wm-help.wm-bottomnav {
    background-color: #ddf0b6;
    border-radius: 0.2rem;
    display: inline-block; }
    .wm-help.wm-mainnav .fa, .wm-help.wm-bottomnav .fa {
      font-size: 1.6rem;
      color: #282e21; }
  .wm-help.wm-leftnav {
    background-color: #e4e4e4; }
    .wm-help.wm-leftnav .fa {
      font-size: 1.6rem;
      color: #282e21; }
  .wm-help.wm-taskbar {
    background-color: #f1f1f1;
    display: inline-block;
    font-size: 0.9rem;
    text-align: center;
    vertical-align: middle;
    line-height: 1.2rem; }
    .wm-help.wm-taskbar .fa {
      color: #282e21;
      display: block; }
    .wm-help.wm-taskbar .wm-help-icon {
      width: 20px;
      height: auto;
      border: none; }
    .wm-help.wm-taskbar .wm-help-icon-text {
      line-height: 1.111em;
      width: 7em;
      display: block; }
  .wm-help.wm-btn-green {
    background: #a9d158;
    color: #fff;
    font-weight: bold; }
    .wm-help.wm-btn-green .fa {
      color: #fff; }
  .wm-help.wm-btn-gray {
    background: #e4e4e4;
    color: #282e21;
    font-weight: bold; }
    .wm-help.wm-btn-gray .fa {
      color: #282e21; }
  .wm-help.wm-btn-blue {
    background: #286090;
    color: #fff;
    font-weight: bold; }
    .wm-help.wm-btn-blue .fa {
      color: #fff; }
  .wm-help.wm-btn-orange {
    background: #e68245;
    color: #fff;
    font-weight: bold; }
    .wm-help.wm-btn-orange .fa {
      color: #fff; }

.wm-help-taskbar {
  background-color: #f1f1f1;
  display: inline-block;
  font-size: 0.9rem;
  text-align: center;
  vertical-align: middle;
  width: 6.2rem;
  line-height: 1.2rem; }
  .wm-help-taskbar .fa {
    color: #282e21; }

.wm-help-img {
  margin: 2rem 1rem; }

.wm-help-img img {
  max-width: 100%;
  height: auto; }

li > .wm-help-img img {
  margin-top: 1em; }

.p_offcanvas__details--text ul.wm-help-img-galerie {
  list-style: none;
  margin: 0 0 0 1rem;
  padding: 0;
  overflow: auto; }
  .p_offcanvas__details--text ul.wm-help-img-galerie li {
    margin: 1em 0;
    padding: 0;
    width: 100%; }
    @media only screen and (min-width: 750px) {
      .p_offcanvas__details--text ul.wm-help-img-galerie li {
        float: left;
        margin: 0 2% 1rem 0; } }
    @media only screen and (min-width: 750px) and (max-width: 849px) {
      .p_offcanvas__details--text ul.wm-help-img-galerie li {
        width: 48%; }
        .p_offcanvas__details--text ul.wm-help-img-galerie li:nth-of-type(2n+3) {
          clear: left; } }
    @media only screen and (min-width: 850px) and (max-width: 949px) {
      .p_offcanvas__details--text ul.wm-help-img-galerie li {
        width: 31%; }
        .p_offcanvas__details--text ul.wm-help-img-galerie li:nth-of-type(3n+4) {
          clear: left; } }
    @media only screen and (min-width: 950px) {
      .p_offcanvas__details--text ul.wm-help-img-galerie li {
        width: 23%; }
        .p_offcanvas__details--text ul.wm-help-img-galerie li:nth-of-type(4n+5) {
          clear: left; } }
  .p_offcanvas__details--text ul.wm-help-img-galerie a {
    display: block;
    line-height: 0; }
  .p_offcanvas__details--text ul.wm-help-img-galerie img {
    margin: 0;
    border: 3px solid #ddd;
    height: auto; }

/**
 * --------------------------------------------------------------------------- *
 * @section:      	$LISTS
 * @description:	List without dots        
 * --------------------------------------------------------------------------- *
 */
.p_list--inline {
  margin: 0;
  padding: 0; }

.p_list--inline li {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0; }

/**
 * --------------------------------------------------------------------------- *
 * @section:      	$TOOLTIP
 * @description:	extra Info on click  
 * @usage           editorial
 * --------------------------------------------------------------------------- *
 */
.no-js .wm-help-info__tooltip {
  display: block; }

.no-js .wm-help-info__icon {
  display: none; }

.js .wm-help-info__tooltip {
  display: none; }

.wm-help-info__phrase {
  border-bottom: 1px dashed #e68245;
  cursor: pointer;
  padding: 0.1em 0.1em 0; }
  .wm-help-info__phrase strong, .wm-help-info__phrase b {
    font-weight: normal; }
  .wm-help-info__phrase .wm-help-info__icon {
    color: #e68245;
    font-size: 1.4rem;
    padding: 0.1em; }
  .wm-help-info__phrase:hover, .wm-help-info__phrase:focus {
    color: #e68245;
    border-bottom: 1px dashed #e68245; }
  .wm-help-info__phrase.p_js-infoact {
    color: #282e21;
    border-bottom: 1px dashed #a9d158; }
    .wm-help-info__phrase.p_js-infoact .wm-help-info__icon {
      color: #a9d158; }

.wm-help-info__tooltip {
  color: #8C8C8C;
  padding: 0.5em 1em;
  margin: 1rem 0;
  background-color: #f5f7f1;
  border-top: 4px solid #ddf0b6; }
  .wm-help-info__tooltip em {
    color: #8C8C8C;
    font-style: normal; }

.wm-help-info__tooltip.p_js-show-tooltip {
  display: block; }