/* ----- BH STICKY ----- */

.bh-plugin-sticky[data-override="1"] {
	background: blue;
	border: 2px solid gray;
}
.bh-plugin-sticky.bh-state-sticked {
	position:fixed !important;
	z-index: 500;
}
.bh-plugin-sticky.bh-state-sticked[data-override="1"] {
	z-index: 499;
}

/*
	########################################################################
	
		KID BETA 1
	
	########################################################################
*/

html{
    -webkit-font-smoothing: antialiased;
}

/*
	VISIBILITY
*/
.bh-state-desktop .bh-hide-desktop,
.bh-state-mobile .bh-hide-mobile {
	display:none !important;
}

/* experimental */
.bh-hide {
	display: none;
}
.bh-show {
	display: block;
}
/* MEDIUM */
@media only screen and (max-width : 1024px) {
	.bh-hide-md {
		display: none;
	}
	.bh-show-md {
		display: block;
	}
}

/* SMALL */
@media only screen and (max-width : 480px) {
	.bh-hide-sm {
		display: none;
	}
	.bh-show-sm {
		display: block;
	}
}



.bhElement {
/* 	box-sizing: border-box; */
	box-sizing: content-box;
}

.bhCols > .bhe-element-toolbar,
.bhLayout > .bhe-element-toolbar,
.bhScrollbox > .bhe-element-toolbar {
	background-image: url(/typo3/sysext/bh/Resources/Public/Images/bg-emptycontent.png);
}

/*
	CLEARFIX	
*/
.bh-clearfix:after { 
	visibility: hidden; 
	display: block; 
	font-size: 0; 
	content: " "; 
	clear: both; 
	height: 0; 
}
.bh-clearfix{ 
	display: block; 
}


/*
	CENTERED	
*/
.bh-centered,
.bh-centered-content .bhElement {
    margin-left: auto;
    margin-right: auto;
    max-width: 960px;
}
.bh-centered.bh-width-small {
	max-width: 630px;
}
.bh-centered.bh-width-normal {
	max-width: 960px;
}
.bh-centered.bh-width-breakout {
	max-width: 1170px;
}
.bh-centered.bh-width-large {
	max-width: 1600px;
}
.bh-centered.bh-width-full {
	max-width: 1920px;
}
.bh-centered.bh-width-max {
	max-width: none;
}


/*
	MARGIN	
*/
/* logged in */
.bh-bemode .bhContainer .bhElement:nth-last-child(+1),
.bh-bemode.bhe-state-editing .bhContainer .bhElement:nth-last-child(+2),
/* letztes element */
.bhContainer .bhElement:last-child,
.bh-bodytext > *:last-child,
.bhTabElement,
.bhFadecontainer > .bhContainer > .bhElement,
/* empty dropzones */
.bhe-state-content-empty, .bhe-state-dragging .bhe-state-content-inherited {
	margin-bottom:0px !important;
}

.bhElement,
.bhElement.bhText {
	margin-bottom:40px;
}
.bh-bodytext > * {
	margin-bottom:20px;
}

.bh-margin {
	margin-bottom:40px;
}
.bh-margin-none {
	margin-bottom:0px !important;
}
.bh-margin-small {
	margin-bottom:20px;
}
.bh-margin-normal {
	margin-bottom:40px;
}
.bh-margin-subsection {
	margin-top:80px;
	margin-bottom:80px;
}
.bh-margin-section {
	margin-top:120px;
	margin-bottom:120px;
}

/* MEDIUM */
@media only screen and (max-width : 1024px) {
	.bh-margin-md {
		margin-bottom:40px;
	}
	.bh-margin-md-none {
		margin-bottom:0px;
	}
	.bh-margin-md-small {
		margin-bottom:20px;
	}
	.bh-margin-md-normal {
		margin-bottom:40px;
	}
	.bh-margin-md-subsection {
		margin-top:80px;
		margin-bottom:80px;
	}
	.bh-margin-md-section {
		margin-top:120px;
		margin-bottom:120px;
	}
}

