@media screen and (max-width: 576px) {

.breadcrump {width: 100%}

#tx-indexedsearch-searchbox-button-submit {max-width: 50%;}

.input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file {
	min-width: 50%;
}

 .section-default .frame-layout-2 .textpic-gallery {width: 66% ;margin: 0 auto;}

.bbs3-images .col {padding: 0 10px; }
.bbs3-images .col h3 {min-height:3.375rem;}

.bbs3-images.row {display:block; padding: 0 10px;}

.subnav-wrap{display:none;}

.maincontent-wrap {max-width: 100%; flex-direction: column;}

.subcontent-wrap {flex-direction: column;}

.subcontent-wrap .image img {/*max-width: 190px; height: auto;margin-top: .5rem;*/}

#page-footer .frame {padding-bottom: .5rem;}

}


@media screen and (min-width: 577px) {
#tx-indexedsearch-searchbox-sword.form-control {flex: 1 1 100%}
#tx-indexedsearch-searchbox-button-submit {max-width: 50%;}
.input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file {
	min-width: 50%;
}

.section-default .frame-layout-2 .textpic-right .textpic-gallery {width: 50% ;}
.section-default .frame-layout-2 .textpic-right .textpic-gallery {float:right;}

.section-default .frame-layout-2 .textpic-left .textpic-gallery {width: 50% ;}
.section-default .frame-layout-2 .textpic-left .textpic-gallery {float:left;}

.section-default .frame-layout-2 .textpic-right .textpic-text {width: 50% ;}

.section-default .frame-layout-2 .textpic-left .textpic-text {width: 50% ;}

.section-default .col .frame-layout-2 .textpic-right .textpic-gallery {width: 100% ;}
.section-default .col .frame-layout-2 .textpic-right .textpic-gallery {float:right;}

.section-default .col .frame-layout-2 .textpic-left .textpic-gallery {width: 100% ;}
.section-default .col .frame-layout-2 .textpic-left .textpic-gallery {float:left;}

.section-default .col .frame-layout-2 .textpic-right .textpic-text {width: 100% ;}
.section-default .col .frame-layout-2 .textpic-left .textpic-text {width: 100% ;}

.section-default  .col .frame-layout-2 .gallery-item picture, .section-default .col .frame-layout-2 .gallery-item img {width: 100%;padding: .5rem; }
.frame-layout-2 .textmedia-right .textmedia-gallery, .frame-layout-2 .textpic-right .textmedia-gallery, .frame-layout-2  .textmedia-right .textpic-gallery,.frame-layout-2  .textpic-right .textpic-gallery {
	 order: 2;
}
.col .frame-layout-2 .textmedia-right .textmedia-gallery, .col .frame-layout-2 .textpic-right .textmedia-gallery, .col .frame-layout-2  .textmedia-right .textpic-gallery, .col .frame-layout-2  .textpic-right  .textpic-gallery {
         order: 1;
}



.bbs3-images .col:first-child {padding: 0 10px 0 20px;}
.bbs3-images .col {padding: 0 10px;}
.bbs3-images .col:last-child {padding-right: 20px;}


 .section-default .frame-layout-2 .textpic-header h3 {font-size: 1.125rem; /* min-height: 3.375rem;*/}
 .section-default .col .frame-layout-2 .textpic-text {width:100%;}

,maincontent-wrap: {max-width: 66%; }

.three-cols  .subnav-wrap {display: none; flex: 1; }

.subcontent-wrap .image img {max-width: 190px; height: auto;margin-top: .5rem;}

#page-footer .frame {padding-bottom: .5rem;}

}


@media screen and (min-width: 768px) {
.section-row{position:relative;}
#tx-indexedsearch-searchbox-sword.form-control {flex: 1 1 100%}
#tx-indexedsearch-searchbox-button-submit {max-width: 50%;}

  .section-default .frame-layout-2 .textpic-right .textpic-gallery {width: 50%;}
 .section-default .frame-layout-2 .textpic-header h3 {font-size: 1.125rem; min-height: 2.75rem;}


.frame-layout-2 .textmedia-right .textmedia-gallery, .frame-layout-2 .textpic-right .textmedia-gallery, .frame-layout-2 .textmedia-right .textpic-gallery, .frame-layout-2 .textpic-right .textpic-gallery {
	 order: 2;
}
.col .frame-layout-2 .textmedia-right .textmedia-gallery, .col .frame-layout-2 .textpic-right .textmedia-gallery, .col .frame-layout-2  .textmedia-right .textpic-gallery, .col .frame-layout-2 .textpic-right .textpic-gallery {
         order: 1;
}


.three-cols  .subnav-wrap {display: none;  flex: 1;;}
.three-cols .subnav-wrap .frame{padding:0}

.maincontent-wrap { flex: 3; flex-direction: column; max-width: 66%;}
.three-cols .maincontent-wrap { flex: 2;}

.subcontent-wrap {display: flex; flex-direction: column; flex: 1;}

.subcontent-wrap .image img {max-width: 190px; height: auto;margin-top: 1rem;}

.footer {width: 960px; margin: 0 auto;}
#page-footer .frame {padding-bottom: .75rem;}

}


