/*
Theme Name: pn_aposerv.at_2022 (perfect:net Divi Child)
Theme URI: http://www.perfectnet.at/
Template: Divi
Author: perfect:net (Urs)
Author URI: http://www.perfectnet.at
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comment$
Version: 1.3.1 (in_dev)
Updated: 2021-09-15 13:37:00
*/

/*** p:n CUSTOM VARS ***/
:root {
  /*** FONTS ***/
	--pn_font_head: 'Open Sans', Helvetica, Arial, Sans-Serif; 
	--pn_font_body: 'Open Sans', Helvetica, Arial, Sans-Serif;
	--pn_font_menu: 'Open Sans', Helvetica, Arial, Sans-Serif;
	--pn_font_icon: 'Font Awesome 6 Pro';
	--pn_font_quote: 'Open Sans', Helvetica, Arial, Sans-Serif;
	--pn_font_highlight: none;
    /** FONT SIZES **/
	--media-min-width-dt: 1600;	/* DESKTOP */
	--media-min-width-mt: 320; 	/* MOBILE + TAB - MINIMUM BREITE! */
	--h1-fsize-max:48;
	--h1-fsize-min:36;
	--h2-fsize-max:34;
	--h2-fsize-min:27;
	--h3-fsize-max:30;
	--h3-fsize-min:24;
	--h4-fsize-max:27;
	--h4-fsize-min:22;
	--h5-fsize-max:24;
	--h5-fsize-min:20;
	--h6-fsize-max:20;
	--h6-fsize-min:17;
	--body-fsize-max:16;
	--body-fsize-min:14;
	--button-fsize-max:;
	--button-fsize-min:;
    /** FONT ADDONS **/
	--text-shadow-dark: /*2px 2px 2px #000000;*/
	--text-shadow-light: /*2px 2px 2px #CDCDCD;*/
  /*** COLORS - Text Specific ***/
	--pn_highlight-text-color: var(--pn_col1);
	--pn_highlight-text-color2: #3bbcd5;	/* blau_heller */
	--pn_body_dark-font-color: #575756;	/* dark-grey */
	--pn_body_light-font-color: #f2f2f2;	/* light grey */
	--pn_body_light-color: #ffffff;		/* weiß */
	--pn_error-color1: #f51a1a; 		/* abgeändertes lightcoral */
  /*** COLORS - THEMING ***/
	--pn_col1: #e79d19;		/* aporoom_orange */
	--pn_col2: #5591C9;		/* */
	--pn_col3: #6A7F93;		/* */
	--pn_col4: #91AEC9;		/* */
	--pn_col5: #1F354A;		/* */
	--pn_col6: ;            /* spacer */
	--pn_col7: ;            /* spacer */
	--pn_col8: ;            /* spacer */
	--pn_col9: ;            /* spacer */
	--pn_col10: ;           /* spacer */
	--pn_col_light1: #ffffff;	/* white */
    /** MENU + NAV ADDONS **/
	--pn_menu-highlight1: var(--pn_col1);
	--pn_menu-highlight2: var(--pn_col2); /*spacer*/
	--pn_menu-highlight3: var(--pn_col2); /*spacer*/
	--pn_menu-highlight4: var(--pn_col2); /*spacer*/
	--pn_menu-highlight5: red; /*spacer*/
	--pn_menu-text-color-default: var(--pn_body_light-color); /*spacer*/
	--pn_menu-text-color-hover: var(--pn_body_light-font-color); /*spacer*/
	--pn_menu-text-color-active: var(--pn_body_light-color); /*spacer*/
	--pn_menu_sub-text-color-default: var(--pn_col2); /*spacer*/
	--pn_menu_sub-text-color-hover: var(--pn_col2); /*spacer*/
	--pn_menu_sub-text-color-active: var(--pn_col2); /*spacer*/
  /*** VARS - THEMING ***/
	--pn_box-shadow-menu:0px 12px 18px -6px rgba(0,0,0,0.3) !important;
}



/***** p:n __ADITIONAL ADDONS *****/
/*** Custom Top & Vertical Navigation Widget Area styling _functions.php _START ***/
#pn-widget-area-wrap {
  display: none;
  float: right;
  max-width: 500px;
  clear: right;
  position: relative;
}
#pn-widget-area-wrap .et_pb_widget { margin-right:0px }
#pn-widget-area-wrap .et_pb_widget:last-child { margin-bottom: 18px; }
.et-fixed-header #pn-widget-area-wrap .et_pb_widget:last-child { margin-bottom: 10px; }
/* mobile disabled */
@media only screen and ( max-width: 980px ) {
   #pn-widget-area-wrap .et_pb_widget:last-child { display:none; margin-bottom: 0px; }
}
@media only screen and ( max-width: 768px ) {
  #pn-widget-area-wrap .et_pb_widget:first-child { display;none; margin-top: 18px; }
}
/*** Custom Top & Vertical Navigation Widget Area styling _functions.php _END ***/


