/**
 * @file
 * Visual styles for Corporate Lite's layout.
 */

/*Regions background colors*/
.region--white-background {
  background-color: #ffffff;
}
.region--gray-background {
  background-color: #f5f5f5;
}
.region--black-background {
  background-color: #1d1d1d;
}
.region--white-pattern {
  background-image: url('../../images/white-pattern.png');
  background-repeat: repeat;
  background-position: 0 0;
}

.to-top.show {
    background: rgb(82 130 130 / 65%);
}

.feed-icons {
    display: none;
}

/*header-top-highlighted*/
.header-top-highlighted__container {
  position: relative;
  z-index: 498;
}
.header-top-highlighted__section {
  font-size: 13px;
}

div#subfooter {
    color: #fff;
    background: #35557f;
}

div#subfooter a {
    color: #fff;
}

div#subfooter:before {
    display: none;
}

.col-md-8.col-md-pull-4 {
    width: 250px;
    right: calc(100% - 250px);
}

.col-md-4.col-md-push-8 {
    width: calc(100% - 250px);
    left: 250px;
}

.topcontact {
    float: right;
}

.topcont {
    display: inline-block;
    margin-left: 25px;
}

.topcont h4 {
    color: #000000;
    margin-bottom: 0px;
}

.iphone:before {
content: "\f095";
    font-weight: 900;
    float: left;
    font-family: 'FontAwesome';
    font-size: 44px;
    display: inline-block;
    margin-left: -44px;
    margin-top: 12px;
    color: #35557f;
}

.imail:before {
    content: "\f0e0";
    font-weight: 900;
    float: left;
    font-family: 'FontAwesome';
    font-size: 46px;
    display: inline-block;
    margin-left: -58px;
    margin-top: 7px;
    color: #35557f;
}

.iteam:before {
    content: "\f0c0";
    font-weight: 900;
    float: left;
    font-family: 'FontAwesome';
    font-size: 38px;
    display: inline-block;
    margin-left: -49px;
    margin-top: 13px;
    color: #35557f;
}

.topcont.imail {
    margin-left: 80px;
}

.topcont.imail a {
    color: #767676;
}

.topcont.iteam {
    margin-left: 68px;
}

.topcontact a {
    color: #000000;
}

.clearfix.text-formatted.field.field--name-field-spalte-1.field--type-text-long.field--label-hidden.field__item {
    width: calc(33.3333% - 20px);
    margin-right: 15px;
    float: left;
    text-align: center;
}

.clearfix.text-formatted.field.field--name-field-spalte-2.field--type-text-long.field--label-hidden.field__item {
    width: calc(33.3333% - 20px);
    margin-right: 15px;
    margin-left: 15px;
    float: left;
    text-align: center;
}

.clearfix.text-formatted.field.field--name-field-spalte-3.field--type-text-long.field--label-hidden.field__item {
    width: calc(33.3333% - 20px);
    margin-left: 15px;
    float: left;
    text-align: center;
}

body.path-frontpage h1.title.page-title {
    text-align: center;
    font-size: 44px;
}

div#block-webform h2 {
    text-align: center;
}

div#block-webform {
    max-width: 820px;
    margin-right: auto;
    margin-left: auto;
}

div.blockleft {
    width: calc(44% - 20px);
    float: left;
    margin-right: 20px;
}

div.blockright {
    width: calc(56% - 20px);
    float: left;
    margin-left: 20px;
}

.block50 div.blockleft {
    width: calc(50% - 20px);
}

.block50 div.blockright {
    width: calc(50% - 20px);
}

.block50 div.blockright img {
    max-width: 400px;
}

div#featured-top {
	background: #35557f;
    color: #fff;
}

div#featured-top h2, 
div#featured-top h3 {
    color: #fff;
}

div#featured-top label {
    color: #fff;
}

div#featured-top input.js-form-submit {
    border: 2px solid #fff!important;
}

div#block-vorteile3icons h2 {
    text-align: center;
    margin-bottom: 35px;
}

.region--gray-background {
    background-color: #fff!important;
    padding-bottom: 40px;
}

h2#rechner a {
    color: #fff;
    text-decoration: underline;
}

.iconsthree h3 {
    margin-top: 7px;
}

i.fas.fa-user-shield:before {
    content: "\f132";
    font-family: 'FontAwesome';
    font-weight: 900!important;
    font-size: 40px!important;
    line-height: 1em;
    color: #35557f;
    position: relative;
    font-style: normal;
}

