.col-md-6.padding-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}
.col-md-6.padding-35 {
    padding-top: 0px;
    padding-bottom: 35px;
}
.ion-android-arrow-forward:before {
    margin-right: 10px;
}
ul.lead.col-md-6 {
    padding: 0;
}
.fliederbackground {
    margin-bottom: 20px;
    background: #9C60AB;
    padding: 15px;
    color: #fff;
}
.member {
    height: 230px;
    overflow: hidden;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
mm-menu 
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#sidebar-wrapper.active { 
    opacity: 1; 
    right: 300px; 
    width: 300px; 
    -webkit-transition: all 0.4s ease 0s; 
    -moz-transition: all 0.4s ease 0s; 
    transition: all 0.4s ease 0s; 
    display: block; 
} 

#sidebar-wrapper { 
    z-index: 1; 
    position: fixed; 
    right: 0; 
	top:0;
    width: 300px; 
    height: 100%; 
    margin-right: -300px; 
    overflow-y: auto; 
    background: #282930; 
    opacity: 0; 
    -webkit-transition: all 0.4s ease 0s; 
    -moz-transition: all 0.4s ease 0s; 
    transition: all 0.4s ease 0s; 
} 
.sidebar-navg{ 
    margin-top: 77px; 
} 
ul.sidebar-navg li a { 
    font-size: 20px; 
    display: block; 
    padding: 10px 20px; 
} 
#menu-toggle{ 
	position: fixed;
    right: 0;
    top: 0;
    z-index: 999999999;
} 
#menu-closer { 
    font-size: 80px; 
    margin-right: 24px; 
    cursor:pointer; 
    position: absolute; 
    right: 0; 
    top: 0; 
} 
.logo-wrapper { 
    background: rgba(40, 41, 48, 0.35); 
    width: 100%; 
    display: block; 
    height: 80px; 
    text-align:center; 
    position: absolute; 
    z-index: 9; 
} 
.logo-wrapper img { 
height:80px; 
display:none; 
} 

#mobile-menu { 
    width: 100%!important; 
    left: 0!important; 
    top: 100px; 
    background: rgba(0, 0, 0, 0); 
    box-shadow: 0 0; 
    border: 0; 
