div.services > div.row > div.col{display:none;}
div.csc-frame-rulerAfter div.csc-header h2 {
    border-bottom: 8px solid #ffd100;
    color: #005ca9;
    font-family: "Oswald",sans-serif;
    font-size: 2.125em;
    font-weight: bold;
    line-height: 1.2em;
    margin: 0 0 1em;
    padding-bottom: 10px;
    position: relative;
	width:370px;
}
div.ToolBoxContent {
    width: 100%;
}
div.ToolBoxContent p {
    width: 100%;
}
div.col1, div.col3 {
    margin: 8px 0;
}
div.col1, div.col2, div.col3 {
    float: left;
	box-sizing:border-box;
}
div.col2 {
    /* margin: 0.5em; */
	margin:8px;
}
div.services > div.row > div.col{
    box-sizing: border-box;
    width: 100%;
}
.REboxRed {
    display: none;
}
div.service.unAct h1{color:#000}
div.service.unAct h2{display:none}
div.service.unAct h4{font-size:1em}
div.service.unAct div.csc-header{width:calc(100% - 3.3em - 1em)}
div.service.curCol div.csc-header{width:calc(100% - 3.3em - 1em)}
div.service.curCol.curCell div.csc-header{width:calc(100% - 6.9em - 1em)}
div.service div.csc-header{transition: all 0.5s}
div.service div.csc-header h4{transition:all 0.5s}
div.unAct div.ToolBoxImage{width:3.3em;height:3.3em}
div.curCol.curCell div.ToolBoxImage{width:6.9em;height:6.9em}
div.ToolBox div.ToolBoxImage{transition: all 0.5s}
div.service.curCell div.ToolBoxImage{
	margin:0 1em 1em 0;
}
div.service div.ToolBoxImage{
    float: left;
}
div.ToolBoxImage img {
    height: 100%;
    width: auto;
}
div.frame-type-shortcut div.ToolBox {
    margin: 0;
    padding: 0;
}
div.service.curCell {
    background: #ffffff none repeat scroll 0 0;
    border-color: #dddddd;
    border-image: none;
    border-radius:0;
    border-style: solid;
    border-width: 2px;
    color: #000;
    padding: 8px;
}
div.service.curCell h2{display:none}
div.service.unAct {
    background: #ffffff none repeat scroll 0 0;
    border-color: #dddddd;
    border-image: none;
    border-radius: 0;
    border-style: solid;
    border-width: 2px;
    color: #000;
    cursor: pointer;
    padding: 8px;
}
div.service.curCell div.ToolBoxContent, div.service.unAct div.ToolBoxContent {
    display: initial;
    padding: 0;
}
div.service.curCell div.ToolBoxContent div.csc-default, div.service.unAct div.ToolBoxContent div.csc-default {
    padding: 1em 0 0 0em;
}
div.service.unAct div.csc-header, div.service.curCol div.csc-header, div.service.curCell div.csc-header {
    float: right;
}
div.services > div.row > div.col div.csc-frame-rulerAfter {
    background: #ffffff none repeat scroll 0 0;
    border: none;
    border-radius: 0;
    padding:20px 60px 20px 30px;
	margin-bottom:0.5em;
}
.ym-cbox > .csc-default:first-child {
    /* box-sizing: border-box;
    display: inline-block;
    padding: 1em 0;
    width: 100%; */
	overflow:hidden;
}
div.services > div.row > div.col div.csc-default:first-child div.csc-header h1.csc-firstHeader {
    color: inherit;
    font-size: 2em;
    margin: 0;
}
div.ToolBoxContent div[class*="csc-header-n"] h1, div.csc-default.serviceBox_ie8 > div.csc-header[class*="csc-header-n"] > h1 {
    display: none;
}
div.csc-default.serviceBox_ie8 div.ToolBoxContent div[class*="csc-header-n"] h1 {
    display: block;
}
div.serviceBox_ie8 {
    background: #ffffff none repeat scroll 0 0;
    border-color: #dddddd;
    border-image: none;
    border-radius: 0.4em;
    border-style: solid;
    border-width: 5px;
    color: inherit;
    display: inline-block;
    margin: 1em 0;
    padding: 1em 2.3em;
}
div.serviceBox_ie8 > div.csc-header, div.serviceBox_ie8 div.ToolBox {
    clear: both;
    float: none;
}
div.serviceBox_ie8 div.ToolBox div.ToolBoxImage {
    display: block;
    float: left;
    height: auto;
    margin: 0.5em 0 1em;
    width: 15%;
}
div.serviceBox_ie8 div.ToolBox div.ToolBoxImage img {
    height: auto;
    width: 100%;
}
div.serviceBox_ie8 div.ToolBox div.ToolBoxContent {
    float: left;
    padding: 0 0 1em 1em;
    width: 80%;
}
div.serviceBox_ie8 > div[class*="csc-header-n"] h1 {
    color: inherit;
}
#titel + #main.content_small > div.ym-column > div.ym-col1 > div.services > div.row > div.col > div.csc-default > div.csc-default:first-child{
	display:none;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media (max-width: 1024px) {
	div.ToolBoxContent header{display:none}
	div.services > div.row > div.col div.csc-frame-rulerAfter {
		background: #ffffff none repeat scroll 0 0;
		border: medium none;
		padding: 1em 2em;
	}
	div.ToolBoxContent p.bodytext {
		margin: 1em 0 0;
	}
	div.ToolBoxContent p.bodytext + p.bodytext {
	}
	#header {
	}
	div.ToolBox div.ToolBoxContent dd.csc-textpic-caption {
		font-size: 0.5em;
		line-height: 1.2em;
		padding: 0.2em;
		text-align: center;
	}
	.ToolBoxContent div.csc-textpic-imagerow, .ToolBoxContent dl.csc-textpic-image {
		width: 100% !important;
	}
	.ToolBoxContent img {
		height: auto;
		width: 100% !important;
	}
	.serviceBox_ie8 {
		background: #ffffff none repeat scroll 0 0;
		border: medium none;
		color: inherit;
		margin: 1em 0 0;
		padding: 0.5em;
	}
	.serviceBox_ie8 > .csc-header, .serviceBox_ie8 .ToolBox {
		clear: both;
		float: none;
	}
	.csc-frame-rulerAfter h2 {
		margin-left: 0.5em !important;
	}
	.serviceBox_ie8 > .csc-header h1 {
		font-size: 1em !important;
	}
	.serviceBox_ie8 .ToolBox {
		margin: 0.5em 0 0;
	}
	.serviceBox_ie8 .ToolBox .ToolBoxImage {
		float: left;
		height: auto;
		margin: 0.5em 0;
		max-height: 25%;
		width: 25%;
	}
	.serviceBox_ie8 .ToolBox .ToolBoxImage img {
		height: auto;
		width: 100%;
	}
	.serviceBox_ie8 .ToolBox .ToolBoxContent {
		float: left;
		padding: 0 0 0.5em 1em;
		width: 70%;
	}
	.serviceBox_ie8 > div[class*="csc-header-n"] h1 {
		color: inherit;
	}
}