/* Main Styles */

/* font-family:'Helvetica W01'; 400 / 700 */
/* font-family:'FF Dax W01'; 400 / 500 */

.container .container {
  min-width: 100%;
  padding: 0;
  width: unset;
}

.row:before{
  background:transparent;
}

html {
  font-size: 23px;
}

html, body{
    position: relative;
}

body {
  color: #575756;
  font-family: 'FF Dax W01', sans-serif;
  font-size: 17px;
  font-weight:400;
  line-height: 1.7;
  box-sizing: border-box;
  letter-spacing: 0.006rem;
  min-height: 100vh;
  overflow-y: scroll;
}

.wrapper {
  min-height: 100vh;
}

p {
  hyphens:none;
  margin-top: 0rem;
  margin-bottom: 1rem;
}

.error{
  color:red;
}

a,a:hover{
  color: #3d45b0;
  text-decoration: underline;
}

dl, ol, ul {
  margin-top: 0;
  margin-bottom: 2rem;
}


h1, h2, h3, h4, h5, h6 {
  /** margin-top: 2em;**/
  font-family: 'FF Dax W01', sans-serif;
  line-height: 1.1em;
  hyphens: auto;
 
}
h1{
  font-size:33px;
  color:#3d45b0;
  margin-bottom: 1rem;
}
h2 {
  font-size: 23px;
  margin-bottom: 20px;
}

h3 {
  font-size: 20px;
  color: #3d45b0;
  padding-top: 1em;
}

h4 {
  color: #3d45b0;
  font-size: 22px;
  font-weight: 500;
}

img {
  height: auto;
  width: 100%;
}

.hlight {
  color: #3d45b0;
}

.hlight:hover {
  color: #06368a;
}

.button {
    background-color: #556B2F;
    border-radius: 5px;
    color: #ffffff;
    margin: 0 auto;
    padding: 5px 15px;
    text-decoration: none;
}

.button:hover {
    background-color: rgba(85,107,47,0.8);
    text-decoration: none;
    color:#ffffff;
}
.main {
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
    padding-bottom:0px;
    width: 100%;
    margin-top: 60px;
}

.flex-fill {
  flex: 1 1 auto !important;
}

@media (min-width: 768px) {
  h2 {
    font-size: 36px;
    margin-bottom: 20px;
  }
  h3 {
    font-size: 26px;
    color: #3d45b0;
    padding-top: 1em;
  }
}


/* Referenzen */
.referenzen .image {
    margin-bottom: 30px;
    overflow: hidden;
    padding: 0px;
}
.referenzen .image img {
    transform: scale(1);
    transition: all 20s;
}
.referenzen .image img:hover {
    transform: scale(1.2);
}
.referenzen figcaption {
    background-color: rgba(85,107,47,0.8);
    bottom: 30px;
    color: #ffffff;
    font-size: 24px;
    opacity: 0;
    padding: 0px 15px;
    position: absolute;
    transition: all 0.2s;
    width: calc( 100% - 30px );
}
.referenzen .image:hover figcaption {
    opacity: 1;
}
ul,
.ce-intext.ce-left ol, .ce-intext.ce-left ul{
    padding-left: 1.2em;
}

/* Fix for references inside gridelements */
.container .frame-type-shortcut>.container{
    max-width: none;
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
    margin-left: 0;
}
.responsive-youtube .video-embed{
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}
.responsive-youtube .video-embed-item{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/**.gridelement{
    margin-top:30px !important;
}
.gridelement [class*="col-"]{
    padding:0;
    margin:0 auto;
}**/

.frame-layout-10 {
    /* padding: 0 15px; */
    /* padding-right: 15px; */
    /* border: 1px solid #a9a9a980; */
    margin-right: 15px;
    margin-bottom: 30px;
}

/**.frame-layout-10 .ce-bodytext p{
    padding:5px 10px;
}**/
/**.row{
    width: 100%;
    margin: 0 auto;
}**/
.frame-layout-11{
    background-color: #edededed;
    margin-right:15px;
}

.frame-layout-11 .ce-bodytext p {
    padding: 20px 15px;
}
.ce-bodytext{
    /*padding:10px;*/
}

.container-fluid{
    padding-left:0;
    padding-right:0;
}
@media (min-width: 992px){
    .container {
        width:1110px;
    }
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 5px solid rgb(229, 236, 245);
}

td{
    padding:0 40px 0 0;
}

.btn{
  padding: .2rem .75rem
}

.btn-primary {
  background-color: #174c9d;
  border-color: #174c9d;
}

.btn-primary:active,
.btn-primary:hover {
  background-color: #06368a;
  border-color: #06368a;
}

.fa-search:before {
    color: white;
}

.property-item {
  background-color: rgb(245, 245, 245);
  box-shadow: -3px -3px 16px -4px rgba(0,0,0,0.75);
}

.property-images{
  padding-top: 15px;
}

.slick-slider .slick-dots li button::before {
    color: #aaa;
    font-family: slick;
    font-size: 10px;
    height: 14px;
    line-height: 14px;
    opacity: .25;
    text-align: center;
    width: 14px;
}

.slick-dotted.slick-slider {
    margin-bottom: 50px;
}

.slick-slider .slick-next:before, .slick-slider .slick-prev:before {
  display: none;
}

.ce-uploads img {
    float: none;
    padding-right: 0em;
    width: 24px;
    vertical-align: top;
    margin-left:10px;
}

.ce-uploads li {
    border-bottom: 2px solid rgb(229, 236, 245);
    padding: 0px 0 5px 0;
}

.ce-uploads a{
    color:inherit;
}

.ce-uploads .extension-name{
    font-size:19px;
}

.ce-uploads li {
    list-style: none outside none;
    margin: .3em 0;
}
.frame-type-uploads h2{
    font-size:1em;
    font-weight:bold;
    margin-bottom:10px;
    margin-top:1.1em;
}

.frame-type-uploads{
    margin-top: 1rem;
    margin-bottom: 2rem;
}

 .dropdown-item{
    font-size: 20px;
  }
  
.dropdown a{
    font-size:20px;
  }

.dropdown{
    margin-bottom:2rem;
}
.dropdown-toggle::after {
    margin-left: .455em;
    vertical-align: .155em;
  }
  
 .dropdown-item.active, .dropdown-item:active{
    background:#3d45b0;
  }

.ce-bodytext>h3 {
    padding-top: 0.7rem;
}

.card-body {
  padding: 0.5rem;
}

.card-text p {
  margin-top: 0;
  margin-bottom: 1rem;
}

[class^='tx-typo3forum-icon-16'] {
  margin-top: 5px;
}

.frame-type-menu_subpages {
  margin-top: 1rem;
}

@media(min-width: 992px) {
  .frame-type-menu_subpages {
    margin-top: unset;
  }
}

.frame-type-menu_subpages ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.frame-type-menu_subpages li {
  margin-bottom: 1px;
}

.frame-type-menu_subpages a {
  background-color: #6a7dc5;
  color: #fff;
  font-family: 'FF Dax W01', sans-serif;
  font-weight: 500;
  display: block;
  padding: 6px 12px;
  text-decoration: none;
  width: 100%;
}

.frame-type-menu_subpages a:hover,
.frame-type-menu_subpages a:focus {
  background-color: #5665bc;
}