i.fas.fa-headset:before {
    content: "\f086";
    font-family: 'FontAwesome';
    font-weight: 900;
    font-size: 40px;
    line-height: 1em;
    color: #35557f;
    position: relative;
    font-style: normal;
}

i.fas.fa-award:before {
    content: "\f024";
    font-family: 'FontAwesome';
    font-weight: 900;
    font-size: 40px;
    line-height: 1em;
    color: #35557f;
    position: relative;
    font-style: normal;
}

img.mautlogo {
    display: block;
    max-width: 110px;
    margin-left: 80px;
}

div#block-webform-3 {
    background: url(https://direktinvestment-verlust.de/themes/corporate_lite/images/direktinvestment.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    position: relative;
    margin-top: -1px;
}

div.formblock {
    margin: 0px;
    padding: 30px;
    width: calc(30% - 0px);
    float: left;
}
.webform-submission-allgemeiner-kontakt-form legend {
    color: #fff;
    border: 0px!important;
}
div#edit-processed-text-01 {
    float: right;
}

div.formblock div#edit-processed-text {
    font-size: 20px;
    font-weight: bold;
    color: #000000;
    margin-top: 0px;
    margin-bottom: -24px!important;
}

div.formblock fieldset#edit-datenschutz--wrapper {
    margin-bottom: -20px!important;
}

div.formblock .js-form-item.form-item.js-form-type-textfield.form-type-textfield.js-form-item-telefon.form-item-telefon {
    margin-top: -10px!important;
    margin-bottom: -20px;
}

ul.check {
    text-align: left;
    display: inline-block;
    padding-left: 0px;
}

ul.check li {
    list-style-type: none;
    margin-bottom: 3px;
    margin-left: 25px;
      font-size: 22px;
    color: #000000;
    display: block;
    font-weight: normal;
}

ul.check a {
    font-size: 22px;
    color: #000000;
    display: inline-block;
    font-weight: normal;
}

ul.check li:before {
    content: "\f00c";
    font-size: 24px;
    font-family: fontawesome;
    display: inline-block;
    margin: 0px 7px 0px -20px;
    color: #35557f;
    vertical-align: top;
}

.field.field--name-field-kategorie.field--type-entity-reference.field--label-hidden.field--entity-reference-target-type-taxonomy-term a:hover {
    background: #35557f;
}

div#edit-beschreibung ul.check li a,
div#edit-beschreibung ul.check li {
    font-size: 21px;
    color: #fff;
}

div#edit-beschreibung ul.check li:before {
    color: #fff;
    margin-top: -3px;
}
.greybox {
    background-image: linear-gradient( 
90deg,rgb(223 223 223) 2%,rgb(236 236 236) 100%);
    padding: 20px 20px 30px 20px;
    text-align: center;
    margin: 30px 0px;
}

.greybox h3 {
    margin-top: 10px;
}

.greybox a.btn-blue {
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 7px 23px;
    color: #fff;
    background: #35557f;
    display: inline-block;
}

img.iglogo {
    max-width: 220px;
    margin-top: 5px;
}

div#edit-processed-text-01 {
    margin-top: 0px;
}

div.insidecont div#edit-processed-text-01 {
    padding: 30px 30px 30px 0px;
    margin: 0px;
    float: left;
    width: calc(30% - 0px);
    border-radius: 0px 50px 50px 0px;
}

div#edit-beschreibung h1 {
    color: #fff;
    font-weight: 500;
    font-size: 32px;
}

input#edit-datenschutz-ja-ich-akzeptiere-die-datenschutzvereinbarung-bis-auf-widerruf {
    margin-right: 2px;
}

div.container2 {
    margin-left: 10%;
}

.js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-datenschutz-ja-ich-akzeptiere-die-datenschutzvereinbarung-bis-auf-widerruf.form-item-datenschutz-ja-ich-akzeptiere-die-datenschutzvereinbarung-bis-auf-widerruf label.option {
    line-height: 1.1em!important;
    display: inline-block;
    width: calc(100% - 30px);
    vertical-align: top;
    margin-top: 3px;
}

div.formblock div#edit-actions {
    margin-bottom: 0px;
}

