/* Schriften einbinden */
/* montserrat-200 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 200;
    src: url('/inc/fonts/montserrat-v15-latin-200.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/inc/fonts/montserrat-v15-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/inc/fonts/montserrat-v15-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
         url('/inc/fonts/montserrat-v15-latin-200.woff') format('woff'), /* Modern Browsers */
         url('/inc/fonts/montserrat-v15-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/inc/fonts/montserrat-v15-latin-200.svg#Montserrat') format('svg'); /* Legacy iOS */
    font-display: swap;
  }
  /* montserrat-regular - latin */
  @font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('/inc/fonts/montserrat-v15-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/inc/fonts/montserrat-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/inc/fonts/montserrat-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('/inc/fonts/montserrat-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('/inc/fonts/montserrat-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/inc/fonts/montserrat-v15-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
    font-display: swap;
  }
  /* montserrat-600 - latin */
  @font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: url('/inc/fonts/montserrat-v15-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/inc/fonts/montserrat-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/inc/fonts/montserrat-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
         url('/inc/fonts/montserrat-v15-latin-600.woff') format('woff'), /* Modern Browsers */
         url('/inc/fonts/montserrat-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/inc/fonts/montserrat-v15-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
    font-display: swap;
  }

  /* caveat-regular - latin */
@font-face {
    font-family: 'Caveat';
    font-style: normal;
    font-weight: 400;
    src: url('/inc/fonts/caveat-v10-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/inc/fonts/caveat-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/inc/fonts/caveat-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('/inc/fonts/caveat-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('/inc/fonts/caveat-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/inc/fonts/caveat-v10-latin-regular.svg#Caveat') format('svg'); /* Legacy iOS */
         font-display: swap;
  }

/** Allgemeine Formate, Tags etc. ******************************************************/

*, ::after, ::before {
    box-sizing:border-box;
}

body {
    margin: 0;
    padding:0px 50px 50px 50px;
    font-size: 1.0em;
    color: #212121;
    font-family: 'Montserrat',sans-serif;
    line-height: 1.8em;
    background-color: #fff;
}

h1 { font-size: 3.0em; color: #595959; padding-top: 0; padding-bottom: 15px; margin: 0; font-weight: 300; line-height: normal; }
h2 { font-size: 1.6em; color: #2c8955; padding-top: 0; padding-bottom: 5px; margin: 0; font-weight: normal; line-height: normal; }
h3 { font-size: 1.2em; color: #2c8955; padding-top: 0; padding-bottom: 15px; margin: 0; font-weight: normal; line-height: normal; }
h4 { font-size: 1.0em; color: #2c8955; padding-top: 0; padding-bottom: 5px; margin: 0; font-weight: bold; }

.sitewidth {
	width:1300px;
    margin:auto;
}

.left {
	float:left;	
}

.right {
	float:left;
}

.imgleft {
	width:35%;
	height:auto;
	float:left;
	margin-right:20px;
}

.imgright {
	width:35%;
	height:auto;
	float:right;
	margin-left:20px;
}

hr{
	margin: 2% auto;
	border: 0;
	width: 40%;
	height: 4px;
	background-color: #dedede;
	/*float:left;*/
}

.containerpadding {
    padding:40px 40px 40px 40px;
}

.notoppadding {
    padding-top:0px !important;
}

.noleftrightpadding {
    padding-left:0px !important;
    padding-right:0px !important;
}

.containermargin {
    margin:20px 20px 20px 20px;
}

/** Container *************************************************/

#headercontainer {
    margin:0% 0% 0% 0%;
    border-bottom:1px solid #ccc;
}
#navigationcontainer {
    margin:0% 0%;
}

.full {
    
}

#breadcrumbcontainer {
    height:30px;
}

#footercontainer {
	background:#dedede;	
}

.flexwrapper {
    margin: 0% auto;
    display:flex;
    flex-wrap:wrap;
}

.half {
	width:48%;
	float:left;
    margin:1%;
    margin:0% 0%;
	box-shadow: 0 0.9125rem 1.4125rem #00000018;
}

.half:nth-child(2n+0) {
	margin-right:0%;
}

.third {
	width:31.333%;
    float:left;
    padding:40px;
    margin:1%;
	box-shadow: 0 0.9125rem 1.4125rem #00000018;
}

.third:nth-child(3n+0) {
	margin-right:0%;
}

.containergrey {
	background:#f1f1f1;
	padding:0px 0px;
}

.containergreen {
	background:#2c8955;
	padding:40px 60px;
    color:#fff;
    text-align:center;
}

.containergreen h2 {
    font-size:4.0em;
    color:#fff;
    font-family: 'Caveat';
    font-style: normal;
    font-weight: 400;
}
.containergreen a {
    color:#fff !important;
}

/** Container Ende *************************************************/


/** Module *************************************************/

.thirtyseconds {
    background:#6d2f3c;
    color:#fff;
	padding:4% 8%;
    margin:4% 0%;
    box-shadow: 0 0.9125rem 1.4125rem #00000018;
    border-radius:10px;
    position:relative;
}

.thirtyseconds h2 {
    color:#fff !important;
    line-height:1.4em;	
}

.thirtyseconds ul {
    margin-top:2%; 
    list-style:none outside; 
    padding:0;
}

.thirtyseconds ul li {
    position:relative;
    line-height:23px;
    padding:12px 0px 5px 30px;	
}

.thirtyseconds li::before {
    /*content: url('/inc/img/30sArrow.png');*/
    content:"\2014\a0";
    position:absolute;
    left:0px;
}

.mitarbeiter {
	width:31.333%;
	float:left;
	padding:40px;
	min-height:220px;
	overflow:hidden;
	margin:1%;
    box-shadow: 0 0.9125rem 1.4125rem #00000018;
}

.mitarbeiter h2 {
	font-size:1.2em;	
}

.videoeinleitung {
	padding:2%;
	background:#f4f4f4;
	border: 2px dashed #a93c4e;
}

.videoeinleitung ul li {
	margin-bottom:3%;	
}

.videobox {
    padding:2% 8%;
    position:relative;
}

/*.videobox::after {
    position:absolute;
    font-family: 'Font Awesome 5 Free';
    content: "\f03d";
    font-weight:900;
    top:4%;
    right:2%;
    font-size: 3.0em;
    padding-right:10%;
}*/

.videodescription {
	padding: 0% 4%;	
}

.expert {
	text-align:center;
	position:relative;
	padding:4% 8%;
    margin:4% 0%;
    background:#6d2f3c;
    color:#fff;
}

.expert::before {
    content: url('/inc/img/bernhard-klinger-expertentipp.jpg');
    margin:auto;
}

.expert::after {
    display: block;
    font-family: 'Font Awesome 5 Free';
    content: "\f0eb";
    font-weight:900;
	font-size: 3.0em;
	position: absolute;
	right: 2%;
	top: 10%;
	color: #fff;
}

.expert h2, .expert h3 {
    color:#fff;
    font-size:1.6em;
}

.expertnoimage {
	text-align:center;
	position:relative;
	padding:4% 8%;
    margin:4% 0%;
    background:#6d2f3c;
    color:#fff;
}

.expertnoimage::after {
    display: block;
    font-family: 'Font Awesome 5 Free';
    content: "\f0eb";
    font-weight:900;
	font-size: 3.0em;
	position: absolute;
	right: 2%;
	top: 10%;
	color: #fff;
}

.expertnoimage h2, .expertnoimage h3 {
    color:#fff;
    font-size:1.6em;
}

.beispiel {
	position:relative;
	padding:8% 8% 4% 8%;
    margin:8% 0%;
    background:#d2d3d4;
}
.beispiel::before {
    content: url('/inc/img/beispiel.png');
    margin:auto;
    position:absolute;
    top:-40px;
    left:44%;
}

.alternativeContent, .relatedContent {
    padding:4% 8%;
    box-shadow: 0 0.9125rem 1.4125rem #00000018;
    position:relative;
}

.alternativeContent ul, .relatedContent ul {
    margin:0; 
    margin-top:2%; 
    list-style:none outside; 
    padding:0;
}

.alternativeContent li, .relatedContent li {
    line-height:30px;
    position:relative;
    padding-left:35px;
    margin-bottom:2%;
}
.alternativeContent li::before, .relatedContent li::before{
    content: url('/inc/img/goto-arrow.png');
    position:absolute;
    left:0px;
    top:5px;
}

dd { display:none; }

.closed { /*background:red;*/ }

.open { display:block; }

.accordion-title {
	background:none !important;
	font-family:inherit !important;
	color:inherit !important;
	font-size:inherit !important;
	border:0 !important;
	border-top:1px solid #fff !important;
	padding:1.5% 0% 1.5% 0% !important; 
	margin:0 !important;
	-moz-border-radius:0px !important;
	-khtml-border-radius:0px !important;
	outline:none !important;
    line-height:40px !important;
    position:relative;	
    color:#2c8955 !important;
    cursor: pointer;
}

.noHpadding {
    padding:0% !important;
}

.glossarletter {
    padding:0px 4px;
}

.accordion-title::before {
	content:'+';
	font-size:1.4em;
	left:0;
    top:0;
    display:inline;
    padding-right:3%;
}

dd {
	padding:0;
	margin:0;	
}

.accordion-content {
	background:none !important;
	color:#505050 !important;
	font-size:inherit !important;
	line-height:1.8em !important;
	border:0 !important;
	border-right:0 !important;
	-moz-border-radius:0px !important;
	-khtml-border-radius:0px !important;
	padding:0% 0% 0% 3% !important;	
}

.begriffliste {
    list-style: none;
    padding-left:10px;
}
.faquebersichtcontainer10 {
    background:#efebeb;
    background-image: url("/inc/img/faq-background.jpg");
    background-size: cover;
    position:relative;
}

.faquebersichtcontainer10 h2 {
    color:#fff !important;
}
.faquebersichtcontainer {
    background:#efebeb;
    background-size: cover;
    position:relative;
}

.faq {
    padding:2%;
    position:relative;
}

.faq::before {
    content: "\f128";
    font-family: 'Font Awesome 5 Free';
    font-size:3.0em;
    font-weight:600;
    color:#fff;
    position: absolute;
	right: 2%;
	top: 10%;
}

.faqitem {
	padding:4%;	
}

.faqitem:nth-child(odd) {
	background:#efebeb;	
}

.faq ul#uebersicht {
  list-style: none;
  margin-left: 0em;
  counter-reset: start 0;
  padding-left:0;
}

.faq ul#uebersicht > li {
  position: relative;
  padding:2%;
  box-shadow: 0 0.9125rem 1.4125rem #00000018;
  margin:0%;
  width:31.333%;
  min-height:200px;
  margin:0.5%;
  float: left;
  background:#fff;
  opacity: 0.8;
}

.faq .button {
    display:inline-block;
    padding:1% 8%;
    border-radius:5px;
    font-size:1.1em;
    position:relative;
    margin:2% auto;
    color:#6d2f3c;
    background:#fff;
    box-shadow: 0 0.9125rem 1.4125rem #00000018;
    transition: .5s ease;
}

#FAQRest{
    position:relative;
}


