@charset "UTF-8";

/*
Theme Name: DRG Login
Theme URI: https://www.drg.de
Description:  Base CSS for responsive RadiSSO-Login
Version: 1.0
Author:		urbanstudio / Oli Feiler
Author URI: https://www.urbanstudio.de
*/

:root{
	--us-primary-color:#042D4D;
	--us-primary-color-10p:rgba(41,79,108,.1);
	--us-secondary-color:#074674;
	--us-highlight-color:#074674;
	--us-textcolor:rgba(0,0,0,.85);

	--drg-blue:#005389;

	--us-form-highlight:#0084C3;
	--us-form-highlight-10p:rgba(56,130,190,.1);
	--us-form-highlight-darker:#3172A6;
	--us-form-highlight-lighter:#4791C5;
	--us-form-font: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

	--us-font: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--us-headline-font-size:20px;
	--us-text-font-size:16px;

	--us-transition:.6s cubic-bezier(.25,.8,.25,1);
	--us-box-shadow:0 0 0 1px rgba(0,0,0,.05), 0 0 10px rgba(0,0,0,.08), 0 7px 5px -5px rgba(0,0,0,.12);

	--us-radius:6px;
	--us-inner-radius:3px;
	--us-btn-radius:6px;

	--us-gap:16px;
	--us-gap-neg:-16px;
	--us-block-gap:24px;
	--us-margin:16px;
	--us-margin-neg:-16px;
	--us-margin-half:8px;
	--us-margin-double:32px;
	--us-padding:16px;
	--us-padding-half:8px;
	--us-padding-double:32px;

	--us-text-width:800px;
}

@media only screen and (min-width:768px){

	:root{
		--us-headline-font-size:22px;
		--us-text-font-size:18px;

		--us-gap:32px;
		--us-gap-neg:-32px;
		--us-block-gap:32px;
		--us-margin: 32px;
		--us-margin-half:16px;
		--us-margin-neg:-32px;
		--us-margin-neg-half:-16px;
		--us-padding: 32px;
	}

}


@media only screen and (min-width:1280px){

	:root{
		--us-block-gap:64px;
	}

}


@media only screen and (min-width:1680px){

	:root{
		--us-text-width:860px;
	}

}