div#block-webform-3 input.form-text, 
div#block-webform-3 input.form-tel, 
div#block-webform-3 input.form-email, 
div#block-webform-3 input.form-url, 
div#block-webform-3 input.form-search, 
div#block-webform-3 input.form-file, 
div#block-webform-3 input.form-number, 
div#block-webform-3 input.form-color, 
div#block-webform-3 textarea, select {
    padding: 4px 10px;
    font-size: 15px;
}

div.insidecont {
    background: rgb(255 255 255 / 0.8);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	padding: 0px;
    margin: 80px 0px;
    border-radius: 0px 50px 50px 0px;
}

div#edit-beschreibung {
	margin: 0px;
    padding: 30px;
    background: #35557f;
    color: #fff;
    width: 40%;
    float: left;
}

div#edit-beschreibung h1 {
    margin-top: 0px;
}

div#content-bottom {
    padding-top: 50px;
    padding-bottom: 70px;
    background: #eee;
}

.overlay-icon--button {
    background-color: #35557f;
}

div#content-bottom h2.title {
	font-family: 'Fira Sans', Helvetica Neue, Arial, Sans-serif;
    color: #35557f;
    font-weight: 700;
    font-size: 28px;
}

.teastit a {
    font-weight: bold;
    text-decoration: none;
    margin-top: 7px;
    display: inline-block;
    margin-bottom: 4px;
    font-size: 17px;
    line-height: 1.2em;
    padding: 5px 15px;
    color: #fff!important;
}

.teasbod {
    padding: 0px 15px;
}

.teaslink {
    padding: 0px 15px 20px 15px;
}

.teaslink a {
    color: #fff;
    text-decoration: underline;
}

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

.images-container, 
.images-container div {
    float: right;
}

.images-container {
    margin-bottom: 30px;
    margin-left: 30px;
}

.items3.view.view-taxonomy-term .views-row,
.items3.view.view-neuest-artikel .views-row {
    width: 33.3333%;
    float: left;
    margin-bottom: 30px; 
    min-height: 437px;   
}

.items3 .views-field.views-field-nothing {
    margin: 0px 15px;
    background: #35557f;
    color: #fff;
}

.items3 .view-header h2 a {
    color: #35557f;
    display: inline-block;
    margin-bottom: 10px;
}

form.webform-submission-schnell-check-form .description a {
    color: #fff;
    text-decoration: underline;
}

form.webform-submission-schnell-check-form fieldset legend {
    border: 0px;
    color: #fff;
}

form.webform-submission-schnell-check-form div#edit-processed-text-01 {
    float: none;
}

form.webform-submission-schnell-check-form div.webform-readonly input {
    border: 2px solid green!Important;
    background: #d4ffd4!important;
    border-radius: 0px;
    width: 153px;
    color: #000!important;
}

form.webform-submission-schnell-check-form div.webform-readonly:after {
    content: "EUR";
}

.errm {
   color: red;
    font-weight: bold;
    border: 2px solid red;
    width: auto;
    display: inline-block;
    padding: 10px 20px;
    background: #fff;
}
/*header-top layout*/
.header-top {
  position: relative;
  z-index: 1;
}
.header-top__container {
  padding: 15px 0 5px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: transparent;
}
.region--white-background .header-top__container,
.region--gray-background .header-top__container {
  border-bottom-color: #cdcdcd;
}
.region--light-typography .header-top__container {
  border-bottom-color: rgba(255, 255, 255, 0.2);
}
.header-top__container p:last-child:first-child {
  padding-bottom: 0;
}
.header-top__section {
  font-size: 14px;
  font-weight: 400;
}
.region--dark-typography .header-top__section {
  color: #363636;
}
@media (max-width: 767px) {
  .header-top__section {
    text-align: center;
  }
}

/*header layout*/
.header-container {
  padding: 0;
  position: relative;
  z-index: 100;
}
.header__container {
  padding: 10px 0 14px;
  position: relative;
}
.header-container .header.region--gray-background {
  background-color: #f1f1f1;
}
.header-first {
  padding: 5px 0;
}
@media (max-width:767px) {
  .header__container {
    padding: 15px 0;
  }
}

