@charset "UTF-8";
/* CSS Document */


.content {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 65.8807828007%;
}

.content-with-sidebar {
    clear: both;
	display: inline-block;
}
.sidebar {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%;
    margin-right: 0;
}
.breadcrumb {
	display: none
}
.tab-navigation {
	border: none
}
.content-wide {
	margin-bottom: 2em
}
.header {
	margin-bottom: 0;
	border: none
}
.header .headline {
	border: none
}
.main {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	line-height: 1.6;
	padding: 10px 0
}
.center {
	text-align: center
}
.headline {
	border-top: 1px solid #666;
	text-align: center;
	margin-top: 60px;
	max-height: 41px
}
h3 {
	position: relative;
	top: -42px;
	display: inline-block;
	padding: 0 5px;
	background: #fff;
	font-family: Georgia, serif;
	color: #666;
	font-size: 22px;
	font-weight: normal
}
.icons {
	display: block;
	margin: 0 auto;
	width: 750px
}
.icons .headline {
	border: none
}
.icons .eins, .icons .zwei, .icons .drei {
	float: left;
	width: 250px
}
.icons img {
	display: block;
	margin: 0 auto
}
.icons span {
	text-align: center;
	display: block;
	width: 215px;
	margin: 0 auto
}
.dib-intro-text {
	width: 70%;
	float: left;
	margin-bottom: 1em
}
.dib-intro-img {
	width: 30%;
	float: right;
	margin-top: .4em
}
.dib-intro-img span {
	width: 100%;
	text-align: center;
	display: inline-block
}
.dib-intro-img span a {
	color: #007127;
	font-weight: bold
}
.dib-intro-text h1, .dib-intro-text h2 {
	font-family: georgia, serif;
	font-weight: normal;
	line-height: 1.2em;
	margin: 0 0 .2em 0
}
.dib-intro-text h1 {
	color: #007127;
	font-size: 2.2em
}
.dib-intro-text h2 {
	color: #666;
	font-family: arial, helvetica, sans-serif;
	font-size: 1.4em
}
.dib-navigation img {
	width: 100%
}

@media screen and (max-width:47.9375em) {
.dib-intro-text, .dib-intro-img {
	width: 100%;
	float: none
}
}
.preis span {
	color: #007127;
	font-size: 25px;
	font-weight: bold
}
.dib-navigation img {
	width: 100%
}
.dib-navi {
	background: #007127 none repeat scroll 0 0;
	font-family: arial;
	margin: -9px 0 0;
	padding: 15px 0;
	text-align: center
}
.dib-navi a {
	border-right: 1px solid #fff;
	color: #fff;
	letter-spacing: .05em;
	padding: 0 15px;
	text-transform: uppercase;
	text-decoration: none;
}
.dib-navi span:last-child a {
	background: #fff none repeat scroll 0 0;
	border: medium none;
	color: green;
	font-weight: bold;
	margin-left: -6px;
	padding: 5px
}
.dib-navi .active {
	font-weight: bold
}
.button_bestellen {
	background: #007127 none repeat scroll 0 0;
	color: #fff!important;
	display: inline-block;
	padding: 3px;
	text-align: center;
	width: 60%
}
.kontakt img {
	float: right;
	margin: 0 20px 0 0;
	width: 25%
}
.kontakt strong.intro {
	color: #007127;
	display: inline-block;
	font-size: 22px;
	font-weight: normal;
	margin-top: 20px
}
.kontakt>p {
	display: inline-block;
	margin: 0
}
.kontakt .nr {
	color: #007127;
	font-size: 20px;
	font-weight: bold
}
.cta {
	margin: 20px 0 0;
	text-align: center
}
.kontakt .cta-info>div {
	border-bottom: 1px dotted #e0e0e0;
	font-size: 14px;
	margin: 5px 0
}
.kontakt .phone {
	background: rgba(0, 0, 0, 0) url("https://extracontent.abendblatt.de/nnc/common/media/all/icons/tel.png") no-repeat scroll 0 0 / 35px auto;
	padding-left: 40px
}
.kontakt .mail {
	background: rgba(0, 0, 0, 0) url("https://extracontent.abendblatt.de/nnc/common/media/all/icons/mail.png") no-repeat scroll 0 -3px / 35px auto;
	padding-left: 40px
}
.kontakt .fax {
	background: rgba(0, 0, 0, 0) url("https://extracontent.abendblatt.de/nnc/common/media/all/icons/tel.png") no-repeat scroll 0 0 / 35px auto;
	padding-left: 40px
}
.sidewidet, .kontakt {
	margin-bottom: 2em
}
.dib-faq {
	display: inline-block;
	margin-top: 2em
}
.dib-faq-question {
	color: #007127;
	font-size: 1.4em;
	font-weight: bold
}
.dib-faq-answer p {
	margin: 0 0 1em
}
.dib-contact {
	background: #f0f0f0 none repeat scroll 0 0;
	padding: 20px;
	display: inline-block
}
.dib-contact .dib-header {
	border-bottom: 1px solid #999;
	color: #007127;
	display: block;
	font-size: 1.4em;
	padding-bottom: 10px
}
.dib-contact-row {
	float: left;
	width: 33%
}
.dib-contact-row.info div {
	font-weight: bold
}
.dib-contact-row.info span {
	color: #007127;
	font-weight: bold
}
.dib-contact-row.info span.label {
	color: #666
}
.dib-contact-row.info span.sub-label {
	color: #666;
	display: block;
	font-size: .8em;
	font-weight: normal;
	margin-top: -5px
}
.dib-schueler {
	text-align: center
}
.duoteaser .sidebar {
	display: none
}
.duoteaser .content {
	width: 100%!important
}
.duoteaser .content-double__column {
	width: 100%!important
}
.duoteaser article {
	width: 31%!important;
	margin-right: 2%!important;
	min-height: 340px!important;
	float: left;
	padding: 0
}
.collapsable__content article:first-child {
	margin-top: 0
}

@media screen and (max-width:47.9375em) {
.content-wide {
	margin: 15px 0 0 0
}
.content__column {
	margin-bottom: 0
}
.dib {
	padding: 10px
}
.dib-intro-text h1 {
	font-size: 1.4em
}
.dib-intro-text h2 {
	font-size: 1.1em
}
.dib-intro-text, .dib-intro-img {
	width: 95%;
	float: none;
	text-align: center
}
.dib-intro-img img {
	width: 60%
}
.icons {
	width: 100%
}
.icons .eins, .icons .zwei, .icons .drei {
	float: none;
	width: 200px;
	margin: 0 auto 1em
}
.headline {
	max-height: 4em
}
.dib-navi span {
	display: block;
	text-align: left
}
.dib-navi span a {
	border: none;
	border-bottom: 1px solid #fff;
	display: block;
	padding: 5px 0 5px 15px
}
.dib-navi span:last-child a {
	margin: 10px 14px 0!important;
	display: inline-block;
	border: none
}
.dib-navi:last-child {
	border: none
}
.dib-faq {
	display: inline-block;
	margin: 10px
}
.dib-faq ul {
	padding-left: 20px
}
.content--teaser--container li:last-child {
	border: none
}
.dib-contact-row {
	float: none;
	width: 100%
}
.dib-contact .dib-header {
	line-height: 1.2em
}
.dib-contact-row .center {
	text-align: left
}
.sidebar {
	margin: 10px
}
.sidebar:last-child {
	margin: 10px
}
.duoteaser article {
	width: 100%!important;
	margin-right: 0!important;
	min-height: auto!important;
	float: left
}
}