/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on May 2, 2019 */
@font-face {
    font-family: 'bsoiconnewregular';
    src: url('../fonts/webfontbso_20190502/bsoiconnew-regular-webfont.eot');
    src: url('../fonts/webfontbso_20190502/bsoiconnew-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/webfontbso_20190502/bsoiconnew-regular-webfont.woff2') format('woff2'),
         url('../fonts/webfontbso_20190502/bsoiconnew-regular-webfont.woff') format('woff'),
         url('../fonts/webfontbso_20190502/bsoiconnew-regular-webfont.ttf') format('truetype'),
         url('../fonts/webfontbso_20190502/bsoiconnew-regular-webfont.svg#bsoiconnewregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
img,legend{border:0}
legend,td,th{padding:0}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,optgroup,strong{font-weight:600}
dfn{font-style:italic}
h1{font-size:2em;margin:.67em 0}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0}
pre,textarea{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
table{border-collapse:collapse;border-spacing:0}

/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */
fieldset,hr{border:0;padding:0}
html{color:#222;font-size:1em;line-height:1.4}
::-moz-selection{background:#e5e2e1;text-shadow:none}
::selection{background:#e5e2e1;text-shadow:none}
hr{display:block;height:1px;border-top:1px solid #ccc;margin:15px 0}
audio,canvas,iframe,img,svg,video{vertical-align:middle}
fieldset{margin:0}
textarea{resize:vertical}

/* Browser Upgrade Prompt */
.browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/* ==========================================================================
   Author's custom styles
   font-family: 'Open Sans', sans-serif; font-weight:300,400,600
   font-family: 'Source Sans Pro', sans-serif; font-weight:300,400,600
   font-family: 'bsoiconnewregular';
   Text/Icon: #2e2c2b
   Navi rot: #e94c55
   Public a rot: #d02b35
   Public a:hover rot: #8f3035
   Extranet Titel: #004153
   Extranet a: #00667f
   ========================================================================== */

body {
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-style:normal;	
	background:#fff;
	color:#2e2c2b;
	padding:0;
}

/* sticky footer */
html { position:relative; min-height:100%; }
body { margin:0 0 360px 0; }
body#home { margin:0 0 310px 0; }

/* img, embed, object, video { max-width:100%; height:auto; width:auto; } */
img, embed, object, video { max-width:100%; height:auto; width:100%; }

/* default link behaviour */
a { color:#d02b35; text-decoration:none; transition:color .35s ease; }
a:hover, a.active { color:#8f3035; }
a:focus, button:focus, select:focus {outline:0;}

/* remove select arrow in IE */
select::-ms-expand { display:none; }

/* remove input styles in iOS */
input, textarea { -webkit-appearance:none; -webkit-border-radius:0; }

/* remove autofill color webkit */
input:-webkit-autofill { -webkit-box-shadow: inset 0 0 0px 9999px white; }

nav, ul { margin:0; padding:0; }
ul li { list-style:none; }
strong, b { font-weight:400; }

/* font icons (https://css-tricks.com/html-for-icon-font-usage/) */
[data-icon]:before {
	font-family: 'bsoiconnewregular';
  content: attr(data-icon);
  speak: none;
}
a.icon-alone { display:inline-block; }
span.font-icon { font-size:1.75em; line-height:.875; }
span.screen-reader-text { position: absolute; top: -9999px; left: -9999px; }

/* internal/external link icon */
a.internal-link:before,
a.external-link:before,
a.external-link-new-window:before,
a.download:before, a.more:before, .tx-felogin-pi1 a:before {
	font-family:'bsoiconnewregular';
	content:'\0073';
	padding:0;
	margin:-5px 0 0 -5px;
	font-size:2.5em;
	line-height:0.5;
  display: inline-block;
  vertical-align:middle;
}

/* mail, phone, marker icon */
a.mail:before, a.phone:before, a.marker:before {
	font-family: 'bsoiconnewregular';
	content: '\0059';
	padding:0 4px 0 0;
	font-size:1.5em;
	line-height:1;
	vertical-align:middle;
}

a.mail:before { content: '\0059'; }
a.phone:before { content: '\0065'; }
a.marker:before { content: '\0045'; }
a.mail, a.phone, a.marker { color:#2e2c2b;}
a.mail:hover, a.phone:hover, a.marker:hover { color:#8f3035; }

/* source sans pro */
header .mainnav, header .service, .breadcrumbs {
	font-family:'Source Sans Pro', sans-serif;
}

/* default boxes */
#container { }
.fullwidth { width:100%; }
.contentbox { max-width:1300px; margin:0 auto; }
.contentbox .inner { padding:0 20px; }

/* header cols */
header .contentbox .col_left { float:left; width:69.05%; }
header .contentbox .col_right { float:right; width:30.95%; }

/* header border */
header .top_border {
    width:100%;
    background-color:#d02b35;
    background-image:linear-gradient( to right, #d02b35, #d02b35 50%, #d02b35 50%, #004153 50%, #004153 50% );
    margin:0 0 10px 0;
}
header .top_border .contentbox .col_left { height:7px; background:#d02b35; }
header .top_border .contentbox .col_right { height:7px; background:#004153; }

/* header servicelinks */
header .service .contentbox .col_left > div { float:right; padding:0 12px 0 0; }
header .service .contentbox .col_left .search_box,
header .service .contentbox .col_left .icon_home { float:left; }
header .service .contentbox .col_right { position:relative; }
header .service .contentbox .col_right div { border-left:1px solid #999; }
header .service .contentbox .col_right .icon_login { display:inline-block; border-right:1px solid #999; text-transform:uppercase; padding:0 12px 0 8px; }
header .service .contentbox .col_right .icon_login_mobile { display:none; }
header .service .contentbox .col_right .user-link { padding:0 2px 0 6px; }
header .service .contentbox .col_right .logout-link { padding:0 0 0 8px; }
header .service a { color:#231F20; }
header .service a:hover {color:#d02b35}

header .service ul.lang { display:inline-block; margin-left:6px; }
header .service ul.lang li { display:inline; padding:0; margin:0;}
header .service ul.lang li::after { content:'|'; color:#999; }
header .service ul.lang li:last-child:after { content:''; }
header .service ul.lang li a { padding:0 6px 0 4px; }
header .service ul.lang li.active a { text-decoration: underline; }
header .service ul.lang li.passive { color:#999; }

/* header bubble «blog» */
header .service .bubble {
	position:absolute;
	top:-25px;
	right:-10px;
}
header .service .bubble a {
	display:block;
	width:70px;
	height:57px;
	padding:18px 0 0 0;
	background:rgba(233, 76, 85, 0.8);
	border: none;
	border-radius: 50%;
	font-size: 1.375em;
	line-height:0.9;
	color: #fff;
	text-align: center;
	transition:background .35s;
	box-shadow: 1px 1px 1px #999;
}
header .service .bubble a:hover { background:#44a4ba; }

/* header logo */
header .logo { margin:-5px 0 20px 35px; }
header .logo a.logo-main {
	display:block;
	background-size:contain;
	width:486px;
	height:76px;
}
header .logo a.logo-main { background:url('../img/logo/bso_logo_desktop.svg') no-repeat 0 0; }

/* mainnav default */
header .mainnav {
	width:100%;
	background-color:#f6f4f3;
	background-image:linear-gradient( to right, #fff, #fff 50%, #fff 50%, #f6f4f3 50%, #f6f4f3 50% );
}
header .mainnav .contentbox .col_left { background:#fff; }

/* mainnav if scrollup, s. main.js */
header .mainnav.upscroll {
	display:none;
	position:fixed;
	top:0;
	z-index:9999;
	box-shadow:0 4px 2px -2px #ccc;
}

/* ==========================================================================
   superfish.js dropdown menu
   ========================================================================== */
   
/* superfish default styles */
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu li { position: relative; }
.sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index:99; }
.sf-menu > li { float: left; }
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block; }
.sf-menu a { display: block; position: relative; transition: none; }
.sf-menu ul ul { top: 0; left: 100%; }

/* styles for main dropdown */
.sf-menu { float:left; }
.sf-menu ul {
	margin:2px 0 0 0;
	box-shadow: 2px 2px 4px rgba(0,0,0,.2);
	border-left:1px solid #e5e2e1;	
	min-width:240px; /* allow long menu items to determine submenu width */
	*width:240px; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu a { padding:26px 15px; text-decoration: none; zoom: 1; /* IE7 */ }
.sf-menu a { color: #2e2c2b; font-size:1.0625em; }
.sf-menu li {
	font-weight:400;
	background: #fff;
	border-bottom:2px solid #fff;	
	white-space: nowrap; /* no need for Supersubs plugin */
	*white-space: normal; /* ...unless you support IE7 (let it wrap) */
	/* transition: all .35s; */
}
.sf-menu ul li { font-weight:300; border-bottom:1px solid #e5e2e1; }
.sf-menu ul li a { padding:15px; font-size:1em; }

.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu li.current {
	border-bottom:2px solid #e94c55;
}

.sf-menu ul li:hover,
.sf-menu ul li.sfHover,
.sf-menu ul li.current {
	border-bottom:1px solid #e5e2e1;	
	background: #e94c55;
	/* only transition out, not in */
	transition: none;
}

/* hover + active */
.sf-menu a:hover, .sf-menu > li.current > a { color:#e94c55; }
.sf-menu ul li:hover a, .sf-menu ul li.sfHover a, .sf-menu ul li.current a { color:#fff; }

/* styles for special dropdown */
.sf-menu.spec-menu > li { background:#fafaf9; border-bottom:2px solid #fafaf9; }
.sf-menu.spec-menu > li:first-child, .sf-menu.spec-menu li:hover { background:#f6f4f3; border-bottom:2px solid #f6f4f3; }
.sf-menu.spec-menu ul li:hover, .sf-menu.spec-menu ul li.sfHover, .sf-menu.spec-menu ul li.current {
	border-bottom:1px solid #e5e2e1;	
	background: #e94c55;
	transition: none;
}
.sf-menu.spec-menu a:hover, .sf-menu.spec-menu > li.current > a { color:#e94c55; }
.sf-menu.spec-menu ul li:hover a, .sf-menu.spec-menu ul li.sfHover a, .sf-menu.spec-menu ul li.current a { color:#fff; }

/* ==========================================================================
   Stage
   ========================================================================== */

/* fullwidth stage content, without slider */
.fullwidth.stage { background:url('../img/css/stage_bg_260.gif') repeat-x 0 0; margin:0; }
.fullwidth.stage .stage_img { position:relative; margin:0 auto; max-width: 1400px; }
.fullwidth.stage .stage_trans_box { position:absolute; top:0; left:0; z-index:1; background-color: rgba(255, 255, 255, 0.7); width:50%; height:100%; }

/* fullwidth stage home without slider */
#home .fullwidth.stage { background:url('../img/css/stage_bg_420.gif') repeat-x 0 0; margin:0; }
#home .fullwidth.stage .stage_img { position:relative; margin:0 auto; max-width: 1400px; max-height:526px; }
#home .fullwidth.stage .stage_trans_box { position:absolute; top:0; left:0; z-index:91; background-color: rgba(255, 255, 255, 0.5); width:50%; height:100%; }
#home .fullwidth.stage .stage_claim { position:absolute; z-index:92; top:12%; left:6%; }
#home .fullwidth.stage .stage_claim_title { display:inline-block; font-size:1em; line-height:3; font-weight:400; border-bottom:1px solid #222; margin:0 0 15px 0; } #home .fullwidth.stage .stage_claim_text { font-size:1.5em; line-height:1.3; } #home .fullwidth.stage .stage_claim_text .title_bold { font-weight:400; }

/* fullwidth stage home with slider */
/* layerslider inline styles: see lib.stage_img.ts */
#home .fullwidth.stage .ls-slide img { max-width: 1400px; max-height:526px; }

/* quicksearch home */
#home .fullwidth.stage .stage_search { position:absolute; z-index:93; width:80%; bottom:-28px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); }
#home .fullwidth.stage .stage_search_title { width:50%;	background:#898483; color:#fff; }
#home .fullwidth.stage .stage_search_title .inner { padding:20px 5px 0 20px; font-size:.9375em; } 
#home .fullwidth.stage .stage_search_input { width:100%; background:#898483; overflow:hidden; }
#home .fullwidth.stage .stage_search_input .inner { padding:0 0 0 20px; }

/* ==========================================================================
   Content Boxes
   ========================================================================== */
   
/* breadcrumbs */
.breadcrumbs {
    width:100%;
    background-color:#f6f4f3;
    background-image:linear-gradient( to right, #fff, #fff 50%, #fff 50%, #f6f4f3 50%, #f6f4f3 50% );
}
.breadcrumbs .contentbox .col_left, .breadcrumbs .contentbox .col_right { float:left; width:50%; padding:5px 0; }
.breadcrumbs .contentbox .col_right { float:right; position:relative; }
.breadcrumbs nav { padding:10px 0 10px 15px; }
.breadcrumbs nav a { color:#9c9592; font-style:italic; }
.breadcrumbs nav a:hover { text-decoration:underline; }
.breadcrumbs nav .arrow { padding:0 5px; color:#9c9592;}

/* main content area */
main { margin:60px 0 0 0; min-height:400px; }
#home main { margin:100px 0 0 0; }
main .fullwidth,
main .contentbox.one_col .inner,
main .contentbox.two_col .inner,
main .contentbox.three_col .inner { margin:0 0 20px 0; }
main .outer { margin:5px 0 20px -20px; }

/* page grid 1 column */
.contentbox.one_col {}

/* page grid 2 columns 75|25% */
.contentbox.two_col.width_75_25 .col_left { float:left; width:65.47619049%; }
.contentbox.two_col.width_75_25 .col_right { float:right; width:30.95238095%; }
/* no inner padding if content grid is child of page grid */
.contentbox.two_col.width_75_25 .contentbox.two_col.width_50_50 .inner,
.contentbox.two_col.width_75_25 .contentbox.three_col .inner { padding:0; }

/* content grid 2 columns 50|50% */
.contentbox.two_col.width_50_50 .left { float:left; width:47.27272728%; }
.contentbox.two_col.width_50_50 .right { float:right; width:47.27272728%; }

/* content grid 3 columns 33|33|33% */
.contentbox.three_col .left { float:left; width:30.95238096%; margin:0 3.57142856% 0 0; }
.contentbox.three_col .center { float:left; width:30.95238096%; margin:0 3.57142856% 0 0; }
.contentbox.three_col .right { float:right; width:30.95238096%; margin:0; }

/* content grid 2 columns 33|66% */
.contentbox.two_col.width_33_66 { margin:40px 0 20px 0; }
.contentbox.two_col.width_33_66 .left { float:left; width:30.95238095%; }
.contentbox.two_col.width_33_66 .left img { max-width:130px; }
.contentbox.two_col.width_33_66 .right { float:right; width:65.47619049%; font-size:90%; }

/* fullwidth container for tabs */
.fullwidth.box { background:url('../img/css/tabs_fullwidth_bg.png') repeat-x 0 47px; border-bottom:1px solid #d0cccb; }

/* content grid 2 columns portrait (img|text) */
.contentbox.portrait { position:relative; margin:0 0 20px 0; }
.contentbox.portrait .portrait_img { float:left; width:48%; }
.contentbox.portrait .portrait_img .ce-gallery { margin-bottom:0; }
.contentbox.portrait .portrait_text { float:right; width:48%; }
.contentbox.portrait .portrait_text h3, .contentbox.portrait .portrait_text p { font-size:90%; }
.ui-accordion .contentbox.portrait .portrait_text h3, .ui-accordion .contentbox.portrait .portrait_text p { font-size:100%; }
.contentbox.portrait .portrait_text a.mail { position:absolute; bottom:10px; text-transform:uppercase; }
.contentbox.portrait .portrait_text a.mail:before { vertical-align:top; }

/* grey box if mobile */
.grey_box_mobile { margin:0 0 50px 0; }

/* content default */
main h1, main h2 { font-weight:300; }
main h1 .title_bold, main h2 .title_bold, main h3 .title_bold, footer strong { font-weight:400; }

main h1 { font-size:2.625em; line-height:1.2; margin:0 0 20px 0; }
main h2 { font-size:1.5em; line-height:1.1; margin:22px 0; }
main h3 { font-size:1.25em; line-height:1.35; margin:0 0 10px 0; font-weight:600; }
main h4 { line-height:1; margin:0 0 10px 0; font-weight:600; }
main p, main ul, main ol { font-size:1.25em; line-height:1.5; margin:0 0 20px 0; }
main hr { display:block; height:1px; border-top:1px solid #d0cccb; margin:20px 0; clear:both; }

main .ce-textpic ol { margin:0 0 0 -15px; }
main .ce-textpic ul { list-style:none; padding-left:15px; text-indent:-15px; }
main .ce-textpic ul li:before { content:"– "; }

main .contentbox.two_col.width_75_25 .col_left .ce-bodytext { margin-right:32px; }
main .contentbox.two_col.width_50_50 .left .ce-bodytext { margin-right:0; }

main .contentbox.two_col.width_75_25 .col_right { font-size:90%; }
main .contentbox.two_col.width_75_25 .col_right p { line-height:1.35; }

main div.ce-bodytext.small-text { font-size:90%; }
main p.tinytext { font-size:95%; }
main div.ce-bodytext.small-text p { line-height:1.35; margin:0 0 10px 0; }

/* content fullwidth */
main .fullwidth.box .col_left h2 { margin:12px 0 0 0; }
main .fullwidth.box .col_right h2 { margin:10px 0 60px 0; }
main .fullwidth.box .two_col.width_75_25 .col_right { font-size:100%; }

/* content extranet */
#extranet main { color:#004153; }
#extranet main h1 { margin:0 0 25px 0; }
/* #extranet main a { color:#00667f; } */
#extranet main a { color:#338599; }
#extranet main a:hover { color:#2e2c2b; }
#extranet input[type="text"]:focus, #extranet input[type="email"]:focus,
#extranet input[type="password"]:focus, #extranet textarea:focus { border: 1px solid rgba(0, 102, 127, 1); }

/* footer */
footer { position:absolute; z-index:1; left:0; bottom:0; height:310px; width:100%; background:#9b9796; }
footer p { font-size:.8125em; margin:0 0 10px 0; }
footer p.address { margin:15px 0 10px 0; }

footer ul {
	font-size:.8125em;
	margin:18px 0 0 0;
	-moz-column-count:2;
	-moz-column-gap:30px;
	-webkit-column-count:2;
	-webkit-column-gap:30px;
	column-count:2;
	column-gap:30px;
}

footer li { width:100%; display:inline-block; padding:0 0 8px 0; }

footer, footer a { color:#fff; }
footer a:hover, footer a.active { color:#ccc; }

footer .col_01 { float:left; width:26%; margin:32px 4% 0 0; }
footer .col_02 { float:left; width:18%; margin:32px 4% 0 0; }
footer .col_03 { float:left; width:26%; margin:32px 4% 0 0; }
footer .col_04 { float:left; width:18%; margin:32px 0 0 0; }

footer .col_01 a:before, footer .col_02 a:before { font-family:'bsoiconnewregular'; content:'\0073'; padding:0; margin:-3px 0 0 -3px; font-size:3em; line-height:1; display: inline-block; vertical-align:middle; }
footer .title_italic { font-size:.875em; letter-spacing:1px; margin:5px 0 15px 0; }
footer .col_03 .title_italic span.font-icon { font-size:2em; padding:0 6px 0 0; display:inline-block; vertical-align:middle; margin-top:-4px; }
footer .col_04 .title_italic { float:left; }

footer .col_04 .icon_sm a { float:right; margin:2px 0 0 10px; color:#ccc; }
footer .col_04 .icon_sm a:before { content:''; padding:0; }
footer .col_04 .icon_sm a:hover { color:#fff; }

/* copyright */ 
.copy { position:absolute; z-index:2; left:0; bottom:0; height:55px; width:100%; background:#afacac; }
.copy .contentbox .col_left, .copy .contentbox .col_right { float:left; margin:20px 0 0 0; font-size:.8125em;}
.copy .contentbox .col_left { width:35%; }
.copy .contentbox .col_right { width:65%; }
.copy .contentbox .col_left, .copy .contentbox .col_left a { color:#fff; }
.copy .contentbox .col_left a { margin:0 0 0 10px; padding:0 0 0 10px; border-left:1px solid #fff; }
.copy .contentbox .col_right { float:right; text-align:right; color:#eee; }
.copy .contentbox .col_right a { margin:0 10px 0 0; padding:0 10px 0 0; color:#eee; border-right:1px solid #eee; }
.copy .contentbox .col_right a.last { border:none; margin:0; padding:0; }
.copy .contentbox  a:hover, .copy .contentbox  a.active { color:#ccc; }

/* ==========================================================================
   Beratersuche
   ========================================================================== */

/* quicksearch home desktop */
#quicksearch_desktop .qs_input { float:left; margin:20px 0 15px 0; }
#quicksearch_desktop .qs_span { float:left; display:block; font-size:.875em; color:#fff; margin:20px 0 15px 0; padding:6px 0; } 

#quicksearch_desktop .qs_select { position:relative; float:left; margin:20px 0 15px 0; font-size:.875em; color:#666; background:#fff; padding:6px; }
#quicksearch_desktop .qs_select select { width:100%; border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none; -moz-appearance:none; appearance:none; }
#quicksearch_desktop .qs_select:after { font-family: 'bsoiconnewregular'; font-size:1.75em; content:'\0053'; color:#666; position:absolute; top:-2px; right:5px; pointer-events: none; }

#quicksearch_desktop .qs_select.qs_thema { width:29%; margin-right:1%; }
#quicksearch_desktop .qs_select.qs_branche { width:24%; margin-right:1%; }
#quicksearch_desktop .qs_select.qs_radius {width:11%; margin-right:1%; }
#quicksearch_desktop .qs_input { width:11%; margin-right:1%; }
#quicksearch_desktop .qs_span { width:auto; margin-left:1%; margin-right:1%; }
#quicksearch_desktop button { width:10%; float:right; }

#quicksearch_desktop input[type="text"] { width:100%; font-size:.875em; outline:none; padding:6px; margin:0; border:none;}
#quicksearch_desktop input::-webkit-input-placeholder {color:#666;}
#quicksearch_desktop input::-moz-placeholder {color:#666;}
#quicksearch_desktop input:-ms-input-placeholder {color:#666;}
#quicksearch_desktop button#BeratersucheAnzeigen { padding:26px 0 21px 0; margin:0; background:#44a4ba; color:#fff; border:0 none; outline:none; cursor:pointer; text-transform:uppercase; font-size:.875em; font-weight:400; }
#quicksearch_desktop button#BeratersucheAnzeigen:hover { background:#e94c55; }

/* quicksearch home mobile */
#quicksearch_mobile { display:none; }

/* beratersuche searchform gross */
#beratersuche .t3ddy.t3ddy-tabContainer { position:relative; }
#beratersuche #numHitsWrap, #beratersuche #numHitsWrapFT { position:absolute; top:15px; right:20px; }
#beratersuche #numHitsWrap #numHits, #beratersuche #numHitsWrapFT #numHitsFT { font-weight:400; }

#beratersuche #FormBeratersuche .type-radio > label,
#beratersuche #FormBeratersuche .type-select > label { float:left; width:23%; margin:0 2% 0 0; font-size:1.25em; font-weight:400; }
#beratersuche #FormBeratersuche .input-wrap { float:left; width:65%; margin:0; }

#beratersuche #FormBeratersuche .type-radio ul li { display:inline-block; margin:0 15px 0 0; }
#beratersuche #FormBeratersuche .type-radio ul.two_col { float:left; width:45%; margin:0 5% 10px 0; }
#beratersuche #FormBeratersuche .type-radio ul.two_col li { display:block; margin:0 0 10px 0; }
#beratersuche #FormBeratersuche .type-radio .input-wrap label { vertical-align:middle; }

#beratersuche #FormBeratersuche .type-select .input-wrap { position:relative; float:left; width:calc(65% - 12px); margin:0; background:#efeded; border:1px solid #ebe7e6; padding:6px; }
#beratersuche #FormBeratersuche .type-select .input-wrap select { width:100%; border: none; box-shadow: none; background: transparent; background-image:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
#beratersuche #FormBeratersuche .type-select .input-wrap:after { font-family: 'bsoiconnewregular'; font-size:1.75em; content:'\0053'; color:#999; position:absolute; top:-2px; right:5px; pointer-events: none; }

#beratersuche #FormBeratersuche #selectedSprachen { float:right; width:75%; margin:10px 0; font-size:.875em; }
#beratersuche #FormBeratersuche #selectedSprachen .selectedSprache { display:inline-block; padding:5px 10px; background:#44a4ba; color:#fff; margin:0 10px 10px 0; }
#beratersuche #FormBeratersuche #selectedSprachen .selectedSprache a:before { font-family:'bsoiconnewregular'; font-size:1.25em; content:'\004E'; color:#fff; padding-left:10px; }

#beratersuche #FormBeratersuche .qs_select { position:relative; margin:0; color:#999; background:#efeded; padding:6px; }
#beratersuche #FormBeratersuche .qs_select select { width:100%; border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none; -moz-appearance:none; appearance:none; }
#beratersuche #FormBeratersuche .qs_select:after { font-family: 'bsoiconnewregular'; font-size:1.75em; content:'\0053'; color:#999; position:absolute; top:-2px; right:5px; pointer-events: none; }

#beratersuche #FormBeratersuche .qs_span { width:calc(12% - 20px); float:left; padding:6px 10px; text-align:right; }
#beratersuche #FormBeratersuche .qs_input { width:44%; float:left; margin:0 0 20px 0; }
#beratersuche #FormBeratersuche input[type="text"] { width:calc(100% - 12px); outline:none; padding:6px; margin:0; }
#beratersuche #FormBeratersuche input[type="text"]:focus { border: 1px solid rgba(68, 164, 186, 1); }
#beratersuche #FormBeratersuche .qs_select.qs_radius { float:right; width:calc(44% - 12px); }

#beratersuche #FormBeratersuche button#BeratersucheReset { float:left; }
#beratersuche #FormBeratersuche button#BeratersucheAnzeigen { float:right; }

/* beratersuche searchform listing */
#beratersuche #BeratersuchformlarKlein { border-bottom:1px solid #ccc }

#beratersuche #BeratersuchformlarKlein #FormBeratersuche > .type-radio > label,
#beratersuche #BeratersuchformlarKlein #FormBeratersuche > .type-select > label { display:block; float:none; clear:both; width:100%; margin:0; font-weight:400; border-top:1px solid #ccc; padding:15px 0 5px 0; }
#beratersuche #BeratersuchformlarKlein #FormBeratersuche .input-wrap { float:none; width:calc(100% - 12px); margin:0 0 20px 0; }
#beratersuche #BeratersuchformlarKlein #FormBeratersuche .input-wrap.mixed { float:none; width:100%; margin:0 0 20px 0; }
#beratersuche #BeratersuchformlarKlein #FormBeratersuche .type-select { margin:0; }
#beratersuche #BeratersuchformlarKlein #FormBeratersuche .type-radio ul li { display:block; margin:0; }
#beratersuche #BeratersuchformlarKlein #FormBeratersuche .type-radio ul.two_col { float:none; width:100%; margin:0; }

#beratersuche #FormBeratersuche .qs_span { width:calc(30% - 20px); float:left; padding:6px 10px; text-align:right; }
#beratersuche #FormBeratersuche .qs_input { width:40%; float:left; margin:0 0 20px 0; }
#beratersuche #FormBeratersuche .qs_select.qs_radius { float:right; width:calc(30% - 12px); }

#beratersuche #BeratersuchformlarKlein #FormBeratersuche #selectedSprachen { float:none; width:100%; margin:0; }
#beratersuche #BeratersuchformlarKlein #FormBeratersuche #selectedSprachen .selectedSprache { margin:-10px 10px 20px 0; }

/* beratersuche table sorting */
#beratersuche #Beraterliste .sort-pos,
#beratersuche #Beraterlistefulltext .sort-pos,
#beratersuche #Beraterlistename .sort-pos { position:absolute; top:10px; right:calc(34.52380951% + 8px); }
#beratersuche #Beraterliste .sort-pos>span,
#beratersuche #Beraterlistefulltext .sort-pos>span,
#beratersuche #Beraterlistename .sort-pos>span { display:inline-block; margin:6px 6px 0 0; }
#beratersuche #Beraterliste .jplist-panel.sort,
#beratersuche #Beraterlistefulltext .jplist-panel.sort,
#beratersuche #Beraterlistename .jplist-panel.sort { float:right; }
#beratersuche #Beraterliste .jplist-panel.sort .text-filter-box,
#beratersuche #Beraterlistefulltext .jplist-panel.sort .text-filter-box,
#beratersuche #Beraterlistename .jplist-panel.sort .text-filter-box { display:inline-block; }

/* beratersuche table listing */
#beratersuche #Beraterliste table,
#beratersuche #Beraterlistefulltext table,
#beratersuche #Beraterlistename table { width:100%; border-collapse:collapse; margin:0 0 25px 0; border-top:1px solid #ccc; }
#beratersuche #Beraterliste table th, #beratersuche #Beraterliste table td,
#beratersuche #Beraterlistefulltext table th, #beratersuche #Beraterlistefulltext table td,
#beratersuche #Beraterlistename table th, #beratersuche #Beraterlistename table td { vertical-align:text-bottom; padding:20px 10px; border-bottom:1px solid #ccc; }
#beratersuche #Beraterliste table td a,
#beratersuche #Beraterlistefulltext table td a,
#beratersuche #Beraterlistename table td a { display:block; color:#999; }
#beratersuche #Beraterliste table td a:hover, #beratersuche #Beraterliste table td.name a,
#beratersuche #Beraterlistefulltext table td a:hover, #beratersuche #Beraterlistefulltext table td.name a,
#beratersuche #Beraterlistename table td a:hover, #beratersuche #Beraterlistename table td.name a { color:#2e2c2b; }
#beratersuche #Beraterliste table td.berater_merken a:before,
#beratersuche #Beraterlistefulltext table td.berater_merken a:before,
#beratersuche #Beraterlistename table td.berater_merken a:before { font-family:'bsoiconnewregular'; font-size:1.75em; content:'\004D'; }
#beratersuche #Beraterliste table td.berater_pdf a:before,
#beratersuche #Beraterlistefulltext table td.berater_pdf a:before,
#beratersuche #Beraterlistename table td.berater_pdf a:before { font-family:'bsoiconnewregular'; font-size:1.75em; content:'\004A'; padding-right:4px; }
#beratersuche #Beraterliste table td.berater_detail a:after,
#beratersuche #Beraterlistefulltext table td.berater_detail a:after,
#beratersuche #Beraterlistename table td.berater_detail a:after { font-family: 'bsoiconnewregular'; font-size:1.75em; content:'\0052'; }
#beratersuche #Beraterliste table td.name,
#beratersuche #Beraterlistefulltext table td.name,
#beratersuche #Beraterlistename table td.name { width:35%; }
#beratersuche #Beraterliste table td.zip,
#beratersuche #Beraterlistefulltext table td.zip,
#beratersuche #Beraterlistename table td.zip { width:4%; }


/* new alphabetical listing 03/2019 */
#beratersuche #Beraterliste table tr.berater-item td,
#beratersuche #Beraterlistefulltext table tr.berater-item td,
#beratersuche #Beraterlistename table tr.berater-item td { vertical-align:top; padding:15px 10px; border-bottom:1px solid #ccc; }
#beratersuche #Beraterliste table tr.berater-item td.photo,
#beratersuche #Beraterlistefulltext table tr.berater-item td.photo,
#beratersuche #Beraterlistename table tr.berater-item td.photo { width:110px; }
#beratersuche #Beraterliste table tr.berater-item span,
#beratersuche #Beraterlistefulltext table tr.berater-item span,
#beratersuche #Beraterlistename table tr.berater-item span { display:inline-block; margin:2px 0; }
@media only screen and (max-width : 767px) {
	#beratersuche #Beraterliste table tr.berater-item td,
	#beratersuche #Beraterlistefulltext table tr.berater-item td,
	#beratersuche #Beraterlistename table tr.berater-item td { padding:5px; border-bottom:1px solid #ccc; }
	#beratersuche #Beraterliste table tr.berater-item td.photo img,
	#beratersuche #Beraterlistefulltext table tr.berater-item td.photo img,
	#beratersuche #Beraterlistename table tr.berater-item td.photo img { width:70px; max-width:70px; }
}

/* beratersuche detail */
#beratersuche .detail_header { border-bottom:1px solid #a5a2a1; margin:0 0 25px 0; padding:0 0 10px 0; }
#beratersuche .detail_header .left { float:left; width:50%; }
#beratersuche .detail_header .right { float:right; width:50%; text-align:right; }

#beratersuche .detail_header a { color:#2e2c2b; }
#beratersuche .detail_header a.but_back { font-weight:600; text-transform:uppercase; }
#beratersuche .detail_header a.but_back:before { font-family: 'bsoiconnewregular'; font-size:1.75em; content:'\0051'; border:1px solid #ebe7e6; background:#f6f4f3; padding:5px; margin:0 10px 0 0; }
#beratersuche .detail_header a.but_back:hover::before { color:#fff; background:#44a4ba; }

#beratersuche .detail_header a.but_versenden,
#beratersuche .detail_header a.but_pdf_download,
#beratersuche .detail_header a.but_merken { border:1px solid #ebe7e6; background:#fff; padding:6px 15px; margin:0 0 0 10px; }

#beratersuche .detail_header a.but_versenden:before { font-family:'bsoiconnewregular'; font-size:1.75em; content:'\004B'; }
#beratersuche .detail_header a.but_pdf_download:before { font-family:'bsoiconnewregular'; font-size:1.75em; content:'\004A'; padding-right:4px; }
#beratersuche .detail_header a.but_merken:before { font-family:'bsoiconnewregular'; font-size:1.75em; content:'\004D'; }

#beratersuche .detail_header a.but_versenden:hover,
#beratersuche .detail_header a.but_pdf_download:hover,
#beratersuche .detail_header a.but_merken:hover { border:1px solid #2e2c2b; }

/* merkliste open-button mit counter */
.icon_merkliste { position:absolute; top:8px; right:20px; width:auto; }
.icon_merkliste a, .icon_merkliste a:hover { color:#2e2c2b; } 
.icon_merkliste span.font-icon { font-size:2.5em; color:#999; }
.icon_merkliste .merkliste-link { font-size:.875em; padding-left:8px; vertical-align:super; }
.icon_merkliste .badge { display:none; position:absolute; top:0; left:18px; min-width:16px; height:16px; border-radius:16px; border:2px solid #f6f4f3; font-size: .6875em; font-weight:400; line-height:16px; padding:2px; background:#26b7d7; color:#fff; text-align:center; }

/* merkliste close-button mit liste */
.icon_merkliste_close { display:none; position:absolute; z-index:10; top:8px; right:20px; width:auto; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #eee; border-left:1px solid #ccc; background:#fafaf9; padding:0 45px 0 10px; }
.icon_merkliste_close a, .icon_merkliste_close a:hover { color:#2e2c2b; }
.icon_merkliste_close span.font-icon { font-size:2.5em; color:#999; }
.icon_merkliste_close .merkliste-link { font-size:.875em; padding-left:8px; vertical-align:super; }
#merklisteDropdown { position:absolute; z-index:9; right:20px; background:#fafaf9; width:calc(100% - 52px); padding:60px 15px; border:1px solid #ccc; margin-top:-1px; }
#merklisteDropdown table { width:100%; border-top:1px solid #ccc; }
#merklisteDropdown table td { border-bottom:1px solid #ccc; padding:0 5px 0 0; }
#merklisteDropdown table td:last-child { text-align:right; }
#merklisteDropdown a { color:#999; }
#merklisteDropdown a:hover { color:#2e2c2b; }
#merklisteDropdown a.merkliste-download-pdf:before { font-family:'bsoiconnewregular'; font-size:1.75em; content:'\004A'; padding:0 4px 0 0; }
#merklisteDropdown a.merkliste-delete:before { font-family:'bsoiconnewregular'; font-size:1.5em; content:'\004E'; }
#merklisteDropdown a.merkliste-view:before { font-family:'bsoiconnewregular'; font-size:2.5em; content:'\0052'; }

/* subnav */
.public-subnav ul { font-size:1.125em; line-height:1.5; margin:0 0 20px 0; padding:0; border-top:1px solid rgba(233, 76, 85, 1.0); padding:2px 0; }
.public-subnav ul li { margin:0; padding:0; }
.public-subnav ul li a {
	display:block;
	padding:10px 20px;
	background:#eee;
	color:#d02b35;
	text-decoration:none;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	transition:background .35s;
}
.public-subnav ul li a:hover { background:#fafaf9; color:#8f3035; }
.public-subnav ul li a.active { background:rgba(208, 43, 53, 0.75); color:#fff; }



/* ==========================================================================
   Mentorverzeichnis
   ========================================================================== */
#extranet #FormMentorsuche .type-radio > label,
#extranet #FormMentorsuche .type-select > label { float:left; width:23%; margin:0 2% 0 0; font-size:1.25em; font-weight:400; }
#extranet #FormMentorsuche .input-wrap { float:left; width:65%; margin:0; }

#extranet #FormMentorsuche .type-radio ul li { display:inline-block; margin:0 15px 0 0; }
#extranet #FormMentorsuche .type-radio ul.two_col { float:left; width:45%; margin:0 5% 10px 0; }
#extranet #FormMentorsuche .type-radio ul.two_col li { display:block; margin:0 0 10px 0; }
#extranet #FormMentorsuche .type-radio .input-wrap label { vertical-align:middle; }

#extranet #FormMentorsuche .type-select .input-wrap { position:relative; float:left; width:calc(65% - 12px); margin:0; background:#efeded; border:1px solid #ebe7e6; padding:6px; }
#extranet #FormMentorsuche .type-select .input-wrap select { width:100%; border: none; box-shadow: none; background: transparent; background-image:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
#extranet #FormMentorsuche .type-select .input-wrap:after { font-family: 'bsoiconnewregular'; font-size:1.75em; content:'\0053'; color:#999; position:absolute; top:-2px; right:5px; pointer-events: none; }

#extranet #FormMentorsuche .selectedMentorthemen { float:right; width:75%; margin:10px 0; font-size:.875em; }
#extranet #FormMentorsuche .selectedMentorthemen .selectedMentorthema { display:inline-block; padding:5px 10px; background:#44a4ba; color:#fff; margin:0 10px 10px 0; }
#extranet #FormMentorsuche .selectedMentorthemen .selectedMentorthema a:before { font-family:'bsoiconnewregular'; font-size:1.25em; content:'\004E'; color:#fff; padding-left:10px; }

#extranet #FormMentorsuche .qs_select { position:relative; margin:0; color:#999; background:#efeded; padding:6px; }
#extranet #FormMentorsuche .qs_select select { width:100%; border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none; -moz-appearance:none; appearance:none; }
#extranet #FormMentorsuche .qs_select:after { font-family: 'bsoiconnewregular'; font-size:1.75em; content:'\0053'; color:#999; position:absolute; top:-2px; right:5px; pointer-events: none; }

#extranet #FormMentorsuche .qs_span { width:calc(12% - 20px); float:left; padding:6px 10px; text-align:right; }
#extranet #FormMentorsuche .qs_input { width:44%; float:left; margin:0 0 20px 0; }
#extranet #FormMentorsuche input[type="text"] { width:calc(100% - 12px); outline:none; padding:6px; margin:0; }
#extranet #FormMentorsuche input[type="text"]:focus { border: 1px solid rgba(68, 164, 186, 1); }
#extranet #FormMentorsuche .qs_select.qs_radius { float:right; width:calc(44% - 12px); }

#extranet #FormMentorsuche button#MentorsucheAnzeigen,
#extranet #FormMentorsuche button#MentorsucheReset {
	padding:10px 30px;
	margin:10px 0;
	background:#44a4ba;
	color:#fff;
	border:0 none;
	outline:none;
	cursor:pointer;
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:90%;
	font-weight:400;
	float:right;
}
#extranet #FormMentorsuche button#MentorsucheReset { float:left; background:#fff; color:#999; border:1px solid #ebe7e6; }
#extranet #FormMentorsuche button#MentorsucheAnzeigen:hover {	background:#e94c55; }
#extranet #FormMentorsuche button#MentorsucheReset:hover {	color:#e94c55; border:1px solid #e94c55; }

#extranet #numHitsWrap { margin:1em 0 1.5em 0; }
#extranet #numHitsWrap .numHitsTitle { font-size:.9125em; font-style:italic; padding:0 .25em 0 0; }
#extranet #numHitsWrap #numHits { font-size:1.125em; font-weight:600; color:#e94c55; }

/* ==========================================================================
   Extranet
   ========================================================================== */

/* extranet status */
.extranet-status { margin:40px 0 10px 0; color:#00667f; }
.extranet-status .user-link { padding:0 0 0 5px; }
.extranet-status .title_bold { font-weight:400; }
.extranet-status .logout-link { text-transform:uppercase; font-weight:400; float:right; margin:5px 0 0 0; }
.extranet-status a, .extranet-subnav nav ul.level-1 li.extranet_home a { color:#00667f; }
.extranet-status a:hover, .extranet-subnav nav ul.level-1 li.extranet_home a:hover { color:#2e2c2b; }

/* extranet subnav >> logged in */
.extranet-subnav nav ul.level-1 { font-size:1.125em; margin:0 0 50px 0; }
/* extranet subnav logged out  */
#extranet .extranet-subnav nav ul.level-1 { margin:0; }
/* beratersuche subnav logged out  */
#beratersuche .extranet-subnav nav ul.level-1 { margin:0 0 25px 0; }

/* extranet subnav */
.extranet-subnav nav ul.level-1 li { margin:0 0 4px 0; }
.extranet-subnav nav ul.level-1 li a {
	position:relative;
	display:block;
	padding:10px 20px;
	background:#eaf2f4;
	cursor:pointer;
}
.extranet-subnav nav ul.level-1 li a:after {
	font-family: 'bsoiconnewregular';
	font-size:1.75em;
	content:'\0051';
	position:absolute;
	top:2px;
	right:15px;
}
/* icon logged in */
.extranet-subnav nav ul.level-1 li.extranet_home a:after,
.extranet-subnav nav ul.level-1 li.extranet_home a:hover:after,
.extranet-subnav nav ul.level-1 li.extranet_home.open-dropdown a:after { content:'\0064'; }
/* icon logged out */
#extranet .extranet-subnav nav ul.level-1 li.extranet_home a:after,
#extranet .extranet-subnav nav ul.level-1 li.extranet_home a:hover:after,
#extranet .extranet-subnav nav ul.level-1 li.extranet_home.open-dropdown a:after { content:'\0043'; }

.extranet-subnav nav ul.level-1 li a:hover,
.extranet-subnav nav ul.level-1 li.open-dropdown a { background:#dae8eb; }

.extranet-subnav nav ul.level-1 li a:hover:after,
.extranet-subnav nav ul.level-1 li.open-dropdown a:after { content:'\0053'; }

.extranet-subnav nav ul.level-2 { display:none; font-size:1em; margin:5px 0 15px 20px; }
.extranet-subnav nav ul.level-2.current { display: block; }
.extranet-subnav nav ul.level-2 li { margin:0; padding:0; }
.extranet-subnav nav ul.level-2 li a {
	display:block;
	background:none !important; 
	padding:10px 0;
	border-bottom: 1px solid #dae8eb;
}

.extranet-subnav nav ul.level-2 li a:after { content:'' !important; }
.extranet-subnav nav ul.level-2 li:last-child a { border-bottom:none; }
.extranet-subnav nav ul.level-2 li.open-dropdown a { font-weight:400; }

/* extranet cockpit */
.extranet_title { font-size:1.25em; font-weight:400; margin:40px 0 0 0; }
.extranet_title.regionalgruppen { margin:40px 0 0 0; }
.extranet_title:before {
	font-family: 'bsoiconnewregular';
	font-size:4.5em;
	line-height:0.5;
	vertical-align:middle;
	padding:0 10px 0 0;
}
.extranet_title.profil:before {	content:'\006B'; }
.extranet_title.seminare:before,
.extranet_title.dienstleistungen:before {	content:'\006C'; }
.extranet_title.anlaesse:before {	content:'\006F'; }
.extranet_title.q-system:before {	content:'\006E'; }
.extranet_title.regionalgruppen:before {	content:'\006D'; }

/* extranet profil view */
.tx-klink-bso-berater .profile_edit_link { border-bottom:1px solid #ccc; margin:20px 0; text-align:right; }
.tx-klink-bso-berater .profile_edit_link a { display:inline-block; background:#44a4ba; border:1px solid #ebe7ea; color:#fff !important; padding:5px 20px 5px 10px; margin:0 0 8px 0; font-size:.875em; font-weight:400; }
.tx-klink-bso-berater .profile_edit_link a:before { font-family: 'bsoiconnewregular'; content: '\0069'; font-size:2em; line-height:1; vertical-align: middle; }
.tx-klink-bso-berater .profile_edit_link a:hover { color:#2e2c2b !important; background:#f0eeed; }

/*
.tx-klink-bso-berater .profile_view { position:relative; }
.tx-klink-bso-berater .profile_view #profilbild { position:absolute; right:0; top:0; }
.tx-klink-bso-berater .profile_view #profilbild img { width:154px; height:190px; border:1px solid #ccc; }
*/

.tx-klink-bso-berater .profile_view #profilbild { margin:8px 18px 0 0; }
.tx-klink-bso-berater .profile_view #profilbild img { max-width:210px; max-height:260px; border:1px solid #ccc; }

.tx-klink-bso-berater .profile_view a.marker { color:#d02b35; margin:0 0 10px -3px; }
.tx-klink-bso-berater .profile_view a.marker:hover { color:#8f3035; }
.tx-klink-bso-berater .profile_view a.marker:before { padding:0 3px 0 0; font-size:1.5em; line-height:1.75; vertical-align:middle; }

.tx-klink-bso-berater .profile_view a.social { color:#2e2c2b; padding:0 35px 0 25px; }
.tx-klink-bso-berater .profile_view a.social:hover { color:#8f3035; }
.tx-klink-bso-berater .profile_view a.social.xing { background:url('../img/icons/xing.svg') no-repeat 0 3px; }
.tx-klink-bso-berater .profile_view a.social.linkedin { background:url('../img/icons/linkedin.svg') no-repeat 0 3px; }
.tx-klink-bso-berater .profile_view a.social.facebook { background:url('../img/icons/facebook.svg') no-repeat 0 3px; }
.tx-klink-bso-berater .profile_view a.social.twitter { background:url('../img/icons/twitter.svg') no-repeat 0 3px; }
.tx-klink-bso-berater .profile_view table.profile_toggler span { float:left; }
.tx-klink-bso-berater .profile_view table.profile_toggler p { font-size:1em; line-height:1.4; }

.tx-klink-bso-berater table { width:100%; border-collapse:collapse; margin:0 0 25px 0; }
.tx-klink-bso-berater table.kontaktangaben table { margin:0 0 5px 0; }
.tx-klink-bso-berater table caption, .tx-klink-bso-berater table th { text-align:left; font-weight:400; }
.tx-klink-bso-berater table th, .tx-klink-bso-berater table td { vertical-align:top; padding:4px 0; }
.tx-klink-bso-berater table td:first-child { width:25%; font-weight:600; padding:4px 4px 4px 0; }

.tx-klink-bso-berater table ul { list-style:none; padding-left:15px; text-indent:-15px; }
.tx-klink-bso-berater table ul li { font-size:80%; }
.tx-klink-bso-berater table ul li:before { content:"– "; }

/* extranet profil edit */
.tx-klink-bso-berater h2 { font-size:1.25em; line-height:1.1; margin:0 0 20px 0; font-weight:400; }
.tx-klink-bso-berater fieldset { background:#f6f4f3; padding:20px; border-top:1px solid #ccc; }

.tx-klink-bso-berater input[type="text"],
.tx-klink-bso-berater input[type="email"],
.tx-klink-bso-berater textarea, .tx-klink-bso-berater select { width:80%; border-radius:0; }

.tx-klink-bso-berater .type-text label,
.tx-klink-bso-berater .type-select label { float:left; width:23%; margin:0 2% 0 0; font-weight:400; }
.tx-klink-bso-berater .type-checkbox label { float:right; width:calc(75% - 30px); margin:0; font-weight:400; padding:2px 0 0 10px; }

.tx-klink-bso-berater .type-text .input_wrap { float:left; width:75%; margin:0; }
.tx-klink-bso-berater .type-checkbox .input_wrap { float:right; width:auto; margin:0 0 0 25%; }

.tx-klink-bso-berater .type-select .input_wrap {
	position:relative;
	float:left;
	width:60%;
	margin:0;
	background:#efeded;
	border:1px solid #ebe7e6;
	padding:4px;
}
.tx-klink-bso-berater .type-select .input_wrap select {
  width:100%;
  border: none;
  box-shadow: none;
  background: transparent;
  background-image: none;
	-webkit-appearance: none;
	-moz-appearance:none;
	appearance:none;
}
.tx-klink-bso-berater .type-select .input_wrap:after {
	font-family: 'bsoiconnewregular';
	font-size:1.75em;
	content:'\0053';
	color:#999;
	position:absolute;
	top:-2px;
	right:5px;
	pointer-events: none;	
}

.tx-klink-bso-berater input.alert-error { border-color:#b94a48; background:#fff; }
.tx-klink-bso-berater .but_cancel_submit { clear:both; text-align:right; }
.tx-klink-bso-berater .but_cancel_submit.head { margin:0 0 20px 0; }
.tx-klink-bso-berater .but_cancel_submit.foot { margin:20px 0; }
.tx-klink-bso-berater input[type="submit"] { margin:0 0 0 15px; }
.tx-klink-bso-berater input[type="submit"]:hover { background:#00667f; }

/* extranet profil standorte */
.tx-klink-bso-berater #standorte { margin:0 0 20px 0; }
.tx-klink-bso-berater #standorte table { margin:0 0 0 25%; width:auto; }
.tx-klink-bso-berater #standorte table td:first-child { width:auto; padding-right:10px; }
.tx-klink-bso-berater #standorte div.standort:nth-child(odd) { padding:20px 0; background:#fafaf9; }
.tx-klink-bso-berater #standorte div.standort:nth-child(even) { padding:20px 0; background:#eee; }
.tx-klink-bso-berater #standorte .type-text label,
.tx-klink-bso-berater #standorte .type-select label { float:left; width:21%; margin:0 2%; font-weight:400; }

.tx-klink-bso-berater input#adressencount { opacity:0; width:100px; float:right; }

.tx-klink-bso-berater button#newaddress,
.tx-klink-bso-berater button.removeaddress {
	display:block;
	background:#fff;
	padding:5px 10px 5px 5px;
	font-size:.875em;
	font-weight:400;
	color:#00667f; 
	border:1px solid #ccc;
}
.tx-klink-bso-berater button#newaddress:hover, .tx-klink-bso-berater button.removeaddress:hover { color:#2e2c2b; }
.tx-klink-bso-berater button#newaddress:before { font-family: 'bsoiconnewregular'; content: '\005A'; font-size:2em; line-height:1; vertical-align: middle; }
.tx-klink-bso-berater button.removeaddress:before { font-family: 'bsoiconnewregular'; content: '\0061'; font-size:2em; line-height:1; vertical-align: middle; }

.tx-klink-bso-berater .standort_edit_link a { display:inline-block; background:#fff; padding:5px 10px 5px 5px; font-size:.875em; font-weight:400; border:1px solid #ccc; }
.tx-klink-bso-berater .standort_edit_link a:before { font-family: 'bsoiconnewregular'; content: '\0045'; font-size:2em; line-height:1; vertical-align: middle; }

/* alerts */
.alert button.close,.alert h4{display:none;}
.alert{padding:8px 14px; width:calc(40% - 20px); margin-bottom:10px;background-color:#fcf8e3;border:1px solid #fbeed5;border-radius:4px;text-align:center}
.alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#468847;}
.alert-success h4{color:#468847;}
.alert-danger,.alert-error{background-color:#f2dede;border-color:#eed3d7;color:#b94a48;}
.alert-danger h4,.alert-error h4{color:#b94a48;}
.alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#3a87ad;}
.alert-info h4{color:#3a87ad;}
.alert-block{padding-top:14px;padding-bottom:14px;}
.alert-block>p,.alert-block>ul{margin-bottom:0;}
.alert-block p+p{margin-top:5px;}
.control-group.error .control-label,.control-group.error .help-block,.control-group.error .help-inline{color:#b94a48;}
.control-group.error .checkbox,.control-group.error .radio,.control-group.error input,.control-group.error select,.control-group.error textarea{color:#b94a48;}
.control-group.error input,.control-group.error select,.control-group.error textarea{border-color:#b94a48;}
.control-group.error input:focus,.control-group.error select:focus,.control-group.error textarea:focus{border-color:#953b39;}
.control-group.error .input-prepend .add-on,.control-group.error .input-append .add-on{color:#b94a48;background-color:#f2dede;border-color:#b94a48;}
input:focus:invalid,textarea:focus:invalid,select:focus:invalid{color:#b94a48;border-color:#ee5f5b;}
input:focus:invalid:focus,textarea:focus:invalid:focus,select:focus:invalid:focus{border-color:#e9322d;}

/* ==========================================================================
   ext klink ausbildungsliste
   ========================================================================== */
.tx-klinkbsoausbildungsliste { margin:0 0 20px 0; }

/* filter */
.tx-klinkbsoausbildungsliste .filter_button { width:200px; background:#f6f4f3; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; text-align:center; font-size:.8125em; font-weight:600; text-transform:uppercase; color:#44a4ba; padding:8px 0; cursor:pointer; }
.tx-klinkbsoausbildungsliste .filter_button span:before { content: 'Filter schliessen'; }
.tx-klinkbsoausbildungsliste .filter_button.closed span:before { content: 'Filter öffnen'; }
.tx-klinkbsoausbildungsliste .filter_button.closed { border:1px solid #ccc; }
.tx-klinkbsoausbildungsliste #filter.closed {display:none; }
.tx-klinkbsoausbildungsliste #filter { background:#f6f4f3; box-shadow:2px 2px 8px #ccc; border:1px solid #ccc; }
.tx-klinkbsoausbildungsliste #filter_1 { float:left; width:28%; margin:4% 4% 4% 4%; }
.tx-klinkbsoausbildungsliste #filter_2, .tx-klinkbsoausbildungsliste #filter_3 { float:left; width:28%; margin:4% 4% 4% 0; }
.tx-klinkbsoausbildungsliste #filter h3 { font-size:1em; }
.tx-klinkbsoausbildungsliste #filter label { font-size:.6975em; font-weight:400; margin-left:5px; }
.tx-klinkbsoausbildungsliste #filter ul { border-top:1px solid #999; margin:10px 0 0 0; }
.tx-klinkbsoausbildungsliste #filter ul li { border-bottom:1px solid #999; padding:8px 0; }

/* list */
.tx-klinkbsoausbildungsliste .spacer { border-bottom:1px solid #999; margin:20px 0 0 0; }
.tx-klinkbsoausbildungsliste .ausbildung { border-bottom:1px solid #999; padding:20px 10px; }
.tx-klinkbsoausbildungsliste .bezeichnung { float:left; width:65%; margin:0 5% 0 0; }
.tx-klinkbsoausbildungsliste .titel { float:right; width:25%; margin:0 5% 0 0; font-weight:400; }
.tx-klinkbsoausbildungsliste a.ausbildung_detail { color:#2e2c2b; position:relative; display:block; }
.tx-klinkbsoausbildungsliste a.ausbildung_detail:hover { background:#faf9f9; }
.tx-klinkbsoausbildungsliste a.ausbildung_detail:after { font-family: 'bsoiconnewregular'; font-size:1.75em; content:'\0052'; position:absolute; right:10px; top:13px; }
.tx-klinkbsoausbildungsliste #keineTreffer { padding:20px 0; font-weight:400; }

/* detail */
.tx-klinkbsoausbildungsliste .detail { border-bottom:1px solid #a5a2a1; padding:20px 0; }
.tx-klinkbsoausbildungsliste .detail p, .tx-klinkbsoausbildungsliste .detail ul { font-size:1em; margin:0; }
.tx-klinkbsoausbildungsliste .detail ul { list-style:none; padding-left:15px; text-indent:-15px; }
.tx-klinkbsoausbildungsliste .detail ul li { margin:2px 0; }
.tx-klinkbsoausbildungsliste .detail ul li:before { content:"– "; }
.tx-klinkbsoausbildungsliste .detail .label { float:left; width:23%; margin:0 2% 0 0; font-weight:400; }
.tx-klinkbsoausbildungsliste .detail .inhalt { float:left; width:65%; }
.tx-klinkbsoausbildungsliste .detail_header { margin:25px 0; padding:10px 0; border-bottom:1px solid #999;  }
.tx-klinkbsoausbildungsliste .detail_header a.back_link_but { color:#2e2c2b; }
.tx-klinkbsoausbildungsliste .detail_header a.back_link_but:before { font-family: 'bsoiconnewregular'; font-size:1.75em; content:'\0051'; border:1px solid #ebe7e6; background:#f6f4f3; padding:5px; margin:0 10px 0 0; }
.tx-klinkbsoausbildungsliste .detail_header a.back_link_but:hover::before { color:#fff; background:#44a4ba; }

/* ==========================================================================
   ext klink weiterbildungsagenda
   ========================================================================== */

/* wba list public */
.tx-klinkbsoweiterbildungsagenda .list_header { border-bottom:1px solid #999; }
.tx-klinkbsoweiterbildungsagenda .list_header .left { position:relative; float:left; width:50%; }
.tx-klinkbsoweiterbildungsagenda .list_header .right { float:right; width:50%; text-align:right; }
.tx-klinkbsoweiterbildungsagenda .list_header .right #DateRange { margin:18px 0 0 0; }
.tx-klinkbsoweiterbildungsagenda .list_header .right #DateRangeSel { font-weight:400; }

.tx-klinkbsoweiterbildungsagenda .list_header .left #datepickerVonPicker,
.tx-klinkbsoweiterbildungsagenda .list_header .left #datepickerBisPicker { display:inline-block; margin:0 10px; border:1px solid #ebe7e6; background:#f6f4f3; padding:6px 25px 6px 15px; cursor:pointer; }
.tx-klinkbsoweiterbildungsagenda .list_header .left #datepickerVonPicker span,
.tx-klinkbsoweiterbildungsagenda .list_header .left #datepickerBisPicker span { font-size:90%; font-weight:400; padding:0 10px; }
.tx-klinkbsoweiterbildungsagenda .list_header .left #datepickerVonPicker:before,
.tx-klinkbsoweiterbildungsagenda .list_header .left #datepickerBisPicker:before { font-family:'bsoiconnewregular'; font-size:1.75em; content:'\004C'; }

.tx-klinkbsoweiterbildungsagenda .list_header .left #DatumVon,
.tx-klinkbsoweiterbildungsagenda .list_header .left #DatumBis { box-shadow:2px 2px 8px #ccc; position:absolute; top:45px; background:#f6f4f3; padding:10px; }
.tx-klinkbsoweiterbildungsagenda .list_header .left #DatumBis { left:190px; }

.tx-klinkbsoweiterbildungsagenda table#weiterbildung { width:100%; margin:0 0 40px 0; }

.tx-klinkbsoweiterbildungsagenda .weiterbildung-item { color:#2e2c2b; }
.tx-klinkbsoweiterbildungsagenda .weiterbildung-item:hover { background:#faf9f9; cursor:pointer; }
.tx-klinkbsoweiterbildungsagenda .weiterbildung-item h4 { line-height:1.4; margin:0; text-transform:uppercase; }
.tx-klinkbsoweiterbildungsagenda .weiterbildung-item td { border-bottom:1px solid #999; padding:20px 10px; vertical-align:top; font-size:95%; }

.tx-klinkbsoweiterbildungsagenda table.list_header_title { width:100%; margin:0; }
.tx-klinkbsoweiterbildungsagenda table.list_header_title .datum { width:35%; padding:15px 10px; font-weight:400;}
.tx-klinkbsoweiterbildungsagenda table.list_header_title .titel { width:60%; padding:15px 0; font-weight:400;}
.tx-klinkbsoweiterbildungsagenda table.list_header_title .detail { width:5%; padding:15px 0; border-bottom:none; }

.tx-klinkbsoweiterbildungsagenda .weiterbildung-item .datum { width:35%; }
.tx-klinkbsoweiterbildungsagenda .weiterbildung-item .titel { width:60%; }
.tx-klinkbsoweiterbildungsagenda .weiterbildung-item .detail { width:5%; text-align:right; vertical-align:middle; }
.tx-klinkbsoweiterbildungsagenda .weiterbildung-item .detail:after { font-family:'bsoiconnewregular'; font-size:1.75em; content:'\0052'; }

.tx-klinkbsoweiterbildungsagenda .type-select { display:inline; width:30%; margin-left:10px; font-size:90%; font-weight:400; }
.tx-klinkbsoweiterbildungsagenda .type-select .input-wrap { position:relative; display:inline-block; width:calc(25% - 12px); margin:0; background:#efeded; border:1px solid #ebe7e6; padding:6px; }
.tx-klinkbsoweiterbildungsagenda .type-select .input-wrap select { width:100%; border: none; box-shadow: none; background: transparent; background-image:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.tx-klinkbsoweiterbildungsagenda .type-select .input-wrap:after { font-family: 'bsoiconnewregular'; font-size:1.75em; content:'\0053'; color:#999; position:absolute; top:-2px; right:5px; pointer-events: none; }

/* wba detail public */
.tx-klinkbsoweiterbildungsagenda .detail_header { border-bottom:1px solid #999; padding-bottom:20px; }
.tx-klinkbsoweiterbildungsagenda .detail_header .left { float:left; width:50%; }
.tx-klinkbsoweiterbildungsagenda .detail_header .right { float:right; width:50%; text-align:right; }
.tx-klinkbsoweiterbildungsagenda .detail_header a { color:#2e2c2b; }

.tx-klinkbsoweiterbildungsagenda a.back_link_but:before { font-family: 'bsoiconnewregular'; font-size:1.75em; content:'\0051'; border:1px solid #ebe7e6; background:#f6f4f3; padding:5px; margin:0 10px 0 0; }
.tx-klinkbsoweiterbildungsagenda a.back_link_but:hover::before { color:#fff; background:#44a4ba; }
.tx-klinkbsoweiterbildungsagenda a.but_versenden, .tx-klinkbsoweiterbildungsagenda a.but_ics { border:1px solid #ebe7e6; background:#fff; padding:6px 15px; margin:0 0 0 10px; }
.tx-klinkbsoweiterbildungsagenda a.but_versenden:before { font-family:'bsoiconnewregular'; font-size:1.75em; content:'\004B'; }
.tx-klinkbsoweiterbildungsagenda a.but_ics:before { font-family:'bsoiconnewregular'; font-size:1.75em; content:'\004A'; }
.tx-klinkbsoweiterbildungsagenda a.but_versenden:hover, .tx-klinkbsoweiterbildungsagenda a.but_ics:hover { border:1px solid #2e2c2b; }

.tx-klinkbsoweiterbildungsagenda .detail { border-bottom:1px solid #a5a2a1; padding:30px 0; }
.tx-klinkbsoweiterbildungsagenda .detail h4 { line-height:1.4; }
.tx-klinkbsoweiterbildungsagenda .detail .inhalt p { font-size:1em; line-height:1.4; }
.tx-klinkbsoweiterbildungsagenda .label { float:left; width:23%; margin:0 2% 0 0; font-weight:400; }
.tx-klinkbsoweiterbildungsagenda .inhalt { float:left; width:65%; }

/* wba list extranet */
#extranet .tx-klinkbsoweiterbildungsagenda .list_header .left,
#extranet .tx-klinkbsoweiterbildungsagenda .list_header .right { float:left; width:100%; text-align:left; }
#extranet .tx-klinkbsoweiterbildungsagenda .list_header .left #datepickerVonPicker,
#extranet .tx-klinkbsoweiterbildungsagenda .list_header .left #datepickerBisPicker { margin:0 10px 0 0; }

#extranet .tx-klinkbsoweiterbildungsagenda .list_header a.add_weiterbildung { float:right; border:1px solid #ebe7e6; background:#fff; padding:10px 20px; margin:0; }
#extranet .tx-klinkbsoweiterbildungsagenda .list_header a.add_weiterbildung:before { font-family:'bsoiconnewregular'; font-size:1.5em; content:'\0066'; padding:0 5px 0 0; }
#extranet .tx-klinkbsoweiterbildungsagenda .list_header a.add_weiterbildung:hover { border:1px solid #2e2c2b; }

/* wba edit extranet */
#extranet .tx-klinkbsoweiterbildungsagenda fieldset { background:#f6f4f3; padding:30px 20px; clear:both; }
#extranet .tx-klinkbsoweiterbildungsagenda input[type="text"],
#extranet .tx-klinkbsoweiterbildungsagenda input[type="email"],
#extranet .tx-klinkbsoweiterbildungsagenda textarea { width:80%; border-radius:0; }

#extranet .tx-klinkbsoweiterbildungsagenda .type-text label { float:left; width:23%; margin:0 2% 0 0; font-weight:400; }
#extranet .tx-klinkbsoweiterbildungsagenda .type-text .input_wrap { float:left; width:75%; margin:0; }

#extranet .tx-klinkbsoweiterbildungsagenda .type-checkbox label { float:right; width:calc(75% - 30px); margin:0; font-weight:400; padding:2px 0 10px 10px; }
#extranet .tx-klinkbsoweiterbildungsagenda .type-checkbox .input_wrap { float:right; width:auto; margin:0 0 0 25%; }

#extranet .tx-klinkbsoweiterbildungsagenda .type-select label { float:left; width:23%; margin:0 2% 0 0; font-weight:400; }
#extranet .tx-klinkbsoweiterbildungsagenda .type-select .input-wrap { float:left; width:65%; margin:0; }

#extranet .tx-klinkbsoweiterbildungsagenda .type-select .input-wrap { position:relative; float:left; width:calc(65% - 12px); margin:0; background:#efeded; border:1px solid #ebe7e6; padding:6px; }
#extranet .tx-klinkbsoweiterbildungsagenda .type-select .input-wrap select { width:100%; border: none; box-shadow: none; background: transparent; background-image:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
#extranet .tx-klinkbsoweiterbildungsagenda .type-select .input-wrap:after { font-family: 'bsoiconnewregular'; font-size:1.75em; content:'\0053'; color:#999; position:absolute; top:-2px; right:5px; pointer-events: none; }

#extranet .tx-klinkbsoweiterbildungsagenda a.but_versenden, .tx-klinkbsoweiterbildungsagenda a.but_ics { display:none; }

#extranet .tx-klinkbsoweiterbildungsagenda a.but_edit { border:1px solid #ebe7e6; background:#f0eeed; color:#2e2c2b; padding:8px 15px 8px 5px; margin:0; }
#extranet .tx-klinkbsoweiterbildungsagenda a.but_edit:before { font-family:'bsoiconnewregular'; font-size:2.25em; content:'\0069'; color:#8f8d8f; display:inline-block; vertical-align:middle; }
#extranet .tx-klinkbsoweiterbildungsagenda a.but_edit:hover { background:#fff; }

#extranet .tx-klinkbsoweiterbildungsagenda div.but_row { border-top:1px solid #a5a2a1; margin:50px 0 0 0; padding:25px 0 0 0; clear:both; }
#extranet .tx-klinkbsoweiterbildungsagenda div.but_row .but_right { float:right; }

#extranet .tx-klinkbsoweiterbildungsagenda a.but_new,
#extranet .tx-klinkbsoweiterbildungsagenda a.but_dup,
#extranet .tx-klinkbsoweiterbildungsagenda a.but_del { border:1px solid #ebe7e6; background:#fff; color:#2e2c2b; padding:8px 15px 8px 5px; margin:0 15px 0 0; }
#extranet .tx-klinkbsoweiterbildungsagenda a.but_new:before { font-family:'bsoiconnewregular'; font-size:1.5em; content:'\0066'; color:#8f8d8f; display:inline-block; vertical-align:middle; padding:0 4px 0 0; }
#extranet .tx-klinkbsoweiterbildungsagenda a.but_dup:before { font-family:'bsoiconnewregular'; font-size:2em; content:'\005A'; color:#8f8d8f; display:inline-block; vertical-align:middle; padding:0 4px 0 0; }
#extranet .tx-klinkbsoweiterbildungsagenda a.but_del:before { font-family:'bsoiconnewregular'; font-size:2em; content:'\0061'; color:#8f8d8f; display:inline-block; vertical-align:middle; padding:0 4px 0 0; }
#extranet .tx-klinkbsoweiterbildungsagenda a.but_new:hover,
#extranet .tx-klinkbsoweiterbildungsagenda a.but_dup:hover,
#extranet .tx-klinkbsoweiterbildungsagenda a.but_del:hover { background:#f0eeed; }

#extranet .tx-klinkbsoweiterbildungsagenda .but_cancel_submit { float:right; }
#extranet .tx-klinkbsoweiterbildungsagenda input.alert-error { border-color:#b94a48; background:#fff; }
#extranet .tx-klinkbsoweiterbildungsagenda a.but_cancel, #extranet .tx-klinkbsoweiterbildungsagenda input[type="submit"] { margin:20px 0 20px 15px; }
#extranet .tx-klinkbsoweiterbildungsagenda input[type="submit"]:hover { background:#00667f; }
#extranet .tx-klinkbsoweiterbildungsagenda .but_cancel_submit a.but_del { margin:0 0 0 15px; padding:7px 30px 7px 20px; }

/* ==========================================================================
   ext fluid_styled_content
   ========================================================================== */
.ce-uploads { margin:0 0 20px 0; color:#999; }
.ce-uploads a:before { font-family:'bsoiconnewregular'; content:'\0073'; padding:0; margin-top:-5px; font-size:2.5em; line-height:1; display: inline-block; vertical-align:middle; }
.ce-uploads li { font-size:90%; margin:0 0 8px 0; padding:0 0 5px 0; border-bottom:1px solid #ccc; }
.ce-uploads span { display:inline-block; }
.ce-uploads-description { color:#2e2c2b; }
.ce-uploads-description:before { content:'|'; }
.ce-uploads-filesize { padding:0 3px; }

ul.ce-bullets li { padding:5px 1px 6px 1px; border-bottom:1px solid #a5a2a1; }
ul.ce-bullets li:last-child { border-bottom:none; }

main ul.ce-menu { margin:0 0 20px 0; }
#extranet ul.ce-menu { margin:0 0 20px 100px; }
main ul.ce-menu li { font-size:90%; margin:0; padding:0; border-bottom:1px solid #ccc; }
main ul.ce-menu a:before { font-family:'bsoiconnewregular'; content:'\0073'; padding:0; margin-top:-5px; font-size:2.5em; line-height:1; display: inline-block; vertical-align:middle; }

/* ==========================================================================
   ext ke_search
   ========================================================================== */

/* ext. kesearch input in header */
.search_box { position:relative; }
header .search_box #ke_search_sword {
	position:absolute;
	top:2px;
	right:36px;
	width:180px;
	font-size:.75em;
	padding:3px 1px;
	opacity:0;
  transition: opacity .35s ease-in-out;
  border:none;
  border-bottom:2px solid #c7c7c7;
}
header .search_box #kesearch_submit {
	position:absolute;
	top:3px;
	right:8px;
	background:url('../img/css/search_icon.svg') no-repeat 0 0;
	height:22px;
	width:22px;
	border:0;
	padding:0;
	margin:0;
}
header .search_box #kesearch_submit:focus,
header .search_box #kesearch_submit:hover {
	background-position:0 -22px;
	box-shadow: 0 0 0 white;
	border: 0 none;
	cursor: pointer;
	outline:0;
}

/* ext. kesearch input in content */
main .kesearchbox { margin:0 0 25px 0; }
main .kesearchbox #ke_search_sword {
	width:240px;
	font-size:1em;
	color:#999;
	padding:4px;
}
main .kesearchbox #kesearch_submit {
	background:url('../img/css/search_icon.svg') no-repeat 0 0;
	height:22px;
	width:22px;
	border:0;
	padding:0;
}
main .kesearchbox #kesearch_submit:focus,
main .kesearchbox #kesearch_submit:hover {
	background-position:0 -22px;
	box-shadow: 0 0 0 white;
	border: 0 none;
	cursor: pointer;
	outline:0;
}

/* ==========================================================================
   mobile nav: pushy.js
   ========================================================================== */
 
#nav_mobile_public_button {
	position:absolute;
	z-index: 9997;
	top:48px;
	right:0px;
	display:none;
	cursor:pointer;
	width:40px;
	height:30px;
	background:url('../img/css/offcanvas_burger.svg') no-repeat 0 0;
}
#nav_mobile_public_button:hover { background-position:0 -30px; }

.icon_login_mobile {
	position:absolute;
	z-index:9996;
	right:60px;
	top:35px;
	font-size:1.75em;
	margin-right:2px;
	padding-right:13px;
	border-right:1px solid #2e2c2b;
}

/* ==========================================================================
   Forms
   ========================================================================== */
   
/* wrapper */
.type-text, .type-checkbox, .type-select { width:100%; margin:0 0 10px 0; clear:both; overflow:hidden; }

input[type="text"], input[type="email"], input[type="password"], textarea {
  transition: all 0.35s ease-in-out;
  outline: none;
  padding:4px;
  margin:0;
  border:1px solid #c7c7c7;
}

input[type="text"]:focus, input[type="email"]:focus,
input[type="password"]:focus, textarea:focus {
  border: 1px solid rgba(233, 76, 85, 1);
}

main input[type="submit"], button[type="submit"],
button#BeratersucheReset, button#BeratersucheAnzeigen, a.but_cancel, a.but_suchen {
	padding:10px 30px;
	margin:10px 0;
	background:#44a4ba;
	color:#fff;
	border:0 none;
	outline:none;
	cursor:pointer;
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:90%;
	font-weight:400;
}
main input[type="submit"]:hover, button[type="submit"]:hover, button#BeratersucheAnzeigen:hover,
a.but_cancel:hover, a.but_suchen:hover {	background:#e94c55; }

button#BeratersucheReset, a.but_cancel { background:#fff; color:#999; padding:9px 30px; border:1px solid #ebe7e6; }
button#BeratersucheReset:hover, a.but_cancel:hover { background:#fff; color:#e94c55; border:1px solid #e94c55; }

/* campaignmonitor form */
#subForm div { margin:0 0 15px 0; clear:both; }
#subForm input[type="text"], #subForm input[type="email"] { width:calc(100% - 30px); padding:6px 15px; }
#subForm .input_wrap { position:relative; width:calc(100% - 30px); background:#efeded; border:1px solid #ebe7e6; padding:6px 15px; }
#subForm .input_wrap select { width:100%; border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none; -moz-appearance:none; appearance:none; }
#subForm .input_wrap:after { font-family: 'bsoiconnewregular'; font-size:1.75em; content:'\0053'; color:#999; position:absolute; top:-2px; right:5px; pointer-events: none; }

/* ==========================================================================
   ext felogin
   ========================================================================== */

.tx-felogin-pi1 { padding:0; }
.tx-felogin-pi1 legend { display:none; }
.tx-felogin-pi1 div { font-size:1.25em; margin:0 0 10px 0; }
.tx-felogin-pi1 fieldset { margin:20px 0; }
.tx-felogin-pi1 fieldset div { margin:0 0 10px 0; clear:both; overflow:hidden; }
.tx-felogin-pi1 label { display:block; width:23%; margin:0 2% 0 0; float:left; clear:left; text-align:left; }
.tx-felogin-pi1 input[type="text"], .tx-felogin-pi1 input[type="password"] { width:50%; }
.tx-felogin-pi1 input[type="submit"] { margin:10px 0 10px 25%; }

/* ext. fe_change_pwd */
.tx-fe-change-pwd fieldset { background:#eee; padding:0 1.5em; }
.tx-fe-change-pwd form div { margin:1em 0; }
.tx-fe-change-pwd input[type="password"] { width:50%; }
.tx-fe-change-pwd label { display:block; font-size:1.125em; margin-bottom:.25em; }

.tx-fe-change-pwd ul { margin:0; }
.tx-fe-change-pwd ul { list-style:none; padding-left:15px; text-indent:-15px; }
.tx-fe-change-pwd ul li:before { content:"– "; }
.tx-fe-change-pwd ul li { color:#d02b35; font-weight:600; }

.tx-fe-change-pwd ul.typo3-messages { margin:0; padding:0; }
.tx-fe-change-pwd ul.typo3-messages li:before { content:""; }
.tx-fe-change-pwd ul.typo3-messages li.alert { width:auto; }
.tx-fe-change-pwd ul.typo3-messages li.alert p { font-size:80%; white-space:nowrap; margin:0; }

/* cookie consent */
.cc-window .dp--cookie-check, .cc-window .cc-btn.cc-allow, .cc-window .cc-btn.cc-deny { display:none !important; }

/* ==========================================================================
   Helpers
   ========================================================================== */
   
.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}
.ir:before{content:"";display:block;width:0;height:150%}
.hidden{display:none!important}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
.invisible{visibility:hidden}
.clearfix:after,.clearfix:before{content:" ";display:table}
.clearfix:after{clear:both}

/* ==========================================================================
   Media Queries for Responsive Design.
   ========================================================================== */

/* max 1280px */
@media only screen and (max-width : 1280px) {
	
	.fullwidth.stage { background:none; }
	.fullwidth.stage .stage_img { width:100%; }
	
	#home .fullwidth.stage .stage_search { width:90%; }
	#quicksearch_desktop .qs_select.qs_thema { width:28%; }
	#quicksearch_desktop .qs_select.qs_branche { width:23%; }
	#quicksearch_desktop .qs_select.qs_radius, #quicksearch_desktop .qs_input { width:11%; }

	.tx-klink-bso-berater fieldset { padding:20px 10px; }
	.tx-klink-bso-berater #standorte table { margin:0 2%; }
	
}

/* max 1024px */
@media only screen and (max-width : 1024px) {

	main .outer { margin:0; }
	main .contentbox.two_col.width_75_25 .col_left .ce-bodytext { margin-right:0; }

	#home .fullwidth.stage .stage_search { width:95%; }
	#quicksearch_desktop .qs_select.qs_thema { width:28%; }
	#quicksearch_desktop .qs_select.qs_branche { width:23%; }
	#quicksearch_desktop .qs_select.qs_radius, #quicksearch_desktop .qs_input { width:11%; }

}

/* 960 - 1179px */
@media only screen and (min-width: 960px) and (max-width: 1179px) {

	/* mainnav dropdowns smaller */
	header .mainnav .contentbox .col_left { float:left; width:63%; }
	header .mainnav .contentbox .col_right { float:right; width:37%; }
	.sf-menu a, .sf-menu.spec-menu li a { padding:15px 10px; font-size:1em; }

}

/* 768 - 959px (tablet portrait) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	/* reset sticky footer */
	html { position:static; min-height:auto; }
	body, body#home { margin:0; }
	footer, .copy { position:static; bottom:0; }
	
	#home .fullwidth.stage .stage_claim_text { font-size:1.125em; line-height:1.3; }
	main { margin:30px 0; min-height:auto; font-size:90%; }
	.copy .contentbox .col_left, .copy .contentbox .col_right { margin:20px 0; }

	/* quicksearch home */
	#quicksearch_desktop .qs_select.qs_thema { width:27%; }
	#quicksearch_desktop .qs_select.qs_branche { width:22%; }
	#quicksearch_desktop .qs_select.qs_radius, #quicksearch_desktop .qs_input { width:10%; }
	
	/* beratersuche table listing */
	#beratersuche #Beraterliste table th, #beratersuche #Beraterliste table td { vertical-align:middle; padding:10px 2px; }

	/* mainnav dropdowns smaller */
	.mainnav .contentbox .inner { padding:0 10px; }
	header .mainnav .contentbox .col_left { width:62%; }
	header .mainnav .contentbox .col_right { width:38%; }
	.sf-menu a, .sf-menu.spec-menu li a { font-size:90%; padding:15px 5px; }	
	
	.contentbox.two_col.width_50_50 .left,
	.contentbox.two_col.width_50_50 .right { float:none; width:100%; }
	
	.tx-felogin-pi1 label { display:block; width:30%; margin:0 2% 0 0; float:left; clear:left; text-align:left; }
	.tx-felogin-pi1 input[type="submit"] { margin:10px 0 10px 32%; }	
	
}

/* max 768px (mobile) */
@media only screen and (max-width : 767px) {

	/* reset sticky footer */
	html { position:static; min-height:auto; }
	body, body#home { margin:0; }
	footer, .copy { position:static; bottom:0; height:auto; }
		
	/* hide these */
	header .top_border,	header .service .contentbox .col_left,
	header .service .contentbox .col_right .user-link, header .service .contentbox .col_right .login-link,
	header .service .contentbox .col_right .logout-link, .extranet-status, .extranet-subnav { display:none; }
	
	/* hide desktop, show mobile nav */
	header .mainnav { display:none; }
	header .service .contentbox .col_right .icon_login { display:none; }
	#nav_mobile_public_button, header .service .contentbox .col_right .icon_login_mobile { display:block; }
	/* prevent scroll if pushy opened */
	html, body{ overflow-x:hidden; height:100%; -webkit-overflow-scrolling:touch; }
	
	/* hide service bar */
	header .contentbox .col_right { float:none; width:100%; text-align:right; }
	header .service .contentbox .col_right div { border-left:none; }
	header .logo { margin:15px 0 15px 20px; }
	header .logo a.logo-main { width:184px; background:url('../img/logo/bso_logo_mobile-landscape.svg') no-repeat 0 0; }

	header .service ul.lang { position: absolute; right:140px; top:55px; margin:0; font-size:115%; }

	/* header bubble «blog» */
	header .service .bubble { position:absolute; top:-5px; left:60vw; }
	header .service .bubble a { width:50px; height:40px; padding:10px 0 0 0; font-size: 1em; }
	
	/* breadcrumbs */
	.breadcrumbs { background-color:none; background-image:none; }
	.breadcrumbs .contentbox .col_left, .breadcrumbs nav { display:none; }
	.breadcrumbs .contentbox .col_right { float:none; width:100%; padding:0; }
	.icon_merkliste { top:-15px; }
	.icon_merkliste_close { top:-15px; }
	#merklisteDropdown { top:24px; width:calc(100% - 72px); padding:30px 15px; }
	#merklisteDropdown a.merkliste-download-pdf { display:none; }
		
	/* stage home + content */
	.fullwidth.stage img, #home .fullwidth.stage .stage_trans_box { display:none; }
	#home .fullwidth.stage .stage_claim {	position:static; padding:15px 20px 30px 20px; }
	#home .fullwidth.stage .stage_claim_text { font-size:1.25em; line-height:1.3; }
	#home .fullwidth.stage .stage_search { position:static; transform:none; width:100%; }
	#home .fullwidth.stage .stage_search_title,
	#home .fullwidth.stage .stage_search_input { width:100%; background:#9b9796; padding:0; }
	#home .fullwidth.stage .stage_search span.text_bold { font-size:90%; font-weight:400; }
	#home .fullwidth.stage .stage_search span.text_not_bold { font-size:90%; display:inline-block; }
	
	/* quicksearch home */
	#quicksearch_desktop { display:none; }
	#quicksearch_mobile { display:block; }
	#quicksearch_mobile .qs_select { position:relative; float:left; margin:10px 0 20px 0; font-size:.875em; color:#999; background:#fff; padding:6px; }
	#quicksearch_mobile .qs_select select { width:100%; border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none; -moz-appearance:none; appearance:none; }
	#quicksearch_mobile .qs_select:after { font-family: 'bsoiconnewregular'; font-size:1.75em; content:'\0053'; color:#999; position:absolute; top:-2px; right:5px; pointer-events: none; }
	#quicksearch_mobile .qs_select.qs_thema { width:90%; margin-right:0; }
	
	/* dont float content boxes */
	.contentbox .col_left, .contentbox .col_right,
	.contentbox.two_col.width_75_25 .col_left, .contentbox.two_col.width_75_25 .col_right,
	.contentbox.two_col.width_50_50 .left, .contentbox.two_col.width_50_50 .right,
	.contentbox.three_col .left, .contentbox.three_col .center, .contentbox.three_col .right,
	.copy .contentbox .col_left, .copy .contentbox .col_right { float:none; width:100%; }
	
	.contentbox.two_col.width_50_50 .left, .contentbox.two_col.width_50_50 .right,
	.contentbox.three_col .left, .contentbox.three_col .center, .contentbox.three_col .right { border-bottom:1px solid #d8d8d8; margin-bottom:20px; }
	
	.contentbox.two_col.width_33_66 .left { float:left; width:40.95238095%; }
	.contentbox.two_col.width_33_66 .right { float:right; width:55.47619049%; }
	
	.fullwidth.box { background:none; border-top:none; border-bottom:none; }
	.fullwidth.box .contentbox .inner { padding:0; }	
	main .fullwidth.box .col_right h2 { margin:10px 0 20px 0; }
	.t3ddy.t3ddy-tabContainer { border-top:1px solid #fff; border-bottom:1px solid #fff; margin:0 0 40px 0; }
		
	main { margin:0 0 30px 0; min-height:250px; font-size:90%; }
	#home main { margin:25px 0 0 0; }
	#beratersuche main { margin:30px 0; }
	main .contentbox.two_col.width_75_25 .col_right { font-size:100%; }
	main .fullwidth, main .contentbox.one_col .inner, main .contentbox.two_col .inner, main .contentbox.three_col .inner { margin:0 0 10px 0; }
	
	main h1 { font-size:2em; line-height:1.3; margin:10px 0 20px 0; }
	main hr { margin:10px 0; }
	
	/* footer */
	footer .col_01, footer .col_02, footer .col_03, footer .col_04 { float:none; width:100%; padding:10px 0; margin:10px 0; }
	footer .col_04  { margin:20px 0 40px 0; }
	footer .col_04 .title_italic { float:none; }
	footer .col_04 .icon_sm a { float:left; margin:0 10px 0 0; }
	.copy .contentbox .col_left { margin:20px 0 0 0; }
	.copy .contentbox .col_right { margin:10px 0 20px 0; text-align:left; }
	
	/* fluid styled content: dont float img in text/media */
	.ce-left .ce-gallery, .ce-column, .ce-right .ce-gallery { float:none; }
	/* fluid styled content: dont scale img in text/media */
	.ce-media img { max-width:auto; height:auto; width:auto; }
	
	/* forms */
	.type-text, .type-checkbox, .type-select { width:95%; padding:0; overflow:visible; }
	
	/* berater profil */
	.tx-klink-bso-berater table { margin:0 0 10px 0; }
	
	.tx-klink-bso-berater input[type="text"], .tx-klink-bso-berater input[type="email"],
	.tx-klink-bso-berater textarea, .tx-klink-bso-berater select { width:100%; }

	.tx-klink-bso-berater .type-text label,
	.tx-klink-bso-berater .type-select label,
	.tx-klink-bso-berater .type-text .input_wrap,
	.tx-klink-bso-berater .type-select .input_wrap,
	.tx-klink-bso-berater #standorte .type-text label,
	.tx-klink-bso-berater #standorte .type-select label { float:none; width:100%; margin:0 0 3px 0; }
	
	.tx-klink-bso-berater .type-checkbox label { float:right; width:calc(100% - 30px); }
	.tx-klink-bso-berater .type-checkbox .input_wrap { float:right; width:auto; margin:0 0 10px 0; }	
	
	.tx-klink-bso-berater #standorte table { margin:0; }
	.tx-klink-bso-berater #standorte div.standort:nth-child(odd) { padding:20px 10px; background:#fafaf9; }
	.tx-klink-bso-berater #standorte div.standort:nth-child(even) { padding:20px 10px; background:#eee; }
	
	.tx-klink-bso-berater .but_cancel_submit { text-align:right; }
	
	/* berater suche filter */
	#beratersuche #numHitsWrap, #beratersuche #numHitsWrapFT { position:static; margin:0 0 10px 0; text-align:right; }
	#beratersuche #FormBeratersuche .type-radio > label,
	#beratersuche #FormBeratersuche .type-select > label,
	#beratersuche #FormBeratersuche #selectedSprachen { clear:both; float:none; width:100%; margin:0; }
	#beratersuche #FormBeratersuche .input-wrap { float:none; width:100%; margin:10px 0 0 0; }
	#beratersuche #FormBeratersuche .type-select .input-wrap {float:none; width:100%; margin:10px 0 0 0; }
	#beratersuche #FormBeratersuche .type-radio ul.two_col { float:none; width:100%; margin:0; }
	#beratersuche #FormBeratersuche .type-radio ul li { display:block; margin:0; }
	#beratersuche #FormBeratersuche button#BeratersucheReset,
	#beratersuche #FormBeratersuche button#BeratersucheAnzeigen { float:none; width:100%; }
	#beratersuche #FormBeratersuche .qs_input.ft { width:100%; float:none; margin:20px 0; }
	
	/* beratersuche table listing */
	
	/* remove padding, swap divs */
	.contentbox.one_col.swap_mobile .inner { padding:0; }
	.contentbox.two_col.width_75_25.swap_mobile .inner { display:table; width:100%; padding:0; }
	.contentbox.two_col.width_75_25.swap_mobile .col_left { display: table-footer-group; }
	.contentbox.two_col.width_75_25.swap_mobile .col_right { margin:0 0 20px 0; }
 	
 	/* table listing */
	#beratersuche #Beraterliste .sort-pos,
	#beratersuche #Beraterlistefulltext .sort-pos,
	#beratersuche #Beraterlistename .sort-pos { position:static; margin:0 0 20px 0; }
	#beratersuche #Beraterliste table,
	#beratersuche #Beraterlistefulltext table,
	#beratersuche #Beraterlistename table { width:100%; border-collapse:collapse; margin:0 0 25px 0; }
	#beratersuche #Beraterliste table th, #beratersuche #Beraterliste table td,
	#beratersuche #Beraterlistefulltext table th, #beratersuche #Beraterlistefulltext table td,
	#beratersuche #Beraterlistename table th, #beratersuche #Beraterlistename table td { vertical-align:middle; padding:10px 2px; }
	#beratersuche #Beraterliste table td.berater_merken,
	#beratersuche #Beraterlistefulltext table td.berater_merken,
	#beratersuche #Beraterlistename table td.berater_merken { display:none; }
	#beratersuche #Beraterliste table td.berater_pdf,
	#beratersuche #Beraterlistefulltext table td.berater_pdf,
	#beratersuche #Beraterlistename table td.berater_pdf { display:none; }
	#beratersuche #Beraterliste table td.name,
	#beratersuche #Beraterlistefulltext table td.name,
	#beratersuche #Beraterlistename table td.name { width:auto; }
	#beratersuche #Beraterliste table td.zip,
	#beratersuche #Beraterlistefulltext table td.zip,
	#beratersuche #Beraterlistename table td.zip { display:none; }
	
	#beratersuche #BeratersuchformlarKlein #FormBeratersuche .type-select { width:100% !important; }
	#beratersuche #Beraterliste .jplist-panel.sort,
	#beratersuche #Beraterlistefulltext .jplist-panel.sort,
	#beratersuche #Beraterlistename .jplist-panel.sort { float:none; }

	/* beratersuche toggle inputs */
	#beratersuche #BeratersuchformlarKlein #FormBeratersuche .input-wrap { display:none; }
	#beratersuche #BeratersuchformlarKlein #FormBeratersuche > .type-radio > label,
	#beratersuche #BeratersuchformlarKlein #FormBeratersuche > .type-select > label { cursor:pointer; padding:20px 0; position:relative; }
	#beratersuche #BeratersuchformlarKlein #FormBeratersuche > .type-radio > label:after,
	#beratersuche #BeratersuchformlarKlein #FormBeratersuche > .type-select > label:after { font-family: 'bsoiconnewregular'; content:'\0066'; font-size:1.5em; line-height:1; position:absolute; top:20px; right:20px; }
	#beratersuche #BeratersuchformlarKlein #FormBeratersuche > .type-radio > label.active:after,
	#beratersuche #BeratersuchformlarKlein #FormBeratersuche > .type-select > label.active:after { content:'\0067'; }
		
	/* beratersuche detail */
	#beratersuche .detail_header { border-bottom:1px solid #a5a2a1; margin:0 0 25px 0; padding:0 0 10px 0; }
	#beratersuche .detail_header .left,	#beratersuche .detail_header .right { float:none; width:100%; text-align:left; }
	#beratersuche .detail_header a.but_versenden, #beratersuche .detail_header a.but_pdf_download,
	#beratersuche .detail_header a.but_merken { margin:10px 0 0 0; display:block; }
	
	.tx-klink-bso-berater .profile_view #profilbild { margin:8px 8px 0 0; }
	.tx-klink-bso-berater .profile_view #profilbild img { border:none; }
	
	/* Force table to not be like tables anymore */
	.tx-klink-bso-berater .profile_view table.profile_toggler, .tx-klink-bso-berater .profile_view table.profile_toggler thead, .tx-klink-bso-berater .profile_view table.profile_toggler tbody,
	.tx-klink-bso-berater .profile_view table.profile_toggler th, .tx-klink-bso-berater .profile_view table.profile_toggler td, .tx-klink-bso-berater .profile_view table.profile_toggler tr { display:block; }
	.tx-klink-bso-berater .profile_view a.social { line-height:2.25; }
	.tx-klink-bso-berater .profile_view table.social_media span { float:none; display:block; }
		
	/* beratersuche toggle detail td's */
	.tx-klink-bso-berater table td:first-child { width:30%; }
	.tx-klink-bso-berater table.profile_toggler td { position:relative; }
	.tx-klink-bso-berater table.profile_toggler td:last-child { display:none; }
	.tx-klink-bso-berater table.profile_toggler td:first-child { width:100%; padding:10px 0; cursor:pointer; }
	.tx-klink-bso-berater table.profile_toggler td:first-child:after { font-family: 'bsoiconnewregular'; content:'\0066'; font-size:1.5em; line-height:1; position:absolute; top:10px; right:10px; }
	.tx-klink-bso-berater table.profile_toggler td.active:first-child:after { content:'\0067'; }
	
	/* ext ausbildungsliste */
	.tx-klinkbsoausbildungsliste #filter { padding:20px 20px 0 20px; }
	.tx-klinkbsoausbildungsliste #filter_1, .tx-klinkbsoausbildungsliste #filter_2, .tx-klinkbsoausbildungsliste #filter_3 { float:none; width:100%; margin:0 0 20px 0; }
	.tx-klinkbsoausbildungsliste #filter h3 { line-height:0.75; }
	.tx-klinkbsoausbildungsliste #filter ul { border-top:1px solid #999; margin:10px 0 0 0; }
	.tx-klinkbsoausbildungsliste #filter ul li { border-bottom:none; padding:2px 0; }
	.tx-klinkbsoausbildungsliste .spacer { border-bottom:1px solid #999; margin:10px 0 0 0; }
	.tx-klinkbsoausbildungsliste .bezeichnung { float:none; width:100%; margin:0; }
	.tx-klinkbsoausbildungsliste .titel { float:none; width:100%; margin:0 0 10px 0; }
	.tx-klinkbsoausbildungsliste .detail .label { float:none; width:100%; margin:0; padding:0; border-bottom:none; }
	.tx-klinkbsoausbildungsliste .detail .inhalt { float:none; width:100%; margin:0; padding:10px 0 0 0; }
	
	/* ext weiterbildungsagenda */
	.tx-klinkbsoweiterbildungsagenda .list_header .left { float:none; width:100%; }
	.tx-klinkbsoweiterbildungsagenda .list_header .right { float:none; width:100%; text-align:left; padding:0 0 10px 0; }

	.tx-klinkbsoweiterbildungsagenda .list_header .left #datepickerVonPicker, #extranet .tx-klinkbsoweiterbildungsagenda .list_header .left #datepickerVonPicker,
	.tx-klinkbsoweiterbildungsagenda .list_header .left #datepickerBisPicker, #extranet .tx-klinkbsoweiterbildungsagenda .list_header .left #datepickerBisPicker { display:block; margin:0 0 10px 0; }
	.tx-klinkbsoweiterbildungsagenda .list_header .left #DatumVon, .tx-klinkbsoweiterbildungsagenda .list_header .left #DatumBis { top:50px; left:0; z-index:100000; }
	.tx-klinkbsoweiterbildungsagenda .list_header .left #DatumBis { top:110px; }
	.tx-klinkbsoweiterbildungsagenda .list_header .right #DateRangeSel { display:block; }
	#extranet .tx-klinkbsoweiterbildungsagenda .list_header a.add_weiterbildung { display:block; float:none; padding:8px 20px 9px 20px; }
	.tx-klinkbsoweiterbildungsagenda table.list_header_title { display:none; }

	/* Force table to not be like tables anymore */
	.tx-klinkbsoweiterbildungsagenda #weiterbildung, .tx-klinkbsoweiterbildungsagenda #weiterbildung tbody,
	.tx-klinkbsoweiterbildungsagenda #weiterbildung tr, .tx-klinkbsoweiterbildungsagenda #weiterbildung td { display:block; }
	.tx-klinkbsoweiterbildungsagenda .weiterbildung-item td { border-bottom:none; font-size:100%; }
	.tx-klinkbsoweiterbildungsagenda .weiterbildung-item td.datum { width:100%; padding:20px 0 10px; position:relative; }
	.tx-klinkbsoweiterbildungsagenda .weiterbildung-item td.titel { width:100%; border-bottom:1px solid #999; padding:0 0 20px 0; }
	.tx-klinkbsoweiterbildungsagenda .weiterbildung-item td.detail { display:none !important; }
	.tx-klinkbsoweiterbildungsagenda .weiterbildung-item td.datum:after { font-family:'bsoiconnewregular'; font-size:2.5em; content:'\0052'; position:absolute; top:5px; right:0; }

	.tx-klinkbsoweiterbildungsagenda .detail_header { border-bottom:none; padding-bottom:10px; margin-bottom:10px; }
	.tx-klinkbsoweiterbildungsagenda .detail_header .left,
	.tx-klinkbsoweiterbildungsagenda .detail_header .right { float:none; width:100%; }
	.tx-klinkbsoweiterbildungsagenda .detail_header .right { text-align:center; margin-top:10px; padding-top:10px; border-top:1px solid #999; }
	.tx-klinkbsoweiterbildungsagenda a.but_versenden, .tx-klinkbsoweiterbildungsagenda a.but_ics { border:1px solid #ebe7e6; background:#fff; padding:6px 15px; margin:0 5px; }
	.tx-klinkbsoweiterbildungsagenda .detail { border-bottom:none; padding:0; }
	.tx-klinkbsoweiterbildungsagenda .label { float:none; width:100%; margin:0; padding:10px 0; border-bottom:1px solid #999; }
	.tx-klinkbsoweiterbildungsagenda .inhalt { float:none; width:100%; margin:0; padding:10px 0; }
	
	#extranet .tx-klinkbsoweiterbildungsagenda input[type="text"], #extranet .tx-klinkbsoweiterbildungsagenda input[type="email"],
	#extranet .tx-klinkbsoweiterbildungsagenda textarea { width:100%; }
	#extranet .tx-klinkbsoweiterbildungsagenda .type-text label,
	#extranet .tx-klinkbsoweiterbildungsagenda .type-text .input_wrap { float:none; width:100%; margin:0; }
	#extranet .tx-klinkbsoweiterbildungsagenda .type-checkbox label { float:right; width:calc(100% - 30px); }
	#extranet .tx-klinkbsoweiterbildungsagenda .type-checkbox .input_wrap { float:right; width:auto; margin:0; }
	
	#extranet .tx-klinkbsoweiterbildungsagenda div.but_row { border-top:none; margin:10px 0 0 0; padding:0; }
	#extranet .tx-klinkbsoweiterbildungsagenda div.but_row .but_right { float:none; margin:10px 0 0 0; }
	#extranet .tx-klinkbsoweiterbildungsagenda a.but_new, #extranet .tx-klinkbsoweiterbildungsagenda a.but_dup,
	#extranet .tx-klinkbsoweiterbildungsagenda a.but_del, #extranet .tx-klinkbsoweiterbildungsagenda a.but_edit { display:block; margin:10px 0; height:35px; }
	#extranet .tx-klinkbsoweiterbildungsagenda a.but_new:before { font-size:2em; }
	#extranet .tx-klinkbsoweiterbildungsagenda a.but_edit { padding:8px 10px 8px 5px; }
	#extranet .tx-klinkbsoweiterbildungsagenda .but_cancel_submit { float:none; }
	#extranet .tx-klinkbsoweiterbildungsagenda a.but_cancel, #extranet .tx-klinkbsoweiterbildungsagenda input[type="submit"] { margin:20px 10px 20px 0; }
	
	/* extranet cockpit >> toggle dashboard */
	#extranet ul.ce-menu { display:none; margin:0; }
	#extranet ul.ce-menu li:last-child { border-bottom:none; margin-bottom:20px; }
	#extranet ul.ce-menu a:before { font-size:4em; line-height:0.6; }
	.extranet_title { cursor:pointer; border-top:1px solid #d0cccb; padding:20px 10px; margin:0; position:relative; }
	.extranet_title:before { font-size:2.5em; }
	.extranet_title:after { font-family: 'bsoiconnewregular'; content:'\0066'; font-size:1.5em; line-height:1; position:absolute; top:20px; right:20px; }
	.extranet_title.active:after { content:'\0067'; }
	.extranet_title.regionalgruppen { margin:0; }

	/* ext felogin */
	.tx-felogin-pi1 { padding:20px 0; }
	.tx-felogin-pi1 label{ width:100%; float:none; }
	.tx-felogin-pi1 input[type=text], .tx-felogin-pi1 input[type=password] { width:95%; }
	.tx-felogin-pi1 input[type="submit"] { margin:10px 0; }

	.tx-fe-change-pwd input[type="password"] { width:95%; }
	
	/* campaignmonitor form */
	#subForm div { margin:0 0 10px 0; clear:both; }
	#subForm input[type="text"], #subForm input[type="email"] { width:calc(100% - 30px); padding:6px 15px; }
	#subForm .input_wrap { position:relative; width:calc(100% - 30px); background:#efeded; border:1px solid #ebe7e6; padding:6px 15px; }
	
	/* grey box if mobile */
	.grey_box_mobile { background:#f6f4f3; padding:10px 20px; margin:20px 0 40px 0; position:relative; width:calc(100vw - 40px); left:calc(-50vw + 50%); }
	main .fullwidth.box .col_right .grey_box_mobile { margin:80px 0 20px 0; }
	main .fullwidth.box .col_right .grey_box_mobile h2 { margin:-50px 0 40px 0; }
	
	/* dont show if mobile */
	.no_show_mobile { display:none; }

}

/* max 568px */
@media only screen and (max-width : 568px) {
	header .logo { margin:30px 0 15px 20px; }
	header .logo a.logo-main { width:140px; background:url('../img/logo/bso_logo_mobile-portrait.svg') no-repeat 0 0; }
	header .service .contentbox .col_right .icon_login { right:70px; margin-right:2px; padding-right:6px; }
	header .service ul.lang { right:0; top:0; }
	header .service .bubble { left:30vw; }
}

/* Style adjustments for high resolution devices */
@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
  /* CSS hier */
}

/* ==========================================================================
   Print styles.
   ========================================================================== */
@media print {
	blockquote,img,pre,tr{page-break-inside:avoid}
	*,:after,:before,:first-letter,:first-line{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}
	a,a:visited{text-decoration:underline}
	abbr[title]:after{content:" (" attr(title) ")"}
	blockquote,pre{border:1px solid #999}
	thead{display:table-header-group}
	h2,h3,p{orphans:3;widows:3}
	h2,h3{page-break-after:avoid}
	
	body { margin:0; font-size:80%; }
	main h1 { font-size:1.75em; line-height:1.2; margin:0 0 20px 0; }
	main h2 { font-size:1.5em; line-height:1.1; margin:22px 0; }
	main h3, main h4 { font-size:1.25em; line-height:1.35; margin:0 0 10px 0; font-weight:600; }
	header .logo { margin:0 0 20px 0; }
	header .logo a.logo-main:before { content: url(../img/logo/bso_logo_print.png); }	
	#home main { margin:0; }
	main { margin:0; min-height:auto; }
	#nav_mobile_public, #nav_mobile_extranet, header .mainnav, header .service, a:before, .font-icon,
	#home .fullwidth.stage, .fullwidth.stage, .breadcrumbs, .extranet-status, .extranet-subnav, footer, .copy { display:none; }
	
}