/*Regions spacing*/
.banner {
  padding: 30px 0;
}
.content-top__section {
  padding: 25px 0;
}
.content-top-highlighted__section {
  padding: 30px 0;
}
.content-top-highlighted.region--dark-typography.region--no-separator {
  -webkit-box-shadow: inset 0px 8px 13px rgba(0,0,0,0.08);
  box-shadow: inset 0px 8px 13px rgba(0,0,0,0.08);
}
.main-content__section,
.sidebar__section {
  padding: 60px 0;
}
@media (max-width: 1000px) {

.col-md-8.col-md-pull-4 {
    right: auto!important;
    left: auto!important;
    display: inline-block;
    float: none;
    width: 100%!important;
    text-align: center;
}

.logo {
    float: none;
    margin-right: 0px;
    width: 100%;
    text-align: center;
}

.col-md-4.col-md-push-8 {
    width: 100%!important;
    left: auto;
    right: auto;
}
.topcontact {
    font-size: 14px;
}

.topcont h4 {
    font-size: 14px;
}


.imail:before {
    content: "\f0e0";
    font-weight: 900;
    float: left;
    font-family: 'FontAwesome';
    font-size: 34px;
    display: inline-block;
    margin-left: -48px;
    margin-top: 10px;
    color: #35557f;
}

.iteam:before {
    content: "\f0c0";
    font-weight: 900;
    float: left;
    font-family: 'FontAwesome';
    font-size: 30px;
    display: inline-block;
    margin-left: -43px;
    margin-top: 14px;
    color: #35557f;
}

.iphone:before {
    content: "\f095";
    font-weight: 900;
    float: left;
    font-family: 'FontAwesome';
    font-size: 35px;
    display: inline-block;
    margin-left: -37px;
    margin-top: 13px;
    color: #35557f;
}

}

@media (max-width: 991px) {
  .sidebar__section {
    padding-top: 0;
  }
}
@media (min-width: 1200px) {
  .fix-sidebar-second {
    padding-left: 65px;
  }
  .fix-sidebar-first {
    padding-right: 65px;
  }
}
.content-bottom__section {
  padding: 40px 0;
}
.featured-top__section {
  padding: 40px 0;
}
.featured__section {
  padding: 40px 0;
}
.featured-bottom__section {
  padding: 40px 0 30px;
}
.sub-featured__section {
  padding: 40px 0;
}
.highlighted-top__section {
  padding: 70px 0 80px;
}
.highlighted__section {
  padding: 60px 0;
}
.footer-top__section {
  padding: 20px 0;
}

/*Footer*/
.footer {
  position: relative;
}
.footer__section {
  padding: 50px 0 40px;
  font-size: 15px;
}
@media (max-width:767px) {
  .footer__section {
    text-align: center;
  }
}


div#featured-top div#edit-processed-text-02 {
    display: none;
}

@media (max-width:650px) {

.topcontact {
    font-size: 13px;
}

.topcontact {
    margin-bottom: 20px;
}

.topcont h4 {
    font-size: 14px;
}

.topcont {
    display: block;
    margin-right: auto;
    margin-left: auto!important;
    text-align: left;
    width: 226px;
    padding-left: 47px;
    margin-bottom: -12px;
}

.topcontact {
    width: 100%;
    text-align: center;
}

.topcont.imail {
    margin-left: 0px;
}

.topcont.iteam {
    margin-left: 0px;
}

.iphone:before {
     content: "\f095";
    font-weight: 900;
    float: left;
    font-family: 'FontAwesome';
    font-size: 30px;
    display: inline-block;
    margin-left: -34px;
    margin-top: -4px;
    color: #35557f;
}

.imail:before {
 content: "\f0e0";
    font-weight: 900;
    float: left;
    font-family: 'FontAwesome';
    font-size: 26px;
    display: inline-block;
    margin-left: -36px;
    margin-top: -9px;
    color: #35557f;
}

.iteam:before {
    content: "\f0c0";
    font-weight: 900;
    float: left;
    font-family: 'FontAwesome';
    font-size: 24px;
    display: inline-block;
    margin-left: -35px;
    margin-top: -5px;
    color: #35557f;
}

div.insidecont {
    margin: 80px 0px 0px 0px;
}

div.container2 {
    text-align: center;
    margin-left: 20px;
    margin-right: 20px;
}

div.insidecont {
    margin-top: 20px;
}

div.formblock {
    margin-right: auto;
    margin-left: auto;
    float: none;
    display: block;
}

ul.check li {
    list-style-type: none;
    margin-bottom: -2px;
    margin-left: 25px;
    font-size: 18px;
    color: #000000;
    display: block;
    font-weight: normal;
}

div.container2 div#edit-processed-text-01 {
    float: none;
}

