/* Template MyEware (2015) */

@media screen and (min-width: 1440px) { 
/* Allgemeine Grundstyles */
body { background: #363636; margin: 0; font-family: 'Source Sans Pro', sans-serif; font-size: calc(0.7vw * 1); }
body * { margin: 0px; padding: 0; }
a:active, a:focus { outline: none; }
* img { border: none; }
#clear { clear: both; }
#clear.left { clear: left; }
#clear.right { clear: right; }

/* Grundgerüst */
.outside { width: 100%; }
.centerblock { width: calc(50vw * 1); margin: 0 auto; } /* Breite (Vorlage 960px) */
#borderline { background: url(../images/borderline.jpg) no-repeat center #788f25; width: 100%; height: calc(0.3vw * 1); max-height: 6px; }

/* Head, Logo & Navigation */ 
#head { background: #1d1d1d; }
#head-block { height: calc(2.4vw * 1);      position: relative;    padding-left: 4.5vw;}
#logo { float: left; }
#logo img { position: absolute; left: 0px;width: calc(14.4vw * 1); height: auto; z-index: 1000; }

.mod-languages { padding-top: calc(0.5vw * 1); float: left;  }
.mod-languages li { font-size: calc(0.85vw * 1); }
.mod-languages li a { color: #F0F0F0; }
.mod-languages li.lang-active a { color: #AACA3A; }

#menu { float: right; font-size: calc(0.7vw * 1); text-transform: uppercase; }
ul.nav.menu { height: calc(2.4vw * 1); list-style: none; }
ul.nav.menu li { position: relative; float: left; height: 100%; border-left: 1px solid #434343; }
ul.nav.menu li:last-child { border-right: 1px solid #434343; }
ul.nav.menu li:hover { background: linear-gradient(#212121, #424242); }
ul.nav.menu li.active { background: linear-gradient(#8cb112, #1e1e1d); }
ul.nav.menu a { float: left; padding: calc(1.1vw * 1) calc(1vw * 1) 0; color: #8d8d8d; text-decoration: none; letter-spacing: calc(0.02vw * 1) }
ul.nav.menu li:hover > a { color: #8d8d8d; }
ul.nav.menu li.active a { color: #fff; }
ul.nav.menu li:hover > ul { display: block; }
ul.nav.menu ul { position: absolute; display: none; margin: 0; width: calc(10vw * 1); padding: calc(0.3vw * 1) 0 0; top: calc(2.4vw * 1); left: 0; list-style: none; z-index: 99999; border-bottom: calc(0.2vw * 1) solid #b2e40e; }
ul.nav.menu ul ul { left: 100%; top: 15%; }
ul.nav.menu ul li, 
ul.nav.menu ul li.active { display: block; float: none; background: url(../images/subnavi-bg.png) repeat; margin: 0; padding: 0; border-bottom: 1px solid #434343; }
ul.nav.menu ul li:last-child { border-bottom: none; }
ul.nav.menu ul li { border-left: none; }
ul.nav.menu ul li:last-child { border-right: none; }
ul.nav.menu ul a { float: none; display: block; padding: calc(0.5vw * 1) calc(1.5vw * 1); height: auto; }
ul.nav.menu li.active ul a { color: #8d8d8d; }
ul.nav.menu li.active ul li.active a { color: #fff; }
ul.nav.menu ul li:hover { background: linear-gradient(to right, rgba(2,2,2,0.85) 0%,rgba(61,61,61,1) 25%,rgba(2,2,2,0.85) 100%); }
ul.nav.menu ul a:hover { color: #AACA3A; }
ul.nav.menu ul li:first-child a { }
ul.nav.menu ul li:first-child a:after { position: absolute;  width: 0; height: 0; left: 0; top: 0; border-left: calc(0.3vw * 1) solid transparent; border-right: calc(0.3vw * 1) solid transparent; border-bottom-color: #3d3d3d; content: '';  }
ul.nav.menu ul li:first-child a:hover:after { }
ul.nav.menu ul li:last-child a { }
ul.nav.menu:after { clear: both; display: block; height: 0; visibility: hidden; font-size: 0; content: " "; }
ul.nav.menu ul li:first-child a:after { position: absolute; width: 0; height: 0; left: calc(0.4vw * 1); top: calc(-0.2vw * 1); border-bottom: calc(0.3vw * 1) solid #1d1d1d; content: ''; }
ul.nav.menu ul ul li a:after { border: none !important; }
ul.nav.menu li.active ul li.active ul a { color: #8d8d8d; }
ul.nav.menu li.active ul li.active ul li.active a { color: #fff; }

/* Slides */ 
#slides { background: #1d1d1d; }
#slides img { vertical-align: middle; }

/* Maintops */
#maintop1 { background: #363636; /* height: calc(2.3vw * 1); */ color: #848484; border-bottom: calc(0.26vw * 1) solid #a6a6a6; }
#maintop1-block .slogan { padding: 1% 0; }
#maintop1-block .slogan p { display: table; background: url(../images/azeichen_li.png) no-repeat left center / calc(1vw * 1), url(../images/azeichen_re.png) no-repeat right center / calc(1vw * 1); margin: 0 auto; padding: calc(0.1vw * 1) calc(1.8vw * 1); font-size: calc(0.7vw * 1); line-height: 1; text-align: center; }
#maintop2 { background: #848484; padding: calc(1vw * 1) 0; }
#maintop2-block .custom_quicklinks img { width: 10%; height: auto; }

/* Main & Content */
#main { background: #f0f0f0; color: #6e6e6e; padding: calc(1.7vw * 1) 0 calc(3vw * 1); }
#main-block img { border-radius: calc(0.2vw * 1); }
#main-block a:link,
#main-block a:visited { color: #6e6e6e; text-decoration: none; }
#main-block a:hover { color: #a5c43a; text-decoration: none; }


#myeware-headline { padding: calc(2.3vw * 1) 0; }
#myeware-headline h3,
.myeware-headline { background: url(../images/logo_headlines.png) no-repeat left / calc(1.9vw * 1), url(../images/headline.png) no-repeat bottom / calc(50vw * 1); height: calc(1.4vw * 1); margin-bottom: calc(1vw * 1); padding: calc(0.5vw * 1) 0 0 calc(2.5vw * 1); color: #6e6e6e; font-size: calc(1vw * 1); /* border-bottom: calc(0.15vw * 1) solid #d7d7d7; */ }

/* Mainbottom */
#mainbottom1 { background: #848484; border-top: calc(0.15vw * 1) solid #a6a6a6; } 
#mainbottom2 { background: #848484; padding: calc(0.5vw * 1) 0; color: #cdcdcd; font-size: calc(0.6vw * 1); } 
#mainbottom2 #myeware-headline h3,
#mainbottom2 .myeware-headline { background: url(../images/logo_headlines_mainbottom.png) no-repeat left / calc(1.9vw * 1); height: calc(1.4vw * 1); margin-bottom: calc(1vw * 1); padding: calc(0.5vw * 1) 0 0 calc(2.5vw * 1); color: #cdcdcd; font-size: calc(1vw * 1); border-bottom: calc(0.15vw * 1) solid #cdcdcd; }

/* Footer */
#footer { 
background: #494949; /* Old browsers */
background: -moz-linear-gradient(top, #494949 0%, #363636 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#494949), color-stop(100%,#363636)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #494949 0%,#363636 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #494949 0%,#363636 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #494949 0%,#363636 100%); /* IE10+ */
background: linear-gradient(to bottom, #494949 0%,#363636 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#363636',GradientType=0 ); /* IE6-9 */
margin: 0 0 calc(1vw * 1); color: #878A8E; 
}
#footer a:link,
#footer a:visited { color: #878A8E; text-decoration: none; }
#footer a:hover { color: #a5c43a; text-decoration: none; }
#footer .footer1 { float: left; width: 13%; margin-right: 8%; margin-top: calc(2vw * 1); }
#footer .footer2 { float: left; width: 58%; margin-right: 4%; }
#footer .footer3 { float: left; width: 17%; margin-top: calc(1.3vw * 1); }
p#copyright { margin-top: calc(0.8vw * 1); color: #878A8E; font-size: calc(0.5vw * 1); text-align: center; }

/* Modul DJ-ImageSlider */ 
.djslider .navigation-container-custom { width: 100%; right: inherit !important; top: inherit !important; bottom: calc(0.2vw * 1); text-align: center; }
.djslider span.load-button { background: #3e3e3e; width: calc(0.5vw * 1); height: calc(0.5vw * 1); border: none; border-radius: calc(0.3vw * 1); margin: 0 calc(0.15vw * 1); box-shadow: none; opacity: 0.8; }
.djslider span.load-button-active { background: #ACDB11; }

/* Komponente/Plugin PhocaMaps */ 
.phocamaps { margin-top: -10px; padding-bottom: calc(1vw * 1); }
.phocamaps-box > div { height: calc(19vw * 1) !important; }
#phocamaps .pmroute, 
.pmroute { width: calc(50vw * 1); margin: calc(2vw * 1) auto 0; }
.phocamaps #phocaDirPlgPM1 { width: calc(50vw * 1); margin: 0 auto; }
.phocamaps #phocaDirPlgPM1 .adp-placemark { background: none; border: none; }
.phocamaps form.form-inline { color: #d1d1d1; font-size: calc(0.7vw * 1); } 
.phocamaps input.pm-input-route { background: #909090; width: calc(10.2vw * 1); height: calc(0.8vw * 1); margin: 0 2% 0 1%; padding: 0.7%; font-size: calc(0.7vw * 1); border: none; border-radius: 3px; }
.phocamaps input.pm-input-route-btn { background: #aaca39; width: calc(7.7vw * 1); height: calc(1.6vw * 1); padding: 0.55% 1.5%; color: #fff; font-size: calc(0.7vw * 1); border: none; border-radius: 3px; }

/* Sonstiges */
body#tinymce { background: #f0f0f0; }
#main-block ul.kurzgesagt { list-style: none;  }
#main-block ul.kurzgesagt li { background: url(../images/marker.jpg) no-repeat left calc(0.1vw * 1) / calc(0.6vw * 1); padding: 0 0 calc(0.3vw * 1) calc(1vw * 1); }    
}

@media screen and (min-width: 1011px) and (max-width: 1439px) {
/* Allgemeine Grundstyles */
body { background: #363636; margin: 0; font-family: 'Source Sans Pro', sans-serif; font-size: calc(0.7vw * 1.5); }
body * { margin: 0px; padding: 0; }
a:active, a:focus { outline: none; }
* img { border: none; }
#clear { clear: both; }
#clear.left { clear: left; }
#clear.right { clear: right; }

/* Grundgerüst */
.outside { width: 100%; }
.centerblock { width: calc(50vw * 1.5); margin: 0 auto; } /* Breite (Vorlage 960px) */
#borderline { background: url(../images/borderline.jpg) no-repeat center #788f25; width: 100%; height: calc(0.3vw * 1.5); max-height: 6px; }

/* Head, Logo & Navigation */ 
#head { background: #1d1d1d; }
#head-block { height: calc(2.4vw * 1.5);     position: relative;    padding-left: 7vw;}
#logo { float: left; }
#logo img { position: absolute; left:0px;width: calc(14.4vw * 1.5); height: auto; z-index: 1000; }

.mod-languages { padding-top: calc(0.5vw * 1.5); float: left;  }
.mod-languages li { font-size: calc(0.85vw * 1.5); }
.mod-languages li a { color: #F0F0F0; }
.mod-languages li.lang-active a { color: #AACA3A; }

#menu { float: right; font-size: calc(0.7vw * 1.5); text-transform: uppercase; }
ul.nav.menu { height: calc(2.4vw * 1.5); list-style: none; }
ul.nav.menu li { position: relative; float: left; height: 100%; border-left: 1px solid #434343; }
ul.nav.menu li:last-child { border-right: 1px solid #434343; }
ul.nav.menu li:hover { background: linear-gradient(#212121, #424242); }
ul.nav.menu li.active { background: linear-gradient(#8cb112, #1e1e1d); }
ul.nav.menu a { float: left; padding: calc(1.1vw * 1.5) calc(1vw * 1.5) 0; color: #8d8d8d; text-decoration: none; letter-spacing: calc(0.02vw * 1.5) }
ul.nav.menu li:hover > a { color: #8d8d8d; }
ul.nav.menu li.active a { color: #fff; }
ul.nav.menu li:hover > ul { display: block; }
ul.nav.menu ul { position: absolute; display: none; margin: 0; width: calc(10vw * 1.5); padding: calc(0.3vw * 1.5) 0 0; top: calc(2.4vw * 1.5); left: 0; list-style: none; z-index: 99999; border-bottom: calc(0.2vw * 1.5) solid #b2e40e; }
ul.nav.menu ul ul { left: 100%; top: 15%; }
ul.nav.menu ul li, 
ul.nav.menu ul li.active { display: block; float: none; background: url(../images/subnavi-bg.png) repeat; margin: 0; padding: 0; border-bottom: 1px solid #434343; }
ul.nav.menu ul li:last-child { border-bottom: none; }
ul.nav.menu ul li { border-left: none; }
ul.nav.menu ul li:last-child { border-right: none; }
ul.nav.menu ul a { float: none; display: block; padding: calc(0.5vw * 1.5) calc(1.5vw * 1.5); height: auto; }
ul.nav.menu li.active ul a { color: #8d8d8d; }
ul.nav.menu li.active ul li.active a { color: #fff; }
ul.nav.menu ul li:hover { background: linear-gradient(to right, rgba(2,2,2,0.85) 0%,rgba(61,61,61,1) 25%,rgba(2,2,2,0.85) 100%); }
ul.nav.menu ul a:hover { color: #AACA3A; }
ul.nav.menu ul li:first-child a { }
ul.nav.menu ul li:first-child a:after { position: absolute;  width: 0; height: 0; left: 0; top: 0; border-left: calc(0.3vw * 1.5) solid transparent; border-right: calc(0.3vw * 1.5) solid transparent; border-bottom-color: #3d3d3d; content: '';  }
ul.nav.menu ul li:first-child a:hover:after { }
ul.nav.menu ul li:last-child a { }
ul.nav.menu:after { clear: both; display: block; height: 0; visibility: hidden; font-size: 0; content: " "; }
ul.nav.menu ul li:first-child a:after { position: absolute; width: 0; height: 0; left: calc(0.4vw * 1.5); top: calc(-0.2vw * 1.5); border-bottom: calc(0.3vw * 1.5) solid #1d1d1d; content: ''; }
ul.nav.menu ul ul li a:after { border: none !important; }
ul.nav.menu li.active ul li.active ul a { color: #8d8d8d; }
ul.nav.menu li.active ul li.active ul li.active a { color: #fff; }

/* Slides */ 
#slides { background: #1d1d1d; }
#slides img { vertical-align: middle; }

/* Maintops */
#maintop1 { background: #363636; /* height: calc(2.3vw * 1.5); */ color: #848484; border-bottom: calc(0.26vw * 1.5) solid #a6a6a6; }
#maintop1-block .slogan { padding: 1% 0; }
#maintop1-block .slogan p { display: table; background: url(../images/azeichen_li.png) no-repeat left center / calc(1vw * 1.5), url(../images/azeichen_re.png) no-repeat right center / calc(1vw * 1.5); margin: 0 auto; padding: calc(0.1vw * 1.5) calc(1.8vw * 1.5); font-size: calc(0.7vw * 1.5); line-height: 1; text-align: center; }
#maintop2 { background: #848484; padding: calc(1vw * 1.5) 0; }
#maintop2-block .custom_quicklinks img { width: 10%; height: auto; }

/* Main & Content */
#main { background: #f0f0f0; color: #6e6e6e; padding: calc(1.7vw * 1.5) 0 calc(3vw * 1.5); }
#main-block img { border-radius: calc(0.2vw * 1.5); }
#main-block a:link,
#main-block a:visited { color: #6e6e6e; text-decoration: none; }
#main-block a:hover { color: #a5c43a; text-decoration: none; }


#myeware-headline { padding: calc(2.3vw * 1.5) 0; }
#myeware-headline h3,
.myeware-headline { background: url(../images/logo_headlines.png) no-repeat left / calc(1.9vw * 1.5), url(../images/headline.png) no-repeat bottom / calc(50vw * 1.5); height: calc(1.4vw * 1.5); margin-bottom: calc(1vw * 1.5); padding: calc(0.5vw * 1.5) 0 0 calc(2.5vw * 1.5); color: #6e6e6e; font-size: calc(1vw * 1.5); /* border-bottom: calc(0.15vw * 1.5) solid #d7d7d7; */ }

/* Mainbottom */
#mainbottom1 { background: #848484; border-top: calc(0.15vw * 1.5) solid #a6a6a6; } 
#mainbottom2 { background: #848484; padding: calc(0.5vw * 1.5) 0; color: #cdcdcd; font-size: calc(0.6vw * 1.5); } 
#mainbottom2 #myeware-headline h3,
#mainbottom2 .myeware-headline { background: url(../images/logo_headlines_mainbottom.png) no-repeat left / calc(1.9vw * 1.5); height: calc(1.4vw * 1.5); margin-bottom: calc(1vw * 1.5); padding: calc(0.5vw * 1.5) 0 0 calc(2.5vw * 1.5); color: #cdcdcd; font-size: calc(1vw * 1.5); border-bottom: calc(0.15vw * 1.5) solid #cdcdcd; }

/* Footer */
#footer { 
background: #494949; /* Old browsers */
background: -moz-linear-gradient(top, #494949 0%, #363636 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#494949), color-stop(100%,#363636)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #494949 0%,#363636 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #494949 0%,#363636 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #494949 0%,#363636 100%); /* IE10+ */
background: linear-gradient(to bottom, #494949 0%,#363636 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#363636',GradientType=0 ); /* IE6-9 */
margin: 0 0 calc(1vw * 1.5); color: #878A8E; 
}
#footer a:link,
#footer a:visited { color: #878A8E; text-decoration: none; }
#footer a:hover { color: #a5c43a; text-decoration: none; }
#footer .footer1 { float: left; width: 13%; margin-right: 8%; margin-top: calc(2vw * 1.5); }
#footer .footer2 { float: left; width: 58%; margin-right: 4%; }
#footer .footer3 { float: left; width: 17%; margin-top: calc(1.3vw * 1.5); }
p#copyright { margin-top: calc(0.8vw * 1.5); color: #878A8E; font-size: calc(0.5vw * 1.5); text-align: center; }

/* Modul DJ-ImageSlider */ 
.djslider .navigation-container-custom { width: 100%; right: inherit !important; top: inherit !important; bottom: calc(0.2vw * 1.5); text-align: center; }
.djslider span.load-button { background: #3e3e3e; width: calc(0.5vw * 1.5); height: calc(0.5vw * 1.5); border: none; border-radius: calc(0.3vw * 1.5); margin: 0 calc(0.15vw * 1.5); box-shadow: none; opacity: 0.8; }
.djslider span.load-button-active { background: #ACDB11; }

/* Komponente/Plugin PhocaMaps */ 
.phocamaps { margin-top: -10px; padding-bottom: calc(1vw * 1.5); }
.phocamaps-box > div { height: calc(19vw * 1.5) !important; }
#phocamaps .pmroute, 
.pmroute { width: calc(50vw * 1.5); margin: calc(2vw * 1.5) auto 0; }
.phocamaps #phocaDirPlgPM1 { width: calc(50vw * 1.5); margin: 0 auto; }
.phocamaps #phocaDirPlgPM1 .adp-placemark { background: none; border: none; }
.phocamaps form.form-inline { color: #d1d1d1; font-size: calc(0.7vw * 1.5); } 
.phocamaps input.pm-input-route { background: #909090; width: calc(10.2vw * 1.5); height: calc(0.8vw * 1.5); margin: 0 2% 0 1%; padding: 0.7%; font-size: calc(0.7vw * 1.5); border: none; border-radius: 3px; }
.phocamaps input.pm-input-route-btn { background: #aaca39; width: calc(7.7vw * 1.5); height: calc(1.6vw * 1.5); padding: 0.55% 1.5%; color: #fff; font-size: calc(0.7vw * 1.5); border: none; border-radius: 3px; }

/* Sonstiges */
body#tinymce { background: #f0f0f0; }
#main-block ul.kurzgesagt { list-style: none;  }
#main-block ul.kurzgesagt li { background: url(../images/marker.jpg) no-repeat left calc(0.1vw * 1.5) / calc(0.6vw * 1.5); padding: 0 0 calc(0.3vw * 1.5) calc(1vw * 1.5); }  
}

@media screen and (max-width: 1010px) {
/* Allgemeine Grundstyles */
body { background: #363636; margin: 0; font-family: 'Source Sans Pro', sans-serif; font-size: calc(0.7vw * 1.9); }
body * { margin: 0px; padding: 0; }
a:active, a:focus { outline: none; }
* img { border: none; }
#clear { clear: both; }
#clear.left { clear: left; }
#clear.right { clear: right; }

/* Grundgerüst */
.outside { width: 100%; }
.centerblock { width: calc(50vw * 1.9); margin: 0 auto; } /* Breite (Vorlage 960px) */
#borderline { background: url(../images/borderline.jpg) no-repeat center #788f25; width: 100%; height: calc(0.3vw * 1.9); max-height: 6px; }

/* Head, Logo & Navigation */ 
#head { background: #1d1d1d; }
#head-block { height: calc(2.4vw * 1.9);      position: relative;    padding-left: 3vw;}
#logo { float: left; }
#logo img { position: absolute; width: calc(14.4vw * 1.9); height: auto; z-index: 1000; left:0px;}

.mod-languages { padding-top: calc(0.5vw * 1.9); float: left; }
.mod-languages li { font-size: calc(0.85vw * 1.9); }
.mod-languages li a { color: #F0F0F0; }
.mod-languages li.lang-active a { color: #AACA3A; }

#menu { float: right; font-size: calc(0.7vw * 1.9); text-transform: uppercase; }
ul.nav.menu { height: calc(2.4vw * 1.9); list-style: none; }
ul.nav.menu li { position: relative; float: left; height: 100%; border-left: 1px solid #434343; }
ul.nav.menu li:last-child { border-right: 1px solid #434343; }
ul.nav.menu li:hover { background: linear-gradient(#212121, #424242); }
ul.nav.menu li.active { background: linear-gradient(#8cb112, #1e1e1d); }
ul.nav.menu a { float: left; padding: calc(1.1vw * 1.9) calc(1vw * 1.9) 0; color: #8d8d8d; text-decoration: none; letter-spacing: calc(0.02vw * 1.9) }
ul.nav.menu li:hover > a { color: #8d8d8d; }
ul.nav.menu li.active a { color: #fff; }
ul.nav.menu li:hover > ul { display: block; }
ul.nav.menu ul { position: absolute; display: none; margin: 0; width: calc(10vw * 1.9); padding: calc(0.3vw * 1.9) 0 0; top: calc(2.4vw * 1.9); left: 0; list-style: none; z-index: 99999; border-bottom: calc(0.2vw * 1.9) solid #b2e40e; }
ul.nav.menu ul ul { left: 100%; top: 15%; }
ul.nav.menu ul li, 
ul.nav.menu ul li.active { display: block; float: none; background: url(../images/subnavi-bg.png) repeat; margin: 0; padding: 0; border-bottom: 1px solid #434343; }
ul.nav.menu ul li:last-child { border-bottom: none; }
ul.nav.menu ul li { border-left: none; }
ul.nav.menu ul li:last-child { border-right: none; }
ul.nav.menu ul a { float: none; display: block; padding: calc(0.5vw * 1.9) calc(1.5vw * 1.9); height: auto; }
ul.nav.menu li.active ul a { color: #8d8d8d; }
ul.nav.menu li.active ul li.active a { color: #fff; }
ul.nav.menu ul li:hover { background: linear-gradient(to right, rgba(2,2,2,0.85) 0%,rgba(61,61,61,1) 25%,rgba(2,2,2,0.85) 100%); }
ul.nav.menu ul a:hover { color: #AACA3A; }
ul.nav.menu ul li:first-child a { }
ul.nav.menu ul li:first-child a:after { position: absolute;  width: 0; height: 0; left: 0; top: 0; border-left: calc(0.3vw * 1.9) solid transparent; border-right: calc(0.3vw * 1.9) solid transparent; border-bottom-color: #3d3d3d; content: '';  }
ul.nav.menu ul li:first-child a:hover:after { }
ul.nav.menu ul li:last-child a { }
ul.nav.menu:after { clear: both; display: block; height: 0; visibility: hidden; font-size: 0; content: " "; }
ul.nav.menu ul li:first-child a:after { position: absolute; width: 0; height: 0; left: calc(0.4vw * 1.9); top: calc(-0.2vw * 1.9); border-bottom: calc(0.3vw * 1.9) solid #1d1d1d; content: ''; }
ul.nav.menu ul ul li a:after { border: none !important; }
ul.nav.menu li.active ul li.active ul a { color: #8d8d8d; }
ul.nav.menu li.active ul li.active ul li.active a { color: #fff; }

/* Slides */ 
#slides { background: #1d1d1d; }
#slides img { vertical-align: middle; }

/* Maintops */
#maintop1 { background: #363636; /* height: calc(2.3vw * 1.9); */ color: #848484; border-bottom: calc(0.26vw * 1.9) solid #a6a6a6; }
#maintop1-block .slogan { padding: 1% 0; }
#maintop1-block .slogan p { display: table; background: url(../images/azeichen_li.png) no-repeat left center / calc(1vw * 1.9), url(../images/azeichen_re.png) no-repeat right center / calc(1vw * 1.9); margin: 0 auto; padding: calc(0.1vw * 1.9) calc(1.8vw * 1.9); font-size: calc(0.7vw * 1.9); line-height: 1; text-align: center; }
#maintop2 { background: #848484; padding: calc(1vw * 1.9) 0; }
#maintop2-block .custom_quicklinks img { width: 10%; height: auto; }

/* Main & Content */
#main { background: #f0f0f0; color: #6e6e6e; padding: calc(1.7vw * 1.9) 0 calc(3vw * 1.9); }
#main-block img { border-radius: calc(0.2vw * 1.9); }
#main-block a:link,
#main-block a:visited { color: #6e6e6e; text-decoration: none; }
#main-block a:hover { color: #a5c43a; text-decoration: none; }


#myeware-headline { padding: calc(2.3vw * 1.9) 0; }
#myeware-headline h3,
.myeware-headline { background: url(../images/logo_headlines.png) no-repeat left / calc(1.9vw * 1.9), url(../images/headline.png) no-repeat bottom / calc(50vw * 1.9); height: calc(1.4vw * 1.9); margin-bottom: calc(1vw * 1.9); padding: calc(0.5vw * 1.9) 0 0 calc(2.5vw * 1.9); color: #6e6e6e; font-size: calc(1vw * 1.9); /* border-bottom: calc(0.15vw * 1.9) solid #d7d7d7; */ }

/* Mainbottom */
#mainbottom1 { background: #848484; border-top: calc(0.15vw * 1.9) solid #a6a6a6; } 
#mainbottom2 { background: #848484; padding: calc(0.5vw * 1.9) 0; color: #cdcdcd; font-size: calc(0.6vw * 1.9); } 
#mainbottom2 #myeware-headline h3,
#mainbottom2 .myeware-headline { background: url(../images/logo_headlines_mainbottom.png) no-repeat left / calc(1.9vw * 1.9); height: calc(1.4vw * 1.9); margin-bottom: calc(1vw * 1.9); padding: calc(0.5vw * 1.9) 0 0 calc(2.5vw * 1.9); color: #cdcdcd; font-size: calc(1vw * 1.9); border-bottom: calc(0.15vw * 1.9) solid #cdcdcd; }

/* Footer */
#footer { 
background: #494949; /* Old browsers */
background: -moz-linear-gradient(top, #494949 0%, #363636 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#494949), color-stop(100%,#363636)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #494949 0%,#363636 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #494949 0%,#363636 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #494949 0%,#363636 100%); /* IE10+ */
background: linear-gradient(to bottom, #494949 0%,#363636 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#363636',GradientType=0 ); /* IE6-9 */
margin: 0 0 calc(1vw * 1.9); color: #878A8E; 
}
#footer a:link,
#footer a:visited { color: #878A8E; text-decoration: none; }
#footer a:hover { color: #a5c43a; text-decoration: none; }
#footer .footer1 { float: left; width: 13%; margin-right: 8%; margin-top: calc(2vw * 1.9); }
#footer .footer2 { float: left; width: 58%; margin-right: 4%; }
#footer .footer3 { float: left; width: 17%; margin-top: calc(1.3vw * 1.9); }
p#copyright { margin-top: calc(0.8vw * 1.9); color: #878A8E; font-size: calc(0.5vw * 1.9); text-align: center; }

/* Modul DJ-ImageSlider */ 
.djslider .navigation-container-custom { width: 100%; right: inherit !important; top: inherit !important; bottom: calc(0.2vw * 1.9); text-align: center; }
.djslider span.load-button { background: #3e3e3e; width: calc(0.5vw * 1.9); height: calc(0.5vw * 1.9); border: none; border-radius: calc(0.3vw * 1.9); margin: 0 calc(0.15vw * 1.9); box-shadow: none; opacity: 0.8; }
.djslider span.load-button-active { background: #ACDB11; }

/* Komponente/Plugin PhocaMaps */ 
.phocamaps { margin-top: -10px; padding-bottom: calc(1vw * 1.9); }
.phocamaps-box > div { height: calc(19vw * 1.9) !important; }
#phocamaps .pmroute, 
.pmroute { width: calc(50vw * 1.9); margin: calc(2vw * 1.9) auto 0; }
.phocamaps #phocaDirPlgPM1 { width: calc(50vw * 1.9); margin: 0 auto; }
.phocamaps #phocaDirPlgPM1 .adp-placemark { background: none; border: none; }
.phocamaps form.form-inline { color: #d1d1d1; font-size: calc(0.7vw * 1.9); } 
.phocamaps input.pm-input-route { background: #909090; width: calc(10.2vw * 1.9); height: calc(0.8vw * 1.9); margin: 0 2% 0 1%; padding: 0.7%; font-size: calc(0.7vw * 1.9); border: none; border-radius: 3px; }
.phocamaps input.pm-input-route-btn { background: #aaca39; width: calc(7.7vw * 1.9); height: calc(1.6vw * 1.9); padding: 0.55% 1.5%; color: #fff; font-size: calc(0.7vw * 1.9); border: none; border-radius: 3px; }

/* Sonstiges */
body#tinymce { background: #f0f0f0; }
#main-block ul.kurzgesagt { list-style: none;  }
#main-block ul.kurzgesagt li { background: url(../images/marker.jpg) no-repeat left calc(0.1vw * 1.9) / calc(0.6vw * 1.9); padding: 0 0 calc(0.3vw * 1.9) calc(1vw * 1.9); }
}