@import "5.css";

#logo #oben_logo #wappen .intranet{
    color: white;
    font-size: 24px;
    align-self: center;
}
@media (min-width: 768px){
    #logo #oben_logo #wappen .intranet{
        margin-left: -80px;
    }
}

span.source_region {
    display: inline-block;
    width: 100%;
  font-size: 0.8em;
  color: #000;
}

.object_logout {
  box-sizing: border-box;
}

.object_logout .element_label {
  margin: 0 0 8px 0;
  padding: 8px 16px;
  background-color: #EBFDC3;
  box-sizing: border-box;
}

.object_logout > div,
.object_logout > span {
  display: block;
  padding: 0 8px 4px;
  box-sizing: border-box;
}

input[type='text'],
input[type='button'],
input[type='file'],
input[type='color'],
input[type='date'],
input[type='datetime-local'],
input[type='month'],
input[type='number'],
input[type='password'],
input[type='reset'],
input[type='search'],
input[type='tel'],
input[type='time'],
input[type='url'],
input[type='week'],
input[type='submit'],
textarea,
button,
select,
form .chosen-container,
label,
form .row {
	 padding: 0px;
}
 input[type='submit'],  input[type='button'], input[type='reset'] {
	 padding: 4px 8px;
}
input[type='text'],
input[type='button'],
input[type='file'],
input[type='color'],
input[type='date'],
input[type='datetime-local'],
input[type='month'],
input[type='number'],
input[type='password'],
input[type='reset'],
input[type='search'],
input[type='tel'],
input[type='time'],
input[type='url'],
input[type='week'],
input[type='submit'],
textarea,
button,
select,
form .chosen-container {
	 color: #000;
	 border: 1px solid #aaa;
	 line-height: 140%;
}
label {
	 line-height: 140%;
	 border: 0px solid transparent;
}
input[type='submit'],
input[type='button'],
input[type='reset'] {
	 border: 1px solid #309545 !important;
	 line-height: 140%;
	 background: #309545;
	 color: #fff;
	 cursor: pointer;
	 font-weight: bold;
	 margin-top: 16px;
	 max-width: 250px !important;
	 text-align: center;
}
input[type='submit']:hover,
#contentr input[type='button']:hover,
input[type='reset']:hover {
	 color: #309545;
	 background: #EEEDEC;
}
form input[type='text'],
form input[type='button'],
form input[type='file'],
form input[type='color'],
form input[type='date'],
form input[type='datetime-local'],
form input[type='month'],
form input[type='number'],
form input[type='password'],
form input[type='reset'],
form input[type='search'],
form input[type='tel'],
form input[type='time'],
form input[type='url'],
form input[type='week'],
form input[type='submit'],
form textarea,
form select,
form .row .confirmImg_text,
form .chosen-container {
	 display: inline-block;
	 max-width: 97%;
	 width: 97%;
}

form input#captcha { max-width: 246px}

@media (min-width: 768px) {
	form input[type='text'],
	form input[type='button'],
	form input[type='file'],
	form input[type='color'],
	form input[type='date'],
	form input[type='datetime-local'],
	form input[type='month'],
	form input[type='number'],
	form input[type='password'],
	form input[type='reset'],
	form input[type='search'],
	form input[type='tel'],
	form input[type='time'],
	form input[type='url'],
	form input[type='week'],
	form input[type='submit'],
	form textarea,
	form select,
	form .row .confirmImg_text,
	form .chosen-container {
		 width: 70%;
	}
}
form .chosen-container {
	 margin: 0;
}

form {
	box-sizing: border-box !important;
}

form .row {
	 display: flex;
	 flex-direction: row;
	 flex-wrap: wrap;
	 width: 100%;
	 margin-bottom: 4px;
}

form .row h4 {
	 width: 100%;
}

@media (min-width: 768px) {
	 form .chosen-container {
		 width: 70% !important;
	}
}
form label {
	 width: 100%;
	 display: flex;
	 flex-flow: row;
}