/* SMALL */
@media only screen and (max-width : 480px) {
	.bh-margin-sm {
		margin-bottom:40px;
	}
	.bh-margin-sm-none {
		margin-top: 0px;
		margin-bottom:0px;
	}
	.bh-margin-sm-small {
		margin-bottom:20px;
	}
	.bh-margin-sm-normal {
		margin-bottom:40px;
	}
	.bh-margin-sm-subsection {
		margin-top:80px;
		margin-bottom:80px;
	}
	.bh-margin-sm-section {
		margin-top:120px;
		margin-bottom:120px;
	}
}


/*
	PADDING	
*/
.bh-padding,
.bh-padding-normal {
	padding:20px;
}
.bh-padding-none {
	padding:0px;
}
.bh-padding-large {
	padding: 40px;
}
.bh-padding-xlarge {
	padding: 80px;
}


.bh-padding-v,
.bh-padding-v-normal {
	padding-top:20px;
	padding-bottom:20px;
}
.bh-padding-v-small {
	padding-top:20px;
	padding-bottom:20px;
}
.bh-padding-v-large {
	padding-top:40px;
	padding-bottom:40px;
}
.bh-padding-v-xlarge {
	padding-top:80px;
	padding-bottom:80px;
}

.bh-padding-h,
.bh-padding-h-normal {
	padding-left:20px;
	padding-right:20px;
}
.bh-padding-h-small {
	padding-left:10px;
	padding-right:10px;
}
.bh-padding-h-large {
	padding-left:80px;
	padding-right:80px;
}
.bh-padding-h-xlarge {
	padding-left:80px;
	padding-right:80px;
}





.bhLayout.bh-inner-width-full {
	padding-left: 0px;
	padding-right: 0px;
}
.bhLayout.bh-inner-width-full > * > .bhBackgroundImage {
	padding-left:20px;
	padding-right:20px;
}
/*
.bhLayout > * > .bhBackgroundImage {
	padding-top: 40px;
	padding-bottom: 40px;
}
.bhLayout > * > .bhBackgroundImage {
	padding-top: 20px;
	padding-bottom: 20px;
}
*/

.bh-inner-centered .bhElement {
/* 	max-width: 960px; */
}
.bh-inner-width-max .bhElement,
.bh-inner-width-full .bhElement{
	max-width: none;
}
.bh-inner-width-full {
	padding-left:20px;
	padding-right:20px;
}
.bh-inner-width-max {
	
}

/*
	ALIGNMENT
*/
.bh-pull-left {
	float: left;
}
.bh-pull-right {
	float: right;
}

/*
	COLS
*/
.bh-cols > .bh-col,
.bhColcontainer > .bhCol {
	float: left;
	box-sizing: border-box;
	margin-left: 0px !important;
	margin-right: 0px !important;
}

/* 
	Col Gaps 
*/

/* TODO Grip Gaps ? zb auch nach unten und oben */

/* large */
.bh-cols.bh-col-gaps-large,
.bh-col-gaps-large > .bhElementInner > .bhColcontainer {
	margin-left: -40px;
	margin-right: -40px;
}
.bh-col-gaps-large > .bh-col,
.bh-col-gaps-large > .bhElementInner > .bhColcontainer > .bhCol {
	padding-left: 40px;
	padding-right: 40px;
}
/* normal */
.bh-cols,
.bhColcontainer {
	margin-left: -20px;
	margin-right: -20px;
}

.bh-col,
.bhCol {
	padding-left: 20px;
	padding-right: 20px;
}

/* small */
.bh-cols.bh-col-gaps-small,
.bh-col-gaps-small > .bhElementInner > .bhColcontainer {
	margin-left: -10px;
	margin-right: -10px;
}
.bh-col-gaps-small > .bh-col,
.bh-col-gaps-small > .bhElementInner > .bhColcontainer > .bhCol {
	padding-left: 10px;
	padding-right: 10px;
}

