/** clearing **/
.clear {clear: both; font-size: 0.1px; height: 0.1px; line-height: 0.1px; float: none; display: table;}

/** block grid **/
.autogrid, .autogrid:before,.autogrid:after {-moz-box-sizing: border-box; box-sizing:border-box;}
.autogrid {padding-left: 1%; padding-right: 1%; position: relative; display: block; float: left;overflow: hidden;}

/** block grid wrapper **/
.autogrid_wrapper {margin-left: -1%; margin-right: -1%;}

/** non block **/
.autogrid:not(.block) {padding-left: 0; padding-right: 0; margin-left: 1%; margin-right: 1%;}

/* .block.autogrid.first, .block.autogrid:first-child 	{margin-left: -1%;} */
/* .block.autogrid.last, .block.autogrid:last-child 	{margin-right: -1%;} */

/** Non block grid **/
.full			{width: 98%;}
.one_half 		{width: 48%;}
.one_third 		{width: 31.3333%;}
.one_fourth		{width: 23%;}	
.one_fifth		{width: 18%;}	
.one_sixth		{width: 14.6667%;}

/** Block grid **/
.block.full			{width: 100%;}
.block.one_half 	{width: 50%;}
.block.one_third 	{width: 33.3333%;}
.block.one_fourth	{width: 25%;}	
.block.one_fifth	{width: 20%;}	
.block.one_sixth	{width: 16.6667%;}

.block.two_third	{width: 66.6667%;}
.block.two_fourth	{width: 50%;}
.block.three_fourth	{width: 75%;}
.block.two_fifth	{width: 40%;}
.block.three_fifth	{width: 60%;}
.block.four_fifth	{width: 80%;}
.block.two_sixth	{width: 33.3333%;}
.block.three_sixth	{width: 49.9999%;}
.block.four_sixth	{width: 66.6667%;}
.block.five_sixth	{width: 83.3333%;}

/** Non block grid system **/
/** odd split: 2 elements per row **/
.n2:not(.block).one_third		{width: 32%;}
.n2:not(.block).two_third		{width: 64%;}
.n2:not(.block).one_fourth		{width: 24%;}
.n2:not(.block).two_fourth		{width: 48%;}
.n2:not(.block).three_fourth	{width: 72%;}
.n2:not(.block).one_fifth		{width: 19.2%;}
.n2:not(.block).two_fifth		{width: 38.4%;}
.n2:not(.block).three_fifth		{width: 57.6%;}
.n2:not(.block).four_fifth		{width: 76.8%;}
.n2:not(.block).one_sixth		{width: 16%;}
.n2:not(.block).two_sixth		{width: 32%;}
.n2:not(.block).three_sixth		{width: 48%;}
.n2:not(.block).four_sixth		{width: 64%;}
.n2:not(.block).five_sixth		{width: 80%;}

/** odd split: 3 elements per row **/
.n3:not(.block).one_half		{width: 47%;}
.n3:not(.block).two_third		{width: 62.6667%;}
.n3:not(.block).one_fourth		{width: 23.5%;}
.n3:not(.block).two_fourth		{width: 47%;}
.n3:not(.block).three_fourth	{width: 70.5%;}
.n3:not(.block).one_fifth		{width: 18.8%;}
.n3:not(.block).two_fifth		{width: 37.6%;}
.n3:not(.block).three_fifth		{width: 56.4%;}
.n3:not(.block).four_fifth		{width: 75.2%;}
.n3:not(.block).one_sixth		{width: 15.6667%;}
.n3:not(.block).two_sixth		{width: 31.3333%;}
.n3:not(.block).three_sixth		{width: 47%;}
.n3:not(.block).four_sixth		{width: 62.6667%;}
.n3:not(.block).five_sixth		{width: 78.3333%;}

/** odd split: 4 elements per row **/
.n4:not(.block).one_half		{width: 46%;}
.n4:not(.block).one_third		{width: 30.6667%;}
.n4:not(.block).two_third		{width: 61.3333%;}
.n4:not(.block).two_fourth		{width: 46%;}
.n4:not(.block).three_fourth	{width: 69%;}
.n4:not(.block).one_fifth		{width: 18.4%;}
.n4:not(.block).two_fifth		{width: 36.8%;}
.n4:not(.block).three_fifth		{width: 55.2%;}
.n4:not(.block).four_fifth		{width: 73.6%;}
.n4:not(.block).one_sixth		{width: 15.3333%;}
.n4:not(.block).two_sixth		{width: 30.6667%;}
.n4:not(.block).three_sixth		{width: 46%;}
.n4:not(.block).four_sixth		{width: 61.3333%;}
.n4:not(.block).five_sixth		{width: 76.6667%;}

