@import url(//hello.myfonts.net/count/3940e9);
@font-face {font-family: 'EurostileLTStd-Bold';src: url(https://prosicherheit-event.de/webfonts/3940E9_0_0.eot);src: url(https://prosicherheit-event.de/webfonts/3940E9_0_0.eot?#iefix) format('embedded-opentype'),url(https://prosicherheit-event.de/webfonts/3940E9_0_0.woff2) format('woff2'),url(https://prosicherheit-event.de/webfonts/3940E9_0_0.woff) format('woff'),url(https://prosicherheit-event.de/webfonts/3940E9_0_0.ttf) format('truetype');}
@font-face {font-family: 'EurostileLTStd';src: url(https://prosicherheit-event.de/webfonts/3940E9_1_0.eot);src: url(https://prosicherheit-event.de/webfonts/3940E9_1_0.eot?#iefix) format('embedded-opentype'),url(https://prosicherheit-event.de/webfonts/3940E9_1_0.woff2) format('woff2'),url(https://prosicherheit-event.de/webfonts/3940E9_1_0.woff) format('woff'),url(https://prosicherheit-event.de/webfonts/3940E9_1_0.ttf) format('truetype');}
.display-none, #mega-menu-wrap-top-navigation #mega-menu-top-navigation {display:none !important}
.wpb_single_image .vc_figure-caption {
margin-top: .2em;
font-size: .65em;
font-style: italic;
}
.job-post .job-image img {max-width: 100% !important;}
blockquote {padding:0 !important}
.pse-menu-contact {text-align:center; margin: 30px 0px 30px 0px}
.pse-menu-contact h3 {letter-spacing: inherit !important;}
.pse-menu-contact a {opacity:1.0}
.pse-menu-contact a:hover {opacity:0.7}
.pse-menu-contact img {width:66px; height:66px; margin-bottom:5px}
.pse-grid-menu .grid2 figure {max-height:80px !important}
.pse-grid-menu .grid2 figure {border: 10px solid #f1f1f1;}
.pse-grid-menu .grid2 figure.effect-sadie.einzeilig h2 {
top: 20px;}
.ps-kontakt-ic {    -moz-transform: rotate(3deg);
-webkit-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);
color:white !important;
background-image: url(https://media.giphy.com/media/87aPUrQ9EzYyMXRhkD/giphy.gif);
}
.ps-kontakt-ic h2, .ps-kontakt-ic p {color:white !important}
.ps-ref-row {margin-top:30px}
.ps-ref .wpb_single_image .vc_single_image-wrapper, .ps-ref-ph .wpb_content_element {border: 1px solid #f1f1f1; padding: 20px 1px 20px 1px;}
.ps-ref-ph .wpb_content_element {min-height:158px;max-height:158px;}
.ps-ref-ph .wpb_content_element h3 {margin-top: 25%;letter-spacing: inherit;}
.pse-top-link {float:left; margin-left:15px; padding-top: 7px;}
.pse-top-icons {    height: 20px;
float: left;}
.pse-top-text {margin-left:3px}
#back_to_top.on {bottom:26px !important;}
#back_to_top span i {margin-top: 1px; color:#6c925b}
#back_to_top>span {width: 60px; height: 60px;border: 2px solid #6c925b;}
.header_bottom {background-image: url(https://prosicherheit-event.de/wp-content/uploads/2019/05/header-pse-4.jpg);
background-position: center;
background-size: cover;
min-height: 153px !important;
padding-top: 30px;}
.page-id-270 .header_bottom {background-image: url(https://prosicherheit-event.de/wp-content/uploads/2019/05/header-pse-uberuns-1.jpg);
background-position: center;
background-size: cover;
min-height: 140px;padding-top: 14px;}
#qlwapp.qlwapp-button .qlwapp-toggle {
height: 60px !important;
white-space: nowrap;
padding: 12px 24px;
}
.mobile-off, .mobile_menu_button {display:none !important}
input.wpcf7-form-control.wpcf7-text, textarea.wpcf7-form-control.wpcf7-textarea {border: 2px solid #cecece !important;}
input.wpcf7-form-control.wpcf7-text:focus, textarea.wpcf7-form-control.wpcf7-textarea:focus {border: 2px solid #6c925b !important;}
.mega-sub-menu p {line-height: 26px !important; font-size:15px !important;font-weight: 400 !important; font-family: 'Raleway', Arial, sans-serif !important;}
.img-sub-pse a {background-color: rgba(255, 0, 0, 0.0) !important;}
.img-sub-pse a:hover {background-color: rgba(255, 0, 0, 0.0) !important;}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu {    width: 60% !important;margin-left: 20% !important;}
.separator {    background-color: #fff !important;z-index: 1;opacity: 0;} @keyframes blink {
50% {
opacity: 0.5;
}
}
@-webkit-keyframes blink {
50% {
opacity: 0.5;
}
}
.baf-pse {
animation: shake 1.6s cubic-bezier(.76,.77,.59,.100) both;
transform: translate3d(0, 0, 0);
animation-iteration-count:4;
}
.baf-pse-box {-moz-transform: rotate(5deg); -webkit-transform: rotate(5deg); -o-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); ;
width: 80%;
float: right;} #mysticky-nav .myfixed { margin:0 auto; float:none; border:0px; background:none; max-width:100%; }  .veranstaltung h1, .veranstaltung h2, .veranstaltung h3, .veranstaltung .grid2 figcaption:hover h2{color:#6c925b !important}
.veranstaltung .grid2 h2 {color:#fff !important}
.filmdienste h1, .filmdienste h2, .filmdienste h3, .filmdienste .grid2 h2:hover {color:#cc5f5c !important}
.filmdienste .grid2 h2 {color:#fff !important}
.beratung h1, .beratung h2, .beratung h3, .beratung .grid2 h2:hover {color:#e5da5c !important}
.beratung .grid2 h2 {color:#fff !important}  .sicherheit .mPS2id-highlight {background-color:white !important; border-bottom:2px solid rgb(65, 80, 106)!important;}
.filmdienste .mPS2id-highlight {background-color:white !important; border-bottom:2px solid rgb(204, 95, 92)!important;}
.beratung .mPS2id-highlight {background-color:white !important; border-bottom:2px solid rgb(229, 218, 92)!important;}  #sicherheit #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link { border-bottom: 5px solid rgb(65, 80, 106)!important;}
#sicherheit #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu {border-top: 5px solid rgb(65, 80, 106)!important;}
#filmdienste #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link {color: rgb(65, 80, 106)!important}
#veranstaltung #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link { border-bottom: 5px solid rgb(108, 146, 91)!important;}
#veranstaltung #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu {border-top: 5px solid rgb(108, 146, 91)!important;}
#filmdienste #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link {color: rgb(108, 146, 91)!important}
#filmdienste #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link {border-bottom: 5px solid rgb(204, 95, 92)!important;}
#filmdienste #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu {border-top: 5px solid rgb(204, 95, 92)!important;}
#filmdienste #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link {color: rgb(204, 95, 92)!important}
#beratung #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link { border-bottom: 5px solid rgb(229, 218, 92)!important;}
#beratung #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu {border-top: 5px solid rgb(229, 218, 92)!important;}
#beratung #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link {color: rgb(229, 218, 92)!important}    .header_top {background-color:rgb(108, 146, 91)!important;} 
.header_top a {color:#fff !important;}
.page-id-348 .nks_cc_trigger_tabs .ncf-tab-icon .fa:before {color: rgb(108, 146, 91) !important;}
.page-id-348 .nks_cc_trigger_tabs.ncf_tab .fa.fa-inverse:before {color: #ffffff !important;} .page-id-348 .nks_cc_trigger_tabs .ncf-tab-icon {color: rgb(108, 146, 91) !important;}
.page-id-348 #ncf_sidebar.ncf_aerial .ncf_sidebar_socialbar ul li {background: rgb(108, 146, 91) !important;}   .page-id-14 #qlwapp, .page-id-14 .bubble-top2, .page-id-14 footer .baf-pse-box  {display:none !important} background-position: center;
background-size: cover;
min-height: 140px;padding-top: 14px;} #sticky-ps .sicherheit a {color:rgb(81, 81, 81)!important;}
#sticky-ps .sicherheit a:hover {color:rgb(65, 80, 106)!important;}
#sticky-ps .filmdienste a {color:rgb(81, 81, 81)!important;}
#sticky-ps .filmdienste a:hover {color:rgb(204, 95, 92)!important;}
#sticky-ps .beratung a {color:rgb(81, 81, 81)!important;}
#sticky-ps .beratung a:hover {color:rgb(229, 218, 92)!important;}  .ps-header h1, .ps-header h1:hover {font-size: 50px !important; padding-top: 25px; font-weight: 400 !important;}
.ps-header {padding:60px 0px 30px 0px}
.ps-einleitung {padding:0px 0px 50px 0px}
.ps-bereiche-blocks {padding:0px 0px 130px 0px}
.ps-bereiche-ref {padding:0px 0px 50px 0px}
.ps-bereiche-two-ref {padding:0px 0px 30px 0px}
.ps-bereiche-grid-ref {padding:0px 0px 30px 0px}
.ps-bereiche-ansprech {padding:70px 0px 70px 0px; margin-top:50px}
.ps-wiki-part {padding:130px 0px 0px 0px}
.ps-charity-bereich {padding:100px 0px 30px 0px}  .wpls-logo-showcase .slick-dots li button, .wpls-logo-showcase button.slick-prev, .wpls-logo-showcase button.slick-next {display:none !important}
.wpls-logo-showcase {padding:0px !important}
img.wp-post-image {max-width:150px !important}   .q_counter_holder.boxed_counter {
background-color: rgba(220,160,140,0.0) !important;
}
.q_counter_holder span.counter
{font-family: 'EurostileLTStd' !important;
font-weight: 700 !important;}
#blocker {min-height:100px}
.post_text {text-align:left !important}
.title_subtitle_holder {display:none !important}
.blog_single.blog_holder article .post_text .post_text_inner {padding-bottom:100px}
.container aside {text-align:left}
.blog_single.blog_holder {z-index:1 !important}
#mega-menu-wrap-max_mega_menu_1 {
clear: both;
z-index: 99999999999999999;
}
#ps2id-dummy-offset{
height: 250px;
}
.bubble-top2 img {z-index: 999999999999;
animation: shake 0.82s cubic-bezier(.36,.07,.19,.100) both;
transform: translate3d(0, 0, 0);
animation-iteration-count:infinite;
}
@keyframes shake {
10%, 90% {
transform: translate3d(-1px, 0, 0);
}
20%, 80% {
transform: translate3d(2px, 0, 0);
}
30%, 50%, 70% {
transform: translate3d(-4px, 0, 0);
}
40%, 60% {
transform: translate3d(4px, 0, 0);
}
100% {animation: shake 4.82s}
}
hr {color:white !important}
.bubble-top2 {
display:none;
position: fixed;
left: 0;
margin: 0;
width: 185px;
z-index: 9999999999999999 !important;
bottom: 12%;
left: 3.5%;
opacity: 1;padding-left: 35px;
max-width: 160px;
}
.title {
position: absolute;
top: 60%;
left: 100px;
}
#ncf_sidebar.ncf_aerial .ncf_sidebar_socialbar ul li {
height: 60px;
width: 60px !important;
margin: 0px 20px 0px;
border-radius: 53px;
padding: 5px 0px 0px 4px;
}
#ncf_sidebar.ncf_aerial .ncf_sidebar_socialbar ul li {background: #699359 !important;} .none {display:none}
.eye-catch {margin-top:-40px}
@media only screen and (max-width: 800px) {
.eye-catch {max-width:80px; margin-top:40px; margin-right:20px; float: right}
} h1, h2, h3, h4, h5, h1:hover, h2:hover, h3:hover, h4:hover, h5:hover, #mega-menu-wrap-max_mega_menu_1 {
font-family: 'EurostileLTStd';
font-weight: 700 !important;
}
.h-float {float: left;
padding-right: 10px;
line-height: 17px;}
.ps-ref-block img {padding:0% 10% 0% 10%}
.menu-sicher a, .menu-veranstaltung a, .menu-film a, .menu-beratung a {}
.menu-sicher, .menu-veranstaltung, .menu-film, .menu-beratung a {color:#515151 !important}
.menu-sicher a:hover {color:#586a8a !important}
.menu-veranstaltung a:hover {color:#6c925b !important}
.menu-film a:hover {color:#cc5f5c !important}
.menu-beratung a:hover {color:#e5da5c !important}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu {margin-left:10%; margin-top:-5px}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu a {margin-top:10px !important; text-align: left !important}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu {padding: 0px 0px 0px 0px !important} .side_menu_button_wrapper {width:248px}
.siegel-0 {height: 90px;
padding-top: 20px; margin-left:10px; float:left; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity:0.5;  -webkit-transition: -webkit-transform 0.55s;
transition: transform 0.55s;}
.siegel-0:hover {height: 90px;
padding-top: 20px; margin-left:10px; float:left; -webkit-filter: grayscale(100%); filter: grayscale(0%); opacity:1; -webkit-transition: -webkit-transform 0.55s;
transition: transform 0.55s;}
.side_menu_button_wrapper.right-2 {width:100%}
.siegel-1 {height: 130px;
padding-top: 20px; margin-right:10px; float:left; -webkit-filter: saturate(1); filter: grayscale(100%); opacity:1;  -webkit-transition: -webkit-transform 0.55s;
transition: transform 0.55s;}
.siegel-1:hover {height: 130px;
padding-top: 20px; margin-right:10px; float:left; -webkit-filter: saturate(2); filter: grayscale(0%); opacity:1; -webkit-transition: -webkit-transform 0.55s;
transition: transform 0.55s;} .header_top a {color:#fff !important; font-weight:bold} footer {position: inherit !important;}
.ps-firstpost .item_holder {max-height: 328px;}
#mega-menu-wrap-max_mega_menu_1 { }
a.mega-menu-link {font-weight: 600 !important; font-family: Arial, sans-serif !important; text-decoration:uppercase}
ul.mega-sub-menu a {font-weight: 600 !important; font-family: Arial, sans-serif !important; text-decoration:uppercase}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu a {padding-top:15px !important; padding-bottom:15px !important; margin-top:5px !important; margin-bottom:5px !important; text-align: center !important; background-color:#dfdfdf;}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu a:hover {padding-top:15px !important; padding-bottom:15px !important; margin-top:5px !important; margin-bottom:5px !important; text-align: center !important; background-color:#fff;}
strong {  }
.iframe-bewerbung {min-height:400px; overflow:hidden}
.iframe-bewerbung iframe {overflow:hidden}
iframe h3 {color:#699359 !important}
.neutral {color:#fff !important;}
.container {margin-top:22px !important}
.header_top .right .inner>div {margin-top:-22px !important}
.header_top {line-height: 22px;
height: 35px;position: fixed;
width: 100%;}
.header_top:after {
content:'';
top:0;
transform:translateX(100%);
width:100%;
height:100%;
position: absolute;
z-index:1;
animation: slide 2s infinite 4s; -webkit-animation-duration: 5.9s;
backface-visibility: hidden; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.5)), color-stop(99%,rgba(128,186,232,0)), color-stop(100%,rgba(125,185,232,0))); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 75%, rgba(125,185,232,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#007db9e8',GradientType=1 ); } @keyframes slide {
0% {transform:translateX(-100%);}
100% {transform:translateX(100%);}
}
#ncf_sidebar.ncf_aerial .ncf_sidebar_socialbar ul li {
height: 50px !important;
width: 50px !important;
margin: 0px 30px 0px !important;
border-radius: 53px !important;
padding: 0px 0px 0px 0px !important;
}
#ncf_sidebar.ncf_aerial .ncf_sidebar_socialbar ul li {background: #699359 !important;}
.ncf-icon-mail-3:before {  display: inline-block;
}
@font-face {
font-family: 'ncf_icons';
src: url(/img/fonts/ncf_icons.eot?47541028);
src: url(/img/fonts/ncf_icons.eot?47541028#iefix) format('embedded-opentype'),
url(/img/fonts/question-solid.svg?47541028#icons) format('svg'),
font-weight: normal;
font-style: normal;
}
.hover-boxen-ps {background:#ff0000; width:100%; height:100%; padding: 30px 0px 30px 0px}
.shake:hover {
animation: .8s shake infinite alternate;
margin-top:-15px;
color:#fff !important;
}
@keyframes shake {
0% { transform: skewX(-15deg); }
5% { transform: skewX(15deg); }
10% { transform: skewX(-15deg); }
15% { transform: skewX(15deg); }
20% { transform: skewX(0deg); }
100% { transform: skewX(0deg); }  
}
.img-opa img {opacity:0.8}
.grid-col-sicher a {color:white}
.grid-col-sicher a:hover {color:blue; text-shadow: 0px 0px 8000px #fff;} @font-face {
font-weight: normal;
font-style: normal;
font-family: 'feathericons';
src:url(/fonts/feathericons/feathericons.eot?-8is7zf);
src:url(/fonts/feathericons/feathericons.eot?#iefix-8is7zf) format('embedded-opentype'),
url(/fonts/feathericons/feathericons.woff?-8is7zf) format('woff'),
url(/fonts/feathericons/feathericons.ttf?-8is7zf) format('truetype'),
url(/fonts/feathericons/feathericons.svg?-8is7zf#feathericons) format('svg');
}
.grid {
position: relative;
margin: 0 auto;
padding: 0px !important;
width: 126%;
margin-left: -13%;
list-style: none;
text-align: center;
}
.grid2 {
position: relative;
margin: 0 auto;
padding: 0px !important;
width: 100%;
list-style: none;
text-align: center;
} .grid2 figure {
width: 33.33%;
border:1px solid #fff;
position: relative;
float: left;
overflow: hidden;
margin-block-start:0px !important;
min-width: 25%;
max-height: 250px;
background: #3085a3;
text-align: center;
cursor: pointer;
display: inline-block; overflow: hidden; z-index: 1
}
.halbhalb figure {
width: 50% !important;    max-height: 250px  !important;
}
.grid2 figure img {
position: relative;
display: block;
min-width: 104%;
margin-left: -2%;
opacity: 1;
}
.grid2 figure figcaption {
padding: 2em;
color: #fff;
text-transform: uppercase;
font-size: 1.25em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
display: inline-block; overflow: hidden; z-index: 1
}
.grid2 figure.effect-sadie.einzeilig h2 {
top: 45%;
}
.grid2 figure.effect-sadie h2 {
position: absolute;
top: 38%;
left: 0;
width: 100%;
color: #fff;
-webkit-transition: -webkit-transform 0.55s, color 0.55s;
transition: opacity 1.6s;  font-weight:700 !important;
opacity:1.0;
}
.grid2 figure.effect-sadie:hover h2 {
color: #fff !important;   font-weight:700 !important;
opacity:0.0;
}
.grid figure.effect-sadie:hover p img { -webkit-transition: -webkit-transform 3.55s;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.grid2 figure.effect-sadie:hover img { -webkit-transition: -webkit-transform 3.55s;
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
-ms-transform: scale(1.0);
-o-transform: scale(1.0);
transform: scale(1.0);
}
.grid2 figure.effect-sadie:hover img { -webkit-transition: -webkit-transform 3.55s;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.grid figure {
position: relative;
float: left;
overflow: hidden;
min-width: 320px;
max-height: 360px;
background: #3085a3;
text-align: center;
cursor: pointer;
-webkit-transform: skew(-20deg, 0deg);
-moz-transform:skew(-20deg, 0deg);
-o-transform:skew(-20deg, 0deg);
-ms-transform:skew(-20deg, 0deg);
transform: skew(-20deg, 0deg); display: inline-block; overflow: hidden; z-index: 1
}
.rand {width: 30%;}
.grid figure .links figcaption {margin-left:5% !important;}
.rechts figcaption {padding-right:5% !important;}
.mitte {width: 20%;}
figure.effect-sadie.rand.rechts {margin-left:-4px !important}
figure.effect-sadie.rand.links {margin-right:-4px !important}
figure.effect-sadie.mitte.rechts {margin-left:-2px !important}
figure.effect-sadie.rand.rechts:hover {margin-left:-4px !important}
figure.effect-sadie.rand.links:hover {margin-right:-4px !important}
figure.effect-sadie.mitte.rechts:hover {margin-left:-2px !important}
figure h2 {font-size:15px !important}
.grid figure img {
position: relative;
display: block;
min-width: 130%;
margin-left: -13%;
opacity: 1;
-webkit-transform: skew(20deg, 0deg);
-moz-transform:skew(20deg, 0deg);
-o-transform:skew(20deg, 0deg);
-ms-transform:skew(20deg, 0deg);
transform: skew(20deg, 0deg);
}
.grid figure figcaption {
padding: 2em;
color: #fff;
text-transform: uppercase;
font-size: 1.25em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: skew(20deg, 0deg);
-moz-transform:skew(20deg, 0deg);
-o-transform:skew(20deg, 0deg);
-ms-transform:skew(20deg, 0deg);
transform: skew(20deg, 0deg); display: inline-block; overflow: hidden; z-index: 1
}
.grid figure figcaption::before,
.grid figure figcaption::after {
pointer-events: none;
}
.grid figure figcaption,
.grid figure figcaption > a {
position: absolute;
top: 0;
left: 0;
width: 140%;
margin-left:-20%;
height: 100%;
}  .grid figure figcaption > a {
z-index: 1000;
text-indent: 200%;
white-space: nowrap;
font-size: 0;
opacity: 0;
}
.grid figure h2 {
word-spacing: -0.15em;
}
.grid figure h2 span {
font-weight: 800;
}
.grid figure h2,
.grid figure p {
margin: 0;
}
.grid figure p {
letter-spacing: 1px;
font-size: 10px;
font-weight: 600;
}    figure.effect-sadie   {margin-inline-start: 0px !important;
margin-inline-end: 0px !important;    margin-bottom: -0.0% !important; writing-mode: horizontal-tb;} .menu .sicher {color:#586a8a;}
figure.effect-sadie:hover h2.sicher {color:#586a8a;}
figure.effect-sadie:hover h2.veranstaltung {color:#659252;}
figure.effect-sadie:hover h2.film {color:#be4848;}
figure.effect-sadie:hover h2.personal {color:#beb748;}
figure.effect-sadie figcaption::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.8) 75%);
background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.8) 75%);
content: '';
opacity: 0.5;  }
figure.effect-sadie h2 {
position: absolute;
top: 50%;
left: 0;
width: 100%;
color: #fff;
-webkit-transition: -webkit-transform 0.55s, color 0.55s;
transition: transform 0.55s, color 0.55s;
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 75%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 75%);  }
figure.effect-sadie figcaption::before,
figure.effect-sadie p {
-webkit-transition: opacity 2.55s, -webkit-transform 0.55s;
transition: opacity 2.55s, transform 0.55s;
}
.icon-slide {max-width: 20% !important;
min-width: 20% !important;
margin-left: 40% !important;
transform: skew(0deg, 0deg) !important;}
.icon-slide-mitte {max-width: 10% !important;
min-width: 30% !important;
margin-left: 35% !important;
transform: skew(0deg, 0deg) !important;}
figure.effect-sadie p {
margin-top:-10%;
position: absolute;
bottom: 0;
left: 0;
padding-top: 0em;
color: white;
padding-bottom: 2em;
max-width: 40%;
margin-left: 30%;
width: 60%;
width: 100%;
opacity: 0.9;  }
figure.effect-sadie:hover h2 {
color: #fff;  }
figure.effect-sadie:hover figcaption::before ,
figure.effect-sadie:hover p {
opacity: 0;  }
figure.effect-sadie p img {
opacity: 1;  }
figure.effect-sadie:hover p img {
opacity: 1;  }
@media (max-width: 600px) {
.grid2 figure.effect-sadie p {display:none !important}
.grid2 figure img 
{min-width: 124%;
margin-left: -12%;}
}
@media (max-width: 900px) {
.mobile-one-ps .vc_column_container {    width: 50% !important;
float: left !important;}
.testemonials-ps .wpb_wrapper {margin-top:50px !important}
.grid figure.effect-sadie {margin-left: 0px !important;}  
.grid2 figure.effect-sadie {margin: 0px !important;}
.vc_row {margin-left:0px !important; margin-right:0px !important}
.grid2 figure.effect-sadie h2 {font-size:14px !important}
.grid figure {
position: relative;
float: left;
overflow: hidden;
min-width: 100%;
max-height: 100%;}
.full_width_inner {
width: 100%;
min-width: 100%;
max-width: 100%;
margin-left: 0% !important;}
.icon-slide {max-width: 20% !important;
min-width: 50% !important;
margin-left: 25% !important;
transform: skew(0deg, 0deg) !important;}
.icon-slide-mitte {max-width: 10% !important;
min-width: 50% !important;
margin-left: 25% !important;
transform: skew(0deg, 0deg) !important;}
.grid figure figcaption,
.grid figure figcaption > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
max-width: 100%;
margin-left: 0% !important; }
.grid figure {
position: relative;
float: left;
overflow: hidden;  background: #3085a3;
text-align: center;
cursor: pointer;
display: inline-block; overflow: hidden; z-index: 1;
-webkit-transform: skew(0deg, 0deg);
-moz-transform:skew(0deg, 0deg);
-o-transform:skew(0deg, 0deg);
-ms-transform:skew(0deg, 0deg);
transform: skew(0deg, 0deg);
}
.grid {
position: relative;
margin: 0 auto;
padding: 0px !important;
width: 100% !important;
margin-left:0% !important;
list-style: none;
text-align: center;
}
.grid figure figcaption {transform: skew(0deg, 0deg);}
.rand, .mitte {width:100%}
.grid figure img {
position: relative;
display: block;
min-width: 160%;
margin-left: -20%;
opacity: 0.8;
-webkit-transform: skew(0deg, 0deg);
-moz-transform:skew(0deg, 0deg);
-o-transform:skew(0deg, 0deg);
-ms-transform:skew(0deg, 0deg);
transform: skew(0deg, 0deg);
}
.grid2 {
position: relative;
margin: 0 auto;
padding: 0px !important;
width: 100%;
list-style: none;
text-align: center;
} .grid2 figure {
width: 50%;
border: 1px solid white !important;
position: relative;
float: left;
overflow: hidden;
margin-block-start:0px !important;
min-width: 50%;
max-height: 100px;
background: #3085a3;
text-align: center;
cursor: pointer;
display: inline-block; overflow: hidden; z-index: 1
}
}
@font-face {
font-weight: normal;
font-style: normal;
font-family: 'codropsicons';
src:url(/fonts/codropsicons/codropsicons.eot);
src:url(/fonts/codropsicons/codropsicons.eot?#iefix) format('embedded-opentype'),
url(/fonts/codropsicons/codropsicons.woff) format('woff'),
url(/fonts/codropsicons/codropsicons.ttf) format('truetype'),
url(/fonts/codropsicons/codropsicons.svg#codropsicons) format('svg');
}
*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { display: table; content: ''; }
.clearfix:after { clear: both; }
body {
background: #2f3238; font-weight: 400;
font-size: 1em;
font-family: 'Raleway', Arial, sans-serif;
}
a {
outline: none;
color: #3498db;
text-decoration: none;
}
a:hover, a:focus {
color: #528cb3;
}
section { }
.content {
margin: 0 auto;
width:100%;
}
.content > h2 {
clear: both;
margin: 0;
padding: 4em 1% 0;
color: #484B54;
font-weight: 800;
font-size: 1.5em;
}
.content > h2:first-child {
padding-top: 0em;
} .codrops-header {
margin: 0 auto;
padding: 4em 1em;
text-align: center;
}
.codrops-header h1 {
margin: 0;
font-weight: 800;
font-size: 4em;
line-height: 1.3;
}
.codrops-header h1 span {
display: block;
padding: 0 0 0.6em 0.1em;
color: #74777b;
font-weight: 300;
font-size: 45%;
} .codrops-demos {
clear: both;
padding: 1em 0 0;
text-align: center;
}
.content + .codrops-demos {
padding-top: 5em;
}
.codrops-demos a {
display: inline-block;
margin: 0 5px;
padding: 1em 1.5em;
text-transform: uppercase;
font-weight: bold;
}
.codrops-demos a:hover,
.codrops-demos a:focus,
.codrops-demos a.current-demo {
background: #3c414a;
color: #fff;
} .codrops-top {
width: 100%;
text-transform: uppercase;
font-weight: 800;
font-size: 0.69em;
line-height: 2.2;
}
.codrops-top a {
display: inline-block;
padding: 1em 2em;
text-decoration: none;
letter-spacing: 1px;
}
.codrops-top span.right {
float: right;
}
.codrops-top span.right a {
display: block;
float: left;
}
.codrops-icon:before {
margin: 0 4px;
text-transform: none;
font-weight: normal;
font-style: normal;
font-variant: normal;
font-family: 'codropsicons';
line-height: 1;
speak: none;
-webkit-font-smoothing: antialiased;
}
.codrops-icon-drop:before {
content: "\e001";
}
.codrops-icon-prev:before {
content: "\e004";
} .related {
clear: both;
padding: 6em 1em;
font-size: 120%;
}
.related > a {
display: inline-block;
margin: 20px 10px;
padding: 25px;
border: 1px solid #4f7f90;
text-align: center;
}
.related a:hover {
border-color: #39545e;
}
.related a img {
max-width: 100%;
opacity: 0.8;
}
.related a:hover img,
.related a:active img {
opacity: 1;
}
.related a h3 {
margin: 0;
padding: 0.5em 0 0.3em;
max-width: 300px;
text-align: left;
}
@media screen and (max-width: 25em) {
.codrops-header {
font-size: 75%;
}
.codrops-icon span {
display: none;
}
} .start-bereiche .q_image_with_text_over {min-height:100px; max-height:100px}
.btn-sicherheit-2 {min-width: 100%;
text-align: center;}
#sticky-ps {margin-top:200px;     box-shadow: 0px 0px 5px grey;}
@media (max-width: 500px) {.vc_row.4-bereich {display:none!important}}
@media (min-width: 1181px) {
.start-bereiche { -webkit-transform: skew(-20deg, 0deg);
-moz-transform:skew(-20deg, 0deg);
-o-transform:skew(-20deg, 0deg);
-ms-transform:skew(-20deg, 0deg);
transform: skew(-20deg, 0deg); display: inline-block; overflow: hidden; z-index: 1}
#bereich-1 {position: relative; margin-left: -3%;
padding-left: 3%;}
#bereich-2 {position: relative;}
#bereich-3 {position: relative;}
#bereich-4 {position: relative; }
#4-bereich-id h2 {font-weight:800 !important}
#bereich-1, #bereich-2, #bereich-3, #bereich-4 {width:25%}
.start-bereiche {opacity:1; transition: opacity 0.8s ease;}
.start-bereiche:hover {opacity:0.8}
.bereich-1-content {background-image: url(https://prosicherheit-event.de/wp-content/uploads/2019/01/slide-fobjektschutz.jpg) !important;}
.bereich-2-content {background-image: url(https://prosicherheit-event.de/wp-content/uploads/2019/01/slide-fveranstaltungsdienste.jpg) !important;}
.bereich-3-content {background-image: url(https://prosicherheit-event.de/wp-content/uploads/2019/01/slide-filmdienste.jpg) !important;}
.bereich-4-content {background-image: url(https://prosicherheit-event.de/wp-content/uploads/2019/01/slide-personalvermittlung.jpg) !important;}
.bereich-1-content a {color:#fff !important;transition: transform 0.35s, color 0.35s; position: absolute;}
.bereich-1-content a:hover {color:#659252 !important; transform: translate3d(0,-50%,0) translate3d(0,-40px,0);}
.bereich-2-content a {color:#fff !important;transition: transform 0.35s, color 0.35s; position: absolute;}
.bereich-2-content a:hover {color:#586a8a !important; transform: translate3d(0,-50%,0) translate3d(0,-40px,0);}
.bereich-3-content a {color:#fff !important;}
.bereich-3-content a:hover {color:#acacac !important;}
.bereich-4-content a {color:#fff !important;}
.bereich-4-content a:hover {color:#ffeb3b !important;}
.4-bereich-plus  {position: absolute;
bottom: 0;
color:red;
left: 0;
padding: 2em;
width: 100%;
opacity: 0;
-webkit-transform: translate3d(0,10px,0);
transform: translate3d(0,10px,0);}
.4-bereich-plus:hover {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.bereich-1-content, .bereich-2-content, .bereich-3-content, .bereich-4-content {transform: skew(20deg) !important;  padding:100px 200px; width: 100%; background-repeat: no-repeat;background-size: cover;
background-position: center center;
background-position-x: center:
background-position-y: center;
margin-left:-60%;}
.bereich-1-content::before {content:}
.full_width_inner {  width: 110%;
margin-left: -5.1% !important;}
div.vc_row.wpb_row.section.vc_row-fluid.4-bereich.disable_negative_margin {width: 110%;
margin-left: -5% !important;}
.bereich-1-content {z-index:1001}
.bereich-2-content {z-index:1002}
}
.breadcrumb {margin-top: -38px !important;}
.ps-menu {float: left;
margin: 20px 20px 20px 0px;}
.q_image_with_text_over .shader {background-color: rgba(0,0,0,.0) !important;}
.wpfm-template-1 ul li .wpfm-icon-block i {color: #6c945b}
.wpfm-template-1 ul li .wpfm-icon-block i :hover {color: #5e6f8f}
#nav-menu-item-230 {display:none}
.side_menu_button a:last-child {
padding: 0 0 0 8px;
}
#wpfm-floating-menu-nav {display:none !important}
a.side_menu_button_link.normal {display:block; float:left !important;}
.side_menu_button>a.search_button {display:none}
.btn-sicherheit a {border-bottom: 1px solid white; color: white !important}
.btn-sicherheit a:hover {border-bottom: 1px solid #354c6e; color: #354c6e !important}
.btn-sicherheit {text-transform: uppercase;}
@media (max-width: 1000px) {
.ps-ref-ph h3, .ps-ref-ph p {font-size:12px; line-height:10px}
.bubble-top {display:none !important}
.right {margin-top: -41px;}
} .link-slideup { color: #515151;
}
.link-slideup a {
overflow: hidden;
font-weight: 500;
}
.link-slideup a::before {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
background-color: rgba(52,73,94,0.2);
content: '';
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
-webkit-transform: translateY(95%);
transform: translateY(95%);
}
.link-slideup a:hover::before,
.link-slideup a:focus::before {
-webkit-transform: translateY(0);
transform: translateY(0);
}
section {
position: relative;
z-index: 1; overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
section a {
position: relative;
display: inline-block;
outline: none;
color: #404d5b;
vertical-align: bottom;
text-decoration: none;
white-space: nowrap;
}
section a::before,
section a::after {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
}
@media (max-width: 767px){
.ps-ref .vc_column_container > .vc_column-inner {width:33% !important; float:left  !important}
.ps-ref-ph .vc_column_container > .vc_column-inner {width:33% !important; float:left  !important}
.ps-ref-ph h3, .ps-ref-ph p {font-size:9px; line-height:10px}
.ps-ref-ph h3 {margin-top:0% !important}
.ps-ref-ph .wpb_content_element {
min-height: 60px;
max-height: 60px !important;
}
.ps-ref .wpb_single_image .vc_single_image-wrapper, .ps-ref-ph .wpb_content_element {
border: 1px solid #f1f1f1;
padding: 10px 1px 10px 1px;
margin-bottom: 20px !important;
}
.ps-ref-row {margin-top:0px} .header_top {
height: 40px;}
.pse-top-link {margin-left: 5px;
margin-right: 5px;margin-top: 17px;}
.pse-top-icons {
height: 30px;}
.header_top .right .inner > div {
margin-top: -63px !important;}
.pse-top-text {display:none}
.pse-mobile-off {display:none !important;}  
.h-float {
float: none !important;
padding-right: 0 !important;
line-height: normal !important;
}
.ps-kontakt-icons .vc_column_container {width:25% !important; float:left !important}
.ps-wiki-part {
padding: 0px 0px 0px 0px !important;
}
.ps-wiki-part img {position:absolute; clip:rect(100px auto 310px auto);
z-index: 2; margin-top:-80px}
.ps-wiki-part .vc_single_image-wrapper {position: relative; width:100%; height:230px}
.ps-wiki-part ul {display:none}
.grid2 figure {
width: 100% !important;
}
.ps-header h1, .ps-header h1:hover {font-size:19px !important; margin-top:-3px}
}
@media (max-width: 500px){
#qlwapp {
width: 155px !important;
}
h2, h2:hover {font-size:18px !important}}
@media (min-width: 1900px) {
.header_bottom {    padding-top: 44px !important;
padding-bottom: 44px !important;}
}
@media (min-width: 900px) {
#cookie-notice {background-color: rgba(0, 0, 0, 0.8) !important; width: 40% !important;
left: 30% !important;
top:17% !important;
min-width: 40% !important;
padding: 1%;
border-radius: 10px;}
}
@media (max-width: 1200px) {
.header_top .right .inner>div {margin-top:-22px !important} img.wp-post-image {max-width:60%}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu a {padding-top:2px !important; padding-bottom:2px !important; margin-top:2px !important; margin-bottom:2px !important; text-align: center !important; background-color:#dfdfdf; font-size:12px !important}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu a:hover {padding-top:2px !important; padding-bottom:2px !important; margin-top:2px !important; margin-bottom:2px !important; text-align: center !important; background-color:#fff; font-size:12px !important}
.bubble-top2 {display:none !important}
.ps-header img {width:10% !important}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu {width:100% !important; margin-left:0% !important; background: #222 !important;}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu a {text-align:left !important; color:white !important; background-color: #222 !important;}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu a:hover {text-align:left !important; color:white !important; background-color: #222 !important;}
.baf-pse-box {display:none !important}
.ps-bereiche-two-ref .vc_column_container {
width: 50% !important;
float: left !important;
}
#mysticky-nav .myfixed { margin:0 auto; float:none; border:0px; background:none; max-width:100%; } }