/* Scroll in Services */
.yy-block-ub-content-toggle-accordion-title a:link,
.yy-block-ub-content-toggle-accordion-title a:active,
.yy-block-ub-content-toggle-accordion-title a:visited,
.yy-block-ub-content-toggle-accordion-title a:hover,
.yy-block-ub-content-toggle-accordion-title a {
    background-color: transparent !important;
    width: 105% !important;
    color: #f2f2f2;
    text-decoration: none !important;
    transform: translateY(0px) !important;
}

/* Align Boxes */
.y-box-col-r {
    border-width: 1px;
    border-style: solid;
    border-color: #ff6961;  
    border-radius: 0px 0px 4px 4px !important;
    margin-bottom: 15px !important;
}

.y-box-col-b {
    border-width: 1px;
    border-style: solid;
    border-color: #6699FF;
    border-radius: 0px 0px 4px 4px !important;
    margin-bottom: 15px !important;
}

.y-box-col-bl {
    border-width: 1px;
    border-style: solid;
    border-color: #404040;
    border-radius: 0px 0px 4px 4px !important;
    margin-bottom: 15px !important;
}

.y-box-col-g {
    border-width: 1px;
    border-style: solid;
    border-color: #77DD77;
    border-radius: 0px 0px 4px 4px !important;
    margin-bottom: 15px !important;
}

.y-box-col-head {
    border:1px solid rgba(140,140,151,0.1) !important;
    border-top:0 !important;
    padding: 10px 20px 10px 15px !important;
}


.y-box-col-text{
    padding: 0px 15px 0px 20px !important;
}
/* Align Boxes end*/

.y-margin-bottom{
	margin-bottom: 20px !important;
}


/* Center Background Logo on Startpage*/
.yy-block-cover .yy-block-cover__image-background{
	object-fit: scale-down !important;
	padding-bottom:10px !important;
	padding-top: 10px !important;;
}

.y-grey-link {
	color: #f2f2f2 !important;
}

/* text color filter for svg images in <img> */
.filter-ysec-grey:hover{
        filter: invert(49%) sepia(55%) saturate(20%) hue-rotate(314deg) brightness(100%) contrast(103%);
}

.filter-ysec-always-grey{
        filter: invert(49%) sepia(55%) saturate(20%) hue-rotate(314deg) brightness(100%) contrast(103%);

}

.filter-ysec-always-green{
        filter: invert(76%) sepia(84%) saturate(299%) hue-rotate(60deg) brightness(92%) contrast(87%);
}

.filter-ysec-green:hover{ 
	filter: invert(76%) sepia(84%) saturate(299%) hue-rotate(60deg) brightness(92%) contrast(87%); 
}   

.filter-ysec-always-red{
        filter: invert(49%) sepia(55%) saturate(622%) hue-rotate(314deg) brightness(100%) contrast(103%);

}

.filter-ysec-red:hover{ 
	filter: invert(49%) sepia(55%) saturate(622%) hue-rotate(314deg) brightness(100%) contrast(103%); 
	
}

.filter-ysec-always-blue{
    filter: invert(48%) sepia(88%) saturate(1200%) hue-rotate(200deg) brightness(106%) contrast(101%);
}

.filter-ysec-blue:hover{ 
	filter: invert(48%) sepia(88%) saturate(1200%) hue-rotate(200deg) brightness(106%) contrast(101%); 
}

.filter-ysec-F2F2F2 { 
	filter: invert(100%) sepia(59%) saturate(44%) hue-rotate(207deg) brightness(116%) contrast(90%); 
	margin-left: auto;
	margin-right: auto;
}

.filter-ysec-404040 { 
	filter: invert(23%) sepia(1%) saturate(0%) hue-rotate(297deg) brightness(99%) contrast(92%); 
}

.filter-ysec-D0CECE { 
	filter: invert(92%) sepia(6%) saturate(42%) hue-rotate(314deg) brightness(87%) contrast(98%);
}

/* remve border around images */

a:focus {
    outline: none !important;
}


/* no underscore for links */

a,
a:link,
a:active,
a:visited {
 text-decoration: none !important;
 color: #FF6961;
 /*display: inline-block;*/
}

a:hover {
 text-decoration: none !important;
 color: #FEB0B8;
 /*display: inline-block;*/
}

a:active {
	text-decoration: none !important;
	color: #FF6961;
	/*display: inline-block;*/
	transform: translateY(0px);
}

/* fix for button width with animation */
.yy-block-column .ybutton-page,
.yy-block-column .ybutton-page:link,
.yy-block-column .ybutton-page:visited
.yy-block-column .ybutton-page:active,
.yy-block-column .ybutton-page:hover{
    display: block;
}

/* Fix for News */
.uagb-post__cta .uagb-post__link,
.uagb-post__cta .uagb-post__link:link,
.uagb-post__cta .uagb-post__link:visited,
.uagb-post__cta .uagb-post__link:active {
/* .uagb-post__cta .uagb-post__linkhover{ */
    display: inline-block;
    background-color: transparent !important;
    transform: translateY(0px);
}