.generalctacontainer {
    background:#9a6973;
    color:#fff;
    margin-bottom:50px;
}

.generalctacontainer .full {
    position:relative;
}

.generalctacontainer h2 {
    color:#fff;
    padding:0% 4%;
}

.generalctabutton {
    position:absolute;
    bottom:-20px;
    right:20%;
    padding:15px 15px 15px 35px;
    color:#fff !important;
    background:#bcc9ba;
    box-shadow: 0 0.9125rem 1.4125rem #00000018;
	border-radius:10px;
}
.generalctabutton::before {
	position:absolute;
	left:10px;
	content: "\2713";
	font-size:1.3em;
	color:#fff !important;	
}

.cta {
	background:#fff;
	text-align:center;
    padding:4% 8%;
    margin:4% 0%;
	box-shadow: 0 0.9125rem 1.4125rem #00000018;
}


.cta .ctabutton {
	display:inline-block;
	padding:1% 8%;
	border-radius:5px;
	color:#fff !important;
	font-size:1.3em;
	position:relative;
    margin:2% auto;
    background:#6d2f3c;
    box-shadow: 0 0.9125rem 1.4125rem #00000018;
    transition: .5s ease;
}

.cta .ctabutton:hover {
    box-shadow: none;
    background:#995160;
    transition: .5s ease;
    text-decoration:none;
}

