/* These styles are used in the backend editor AND in the Theme (frontend) */

/* CSS is provided by the theme itself, and modified by any custom css you add to the theme. */
/* But that CSS is not active when using the backend-editor, so here is a good place to put  */
/* any custom css which should be active in the frontend website and also applied to editor. */
/* The goal is to make the visual editor display as like the final frontend view as possible */
/* so do not forget to configure the TinyMCE styles dropdown with elements to match these.   */

/* Suggested general non-tag-specific visual styles (for all websites) */

.list		{ margin: 0.35rem 0; }
.stdtop     { margin-top: 0.65rem !important; }
.moretop    { margin-top: 0.8rem  !important; }
.lotstop    { margin-top: 1rem    !important; }
.hugetop    { margin-top: 1.3rem  !important; }
.stdbottom  { margin-bottom: 0.65rem !important; }
.morebottom { margin-bottom: 0.8rem  !important; }
.lotsbottom { margin-bottom: 1rem    !important; }
.hugebottom { margin-bottom: 1.3rem  !important; }

.topless    { margin-top: 0 !important; }
.bottomless { margin-bottom: 0 !important; }

.beforelist { margin-bottom: 0.3rem; }

.lastitempx { padding-bottom: 12px !important; }
.lastitemem { margin-bottom: 0; padding-bottom: 1.3rem; }

strong, .strong, .fett, .bold, .smallBold, .smallerBold { font-weight: bold; }

/* Revert to normal text within strong */
.notstrong { font-weight: normal; }

.smaller, .smallerBold { font-size: 0.95rem; line-height: 1.25; }

.small, .smallBold { font-size: 0.89rem; line-height: 1.2; }

/* Append your site-specific styles here */

.info
	{border: 1px solid #969696; padding: 10px 10px 10px 75px; margin: 0;}
	
.yellow_bg {background: #f6f9c3 url('/wp-content/uploads/2016/10/info.png') no-repeat 10px center;}
.grey_bg {background: #f5f5f5 url('/wp-content/uploads/2016/10/info.png') no-repeat 10px center;}

ul.checkliste{
	background: #f5f5f5;
	border: 1px solid #ddd;
	padding: 15px;
	margin-left: 0;
	text-indent: -17px
	}

ul.checkliste li{
	list-style-type: none;
	padding-left: 20px;
	padding-bottom: 5px;
	}

ul.checkliste li:before{
	content: "✓";
	font-weight: bold;
	padding-right: 10px;
	color: #0C6700;
	}

ul.aufzaehlung {

	background: #F5F5F5;
	margin: 20px 0;
	padding: 10px 35px;
	border-left: 25px solid #04461A;
}


ul.aufzaehlung li {
	list-style-type: none;
	text-indent: -20px;
	line-height: 1.2;
	padding: 3px 0;
}

ul.aufzaehlung li::before{
	content: "»";
	color: #04461A;
	margin-right: 10px;
}

.individualbutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #fcf8f2;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fcf8f2;
	box-shadow:inset 0px 1px 0px 0px #fcf8f2;
	text-indent:0;
	display:inline-block;
	color:#ffffff !important;
	font-size:16px;
	height:40px;
	width:100%;
	text-decoration:none;
	text-align:center;
	line-height: 40px;
}

.individualbutton:active {
	position:relative;
	top:1px;
}

.ib_green {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #009B00), color-stop(1, #00C500) );
	background:-moz-linear-gradient( center top, #009B00 5%, #00C500 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#009B00', endColorstr='#00C500');
	background-color:#009B00;
	border:1px solid #00C500;
}
.ib_green:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #00C500), color-stop(1, #009B00) );
	background:-moz-linear-gradient( center top, #00C500 5%, #009B00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00C500', endColorstr='#009B00');
	background-color:#009B00;
	color: #fff;
}

.ib_orange {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe9503), color-stop(1, #f57716) );
	background:-moz-linear-gradient( center top, #fe9503 5%, #f57716 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe9503', endColorstr='#f57716');
	background-color:#fe9503;
	border:1px solid #f57716;

}

.ib_orange:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f57716), color-stop(1, #fe9503) );
	background:-moz-linear-gradient( center top, #f57716 5%, #fe9503 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f57716', endColorstr='#fe9503');
	background-color:#f57716;
	color: #fff;
}