/** odd split: 5 elements per row **/
.n5:not(.block).one_half		{width: 45%;}
.n5:not(.block).one_third		{width: 30%;}
.n5:not(.block).two_third		{width: 60%;}
.n5:not(.block).one_fourth		{width: 22.5%;}
.n5:not(.block).two_fourth		{width: 45%;}
.n5:not(.block).three_fourth	{width: 67.5%;}
.n5:not(.block).two_fifth		{width: 36%;}
.n5:not(.block).three_fifth		{width: 54%;}
.n5:not(.block).four_fifth		{width: 72%;}
.n5:not(.block).one_sixth		{width: 15%;}
.n5:not(.block).two_sixth		{width: 30%;}
.n5:not(.block).three_sixth		{width: 45%;}
.n5:not(.block).four_sixth		{width: 60%;}
.n5:not(.block).five_sixth		{width: 75%;}

/** odd split: 6 elements per row **/
.n6:not(.block).one_half		{width: 44%;}
.n6:not(.block).one_third		{width: 29.3333%;}
.n6:not(.block).two_third		{width: 58.6667%;}
.n6:not(.block).one_fourth		{width: 22%;}
.n6:not(.block).two_fourth		{width: 44%;}
.n6:not(.block).three_fourth	{width: 66%;}
.n6:not(.block).one_fifth		{width: 17.6%;}
.n6:not(.block).two_fifth		{width: 35.2%;}
.n6:not(.block).three_fifth		{width: 52.8%;}
.n6:not(.block).four_fifth		{width: 70.4%;}
.n6:not(.block).two_sixth		{width: 29.3333%;}
.n6:not(.block).three_sixth		{width: 44%;}
.n6:not(.block).four_sixth		{width: 58.6667%;}
.n6:not(.block).five_sixth		{width: 73.3333%;}