.cta .ctabutton::before {
	position:absolute;
	left:10px;
	content: "\2713";
	font-size:1.3em;
	color:#fff !important;	
}

.stoererbutton {
	display:inline-block;
	padding:12px;
	border-radius:5px;
	color:#fff !important;
	/*font-size:1.3em;*/
	position:relative;
    margin:2% auto;
    background:#2c8955;
    box-shadow: 0 0.9125rem 1.4125rem #00000018;
    transition: .5s ease;
    text-align:center;
}

.stoererbutton:hover {
    box-shadow: none;
    background:#995160;
    transition: .5s ease;
    text-decoration:none;
}



.musterformulierung {
    position:relative;
	background:#fff;
    padding:4% 8%;
    margin:4% 0%;
	box-shadow: 0 0.9125rem 1.4125rem #00000018;
    border-radius:20px;
}

.musterformulierung::before {
    content: "\f10d";
    font-family: 'Font Awesome 5 Free';
    font-size:3.0em;
    font-weight:600;
    position: absolute;
	right: 2%;
	top: 10%;
    color:#ccc !important;	
}

.musterformulierung .button {
	display:inline-block;
	padding:1% 8%;
	border-radius:10px;
	color:#fff !important;
	font-size:1.3em;
	position:relative;
    margin:2% auto;
    background:#6d2f3c;
    box-shadow: 0 0.9125rem 1.4125rem #00000018;
    transition: .5s ease;
}

.musterformulierung .button:hover {
    box-shadow: none;
    background:#995160;
    transition: .5s ease;
    text-decoration:none;
}



/** Module Ende *************************************************/

/** Tabellen ****************************************/

.tablewrapper {
    width:100%;
    overflow:auto;
}

table { margin: 2% 0%; width: 100%;border-collapse: collapse; }
th {
  
}
tr {
  background: #ffffff;
  color: #000;
}
tr:nth-child(odd) {
  background:#f3f3f3;
}
table td {
	border: 1px solid #ccc;
	padding:10px;	
}

table td p {
	padding:0;
	margin:0;	
}

#header {
    margin: auto;
}

#logo {
	float:right;
    width:198px;
    height:111px;
}

#quickcontact {
    float:right;
    color:#a11c1c;
}


/** YouTube Videos **/
.elastic-video {
	position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.elastic-video iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/** YouTube Videos Ende **/

#claim {
    text-align:right;
    padding:1% 0%;
    margin: auto;
}

#claim h1 {
	font-family:"Nothing You Could Do";
    font-size:2.4em;
    color:#999;
}

.infobox {
	width:36%;
	float:right;
	padding:2%;
	border:2px dashed #ddd;
	margin-left:1%;
	margin-bottom:1%;
	background:#f1f1f1;
}



/** Bewertungssystem **/
.rating-tooltip {
   margin-top: 0px;
}

.rating-tooltip div {
  color: #FFFFFF;
  background: #000000;
  line-height: 20px;
  text-align: center;
  visibility: visible;
  border-radius: 6px;
  padding: 10px;  
  white-space: nowrap;
}

.rating-tooltip div:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-top: 8px solid #000000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

.stars {
	margin-top:20px;
	margin-bottom:40px;	
}

.custom { padding: 0.5em 2.5em 0.8em 0.4em; }



/** Breadcrumb ****************************************************/


#breadcrumbs {
    margin: auto;
    line-height:30px;
    color:#6e6e6e;
    font-size:0.7em;
    padding-left:0%;
}

#breadcrumbs ol {margin:0; list-style:none outside; padding:0;padding-left:52px; }
#breadcrumbs li {display:inline; margin:0px; padding:0px; }
/** Breadcrumb Ende ****************************************************/

#searchbox {
	margin:auto;
    height:40px;
    text-align:right;
    padding-bottom:20px;
}

.submitbutton {
	max-width:100px;
   padding:10px 20px;
   background: #923154;
   color:#fff;
   text-align:center;
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
   border-radius:10px;
   -moz-box-shadow:0px 1px 1px rgba(000,000,000,0.5),inset 0px 0px 1px rgba(255,255,255,0.9);
   -webkit-box-shadow:0px 1px 1px rgba(000,000,000,0.5),inset 0px 0px 1px rgba(255,255,255,0.9);
   box-shadow:0px 1px 1px rgba(000,000,000,0.5),inset 0px 0px 1px rgba(255,255,255,0.9);
   cursor:pointer;
	/*height:35px;
	color:#fff;
	background:#923154;
	line-height:35px;*/
}

#openerteasercontainer {
    background-image: url("../img/bg-teaser.gif");
    background-repeat: repeat-x;
    background-color:#efefef;
    padding:0% 0% 2% 0%;
}

#teasercontainer {
	margin:auto;
}

#teaser2container {
	margin:auto;
}

.teaser {
    float: left;
    width: 31.833%;
    padding: 0%;
    margin-left:2%;
}

.teaser2 {
    float: left;
    width: 27.833%;
    padding: 2%;
    margin-left:2%;
    margin-top:2%;
    margin-bottom:2%;
    background-color:#f5f5f5;
    min-height:350px;
}