.uagb-post__text .uagb-post__cta:active {
    display: inline-block;
    background-color: #FF6961 !important;
    transform: translateY(4px);
}

.uagb-post__cta .uagb-post__link:active {
    display: inline-block;
    background-color: transparent !important;
    transform: translateY(0px);
}

.uagb-post__text .uagb-post__title a,
.uagb-post__text .uagb-post__title a:link {
    display: inline-block;
    background-color: transparent !important;
}
 
.uagb-post__text .uagb-post__title a:visited,
.uagb-post__text .uagb-post__title a:active{
    display: inline-block;
    background-color: transparent !important;
    transform: translateY(3px);
}

.yy-block-button__link.uagb-text-link:hover{
	color: #F2F2F2 !important;
	background-color: #404040 !important;
}


.yy-block-column .has-background a,
.yy-block-column .has-background a:link {
    display: inline-block;
    background-color: transparent !important;
}
 
.yy-block-column .has-background a:visited,
.yy-block-column .has-background a:active{
    display: inline-block;
    background-color: transparent !important;
    transform: translateY(3px);
}

.yy-block-button__link{
  border: solid;
  padding: 7px;
}	


/* link style for green */
.y-sec-g a,
.y-sec-g a:link,
.y-sec-g a:active,
.y-sec-g a:visited {
    color: #77DD77 !important;
}

.y-sec-g a:hover {
    color: #BDEBBD !important;
}

/* link style */
.y-sec-b a:link,
.y-sec-b a:visited,
.y-sec-b a:active {
    color: #6699FF !important;
}
.y-sec-b a:hover {
    color: #B8CAFF !important;
}

/* left border red in about-us */
.blockquote {
    border-left: 5px solid #FF6961 !important;
}

ul {
    list-style: none; /* Remove default bullets */
}

/* list with red bullet point */
.y-sec-r li::before {
	content: "\25CF";
	color: #FF6961;
	display: inline-block; 
	width: 1em;
	margin-left: -1em;
}