.border-inner {border-left: 1px solid #ddd;}
.border-inner.first, .border-inner:first-child {border-left: 0;}
.border-inner.last, .border-inner:last-child {border-right: 0;}
/** optical correction **/
/* .autogrid.block.border-inner {margin-left: -0.75%; padding-left: 1.75%;} */

/** grid options **/
.autogrid.break {clear:left; margin-left: 0;}
.autogrid.full.break {width: 100%;clear:both;float: none;padding-left: 0;padding-right: 0;}

/** same height **/
.autogrid.same-height {display: table-cell; float: none; vertical-align: top;}

/** flexible same height **/
.autogrid_wrapper.same-height, .autogrid_wrapper .inner.same-height, .ce_autogridWrapperStart.same-height .inside {display: flex; display: -webkit-flex; display: -ms-flexbox; height: 100%; clear: both;}

/** autogrid full **/
.autogrid.full {padding-left: 0; padding-right: 0;}
.autogrid_wrapper .autogrid.full {padding-left: 1%; padding-right: 1%;}

/** no gutter **/
.autogrid_wrapper.no_gutter {margin-left: 0; margin-right: 0;}
.autogrid_wrapper.no_gutter_left {margin-left: 0;}
.autogrid_wrapper.no_gutter_right {margin-right: 0;}
.autogrid.no_gutter {padding-left: 0; padding-right: 0;}
.autogrid.no_gutter_left {padding-left: 0;}
.autogrid.no_gutter_right {padding-right: 0;}

/** tablets **/
@media only screen and (min-width: 768px) and (max-width: 990px) {
	.autogrid.adjust_mobile {width: 50% !important}
}

/** phones **/
@media only screen and (max-width: 767px) {
	.autogrid {width: 100%!important;}
	.autogrid.same-height, .autogrid_wrapper.same-height, .autogrid_wrapper .inner.same-height {display: block;}
	.border-inner {border-left: 0;}
	.ce_autogridSpacer {margin: 0!important; line-height: 0!important;}
}
span.font-size-xxxxl {
	font-size: 85px;
	line-height: 1.1;
}

span.font-size-xxxl {
	font-size: 75px;
	line-height: 1.1;
}

span.font-size-xxl {
	font-size: 65px;
	line-height: 1.1;
}

span.font-size-xl {
	font-size: 55px;
	line-height: 1.1;
}

span.font-size-l {
	font-size: 45px;
	line-height: 1.1;
}

span.font-size-m {
	font-size: 35px;
	line-height: 1.1;
}

span.font-size-s {
	font-size: 25px;
}

span.font-size-xs {
	font-size: 22px;
}

span.font-size-xxs {
	font-size: 18px;
}

span.font-size-xxxs {
	font-size: 12px;
}

span.font-size-xxxxs {
	font-size: 11px;
}

span.font-size-xxxxs {
	font-size: 10px;
}

span.serif {
	font-family: Georgia, Times, serif;
}

span.no-serif {
	font-family: Arial, Verdana, sans-serif;
}

p.dropcap:first-letter  {
	font-size: 60px; 
	float: left;  
	margin-right: 7px; 
	line-height: 57px; 
}

span.color-white {
	color: #fff !important;
}

span.color-gray {
	color: rgb(127,127,127)!important;
}

span.color-lightgray {
	color: rgb(180,180,180)!important;
}

span.color-darkgray {
	color: rgb(76,76,76)!important;
}

span.color-accent {
	color: rgb(152,152,152);
}

span.color-success {
	color: rgb(157,213,93);
}

span.color-alert {
	color: rgb(247,80,90);
}

span.color-warning {
	color: rgb(240,138,36);
}

span.color-info {
	color: rgb(160,211,232);
}

span.highlight {
	background: rgb(51,51,51); 
	color: #fff;
	padding-left: 3px;
	padding-right: 3px;
}

.label-accent {
	background: rgb(152,152,152);
}

.label-secondary {
	background: rgb(231,231,231);
	color: rgb(51,51,51);
}

.label-success {
	background: rgb(157,213,93);
}
	
.label-alert {
	background: rgb(247,80,90);
}

.label-warning {
	background: rgb(240,138,36);
}

.label-info {
	background: rgb(160,211,232);
	color: rgb(51,51,51);
}

.letter-spacing-xl {
	letter-spacing: 5px;
}

.letter-spacing-l {
	letter-spacing: 3px;
}

.letter-spacing-m {
	letter-spacing: 2px;
}

.letter-spacing-s {
	letter-spacing: 1px;
}

.line-through {
	text-decoration: line-through; 
}

.medium-width {
	max-width: 600px;
}

.medium-small {
	max-width: 400px;
}

.medium-width-center {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.small-width-center {
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.bg-transparent-white {
	background-color: rgba(255,255,255,0.7);
}

.bg-transparent-black {
	background-color: rgba(0,0,0,0.7);
}

.bt-dark {
	border-top: 1px solid rgb(229,229,229);
}

.bb-dark {
	border-bottom: 1px solid rgb(229,229,229);
}

.bt-light {
	border-top: 1px solid rgb(255,255,255);
}

.bb-light {
	border-bottom: 1px solid rgb(255,255,255);
}

a.btn {
	display: inline-block;
	padding: 12px 20px;
	margin-bottom: 15px;
	cursor:pointer;
	width: auto;
	background: rgb(152,152,152);
	border: 2px solid rgb(152,152,152);
	color: #fff;
	font-weight: bold;
	font-size: 0.8rem;
	min-width: 140px;
	text-align: center!important;
}

a.btn.link-white {
	color: rgb(152,152,152);
	border: 2px solid rgb(250,250,250);
	background: rgb(250,250,250);
}

a.btn.outline {
	background: none;
	color: rgb(152,152,152);
}

a.btn.link-white.outline {
	background: none;
	border: 2px solid rgb(250,250,250);
	color: rgb(152,152,152);
}

/* neu hinzugefügt */
a.btn.bm {
	display: inline-block;
	padding: 12px 20px;
	margin-bottom: 15px;
	cursor:pointer;
	width: auto;
	background: rgb(0, 109, 93);
	border: 2px solid rgb(0, 109, 93);
	color: #fff;
	font-weight: bold;
	font-size: 0.8rem;
	min-width: 140px;
	text-align: center!important;
}

a.btn.bm2 {
	display: inline-block;
	padding: 12px 20px;
	margin-bottom: 15px;
	cursor: pointer;
	width: auto;
	background: rgb(250, 250, 250);
	border: 2px solid rgb(0, 109, 93);
	color: #006d5d;
	font-weight: bold;
	font-size: 0.8rem;
	min-width: 140px;
	text-align: center !important;
}

span.color-accent {
	color: rgb(0, 109, 93);
}