div#teasercontainer div:first-child {
	margin-left:0%;
}

div#teaser2container div:nth-child(3n+1) {
	margin-left:0%;
}

#site {
    margin: auto;
    background-color: #fff;
    padding: 0 50px 0 50px
}

/** Navigation **/
#mainnavigation {
    text-align: left;
    color: #000;
    margin:auto;
    padding-left:0%;
    height:60px;
    float:left;
    width:850px;
}

#phonebutton {
	display:none;
}

a {
	color: #2c8955;
}

#mobilenavigation {
    position:absolute;
    top:20px;
    right:2%;
    float:right;
    width:130px;
    display:none;
    font-size:1.6em;
    color:#000;
    padding-top:20px;
    text-align:right;
}

#mobilenavigation div {
    width:31.333%;
    display:inline-block;
    padding:0% 0.5%;
    border-left:1px dotted #000;
    text-align:center;
    float:left;
}

#mobilenavigation div:first-child {
    border-left:none;
}

.toggle,
[id^=drop] {
	display: none;
}




/* Giving a background-color to the nav container. */
nav { 
	margin:0;
	padding: 0;
	position: relative;
    z-index:9999999;
    /*padding-left:37px;  Desktop */
    padding-left:0px;
}

/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */

nav:after {
	content:"";
	display:table;
	clear:both;
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul {
	padding:0;
	margin:0;
	list-style: none;
	position: relative;
    border-left:1px solid #888888;
	}
	
/* Positioning the navigation items inline */
nav ul li {
	margin: 0px;
	display:inline-block;
	float: left;
	/*background-color: #fff;*/
	}
	
nav ul ul li {
	background-color: #fff;
	}
	
nav ul li ul li {
	-webkit-box-shadow: -1px 5px 5px 0px rgba(179,179,179,1);
-moz-box-shadow: -1px 5px 5px 0px rgba(179,179,179,1);
box-shadow: -1px 5px 5px 0px rgba(179,179,179,1);	
}

/* Styling the links */
nav a {
	display:block;
	padding:14px 15px;	
	color:#2c8955;
	font-size: 1.0em;
	text-decoration:none;
	transition: .5s ease;
    border-radius:10px;
    margin-right:5px;
    /*text-transform:uppercase;*/
}

nav ul li ul li:hover { /*background: #9a6b8b; color:#fff;*/ }

/* Background color change on Hover */
nav a:hover { 
	background-color: #2c8955; 
	color:#fff;
	transition: .5s ease;
    border-radius:10px;
}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
	display: none;
	position: absolute; 
	/* has to be the same number as the "line-height" of "nav a" */
	top: 53px; 
}
	
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display:inherit; 
	color:#fff;
}
	
/* Fisrt Tier Dropdown */
nav ul ul li {
	width:450px;
	float:none;
	display:list-item;
	position: relative;
}

/* Second, Third and more Tiers	
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
nav ul ul ul li {
	position: relative;
	top:-53px;
	/* has to be the same number as the "width" of "nav ul ul li" */ 
	left:450px; 
}

/* Change ' +' in order to change the Dropdown symbol */
nav li > a:after { content:  ' +'; }
nav li > a:only-child:after { content: ''; }

nav {
    /*display:none;*/
}

mynav {
    position: absolute;
    /*width: 100%;*/
    font-size: 16px;
    z-index:99;
  }
  
  /* first stage */
  
  mynav > ul {
    position: relative;
    display: flex;
    justify-content: center;
    /*width: 1200px;*/
    width:100%;
    margin: 0 auto;
    padding: 0;
  }
  
  mynav a {
    display: block;
    color: #fff;
    text-decoration: none;
  }
  
  mynav ul li {
    color: #fff;
    list-style: none;
    transition: 0.5s;
  }
  
  mynav > ul > li > a {
    padding: 15px 25px;
  }
  
  mynav ul > li.submenu > a:after {
    position: relative;
    float: right;
    /*content: '';*/
    margin-left: 10px;
    margin-top: 8px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    border-bottom: 5px solid transparent;
  }
  
  mynav ul > li.submenu:hover > a:after {
    margin-top: 2px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid #fff;
  }
  
  mynav > ul > li:hover {
    background: #013575;
    color:#fff !important;
  }
  
  /* second stage (the mega-menu) */
  
  mynav ul.megamenu {
    position: absolute;
    display: flex;
    flex-wrap: wrap; 
    width: 1320px;
    top: -9999px;
    left: 0;
    right:0;
    padding: 40px 20px 0 20px;
    background: #fff;
    text-align: left;
    border-top: 5px solid #013575;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
    z-index: 1;
  }
  
  mynav ul li:hover ul.megamenu {
    top: 100%;
  }
  
  /* third stage (child-menus in the mega-menu) */
  
  mynav ul.megamenu ul {
    width: 25%;
    margin-bottom: 40px;
    color: #000;
    box-shadow: none;
  }
  
  mynav ul.megamenu h4 {
    margin-bottom: 15px;
  }
  
  mynav ul.megamenu ul li {
    display: block;
    line-height: 1.2em;
    margin-bottom: 25px;
  }
  
  mynav ul.megamenu ul li a {
    margin-top: 10px;
    transition: 0.5s;
    color: #000;
  }
  
  mynav ul.megamenu ul li a:hover {
    color: #013575;
  }



#landingpageheader {
    height: 150px
}

#landingpageheaderimage {
    width: 666px;
    height: 150px;
    float: left
}

#landingpageheaderimage img {
    width: 100%;
    height: auto
}

#landingpageclaim {
    width: 290px;
    float: right;
    height: 120px;
    color: #923154;
    font-size: 1.4em;
    line-height: normal;
    padding: 20px 20px 10px 20px;
    background-image: url("../img/bgLPHeaderClaim.gif");
    background-repeat: repeat-x
}