@media (min-width: 768px) {
	 form label {
		 max-width: 25%;
		 text-align: right;
		 padding-right: 8px;
	}
	form h4 label,
	form input[type='radio'] + label {
		max-width: 90%;
	}
}

@media (min-width: 1024px) {
	 form label {
		 padding-right: 12px;
	}
}

form fieldset {
	 margin-top: 16px;
	 border-color: #309545;
}

form fieldset legend {
	 padding: 0 8px;
	 color: #309545;
	 font-size: 1.1em
}

form fieldset:first-child {
	 margin-top: 0;
}

@media (min-width: 768px) {
	form .row {
		 flex-direction: row;
	}
	form .row.row_confirm .confirm_content_wrapper {
		 width: 70%;
	}
	form .row.text_pict .pict,
	form .row.address_picker .address_picker_hint,
	form .row.text.text_legend span,
	form .row.row_hint_contact p {
		 margin-left: 30%;
	}
}
 @media (max-width: 767px) {
	form .row.row_confirm {
		 flex-wrap: wrap;
	}
	form .row.row_confirm .confirm_label {
		 width: unset;
	}
	form .row.row_confirm .confirm_content_wrapper {
		 width: 100%;
	}
}
form .row .block {
	 width: 100%;
	 display: flex;
	 justify-content: space-between;
}
 @media (min-width: 768px) {
	form .row .block {
		 width: 70%;
	}
}
form .row.text_legend {
	 text-align: left !important;
}
form .row label[for=confirmData] {
	 display: inline;
	 padding-right: 16px;
}
form .row label[for=confirmImg] {
	 padding: 0;
}
form .row.anreissertext .label_text,
form .row .hint_contact {
	 margin: 0;
}
form .row #anrede {
	 width: 100px;
}
form .row #strasse,
form .row #v_strasse,
form .row #ort,
form .row #v_ort {
	 width: 77%;
}
form .row #hausnummer,
form .row #v_hausnummer,
form .row #plz,
form .row #v_plz {
	 width: 22%;
}

@media (min-width: 768px) {
	form .row #strasse,
	form .row #v_strasse,
	form .row #ort,
	form .row #v_ort {
		 width: 53.6%;
	}
	form .row #hausnummer,
	form .row #v_hausnummer,
	form .row #plz,
	form .row #v_plz {
		 width: 15.0%;
	}
}
form .row #hausnummer,
form .row #v_hausnummer {
	 margin-left: 1%;
}
form .row #plz,
form .row #v_plz {
	 margin-right: 1.2%;
}
form .inner_row {
	 max-width: 70%;
	 align-Items: start;
}

form .row.strasse_only #strasse,
form .row-ort_only #ort {
	 width: 70%;
}

form .inner_row input {
	 max-width: auto;
	 align-self: start;
	 margin: 0;
	 padding: 0;
}


form .inner_row label {
	 display: inline;
	 max-width: 100%;
	 text-align: left;
}

form .row.row_confirm {
	 margin: 8px 0;
}

form .row.row_confirm input {
	margin: 2px 0 auto -2px;
	padding: 0;
	min-width: 1.5em !important;
}

form .row.row_confirm .confirm_content_wrapper {
	 margin: 4px 0;
}
form .row_captcha {
	 flex-direction: column;
}

@media (min-width: 768px) {
	form .row_captcha > * {
		 margin-left: 26.5%;
	}
}
form .row_captcha label {
	 text-align: left;
}
form div.error {
	 color: red;
}
form span.error {
	 border: 1px solid #f00;
}
form input.error {
	 border-color: #f00 !important;
}
form label.error {
	 color: #f00;
}
form label.error + input,
form label.error + div input,
form label.error + div div.chosen-container,
form label.error + textarea,
form label.error + .keyword_group_wrapper {
	 border-color: #f00 !important;
}
form .submitbuttons {
	 display: flex;
	 justify-content: space-between;
	 text-align: center;
  	 width: 48%;
  	 margin: 0 auto 1em;
}