/**** Fix for media query divi 4.10 ****/
#kontakt_alt .col.bg01::before {
  content: '';
  position: absolute;
}

#kontakt_alt .col.bg01 .et_pb_contact_form .et_pb_contact_field_checkbox label i::before {
    color: var(--pn_col5);
}
@media only screen and (min-width: 1850px) {
#kontakt_alt .col.bg01::before {
    --pad_tb01: 111px;
    --pad_l01: 2.90%;
    --pad_r01: 10%;
    top: calc(-1 * var(--pad_tb01));
    left: calc((-1 * var(--pad_l01)) * 2);
    width: 50vw;
    height: calc(100% + (var(--pad_tb01) * 2));
    background-color: rgba(255,255,255,.4) !important;
  }
}
@media only screen and (min-width: 981px) {
#kontakt_alt { padding: 74px 0 !important; }
#kontakt_alt .et_pb_row { padding: 37px 0 !important; }
/*#kontakt_alt { padding: 4% 0 !important; }
#kontakt_alt .et_pb_row { padding: 2% 0 !important; }*/
#kontakt_alt .col.bg01::before {
    --pad_tb01: 111px;
    --pad_l01: 2.90%;
    --pad_r01: 10%;
    top: calc(-1 * var(--pad_tb01));
    left: calc((-1 * var(--pad_l01)) * 2);
    width: 50vw;
    height: calc(100% + (var(--pad_tb01) * 2));
    background-color: rgba(255,255,255,.4) !important;
  }
}
@media only screen and (max-width: 980px) {
}
/**** Fix for media query divi 4.10 _END****/

/***** p:n __DEFAULT THEMEING (classes etc.) *****/
/*** TYPOGRAPHY ***/
/*#et-main-area #main-content h1, 
#et-main-area #main-content h2,
#et-main-area #main-content h3,
#et-main-area #main-content h4,
#et-main-area #main-content h5,
#et-main-area #main-content h6,*/
#page-container h1,
#page-container h2,
#page-container h3,
#page-container h4,
#page-container h5,
#page-container h6, 
#page-container .pn_like-h1, #page-container .pn_like-h2, #page-container .pn_like-h3, #page-container .pn_like-h4, #page-container .pn_like-h5, #page-container .pn_like-h6 {
  font-family: var(--pn_font_head);
}
/*
span.pn_like-h1, span.pn_like-h2, #page-container span.pn_like-h3, .pn_like-h4, .pn_like-h5, .pn_like-h6 {
  font-family: var(--pn_font_head) !important;
}
*/
/*#et-main-area #main-content h1,
#et-main-area #main-content h2,
#et-main-area #main-content h3,*/
#page-container h1,
#page-container h2,
#page-container h3, 
.pn_like-h1, .pn_like-h2, .pn_like-h3 {
  font-weight: 400 !important;
  text-transform: none;
}

.et_pb_bg_layout_light h1,
.et_pb_bg_layout_light h2,
.et_pb_bg_layout_light h3, 
.et_pb_bg_layout_light .pn_like-h1, .et_pb_bg_layout_light .pn_like-h2, .et_pb_bg_layout_light .pn_like-h3 {
  text-shadow: var(--text-shadow-light) !important;
}

.et_pb_bg_layout_dark h1, 
.et_pb_bg_layout_dark h2,
.et_pb_bg_layout_dark h3,
.et_pb_bg_layout_dark h6, 
.et_pb_bg_layout_dark .pn_like-h1, .et_pb_bg_layout_dark .pn_like-h2, .et_pb_bg_layout_dark .pn_like-h3, .et_pb_bg_layout_dark .pn_like-h5, .et_pb_bg_layout_dark .pn_like-h6 {
  text-shadow: var(--text-shadow-dark) !important;
}
.et_pb_bg_layout_dark h1,
.et_pb_bg_layout_dark h2,
.et_pb_bg_layout_dark h3,
.et_pb_bg_layout_dark h4,
.et_pb_bg_layout_dark h5,
.et_pb_bg_layout_dark h6 {
  color: var(--pn_col5);
}
/*
#et-boc h2, #page-container h2, .pn_like-h2, h2.entry-title { font-size: 28px; }
#et-boc h3, #page-container h3, .pn_like-h3, h3.entry-title, #BorlabsCookieBox ._brlbs-h3 { font-size: 24px; }
#et-boc h4, #page-container h4, .pn_like-h4, h4.entry-title { font-size: 22px; }
#et-boc h5, #page-container h5, .pn_like-h5, h5.entry-title { font-size: 20px; }
#et-boc h6, #page-container h6, .pn_like-h6, h6.entry-title { font-size: 16px; }
*/

