/* layout.css */

img {
  border: none; }
  
.float-image {
  float: right;
  margin: 0 0 20px 20px; }

.float-image-small {
  float: right;
  margin: 0 0 20px 20px; }
  
.relative {
  position: relative; }

.float-left {
  float: left; }

.float-right {
  float: right; }

.block {
  display: block; }

.vertical-align {
  vertical-align: middle; }
 /* */
.white-section {
  width: 100%;
  background-color: #fff; }

.grey-section {
  width: 100%;
  background-color: #d9d8d8; }

.lightgrey-section {
  width: 100%;
  background-color: #EEEEEE; 

  
  }
  
.liladark-section {
  width: 100%;
  background-color: #662C66; }
  
.lilalight-section {
  width: 100%;
  background-color: #A9A0C0; }
  
.bluedark-section {
  width: 100%;
  background-color: rgb(8,88,172); }
  
.bluelight-section {
  width: 100%;
  background-color: rgb(8,88,176,0.5); }  
  
  
 .row  .white-section, 
 .row  .grey-section,
 .row  .lightgrey-section,
 .row  .liladark-section,
 .row  .lilalight-section  {
	  
	  
	width: auto !important;
    width: 100%;
    clear: both;
    position: relative;
    left: 0;
    right: 0;
    padding: 1rem 5rem;
    margin: 3rem -3rem;
 } /*margin: 0 auto;
     margin-left: -5rem;
    margin-right: -5rem;
    margin-bottom: 3rem;
    padding-left: 5rem;
    padding-right: 5rem;
	float: left;
 */
 
.m-1 { margin:.25rem!important;}
.m-2 { margin:.5rem!important;}
.m-3 { margin:1rem!important;}
.m-4 { margin:1.5rem!important;}
.m-5 { margin:3rem!important;}

.mt-1,.my-1 {margin-top: .25rem!important;}
.mt-2,.my-2 {margin-top: .5rem!important;}
.mt-3,.my-3 {margin-top: 1rem!important;}
.mt-4,.my-4 {margin-top: 1.5rem!important;}
.mt-5,.my-5 {margin-top: 2rem!important;}

.mb-1,.my-1 {margin-bottom: .25rem!important;}
.mb-2,.my-2 {margin-bottom: .5rem!important;}
.mb-3,.my-3 {margin-bottom: 1rem!important;}
.mb-4,.my-4 {margin-bottom: 1.5rem!important;}
.mb-5,.my-5 {margin-bottom: 2rem!important;}

.p-1 { padding:.25rem!important;}
.p-2 { padding:.5rem!important;}
.p-3 { padding:1rem!important;}
.p-4 { padding:1.5rem!important;}
.p-5 { padding:3rem!important;}

.pt-1,.py-1 {padding-top: .25rem!important;}
.pt-2,.py-2 {padding-top: .5rem!important;}
.pt-3,.py-3 {padding-top: 1rem!important;}
.pt-4,.py-4 {padding-top: 1.5rem!important;}
.pt-5,.py-5 {padding-top: 2rem!important;}

.pb-1,.py-1 {padding-bottom: .25rem!important;}
.pb-2,.py-2 {padding-bottom: .5rem!important;}
.pb-3,.py-3 {padding-bottom: 1rem!important;}
.pb-4,.py-4 {padding-bottom: 1.5rem!important;}
.pb-5,.py-5 {padding-bottom: 2rem!important;}

.pl-1,.px-1 {padding-left: .25rem!important;}
.pl-2,.px-2 {padding-left: .5rem!important;}
.pl-3,.px-3 {padding-left: 1rem!important;}
.pl-4,.px-4 {padding-left: 1.5rem!important;}
.pl-5,.px-5 {padding-left: 2rem!important;}

.pr-1,.px-1 {padding-right: .25rem!important;}
.pr-2,.px-2 {padding-right: .5rem!important;}
.pr-3,.px-3 {padding-right: 1rem!important;}
.pr-4,.px-4 {padding-right: 1.5rem!important;}
.pr-5,.px-5 {padding-right: 2rem!important;}


 
 .m-x-1 {
    margin-left: -1em;
    margin-right: -1em;
}
  
.image-left {
    float: left;
    margin: 1rem;
}
.image-right {
    float: right;
    margin: 1rem;
}
.image-center {
	margin: 1rem auto;
	display: block;
}
.image-left::after, .image-right::after, .image-center::after {
  content: "";
  clear: both;
  display: block;
}

/* Video embed */

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper object,
.videoWrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*
<div class="videoWrapper">
<embed src="https://www.youtube.com/v/qAeTifNBYlo" width="100%"></embed>
</div> */

/*
.kachel {
	clear:unset!important;
}

.kachel>.panelwrapper.htmlmodule {
	margin-left: -25px;
	margin-right: -25px;
}

.kachel>div>div {
	padding: 9px;
	margin-bottom: 23px;
	line-height: 1.48857143;
    border: 1px solid #e2e2e2;
    border-radius: .25rem;
    -webkit-transition: border 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out;
    transition: border 0.2s ease-in-out;
}

.kachel>div>div>p,
.kachel>div>div>h3,
.kachel>div>div>h4,
.kachel>div>div>h5,
.kachel>div>div>h6 {
	padding-left: 9px;
	padding-right: 9px;
}

.kachel>div>div>p,
.thumbnail .caption {
}
.kachel [class*=col-] {
    padding-left: 4px;
	padding-right: 4px;
	margin-left: 25px;
	margin-right: 25px;
}

.kachel>div>div>img {
	margin-left: auto;
    margin-right: auto;
    display: block;
    max-width: 100%;
}
*/
/* bootstrap V3.3.7 - main.css - padding-left/padding-right: 25px; */
@media (max-width: 768px) {
[class*=col-] {
    min-height: 0;
}
}

@media (min-width: 992px) {
[class*=col-] {
    padding-left: 25px;
    padding-right: 25px;
}
[class*=col-].flex-children {
    padding-left: 25px;
    padding-right: 25px;
}
}

/* part of bootstrap 4.0.0 */
.flex-wrap {
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important;
}

.d-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
}
.d-none {
	display: none;
}
.v-hidden {
	visibility: hidden;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}

/* SuperFlexi Image-Block immer 100% Weite */

@media (min-width: 768px) {
  .all-100  .image-blocks__item.col-sm-6 {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .all-100 .image-blocks__item.fb-lg-50.flex-children>*, .all-100 .image-blocks__item.fb-lg-50:not(.flex-children) {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}
.all-100 .image-blocks__image img {
    width: inherit;
}