img.mautlogo {
    display: block;
    max-width: 88px;
    margin-left: auto;
    margin-right: auto;
}
div.formblock {
    text-align: left;
}
div#featured-top div#edit-processed-text-02 {
    display: block;
}

.block50 div.blockleft,
div.blockleft {
    width: 100%;
    margin-right: 0px;
}

div.blockright {
    width: 100%;
    margin-left: 0px;
}
div.blockright {
    display: none;
}
.block50 div.blockright {
    display: inline-block;
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 20px;
}

.block50 div.blockright img {
    max-width: 260px;
    margin-right: auto;
    margin-left: auto;
    display: block;
}

.images-container, .images-container div {
    float: unset;
    margin-left: 0px;
    display: block;
}

.items3.view.view-taxonomy-term .views-row, .items3.view.view-neuest-artikel .views-row {
    width: 100%;
}

body.path-frontpage h1.title.page-title {
    font-size: 30px;
}

.clearfix.text-formatted.field.field--name-field-spalte-1.field--type-text-long.field--label-hidden.field__item {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 20px;
}

.clearfix.text-formatted.field.field--name-field-spalte-2.field--type-text-long.field--label-hidden.field__item {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
}

.clearfix.text-formatted.field.field--name-field-spalte-3.field--type-text-long.field--label-hidden.field__item {
    width: 100%;
    margin-left: 0px;
    margin-bottom: 20px;
}

.videocenter {
    text-align: center;
    position: relative;
    height: 0;
    margin-bottom: 15px;
    padding-top: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
}

.videocenter iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

}

/*Footer bottom*/
.footer-bottom__container {
  padding: 60px 0;
}
.region--black-background + .region--black-background .footer-bottom__container,
.region--colored-background + .region--colored-background .footer-bottom__container,
.region--dark-background + .region--dark-background .footer-bottom__container,
.region--white-background + .region--white-background .footer-bottom__container,
.region--gray-background + .region--gray-background .footer-bottom__container {
  padding-top: 0;
}

@media (max-width:767px) {
  .footer-bottom__section {
    text-align: center;
  }
}

/*Subfooter*/
.subfooter__container {
  padding: 30px 0;
}
.subfooter__section {
  font-size: 11px;
  font-weight: 400;
}
.region--dark-typography .subfooter__section {
  color: #a5a5a5;
}
.headings-wide-spacing-enabled .subfooter__section {
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .subfooter__section {
    text-align: center;
  }
}

/*Regions Separators*/
/*border top*/
.region--separator-border-top:before {
  height: 1px;
  max-width: 1140px;
  display: block;
  margin: 0 auto;
}
@media (max-width: 1170px) {
  .region--separator-border-top:before {
    margin: 0 15px;
  }
}
.region--white-background + .region--white-background.region--separator-border-top:before,
.region--gray-background + .region--gray-background.region--separator-border-top:before {
  background-color: #e5e5e5;
}
.region--colored-background + .region--colored-background.region--separator-border-top:before,
.region--dark-background + .region--dark-background.region--separator-border-top:before,
.region--black-background + .region--black-background.region--separator-border-top:before {
  background-color: rgba(255, 255, 255, 0.5);
}