sup { vertical-align: super !important; bottom: unset !important; }

body #et-main-area #main-content,
#page-container {
  font-family: var(--pn_font_body);
  font-weight: 300;
/*  font-size: 16px;*/
  letter-spacing: -.4px;
}

.et_pb_bg_layout_light { color: var(--pn_body_dark-font-color); }
.et_pb_bg_layout_dark { color: var(--pn_body_light-font-color); }
#main-content ul li { margin-bottom: 8px; }
#main-content ul li:last-child { margin-bottom: unset !important; }



/** FLUID TEXT WEBSITE NEU inkl. pn_like-OVERRIDES**/
#et-boc h1, #page-container h1, h1.entry-title { font-size: 36px; font-size: calc(var(--h1-fsize-min) * 1px); }
#et-boc h2, #page-container h2, h2.entry-title { font-size: 27px; font-size: calc(var(--h2-fsize-min) * 1px); }
#et-boc h3, #page-container h3, h3.entry-title, #BorlabsCookieBox ._brlbs-h3 { font-size: 24px; font-size: calc(var(--h3-fsize-min) * 1px); }
#et-boc h4, #page-container h4, h4.entry-title { font-size: 22px; font-size: calc(var(--h4-fsize-min) * 1px); }
#et-boc h5, #page-container h5, h5.entry-title { font-size: 20px; font-size: calc(var(--h5-fsize-min) * 1px); }
#et-boc h6, #page-container h6, h6.entry-title { font-size: 17px; font-size: calc(var(--h6-fsize-min) * 1px); }
body #et-main-area #main-content, body #page-container { font-size: 14px; font-size: calc(var(--body-fsize-min) * 1px); }

@media screen and (min-width: 320px) {
  #et-boc h1, #page-container h1, h1.entry-title { font-size: 36px;
    font-size: calc(var(--h1-fsize-min) * 1px + (var(--h1-fsize-max) - var(--h1-fsize-min)) * ((100vw - var(--media-min-width-mt) * 1px) / (var(--media-min-width-dt) - var(--media-min-width-mt))));
  }
  #et-boc h2, #page-container h2, h2.entry-title { font-size: 27px;
    font-size: calc(var(--h2-fsize-min) * 1px + (var(--h2-fsize-max) - var(--h2-fsize-min)) * ((100vw - var(--media-min-width-mt) * 1px) / (var(--media-min-width-dt) - var(--media-min-width-mt))));
  }
  #et-boc h3, #page-container h3, h3.entry-title, #BorlabsCookieBox ._brlbs-h3 { font-size: 24px;
    font-size: calc(var(--h3-fsize-min) * 1px + (var(--h3-fsize-max) - var(--h3-fsize-min)) * ((100vw - var(--media-min-width-mt) * 1px) / (var(--media-min-width-dt) - var(--media-min-width-mt))));
  }
  #et-boc h4, #page-container h4, h4.entry-title { font-size: 22px;
    font-size: calc(var(--h4-fsize-min) * 1px + (var(--h4-fsize-max) - var(--h4-fsize-min)) * ((100vw - var(--media-min-width-mt) * 1px) / (var(--media-min-width-dt) - var(--media-min-width-mt))));
  }
  #et-boc h5, #page-container h5, h5.entry-title { font-size: 20px;
    font-size: calc(var(--h5-fsize-min) * 1px + (var(--h5-fsize-max) - var(--h5-fsize-min)) * ((100vw - var(--media-min-width-mt) * 1px) / (var(--media-min-width-dt) - var(--media-min-width-mt))));
  }
  #et-boc h6, #page-container h6, h6.entry-title { font-size: 17px;
    font-size: calc(var(--h6-fsize-min) * 1px + (var(--h6-fsize-max) - var(--h6-fsize-min)) * ((100vw - var(--media-min-width-mt) * 1px) / (var(--media-min-width-dt) - var(--media-min-width-mt))));
  }
  body #et-main-area #main-content, body #page-container { font-size: 14px;
    font-size: calc(var(--body-fsize-min) * 1px + (var(--body-fsize-max) - var(--body-fsize-min)) * ((100vw - var(--media-min-width-mt) * 1px) / (var(--media-min-width-dt) - var(--media-min-width-mt))));
  }
}