.y-sec-b li::before {
    content: "\25CF";
    color: #6699FF;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.y-sec-g li::before {
    content: "\25CF";
    color: #77DD77;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

/* social media links in about-us */
.y-sec-col-b {
    color: #404040;
}

.y-sec-col-b:hover {
    color: #FF6961;
}


.y-sec-code-box {
    	max-width: 900px !important;
}


.y-code-highlight {
    border-right: solid;
    border-right-color: #f2f2f2;
    border-left: solid;
    border-left-color: #f2f2f2;
    border-top: solid;
    border-top-color: #f2f2f2;
    border-bottom: solid;
    border-bottom-color: #f2f2f2;
}

.yy-block-quote {
	background-color: #f0f0f0 !important;
}




/* set symbol for external pages after all links */
a[href^="http://"]:not([href*="www.y-security.de"]):after,
a[href^="https://"]:not([href*="twitter.com/0xchrisb"]):not([href*="pentest.y-security.de"]):not([href*="redteam.y-security.de"]):not([href*="github.com/0xchrisb"]):not([href*="y-sec.rocks"]):not([href*="github.com/0xchrisb"]):not([href*="www.linkedin.com/in/0xchrisb/"]):not([href*="www.xing.com/profile/Christian_Becker612/"]):not([href*="www.twitter.com/secsven"]):not([href*="twitter.com/secsven"]):not([href*="github.com/secsven"]):not([href*="www.xing.com/profile/Sven_Schlueter"]):not([href*="twitter.com/ysecurity"]):not([href*="www.linkedin.com"]):not([href*="github.com/y-security"]):not([href*="www.xing.com"]):not([href*="www.y-security.de"]):not([href*="www.y-security.de"]):not([href*="y-example.com"]):not([href*="y-pentest.com"]):not([href*="y-redteam.com"]):not([href*="y-training.com"]):not([href*="ysecurity.de"]):not([href*="y-security.io"]):not([href*="y-security.net"]):not([href*="y-sec.org"]):not([href*="y-security.org"]):not([href*="y-security.rocks"]):not([href*="www.youtube.com/channel/UC9tDcAphAxqTlWi0WSaWHSA"]):not([href*="www.linkedin.com/in/sven-schl%C3%BCter-79932663"]):not([href*="twitter.com/imthoe"]):not([href*="github.com/imthoe"]):after {
    font-family: "Font Awesome 5 Free"; 
    font-weight: 700; 
    content: "\f35d";
    padding-left: 0.2em;
}

.button-extras {
    font-size: 60px !important;
    font-weight: bold;   
}

/* trial for glow buttons to make Christian happy ;) */
.glow-on-hover-r {
    width: 100%;
    height: 50px;
    border: none;
    border: 2px solid #FF6961;
    outline: none;
    color: #FF6961;
    cursor: pointer;
    position: relative;
    z-index: 0;
    border-radius: 10px;
    background: #FF6961 !important;    
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

.glow-on-hover-r:before {
    content: '';
    background: linear-gradient(45deg, #FF6961, #FEB0B8, #FFDCDF, #FF6961, #FEB0B8, #FFDCDF, #FF6961, #FEB0B8, #FFDCDF);
    position: absolute;
    top: -2px;
    left:-2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;        
}

.glow-on-hover-r:active {
/*    color: #F2F2F2; */
    background-color: #F2F2F2;
    background: #F2F2F2;
    transform: translateY(4px);       
    color: #FF6961;
    background: #FF6961;
}

.glow-on-hover-r:active:after {
    background: #F2F2F2;
    background-color: #F2F2F2;
    color: #FF6961;       
}

.glow-on-hover-r:hover:before {
    opacity: 1;        
}

.glow-on-hover-r:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #F2F2F2;
    background-color: #F2F2F2;
    color: #FF6961;
    left: 0;
    top: 0;
    border-radius: 10px;     
}

.glow-on-hover-b {
    width: 100%;
    height: 50px;
    border: none;
    border: 2px solid #6699FF !important;
    outline: none;
    color: #6699FF !important;
    cursor: pointer;
    position: relative;
    z-index: 0;
    border-radius: 10px;
    background: #6699FF !important;   
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

.glow-on-hover-b:before {
    content: '';
    background: linear-gradient(45deg, #6699FF, #B8CAFF, #DFE6FF, #6699FF, #B8CAFF, #DFE6FF,#6699FF, #B8CAFF, #DFE6FF);
    position: absolute;
    top: -2px;
    left:-2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
}

.glow-on-hover-b:active {
    color: #6699FF;
    background-color: #F2F2F2;
    background: #F2F2F2;
    transform: translateY(4px);
}

.glow-on-hover-b:active:after {
    background: #F2F2F2;
    background-color: #F2F2F2;
    color: #6699FF;    
}

.glow-on-hover-b:hover:before {
    opacity: 1;
}

.glow-on-hover-b:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #F2F2F2;
    background-color: #F2F2F2;
    color: #6699FF;
    left: 0;
    top: 0;
    border-radius: 10px;
}

.glow-on-hover-g {
    width: 100%;
    height: 50px;
    border: none;
    border: 2px solid #77DD77 !important;
    outline: none;
    color: #77DD77 !important;
    cursor: pointer;
    position: relative;
    z-index: 0;
    border-radius: 10px;
    background: #77DD77 !important;   
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

.glow-on-hover-g:before {
    content: '';
    background: linear-gradient(45deg, #77DD77, #BDEBBD, #E1F5E1,#77DD77, #BDEBBD, #E1F5E1,#77DD77, #BDEBBD, #E1F5E1);
    position: absolute;
    top: -2px;
    left:-2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
}

.glow-on-hover-g:active {
    color: #F2F2F2;
    background-color: #F2F2F2;
    background: #F2F2F2;
    transform: translateY(4px);
}

.glow-on-hover-g:active:after {
    background: #F2F2F2;
    background-color: #F2F2F2;
    color: #77DD77;    
}

.glow-on-hover-g:hover:before {
    opacity: 1;
}

.glow-on-hover-g:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #F2F2F2;
    background-color: #F2F2F2;
    color: #77DD77;
    left: 0;
    top: 0;
    border-radius: 10px;
}

@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}

/* content fix to not overflow header (main menu) */
.ybox-news {
        z-index:  0;
}

.ybox-header {
	z-index: 0;
	border-width: 3px;
	border-style: solid;
	border-color: #f2f2f2;  
	border-radius: 20px 20px 20px 20px;	
	padding-left: 20px;
	padding-right: 20px;
}

/* Cookie settings check box in Y-Style  */
.cli-slider {
    background-color: #FFFFFF !important;
}
.cli-slider:before {
    background-color: #77DD77 !important;
}

.cli_setting_save_button {
    background-color: #77DD77 !important;
}

.yblog-column {
	max-width: 900px !important;
}

#cookie-law-info-bar {
	bottom: 45px !important;
/*	width: 45% !important;
	left: unset !important;
	right: 0px !important;
#float: right !important
#opacity: 0.9;
*/
}

.cli-plugin-button {
	width: 130px
}
.cli-bar-container {
	display: block !important;
        text-align: center;

}

.cli-style-v2 .cli-bar-message {
	text-align: center;
}
.cli-bar-message {
	width: 100% !important;
	text-align: center;
}

.cli-bar-btn_container {
	display:inline-block !important;;
}

#scroll-top {
	z-index: 99999
}

.timeline__wrap {
	z-index: -2 !important
}

.timeline {
	z-index: -2 !important
}

#footer-bottom #footer-bottom-menu {
	padding-left: 0px !important;
}

.yy-block-table.is-style-stripes {
	padding: 20px;
}

.yy-block-syntaxhighlighter-code {
	padding: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.y-image-padding {
	padding: 20px;
}