/*incline diagonal*/
.region--separator-incline-diagonal {
  padding-top: 210px;
  position: relative;
  overflow: hidden;
}
.region--separator-incline-diagonal:before {
  position: absolute;
  top: 0;
  left: -5%;
  height: 140px;
  width: 110%;
  display: block;
}
.region--white-background + .region--separator-incline-diagonal:before {
  background: linear-gradient(to bottom right, #ffffff 49.5%, transparent 50%);
}
.region--gray-background + .region--separator-incline-diagonal:before {
  background: linear-gradient(to bottom right, #f5f5f5 49.5%, transparent 50%);
}
.region--black-background + .region--separator-incline-diagonal:before {
  background: linear-gradient(to bottom right, #1d1d1d 49.5%, transparent 50%);
}
.region--white-background + .region--white-background.region--separator-incline-diagonal:before,
.region--gray-background + .region--gray-background.region--separator-incline-diagonal:before,
.region--colored-background + .region--colored-background.region--separator-incline-diagonal:before,
.region--dark-background + .region--dark-background.region--separator-incline-diagonal:before,
.region--black-background + .region--black-background.region--separator-incline-diagonal:before {
  background: none;
}
@media (max-width: 767px) {
  .region--separator-incline-diagonal {
    padding-top: 100px;
  }
  .region--separator-incline-diagonal:before {
    height: 70px;
  }
}

/*decline diagonal*/
.region--separator-decline-diagonal {
  padding-top: 210px;
  position: relative;
  overflow: hidden;
}
.region--separator-decline-diagonal:before {
  position: absolute;
  top: 0;
  left: -5%;
  height: 140px;
  width: 110%;
  display: block;
}
.region--white-background + .region--separator-decline-diagonal:before {
  background: linear-gradient(to bottom left, #ffffff 49.5%, transparent 50%);
}
.region--gray-background + .region--separator-decline-diagonal:before {
  background: linear-gradient(to bottom left, #f5f5f5 49.5%, transparent 50%);
}
.region--black-background + .region--separator-decline-diagonal:before {
  background: linear-gradient(to bottom left, #1d1d1d 49.5%, transparent 50%);
}
.region--white-background + .region--white-background.region--separator-decline-diagonal:before,
.region--gray-background + .region--gray-background.region--separator-decline-diagonal:before,
.region--colored-background + .region--colored-background.region--separator-decline-diagonal:before,
.region--dark-background + .region--dark-background.region--separator-decline-diagonal:before,
.region--black-background + .region--black-background.region--separator-decline-diagonal:before {
  background: none;
}
@media (max-width: 767px) {
  .region--separator-decline-diagonal {
    padding-top: 100px;
  }
  .region--separator-decline-diagonal:before {
    height: 70px;
  }
}

/*Region paddings reset*/
.region--no-paddings,
.slideout.region--no-paddings,
.region--no-paddings .header-top__container,
.region--no-paddings .header__container,
.region--no-paddings .content-top__section,
.region--no-paddings .content-top-highlighted__section,
.region--no-paddings .main-content__section,
.region--no-paddings .sidebar__section,
.region--no-paddings .sidebar__section,
.region--no-paddings .content-bottom__section,
.region--no-paddings .featured-top__section,
.region--no-paddings .featured__section,
.region--no-paddings .featured-bottom__section,
.region--no-paddings .sub-featured__section,
.region--no-paddings .highlighted-top__section,
.region--no-paddings .highlighted__section,
.region--no-paddings .footer-top__section,
.region--no-paddings .footer__section,
.region--no-paddings .footer-bottom__container,
.region--no-paddings .subfooter__container {
  padding-top: 0;
  padding-bottom: 0;
}

/*Bordered Container*/
.container--bordered-left {
  padding-left: 70px;
  border-width: 0 0 0 3px;
  border-color: #efefef;
  border-style: solid;
}

/*Custom Grid*/
.grid-gutter-0 {
  margin-right: 0px;
  margin-left: 0px;
}
.container-fluid .grid-gutter-0 {
  margin-right: -15px;
  margin-left: -15px;
}
.grid-gutter-0 .col-lg-6,
.grid-gutter-0 .col-lg-4,
.grid-gutter-0 .col-lg-3,
.grid-gutter-0 .col-md-6,
.grid-gutter-0 .col-md-4,
.grid-gutter-0 .col-md-3,
.grid-gutter-0 .col-sm-6,
.grid-gutter-0 .col-sm-4,
.grid-gutter-0 .col-sm-3,
.grid-gutter-0 .col-xs-6,
.grid-gutter-0 .col-xs-4,
.grid-gutter-0 .col-xs-3 {
  padding-left: 0px;
  padding-right: 0px;
}
.grid-gutter-5 {
  margin-right: -5px;
  margin-left: -5px;
}
.container-fluid .grid-gutter-5 {
  margin-right: -15px;
  margin-left: -15px;
}
.grid-gutter-5 .col-lg-6,
.grid-gutter-5 .col-lg-4,
.grid-gutter-5 .col-lg-3,
.grid-gutter-5 .col-md-6,
.grid-gutter-5 .col-md-4,
.grid-gutter-5 .col-md-3,
.grid-gutter-5 .col-sm-6,
.grid-gutter-5 .col-sm-4,
.grid-gutter-5 .col-sm-3,
.grid-gutter-5 .col-xs-6,
.grid-gutter-5 .col-xs-4,
.grid-gutter-5 .col-xs-3 {
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 10px;
}
.grid-gutter-10 {
  margin-right: -10px;
  margin-left: -10px;
}
.container-fluid .grid-gutter-10 {
  margin-right: -15px;
  margin-left: -15px;
}
.grid-gutter-10 .col-lg-6,
.grid-gutter-10 .col-lg-4,
.grid-gutter-10 .col-lg-3,
.grid-gutter-10 .col-md-6,
.grid-gutter-10 .col-md-4,
.grid-gutter-10 .col-md-3,
.grid-gutter-10 .col-sm-6,
.grid-gutter-10 .col-sm-4,
.grid-gutter-10 .col-sm-3,
.grid-gutter-10 .col-xs-6,
.grid-gutter-10 .col-xs-4,
.grid-gutter-10 .col-xs-3 {
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 20px;
}

/*Layout Mode*/
.boxed .banner__section {
  overflow: hidden;
}
@media (min-width:768px) {
  .boxed .page-container {
    margin-right: auto;
    margin-left: auto;
    position: relative;
    background-color: #fff;
    border-left: 1px solid #c2c2c2;
    border-right: 1px solid #c2c2c2;
    border-bottom: 1px solid #c2c2c2;
  }
  .boxed .page-container {
    width: 750px;
  }
  .onscroll.boxed .page-container .header-container .header.js-fixed {
    width: 748px;
  }
  .boxed.page-container-border-enabled .page-container,
  .onscroll.boxed.page-container-border-enabled .page-container .header-container .js-fixed {
    width: 780px;
  }
}
@media (min-width:992px) {
  .boxed .page-container {
    width: 970px;
  }
  .onscroll.boxed .page-container .header-container .header.js-fixed {
    width: 968px;
  }
  .boxed.page-container-border-enabled .page-container,
  .onscroll.boxed.page-container-border-enabled .page-container .header-container .js-fixed {
    width: 1000px;
  }
}
@media (min-width:1200px) {
  .boxed .page-container {
    width: 1170px;
  }
  .onscroll.boxed .page-container .header-container .header.js-fixed {
    width: 1168px;
  }
  .boxed.page-container-border-enabled .page-container,
  .onscroll.boxed.page-container-border-enabled .page-container .header-container .js-fixed {
    width: 1200px;
  }
}

/*Bordered page container */
.page-container-border-enabled .page-container {
  border-width: 10px;
  border-style: solid;
  overflow: hidden;
}

/*prevents display of horizontal scroll bar in pages with fullscreen slider*/
.page-container-border-enabled.transparent-header-active .page-container {
  position: relative;
}
.page-container-border-enabled .page-container > div,
.page-container-border-enabled .page-container > .footer {
  margin-left: -10px;
  margin-right: -10px;
}
.page-container-border-enabled:not(.onscroll) .page-container > .js-transparent-header,
.page-container-border-enabled .container-fluid .grid-gutter-10,
.page-container-border-enabled .container-fluid .grid-gutter-5,
.page-container-border-enabled .container-fluid .grid-gutter-0 {
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 992px) {
  .page-container-border-enabled .page-container {
    border-width: 15px;
  }
  .page-container-border-enabled .page-container > div,
  .page-container-border-enabled .page-container > .footer {
    margin-left: -15px;
    margin-right: -15px;
  }
  .page-container-border-enabled:not(.onscroll) .page-container > .js-transparent-header,
  .page-container-border-enabled .container-fluid .grid-gutter-10,
  .page-container-border-enabled .container-fluid .grid-gutter-5,
  .page-container-border-enabled .container-fluid .grid-gutter-0,
  .page-container-border-enabled .container-fluid .field--mt-background-image-block {
    margin-left: 0;
    margin-right: 0;
  }
}

/* Banner full width region */
.container-fluid .banner__section {
  margin: 0 -15px;
}

@media (max-width: 768px) {

div.insidecont {
display: inline-block;
    width: 100%;
    border: 1px solid #35557f;
    background: #fff;
}

div#edit-beschreibung {
    width: 100%;
    padding: 20px;
}

div.formblock {
    width: 100%;
    padding: 20px;
    float: left;
}

div.insidecont div#edit-processed-text-01 {
    padding: 0px 20px 20px 20px;
    width: 100%;
    max-width: 100%;
}

div#edit-beschreibung h1 {
    font-size: 26px;
}

.logo {
    max-width: 200px;
    margin-right: auto!important;
    margin-left: auto;
}

.region.region-header-third {
    display: none;
}

h1.page-title {
    font-size: 28px;
    margin-bottom: 0.5em;
}

}