@media screen and (min-width: 1600px) {
  #et-boc h1, #page-container h1, h1.entry-title { font-size: 48px; font-size: calc(var(--h1-fsize-max) * 1px); }
  #et-boc h2, #page-container h2, h2.entry-title { font-size: 34px; font-size: calc(var(--h2-fsize-max) * 1px); }
  #et-boc h3, #page-container h3, h3.entry-title, #BorlabsCookieBox ._brlbs-h3 { font-size: 30px; font-size: calc(var(--h3-fsize-max) * 1px); }
  #et-boc h4, #page-container h4, h4.entry-title { font-size: 27px; font-size: calc(var(--h4-fsize-max) * 1px); }
  #et-boc h5, #page-container h5, h5.entry-title { font-size: 24px !important; font-size: calc(var(--h5-fsize-max) * 1px); }
  #et-boc h6, #page-container h6, h6.entry-title { font-size: 20px; font-size: calc(var(--h6-fsize-max) * 1px); }
  body #et-main-area #main-content, body #page-container { font-size: 16px; font-size: calc(var(--body-fsize-max) * 1px);}
}

/* PN LIKE OVERRIDES */
.pn_like-h1 { font-size: 36px !important; font-size: calc(var(--h1-fsize-min) * 1px) !important; }
.pn_like-h2 { font-size: 27px !important; font-size: calc(var(--h2-fsize-min) * 1px) !important; }
.pn_like-h3 { font-size: 24px !important; font-size: calc(var(--h3-fsize-min) * 1px) !important; }
.pn_like-h4 { font-size: 22px !important; font-size: calc(var(--h4-fsize-min) * 1px) !important; }
.pn_like-h5 { font-size: 20px !important; font-size: calc(var(--h5-fsize-min) * 1px) !important; }
.pn_like-h6 { font-size: 17px !important; font-size: calc(var(--h6-fsize-min) * 1px) !important; }
.pn_like-p { font-size: 14px !important; font-size: calc(var(--body-fsize-min) * 1px) !important; }

@media screen and (min-width: 320px) {
  .pn_like-h1 { font-size: 36px !important;
    font-size: calc(var(--h1-fsize-min) * 1px + (var(--h1-fsize-max) - var(--h1-fsize-min)) * ((100vw - var(--media-min-width-mt) * 1px) / (var(--media-min-width-dt) - var(--media-min-width-mt)))) !important;
  }
  .pn_like-h2 { font-size: 27px !important;
    font-size: calc(var(--h2-fsize-min) * 1px + (var(--h2-fsize-max) - var(--h2-fsize-min)) * ((100vw - var(--media-min-width-mt) * 1px) / (var(--media-min-width-dt) - var(--media-min-width-mt)))) !important;
  }
  .pn_like-h3 { font-size: 24px !important;
    font-size: calc(var(--h3-fsize-min) * 1px + (var(--h3-fsize-max) - var(--h3-fsize-min)) * ((100vw - var(--media-min-width-mt) * 1px) / (var(--media-min-width-dt) - var(--media-min-width-mt)))) !important;
  }
  .pn_like-h4 { font-size: 22px !important;
    font-size: calc(var(--h4-fsize-min) * 1px + (var(--h4-fsize-max) - var(--h4-fsize-min)) * ((100vw - var(--media-min-width-mt) * 1px) / (var(--media-min-width-dt) - var(--media-min-width-mt)))) !important;
  }
  .pn_like-h5 { font-size: 20px !important;
    font-size: calc(var(--h5-fsize-min) * 1px + (var(--h5-fsize-max) - var(--h5-fsize-min)) * ((100vw - var(--media-min-width-mt) * 1px) / (var(--media-min-width-dt) - var(--media-min-width-mt)))) !important;
  }
  .pn_like-h6 { font-size: 17px !important;
    font-size: calc(var(--h6-fsize-min) * 1px + (var(--h6-fsize-max) - var(--h6-fsize-min)) * ((100vw - var(--media-min-width-mt) * 1px) / (var(--media-min-width-dt) - var(--media-min-width-mt)))) !important;
  }
  .pn_like-p { font-size: 14px !important;
    font-size: calc(var(--body-fsize-min) * 1px + (var(--body-fsize-max) - var(--body-fsize-min)) * ((100vw - var(--media-min-width-mt) * 1px) / (var(--media-min-width-dt) - var(--media-min-width-mt)))) !important;
  }
}