*{margin:0;padding:0;border:0;outline:none;font-size:100%;vertical-align:baseline;background:transparent;box-sizing:border-box;}
html{overflow-y:scroll;overflow-x:hidden;min-height:100vh;height:100%;}
body{background:#f5f6f7;color:var(--us-textcolor);font-family:var(--us-font);font-size:var(--us-text-font-size);font-weight:300;line-height:1.4;transition:all .2s ease-in-out;max-width:100vw;
-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
del{text-decoration:line-through;} abbr[title], dfn[title]{border-bottom:1px dotted;cursor:help;}
input, select{vertical-align:middle;outline:none;} textarea{resize:vertical;overflow-y:auto;outline:none;}
label, input[type=button], input[type=submit], button{cursor:pointer;}
ul{list-style:none;list-style-type:none;}
img{border:0;display:block;max-width:100%;height:auto;image-rendering:-webkit-optimize-contrast;}
* a{color:inherit;text-decoration:inherit;}
p{max-width:800px;}
hr{margin-top:16px;margin-bottom:16px;border:0;border-top:1px solid rgba(0,0,0,.1);}
hr.mini{margin-top:var(--us-gap);margin-bottom:var(--us-gap);border-top:3px solid #00264D;width:60px;}
hr.block-gap{margin-top:var(--us-block-gap);margin-bottom:var(--us-block-gap);}
sup{font-size:12px!important;vertical-align:super!important;}


.app-content{padding:88px 16px 0;min-height:100dvh;}
@media only screen and (min-width: 768px) {
	.app-content{padding:128px 32px 0;}
}

/* FOOTER */
footer.footer{color:#6F7E88;padding:16px;font-size:12px;text-align:center;z-index:99;border-top:1px solid rgba(0,0,0,.1);background:#FFF;}
footer.footer-login{}

footer.footer .footer-nav{}
footer.footer .footer-nav a{display:inline-block;padding:8px;}
footer.footer .footer-copy{padding:8px;opacity:.5;}

@media only screen and (min-width: 768px) {
	footer.footer{padding:16px 32px;}
}
@media only screen and (min-width: 1024px) {
	footer.footer .flex-footer{display:flex;align-items:center;justify-content:space-between;max-width:1240px;margin-left:auto;margin-right:auto;}
	footer.footer .footer-nav{text-align:left;}
	footer.footer .footer-nav a{display:inline-block;padding:8px 24px 8px 0;}
	footer.footer .footer-copy{text-align:right;padding:8px 0 8px 20px;}
}

.block{position:relative;}
.block.padding-top, .block.pt{padding-top:var(--us-block-gap,24px)!important;}
.block.padding-bottom, .block.pb{padding-bottom:var(--us-block-gap,24px)!important;}

.block .center{max-width:1240px;}
.block.alignfull > .center{padding:0 var(--us-gap);box-sizing:content-box;}
.block header.block-header{display:flex;flex:1 0 auto;justify-content:space-between;align-items:flex-end;width:100%;margin-bottom:var(--us-margin);}
.block header.block-header.text-width, .block header.block-header.aligntext,
.block > div.text-width{max-width:var(--us-text-width);margin-left:auto;margin-right:auto;}
.block header.block-header.border{position:relative;border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:16px;}
.block header.block-header.border:after{position:absolute;bottom:-2px;left:0;right:0;height:1px;border-bottom:1px solid rgba(255,255,255,1);content:'';}
.block header.block-header hgroup h1{font-size:24px;line-height:1.25;color:var(--us-primary-color);font-weight:400;margin:0 !important;-moz-hyphens:auto;-o-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
.block header.block-header hgroup h2{font-size:22px;line-height:1.25;color:var(--us-primary-color);font-weight:400;margin:0 !important;-moz-hyphens:auto;-o-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
.block header.block-header hgroup h2 > i{margin-right:12px;}
	.block header.block-header hgroup h1.secondary,
	.block header.block-header hgroup h2.secondary{color:var(--us-secondary-color);}
.block header.block-header hgroup.main-headline{margin-bottom:var(--us-block-gap);}
.block header.block-header hgroup.main-headline h1{color:var(--us-primary-color);}
.block header.block-header hgroup.main-headline h2{color:var(--us-secondary-color);}
.block header.block-header hgroup h1 strong,
.block header.block-header hgroup h2 strong{font-weight:500!important;}
.block header.block-header hgroup.main-headline > *.overtitle{opacity:.66!important;}
.block header.block-header:has(.btn-holder) hgroup{align-self:center!important;}
.block header.block-header:has(.btn-holder) > * + *{margin-left:16px;max-width:50%;}
.block header.block-header:has(.btn-holder) .btn-holder{max-width:50% !important;}
.block header.block-header:has(.btn-holder) .btn-select{max-width:100% !important;}

.block.block_header > header .btn-holder{text-align:right;align-self:flex-end;padding:0 0 7px 16px;white-space:nowrap;cursor:pointer;justify-content:flex-end!important;}
main > .block.text:last-child{padding-bottom:var(--us-block-gap,24px);}
main > .block.text:last-child + *{margin-top:var(--us-block-gap,24px);}

.block header.block-header + .block-header-text{margin-bottom:1em;}
.block header.block-header + .block-header-text.big{font-size:1.125em;font-weight:500;color:var(--us-primary-color) !important;line-height:1.4;}
@media only screen and (min-width: 768px) {
	.block header.block-header + .block-header-text{margin-top:-24px;margin-bottom:1.4em;padding-top:8px;}
	.block header.block-header hgroup h1{font-size:28px!important;}
	.block header.block-header hgroup h2{font-size:24px!important;}
	.block header.block-header hgroup h1.oversize-tablet{font-size:34px!important;}
	.block header.block-header hgroup h2.oversize-tablet{font-size:30px!important;}
	.block header.block-header hgroup h2 > i{margin-right:16px;vertical-align:text-bottom;font-size:133%;}
	.block header.block-header:has(.btn-holder) .btn-select{max-width:238px !important;}
}
@media only screen and (min-width:1280px) {
	.block header.block-header hgroup h1.oversize-tablet{font-size:40px!important;}
	.block header.block-header hgroup h2.oversize-tablet{font-size:36px!important;}
}



.congress-login{display:flex;align-items:center;justify-content:center;position:relative;min-height:100vh !important;width:100vw;margin:-88px -16px 0 -16px;padding:0;background:#C0CCDA;transition:none;box-sizing:border-box;}
.congress-login .block{z-index:2;padding:var(--us-gap);}
.congress-login .card{font-size:16px!important;margin:0!important;}
.congress-login .login-logo{text-align:center;padding:16px 0 40px 0;}
.congress-login .login-logo img{display:block;object-fit:contain;object-position:center;max-width:256px;max-height:110px;height:auto;margin:0 auto;}
.congress-login .card .register{margin-top:16px;}
.congress-login .card .register a{color:var(--us-textcolor)!important;}
.congress-login .card .underline{
	display:inline-block;text-decoration:none;
	background-image: linear-gradient(rgba(0,0,0,.2), rgba(0,0,0,.2)), linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.5));
    background-size: 100% 1px, 0 1px;
    background-position: 100% 86%, 0 86%;
    background-repeat: no-repeat;
    transition: background-size .2s linear;
}
.congress-login .card .underline:hover {
	background-size: 0 1px, 100% 1px;
}
@media only screen and (min-width: 768px) {
	.congress-login{margin:-128px -32px 0 -32px;}
	.congress-login .login-logo img{max-width:280px;height:auto;max-height:120px;}
}
@media only screen and (min-width: 1280px){
	.congress-login .card .card-content{padding:32px;}
}
.congress-login > .image{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;overflow:hidden;display:flex;align-content:stretch;justify-content:stretch;}
.congress-login > .image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:blur(6px);}


/* card construct */
.card{background:#ffffff;box-shadow:var(--us-box-shadow);border:none;margin-bottom:var(--us-margin);border-radius:var(--us-radius);transition:var(--us-transition);
-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;justify-content:stretch;}
.card:not(.statstripe) > *:first-child{border-top-left-radius:var(--us-radius);border-top-right-radius: var(--us-radius);}
.card:not(.statstripe) > *:last-child{border-bottom-left-radius:var(--us-radius);border-bottom-right-radius: var(--us-radius);}
.card.card-transparent{background-color:transparent !important;box-shadow:none !important;overflow-y:inherit!important;}
.card.card-simple{background-color:#FFFFFF !important;box-shadow:0 0 0 1px rgba(0,0,0,.15) !important;}
.card.no-card{background-color:#FFFFFF !important;box-shadow:none !important;}
.card .card-header{display:flex;flex:0 0 auto;justify-content:space-between;align-items:center;position:relative;border-bottom:none;padding:12px 16px;background-color:transparent;}
.card .card-header label{display:block;font-size:16px;font-weight:600;color:rgba(0,0,0,.77);margin-bottom:0;line-height:24px;max-width:760px;}
.card .card-header.border, .card .card-header.line{border-bottom:1px solid rgba(0,0,0,.1) !important;}
.card .card-boxheader{display:flex;flex:0 0 auto;justify-content:space-between;align-items:center;position:relative;padding:0;top:0;background:#f9f9f9;border-radius:6px 6px 0 0;box-shadow:inset 0 1px 0 #FFFFFF;min-height:58px;overflow:visible;width:100%;}
.card .card-boxheader > h3, .card .card-boxheader > hgroup h3{display:block;margin:0;padding:12px 16px;line-height:32px;font-size:16px;font-weight:600;color:#000000;}
.card .card-boxheader:after{position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg, rgba(0,0,0,.12) 0%, rgba(0,0,0,0.22) 50%, rgba(0,0,0,.12) 100%);content:'';}
.card .card-boxheader > .tab-holder{padding-left:16px;align-self:flex-end;}
.card .card-boxheader > .btn-holder{padding:8px 12px 8px 0;}
.card .card-boxheader .btn-holder > * + *{margin-left:8px !important;}

.card .card-body{flex:1 1 auto;}

.card .card-image{position:relative;display:block;height:auto;overflow:hidden !important;}
.card .card-image img{transition:var(--us-transition);width:100%;height:auto;}
.card .card-image.image-padding{padding:0 16px;}
.card .card-image.top, .card .card-image.top img{border-radius:var(--us-radius) var(--us-radius) 0 0;}
.card .card-image.bottom, .card .card-image.bottom img{border-radius:0 0 var(--us-radius) var(--us-radius);}
.card .card-image.topline:before{position:absolute;display:block;top:0;left:0;right:0;height:1px;background:rgba(0,0,0,.1);content:'';pointer-events:none;}
.card .card-image.bottomline:after{position:absolute;display:block;bottom:0;left:0;right:0;height:1px;background:rgba(0,0,0,.1);content:'';pointer-events:none;}

.card .card-content{padding:16px;flex:1 0 auto;min-height:1px;display:block}
.card .card-padding{padding:16px;}
.card .card-content.usform p{margin:0 0 24px 0;}
.card .card-header+.card-body, .card .card-header+.card-body:first-of-type{padding-top:0;}

	.card .card-header hgroup{}
	.card .card-header hgroup h4{opacity:.66;font-size:14px;padding-bottom:4px;}
	.card .card-header hgroup h3,
	.card .card-header h3{font-size:20px;line-height:30px;color:#000000;}
	.card .card-content hgroup{margin:0 0 16px 0;}
	.card .card-content hgroup h4{opacity:.66;font-size:14px;padding-bottom:4px;}
	.card .card-content hgroup h3{font-size:20px;line-height:30px;color:#000000;}
	.card .card-content p{max-width:800px;margin:0 0 24px 0;}
	.card .card-content p:last-child{margin:0 0 0 0;}

	.card .card-boxheader .card-search{position:absolute;top:50%;right:6px;left:6px;transform:translate(0,-50%);height:48px;text-align:right;z-index:10;pointer-events:none;}
	.card .card-boxheader .card-search label{position:absolute;top:0;right:0;height:48px;width:48px;line-height:48px;text-align:center;font-size:20px;color:rgba(0,0,0,.5);pointer-events:all;transition:all 0.2s ease-in-out;}
	.card .card-boxheader .card-search label span{display:none;}
	.card .card-boxheader .card-search label:hover{color:rgba(0,0,0,.77);}
	.card .card-boxheader .card-search input{border:1px solid transparent;border-radius:4px;width:48px;height:48px;padding:8px 50px 8px 12px;color:#333333;background:rgba(255,255,255,0);font-size:16px;font-family:var(--us-font);font-weight:400;line-height:16px;box-sizing:border-box;transition:all 0.2s ease-in-out;pointer-events:all;cursor:pointer;}
	.card .card-boxheader .card-search input:focus{border-color:#666666;background:#FFFFFF;width:100%;}
	.card .card-boxheader .card-search input:focus + label{color:rgba(0,0,0,1);}
	@media only screen and (min-width:600px){
		.card .card-boxheader .card-search input:focus{width:400px;}
	}

	.card .card-footer{display:flex;flex:0 0 auto;justify-content:space-between;align-items:center;padding:12px 16px;}
	.card .card-footer.border, .card .card-footer.line{border-top:1px solid rgba(0,0,0,.1);}
	.card .card-boxfooter{display:flex;flex:0 0 auto;justify-content:space-between;align-items:center;position:relative;padding:0;top:0;background:#f9f9f9;border-radius:0 0 6px 6px !important;padding:12px 16px;border-top:1px solid #FFFFFF;font-size:14px !important;color:rgba(0,0,0,.5);}
	.card .card-boxfooter:after{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg, rgba(0,0,0,.12) 0%, rgba(0,0,0,0.22) 50%, rgba(0,0,0,.12) 100%);content:'';}
		.card .card-footer:has(hr){padding:0 var(--us-box-padding) var(--us-box-padding)!important;flex-direction:column;align-items:stretch;}
		.card .card-footer:has(hr) hr{margin-top:0!important;}

	.card .card-footer.gray{background:#f9f9f9;border-top:1px solid rgba(0,0,0,.033);} .card .card-footer.gray.line{border-top:1px solid rgba(0,0,0,.1);}

@media only screen and (min-width: 768px){
.card .card-header{padding:24px 24px 20px 24px;}
.card .card-boxheader > h3, .card .card-boxheader > hgroup h3{display:block;margin:0;padding:16px 16px 16px 24px;}
.card .card-boxheader > .tab-holder{padding-left:24px;}
.card .card-boxheader > .btn-holder{padding:8px 16px 8px;}
.card .card-image.image-padding{padding:0 24px;}
.card .card-content{padding:24px;}
.card .card-content hgroup{margin-bottom:20px;}
.card .card-padding{padding:24px;}
.card .card-footer,
.card .card-boxfooter{padding:16px 16px 16px 24px;}
}


/* Buttons */
.btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
    color:#ffffff;
	background:#2C3A3B;
    margin:0 0 0 0;
    padding:10px 16px;
    width: auto;
    text-align:center;
    border-radius:var(--us-btn-radius)!important;
    text-decoration: none;
    transition:var(--us-transition);
    cursor: pointer;
	text-shadow:0 1px 0 rgba(0,0,0,.1);
	font-size:16px;
	line-height:18px;
	font-weight:600;
	border:1px solid rgba(0,0,0,.1);
	box-sizing:border-box;
	position:relative;
}

.btn.primary, .btn.green, .btn.green{background:var(--us-highlight-color);}
.btn.gray{background:#888888;}
.btn.black{background:#000000;}
.btn.radisso{background:#811D62 !important;color:#FFFFFF!important;text-decoration:none!important;}
.btn.neutral{background:#EEEEEE !important;color:inherit!important;}
.btn.naked{color:inherit;border-color:transparent;background:transparent;text-shadow:none!important;}

.btn.naked.active{color:#000;box-shadow:inset 0 1px 3px rgba(0,0,0,.04) !important;border:1px solid rgba(0,0,0,.2) !important;background:rgba(0,0,0,.05) !important;background:linear-gradient(to bottom, rgba(0,0,0,.06) 0%,rgba(0,0,0,.06) 1%,rgba(0,0,0,.03) 100%)!important;}


.btn-outline{
	display:inline-flex;
	align-items:center;
	justify-content:center;
    color:#49535B;
	border:1px solid #6F7E88;
	background:transparent;
    margin:0 0 0 0;
    padding:10px 16px;
    width: auto;
    text-align:center;
    border-radius:var(--us-btn-radius)!important;
    text-decoration: none!important;
    transition:var(--us-transition);
    cursor: pointer;
	text-shadow:0 1px 0 rgba(255,255,255,.1);
	box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);
	font-size:16px;
	line-height:18px;
	font-weight:600;
	box-sizing:border-box;
	position:relative;
}

.btn-outline.primary,
.btn-outline.green{color:var(--us-cta-color);border-color:var(--us-cta-color);}
.btn-outline.gray{color:#49535B;border-color:#6F7E88;}
.btn-outline.radisso{color:#811D62;border-color:#811D62;}
.btn-outline.naked{color:inherit;border-color:transparent;background:transparent;text-shadow:none!important;}

.btn:active,
.btn-outline:active{transform:translateY(1px) scale(0.96);}

.btn i,
.btn-outline i{display:inline-block;font-size:14px;margin:0 12px 0 0;}
.btn > svg,
.btn-outline > svg{display:block;width:14px;height:14px;margin:0 10px 0 0;fill:currentColor;}
.btn span + i,
.btn-outline span + i,
.btn span + svg,
.btn-outline span + svg{margin:0 0 0 12px !important;}
.btn.pill,
.btn-outline.pill{border-radius:33px !important;}

.btn.icon-only, .btn-outline.icon-only{position:relative;padding:0 !important;min-width:40px;height:40px;width:40px;line-height:38px;text-align:center;display:inline-block !important;}
.btn.icon-only i, .btn-outline.icon-only i{margin:0 0 0 0 !important;font-size:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
@media only screen and (max-width: 768px) {
.btn.icon-only-tablet, .btn-outline.icon-only-tablet{padding:10px !important;min-width:44px !important;}
.btn.icon-only-tablet span, .btn-outline.icon-only-tablet span{display:none !important;}
.btn.icon-only-tablet i, .btn-outline.icon-only-tablet i{margin:0 0 0 0 !important;font-size:16px;}
}
@media only screen and (max-width: 414px) {
.btn.icon-only-mobile, .btn-outline.icon-only-mobile{padding:10px !important;min-width:44px !important;}
.btn.icon-only-mobile span, .btn-outline.icon-only-mobile span{display:none !important;}
.btn.icon-only-mobile i, .btn-outline.icon-only-mobile i,
.btn.icon-only-mobile svg, .btn-outline.icon-only-mobile svg{margin:0 0 0 0 !important;font-size:16px;}
.btn.icon-only-mobile.small, .btn-outline.icon-only-mobile.small{min-width:30px!important;height:30px!important;width:30px!important;line-height:28px!important;}
}
@media only screen and (max-width: 375px) {
.btn.no-icon-mobile i, .btn-outline.no-icon-mobile i{display:none !important;}
}

.btn[disabled],
.btn:disabled,
.btn-outline[disabled],
.btn-outline:disabled{opacity:.66 !important;cursor:not-allowed !important;/*pointer-events:none;*/}

.btn:disabled:active,
.btn-outline:disabled:active{transform:none !important;}

/* BTN-Holder */
.btn-holder{display:flex;/*flex:1 0 auto;*/justify-content:flex-start;clear:left;}
header .btn-holder{justify-content:flex-end;} header >*:first-child.btn-holder{justify-content:flex-start;}
.btn-holder.align-center,
.btn-holder.text-align-center,
.text-align-center > .btn-holder{justify-content:center;align-items:center;}
.btn-holder.align-right{justify-content:flex-end !important;}
.btn-holder.align-baseline{align-items:baseline !important;}
.btn-holder > *:first-child,
.btn-holder > *.mr-1:first-child,
.card-content > *.mr-1:first-child{margin:0 !important;}
.btn-holder > * + *{margin-left:8px!important;}
.btn-holder-text{display:inline-flex;align-self:center!important;white-space:nowrap;max-width:150px;text-overflow:ellipsis;}
*:not(.btngroup) > .btn + .btn,
*:not(.btngroup) > .btn + .btn-outline,
*:not(.btngroup) > .btn-outline + .btn,
*:not(.btngroup) > .btn-outline + .btn-outline{margin-left:var(--us-margin-half);}

/* usform21 */
.usfield label{display:block;font-size:16px;font-weight:600;color:rgba(0,0,0,.77);margin-bottom:8px;line-height:24px;max-width:760px;}
.usfield > label span{color:#666666;font-weight:400;}

div.usform-wrap input,
div.usform-wrap textarea,
div.usform-wrap select{display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--us-font) !important;}
div.usform-wrap input, div.usform-wrap textarea, div.usform-wrap .ustinymcecontainer{border:1px solid rgba(0,0,0,.33);width:100%;padding:10px;color:rgba(0,0,0,.77);background:#FFFFFF;font-size:16px;font-weight:400;box-sizing:border-box;border-radius:2px;}
div.usform-wrap textarea, div.usform-wrap .ustinymcecontainer{height:180px;}
div.usform-wrap input[type="text"],
div.usform-wrap input[type="tel"],
div.usform-wrap input[type="date"],
div.usform-wrap input[type="time"],
div.usform-wrap input[type="email"],
div.usform-wrap input[type="password"],
div.usform-wrap input[type="number"],
div.usform-wrap textarea,
div.usform-wrap .ustinymcecontainer{outline:none;transition:all 0.2s ease-in-out;box-shadow:0 1px 0 rgba(255,255,255,.4);}

div.usform-wrap input[type="text"]:focus,
div.usform-wrap input[type="tel"]:focus,
div.usform-wrap input[type="date"]:focus,
div.usform-wrap input[type="time"]:focus,
div.usform-wrap input[type="email"]:focus,
div.usform-wrap input[type="password"]:focus,
div.usform-wrap input[type="number"]:focus,
div.usform-wrap textarea:focus{background-color:#FFFFFF;border:1px solid var(--us-form-highlight);color:#000000;outline:0 0 1px 0 solid #FFFFFF;box-shadow:0 0 0 4px var(--us-form-highlight-10p);}

div.usform-wrap input[type="text"]:disabled,
div.usform-wrap input[type="tel"]:disabled,
div.usform-wrap input[type="date"]:disabled,
div.usform-wrap input[type="time"]:disabled,
div.usform-wrap input[type="email"]:disabled,
div.usform-wrap input[type="password"]:disabled,
div.usform-wrap input[type="number"]:disabled,
div.usform-wrap textarea:disabled,
div.usform-wrap .ustinymcecontainer[disabled="disabled"]{color:rgba(0,0,0,.44);background:rgba(242,242,242,.44);border:1px solid #ABABAB;cursor:not-allowed;}
.usfield div.usform-wrap.select select:disabled{color:rgba(0,0,0,.44);background:rgba(242,242,242,.44);cursor:not-allowed;}

.usfield div.usform-wrap input.street{width:calc( 100% - 65px ) !important;margin-right:15px;float:left;}
.usfield div.usform-wrap input.streetnr{width:50px !important;float:left;}
.usfield div.usform-wrap input.zip{width:70px !important;margin-right:15px;float:left;}
.usfield div.usform-wrap input.city{width:calc( 100% - 85px ) !important;float:left;}

.usfield div.usform-wrap.select{position:relative;border:1px solid rgba(0,0,0,.33);width:100%;padding:0;height:40px;overflow:hidden;background:#FFFFFF;cursor:pointer;border-radius:2px;transition:all 0.2s ease-in-out;}
.usfield div.usform-wrap.select select{display:block;border:0;background:transparent;color:rgba(0,0,0,.77);font-size:16px;font-family:var(--us-font);font-weight:400;-webkit-appearance:none;text-transform:none;cursor:pointer;width:100% !important;height:38px;padding:10px;}
.usfield div.usform-wrap.select:focus-within{border:1px solid var(--us-form-highlight);color:#000000;outline:0 0 1px 0 solid #FFFFFF;box-shadow:0 0 0 4px var(--us-form-highlight-10p);}
.usfield div.usform-wrap.select:before{position:absolute;top:0;right:0;bottom:0;content:'';border-left:1px solid rgba(0,0,0,.33);width:30px;pointer-events:none !important;background:#FFFFFF;border-radius:0 3px 3px 0;}
.usfield div.usform-wrap.select:after{position:absolute;top:50%;right:15px;content:'';width:10px;height:8px;transform:translate(50%,-50%);pointer-events:none !important;background:url('images/usform21/drop-down.svg') 50% 50% no-repeat;background-size:contain;}

/* .usfield label-animate */
.usfield.label-animation{position:relative;width:100%;margin-bottom:16px;padding:0!important;}
.usfield.label-animation input {border-color:#6F7E88;padding-top:12px;padding-bottom:12px;}
.usfield.label-animation label{position:absolute;top:0;left:6px;margin:0;display:block;line-height:12px;padding:0 4px;transform:translate(0,-50%);box-sizing:border-box;pointer-events:none;transition:var(--us-transition);font-size:12px;font-weight:400!important;opacity:1;background:#fff;color:#5A666F;}
.usfield.label-animation input:focus + label{color:var(--us-highlight-color);font-weight:600!important;}
@media only screen and (min-width:768px){
	.usfield.label-animation{margin-bottom:32px;}
}


/* ALERT */
.alert{position:relative;background:#FFFFFF;color:rgba(0,0,0,.77);border:1px solid #CC0000;box-shadow:inset 0 0 0 4px rgba(204,2,0,.1);border-radius:var(--us-radius);margin-bottom:32px;clear:both;text-align:left!important;padding:.71rem 2.5rem .71rem 1rem;color:#CC0000;}



/* textstyles */
.overtitle, .overtitle{font-size:14px !important;line-height:1 !important;letter-spacing:1px;margin:var(--us-gap) 0 8px 0;font-weight:700;opacity:.5;text-transform:uppercase;}
hgroup .overtitle + *{margin-top:8px !important;}
* > .overtitle:first-child{margin-top:0!important;}
* > h1:first-child,
* > h2:first-child,
* > h3:first-child{margin-top:0!important;}

.usstyles{color:rgba(0,0,0,.9);line-height:1.5;}
.usstyles *:first-child{margin-top:0 !important;}
.usstyles *:last-child{margin-bottom:0 !important;}
.usstyles h1, .h1{font-size:26px;font-weight:400;line-height:1.33;margin:var(--us-gap) 0 24px 0;letter-spacing:-0.5px;} .usstyles * + h1{margin-top:48px;}
.usstyles h2, .h2{font-size:22px;font-weight:400;line-height:1.33;margin:32px 0 24px 0;letter-spacing:-0.5px;} .usstyles * + h2{margin-top:48px;}
.usstyles h3, .h3{font-size:20px;font-weight:400;line-height:1.33;margin:28px 0 24px 0;letter-spacing:-0.5px;} .usstyles * + h3{margin-top:48px;}
.usstyles h4, .h4{font-size:18px;font-weight:400;line-height:1.33;margin:24px 0 24px 0;} .usstyles * + h4{margin-top:36px;}
.usstyles h5, .h5{font-size:16px;font-weight:400;line-height:1.33;margin:24px 0 24px 0;} .usstyles * + h5{margin-top:24px;}
.usstyles h6, .h6{font-size:16px;font-weight:400;line-height:1.33;margin:24px 0 24px 0;} .usstyles * + h6{margin-top:24px;}
.usstyles h1, .h1, .usstyles h1 strong, .h1 strong,
.usstyles h2, .h2, .usstyles h2 strong, .h2 strong,
.usstyles h3, .h3, .usstyles h3 strong, .h3 strong,
.usstyles h4, .h4, .usstyles h4 strong, .h4 strong{color:var(--us-secondary-color,#13283E);}
.usstyles .overtitle + *{margin-top:8px !important;}
.usstyles .overtitle, .overtitle{font-size:.7em !important;line-height:1 !important;letter-spacing:.09em;margin:var(--us-gap) 0 8px 0;font-weight:700;opacity:.5;text-transform:uppercase;color:var(--us-textcolor)!important;}
.usstyles * + .subtitle{font-size:.9em !important;line-height:1 !important;font-weight:500;opacity:.75;text-transform:none;color:var(--us-textcolor)!important;}
.usstyles * + .subtitle{margin-top:-20px !important;margin-bottom:24px;}
.usstyles .subtitle2{font-weight:600;font-size:12px;}
.usstyles .caption, .caption{display:block;font-size:.8em !important;line-height:16px !important;margin:6px 0 0 0;font-weight:500;}
.usstyles a,
.usstyles a strong{color:var(--drg-blue)!important;transition:var(--us-transition);outline:0;display:inline;border-bottom:none;text-decoration:none;font-weight:400;
	/*
	background-image: linear-gradient(rgba(0,0,0,.25), rgba(0,0,0,.25)), linear-gradient(var(--drg-blue), var(--drg-blue));
    background-size: 100% 1px, 0 1px;
    background-position: 100% 96%, 0 96%;
    background-repeat: no-repeat;
    transition: background-size .2s linear;*/
}
.usstyles a:hover {
	/*background-size: 0 1px, 100% 1px;*/
}
.usstyles a strong, .usstyles strong a{color:var(--drg-blue)!important;font-weight:500;}
.usstyles p a[target=_blank]:after{display:inline;position:relative;top:-0.07em;left:0;font-size:.62em !important;content:"\f08e";font-family:"Font Awesome 6 Pro";font-weight:600;color:var(--us-secondary-color);transition:var(--us-transition);margin-left:.4em;text-decoration:none!important;}
.usstyles p a[href^="mailto:"]:before{display:inline;position:relative;top:0;left:0;font-size:.7em !important;content:"\f0e0";font-family:"Font Awesome 6 Pro";font-weight:400;color:var(--us-secondary-color);transition:var(--us-transition);margin-right:.33em;text-decoration:none!important;}
.usstyles p a[href^="tel:"]:before{display:inline;position:relative;top:0;left:0;font-size:.7em !important;content:"\f095";font-family:"Font Awesome 6 Pro";font-weight:400;color:var(--us-secondary-color);transition:var(--us-transition);margin-right:.33em;text-decoration:none!important;}
.usstyles p{margin:0 0 24px 0;max-width:832px;}
.usstyles p b, .usstyles p strong, .usstyles b, .usstyles strong{font-weight:500 !important;color:rgba(0,0,0,.75);}
.usstyles ul{margin:24px 0 24px 0;padding-left:16px;list-style:none;list-style-position:outside;color:var(--us-textcolor);max-width:832px;}
.usstyles ul li{box-sizing:border-box;position:relative;}
.usstyles ul li:before{display:block;position:absolute;left:-14px;top:0.8em;height:5px;width:5px;background:var(--us-secondary-color);content:'';transform:translateY(-50%);}
.usstyles ol{margin:24px 0 24px 0;list-style-position:inside;counter-reset:item;color:var(--us-textcolor);max-width:832px;}
.usstyles ol li{display:block;padding-left:24px;position:relative;top:0;left:0;}
.usstyles ol li:before{position:absolute;top:1em;left:0;content:counter(item) ". ";counter-increment:item;width:24px;display:block;font-size:.8em;transform:translateY(-50%);line-height:1;font-weight:600;opacity:.75;}
.usstyles blockquote{display:block;border:0;margin:0 0 24px 0;padding:0 0 0 24px;color:rgba(0,0,0,.95);font-style:italic;border-left:2px solid var(--us-secondary-color);max-width:800px;}

@media only screen and (max-width: 767px){
	.usstyles.hyphens *{-moz-hyphens:auto;-o-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
}
@media only screen and (min-width: 768px){
	.usstyles h1, .h1{font-size:32px;}
	.usstyles h2, .h2{font-size:24px;}
	.usstyles h3, .h3{font-size:22px;}

	.oversize-tablet{font-size:32px !important;}
}
@media only screen and (min-width: 1280px){
	.oversize-tablet{font-size:38px !important;}
}
@media only screen and (min-width: 1380px){
	.usstyles ul li,
	.usstyles ol li{line-height:1.5 !important;}
	.usstyles ol li:before{top:6px;}
}



/* TOOLS */
.center-320{max-width:320px;}
.center-400{max-width:400px;}
.center-768{max-width:768px;}
.center-standard,
.center-990{max-width:990px;}
.center-1280{max-width:1280px;}
body [class*="center-"]{margin:0 auto;}
@media only screen and (min-width: 768px) {
	body [class*="center-"]{}
}

.topline{position:absolute;top:0;left:0;height:1px;width:100%;background:rgba(0,0,0,.1);} .topline.white{background:rgba(255,255,255,.12);}
.bottomline{position:absolute;bottom:0;left:0;height:1px;width:100%;background:rgba(0,0,0,.1);} .bottomline.white{background:rgba(255,255,255,.12);}
.topline.outside{top:-1px;}
.bottomline.outside{bottom:-1px;}
.clear{clear:left;}
.align-left{text-align:left !important;} .align-right{text-align:right;} .align-center{text-align:center !important;}
.opacity50{opacity:.5;}
.no-padding{padding:0 0 0 0 !important;}

.hide{display:none;}

.margin-top, .mt-1{margin-top:var(--us-margin) !important;}
.margin-bottom,
.mb-1{margin-bottom:var(--us-margin) !important;}
.margin-bottom-half{margin-bottom:var(--us-margin-half) !important;}
.padding-top, .pt-1{padding-top:var(--us-margin) !important;}
.padding-bottom, .pb-1{padding-bottom:var(--us-margin) !important;}
.padding-bottom-half{padding-bottom:var(--us-margin-half) !important;}

.text-align-left{text-align:left !important;}
.text-align-center{text-align:center !important;}
.text-align-right{text-align:right !important;}

@media only screen and (min-width:1280px) {
	.margin-top{margin-top:calc(var(--us-gap) * 1.618) !important;}
	.margin-bottom{margin-bottom:calc(var(--us-gap) * 1.618) !important;}
	.padding-top{padding-top:calc(var(--us-gap) * 1.618) !important;}
	.padding-bottom{padding-bottom:calc(var(--us-gap) * 1.618) !important;}
}

.icon-big{font-size:48px;}


.no-wrap{white-space:nowrap !important;}

.maxw-100{max-width:100px !important;}
.maxw-125{max-width:125px !important;}
.maxw-150{max-width:150px !important;}
.maxw-200{max-width:200px !important;}
.maxw-250{max-width:250px !important;}
.maxw-280{max-width:280px !important;}
.maxw-300{max-width:300px !important;}
.maxw-400{max-width:400px !important;}
.maxw-500{max-width:500px !important;}
.maxw-990{max-width:990px !important;}
.maxw-1200{max-width:1200px !important;}

.minw-100{min-width:100px !important;}
.minw-125{min-width:125px !important;}
.minw-150{min-width:150px !important;}
.minw-175{min-width:175px !important;}
.minw-200{min-width:200px !important;}
.minw-250{min-width:250px !important;}
.minw-280{min-width:280px !important;}
.minw-300{min-width:300px !important;}

.breakout{margin:0 -16px 0 -16px;}
.aligntext,
.aligntextwidth,
.center.aligntext{max-width:var(--us-text-width)!important;margin:0 auto;}
.alignwide{max-width:1240px;margin:0 auto;}
.alignfull{margin-left:-16px;margin-right:-16px;}
.block-padding{padding-left:var(--us-gap)!important;padding-right:var(--us-gap)!important;}

@media only screen and (min-width: 768px) {
	.breakout{margin:0 -32px 0 -32px;}
	.alignfull{margin-left:-32px;margin-right:-32px;}
}

.overflow-hidden{overflow:hidden;}

@media only screen and (max-width: 767px) {
	.hide-mobile{display:none !important;}
}

.hyphens{-moz-hyphens:auto;-o-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
@media only screen and (max-width: 767px) {
	.hyphens-mobile{-moz-hyphens:auto;-o-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
}

.block.bg-white{background:#FFFFFF!important;}
.block.bg-to-white{background:linear-gradient(180deg, #f5f6f7 0%, #f5f6f7 33%, #ffffff 100%)!important;}
.block.bg-from-white{background:linear-gradient(180deg, #ffffff 0%, #ffffff 33%, #f5f6f7 100%)!important;}
.block.bg-to-gray{background:linear-gradient(180deg, rgba(245,246,247,0) 0%, rgba(245,246,247,0) 33%, rgba(245,246,247,1) 100%);}