display:block; 
} 
.mobile-menu li { 
    border-top:0;  
} 
.mobile-menu li a { 
    color: #D0D0D0; 
} 
nav#sidebar-wrapper { 
    overflow: hidden; 
} 
.mobile-menu .expand { 
    color: #D8D8D8; 
} 
.mobile-menu li li { 
    background: #5D5F6D; 
} 
.mobile-menu .expand { 
    padding: 5px 10px; 
    height: 30px; 
} 
.headerline {
    width: 100%;
    height: 59px;
    background: #fff;
}
.cross {
    width: 100px;
    height: 58px;
    background: rgba(0, 0, 0, 0);
    cursor: pointer;
    /* background: #639; */
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
SECTION 
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.section.default.top{
	padding-top: 100px;
	padding-bottom:60px;
}
.section.default.middle{
	padding-top: 50px;
	padding-bottom: 50px;
}
.section.default.bottom{
	padding-top: 0px;
	padding-bottom: 100px;
}
.section.default.footer{
	background: #337AB7;
	background: url(../123/net.png);
	color: #fff;
	padding: 50px 0;
	font-size: 14px;
}
.section.default.footer a{
    color: #fff;
}
.section.default.copyright{
    background: #131619;
    color: #fff;
    font-size: 14px;
}

.section.default.copyright a{
    color: #fff;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
CAROUSEL BT 
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#myCarousel .thumbnail {
	margin-bottom: 0;
}
.carousel-control.left, .carousel-control.right {
	background-image:none !important;
}
.carousel-control {
	color:#fff;
	top:40%;
	color:#428BCA;
	bottom:auto;
	padding-top:4px;
	width:30px;
	height:30px;
	text-shadow:none;
	opacity:1;
}
.carousel-control:hover {
	color: #d9534f;
}
.carousel-control.left, .carousel-control.right {
	background-image:none !important;
}
.carousel-control.right {
	left:auto;
	right:-32px;
}
.carousel-control.left {
	right:auto;
	left:-32px;
}
.carousel-indicators {
	bottom:-30px;
}
.carousel-indicators li {
	border-radius:0;
	width:10px;
	height:10px;
	background:#ccc;
	border:1px solid #ccc;
}
.carousel-indicators .active {
	width:12px;
	height:12px;
	background:#3276b1;
	border-color:#3276b1;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
COLOR STYLES 
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.panel-default > .panel-heading {
    color: #333;
    background-color: #C4CACE;
}


.divborder-bottom {
    border-bottom: 1px solid #7B7979;
    padding-bottom: 20px;
	margin-bottom: 15px;
}
.tra-bckgr-hl{
    background: rgba(255, 255, 255, 0.09);
    padding: 5px;
}
.img-oekotex{
    max-width: 70%;
    padding: 20px 0;
}
.subline{
    margin-bottom: 2px;
}

.img-responsive-50 {
    width: 50%;
    padding: 7px 20px 3px 0;
    float: left;
}
.img-responsive{

	max-width:100%;
	#width:100%;
}

img.img-responsive.center{
    margin: 0 auto;
}
img.img-responsive.round{
    border-radius: 50%;
    width: 70%;
    margin: 0 auto;
}
.section.sand{
    background: #F0F8FF;
    background: #FFE6C1;
}

.separator{
    margin: 25px 0;
    border-top: 1px solid #292929;
    width: 100px;
}
hr {
    border: 0;
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
FORM 
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.search-bar input {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    font-family: roboto, sans-serif;
    font-weight: 100;
    padding: 0 12px;
}

.form-control {
    background: #ECE9E9!Important;
    border: 0!Important;
    padding: 10px!Important;
    font-size: 20px!Important;
    height: inherit!Important;
    border-radius: 0px!Important;
	    line-height: normal;
}
.form-send-btn {
    padding: 10px;
}
.no-padding {
    padding: 0;
    margin: 0;
}
.btn-primary {
    border: 0;
}
.btn-responsive {
    padding: 14px;
    border-radius: 0;
}

label {
    font-family: roboto condensed, sans-serif;
    font-size: 22px;
    font-weight: 400;
}
.respond {
    background: #FF5200;
    padding: 10px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 15px;
}
/*
.btn {
    display: inline-block;
#padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
#border: 1px solid rgba(0, 0, 0, 0);
#border-radius: 4px;
	    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	    
}
*/
.btn {
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    padding: 12px 20px;
    font-size: 14px;
    line-height: 1.46666667;
    margin: 10px 0;
	margin: 10px 0;
}
/*
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
*/

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #FFF;
    background-color: #409FE1;
}




.colbg1 {
    max-width: 100%;
    background: url(../123/band-hand-rot.jpg);
    height: 190px;
    background-size: cover;
    margin-bottom: 15px;
}


.colbg2 {
    max-width: 100%;
    background: url(../123/band-hand-blau.jpg);
    height: 190px;
    background-size: cover;
    margin-bottom: 15px;
}

.colbg3 {
    max-width: 100%;
    background: url(../123/band-hand-tuerkis.jpg);
    height: 190px;
    background-size: cover;
    margin-bottom: 15px;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
MUSTER 
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


section.mustercatalog {
    background: #EFEFEF;
}
.littlehero {
    border-radius: 50%;
    background: url(../media/muster_baender.jpg);
    width: 150px;
    height: 150px;
    background-size: cover;
    background-position: 50%;
}
.button-mustercat {
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
    display: inline-block;
    color: #FFF;
    background-color: #006bb8;
    font-size: 14px;
    margin-right: 10px;
    padding: 5px;
}
section.mustercatalog > div > div {
    padding: 14px 0;
    margin-top: 28px;
}
.mustercat {
    width: 370px;
    border-color: #D3D3D3;
    width: 370px;
    border-color: #D3D3D3;
    font-size: 13px;
    padding: 2px 15px;
    border-radius: 3px;
    border: 1px solid #e0e0e0;
    margin-bottom: 15px;
}


.gmap {
    padding-bottom: 50px;
    padding-top: 50px;
}
.map-wide{
    padding-top: 25px;
}
b, strong {
    font-size: 20px;
    font-weight: 400;
}

.bluemarker {
    margin-bottom: 20px;
    border-left: 5px solid #409FE1;
}
i.fa.fa-check-square {
    margin-right: 7px;
}
.breadcrumb-a{
	display: -moz-inline-box;
    display: -webkit-inline-box;
	}
	
.breadcrumb-a >li+li:before {
    padding: 0 0px;
    color: #FBFBFB;
    content: "/\00a0";
    margin-left: 3px;
    margin-right: 0px;
}
span.breadcrumb-a a {
    color: #fff;
}
ul.points li span {
    display: flex;
    line-height: 1.7;
}
i.fa.fa-check-square-o {
    margin-right: 5px;
    margin-top: 7px;
}
.box-icon.box-icon-center.box-icon-transparent.box-icon-large p.lead {
    text-align: center!important;
}
.heading-block bolder{
text-align:center;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
    padding: 2px;
    transition-duration: 0.8s;
    padding: 10px;
    margin: -1px;
}
.gallery-button-false {
    display: none;
}

.bx-wrapper .bx-viewport {
    -moz-box-shadow: 0 0;
    -webkit-box-shadow: 0 0;
    box-shadow: 0 0;
}
i.fa.fa-angle-left,
i.fa.fa-angle-right {
    font-size: 65px;
    color: #2F709C;
}
.isotope-item{
padding:0!Important;
margin:0!Important;
}
.gallery-center {
    margin-left: -1px !important;
}
.recent-work-wrap.colored img {
    border: 1px solid #FFF!important;
}
a.btn.btn-default.dd- {
    display: none;
}
.addpadding {
    padding: 15px!important;
}

.recent-work-wrap-highbox {
    display: block;
#border: 10px solid #FFF!important;
    overflow: hidden;
    padding-bottom: 15px;
    background: #409FE1;
}
.smallitem, .imagebx-news, .readmore {
    cursor: pointer;
}
h2 a {
    color: #fff;
}
h2 a:hover {
    color: #fff;
}
/******************************************************test *************************************/


.div-col-top-sm {
    margin-top: 50px;
}
.div-col-top-lg {
    margin-top: 100px;
}

.div-col-bottom-sm {
    margin-bottom: 50px;
}
.div-col-bottom-lg {
    margin-bottom: 100px;
}
.row iframe {
    margin: 15px;
}
.row iframe {
    max-width: 95%!important;
}

.readmore {
    background: #505050;
    position: absolute;
    bottom: 0;
    right: 0;
}
.imagebx-news {
    max-height: 250px;
    max-width: 100%;
    overflow: hidden;
    height: 249px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
}
.portfolio-sml > .isotope-item > .recent-work-wrap-highbox > .smallitem {
    height: 120px;
    min-height: 120px;
    max-height: 120px;
}
.recent-work-inner-blog.smallitem {
    min-height: 90px;
#background: #fff;
    text-align: left;
    position: relative;
    padding: 15px 15px 0px 15px;
    max-height: 90px;
    overflow: hidden;
    height: 90px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
	    background: #409FE1;
}
.recent-work-inner-blog{
min-height: 349px;
background: #fff;
text-align: left;
position: relative;
padding: 15px 15px 0px 15px;

	max-height: 349px;
    overflow: hidden;
    height: 349px;
	
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
}
.smallitem, .imagebx-news, .readmore {
    cursor: pointer;
}
.recent-work-inner-blog:hover {
    margin-top: -10px;
    margin-bottom: 10px;
}
.imagebx-news:hover {
    opacity: 0.8;
}
.recent-work-inner-blog.hovered {
    margin-top: -10px;
    margin-bottom: 10px;
}
.recent-work-inner-blog span {
    line-height: 26px;
    font-weight: 400;
}
.portfolio-sml > .isotope-item > .recent-work-wrap-highbox > .smallitem {
    height: 120px;
    min-height: 120px;
    max-height: 120px;
}
.smallitem h2{
margin:0;
}
.news-text-wrap p {
    color: #FFF;
	line-height: normal;
}
.smallitem {
    height: inherit!important;
    min-height: inherit!important;
    max-height: inherit!important;
}
.smallitem {
    height: 135px!important;
	overflow:hidden;
}
.col-md-3.isotope-item a .imagebx-news {
    height: 249px;
}
.col-md-3.isotope-item .heading-block {
    font-size: 30px;
}
h4.heading-block {
    background: #409FE1;
    padding: 10px;
    color: #fff;
}
h4.heading-block span {
    font-weight: 300;
}
.teaser-breadcrumb-left{
padding-left:15px;
}
.search-bar form span:after {
    font-family: FontAwesome;
    content: "\f002";
    font-size: 13px;
    position: absolute;
    right: 27px;
    top: 19px;
    font-size: 22px;
    color: #B1ACAC;
	 outline: none;
}
img.max_img {
    max-width: 100%;
	    margin-bottom: 30px;
}

.div-col-padding-none{
	
}

.div-col-padding-default{
    padding-top: 50px;
    padding-bottom: 50px;
}

.div-col-padding-extended{
    padding-top: 80px;
    padding-bottom: 80px;	
}



.smallitem span.upsize{
    display: block;
    color: #fff;
    font-family: Roboto Condensed, sans-serif;
    font-weight: 100;
}
.smallitem h2 {
    color: #fff;
}
form{
position:relative;
}
.search-bar form input[type="submit"] {
    position: relative;
    right: 34px;
    border:0;
    background:transparent;
	 outline: none;
}

span {
    position: relative;
}

.search-bar form span:after {
    font-family: FontAwesome;
    content: "\f002";
    font-size: 22px;
    position: absolute;
    right: 36px;
    top: 1px;
    pointer-events: none;
	 outline: none;
}
.caret:before {
    margin-left: 2px;
    vertical-align: middle;
    background: #429EE7;
    width: 10px;
    height: 10px;
    padding: 5px 10px;
    content: "\f0d7";
    font-family: FontAwesome;
    color: #fff;
    position: relative;
    top: -17px;
    left: -9px;
}

.teaser-breadcrumb-right div {
    float: right;
}
.teaser-breadcrumb-right li {
    float: left;
    padding: 5px 10px;
    background: #006bb8;
    color: #fff;
}
.teaser-breadcrumb-right a {
    color: #fff;
}

li.arrow {
    padding: 5px 0;
}



@media only screen and (max-width: 1200px) { 
	.search-bar{
	display:none;
	}
}
@media (min-width: 1200px){
.sm-section .container {
    width: 900px;
}
 
	.div-col-bottom-sm {
    margin-bottom: 15px;
	}
}

@media only screen and (min-device-width: 991px) and (max-device-width: 1199px){
.smallitem {
    height: 113px!important;
}
}




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

	.recent-work-inner-blog.smallitem .heading-block {
    font-size: 31px;
	}
	.recent-work-inner-blog span{
	# display:none;
	}
	.teaser-breadcrumb-left{
	padding-left:9px;
	}
	.div-col-top-lg {
    margin-top: 60px;
	}
	.div-col-bottom-sm {
    margin-bottom: 10px;
	}
	.container.heroimage {
    margin-bottom: 100px;
	}
}


@media only screen and (max-width: 767px) { 
	
.text-center {
    text-align: left;
}
	
}

@media only screen and (max-width: 500px) { 
	.dfz{
	width:151px!Important;
	position:absolute;
	z-index:2;
	top: 0;
    left: 0;
	}
	.heroimage.imageless {
    opacity: 0;
	display:none;
    height: 100px;
	}
	.no-padding.text-right,
	.no-padding.text-left{
	text-align:center;
	}
	.section.default.copyright {
    padding: 15px 0;
	}
	p.lead,
	.heading-block{
	text-align:left;
	}
	.heading-block.bolder{
	text-align:center;
	}
	.gallery-center {
    margin-left: 0px !important;
	}
		.recent-work-inner-blog span{
	display:block;
	}
	.div-col-top-lg {
    margin-top: 20px;
	}
	.div-col-bottom-sm {
    margin-bottom: 5px;
	}	
	.container.heroimage {
    margin-bottom: 50px;
	}
}

@media only screen and (max-width: 425px) { 
	.dfz{
	width:151px!Important;
	position:absolute;
	z-index:2;
	top: 0;
    left: 0;
	}
	.div-col-top-lg {
    margin-top: 0px;
	}
	.div-col-bottom-sm {
    margin-bottom: 0px;
	}
	.teaser-breadcrumb-left > div,
	.teaser-breadcrumb-right > div {
    font-size: 12px!important;
	}
	.container.heroimage {
    margin-bottom: 50px;
	}

}