@media screen and (min-width: 992px) {

.navbar-mainnavigation {padding-top: 1rem; padding-bottom: 1rem;}
.navbar-mainnavigation .navbar-brand-image > .navbar-brand-logo-normal {margin-top: -8%;}
.subnav-link {padding: .5rem .8rem;}


 .navbar-mainnavigation .navbar-brand {	height: 70px;}
.body-bg-top{/*padding-top:100px;*/}

.navbar-mainnavigation > .navbar-nav .nav-link, .navbar-mainnavigation > .container > .collapse > .navbar-nav .nav-link, .navbar-mainnavigation > .container-fluid > .collapse > .navbar-nav .nav-link, .navbar-mainnavigation > .container-sm > .collapse > .navbar-nav .nav-link, .navbar-mainnavigation > .container-md > .collapse > .navbar-nav .nav-link, .navbar-mainnavigation > .container-lg > .collapse > .navbar-nav .nav-link, .navbar-mainnavigation > .container-xl > .collapse > .navbar-nav .nav-link {
    padding-right: .125rem;
    padding-left: .125rem;
}

.breadcrumb-section .container  {position: relative;}

.breadcrumb-section .container .breadcrumb::after {content:"bauen \00B7  gestalten \00B7  bilden"; font-weight: 700; font-style: italic; font-size: 1.25rem; font-family:'Varela Round', sans-serif;}
.breadcrumb-section .container .breadcrumb::after {position: absolute; right: 40px; top: 8px; width: 20rem; text-align: right; padding-right:0px;}

.input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file {
	position: relative;
	flex: 1 1 0%;
	min-width: 0;
	margin-bottom: 0;
}

.section-default .frame-layout-2 .textpic-right .textpic-gallery .gallery-item img{width: 66% ; margin: 0 1.25rem 0 auto;}
.section-default .frame-layout-2 .textpic-right .textpic-gallery {float:right;}

.section-default .frame-layout-2 .textpic-left .textpic-gallery .gallery-item img{width: 66% ; margin: 0 auto 0 1.25rem;}
.section-default .frame-layout-2 .textpic-left .textpic-gallery {float:left;}

.section-default .col .frame-layout-2 .textpic-right .textpic-gallery .gallery-item img{width: 100% ;}
.section-default .col .frame-layout-2 .textpic-right .textpic-gallery {float:right;}

.section-default .col .frame-layout-2 .textpic-left .textpic-gallery .gallery-item img{width: 100% ;}
.section-default .col .frame-layout-2 .textpic-left .textpic-gallery {float:left;}

.section-default  .col .frame-layout-2 .gallery-item picture, .section-default .col .frame-layout-2 .gallery-item img {width: 100%;padding: .5rem; }
.frame-layout-2 .textmedia-right .textmedia-gallery, .frame-layout-2 .textpic-right .textmedia-gallery, .frame-layout-2  .textmedia-right .textpic-gallery,.frame-layout-2  .textpic-right .textpic-gallery {
	 order: 2;
}
.col .frame-layout-2 .textmedia-right .textmedia-gallery, .col .frame-layout-2 .textpic-right .textmedia-gallery, .col .frame-layout-2  .textmedia-right .textpic-gallery, .col .frame-layout-2 .textpic-right .textpic-gallery {
         order: 1;
}

.bbs3-images .col:first-child {padding: 0 10px 0 20px;}
.bbs3-images .col {padding: 0 10px; display: flex;}
.bbs3-images .col:last-child {padding-right: 20px;}

 .section-default .frame-layout-2 .textpic-header h3 {font-size: 1.25rem; min-height: 2.75rem;}
 .section-default .col .frame-layout-2 .textpic-text {width:100%;}

.three-cols  .subnav-wrap {display:flex; flex-direction: column; flex:1;}

.three-cols.maincontent-wrap { display: flex; flex: 2; flex-direction: column;}

#page-footer .frame {padding-bottom: .75rem;}

}

@media screen and (min-width: 1200px) {

#tx-indexedsearch-searchbox-sword.form-control {flex: 1 1 0%}
#tx-indexedsearch-searchbox-button-submit {max-width: 50%;}

 .section-default .frame-layout-2 .textpic-header h3 {font-size: 1.4rem; min-height: 100%}

.three-cols .subnav-wrap {display: flex;  flex:2 flex-direction: column; }
.maincontent-wrap {max-width: 75%; flex: 3;}

.navbar-mainnavigation > .navbar-nav .nav-link, .navbar-mainnavigation > .container > .collapse > .navbar-nav .nav-link, .navbar-mainnavigation > .container-fluid > .collapse > .navbar-nav .nav-link, .navbar-mainnavigation > .container-sm > .collapse > .navbar-nav .nav-link, .navbar-mainnavigation > .container-md > .collapse > .navbar-nav .nav-link, .navbar-mainnavigation > .container-lg > .collapse > .navbar-nav .nav-link, .navbar-mainnavigation > .container-xl > .collapse > .navbar-nav .nav-link {
	padding-right: .25rem;
	padding-left: .25rem;
	font-size: 1.125rem;
}

.navbar-nav {
	justify-content: space-evenly;
}

.subnav-wrap {margin-top:0;  flex: 1; }

/* left end */
/* main begin */
.three-cols.maincontent-wrap {max-width: calc(100% - 580px);}
/* main end */

/* right begin */
.subcontent-wrap {width: 250px; float: right; }
.subcontent-wrap img {max-width: 230px; margin: 0 auto; height: auto;}
/* right end */

/* footer begin */
.footer {width: 1100px; margin: 0.25rem auto; clear:both; }
#page-footer .frame {padding-bottom: 1rem;}
/* footer end */

/* footer columns begin */

/* footer columns end */

}