#openerheader {
    height: 409px;
    margin-bottom: 40px
}

#openerheaderimage {
    width: 670px;
    float: left;
    position: relative
}

#openerheaderimage p {
    position: absolute;
    bottom: 0;
    width: 50%;
    background-color: #a93c4e;
    padding: 20px;
    color: #fff
}

.openerheadline {
    font-size: 1.4em
}

#openerheaderimage h1 {
    position: absolute;
    bottom: 0;
    width: 50%;
    background-color: #a93c4e;
    padding: 20px;
    color: #fff
}

#welcomeboxencontainer {
	margin:auto;
	margin-top:40px;
	border-top: 1px dotted #ccc;	
}


#welcomeboxen {
    margin:auto;
	margin-bottom:20px;
}

.welcomebox {
    width:100%;
    margin-top:0px;
    padding:2% 0%;
}

.welcomebox2 {
	margin:auto;
    margin-top:0px;
    padding:1% 0%;
}

#content {
	margin:auto;
    padding: 0%;
}

.contentbox{
	background: #f2f2f2; 
	padding: 2%; 
	width: 91%; 
	float: left; 
	margin: 0.5%; 
	height: 22px;	
}

.contentbox:hover {
	background: #f8f8f8; 	
}

.ratgeberbox{
	background: #f2f2f2; 
	padding: 2%; 
	width: 91%; 
	float: left; 
	margin: 0.5%;	
}

.ratgeberbox:hover {
	background: #f8f8f8; 	
}

.mustertestament{
	background: #f2f2f2; 
	padding: 2%; 
	margin: 0.5%; 	
}

.mustertestament:hover {
	background: #f8f8f8; 	
}

#maincol {
    float:right;
    width:65%;
    padding: 0 0 0 20px
}

#leftcol {
    float: left;
    width: 32%;
}

#leftcoltext {
	min-height:600px;	
}

.leftcolteaser {
	/*border-bottom:1px dotted #aaa;*/
	margin-bottom:10px;
}

#social {
    background-color: #a93c4e;
    color: #fff;
    padding: 20px 20px 30px 20px
}

#socialmedia {
    width: 50%;
    float: right;
    font-size: 1.3em;
    color: #fff;
    text-align: right
}

#bloginfo {
    width: 50%;
    float: left;
    font-size: 1.0em;
    color: #fff
}

.blogheadline {
    font-size: 1.3em
}

.newsitem {
    box-shadow: 0 0.9125rem 1.4125rem #00000018;
    float:left;
    padding:3%;
    width:47%;
    min-height:550px;
    margin:1.5%;
}

#newsletter {
    width: 30%;
    float: right;
    color: #fff;
    background-image: url("../img/bgNewsletter.png");
    background-repeat: no-repeat;
    padding: 10px 0 0 20px
}

.headlinevcard {
	font-size:1.5em;	
}

.handwritten {
    font-family: 'Caveat';
    color:#2c8955;
    font-size:3.0em;
    display: inline-block;
}

#footer {
    margin: auto;
    padding: 2% 0%;
    color:#444444;
}

#footer ul {
    list-style-type: style none;
    margin:0;
    padding:0;
}

#footer ul li {
    border-right:1px solid #ccc;
    display:inline-block;
    padding:1%;
}

#footer ul li a{
    color: #2c8955;
}

#footer ul li:last-child {
    border-right:none;
}

#footer ul li:first-child {
    padding-left:0%;
}

#footer a {
    color:#444444;
}

#kooperationen {
    margin-bottom: 40px
}

#kooperationen img {
    display: block;
    float: left;
    padding-right: 20px
}

.publikation {
	box-shadow: 0 0.9125rem 1.4125rem #00000018;
    padding: 3%;
    margin:2% 0%;
}
.publikation h2{
	margin-bottom:2%;
}
.imagepublikation {
	width:170px;
    height:auto;
    float:left;
    margin-right:3%;
}
.imagepublikation img {
	width:100%;
    height:auto;
}

.publikationcover {
    float:right;
    width:30%;
    margin-left:3%;
}

.publikationcover img {
    width:100%;
    height:auto;
}
.fest {
	position:fixed;
	width:300px;
	height:auto !important;
	padding:20px;
	background-color:#fff;
	top:10px;
	-moz-box-shadow:1px 1px 6px #292929; /* Firefox */
	-webkit-box-shadow:1px 1px 6px #292929; /* Chrome, Safari */
	-khtml-box-shadow:1px 1px 6px #292929; /* Konqueror */
	box-shadow:1px 1px 6px #292929; /* CSS3 */
}

.event {
    border-bottom: 1px dotted #ccc;
    padding: 20px 0 10px 0
}

img {
    border: 0
}

.off {
    display: none
}

.gototop {
	position:fixed;
	bottom:1%;
	right:1%;
    z-index:999999;	
}

.nopad {
    padding: 0
}

.line {
    border-bottom: 1px dotted #666;
    margin-top: 20px;
    margin-bottom: 20px
}

.dachzeile {
    font-weight: bold;
    font-size: 1.1em;
    padding: 3px 0
}

.flexslider{
	width: 100%;
	padding-top: 29.53%;
	position: relative !important;
    overflow:hidden;
}

.flexslider .slides{
	position: absolute !important;
	width: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.flex-caption {
    position: absolute;
    bottom: 20px;
    color: #fff;
    padding: 20px;
    font-size: 1.6em;
    width: 666px;
    background-image: url("../img/bgLayer.png")
}

.slides form input[type="text"]{
	width:400px;
	height:40px;
	border:0;
	margin-bottom:3%;
	font-size:1.0em;
  	font-weight: 300;
    font-family:'Montserrat', sans serif;
    outline:none;
    padding:10px;
    border-radius: 10px;
    float:left;
}

#searchformcontainer {
    position:absolute;text-align:center;top:20%;width:450px;left:50%;margin-left:-275px;
}

