*{
  -webkit-border-radius:0px !important;
  -moz-border-radius:0px !important;
  border-radius:0px !important;

}

form .btn{margin-left:0px !important}

/* General Typo */
.small, small {
    font-size: 80% !important;
    font-weight: 400;
}
h5 .small{font-size:50% !important;}
h5{margin-bottom:0;}

.pika{font-size:1.6em; font-family: 'Roboto-Medium'; color:#37474F}

/* General colors */
.btn-link{color: #858796 !important;}
.nav-elements a{color:#000;}

/* General Icons */
/* .breadcrumb li:first-child:before{
  content: '\f015';
  display: inline-block;
  font-family: 'fontAwesome';
  padding-right:5px;
} */

/* Common Elements */
.badge-top{vertical-align:top !important;}
.btn{margin:0 !important;}
.btn-link{text-decoration:none !important;}
form .btn{margin:0.375rem !important; margin-left:0px !important;}
.alert{margin-bottom: 0 !important;}
.border-3 {
  border-width:3px !important;
}

.lu-p{padding-top:11px}
.table{color:#3a3b45;}
.dataTables_filter{float:right;}

.topic-link-wrapper.not-allowed{cursor: not-allowed;  }
.topic-link-wrapper.not-allowed a {pointer-events: none; color:#858796 !important }

.bg-light-nav{background-color: #fefefe !important;}
/* Datatables */

/* dataTables CSS modification & positioning */
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
  right: 0 !important;
  content: "" !important;
  opacity: 0.6 
}
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  right: 0 !important;
  content: "" !important;
  opacity: 0.6 
}


table.dataTable thead th {
  position: relative;
  background-image: none !important;
}

table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
  position: absolute !important;
  top: 18px !important;
  right: 8px !important;
  display: block !important;
  font-family: FontAwesome !important;
}
table.dataTable thead th.sorting:after {
  content: "\f0dc" !important;
  color: #ddd !important;
  font-size: 0.8em !important;
  padding-top: 0.12em !important;
}
table.dataTable thead th.sorting_asc:after {
  content: "\f0de" !important;
}
table.dataTable thead th.sorting_desc:after {
  content: "\f0dd" !important;
}

.pagination .page-item.active .page-link{background-color:#000;}

/* Metanavigation */


/* Topnavigation */
.navbar.navbar-top .navbar-toggler-icon {
    background-image: url('https://mdbootstrap.com/img/svg/hamburger4.svg?color=333333');
}

.navbar.navbar-top .btn{box-shadow:none; padding-right:15px }

.primary-navigation a{color: rgba(0, 0, 0, 0.5);}
.breadcrumb{margin-bottom:0px;}

.navelements h3{font-size: 1.2em; font-family: 'Roboto-Medium';}

/*Colors */
.bg-secondary{
  background-color:#1C2331 !important;
}
.border-secondary{
  border-color: #1C2331 !important;
}
.text-secondary{
  color:#1C2331 !important;
}

.border-alert-info{
  border-left: 5px solid #164194 !important;
}
.border-alert-warning{
  border-left:5px solid red !important;
}
.border-alert-success{
  border-left:5px solid green !important;
}

.agb-symbol{font-size:1.5em; color: #164194;}
.warning-symbol{font-size:1.5em; color: #ff3547;}
.success-symbol{font-size:1.5em; color:green;} 
.bg-allreal-blue{background-color: #164194;}

.border-3{border-width: 3px !important}
.text-dark{color: #3a3b45 !important}
a.text-dark:hover{color:#0056b3 !important}

.nav-item .nav-link .img-profile{
  height:3.5rem !important;
  max-width:3.5rem;
}

/* 
Content For Pages Main Section
*/

/* Avatar */
.avatar img{width:70%;}
.contact .avatar img{width:50%}
.icon-circle{border-radius: 100% !important}

/* Cards */
.card{border-radius:0; border: 1px solid #e3e6f0; }
.card-header{background-color: #FFF;}
.card-txt-size { font-size:24px; }
.mark-left-primary{border-left: .25rem solid #4e73df;}
.card-deaktiviert {
    color:#a2a2a2;
    background-color: #f1f1f1;
    border-left: 0.25rem solid #d4d4d4 !important;
  }
.card-deaktiviert .card-header{ background-color: #f1f1f1;}

/* End Cards */


/* Agenda Preview */
#agendaPreview .widget-content-left{width:80%;}


/* Todos */
.content-todos .i-txt-big{font-size:1.2em;}
.btn-todos{
    border:0 !important; box-shadow: none !important; padding:0 0 0 0px !important 
}
.border-section{border-width: 3px !important;}

/* Contact */
.page-contact h4{font-size:1.2em;}

/* Freigaben */

#agb_error{display:none;}


/* Downloads */

.download-topic {font-weight: bold; border-bottom:2px solid #000}

/* Survey */

#survey .hoverDiv:hover{background-color:#eeeeee;}


.bg-verkauf {
    background-color:#ababab;
    /*background-color:rgba(25, 118, 210, 0.63);*/
    /*background-color:#1976d2a1;*/
  }
  
  .bg-planung {
    background-color:#cccccc;
    /*background-color:rgba(56, 159, 100, 0.7);*/
    /*background-color:#389f64b3;*/
  }
  
  .bg-pdf {
    background-color:#e74a3b;
    
  }
  
  .bg-orange {
    background-color:#ffa500;
  }
  
  .bg-message {
    background-color:#1cc88a;
  }
  
  .box_intro {
    padding:15px 15px 15px 15px;
    color:#5a5c69 ;
  }
  
  .bg-header {
    background-image: url('../img/header.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
    /*background-size: 2560px;*/
  }
  
  .headerbar {
    /*height: 6.375rem;*/
    height: 10.375rem;
  }
  
  @media (max-width: 760px) {
      .headerbar {
        height: 3.375rem;
      }
  
      .nomobile {
        display: none;
      }
    }
  
  

  

  
  
  .header_wohnung {
   font-size:18px!important;
  }
  
  .top_a {
    top: auto;
  }
  
  .badge-txt-size {
    font-size:14px!important;
  }
  
  .txt-black {
    color:#3a3b45;
  }
  
  .txt-orange {
    color:#ffa500;
  }
  
  .txt-red
  {
    color:#ff0000;
  }
  
  .pdf-red
  {
    color:#ff4242;
    font-size:1.2em;
  }
  
  .txt-bold
  {
    font-weight: bold;
  }
  
  .btn-klein {
    height: 1.3rem;
    width: 1.3rem;
    font-size: 0.75rem;
  }
  
  .mark-left-orange {
    border-left: 0.25rem solid #ffa500;
  }
  
  .select_150 {
    width: 150px;
  }
  
  
  .megamenu {
    position: static!important;
  }
  
  .megamenu .dropdown-menu {
    background: none!important;
    border: none!important;
    width: 100%!important;
  }
  
  .topbar .nav-item-m .nav-link-m {
      display: flex;
      align-items: center;
      padding: 0 0.75rem;
  }
  
  .container-body {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    background-color:#FFF;
  }
  
  .border-t-2 {
    border-width:2px !important;
  }
  
  .border-t-3 {
    border-width:3px !important;
  }
  
  .op {
    padding-right: 0!important;
    padding-left: 0!important;
  }
  
  .card-footer-b{
  border-top: 1px solid #e3e6f0;
  }
  
  
  
  .mitteilungen_box {
  border-bottom: 1px solid #e3e6f0;
  padding-top: 10px;
  padding-bottom: 10px;
  }
  /*
  .oml {
    margin-left: 0!important;
  }
  */
  .backstretch img {
    opacity: 0.8;
    filter: alpha(opacity=80);
  }
  
/*   body {
    background-color: #dedede!important;
  } */
  
  
  
  
  
  
  
  
  
  .form-control-objekt {
      display: block;
      width: 100%;
      font-weight: 400;
      line-height: 1.5;
      color: #6e707e;
      background-color: #fff;
      background-clip: padding-box;
      border-radius: 0.35rem;
      transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  
  .form-control-objekt {
      font-size: 0.8rem;
      border-radius: 10rem;
      padding: 0.75rem 1rem;
  }
  
  
  .todo-list-wrapper .todo-indicator {
      position: absolute;
      width: 4px;
      height: 60%;
      border-radius: .3rem;
      left: .625rem;
      top: 20%;
      /* opacity: .6;
      transition: opacity .2s; */
  }
  
  .list-group-item {
      position: relative;
      display: block;
      padding: .75rem 1.25rem;
      margin-bottom: -1px;
      background-color: #fff;
      border: 1px solid rgba(0,0,0,0.125);
  }
  
  .widget-content .widget-content-wrapper {
      display: flex;
      flex: 1;
      position: relative;
      align-items: center;
  }
  
  .flex2 {
      flex: 2;
  }
  
  .widget-content .widget-content-right {
      margin-left: auto;
  }
  
  .todo-list-wrapper .custom-control, .todo-list-wrapper input[checkbox] {
      margin-left: .625rem;
  }
  
  .custom-control {
      position: relative;
      display: block;
      min-height: 1.32rem;
      /*padding-left: 1.5rem;*/
  }
  

.info-cards{
  position: absolute;
    top: 15px;
    z-index: 99;
    right: 25px;
}


/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/
.datepicker td, .datepicker th {
  width: 45px !important;
  height: 30px !important;
  font-size: 0.85rem;
}
.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover{
background-color: blue !important;
background-image: linear-gradient(to bottom, #fde19a, #fde19a) !important;

}

.main{padding-bottom:50px;}

  /*
####################################################
M E D I A  Q U E R I E S
####################################################
*/

/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Bootstrap 4 breakpoints
*/
/* Small devices (landscape phones, 544px and up) */
@media (min-width: 320px) {  
  body{font-size:0.95em}
  h5, .h5-responsive{font-size:0.9em}
  }

  @media (min-width: 576px) { 
    /* body {
      background-color: #dedede!important;
    } */
    
   }

  /* Medium devices (tablets, 768px and up) */
  @media (min-width: 768px) {  
    body{font-size:1em}
    /* Todos */
    .content-todos .i-txt-big{font-size:1.5em;}
    .btn-todos{
        padding:0 0 0 15px !important
    }
    body {
      background-color: #dedede!important;
    }
   
    .main{padding-bottom:0px;}
    .border-second{border:none !important}
  }

  /* Large devices (desktops, 992px and up) */
  @media (min-width: 992px) { 
    body{font-size:16px}

  }

  /* Extra large devices (large desktops, 1200px and up) */
  @media (min-width: 1200px) {  
    .class-name {font-size: 48px;}
    
  }

  @media screen and (min-width: 1400px) {  
    .container{max-width: 1340px;}
    
  }