.block-ueberschrift {
    display: none;
}
@media (min-width: 980px) {
    .block-ueberschrift {
        display: flex;
        margin-bottom: 10px;
        margin-top: 40px;
    } 
}
.block-ueberschrift2 {
    background-color: var(--bol-color-accent);
}

.block-logo {
    height: 58px;
    margin-top: -15px;
    margin-bottom: 0px;
    background-color: var(--bol-color-accent);
}
@media (min-width: 980px) {
    .block-logo  {
        margin-bottom: 30px;
        margin-top: 20px;
        background-color: transparent;
    } 
}
.block-logo2 {
    display: none;
}
@media (min-width: 980px) {
    .block-logo2  {
        display: flex;
    } 
}
.img-logo {
    background-color: transparent;
    background: url("https://formular.bern.ch/forms/findform?shortname=mobile_logo&formtecid=12&areashortname=styles") no-repeat;
    background-clip: border-box;
    background-size: contain;
    height: 46px;
    margin-top: 6px;
    margin-left: 15px;
}
@media (min-width: 980px) {
    .img-logo  {
        background: url("https://formular.bern.ch/forms/findform?shortname=logo_bern&formtecid=12&areashortname=styles") no-repeat;
        background-color: rgba(255,255,255,0.5);
        background-clip: border-box;
        background-size: contain;
        height:100px;
        width: 214px;
    } 
}



/* Page design */


select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* Home Bild Bern */
.fa-home {
    color: white;
	padding-left:10px;
}
/* Design tuning of bootstrap containers */

.rc-input {
	margin-left:-5px;
	margin-right:-5px;
}

.rc-part-input {
	padding-left:5px;
	padding-right:5px;
}

.log-container {
	margin-right:0px;
	margin-left:0px;
}

.log-container-part {
	padding-top:10px;
	padding-bottom:10px;
}

/* Stepbar */

.stepbar { 
    white-space: nowrap;
    list-style: none; 
    overflow: hidden; 
    font: 100% Open Sans, Arial, Sans-Serif;
    padding: 0;
    background: #eee;
}