@media screen and (min-width: 1600px) {
  .pn_like-h1 { font-size: 48px !important; font-size: calc(var(--h1-fsize-max) * 1px) !important; }
  .pn_like-h2 { font-size: 34px !important; font-size: calc(var(--h2-fsize-max) * 1px) !important; }
  .pn_like-h3 { font-size: 30px !important; font-size: calc(var(--h3-fsize-max) * 1px) !important; }
  .pn_like-h4 { font-size: 27px !important; font-size: calc(var(--h4-fsize-max) * 1px) !important; }
  .pn_like-h5 { font-size: 24px !important; font-size: calc(var(--h5-fsize-max) * 1px) !important; }
  .pn_like-h6 { font-size: 20px !important; font-size: calc(var(--h6-fsize-max) * 1px) !important; }
  .pn_like-p { font-size: 16px !important; font-size: calc(var(--body-fsize-max) * 1px) !important; }
}
/* PN LIKE OVERRIDES __ENDE */
/** FLUID TEXT WEBSITE __ENDE **/


/** HYPHEN CLASSES **/
.hyphens,
.hyphens.on,
.hyphens-on {
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.hyphens.manual,
.hyphens-manual {
  word-wrap: break-word;
  overflow-wrap: break-word;
  -moz-hyphens: manual;
  -o-hyphens: manual;
  -webkit-hyphens: manual;
  -ms-hyphens: manual;
  hyphens: manual;
}
.hyphens.off,
.hyphens-off,
.hyphens-none,
.hyphens-disabled,
.no-hyphens {
  word-wrap: none;
  overflow-wrap: initial;
  -moz-hyphens: none;
  -o-hyphens: none;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
/* avoids linebreak into nex column */
.hyphens p,
.hyphens span,
.hyphens li {
  page-break-inside: avoid;                     /* Firefox */
  column-break-inside: avoid;                   /* Chrome, Opera, Safari */
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
/* no wrap addon class */
.no-wrap {
  white-space: nowrap;
}
/** HYPHEN CLASSES __ENDE **/

/*** TYPOGRAPHY __ende ***/



@media all and (min-width: 981px) {
  .pn_row_equal,
  .pn_row-equal,
  .pn_row-equal.center {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    direction: ltr;
    align-items: center;
  }
  .pn_row-equal.bottom {
    align-items: baseline;
  }
  .pn_row-equal.end {
    align-items: end;
  }
  .pn_row-equal.top {
    align-items: unset;
  }
}
@media all and (max-width: 980px) {
  .pn_row_equal.tab_menu,
  .pn_row-equal.tab_menu {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    direction: ltr;
    align-items: center;
  }
}
/*** column stacking order mobile ***/
@media all and (max-width: 980px) {
  /*** wrap row in a flex box ***/
  .custom_row,
  .pn_custom-row,
  .pn_custom-col {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    flex-wrap: wrap;
  }
  /*** custom classes that will designate the order of columns in the flex box row ***/
  .first-on-mobile {
    -webkit-order: 1 !important;
    order: 1 !important;
  }
  .second-on-mobile {
    -webkit-order: 2 !important;
    order: 2 !important;
  }
  .third-on-mobile {
    -webkit-order: 3 !important;
    order: 3 !important;
  }
  .fourth-on-mobile {
    -webkit-order: 4 !important;
    order: 4 !important;
  }
  .fifth-on-mobile {
    -webkit-order: 5 !important;
    order: 5 !important;
  }
  .sixth-on-mobile {
    -webkit-order: 6 !important;
    order: 6 !important;
  }
  /*** add margin to last column ***/
  .custom_row:last-child .et_pb_column:last-child {
    margin-bottom: 0px !important;
  }
}
.pn_custom-col.full {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap; /* Safari 6.1+ */
  flex-wrap: wrap;
}
/*** column stacking order mobile _ende***/

/*** font awsome icons _default ***/
.pn_fa-icons {color: var(--pn_col4); font-size: 60px; display: flex; align-items: baseline;}
.pn_fa-icons .left { float: left; }
.pn_fa-icons.default {}
.pn_fa-icons.on_dark {}
.pn_fa-icons.on_dark h2 { color: #ffffff }
/*** font awsome icons _default _ende ***/

/* customizing divi bg parallax bg funktions */
.pn_gradient-overlay:before {
  content:"";
  position:absolute;
  z-index:1;
  background:inherit;
  top:0;
  bottom:0;
  width:100%;
}
.pn_gradient-overlay .et_pb_row {
  z-index:2 !important;
}
.pn_gradient-overlay {
  background-color: transparent;
}
.pn_blur1 .et_parallax_bg {
  -webkit-filter: blur(10px);
  -moz-filter: blur(10px);
  -o-filter: blur(10px);
  -ms-filter: blur(10px);
  filter: blur(10px);
}
/*
.pn_shadow-inset:before {
  box-shadow: inset 1px -1px 12px 1px #038;
  z-index: 2;
}
*/
/* customizing divi bg parallax bg funktions _ENDE */

/** CUSTOM CODE BOX **/
.pn_box-main {
/*  min-height: 60px;*/
}
.pn_box-main.landing-head {
  min-height: 68px !important; /*1.1em*/
}

.pn_box-main.pn_row-equal.bottom { align-items: flex-end; }

.pn_align-left { }
.pn_align-right { }

.pn_box-main .pn_icon { }

.pn_box-main .pn_icon .fad.fa-handshake { positiion: relative; bottom: -7px; }
.pn_box-main .pn_icon .fad.fa-users-crown { positiion: relative; bottom: -3px; }
.pn_box-main .pn_icon .fad.fa-house-damage { positiion: relative; bottom: 0; }

.pn_box-main .pn_icon, .pn_box-main .pn_text { text-shadow: var(--text-shadow-dark); }
.pn_box-main .pn_text h2 { padding-bottom: 0 !important; padding: 0 !important; }
.pn_box-main.pn_align-left {
  justify-content: flex-start;
}
.pn_box-main.pn_align-right {
  justify-content: flex-end;
}
.pn_box-main.pn_align-left .pn_icon {
  float: left;
  margin-right: 15px;
  -webkit-order: 1;
  order: 1;
}
.pn_box-main.pn_align-right .pn_icon {
  float: right;
  margin-left: 15px;
  -webkit-order: 2;
  order: 2;
}
.pn_box-main.pn_align-left .pn_text {
  text-align: left;
  -webkit-order: 2;
  order: 2;
}
.pn_box-main.pn_align-right .pn_text {
  text-align: right;
  -webkit-order: 1;
  order: 1;
}

@media (max-width: 980px) {
  .pn_box-main.pn_row-equal {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    direction: ltr;
    align-items: center;
  }
  .pn_box-main.pn_row-equal.bottom { align-items: flex-end; }
}
@media (max-width: 767px) {
  .pn_box-main.pn_row-equal {
    display: unset;
    direction: ltr;
    align-items: unset;
  }
  .pn_box-main.pn_align-left .pn_icon,
  .pn_box-main.pn_align-right .pn_icon {
    float: unset;
    margin-left: 0;
    margin-right: 0;
  }
  .pn_box-main.pn_align-left .pn_text,
  .pn_box-main.pn_align-right .pn_text {
    margin-top: 10px;
  }
}
/** CUSTOM CODE BOX __ende **/


/*** back2top button ***/
.et_pb_scroll_top:before {
  content: "6";
  display: inline-block !important;
  -webkit-transition: all 500ms ease 0ms !important;
  transition: all 500ms ease 0ms !important;
}
.et_pb_scroll_top {
  -webkit-transition: all 500ms ease 0ms !important;
  transition: all 500ms ease 0ms !important;
}
.et_pb_scroll_top.et-hidden {
  opacity: 0;
}
.et_pb_scroll_top.et-hidden:hover, .et_pb_scroll_top.et-hidden:focus { opacity: 0 !important; pointer-events: none !important; }
.et_pb_scroll_top.et-visible {
  opacity: 1;
}
.et_pb_scroll_top.et-pb-icon {
  text-align: center;
  background: var(--pn_col3) !important;
/*--pn_highlight-text-color2) !important;*/
  text-decoration: none;
  box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3) !important;
  position: fixed;
  z-index: 99999999 !important;
  bottom: 70px !important; /*160 with borlabs footer bar*/
  right: 0px !important;
  -webkit-border-radius: 1px 0 0 1px !important;
  -moz-border-radius: 1px 0 0 1px !important;
  border-radius: 1px 0 0 1px !important;
  font-size: 30px !important;
  padding: 5px !important;
  color: var(--pn_body_light-color) !important;
  -webkit-transition: all 500ms ease 0ms !important;
  transition: all 500ms ease 0ms !important;
}
.et_pb_scroll_top.et-pb-icon:hover {
  opacity: .85;
  transition: all 300ms ease 0ms !important;
  transform: translateX(0px) translateY(-5px)!important;
}

@media (max-width: 360px) {
  .et_pb_scroll_top.et-pb-icon {
    bottom: 15px !important;
    right: 0px !important;
  }
}
/*** back2top button _ende ***/


/*** LIST ITEM STYLES ***/
.pn_li-check ul {
  padding: 0 !important;
  list-style-type: none;
}
.pn_li-check li {
  list-style-type: none;
  clear: both;
  display: flex;
}
.pn_li-check li:before {
  font-family: var(--pn_font_icon);
  content: '\f00c';
  color: var(--pn_col1) !important;
  display: block;
  margin-right: 12px;
  font-weight: 700;
}
.et_pb_bg_layout_light.pn_li-check li:before {
  color: var(--pn_col1) !important;
}
.et_pb_bg_layout_dark.pn_li-check li:before {
  color: var(--pn_body_light-font-color) !important;
}
@media all and (max-width: 767px) {
  .pn_li-check li {
    display: block;
    text-align: center;
    margin-bottom: 12px !important;
  }
  .pn_li-check li:before {
    margin-right: 0;
  }
}
/** ANIMATION FOR LI - JQUERY ASSITED **/
.pn_li-animate {}
.pn_li-animate li.animation { 
  opacity: 0;
}
.pn_li-animate li.animation.visible::before {
  opacity: 1;
  transition-delay: 0s;
  -webkit-animation: fade-in .6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s;
  animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s;
}  100% {
    opacity: 1;
  }
.pn_li-animate li.animation.visible {
  opacity: 1;
/*  transition: all .6s ease-in 0s;*/
  -webkit-animation: fade-in .6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s;
  animation: fade-up .6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s;
}
@-webkit-keyframes fade-up {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-up {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/** ANIMATION FOR LI - JQUERY ASSITED **/

/*** LIST ITEM STYLES __ENDE ***/

/*** p:n COLUMN CLASSES ***/
:root {
  --pn_col-count_gap: 30px;
}
.pn_col-count_2 .et_pb_text_inner {
--count: 2;
  -moz-column-count: var(--count);
  -moz-column-gap: var(--pn_col-count_gap);
  -webkit-column-count: var(--count);
  -webkit-column-gap: var(--pn_col-count_gap);
  column-count: var(--count);
  column-gap: var(--pn_col-count_gap);
}
.pn_col-count_3 .et_pb_text_inner {
--count: 3;
  -moz-column-count: var(--count);
  -moz-column-gap: var(--pn_col-count_gap);
  -webkit-column-count: var(--count);
  -webkit-column-gap: var(--pn_col-count_gap);
  column-count: var(--count);
  column-gap: var(--pn_col-count_gap);
}
.pn_col-count_4 .et_pb_text_inner {
--count: 4;
  -moz-column-count: var(--count);
  -moz-column-gap: var(--pn_col-count_gap);
  -webkit-column-count: var(--count);
  -webkit-column-gap: var(--pn_col-count_gap);
  column-count: var(--count);
  column-gap: var(--pn_col-count_gap);
}
.pn_col-count_5 .et_pb_text_inner {
--count: 5;
  -moz-column-count: var(--count);
  -moz-column-gap: var(--pn_col-count_gap);
  -webkit-column-count: var(--count);
  -webkit-column-gap: var(--pn_col-count_gap);
  column-count: var(--count);
  column-gap: var(--pn_col-count_gap);
}
.pn_col-count_6 .et_pb_text_inner {
--count: 6;
  -moz-column-count: var(--count);
  -moz-column-gap: var(--pn_col-count_gap);
  -webkit-column-count: var(--count);
  -webkit-column-gap: var(--pn_col-count_gap);
  column-count: var(--count);
  column-gap: var(--pn_col-count_gap);
}
@media all and (min-width: 768px) and (max-width: 980px) {
  .pn_col-count_2 .et_pb_text_inner,
  .pn_col-count_3 .et_pb_text_inner,
  .pn_col-count_4 .et_pb_text_inner {
  --count: 2;
  }
  .pn_col-count_5 .et_pb_text_inner,
  .pn_col-count_6 .et_pb_text_inner {
  --count: 3;
  }
}
@media all and (max-width: 767px) {
  .pn_col-count_2 .et_pb_text_inner,
  .pn_col-count_3 .et_pb_text_inner,
  .pn_col-count_4 .et_pb_text_inner {
  --count: 2;
  }
  .pn_col-count_5 .et_pb_text_inner,
  .pn_col-count_6 .et_pb_text_inner {
  --count: 2;
  }
}
@media all and (max-width: 479px) {
  .pn_col-count_2 .et_pb_text_inner,
  .pn_col-count_3 .et_pb_text_inner,
  .pn_col-count_4 .et_pb_text_inner,
  .pn_col-count_5 .et_pb_text_inner,
  .pn_col-count_6 .et_pb_text_inner{
  --count: 1;
  }
}
/*** p:n COLUMN CLASSES __ENDE ***/







/***** p:n __THEMEING *****/
/* HOME SLIDER CONTENT CSS ADDON!!! */
@media (min-width: 981px) {
  .pn_home_slider.content.overlay { 
/*  margin: 0 20% !important;*/
    width: 80% !important;
    max-width: 1480px !important;
    margin-left: 20% !important;
    margin-right: 20% !important;
  }
}


/* customizins divi contact form */
#et_pb_contact_form_0 {
/*  color: var(--pn_error-color1) !important;*/
}
#et_pb_contact_form_0 .et-pb-contact-message p {
  color: var(--pn_error-color1) !important;
}
.et-l--footer .et_builder_inner_content #et_pb_contact_form_0 .et-pb-contact-message p {
  color: var(--pn_error-color1) !important;
  font-weight: 600;
}
#et_pb_contact_form_0 .et-pb-contact-message p
#et_pb_contact_form_0 .et-pb-contact-message ul {
  padding: 0 0 15px 1.2em;
}
#et_pb_contact_form_0 .et-pb-contact-message li {
  color: var(--pn_error-color1) !important;
}
#et_pb_contact_form_0 .et-pb-contact-message li::marker {
  color: var(--pn_col2) !important;
}
#et_pb_contact_form_0 .et_pb_contact p .et_contact_error {
  border: 1px solid var(--pn_error-color1) !important;
}
#et_pb_contact_form_0 .et_pb_contact p.et_contact_error label i {
  border: 2px solid var(--pn_error-color1) !important;
}