/* none */
.bh-cols.bh-col-gaps-none,
.bh-col-gaps-none > .bhElementInner > .bhColcontainer {
	margin: 0px;
}
.bh-col-gaps-none > .bh-col,
.bh-col-gaps-none > .bhElementInner > .bhColcontainer > .bhCol {
	padding: 0px;
}

/* TODO schaun ob das überall passt */
.bh-col-gaps-none .bhElement {
	margin-bottom: 0px !important;
}


.bh-cols > .bh-col-1 {
   width: 8.33333333%;
}

.bh-cols > .bh-col-2,
.bh-cols-6 > .bh-col,
.cols6 > .bhCol {
   width: 16.66666%;
}

/* gibts nur all-cols-fixed width */
.bh-cols-5 > .bh-col,
.cols5 > .bhCol {
   width: 20%;
}

.bh-cols > .bh-col-3,
.bh-cols-4 > .bh-col,
.cols4 > .bhCol {
   width: 25%;
}

.bh-cols > .bh-col-4,
.bh-cols-3 > .bh-col,
.cols3 > .bhCol {
   width: 33.33333%;
}

.bh-cols > .bh-col-5 {
   width: 41.6666666%;
}

.bh-cols > .bh-col-6,
.bh-cols-2 > .bh-col,
.cols2 > .bhCol {
   width: 50%;
}

.bh-cols > .bh-col-7 {
   width: 58.33333333%;
}

.bh-cols > .bh-col-8 {
   width: 66.66666%;
}

.bh-cols > .bh-col-9 {
   width: 75%;
}

.bh-cols > .bh-col-10 {
   width: 83.33333333%;
}

.bh-cols > .bh-col-11 {
   width: 91.666666666%;
}

.bh-cols > .bh-col-12 {
   width: 100%;
}



/* MEDIUM */
@media only screen and (max-width : 1024px) {
	.bh-cols > .bh-col-md-1 {
	   width: 8.33333333%;
	}
	
	.bh-cols > .bh-col-md-2,
	.bh-cols-md-6 > .bh-col {
	   width: 16.66666%;
	}
	
	/* gibts nur all-cols-fixed width */
	.bh-cols-md-5 > .bh-col {
	   width: 20%;
	}
	
	.bh-cols > .bh-col-md-3,
	.bh-cols-md-4 > .bh-col {
	   width: 25%;
	}
	
	.bh-cols > .bh-col-md-4,
	.bh-cols-md-3 > .bh-col {
	   width: 33.33333%;
	}
	
	.bh-cols > .bh-col-md-5 {
	   width: 41.6666666%;
	}
	
	.bh-cols > .bh-col-md-6,
	.bh-cols-md-2 > .bh-col {
	   width: 50%;
	}
	
	.bh-cols > .bh-col-md-7 {
	   width: 58.33333333%;
	}
	
	.bh-cols > .bh-col-md-8 {
	   width: 66.66666%;
	}
	
	.bh-cols > .bh-col-md-9 {
	   width: 75%;
	}
	
	.bh-cols > .bh-col-md-10 {
	   width: 83.33333333%;
	}
	
	.bh-cols > .bh-col-md-11 {
	   width: 91.666666666%;
	}
	
	.bh-cols > .bh-col-md-12 {
	   width: 100%;
	}
}