.stepbar { border-bottom: #aaaaaa 1px solid; }

.stepbar li { 
    float: left; 
	font-size: 100%;
}

.stepbar li:first-child a {
    padding-left: 5px;
}

.stepbar li a {
    color: black;
	  font-size: 100%;
    text-decoration: none; 
    padding: 10px 0px 10px 38px;
    background: #eee;
    position: relative; 
    display: block;
    float: left;
}


.stepbar li a:focus { background-color: blue; color: white !important; }

.stepbar li a::after { 
    content: " "; 
    display: block; 
    width: 0; 
    height: 0;
    border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
    border-bottom: 50px solid transparent;
    border-left: 30px solid #eee;
    position: absolute;
    top: 50%;
    margin-top: -50px; 
    left: 100%;
    z-index: 2; 
}   
.stepbar li a::before { 
    content: " "; 
    display: block; 
    width: 0 !important;
    height: 0;
    border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
    border-bottom: 50px solid transparent;
    border-left: 30px solid grey;
    position: absolute;
    top: 50%;
    margin-top: -50px; 
    margin-left: 1px;
    left: 100%;
    z-index: 1; 
}   

.active-step {
	background: #d50025 !important;
	color: white !important;
	font-weight: bold;
}

.active-step::after {
	border-left-color: #d50025 !important;
}


/* Themebar */

.themebar-top { 
    display: none;
}

@media (min-width: 980px) {
    .themebar-top {
        display: grid;
        padding-top:15px; 
        margin-left:3px; 
        margin-right:3px; 
        overflow:hidden;
    } 
}

.themebar { 
    white-space: nowrap;
    list-style: none; 
    overflow: hidden; 
    font: 100% Open Sans, Arial, Sans-Serif;
    padding: 0;
    background: #eee;
}

.themebar { border-bottom: #ffffff 1px solid; }

.themebar li { 
    float: left; 
    font-size: 1em;
}

.themebar li:first-child a {
    padding-left: 5px;
}

.themebar li a {
    color: black;
	font-size: 100%;
    text-decoration: none; 
    padding: 5px 0px 5px 38px;
    background: #eee;
    position: relative; 
    display: block;
    float: left;
}


.themebar li a:focus { background-color: blue; color: white !important; }

.themebar li a::after { 
    content: " "; 
    display: block; 
    width: 0; 
    height: 0;
    border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
    border-bottom: 50px solid transparent;
    border-left: 30px solid #eee;
    position: absolute;
    top: 50%;
    margin-top: -50px; 
    left: 100%;
    z-index: 2; 
}   
.themebar li a::before { 
    content: " "; 
    display: block; 
    width: 0 !important;
    height: 0;
    border-top: 51px solid transparent;           /* Go big on the size, and let overflow hide */
    border-bottom: 51px solid transparent;
    border-left: 31px solid white;
    position: absolute;
    top: 50%;
    margin-top: -50px; 
    margin-left: 1px;
    left: 100%;
    z-index: 1; 
}   

.heigth40 {
	height: 40px !important;
}



/* Classes to be added to elements with bad input */
.input-with-error{
	border-color:#DF0044 !important;
}

.label-with-error{
	color:#DF0044 !important;
}


/* Infield label input fields */


.infieldlabel {
	background: #dfdfdf;
	position: relative;
}

.infieldlabel label {
	display:  block;
	position: absolute;
	top:      5px;
	left:     5px;
	font-size: 110%;
	color:#000000; !important;
	font-weight: normal;
	letter-spacing: 0.03em;
}

.infieldlabel input {
	font-size: 150%;
	padding:  1.2em 5px 5px 5px;
	color:    #444444;
	height:   auto;
	border:   1px #bbbbbb solid;
	border-radius: 5px;
	outline:  none;
	box-shadow: none;
	-webkit-box-shadow: none;
}
.infieldlabel select {
	font-size: 150%;
	padding:  1.2em 5px 5px 5px;
	color:    #444444;
	height:   auto;
	border:   1px #bbbbbb solid;
	border-radius: 5px;
	outline:  none;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.infieldlabel textarea {
	font-size: 150%;
	padding:  1.2em 5px 5px 5px;
	color:    #444444;
	height:   auto;
	border:   1px #bbbbbb solid;
	border-radius: 5px;
	outline:  none;
	box-shadow: none;
	-webkit-box-shadow: none;
}

/* Infield errors */

.infielderror {
	background-color:#E90025;
	color:#ffffff;
}

/* Field Sets */

.fieldset-inner-bs {
  padding-left:15px;
  padding-top:0px;
  padding-right:15px;
  padding-bottom:20px;
}

.fieldset-legend-bs {
  padding-left:15px;
  padding-top:20px;
  padding-right:15px;
  margin-bottom:5px;
}

.ui-autocomplete-loading {
	background: white url("ui-anim_basic_16x16.gif") right center no-repeat;
}


/* Active input field */

.XXXinfieldlabel input:focus {
	border:   1px #0000ff solid;
	outline:  none;
	box-shadow: none;
	-webkit-box-shadow: none;
}

/* Popover */

.popover.right > .arrow::after {
	border-right-color: #777777;
}

.popover {
	background-color: #777777;
	color: white;
}

.btn:focus {
  background-color: blue !important;
}

.form-control:focus {
   box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 16px 
rgba(102,175,233,.8)!important;
}

input[type="checkbox"]:focus {
   box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 12px 
rgba(102,175,233,.8)!important;
}

* {
  border-radius: 0 !important;
}

/* Large desktops and laptops */
@media (min-width: 1400px) {
    body{font-size: 14px; !important;}
}

@media (min-width: 1200px) and (max-width: 1399px) {
    body{font-size: 13px; !important;}
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    body{font-size: 12px; !important;}
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    body{font-size: 11px; !important;}
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    body{font-size: 11px; !important;}
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
    body{font-size: 10px; !important;}
}


a:focus { background-color: blue; color: white !important;}

.screenreadertext {
	display: none;
}

/* borderless table */
.table.table-borderless td, .table.table-borderless th {
    border: 0 !important;
}

.table.table-borderless {
    margin-bottom: 0px;
}

#portal-personaltools-wrapper{display:}
@media (min-width: 1024px){#portal-personaltools-wrapper{display:block}}.navigation,#portal-breadcrumbs{display:}
@media (min-width: 1024px){.navigation,#portal-breadcrumbs{display:block}}#portal-logo{display:}
@media (min-width: 1024px){#portal-logo{display:inline-block}}
@media (min-width: 480px){.template-startpage #breadcrumbs-wrapper,body.portaltype-ftw-subsite-subsite #breadcrumbs-wrapper{margin-top:2em}}body.portaltype-plone-site #breadcrumbs-wrapper,body.portaltype-ftw-subsite-subsite #breadcrumbs-wrapper{margin-bottom:0}body.portaltype-plone-site #breadcrumbs-wrapper #portal-breadcrumbs,body.portaltype-ftw-subsite-subsite #breadcrumbs-wrapper #portal-breadcrumbs{display:}#breadcrumbs-wrapper{margin-bottom:2em;margin-left:-100%;width:100%}@media (min-width: 480px){#breadcrumbs-wrapper{margin-top:1em;margin-left:-98.5025%;width:97.00499%}}#breadcrumbs-wrapper #breadcrumbs-you-are-here{visibility:hidden;width:0;height:0}#breadcrumbs-wrapper #portal-breadcrumbs{width:100%;background-color:#e6e6e6;zoom:1}#breadcrumbs-wrapper #portal-breadcrumbs:before,#breadcrumbs-wrapper #portal-breadcrumbs:after{content:" ";display:block;height:0;visibility:hidden}#breadcrumbs-wrapper #portal-breadcrumbs:after{clear:both}#breadcrumbs-wrapper #portal-breadcrumbs ul{padding-left:0;margin:0}#breadcrumbs-wrapper #portal-breadcrumbs ul li{display:inline}#breadcrumbs-wrapper #portal-breadcrumbs li a{display:block;color:#000;padding:6px;font-weight:normal;float:left;font-size:14px;line-height:19px}#breadcrumbs-wrapper #portal-breadcrumbs li a:hover{color:#d50025}#breadcrumbs-wrapper #portal-breadcrumbs li:before{content:"";position:absolute;background-color:#fff;left:0;right:0;height:2px;margin-top:-1px}#breadcrumbs-wrapper #portal-breadcrumbs li .breadcrumbSeparator{display:block;float:left;width:18px;height:31px;background-image:url("++theme++plonetheme.onegovbear/images/pathbar_separator.svg");background-repeat:no-repeat;color:#e6e6e6;font-size:1.4em;padding-top:7px;box-sizing:border-box}#breadcrumbs-wrapper #portal-breadcrumbs #breadcrumbs-home > a{font-size:0}#breadcrumbs-wrapper #portal-breadcrumbs #breadcrumbs-home > a:before{font-size:14px;float:left}@media (min-width: 480px){#breadcrumbs-wrapper #portal-breadcrumbs #breadcrumbs-home > a{font-size:14px}#breadcrumbs-wrapper #portal-breadcrumbs #breadcrumbs-home > a:before{font-size:0}}@media (min-width: 1024px){#breadcrumbs-wrapper{display:block}}

#breadcrumbs-wrapper{display:}
#breadcrumbs-wrapper #portal-breadcrumbs #breadcrumbs-home > a:before,body.icons-on .contenttype-bern-web-addressblock:before,body .sl-toolbox a.sl-toolbox-block .icon-bern-web-addressblock:before,
#portal-personaltools-wrapper{display:}@media (min-width: 1024px){#portal-personaltools-wrapper{display:block}}.navigation,#portal-breadcrumbs{display:}@media (min-width: 1024px){.navigation,#portal-breadcrumbs{display:block}}#portal-logo{display:}@media (min-width: 1024px){#portal-logo{display:inline-block}}