.et_pb_contact .et_pb_contact_form p.et_contact_error .et_pb_contact_field_radio_title,
.et_pb_contact .et_pb_contact_form p.et_contact_error .et_pb_contact_field_radio label,
.et_pb_contact .et_pb_contact_form p.et_contact_error input[type=checkbox]+label {
  color: var(--pn_error-color1) !important;
}

#et_pb_contact_form_0 .et_pb_contact .et_pb_contact_form p.et_contact_error .et_pb_contact_field_radio_title,
#et_pb_contact_form_0 .et_pb_contact .et_pb_contact_form p.et_contact_error .et_pb_contact_field_radio label,
#et_pb_contact_form_0 .et_pb_contact .et_pb_contact_form p.et_contact_error input[type=checkbox]+label {
/*  font-weight: 600;*/
  color: var(--pn_error-color1) !important;
}
.et_pb_contact p input[type=checkbox]+label i, .et_pb_contact p input[type=radio]+label i, .et_pb_subscribe .et_pb_contact_field input[type=checkbox]+label i, .et_pb_subscribe .et_pb_contact_field input[type=radio]+lab$
  width: 16px;
  height: 16px;
  border-radius: 3px !important;
  border: 2px solid var(--pn_col2) !important;
  margin-top: -3px !important;
}
.et_pb_contact p input[type="checkbox"]:checked + label i::before, .et_pb_subscribe .et_pb_contact_field input[type="checkbox"]:checked + label i::before {
    width: 18px !important;
    height: 18px !important;
/*    font-size: 16px;*/
}
.et_pb_contact_field input[type=checkbox]:checked+label i:before {
color: var(--pn_col1) !important;
/*background: var(--pn_highlight-text-color) !important;*/
}

@media all and (min-width: 981px) and (max-width: 1200px) {
  .et_pb_contact .et_pb_contact_field_half {
    float: none;
    width: 100%;
  }
}
/* customizins divi contact form _ENDE*/