#searchbutton {
    float:left;
}

.fullsize {
	width:100%;
	height:auto;	
}

.clear {
    clear: both
}

.myCheckbox {
	display:none;	
}

a.headlinelink:link {
    color: #923154;
    text-decoration: none
}

a.headlinelink:visited {
    color: #923154;
    text-decoration: none
}

a.headlinelink:hover {
    color: #923154;
    text-decoration: underline
}

a.headlinelink:active {
    color: #923154;
    text-decoration: none
}

a.white:link {
    color: #fff;
    text-decoration: none
}

a.white:visited {
    color: #fff;
    text-decoration: none
}

a.white:hover {
    color: #fff;
    text-decoration: underline
}

a.white:active {
    color: #fff;
    text-decoration: none
}

a:link {
    color: #2c8955;
    text-decoration: none
}

a:visited {
    color: #2c8955;
    text-decoration: none
}

a:hover {
    color: #2c8955;
    text-decoration: underline
}

a:active {
    color: #2c8955;
    text-decoration: none
}

a.top:link {
    color: #fff;
    text-decoration: none
}

a.top:visited {
    color: #fff;
    text-decoration: none
}

a.top:hover {
    color: #fff;
    text-decoration: underline
}

a.top:active {
    color: #fff;
    text-decoration: none
}

a.mainlevel:link, a.mainlevel:visited {
    display: inline;
    float: left;
    margin: 0;
    font-size: 1.0em;
    line-height: 50px;
    position: relative;
    color: #7a0b17;
    padding: 0 10px 0 10px;
    border-right: 1px dotted #ccc
}

a.mainlevel:hover {
    text-decoration: none;
    color: #fff;
    background-color: #ccc
}

a.mainlevelActive:link, a.mainlevelActive:visited {
    display: inline;
    float: left;
    margin: 0;
    font-size: 1.0em;
    line-height: 50px;
    position: relative;
    color: #fff;
    padding: 0 10px 0 10px;
    border-right: 1px dotted #ccc;
    background-color: #a93c4e
}

a.mainlevelActive:hover {
    text-decoration: none;
    color: #fff;
    background-color: #ccc
}

a.sublevel:link, a.sublevel:visited {
    margin: 0;
    line-height: 35px;
    font-size: 1.2em;
    padding-left: 10px;
    display: block;
    color: #a93c4e;
    border-bottom: 1px dotted #aaa
}

a.sublevel:hover {
    text-decoration: none;
    color: #a93c4e;
    background-color: #ddd
}

a.sublevelActive:link, a.sublevelActive:visited {
    margin: 0;
    line-height: 35px;
    font-size: 1.2em;
    padding-left: 10px;
    display: block;
    color: #fff;
    border-bottom: 1px dotted #aaa;
    background-color: #a93c4e
}

a.sublevelActive:hover {
    text-decoration: none;
    color: #ddd
}

a.thirdlevel:link, a.thirdlevel:visited {
    margin: 0;
    line-height: 25px;
    font-size: 1.0em;
    padding-left: 30px;
    display: block;
    color: #58585a;
    border-bottom: 1px dotted #ccc
}

a.thirdlevel:hover {
    text-decoration: none;
    color: #e7823b
}

a.thirdlevelActive:link, a.thirdlevelActive:visited {
    margin: 0;
    line-height: 25px;
    font-size: 1.0em;
    padding-left: 30px;
    display: block;
    color: #923154;
    background:#efefef;
    border-bottom: 1px dotted #ccc
}

a.thirdlevelActive:hover {
    text-decoration: none;
    color: #e7823b
}

#redirform {
	display:none;	
}

.btn {color: #a93c4e; cursor: pointer;}
.btn:hover {text-decoration: underline;}

/* PTRechner *********************************/
#ptrechner {
	margin-bottom:5%;		
}

#ptrechner ul {
    margin: 0;
    list-style: none outside;
    padding: 0
}

#ptrechner li {
	padding:2%;
	border:2px solid #000;
    margin-bottom:3px;	
}

.level0 {
    background-color: #ddd;
    border:1px solid #aaa;
	font-weight:bold;
}

.level1 {
    background-color: #bbb;
	font-weight:normal;
}

.level2 {
    background-color: #ccc;
}

.level3 {
    background-color: #ddd;
}

.level4 {
    background-color: #eee;
}

.myPT {
    background-color: #bc5a5a;
    color:#fff;
    cursor:initial;
}


#pt ul {
	display: none;
}

#pt li.expand {
	/*background: url(/raklinger-2016.de/inc/img/arrow-down.gif) no-repeat scroll 0px 12px transparent;*/
	cursor:pointer;
}

.expanded {
	background: url(/inc/img/arrow-open.gif) no-repeat scroll !important;
	padding:2%;
	cursor:pointer;
}

.sectionform {
	margin:5% 0%;
}

.boxform {
	background:#f2f2f2;
	padding:2%;
	margin:1% 0%;	
}

input[type="text"], input[type="password"] {
	padding:10px;
	border: 1px solid #ddd;
	width: 70%;	
}

.formerror {
	border:1px solid #ff0000;	
}

/* PTRechner Ende *********************************/

@media screen and (max-width:1419px) {
	#site, #header, #claim, #breadcrumbs, #teasercontainer, #teaser2container, #logos, #footer, #searchbox, #welcomeboxen, .welcomebox2 {
		width:95%;
	}
	
	.sitewidth {
		width:100%;	
	}
}

@media screen and (max-width:1360px) {
	mynav ul.megamenu {
        width:1200px;
    }
}


@media screen and (max-width:1240px) {
	mynav ul.megamenu {
        width:1100px;
    }
}

@media screen and (max-width:1150px) {
	mynav ul.megamenu {
        width:100%;
    }
}

