/* Copyright UX Amp - www.ux-amp.de

- custom.css -

________________________________________________________________________________
custom styles
*/
:root {--dark:#36353a;}
:root {--brand:#D33633;}
:root {--brand-pink:#E30078;}
:root {--brand-blue:#457dc7;}
:root {--brand-grey:#454646;}

.ux-home .grecaptcha-badge {visibility:hidden !important;}
.ux-home.scrollpoint .grecaptcha-badge {visibility:visible !important;}

body.scrollpoint .cta_btn_img {right:53px;}

.max_width, form {max-width:1200px !important;}
.box_small {padding:20px;}
.img_teaser_box {height:300px;}
.img_bg_dark {background:rgba(0,0,0,.5);}
.img_bg_dark_light {background:rgba(0,0,0,.3);}

/* sticky box */
.sticky_box {background:var(--dark); color:#fff;}
.ux-home .sticky_box p.btn_brand a, .ux-home .sticky_box p.btn_brand a:hover, .ux-home .sticky_box p.btn_brand.active.focus a:hover, .ux-home .sticky_box p.btn_brand a:active,
.ux-home .sticky_box .sticky_box p.btn_brand.active.focus a, .ux-home .sticky_box p.btn_brand.active a:focus, .ux-home .sticky_box p.btn_brand.active a:hover,
.ux-home .sticky_box p.btn_brand.focus a:active, .ux-home .sticky_box p.btn_brand:active a:focus, .ux-home .sticky_box p.btn_brand a:active:hover,
.ux-home .sticky_box p.btn_brand a:focus, .ux-home .sticky_box p.btn_brand a:active {color:var(--dark) !important; border:none !important; border-left: solid 1px #fff !important; background:#fff !important; height:78px;}

.pink_page .sticky_box p.btn_brand a, .pink_page .sticky_box p.btn_brand a:hover, .pink_page .sticky_box p.btn_brand.active.focus a:hover, .pink_page .sticky_box p.btn_brand a:active,
.pink_page .sticky_box .sticky_box p.btn_brand.active.focus a, .pink_page .sticky_box p.btn_brand.active a:focus, .pink_page .sticky_box p.btn_brand.active a:hover,
.pink_page .sticky_box p.btn_brand.focus a:active, .pink_page .sticky_box p.btn_brand:active a:focus, .pink_page .sticky_box p.btn_brand a:active:hover,
.pink_page .sticky_box p.btn_brand a:focus, .pink_page .sticky_box p.btn_brand a:active {color:#fff !important; border:none !important; border-left: solid 1px #fff !important; background:var(--brand-pink) !important; height:78px;}

.red_page .sticky_box p.btn_brand a, .red_page .sticky_box p.btn_brand a:hover, .red_page .sticky_box p.btn_brand.active.focus a:hover, .red_page .sticky_box p.btn_brand a:active,
.red_page .sticky_box .sticky_box p.btn_brand.active.focus a, .red_page .sticky_box p.btn_brand.active a:focus, .red_page .sticky_box p.btn_brand.active a:hover,
.red_page .sticky_box p.btn_brand.focus a:active, .pink_page .sticky_box p.btn_brand:active a:focus, .pink_page .sticky_box p.btn_brand a:active:hover,
.red_page .sticky_box p.btn_brand a:focus, .red_page .sticky_box p.btn_brand a:active {color:#fff !important; border:none !important; border-left: solid 1px #fff !important; background:var(--brand) !important; height:78px;}

.blue_page .sticky_box p.btn_brand a, .blue_page .sticky_box p.btn_brand a:hover, .blue_page .sticky_box p.btn_brand.active.focus a:hover, .blue_page .sticky_box p.btn_brand a:active,
.blue_page .sticky_box .sticky_box p.btn_brand.active.focus a, .blue_page .sticky_box p.btn_brand.active a:focus, .blue_page .sticky_box p.btn_brand.active a:hover,
.blue_page .sticky_box p.btn_brand.focus a:active, .blue_page .sticky_box p.btn_brand:active a:focus, .blue_page .sticky_box p.btn_brand a:active:hover,
.blue_page .sticky_box p.btn_brand a:focus, .blue_page .sticky_box p.btn_brand a:active {color:#fff !important; border:none !important; border-left: solid 1px #fff !important; background:var(--brand-blue) !important; height:78px;}

.grey_page .sticky_box p.btn_brand a, .grey_page .sticky_box p.btn_brand a:hover, .grey_page .sticky_box p.btn_brand.active.focus a:hover, .grey_page .sticky_box p.btn_brand a:active,
.grey_page .sticky_box .sticky_box p.btn_brand.active.focus a, .grey_page .sticky_box p.btn_brand.active a:focus, .grey_page .sticky_box p.btn_brand.active a:hover,
.grey_page .sticky_box p.btn_brand.focus a:active, .grey_page .sticky_box p.btn_brand:active a:focus, .grey_page .sticky_box p.btn_brand a:active:hover,
.grey_page .sticky_box p.btn_brand a:focus, .grey_page .sticky_box p.btn_brand a:active {color:#fff !important; border:none !important; border-left: solid 1px #fff !important; background:var(--brand-grey) !important; height:78px;}

.ux-home.scrollpoint .sticky_box p.btn_brand a,
.ux-home.scrollpoint .sticky_box p.btn_brand a:focus, .ux-home.scrollpoint .sticky_box p.btn_brand a:active {color:#fff !important; border:none !important; background:#D33633 !important; transition:.5s !important; border-left: solid 1px #fff !important;}

.sticky_box p.btn a {transform:none !important; padding:22px 40px 11px 40px !important; height:79px;}
.sticky_box .btn {right:0; top:0px !important;}

/* btn */
p.btn a {transform:translatex(0px) skew(-9deg) rotate(-7deg) translateY(15px); padding:20px 40px 21px 40px !important;}
p.btn.btn_rounded a, .btn_rounded {border-radius:0 !important; border:none !important;}


.ux-home p.btn_brand a, .ux-home p.btn_brand a:hover, .ux-home p.btn_brand.active.focus a:hover, .ux-home p.btn_brand a:active,
.ux-home p.btn_brand.active.focus a, .ux-home p.btn_brand.active a:focus, .ux-home p.btn_brand.active a:hover,
.ux-home p.btn_brand.focus a:active, .ux-home p.btn_brand:active a:focus, .ux-home p.btn_brand a:active:hover,
.ux-home p.btn_brand a:focus, .ux-home p.btn_brand a:active {color:#fff !important; border:solid 1.5px var(--dark) !important; background:var(--dark) !important;}
.ux-home p.btn_outline.btn_brand a, .ux-home p.btn_brand.btn_outline a:hover, .ux-home p.btn_brand.btn_outline a:focus, .ux-home p.btn_brand.btn_outline a:active, .ux-home p.btn_brand.btn_outline a:focus:active {border:1.5px solid var(--dark) !important; color:var(--dark) !important; background:none !important;}

.red_page p.btn_brand a, .red_page p.btn_brand a:hover, .red_page p.btn_brand.active.focus a:hover, .red_page p.btn_brand a:active,
.red_page p.btn_brand.active.focus a, .red_page p.btn_brand.active a:focus, .red_page p.btn_brand.active a:hover,
.red_page p.btn_brand.focus a:active, .red_page p.btn_brand:active a:focus, .red_page p.btn_brand a:active:hover,
.red_page p.btn_brand a:focus, .red_page p.btn_brand a:active {color:#fff !important; border:solid 1.5px var(--brand) !important; background:var(--brand) !important;}
.red_page p.btn_outline.btn_brand a, .red_page p.btn_brand.btn_outline a:hover, .red_page p.btn_brand.btn_outline a:focus, .red_page p.btn_brand.btn_outline a:active, .red_page p.btn_brand.btn_outline a:focus:active {border:1.5px solid var(--brand) !important; color:var(--dark) !important; background:none !important;}

.pink_page p.btn_brand a, .pink_page p.btn_brand a:hover, .pink_page p.btn_brand.active.focus a:hover, .pink_page p.btn_brand a:active,
.pink_page p.btn_brand.active.focus a, .pink_page p.btn_brand.active a:focus, .pink_page p.btn_brand.active a:hover,
.pink_page p.btn_brand.focus a:active, .pink_page p.btn_brand:active a:focus, .pink_page p.btn_brand a:active:hover,
.pink_page p.btn_brand a:focus, .pink_page p.btn_brand a:active {color:#fff !important; border:solid 1.5px var(--brand-pink) !important; background:var(--brand-pink) !important;}
.pink_page p.btn_outline.btn_brand a, .pink_page p.btn_brand.btn_outline a:hover, .pink_page p.btn_brand.btn_outline a:focus, .pink_page p.btn_brand.btn_outline a:active, .pink_page p.btn_brand.btn_outline a:focus:active {border:1.5px solid var(--brand-pink) !important; color:var(--dark) !important; background:none !important;}

.blue_page p.btn_brand a, .blue_page p.btn_brand a:hover, .blue_page p.btn_brand.active.focus a:hover, .blue_page p.btn_brand a:active,
.blue_page p.btn_brand.active.focus a, .blue_page p.btn_brand.active a:focus, .blue_page p.btn_brand.active a:hover,
.blue_page p.btn_brand.focus a:active, .blue_page p.btn_brand:active a:focus, .blue_page p.btn_brand a:active:hover,
.blue_page p.btn_brand a:focus, .blue_page p.btn_brand a:active {color:#fff !important; border:solid 1.5px var(--brand-blue) !important; background:var(--brand-blue) !important;}
.blue_page p.btn_outline.btn_brand a, .blue_page p.btn_brand.btn_outline a:hover, .blue_page p.btn_brand.btn_outline a:focus, .blue_page p.btn_brand.btn_outline a:active, .blue_page p.btn_brand.btn_outline a:focus:active {border:1.5px solid var(--brand-blue) !important; color:var(--dark) !important; background:none !important;}

.grey_page p.btn_brand a, .grey_page p.btn_brand a:hover, .grey_page p.btn_brand.active.focus a:hover, .grey_page p.btn_brand a:active,
.grey_page p.btn_brand.active.focus a, .grey_page p.btn_brand.active a:focus, .grey_page p.btn_brand.active a:hover,
.grey_page p.btn_brand.focus a:active, .grey_page p.btn_brand:active a:focus, .grey_page p.btn_brand a:active:hover,
.grey_page p.btn_brand a:focus, .grey_page p.btn_brand a:active {color:#fff !important; border:solid 1.5px var(--brand-grey) !important; background:var(--brand-grey) !important;}
.grey_page p.btn_outline.btn_brand a, .grey_page p.btn_brand.btn_outline a:hover, .grey_page p.btn_brand.btn_outline a:focus, .grey_page p.btn_brand.btn_outline a:active, .grey_page p.btn_brand.btn_outline a:focus:active {border:1.5px solid var(--brand-grey) !important; color:var(--dark) !important; background:none !important;}



/* header */
.home .wrapper_headline {position:absolute; bottom:auto; top:230px; height:auto; left:0; right:0; margin:0; text-align:center; color:#fff;}

.h1_header_brand .wrapper_headline {left:80px; text-align:left; top:auto; bottom:80px; height:100px;}

/* brand elements */
.pink_page .collapsebox .circle {border-color:var(--brand-pink);}
.pink_page .collapsebox .circle .fa {color:var(--brand-pink);}

.blue_page .collapsebox .circle {border-color:var(--brand-blue);}
.blue_page .collapsebox .circle .fa {color:var(--brand-blue);}

.text_content ul li:before {top:2px;}
.blue_page .text_content ul li:before {color:var(--brand-blue);}

/*
________________________________________________________________________________
responsive design
*/
@media (min-width: 1800px) {

}
@media (min-width: 1100px) {
	/* nav */
#app_nav {background:var(--dark); color:#fff !important;}
.menu_list > li > a, .nav_info a {padding:23px;}
.menu_list li > a, .menu_list > li > span, .nav_info a {color:#fff !important; border-color:var(--dark);}
.menu_list li > a:hover, .menu_list > li > span:hover, .nav_info a:hover, .nav_info a:focus, .nav_info a:active {color:var(--dark);}
.drop_menu li a:hover, .drop_menu li a:focus, .drop_menu li a.active {color:var(--dark) !important;}
.single_menu_item .nav_info a:hover {color:#fff !important;}
.nav_info {border-color:#777; padding-left:33px;}
.menu_list.dropdown_menu_item > ul > li:hover {background:#111 !important;}
.menu_list.dropdown_menu_item > ul > a:hover {color:#fff !important;}
.menu_list.single_menu_item li:hover {color:#fff !important; background:#111 !important;}
.nav_info .h3.brand_color {color:#fff !important;}
.drop_menu {background:rgba(0,0,0,.8); backdrop-filter: blur(9px);}
.drop_menu_sub li a:hover {color:var(--dark) !important;}
.drop_menu_sub li a {border-right: solid 2px #777;}
.plus_icon span.lines {background:#777;}
.logo, .custom-logo {height:45px !important; top:15px;}

}
@media (max-width: 1100px) {
	#app_content, #app_footer {position:relative; right:0;}
	body.show_app_menu #app_content, body.show_app_menu #app_footer {right:-30vw;}
	
	 small, .small_font {line-height:35px;}
	h1 small, h2 small {margin-top:10px;}
	
	.top_bg {background:var(--dark);}
	.menu_icon.active span.lines, .menu_icon span.lines {background:#fff !important;}
	.logo, .custom-logo {height: 40px !important; top: 20px;}
	.sticky_box {background:#fff;}
	.sticky_box .btn {left:0; right:0; width:100%; border-left:none !important;}
	
	.pink_page .sticky_box p.btn_brand a, .pink_page .sticky_box p.btn_brand a:hover, .pink_page .sticky_box p.btn_brand.active.focus a:hover, .pink_page .sticky_box p.btn_brand a:active, .pink_page .sticky_box .sticky_box p.btn_brand.active.focus a, .pink_page .sticky_box p.btn_brand.active a:focus, .pink_page .sticky_box p.btn_brand.active a:hover, .pink_page .sticky_box p.btn_brand.focus a:active, .pink_page .sticky_box p.btn_brand:active a:focus, .pink_page .sticky_box p.btn_brand a:active:hover, .pink_page .sticky_box p.btn_brand a:focus, .pink_page .sticky_box p.btn_brand a:active {border-left:none !important;}
	
	.red_page .sticky_box p.btn_brand a, .red_page .sticky_box p.btn_brand a:hover, .red_page .sticky_box p.btn_brand.active.focus a:hover, .red_page .sticky_box p.btn_brand a:active, .red_page .sticky_box .sticky_box p.btn_brand.active.focus a, .red_page .sticky_box p.btn_brand.active a:focus, .red_page .sticky_box p.btn_brand.active a:hover, .red_page .sticky_box p.btn_brand.focus a:active, .red_page .sticky_box p.btn_brand:active a:focus, .red_page .sticky_box p.btn_brand a:active:hover, .red_page .sticky_box p.btn_brand a:focus, .red_page .sticky_box p.btn_brand a:active {border-left:none !important;}
	
	.blue_page .sticky_box p.btn_brand a, .blue_page .sticky_box p.btn_brand a:hover, .blue_page .sticky_box p.btn_brand.active.focus a:hover, .blue_page .sticky_box p.btn_brand a:active, .blue_page .sticky_box .sticky_box p.btn_brand.active.focus a, .blue_page .sticky_box p.btn_brand.active a:focus, .blue_page .sticky_box p.btn_brand.active a:hover, .blue_page .sticky_box p.btn_brand.focus a:active, .blue_page .sticky_box p.btn_brand:active a:focus, .blue_page .sticky_box p.btn_brand a:active:hover, .blue_page .sticky_box p.btn_brand a:focus, .blue_page .sticky_box p.btn_brand a:active {border-left:none !important;}
	
	.grey_page .sticky_box p.btn_brand a, .grey_page .sticky_box p.btn_brand a:hover, .grey_page .sticky_box p.btn_brand.active.focus a:hover, .grey_page .sticky_box p.btn_brand a:active, .grey_page .sticky_box .sticky_box p.btn_brand.active.focus a, .grey_page .sticky_box p.btn_brand.active a:focus, .grey_page .sticky_box p.btn_brand.active a:hover, .grey_page .sticky_box p.btn_brand.focus a:active, .grey_page .sticky_box p.btn_brand:active a:focus, .grey_page .sticky_box p.btn_brand a:active:hover, .grey_page .sticky_box p.btn_brand a:focus, .grey_page .sticky_box p.btn_brand a:active {border-left:none !important;}
	
	
	.pink_page p.btn_brand a, .pink_page p.btn_brand a:hover, .pink_page p.btn_brand.active.focus a:hover, .pink_page p.btn_brand a:active,
.pink_page p.btn_brand.active.focus a, .pink_page p.btn_brand.active a:focus, .pink_page p.btn_brand.active a:hover,
.pink_page p.btn_brand.focus a:active, .pink_page p.btn_brand:active a:focus, .pink_page p.btn_brand a:active:hover,
.pink_page p.btn_brand a:focus, .pink_page p.btn_brand a:active {color:#fff !important; border:none !important; background:var(--brand-pink) !important;}
	
	.red_page p.btn_brand a, .red_page p.btn_brand a:hover, .red_page p.btn_brand.active.focus a:hover, .red_page p.btn_brand a:active,
.red_page p.btn_brand.active.focus a, .red_page p.btn_brand.active a:focus, .red_page p.btn_brand.active a:hover,
.red_page p.btn_brand.focus a:active, .red_page p.btn_brand:active a:focus, .red_page p.btn_brand a:active:hover,
.red_page p.btn_brand a:focus, .red_page p.btn_brand a:active {color:#fff !important; border:none !important; background:var(--brand) !important;}
	
	.blue_page p.btn_brand a, .blue_page p.btn_brand a:hover, .blue_page p.btn_brand.active.focus a:hover, .blue_page p.btn_brand a:active,
.blue_page p.btn_brand.active.focus a, .blue_page p.btn_brand.active a:focus, .blue_page p.btn_brand.active a:hover,
.blue_page p.btn_brand.focus a:active, .blue_page p.btn_brand:active a:focus, .blue_page p.btn_brand a:active:hover,
.blue_page p.btn_brand a:focus, .blue_page p.btn_brand a:active {color:#fff !important; border:none !important; background:var(--brand-blue) !important;}
	
	.grey_page p.btn_brand a, .grey_page p.btn_brand a:hover, .grey_page p.btn_brand.active.focus a:hover, .grey_page p.btn_brand a:active,
.grey_page p.btn_brand.active.focus a, .grey_page p.btn_brand.active a:focus, .grey_page p.btn_brand.active a:hover,
.grey_page p.btn_brand.focus a:active, .grey_page p.btn_brand:active a:focus, .grey_page p.btn_brand a:active:hover,
.grey_page p.btn_brand a:focus, .grey_page p.btn_brand a:active {color:#fff !important; border:none !important; background:var(--brand-grey) !important;}

  }
@media (max-width: 880px) {
	.overdrive_2 {font-size:60px !important; line-height:40px;}
	
  }
@media (max-width: 680px) {
	.overdrive_2 {font-size:40px !important; line-height:20px;}
	
  }