/* File extracted for reason of moving css to scss. Contains all the modules base styles.
    It won't be refactored because a portal relaunch is planned end of 2021
*/
.block {
  display: block;
  overflow: hidden; }

.i-block {
  display: inline-block;
  overflow: hidden; }

.push-v {
  margin-top: 20px;
  margin-bottom: 20px; }

.push-h {
  margin-left: 20px;
  margin-right: 20px; }

.alert-wrapper {
  display: block;
  overflow: hidden;
  text-align: center;
  width: 100%; }

.alert {
  margin: 20px;
  padding: 10px;
  border: 2px solid #444;
  background: #AAA;
  border-radius: 4px;
  display: inline-block;
  min-width: 33%; }

.alert-info {
  border-color: #8cd230;
  background: #d8f3b3; }

.alert-info span:before {
  content: '\e618';
  font-family: '4unb_iconfont';
  right: 0;
  margin-right: 10px;
  color: #8cd230; }

.alert-warning {
  border-color: #ef7f27;
  background: #eeb88e; }

.alert-warning span:before {
  content: '\e618';
  font-family: '4unb_iconfont';
  right: 0;
  margin-right: 10px;
  color: #ef7f27; }

.alert-error {
  border-color: #e13e3e;
  background: #f3b9b9; }

.alert-error span:before {
  content: '\e618';
  font-family: '4unb_iconfont';
  right: 0;
  margin-right: 10px;
  color: #e13e3e; }

/* View - Captcha Window */
.wnd-captcha .rwWindowContent {
  text-align: center; }

.wnd-captcha .rwWindowContent > div {
  overflow: hidden !important; }

.wnd-captcha.no-icon a.rwIcon {
  background-image: none !important; }

.wnd-captcha .captcha img {
  margin: 0 auto; }

.wnd-captcha .captcha label {
  display: block; }

.wnd-captcha .captcha .rcRefreshImage {
  margin: 5px 0 0 10px;
  text-align: center; }

.wnd-captcha .captcha .rcRefreshImage:before {
  font-family: 'FontAwesome';
  content: '\f021';
  font-size: 14px;
  width: 20px;
  height: 20px;
  margin-right: 10px; }

.wnd-captcha .captcha input[type="text"] {
  width: calc(100% - 30px);
  display: block;
  margin: 10px 0;
  padding: 5px 15px;
  font-size: 16px;
  border-radius: 4px; }

/* Hackery to fix Box-Sizing issue in the skin: layout.css: @media all [id*='dnn_'] * { box-sizing: content-box; }  */
.border-box {
  box-sizing: border-box !important; }

.border-box * {
  box-sizing: border-box !important; }

.error, .RadPanelBar .rpHeaderTemplate span.error {
  color: #ed4242;
  font-style: italic;
  margin-left: 5px; }

.rpHeaderTemplate .error {
  display: inline-block !important; }

.validator span {
  margin-bottom: 10px;
  font-style: italic;
  border: 1px solid #ed4242;
  background-color: rgba(237, 66, 66, 0.5);
  padding: 10px 15px;
  display: block;
  border-radius: 4px; }

.validator span:before {
  color: #ed4242;
  margin-right: 10px; }

.hidden {
  display: none; }

.push-bottom {
  margin-bottom: 15px; }

.push-right {
  margin-right: 15px; }

.push-left {
  margin-left: 15px; }

.no-bottom-margin {
  margin-bottom: 0 !important; }

table.RadCalendar_Netz td.rcMain tr.rcRow td.rcOutOfRange span {
  color: white; }

.RadGrid.RadGrid_Netz {
  border: none; }

/***********************************************************************
    news
*/
.news__registration p {
  margin: 5px 0 0; }

.news__heading {
  font-family: Ubuntu, Arial, Helvetica, sans-serif;
  font-size: 24px;
  overflow: hidden;
  width: 100%;
  margin: 0 0 20px;
  text-overflow: ellipsis; }

.news__heading a {
  text-decoration: none !important; }

.news__subheading {
  font-family: Ubuntu, Arial, Helvetica, sans-serif;
  font-size: 20px;
  margin: 0 0 20px; }

.news__subheading a {
  text-decoration: none !important; }

.news__item {
  margin: 0 -10px 40px;
  padding: 15px 10px 10px; }

.news__item--alternating {
  background-color: #f2f3f4; }

.news__teaser {
  font-weight: 700 !important; }

.news__teaser a {
  font-family: Ubuntu, Arial, Helvetica, sans-serif !important;
  text-decoration: none !important; }

.news__text {
  overflow: hidden;
  margin: 20px 0 0; }

.news__text img {
  float: left; }

.news__text a {
  text-decoration: none !important; }

.news__link {
  font-weight: 700;
  display: block;
  padding: 10px 0;
  text-decoration: none !important;
  color: #8ec433 !important; }

.news__link:first-child {
  padding-top: 0; }

.news__link:last-child {
  padding-bottom: 0; }

.news__text img {
  display: block;
  float: left; }

.news__tso_logo {
  line-height: 25px;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis; }

.news__tso_logo img {
  width: 1.25em;
  height: auto;
  margin-right: 5px;
  vertical-align: bottom; }

.news__contacts {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  min-width: 240px;
  margin: -30px -10px; }

.news__contact {
  width: calc(25% - 20px);
  margin: 30px 10px; }

@media (max-width: 880px) {
  .news__contact {
    width: calc(50% - 20px); } }

@media (max-width: 564px) {
  .news__contact {
    width: 100%; } }

.news__contact_photo {
  overflow: hidden; }

.news__contact_photo img {
  display: block;
  width: auto;
  height: 240px; }

.news__contact_name {
  margin: 10px 0 0; }

.news__contact_phone {
  margin: 30px 0 0; }

.news__contact_fax {
  margin: 10px 0 0; }

.news__contact_email {
  margin: 10px 0 0; }

.news__contact_address {
  margin: 30px 0 0; }

.news__contact_classification {
  font-size: 13px;
  line-height: 1;
  display: block;
  margin: 0 0 10px; }

.news__contact_classified {
  display: flex;
  align-items: flex-start;
  line-height: 20px; }

.news__contact_classified img {
  margin: 2px 10px 2px 0; }

.news__advice + .news__advice {
  margin-top: 10px; }

.news__form {
  display: flex;
  flex-flow: row wrap;
  margin: 0 -10px; }

.news__controls {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  margin: 20px 10px 0; }

.news__input {
  margin: 10px 10px 0; }

.news__input--5 {
  width: calc(5% - 20px); }

.news__input--10 {
  width: calc(10% - 20px); }

.news__input--15 {
  width: calc(15% - 20px); }

.news__input--20 {
  width: calc(20% - 20px); }

.news__input--25 {
  width: calc(25% - 20px); }

.news__input--30 {
  width: calc(30% - 20px); }

.news__input--35 {
  width: calc(35% - 20px); }

.news__input--40 {
  width: calc(40% - 20px); }

.news__input--45 {
  width: calc(45% - 20px); }

.news__input--50 {
  width: calc(50% - 20px); }

.news__input--55 {
  width: calc(55% - 20px); }

.news__input--60 {
  width: calc(60% - 20px); }

.news__input--65 {
  width: calc(65% - 20px); }

.news__input--70 {
  width: calc(70% - 20px); }

.news__input--75 {
  width: calc(75% - 20px); }

.news__input--80 {
  width: calc(80% - 20px); }

.news__input--85 {
  width: calc(85% - 20px); }

.news__input--90 {
  width: calc(90% - 20px); }

.news__input--95 {
  width: calc(95% - 20px); }

.news__input--100 {
  width: calc(100% - 20px); }

.news__label {
  display: block; }

.news--required a {
  color: #8ec433 !important; }

.news--required:after {
  font-family: monospace;
  font-size: 1.2em;
  font-weight: 700;
  content: "*";
  color: red; }

.news--important {
  color: red; }

.news--error {
  line-height: 1;
  display: block;
  margin: 5px 0 0;
  padding: 5px;
  color: #ffffff;
  border-radius: 4px;
  background-color: red; }

.news--error[style*="inline"] {
  display: block !important; }

/***********************************************************************
    news radinput
*/
.RadInput.RadInput_news {
  font-size: 15px;
  display: flex;
  align-items: center;
  width: auto !important;
  padding: 10px 9px 8px;
  border: 1px solid #c2c2c2;
  border-radius: 4px;
  background-color: #f9f9f9;
  box-shadow: inset 0 1px 1px rgba(16, 34, 51, 0.2); }

.RadInput.RadInput_news.RadInputFocused {
  margin: -1px 0;
  border-width: 2px;
  border-color: #000000; }

.RadInput.RadInput_news .riTextBox {
  height: auto;
  padding: 0;
  border: 0;
  outline: none;
  background-color: transparent; }

.RadInput.RadInput_news textarea.riTextBox {
  min-height: 0; }

/***********************************************************************
    news raddropdownlist
*/
.RadDropDownList.RadDropDownList_news {
  display: block;
  width: auto;
  outline: none;
  line-height: 2.4; }

.RadDropDownList .rddlInner {
  font-size: 15px;
  position: relative;
  display: flex;
  align-items: center;
  width: auto !important;
  padding: 11px 9px 10px 9px;
  border: 1px solid #c2c2c2;
  border-radius: 4px;
  background-color: #f9f9f9;
  box-shadow: inset 0 1px 1px rgba(16, 34, 51, 0.2); }

.RadDropDownList_Netz span.rddlIcon {
  background-color: #f9f9f9 !important; }

.RadDropDownList.RadDropDownList_news .rddlInner:after {
  position: absolute;
  top: calc(50% - 3px);
  right: 16px;
  display: block;
  width: 0;
  height: 0;
  content: "";
  border-width: 6px 6px 0 6px;
  border-style: solid;
  border-color: rgba(17, 34, 51, 0.5) transparent transparent transparent; }

.RadDropDownList.RadDropDownList_news .rddlFocused:after {
  border-color: rgba(17, 34, 51, 0.8) transparent transparent transparent; }

.RadDropDownList.RadDropDownList_news .rddlInner.rddlFocused {
  margin: -1px 0;
  border-width: 2px;
  border-color: #000000; }

.rddlSlide {
  margin-top: 2px; }

.rddlPopup.rddlPopup_news {
  border: 0; }

.rddlPopup.rddlPopup_news .rddlItem {
  min-height: 0;
  margin: 2px;
  padding: 6px 7px 5px 7px;
  border-radius: 3px; }

.rddlPopup.rddlPopup_news .rddlItem.rddlItemSelected {
  color: #ffffff;
  background-color: #8ec433; }

.rddlPopup.rddlPopup_news .rddlItem.rddlItemHovered {
  color: #000000;
  background-color: #c2c2c2; }

/***********************************************************************
    news radcheckboxlist
*/
.RadButton.RadCheckBox.RadButton_news {
  padding: 0; }

.RadButton.RadCheckBox.RadButton_news .rbText {
  padding: 0; }

.RadCheckBoxList.RadCheckBoxList_news {
  display: flex;
  flex-flow: row wrap;
  width: auto !important;
  margin: -5px; }

.RadCheckBoxList.RadCheckBoxList_news .RadButton.RadCheckBox.RadButton_news {
  line-height: 1.2em;
  width: calc(33.33% - 10px);
  padding: 5px;
  text-align: left; }

.RadCheckBoxList.RadCheckBoxList_news .RadButton.RadCheckBox.RadButton_news .rbText {
  overflow: hidden;
  width: calc(100% - 21px);
  text-overflow: ellipsis; }

/***********************************************************************
    news radbutton
*/
.RadButton.RadButton_news.news--primary {
  font-size: 15px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 300px;
  min-height: 42px;
  padding: 8px 15px;
  color: #ffffff;
  border-radius: 4px;
  background-color: #8ec433; }

.RadButton.RadButton_news.news--secondary {
  font-size: 15px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 300px;
  min-height: 42px;
  padding: 8px 15px;
  color: #ffffff;
  border-radius: 4px;
  background-color: #98b7b3; }

.RadButton.RadButton_Netz.rbButton {
  align-items: center;
  height: 42px; }

.RadInput.RadInput_Netz input, .form-group input[type=text] {
  box-shadow: none !important; }