/* =Import Required styles
========================================================================================*/
@import "vendor/normalize";
@import "vendor/icon";


@font-face {
    font-family: 'kometlight';
    src: url('/typo3conf/ext/bgm_theme_therapio/Resources/Public/Css/fonts/komet-light-webfont.eot');
    src: url('/typo3conf/ext/bgm_theme_therapio/Resources/Public/Css/fonts/komet-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('/typo3conf/ext/bgm_theme_therapio/Resources/Public/Css/fonts/komet-light-webfont.woff2') format('woff2'),
    url('/typo3conf/ext/bgm_theme_therapio/Resources/Public/Css/fonts/komet-light-webfont.woff') format('woff'),
    url('/typo3conf/ext/bgm_theme_therapio/Resources/Public/Css/fonts/komet-light-webfont.ttf') format('truetype'),
    url('/typo3conf/ext/bgm_theme_therapio/Resources/Public/Css/fonts/komet-light-webfont.svg#kometlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'kometlight_italic';
    src: url('/typo3conf/ext/bgm_theme_therapio/Resources/Public/Css/fonts/komet-lightitalic-webfont.eot');
    src: url('/typo3conf/ext/bgm_theme_therapio/Resources/Public/Css/fonts/komet-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('/typo3conf/ext/bgm_theme_therapio/Resources/Public/Css/fonts/komet-lightitalic-webfont.woff2') format('woff2'),
    url('/typo3conf/ext/bgm_theme_therapio/Resources/Public/Css/fonts/komet-lightitalic-webfont.woff') format('woff'),
    url('/typo3conf/ext/bgm_theme_therapio/Resources/Public/Css/fonts/komet-lightitalic-webfont.ttf') format('truetype'),
    url('/typo3conf/ext/bgm_theme_therapio/Resources/Public/Css/fonts/komet-lightitalic-webfont.svg#kometlight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'komet_regularregular';
    src: url('/typo3conf/ext/bgm_theme_therapio/Resources/Public/Css/fonts/komet-regular-webfont.eot');
    src: url('/typo3conf/ext/bgm_theme_therapio/Resources/Public/Css/fonts/komet-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('/typo3conf/ext/bgm_theme_therapio/Resources/Public/Css/fonts/komet-regular-webfont.woff2') format('woff2'),
    url('/typo3conf/ext/bgm_theme_therapio/Resources/Public/Css/fonts/komet-regular-webfont.woff') format('woff'),
    url('/typo3conf/ext/bgm_theme_therapio/Resources/Public/Css/fonts/komet-regular-webfont.ttf') format('truetype'),
    url('/typo3conf/ext/bgm_theme_therapio/Resources/Public/Css/fonts/komet-regular-webfont.svg#komet_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'kometregular_italic';
    src: url('/typo3conf/ext/bgm_theme_therapio/Resources/Public/Css/fonts/komet-regularitalic-webfont.eot');
    src: url('/typo3conf/ext/bgm_theme_therapio/Resources/Public/Css/fonts/komet-regularitalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('/typo3conf/ext/bgm_theme_therapio/Resources/Public/Css/fonts/komet-regularitalic-webfont.woff2') format('woff2'),
    url('/typo3conf/ext/bgm_theme_therapio/Resources/Public/Css/fonts/komet-regularitalic-webfont.woff') format('woff'),
    url('/typo3conf/ext/bgm_theme_therapio/Resources/Public/Css/fonts/komet-regularitalic-webfont.ttf') format('truetype'),
    url('/typo3conf/ext/bgm_theme_therapio/Resources/Public/Css/fonts/komet-regularitalic-webfont.svg#kometregular_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'kometbold';
    src: url('/typo3conf/ext/bgm_theme_therapio/Resources/Public/Css/fonts/komet-bold-webfont.eot');
    src: url('/typo3conf/ext/bgm_theme_therapio/Resources/Public/Css/fonts/komet-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('/typo3conf/ext/bgm_theme_therapio/Resources/Public/Css/fonts/komet-bold-webfont.woff2') format('woff2'),
    url('/typo3conf/ext/bgm_theme_therapio/Resources/Public/Css/fonts/komet-bold-webfont.woff') format('woff'),
    url('/typo3conf/ext/bgm_theme_therapio/Resources/Public/Css/fonts/komet-bold-webfont.ttf') format('truetype'),
    url('/typo3conf/ext/bgm_theme_therapio/Resources/Public/Css/fonts/komet-bold-webfont.svg#kometbold') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* =Box Sizing 
========================================================================================*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea, select, input[type="button"], input[type="submit"], button { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;  }


/* =Deafult Tag & General Classes
========================================================================================*/
html, body { -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; -ms-font-smoothing:antialiased; font-smoothing:antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust:100%; }
body { font:15px/1.45 'kometlight', Arial, Helvetica, sans-serif; color:#2a526e; }
img { vertical-align:top; border:0; }
a, input[type="button"], input[type="submit"], button, table th, table td { -webkit-transition:background-color 350ms cubic-bezier(0.77,0,0.175,1), color 350ms cubic-bezier(0.77,0,0.175,1); transition:background-color 350ms cubic-bezier(0.77,0,0.175,1), color 350ms cubic-bezier(0.77,0,0.175,1); }
.allanim { -webkit-transition:all 350ms cubic-bezier(0.77,0,0.175,1); transition:all 350ms cubic-bezier(0.77,0,0.175,1); }
a { color:#396e93; text-decoration:underline;}
a:hover { text-decoration:underline; }
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
    a:active{ background-color:transparent;}
}
strong { font-weight:bold; }
small, .small { font-size: 85%; }
sub, sup { font-size:80% }
p { margin:0 0 20px 0; }
h1,h2, h3, h4, h5, h6 { line-height:1.3; margin:0 0 10px; font-weight:normal;  }
h1,h2 { font-size:44px; font-family: 'kometbold'; }
h3 { font-size:38px; font-family: 'kometbold'; }
h4 { font-size:30px; }
h5 { font-size:24px; }
h6 { font-size:16px; }

ul li { line-height:24px; }

.cf:after,.wrap:after { content:""; display:table; clear: both; }
.nodisplay { display:none; }
.nodisplay_strict { display:none !important; }
.alignleft { float:left; }
.alignright { float:right; }
:focus { outline:none; }
.text_cont p { padding:0 0 10px 0; }
.nopad p, p.nopad { padding:0; }

.cols { *zoom:1; margin-left:-20px; margin-right:-20px; clear:both; }
.cols:after {content:""; display:table; clear:both; }
.cols .col { float:left; min-height:1px; padding-left:20px; padding-right:20px; }
.cols1 .col { width:100% }
.cols2 .col { width:50% }
.cols3 .col { width:33.333333333333%; }
.cols4 .col { width:25%; }

/* =Blockquote & highlight
========================================================================================*/
blockquote { border-left:solid 6px #e1e1e1; margin-left:0; padding-left:15px; }
blockquote small { font-size:85%; display:block; color:#999; padding:5px 0 0 0; font-style:italic; }
.highlight, mark { background:#fffd64; }

/* =Text Size, color & Custom list style
========================================================================================*/
.text-bigger { font-size:22px;  }
.text-big { font-size:20px; }
.text-small { font-size:12px; }
.text-muted { color:#777; }
.text-primary { color:#f34834; }
.text-secondary { color:#7979a9; }

.bg-muted { background:#777; }
.bg-primary { background:#e34f26; }
.bg-secondary { background:#7979a9; }

.text-lc { text-transform:lowercase; }
.text-uc { text-transform:uppercase; }

.has-show { display:block !important; }
.has-hide { display:none !important; }

.has-error { padding:8px 12px 0; display:block; color:#f34834; }
input.has-error { border:solid 1px #f34834 !important;  }

.tall-space { margin:45px 0; }
.medium-space { margin:20px 0; }

.custom-arrow-list { margin:0; padding:0; list-style:none; }
.custom-arrow-list li { position:relative; padding-left:20px; }
.custom-arrow-list li:before { content:''; border:solid 2px #bbb; border-left:0; border-top:0; position:absolute; left:1px; top:9px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); width:7px; height:7px; }

/* =Divider Width
========================================================================================*/
hr { border:0; border-bottom:solid 1px #e1e1e1; margin:20px 0; position:relative; width:100%; }
hr:before { background:#888; bottom: 0; content: ""; display: block; height: 1px; left: 0; right:0; margin:0 auto; top:0; position: absolute; width: 40px; }
.dashed-border { border-bottom-style:dashed }
.dotted-border { border-bottom-style:dotted; }
.double-border { border-bottom-style:double; border-bottom-width:3px; }
.double-border:before { height:3px; }

/* =Drop Caps
========================================================================================*/
p.drop-caps:first-child:first-letter { float: left; font-size: 75px; line-height: 60px; padding: 4px; margin-right: 5px; margin-top: 5px; font-family: Georgia; }
p.drop-caps.secundary:first-child:first-letter { background-color: #f34834; color: #fff; padding: 6px; margin-right: 11px; border-radius: 4px; }

/* =Image Caps
========================================================================================*/
.image-block { padding:25px 0;  }
.image-block:after { display:table; clear:both; content:''; }
.image-block figure { width:33.33333%; float:left; position:relative; border:solid 1px #e5e5e5; padding:5px; background:#fff; margin:0 20px 10px 0; }
.image-block figure img { width:100%; height:auto; }
.image-block.right-align figure { float:right; margin:0 0 10px 20px;  }
.image-block figcaption { display:block; font-weight:700; position:absolute; left:5px; right:5px; bottom:5px; margin:0 auto; background:rgba(0,0,0,0.40); padding:13px 10px; color:#fff; text-align:center; line-height:1.25; }
.image-block h3 { margin-bottom:20px; }

/* =Section Caps
========================================================================================*/
.section-block { padding:25px 0; background:#fff; }

/* =Layout Width
========================================================================================*/
.wrap { max-width:1314px; width:100%; margin:0 auto; padding-left:30px; padding-right:30px; }

#primary { float:left; width:700px; }
#sidebar { float:right; width:200px; }
.one-column { width:auto !important; float:none !important; }



/* =Common-Page (common classes for all pages)
========================================================================================*/
.header { background:#fff; }
.header .header-top { padding:30px 0; }
.header .header-top .wrap { max-width:none; }
.header .logo { float:left; width:105px; position:relative; }
.header .logo img { max-width:100%; height:auto; width:auto; }

.header .mainmenu {  float:right; font-size:16px; margin:7px 0 0 0; }
.header .mainmenu ul { margin:0; padding:0; list-style:none; }
.header .mainmenu li { float:left; line-height:30px; }
.header .mainmenu ul > li { margin:0 0 0 36px; font-family:'kometbold';  font-weight:normal; }
.header .mainmenu li a { text-decoration:none; padding:0; display:block; color:#407ea9; position:relative; letter-spacing: 0.5px; line-height:1.2; }
.header .mainmenu li a:hover { color: #ffb224; }
.header .mainmenu li.get-started-btn a { border: 2px solid #407ea9; border-radius:50px; padding:5px 21px 7px; line-height:1; margin-top: -8px; }
.header .mainmenu li.get-started-btn a:hover { background: #407ea9; color: #fff; }
.header .header-banner .wrap { max-width: 1500px; }

.footer { background:#fff; color:#396e93; padding:30px 0; font-size:16px; }
.footer .footer-top h6 { font-family:'kometbold'; text-transform:uppercase; margin-bottom:9px; font-size: 14px; }
.footer .idea-main-box:after { content:""; display: table; clear: both; }
.footer .idea-box { float:left; width:50%; }
.footer .data-protection-box { float:left; width:50%; }
.footer .footer-contact { margin-top:25px; }
.footer .footer-contact a { display:table; text-decoration:none; color: #396e93; line-height: 36px; font-size: 20px; font-family:'kometbold'; }
.footer .footer-contact a i { margin-right:10px; margin-top:7px; display:inline-block; vertical-align:top; }
.footer .footer-contact a:hover { color: #ffb224; }
.footer .data-protection-box p { max-width:230px; }
.footer .data-protection-box p strong { font-weight:normal; font-family:'kometbold'; }
.footer .data-protection-box strong a { text-decoration: none; }
.footer .data-protection-box strong a:hover { color: #ffb224; }
.footer .impressum-main-box:after { content:""; display: table; clear: both; }
.footer .impressum-box { float:left; width:50%; }
.footer .impressum-box address { color: #396e93; font-size: 16px; line-height: 24px; font-style:normal; }
.footer .impressum-box address + address { margin-top:25px; }
.footer .impressum-box + .impressum-box { margin-top: 10px; }
.footer .footer-bottom { text-align: center; margin-top:80px; margin-bottom:3px; }
.footer .footer-bottom .socials { float:left; font-size:0; margin-top:2px; }
.footer .socials a { height:40px; width:40px; background-color: #396e93; border-radius:50px; color: #fff; font-size: 18px; line-height: 43px; display:inline-block; text-decoration:none; text-align:center; margin-right:15px; }
.footer .socials a:last-child { margin-right:0; }
.footer .socials a:hover { background: #ffb224; }
.footer .footer-bottom:after { content:""; display: table; clear: both; }
.footer .copyright { float:right; margin:15px 0 0 0; width:95px; text-align:right; font-size:12px; color:#396e93; font-family:'kometbold'; font-weight:normal; }
.footer .page-note { display:inline-block; vertical-align:middle; font-size:0; }
.footer .page-note img { width:48px; height:auto; vertical-align:middle; margin-right:20px; }
.footer .page-note span { display:inline-block; vertical-align:middle; font-size:12px; color:#396e93; font-family:'kometbold'; font-weight:normal; }
.footer .wrap { max-width: 1250px; }
.footer .footer-top { padding-top:90px; }

@media only screen and (min-width:1024px){
    .footer .footer-top .cols2 .col:first-child { width: 54%; }
    .footer .footer-top .cols2 .col:last-child { width: 46%; }
}
/* =Form Style
========================================================================================*/
button, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, select, input[type="submit"], input[type="button"] { font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle;   }
button, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, input[type="submit"], input[type="button"] { -webkit-appearance:none; -webkit-border-radius:0;  border-radius:0; }
button, input { line-height:normal; }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, select { background-color:#dcf8fa; padding:2px 10px; height:30px; font-size:14px; line-height:1.55; border-radius:2px; border:solid 1px #dcf8fa; color:#4a4a4a; width:100%; font-family:'kometlight', Arial, Helvetica, sans-serif; -moz-transition:border-color 200ms ease-in; -webkit-transition:border-color 200ms ease-in; transition:border-color 200ms ease-in; }
input[type="text"].input-lg, input[type="password"].input-lg, input[type="email"].input-lg, input[type="tel"].input-lg, input[type="search"].input-lg, input[type="url"].input-lg { height:58px; }
input[type="text"].input-sm, input[type="password"].input-sm, input[type="email"].input-sm, input[type="tel"].input-sm, input[type="search"].input-sm, input[type="url"].input-sm { height:38px; }
textarea { width:100%; height:181px; overflow:auto; resize:vertical; padding:10px 15px;  font-family:'kometlight', Arial, Helvetica, sans-serif; }
select { height:auto; min-height:30px; padding:4px 42px 4px 6px; font-size:14px; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; position:relative; z-index:1; line-height:1.25; background:transparent; }
select::-ms-expand { display:none; }
.custom-select { display:block; margin:0; position:relative; background:#dcf8fa; }
.custom-select:before { position:absolute; right:1px; top:1px; width:28px; background:#dcf8fa; content:''; height:28px; }
.custom-select:after { content:''; position:absolute; right:14px; top:50%; margin-top:-7px; height:10px; width:10px; border-right:2px solid #4a4a4a; border-bottom:2px solid #4a4a4a; -webkit-transform:rotate(45deg); transform:rotate(45deg); }

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="search"]:focus, input[type="url"]:focus, textarea:focus, select:focus { border:solid 1px #c6dfe1;  }
input::-moz-focus-inner, button::-moz-focus-inner {border:0; padding:0;}
input[type="button"], input[type="submit"], button { background:#ffb224; color:#fff; border:0; border-radius:50px; cursor:pointer; width:auto; overflow:visible; padding:12px 45px; vertical-align:middle; text-decoration:none; font-size:16px; line-height:1.25; font-family:'kometbold', Arial, Helvetica, sans-serif; font-weight:normal;  }
input[type="button"]:hover, input[type="submit"]:hover, button:hover { background:#407ea9; color:#fff; }
input[type="checkbox"], input[type="radio"] { margin:4px 8px 0 ; vertical-align:top;  }

::-webkit-input-placeholder { opacity:1; }
::-moz-placeholder { opacity:1; }
:-ms-input-placeholder { opacity:1; }
:-moz-placeholder { opacity:1; }

.checkbox, .radio { position:relative; float:left; margin-right:20px; }
.form-block .form-group .checkbox label, .form-block .form-group .radio label { padding: 0; padding-left: 26px; display: block; line-height: 1.1; text-transform:none; font-family: 'komet_regularregular', Arial, Helvetica, sans-serif;
}
.checkbox input, .radio input { top: 0; left: 0; z-index: 1; cursor: pointer; opacity: 0; position: absolute; }
.checkbox input:checked + .input-helper:before, .radio input:checked + .input-helper:before { border-color: #396e93; }
.checkbox input:disabled + .input-helper:before, .radio input:disabled + .input-helper:before { opacity: 0.35; }
.checkbox .input-helper:before, .radio .input-helper:before, .checkbox .input-helper:after, .radio .input-helper:after { position: absolute; content: ""; transition: all 200ms; }
.checkbox .input-helper:before, .radio .input-helper:before { left: 0; border: 1px solid #396e93; }
.checkbox input { width: 18px; height: 18px; margin: 0; }
.checkbox input:checked + .input-helper:before { background-color: #396e93; }
.checkbox input:checked + .input-helper:before { background-color: #396e93; }
.checkbox input:checked + .input-helper:after { transform: scale(1); opacity: 1; }
.checkbox .input-helper:before { top: 0; width: 18px; height: 18px; border-radius: 2px; color: #fff; }
.checkbox .input-helper:after { content: '\2713'; font-size: 13px; left: 2px; top: 1px; font-weight: 600; color: #fff; transform: scale(0); opacity: 0; }
.radio input { width: 18px; height: 18px; margin: 0; }
.radio input:checked + .input-helper:after { transform: scale(1); }
.radio .input-helper:before { top: 0; width: 18px; height: 18px; border-radius: 50%; }
.radio .input-helper:after { width: 8px; height: 8px; background: #396e93; border-radius: 50%; top: 5px; left: 5px; transform: scale(0); }


/* =Form list
========================================================================================*/
.form-block { margin:15px 0; }
.form-group { padding:15px 0 }
.form-group:after { clear:both; content:''; display:table; }
.formlist .form-group ul { margin:0; padding:0; list-style:none; }
.forgot-link { float:right; }
.form-block .form-group label { display:inline-block; padding:0 0 18px; color:#396e93; font-family:'kometbold', Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; text-transform:uppercase; letter-spacing:0.84px; cursor:inherit; }
.form-inline .form-group label { float:left; width:30%; padding:10px 10px 10px 0; line-height:1.5 }
.form-inline .form-group .field-box { width:70%; float:left; }

/* =Common button CSS
========================================================================================*/
.button { background-color:#ffb224; font-family:'kometbold', Arial, Helvetica, sans-serif; font-size:16px; border-radius:50px; color:#fff; display:inline-block; line-height:1.25; padding:12px 30px; vertical-align:bottom; font-weight:normal; text-decoration:none; letter-spacing: 0.8px; }
.button:hover { background-color:#407ea9; text-decoration:none; color:#fff; }
.button.btn-lg, input[type="submit"].btn-lg, input[type="button"].btn-lg, button.btn-lg { padding:16px 35px; font-size:18px; }
.button.btn-sm, input[type="submit"].btn-sm, input[type="button"].btn-sm, button.btn-sm { padding:10px 25px; font-size:14px; }
.button.btn-xs, input[type="submit"].btn-xs, input[type="button"].btn-xs, button.btn-xs { padding:8px 20px; font-size:12px; }
.button.btn-lightgray, input[type="submit"].btn-lightgray, input[type="button"].btn-lightgray, button.btn-lightgray { background:#dcf8fa; color:#396e93; }
.button.btn-lightgray:hover, input[type="submit"].btn-lightgray:hover, input[type="button"].btn-lightgray:hover, button.btn-lightgray:hover { background:#396e93; color:#dcf8fa; }
.button.btn-secondary, input[type="submit"].btn-secondary, input[type="button"].btn-secondary, button.btn-secondary { background:#396e93; color:#fff; }
.button.btn-secondary:hover, input[type="submit"].btn-secondary:hover, input[type="button"].btn-secondary:hover, button.btn-secondary:hover { background:#19537b; }
.button.btn-outline, input[type="submit"].btn-outline, input[type="button"].btn-outline, button.btn-outline { background:#fff; border:solid 2px #ffb224; color:#ffb224;  }
.button.btn-outline:hover, input[type="submit"].btn-outline:hover, input[type="button"].btn-outline:hover, button.btn-outline:hover { background:#ffb224; color:#fff; }

.button.btn-lg.btn-outline, input[type="submit"].btn-lg.btn-outline, input[type="button"].btn-lg.btn-outline {  padding:14px 35px;   }
.button.btn-outline, input[type="submit"].btn-outline, input[type="button"].btn-outline {  padding:11px 30px;   }
.button.btn-sm.btn-outline, input[type="submit"].btn-sm.btn-outline, input[type="button"].btn-sm.btn-outline {  padding:8px 25px;   }
.button.btn-xs.btn-outline, input[type="submit"].btn-xs.btn-outline, input[type="button"].btn-xs.btn-outline {  padding:6px 20px;   }

.button.btn-block { display:block; }
.buttonset .button { margin: 10px 7px; text-align: center; width: 160px; padding-left:10px !important; padding-right:10px !important; }


/* =Table CSS
========================================================================================*/
table { max-width:100%; background-color:transparent; border-collapse:collapse; border-spacing:0; border:1px solid #ddd; }
table { width:100%; margin-bottom:30px; }
table th, table td { padding:14px 15px; line-height:1.32; text-align:left; vertical-align:top; border-top:1px solid #ddd;  border-right:1px solid #ddd;}
table th { background:#ececec; font-weight:700; padding:17px 15px; font-size:16px; }
table tr:hover td { background:#fbfbfb; }
table tr.selected td { background:#fbfbfb; }
table thead th { vertical-align:middle; }
table caption + thead tr:first-child th, table caption + thead tr:first-child td, table colgroup + thead tr:first-child th, table colgroup + thead tr:first-child td, table thead:first-child tr:first-child th, table thead:first-child tr:first-child td { border-top:0; }


/* =tabnav CSS
========================================================================================*/
.tabnav { width:100%; margin:0; padding:0; list-style:none; border:solid 1px #e9edee;  }
.tabnav li { float:left; position:relative; margin:0; width:25%; text-align:center; font-weight:600; text-transform:uppercase; }
.tabnav li:first-child { margin:0; }
.tabnav li h2 { margin:0; font-size:15px; }
.tabnav li a { display:block; padding:16px 5px; text-decoration:none; color:#505061; line-height:1.25; background:#e9edee; margin-bottom:-1px; border-left:solid 1px #dde1e2; }
.tabnav li:first-child a { border-left:0; }
.tabnav li.active a, .tabnav li a:hover { background-color:#fff; color:#f34834 }
.tabnav li.active a:after { display:block; }
.tab-container { padding:20px; border:solid 1px #e9edee; border-top:0; }
.tabcontent .quicklist li, .tabcontent .quicklist { margin:0; }
.tabcontent { display:none;  }
.tabcontent p { color:#666; margin:20px 0 0; }
.tabcontent p:first-child { margin-top:0; }
.tabcontent p a, .accordion-data p a { color:#7f97ae; text-decoration:underline; }
.tabcontent p a:hover, .accordion-data p a:hover { color:#00305d }
.tabcontent h4 { margin:0 0 15px; }


/* =Accordian CSS
========================================================================================*/
.accordion-databox .accordion-row:first-child { border-top:0; }
.accordion-databox .accordion-row h5 { cursor:pointer; margin:0; background:#f3f3f3; color:#555; position:relative; padding:16px 54px 16px 16px; font-weight:600; font-size:15px; margin-bottom:7px; text-transform:uppercase; }
.accordion-databox .accordion-row h5:before { position:absolute; right:0; top:0; content:''; width:54px; height:100%; z-index:1; background:rgba(0,0,0,0.08); }
.accordion-databox .accordion-row h5:after { content:''; position:absolute; right:18px; top:50%; margin-top:-4px; border-top:solid 8px #818181; border-left:solid 8px transparent; border-right:solid 8px transparent; z-index:2  }
.accordion-databox .accordion-row h5.open { color:#272c2f;}
.accordion-databox .accordion-row h5.open:after { border-top:0; border-bottom:solid 8px #272c2f; }
.accordion-data { display:none; padding:15px 0; }
.accordion-data p { padding:0 6px; margin:20px 0 0; }
.accordion-data p:first-child { margin-top:0; }

/* =Alertbox CSS
========================================================================================*/
.alert { padding:16px 16px 16px 55px; margin:20px 0; color:#454545; position:relative; }
.alert:before { position:absolute; content:''; left:15px; top:15px; width:24px; height:24px; background:url(/typo3conf/ext/bgm_theme_therapio/Resources/Public/Images/bgi/sprites.svg) no-repeat 0 0; }
.alert-notification {  background-color:#fff0f4; border:solid 1px #db524c; color:#db524c; }
.alert-notification:before { background-position:0 0; }
.alert-info { background-color:#e8f6ff;  border:solid 1px #0082d5; color:#0082d5;  }
.alert-info:before { background-position:-26px 0; }
.alert-warning { background-color:#fef4ec; border:solid 1px #ff9948; color:#ff9948; }
.alert-warning:before { background-position:-52px 0; }
.alert-success { background-color:#edfff6; border:solid 1px #04be5b; color:#04be5b; }
.alert-success:before { background-position:-79px 0; }
.alert-normal { background-color:#efefef; border:solid 1px #999; padding-left:16px; color:#555; }
.alert-normal:before { display:none; }


/* =Default page CSS
========================================================================================*/
.heading-listblock { padding:20px 0; }
.heading-listblock p, .heading-listblock blockquote { margin:0 0 35px; }
.heading-listblock p:last-child { margin-bottom:0; }
.heading-listblock .paragraph-block p { margin:0 0 20px; }
.list-block ul, .list-block ol { padding-left:22px; margin-left:-5px; }
.list-block ul li, .list-block ol li { margin:5px 0; }
.list-block ul.custom-arrow-list { margin:0; padding:0; }

/* =Home page CSS
========================================================================================*/
.header .header-banner { padding-bottom: 74px; position: relative; }
.header .banner-desktop video { margin:0; max-width:100%; height:auto; width:auto; }
.header .banner-desktop img { max-width:100%; height:auto; width:auto; }
.header .banner-text { text-align:center; letter-spacing:0.8px; color:#2a526e; font-size: 24px; }
.header .banner-text h1, .header .banner-text h2 { font-size:30px; font-weight:normal; text-transform:uppercase; }
.header .banner-text .button { min-width:300px; position: absolute; left: 50%; top: 100%; transform: translate(-50%,-50%); }

.three-col-teaser { background-color:#dcf8fa; padding-top:183px; }
.three-col-teaser .section-title { text-align:center; margin-bottom:60px; }
.three-col-teaser .section-title h1, .three-col-teaser .section-title h2 { font-size: 30px; color: #396e93; text-transform: uppercase; letter-spacing: 0.8px; margin-bottom:0; }
.three-col-teaser .three-col-teaser-list { padding-top:85px; }
.three-col-teaser .three-col-teaser-list .cols { margin-left:-25px; margin-right:-25px; }
.three-col-teaser .three-col-teaser-list .col { padding-left:25px; padding-right:25px; }
.three-col-teaser .advantages-box { background-color:#fff; border-radius: 4px; border-bottom:8px solid #396e93; text-align:center; padding:92px 20px 38px; position:relative; margin-bottom:140px; }
.three-col-teaser .advantages-box figure { position:absolute; top:-60px; left:0; right:0; margin:auto; height: 120px; width:120px;  }
.three-col-teaser .advantages-box h5 { font-size: 20px; color: #396e93; letter-spacing: 0.8px; font-family: 'kometbold'; }


.text-left-img-right { background-color:#dcf8fa; background-image:url(/typo3conf/ext/bgm_theme_therapio/Resources/Public/Images/bgi/chat-bg-img.svg); background-position:50% 0; background-repeat:no-repeat; padding-top:143px; position:relative; overflow:hidden; }
.text-left-img-right .text-left { float:left; width:55%; padding-left: 40px; }
.text-left-img-right .text-left:after { content: ""; display: table; clear: both; }
.text-left-img-right .img-right { float:left; width:45%; text-align: right; margin-bottom:-2px; padding-left: 30px; }
.text-left-img-right .img-right figure { margin:-10px -15px 0 0; }
.text-left-img-right .img-right figure img { max-width:100%; height: auto; width: auto; }
.text-left-img-right .text-title { float:left; width:45%; padding-right: 30px; padding-top: 5px; }
.text-left-img-right .text-title h2 { margin:0; color:#396e93; font-size:40px; line-height:46px; letter-spacing:0.59px; }
.text-left-img-right .text-info { display:block; overflow:hidden; padding-left:6px; color: #396e93; letter-spacing:0.8px; line-height: 28px;  font-family: 'kometbold'; font-size: 20px; }
.text-left-img-right .text-info .button { display:block; max-width: 300px; width:100%; text-align: center; margin-top:71px; }

.teaser { background-color:#ffce5c; padding:239px 0 192px; position:relative; z-index:1; overflow:hidden; }
.teaser:after { content:""; background-color: #ffb224; position:absolute; top:0; right:0; z-index:-1; height:64%; width:80%; box-shadow:-25vw 0 0 0 #fad784; }
.teaser .teaser-bucket { position:absolute; margin:0; right:-126px; bottom:-2px; width:342px; }
.teaser .teaser-bucket img { width:100%; height:auto; }
.teaser .img-left-box { float:left; width:50%; position:relative; z-index:1; padding-right: 30px; }
.teaser .img-left-box figure { margin:0; display: ms-flexbox; display: flex; justify-content: flex-end; }
.teaser .img-left-box figure img { max-width:100%; height:auto; width:auto; }
.teaser .text-right-box { position: relative; z-index: 1; float:right; width:50%; margin-top:99px; padding: 0 0 0 55px; }
.teaser .text-right-box:before, .teaser .text-right-box:after { content: ''; position: absolute; width: 347px; height: 347px; border-radius: 50%; z-index: -1; border: 21px solid #FEB93C; top: -66%; left: 15px; }
.teaser .text-right-box:after { left: 412px; }
.teaser .pot-img { position:absolute; left:-47px; bottom:117px; z-index:-1; }
.teaser .text-right-title { margin-bottom:20px; }
.teaser .text-right-title:after { content:""; display:table; clear:both; }
.teaser .text-right-title figure { margin:10px 23px 0 0; float:left; }
.teaser .text-right-title h2 { display:block; overflow:hidden; color:#2a526e; font-size:45px; line-height:48px; letter-spacing:0.67px; font-family: 'kometbold'; }
.teaser .text-right-title { max-width:480px; }
.teaser .text-right-info p { color:#2a526e; font-size:24px; line-height:34px; letter-spacing:0.8px; font-family: 'kometbold'; max-width:420px; }
.teaser .download-app { margin-top:90px; font-size:0; }
.teaser .download-app figure { display:inline-block; margin:0 23px 23px 0; vertical-align:middle; }
.teaser .download-app figure img { max-width:100%; height:auto; width:auto; }
.header .banner-img { margin: 0 -30px; }

.header .banner-desktop video.mobile-img { display:none; }


/* =Opinion page CSS
========================================================================================*/
.left-text-right-form { position:relative; z-index:1; }
.left-text-right-form:after { content:""; position:absolute; left:0; right:0; bottom:0; height:120px; background-color:#396e93; z-index:-1; }
.left-text { float:left; width:31%; color:#396e93; margin-top:122px; padding-left:15px; }
.text-title h2 { font-size:40px; margin-bottom:30px; line-height:1.2; }
.right-form { float:right; width:62.44%; padding:0 3.7% 0; margin:20% 12px 0 0; position:relative; z-index:1; background:#fff; }
.right-form:before { content:""; position:absolute; left:0; right:0; background-image:url(/typo3conf/ext/bgm_theme_therapio/Resources/Public/Images/bgi/board-top.png); background-repeat:no-repeat; background-size:100% auto; background-position:top left; bottom:100%; padding-top:29.6%; }
.right-form:after { content:""; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; background-image:url(/typo3conf/ext/bgm_theme_therapio/Resources/Public/Images/bgi/board-mid.png); background-repeat:repeat-y; background-size:100% auto; }
.right-form-box { padding:40px 50px 21px; position:relative; z-index:1; }
.left-text .text-info { font-size:20px; letter-spacing:1.2px; line-height:28px; font-family:'kometbold'; }
.left-text .text-info p:last-child { margin-bottom:0; }
.right-form-box .custom-select { margin-top:10px; }
.right-form-box .tell-us .custom-select { margin-top:0; }
.right-form-box .form-group { max-width:295px; width:100%; }
.right-form-box .form-group.form-textarea { max-width:520px; margin-top:18px; }
.form-block .form-group.form-textarea label { padding-bottom:8px; }
.right-form-box .form-group.form-btn { max-width:280px; }
.form-btn input[type="submit"] { width:100%; }
.form-group.tell-us { margin-bottom:20px; }
.text-title .mobile-title { display:none; }
.form-success-box { text-align:center; max-width:361px; margin:0 auto; width:100%; color:#396e93; font-size:20px; line-height:28px; letter-spacing: 1.2px; font-family:'kometbold'; font-weight:normal; padding:64px 0; min-height:619px; }
.form-success-box figure { margin:0 auto 17px; max-width:120px; width:100%; }
.form-success-box figure img { width:100%; height:auto; }
.form-success-box p { margin-bottom:62px;  }
.form-success-box .button { max-width:281px; width:100%; }



/* bgm NEU /altered*/

.header .mainmenu  ul  li { margin:0 0 0 36px; font-family:'kometbold';  font-weight:normal; }
.footer .page-note ul { margin:0; padding:0; list-style:none; }
.footer .page-note li { float:left; line-height:45px; }
.footer .page-note  ul  li { margin:0 0 0 36px; font-family:'kometbold';  font-weight:normal; }
.footer .page-note  ul  li a {text-decoration: none}
.footer .page-note { display:inline-block; vertical-align:middle; font-size:100%; }