/* SMALL */
@media only screen and (max-width : 480px) {
	.bh-cols > .bh-col-sm-1 {
	   width: 8.33333333%;
	}
	
	.bh-cols > .bh-col-sm-2,
	.bh-cols-sm-6 > .bh-col {
	   width: 16.66666%;
	}
	
	/* gibts nur all-cols-fixed width */
	.bh-cols-sm-5 > .bh-col {
	   width: 20%;
	}
	
	.bh-cols > .bh-col-sm-3,
	.bh-cols-sm-4 > .bh-col {
	   width: 25%;
	}
	
	.bh-cols > .bh-col-sm-4,
	.bh-cols-sm-3 > .bh-col {
	   width: 33.33333%;
	}
	
	.bh-cols > .bh-col-sm-5 {
	   width: 41.6666666%;
	}
	
	.bh-cols > .bh-col-sm-6,
	.bh-cols-sm-2 > .bh-col {
	   width: 50%;
	}
	
	.bh-cols > .bh-col-sm-7 {
	   width: 58.33333333%;
	}
	
	.bh-cols > .bh-col-sm-8 {
	   width: 66.66666%;
	}
	
	.bh-cols > .bh-col-sm-9 {
	   width: 75%;
	}
	
	.bh-cols > .bh-col-sm-10 {
	   width: 83.33333333%;
	}
	
	.bh-cols > .bh-col-sm-11 {
	   width: 91.666666666%;
	}
	
	.bh-cols > .bh-col-sm-12 {
	   width: 100%;
	}
}


/* TODO gut so? */
.bh-col-border-between > .bh-col,
.bh-col-border-between > .bhElementInner > .bhColcontainer > .bhCol {
	position: relative;
}
.bh-col-border-between > .bh-col:after,
.bh-col-border-between > .bhElementInner > .bhColcontainer > .bhCol:after {
	position: absolute;
	content: ' ';
	top: 0px;
	left: 0px;
	height:100%;
	width: 1px;
	background: #99B47E;
}
.bh-col-border-between > .bh-col:first-child:after,
.bh-col-border-between > .bhElementInner > .bhColcontainer > .bhCol:first-child:after {
	display:none;
}



/*
	STYLE
*/
.bh-styleclass-highlight {
	
}

.bh-styleclass-button {
	
}

/* 
	SCHRIFTEN 
*/
a {
    color: inherit;
}
.bh-bodytext p {
    
}
.bh-bodytext ul {
    padding-left: 15px;
    margin: 0px;
/*     margin-bottom: 20px; */
}
.bh-bodytext li {
/*     list-style-type: square; */
}

h1, .bh-bodytext h1, h2, .bh-bodytext h2, h3, h4, h5 {
/* 	margin-top: 0px; */
	margin-bottom: 40px;
}
h1 {

}
h2 {

}
h3 {

}
h4 {
	margin-bottom: 20px;
}
h5 {

}

.bh-text-centered {
	text-align: center;
}

.bh-text-color-light {
	color: #fff !important;
}
.bh-text-color-dark {
	color: #000 !important;
}


.bh-button-box {

}
.bh-button {
	border: none;
	background: transparent;
	-webkit-appearance: none;
}

.bh-button [class*="bh-font"] + .bh-label {

}
.bh-button .bh-label + [class*="bh-font"] {

}


/*
    FORM
*/
.bh-form-field {
	
}

.bh-form-field input,
.bh-form-field select,
.bh-form-field textarea {
	background: transparent;
	border:none;
	-webkit-appearance: none;
	padding: 10px 20px;
	box-sizing: border-box;
	display: block;
	width: 100%;
}
.bh-form-field textarea {
	resize: vertical;
}

.bh-form-field.bh-form-pure-field input[type="submit"] {
	cursor:pointer; 
}

/* TDOD namen */
.bh-form-field.bh-form-pure-field input[type=checkbox],
.bh-form-field.bh-form-pure-field input[type=radio]{
	display: none;
}
.bh-form-field.bh-form-pure-field input[type=checkbox] + .bh-form-checkbox-after,
.bh-form-field.bh-form-pure-field input[type=radio] + .bh-form-checkbox-after {
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
}
.bh-form-field.bh-form-pure-field input[type=checkbox]:checked + .bh-form-checkbox-after,
.bh-form-field.bh-form-pure-field input[type=radio]:checked + .bh-form-checkbox-after{
	
}

.bh-form-checkbox-after + .bh-label {
	padding-left: 20px;
}