@media screen and (max-width:1099px) {
    #site {
        margin: auto;
        width: 95%;
        background-color: #fff;
        padding: 0 10px 0 10px
    }

    #header {
        /*height: auto;
        margin-bottom: 30px*/
    }

    #bx-pager {
        display: none;
    }

    #maincol {
        float: right;
        width: 60%;
    }

    #claim {
        width: 95%;
        float: none;
        padding: 0px;
    }
    
	#claim h1 {
	    font-size:1.8em;
	}

    #openerheader {
        background-color: #dfe0ca;
        height: auto;
    }

    #openerheaderimage {
        width: 100%;
        height: auto;
        float: none;
    }

    #openerheaderimage img {
        width: 100%;
        height: auto;
    }

    #openerheaderimage p {
        position: absolute;
        bottom: 0;
        width: 100%;
        background-color: #a93c4e;
        padding: 10px 10px 10px 20px;
        color: #fff;
    }

    .openerheadline {
        font-size: 1.0em;
    }

    #claimopener {
        background-color: #dfe0ca;
        width: 95%;
        height: auto;
        float: none;
        padding: 20px 0 10px 20px;
    }

    #landingpageheader {
        height: auto;
    }

    #landingpageheaderimage {
        width: 100%;
        height: auto;
        float: none;
    }

    #landingpageheaderimage img {
        width: 100%;
        height: auto;
    }

    #landingpageclaim {
        display: none;
        width: 290px;
        float: none;
        height: 120px;
        color: #923154;
        font-size: 1.4em;
        line-height: normal;
        padding: 20px 20px 10px 20px;
        background-image: url("../img/bgLPHeaderClaim.gif");
        background-repeat: repeat-x;
    }

    .openerteaser {
        float: none;
        width: 95%;
        padding: 0 0 20px 20px;
        margin-bottom: 20px;
        border: 0;
        border-bottom: 1px dotted #ccc;
    }

    #rightcol {
        float: right;
        width: 30%;
    }

    #maxcol {
        float: left;
        width: 95%;
        padding: 0 10px 0 10px;
    }

    #socialmedia {
        width: 50%;
        float: left;
        font-size: 1.2em;
        color: #fff;
    }

    #newsletter {
        width: 30%;
        float: right;
        color: #fff;
        background-image: url("../img/bgNewsletter.png");
        background-repeat: no-repeat;
        padding: 10px 0 0 20px;
    }

    a.mainlevel:link, a.mainlevel:visited {
        font-size: .95em;
    }

    a.mainlevel:hover {
        text-decoration: none;
        color: #fff;
        background-color: #ccc;
    }

    a.mainlevelActive:link, a.mainlevelActive:visited {
        font-size: .95em;
    }

    a.mainlevelActive:hover {
        text-decoration: none;
        color: #fff;
        background-color: #ccc;
    }
}


@media screen and (max-width:1023px) {	
	.teaser2 {
	    float: left;
	    width: 45%;
	    padding: 2%;
	    margin-left:2%;
	    margin-top:2%;
	    margin-bottom:2%;
	    background-color:#f5f5f5;
	}
	
	
	div#teaser2container div:nth-child(3n+1) {
		margin-left:2%;
	}
	
	
	div#teaser2container div:nth-child(2n+1) {
		margin-left:0%;
	}
	
}

@media screen and (max-width:955px) {
    body {
        font-size:0.9em;
        padding:0px 20px 20px 20px;
    }

    #headercontainer {
        margin: 0% 0% 4% 0%;
    }

    #bx-pager {
        display: none;
    }

    .flex-caption {
        bottom: 10px;
        padding: 2%;
        font-size: 1.4em;
        width: 96%;
    }

    #searchbox {
        float: none;
        width: 100%;
        text-align: left;
    }

    #site {
        margin: auto;
        width: 95%;
        background-color: #fff;
        padding: 0 5px 0 5px;
    }

    #breadcrumbcontainer {
        background:#f8f5f5;
        padding: 8px 0px;
        height:auto;	
    }
    #breadcrumbs {
        line-height:normal;
    }
    #breadcrumbs ol { padding-left:0px; }

    .full {
        padding:4% 15px;
    }

    .third {
        width:100%;
        float:left;
        margin:0%;
        box-shadow: 0 0.9125rem 1.4125rem #00000018;
    }

    .half {
        width:100%;
        float:none;
        margin:0%;
        box-shadow: 0 0.9125rem 1.4125rem #00000018;
    }

    .mitarbeiter {
        width:98%;
        float:none;
        min-height:auto;
        overflow:hidden;
        margin:1%;
    }
    
    .half:nth-child(2n+0) {
        margin-right:0%;
    }
    
	#claim h1 {
	    font-size:1.4em;
	}

    #subnavigation {
        margin-bottom: 0;
    }

    #subnavigation {
        display: none;
    }
    
    #leftcol {
    	display:none;	
	}

    .faq ul#uebersicht > li {
        position: relative;
        padding:5%;
        box-shadow: 0 0.9125rem 1.4125rem #00000018;
        margin:0%;
        width:99%;
        min-height:120px;
        margin:0.5%;
        float: left;
        background:#fff;
    }

    .videobox {
        padding: 2% 0%;
    }

    #maincol {
        float: none;
        width: 100%;
        padding: 0;
        margin-bottom: 20px;
    }

    #maincol li {
        /*padding: 5px 0 5px 0;*/
    }

    #rightcol {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }

    #maxcol {
        float: none;
        width: 100%;
        padding: 0;
        margin: 0;
    }

    #mainnavigation {
		float:none;
		margin-left:0%;
        padding-left:0px;
        height:auto;
        width:100%;
	}

    nav {
        display:block;
    }

    mynav {
        display:none;
    }

	nav {
		margin: 0;
		font-size:14px;
		position:relative;
	}
	
	#phonebutton {
		display:block;
		position:absolute;
		right:2px;
		top:-5px;
		z-index:9999999999;
		padding:0;
		margin:0;
	}
	
	#phonebutton a {
		color:#fff;
		font-size:2.0em;
	}

    #quickcontact {
        display:none;
    }

    #mobilenavigation {
		display:block;
		padding-top:0px;
        top:10px;
        right:10px;
	}
    #mobilenavigation div {
		float:none;
	}

    .hamburg:hover {
        cursor: pointer;
        color:#69303c;
    }
	
	/* Hide the navigation menu by default */
	/* Also hide the  */
	.toggle + a,
	.menu {
		display: none;
	}

	/* Stylinf the toggle lable */
	.toggle {
		display: block;
		padding:10px 20px;	
		color:#6d2f3c;
		font-size:14px;
		text-decoration:none;
		border:none;
	}

	.toggle:hover {
		background-color: #6d2f3c;
		color:#fff;
		transition: 0.5s ease;
	}

	.init {
		background-color: #6d2f3c;
		color:#fff;
	}

	/* Display Dropdown when clicked on Parent Lable */
	[id^=drop]:checked + ul {
		display: block;
		transition: 0.5s ease;
	}

	/* Change menu item's width to 100% */
	nav ul li {
		display: block;
		width: 100%;
		border-top:1px silid #ccc;
		}

	nav ul ul .toggle,
	nav ul ul a {
		padding: 10px 40px;
	}

	nav ul ul ul a {
		padding: 10px 80px;
	}

	nav a:hover {
		background-color: #6d2f3c;
	}
	
 	nav ul ul ul a {
		background-color: #e1e1e1;
		border-bottom:1px solid #ccc;
	}
  
	
	nav ul ul a,
  nav ul ul ul a{
		/*padding:10px 20px;	*/
		color:#FFF; 
		text-decoration:none;
	}
  
  
	nav ul li ul li .toggle,
	nav ul ul a {
		background-color: #f1f1f1; 
		border-bottom:1px solid #ddd;
	}

	/* Hide Dropdowns by Default */
	nav ul ul {
		float: none;
		position:static;
		color: #ffffff;
		/* has to be the same number as the "line-height" of "nav a" */
	}
		
	/* Hide menus on hover */
	nav ul ul li:hover > ul,
	nav ul li:hover > ul {
		display: none;
	}
		
	/* Fisrt Tier Dropdown */
	nav ul ul li {
		display: block;
		width: 100%;
	}

	nav ul ul ul li {
		position: static;
		/* has to be the same number as the "width" of "nav ul ul li" */ 

	}
    
	.teaser {
	    float: none;
	    width: 100%;
	    padding: 0%;
	    margin-left:0%;
	    margin-bottom:2%;
	}
	
	
	.contentbox{
		background: #f2f2f2; 
		padding: 4%; 
		width: 91%; 
		float: left; 
		margin: 0.5%; 
		height: auto;	
	}
	
	.teaser2 {
	    float: none;
	    width: 96%;
	    padding: 2%;
	    margin-left:0%;
	    margin-top:2%;
	    margin-bottom:2%;
	    min-height:0;
	    height:auto;
	}

    .slides form input[type="text"]{
        width:200px;
    }
    #searchformcontainer {
        position:absolute;text-align:center;top:20%;width:300px;left:50%;margin-left:-150px;
    }
}

@media screen and (max-width:480px) {
    #header.containerpadding {
        padding:40px 0px 40px 0px;
    }
    #logo {
        width:191px;
        height:111px;
        padding-top:0px;
    }
    #logo img {
        width:100%;
        height:auto;
    }

    .flex-caption {
        position: relative;
    }

    .flex-direction-nav {
        display: none;
    }

    .containergreen h2 {
        font-size:2.0em;
    }
    #site {
        margin: auto;
        width: 95%;
        background-color: #fff;
        padding: 0 5px 0 5px;
    }

    #claim {
        width: 95%;
        float: none;
        padding: 20px 0 20px 20px;
    }

    #openerheader {
        background-color: #dfe0ca;
        height: auto;
    }

    #openerheaderimage {
        width: 100%;
        height: auto;
        float: none;
    }

    #openerheaderimage p {
        position: absolute;
        bottom: 0;
        width: 100%;
        background-color: #a93c4e;
        padding: 10px 10px 10px 20px;
        color: #fff;
    }
    
    .logogruppe {
		width:100%;
		float:none;	
	}
    
	.logogruppe img {
		width:40%;
		height:auto;
	}

    .openerheadline {
        font-size: 1.0em;
    }

    #bx-pager {
        display: none;
    }

    .openerteaser {
        float: none;
        width: 90%;
        padding: 0 0 0 20px;
        margin-bottom: 20px;
        border: 0;
        border-bottom: 1px dotted #ccc;
    }

    #kooperationen {
        margin-bottom: 20px;
    }

    #kooperationen img {
        display: block;
        float: none;
        padding-bottom: 20px;
    }

    #socialmedia {
        width: 100%;
        float: none;
        font-size: 1.0em;
        color: #fff;
        margin-bottom: 20px;
    }

    #newsletter {
        width: 100%;
        float: right;
        color: #fff;
        background-image: url("../img/bgNewsletter.png");
        background-repeat: no-repeat;
        padding: 10px 0 0 20px;
    }
    
    h1 {
	    font-size: 1.6em;
	}
	
	h2 {
	    font-size: 1.3em;
	}
	
	h3 {
	    font-size: 1.1em;
	}

    .stoererbutton {
        padding: 12px 3px 12px 45px;
        text-align:left;
    }

    .cta .ctabutton {
        padding: 1% 4% 1% 12%;
        font-size:1.0em;
    }
    .faq::before {
        content: normal;
    }
    .beispiel::before {
        content: normal;
    }
    .faq h2 {
        margin-top:30px;
        margin-left: 0.5%;
    }
    .expert::after {
        content: normal;
    }
    .expertnoimage::after {
        content: normal;
    }
}