/**
*  @template       LEPHome2
*  @version        see info.php of this template
*  @author         LEPTON Project
*  @copyright      2010-2019 LEPTON Project
*  @license        copyright, all rights reserved
*  @license terms  see info.php of this template
*  @platform       see info.php of this template
*/
@font-face {font-family: 'ubunturegular';src:url('../../../fonts/ubuntu-r-webfont.woff2') format('woff2'),url('../../../fonts/ubuntu-r-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'ubuntubold';src:url('../../../fonts/ubuntu-b-webfont.woff2') format('woff2'),url('../../../fonts/ubuntu-b-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'fontello';src:url('../../../fonts/fontello.woff2?1852185') format('woff2'),url('../../../fonts/fontello.woff?1852185') format('woff');font-weight: normal;font-style: normal;}
html {overflow-y:scroll;}
html, body {background: #444;margin:0;font-family:'ubunturegular', sans-serif;font-size:18px;line-height:25px;color: #797979;font-weight:normal;}
* {margin:0; padding:0;}
a img {border:0;outline:none;}
b, strong {font-family:'ubuntubold', sans-serif;font-weight:normal;}
a, img, input, button {-webkit-transition: 0.25s;-moz-transition: 0.25s;-o-transition: 0.25s;transition: 0.25s;}
hr {margin: 5px 0px 5px 0px;color: #85c226;border: 0;border-top: 1px solid #b2b2b2;height: 1px;}
[class^="icon-"]:before, [class*=" icon-"]:before {font-family: "fontello";font-style: normal;font-weight: normal;speak: none;display: inline-block;text-decoration: inherit;text-align: center;font-variant: normal;text-transform: none;line-height: 1em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-admin:before { content: '\e800'; }
.icon-rss:before { content: '\e803'; }
.icon-forum:before { content: '\e801';font-size:30px;padding:30px 0 0 0;}
.icon-auge:before { content: '\e802';font-size:30px;padding:30px 0 0 0;}
.icon-addons:before { content: '\e804';font-size:30px;padding:28px 0 0 0;}
.icon-download:before { content: '\e805';font-size:30px;padding:26px 0 0 0;}
.icon-module:before { content: '\e806'; }
.icon-droplet:before { content: '\e807'; }
.icon-librarie:before { content: '\e808'; }
.icon-template:before { content: '\e809'; }
.icon-scissors:before { content: '\e80a'; }
.frame {width:1200px;margin:0 auto;position:relative;}
#menu, .slicknav_menu {display:none;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#top {height:100px;width:100%;background:#fff;}
#logo {position:absolute;top:12px;left:0;z-index:1;}
#slogan {color:#7f7f7f;position:absolute;top:64px;left:330px;font-size:24px;line-height:24px;z-index:2;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Header Menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#navContainer {height:55px;width:100%;background:#99cf16;position:relative;}
nav {height:55px;width:1200px;margin:0 auto;box-sizing:border-box;padding:0 0 0 330px;}
nav ul {background:#99cf16;list-style: none;position:relative;font-size:16px;display:flex;justify-content:space-between;}
nav ul:after {content: "";clear:both; display: block;}
nav ul ul {display:none;}
nav ul li:hover > ul {display:block;}
nav ul li a:link, nav ul li a:visited {display:block;line-height:55px;text-decoration:none;color:#fff;text-transform:uppercase;}
nav ul ul {background:#7FAC11;padding:10px 0;position:absolute;top:55px;z-index:99999;width:240px;}
nav ul ul li {float:none;position: relative;padding:0;text-align:left;}
nav ul ul li a:link, nav ul ul li a:visited {color:#fff;padding:8px 10px;line-height:18px;text-transform:uppercase;}
nav ul li a:focus, nav ul li a:hover, nav ul li a:active {color:#444;}
nav ul ul li a:focus, nav ul ul li a:hover, nav ul ul li a:active {color:#444;}
nav ul li.menu-current a, nav ul ul li.menu-current a, nav ul li.menu-parent a {color:#444;}
/*nav ul ul ul{top:-10px;left:180px;margin:0;}*/
#language {position:absolute;top:-32px;right:20px;text-align:right;}
#language a:link, #language a:visited {color: #9a9a9a;text-transform:lowercase;text-decoration:none;font-size:16px;}
#language a:focus, #language a:hover, #language a:active {color:#444;}
.easymultilang_current, #language img {display:none;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ HEADER IMAGE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#headerimg {width:100%;height:auto;position:relative;line-height:0;}
#headerimg img {max-width:100%;width:auto;height:auto;}
#headerimg img:nth-of-type(2) {display:none;}
#headerimg a:link, #headerimg a:visited {color:#fff;text-decoration:none;}
#headerimg a:focus, #headerimg a:hover, #headerimg a:active {opacity:0.8;}
#headerimg_frame {position:absolute;bottom:0;left:50%;margin-left:-600px;width:1200px;display:flex;line-height:130%;padding:0 0 20px 0;}
.header_btn {flex:1 1 160px;color:#fff;font-size:18px;line-height:22px;text-align:center;padding:0 70px;}
.header_btn i {display:block;background:#99cf16;width:80px;height:80px;border-radius:40px;line-height:30px;text-align:center;margin:0 auto 10px auto;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ CONTENT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#contentframe {width:100%;background:#fff;}
#contentbox {width:1200px;margin:0 auto;min-height:300px;display:flex;background:#fff;}
#content {flex: 1 1;padding: 50px 70px 0 30px;}
#pagetitle {color: #666;font-size: 16px;font-weight: bold;margin-bottom: 20px;padding: 0;}
#content h1 {font-size:40px;line-height:48px;color:#99cf16;margin:0 0 30px 0;}
#content h2 {font-size:28px;line-height:34px;color:#444;margin:0 0 10px 0;}
#content p, #content table {margin:0 0 20px 0;}
#content ul, #content ol {margin:0 0 20px 55px;}
#content table {width:100%;}
#content td {vertical-align:top;padding:5px 10px 10px 0;}
#content td p {margin:0 0 5px 0;}
#content  a:link, #content  a:visited {color:#99cf16;font-family:'ubuntubold', sans-serif;font-weight:normal;text-decoration:none;}
#content a:focus, #content a:hover, #content a:active {color:#444;}
#rside {flex:0 0 300px;padding:6px 0 0 0;font-size:16px;line-height:22px;}
#frontedit { background:transparent;text-align: left;line-height: 120%;margin: 1em 5px 0.3em 5px;border: 0px solid #fff;padding:10px;color:red;}
/*#frontedit a {font-weight:normal;color:#f00; font-size:13px;}
#frontedit a:hover {color:#000;}
#frontedit img {padding-right:10px;}
*/
.news_item {background:#ccc;color:#444;text-align:center;margin:6px 0 0 0;padding:0 0 15px 0px;}
.news_date {font-size:16px;color:#444;background:#99cf16;padding:10px 15px 15px 15px;}
.anynews h2 {width:100%;text-align:center;height:55px;line-height:55px;font-size:22px;text-transform:uppercase;background:#444;color:#fff;font-weight:normal;letter-spacing:1px;}
.anynews h3 {padding:15px 15px 0 15px;background:#99cf16;}
.anynews h3 a:link, .anynews h3 a:visited {color:#fff;font-size:24px;line-height:28px;font-family:'ubuntubold', sans-serif;font-weight:normal;text-decoration:none;}
.anynews h3 a:focus, .anynews h3 a:hover, .anynews h3 a:active {color:#444;}
.anynews p {padding:15px 15px 8px 15px;}
.anynews .news_date p {padding:0 20px;}
.anynews a.news_more:link, .anynews a.news_more:visited {color:#fff;font-size:16px;font-weight:normal;padding:8px 25px;border:2px solid #fff;background:#444;text-decoration:none;}
.anynews a.news_more:focus, .anynews a.news_more:hover, .anynews a.news_more:active {background:#888;}
.download {display:block;padding:20px 0;}
.faq {display:block;float:none !important;margin:0 !important;width:100% !important;}
#content .download a:link, #content .download a:visited {color:#fff;font-size:24px;font-weight:normal;padding:15px 35px;background:#99cf16;text-decoration:none;}
#content .download a:focus, #content .download a:hover, #content .download a:active {background:#444;}
.cc-link, .cc-link:active, .cc-link:visited {color: #fff !important;text-decoration: underline !important;}
#rss-left {text-align:center;padding:20px;}
#rss-left a:link, #rss-left a:visited {color:#99cd14;font-family:'ubuntubold', sans-serif;font-weight:normal;text-decoration:none;}
#rss-left a:focus, #rss-left a:hover, #rss-left a:active {color:#444;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ STARTSEITE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#news_row {width:100%;background:#ccc;border-top:10px solid #fff;}
#news_home {width:1200px;margin:0 auto;display:flex;}
#news_home .news_item {background:#ccc;color:#444;text-align:center;margin:0;}
#news_home .news_item:nth-of-type(1) {flex:1 1 387px;border-left:10px solid #fff;}
#news_home .news_item:nth-of-type(2) {flex:1 1 386px;border-left:10px solid #fff;border-right:10px solid #fff;}
#news_home .news_item:nth-of-type(3) {flex:1 1 387px;border-right:10px solid #fff;}
#news_home .news_head {background:#99cf16;padding:20px;height:90px;}
#news_home  h2 a:link, #news_home  h2 a:visited {color:#fff;font-size:24px;line-height:28px;font-family:'ubuntubold', sans-serif;font-weight:normal;text-decoration:none;}
#news_home  h2 a:focus, #news_home  h2 a:hover, #news_home  h2 a:active {color:#888;}
#news_home .news_date {font-size:16px;color:#444;padding:10px 0 0 0;}
#news_home  p {padding:20px;}
#news_home  a.news_more:link, #news_home  a.news_more:visited {color:#fff;font-size:16px;font-weight:normal;padding:8px 25px;border:2px solid #fff;background:#444;text-decoration:none;}
#news_home  a.news_more:focus, #news_home  a.news_more:hover, #news_home  a.news_more:active {background:#888;}
#home_info {width:100%;background:#eee;}
#home_info_frame {width:1200px;margin:0 auto;padding:50px 0;display:flex;}
#home_info1 {flex:0 0 400px;padding:0 30px 0 0;}
#home_info2 {flex:1 1;}
#home_info ul {margin:0 0 20px 20px;}
#home_info2 p {font-size:20px;line-height:24px;font-family:'ubunturegular', sans-serif;font-weight:normal;margin:0 0 40px 0;}
#home_info2 strong {font-family:'ubuntubold', sans-serif;font-weight:normal;color:#99cf16;}
#home_info h3{color:#444;font-size:24px;line-height:28px;font-family:'ubuntubold', sans-serif;font-weight:normal;margin:0 0 20px 0;}
#home_info  a:link, #home_info  a:visited {color:#99cf16;font-family:'ubuntubold', sans-serif;font-weight:normal;text-decoration:none;}
#home_info a:focus, #home_info a:hover, #home_info a:active {color:#444;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ nach oben ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.move-up {position: fixed;bottom:90px;right:40px;z-index:9999;display:none;}
.move-up button {background:#99cf16;border:none;color:#fff;width:80px;height:80px;padding:15px 0 0 0;border-radius:40px;opacity:0.8;box-sizing:border-box;}
.move-up button:hover,.move-up button:active {opacity:1;}
.move-up i {border: solid #fff;border-width: 0 4px 4px 0;display:inline-block;padding:15px;transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FOOTER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footerbox {width:100%;background:#444;}
#footer {color: #fff;font-size: 15px;padding:20px 0;text-align: center;width:1200px;margin:0 auto;}
#footer a {color: #9BCE17;padding:0 10px;text-decoration:none;}
#footer a:hover {color: #ddd;}
#footer ul {list-style:none;}
#footer li {display:inline;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SLICKNAV ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.slicknav_btn {position: absolute;top:4px;right:10px;display: block;vertical-align: middle;float: right;padding: 0;cursor: pointer;margin:0;text-decoration: none;background-color: #fff;z-index:999;}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {margin-top: 0; }
.slicknav_menu {*zoom: 1;position:relative; box-sizing: border-box;background: #fff;padding:0;}
.slicknav_menu * {box-sizing: border-box; }
.slicknav_menu .slicknav_menutxt {display: block;float: left; }
.slicknav_menu .slicknav_icon {display:none; }
.slicknav_menu .slicknav_no-text {margin: 0; }
.slicknav_menu:before {content: " ";display: table; }
.slicknav_menu:after {content: " ";display: table;clear: both; }
.slicknav_nav {clear: both; position:absolute;top:38px;left:0;z-index:999999999;background:#99cf16;width:100%;color: #fff;margin: 0;padding:20px 0;list-style: none;overflow: hidden; }
.slicknav_nav ul {display: block;list-style: none;overflow: hidden;padding: 0;margin:0;  }
.slicknav_nav li {display: block;}
.slicknav_nav .slicknav_arrow {font-size: 15px;margin: 0 0.4em 0 0;float:right; }
.slicknav_nav .slicknav_item {cursor: pointer; }
.slicknav_nav .slicknav_item a {display: inline; padding: 0;margin: 0; }
.slicknav_nav .slicknav_row {display: block; }
.slicknav_nav .slicknav_parent-link a {display: inline;padding: 0;margin: 0;  }
.slicknav_nav a {font-size:18px;line-height:36px;font-weight:normal;padding:0 5px 0 10px;margin:0;text-decoration: none;color: #fff;display: block;}
.slicknav_nav a:focus, .slicknav_nav a:hover, .slicknav_nav a:active {color:#444;}
.slicknav_nav li li a {padding:0 0 0 30px;}
.slicknav_nav .slicknav_txtnode {margin-left: 15px; }
#burger img, #cross img {width:30px;height:auto;}
/* ~~~~~~~~~~~~~~~~~~~~ Aktiv ~~~~~~~~~~~~~~~~ */
.slicknav_nav ul li.menu-current a{color:#444;}
/* ~~~~~~~~~~~~~~~~~~~~ Buttons ~~~~~~~~~~~~~~~~ */
#cross {display:none;}
a.slicknav_open #burger {display:none;}
a.slicknav_open #cross {display:block;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ RESPONSIVE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen and (max-width: 1220px) {
img {max-width:100%;width:auto;height:auto;}
.frame, #contentbox, #footer {width:100%;margin:0;}
#logo {position:absolute;top:12px;left:10px;}
#slogan {color:#7f7f7f;position:absolute;top:65px;left:330px;font-size:24px;line-height:24px;}
nav {width:100%;margin:0;padding:0;}
nav ul {justify-content:space-around;}
#headerimg_frame {position:absolute;bottom:0;left:0;margin-left:0;width:96%;padding:0 2% 20px 2%;}
.header_btn {flex:1 1 25%;padding:0;}
#contentbox {width:100%;margin:0;}
#content {padding:50px 70px 0 10px;}
#rside {margin:5px 10px 0 0;}
#news_home {width:100%;margin:0}
#news_home .news_item:nth-of-type(1), #news_home .news_item:nth-of-type(2), #news_home .news_item:nth-of-type(3) {flex:1 1 30%;}
#news_home .news_head {height:120px;}
#home_info {width:100%;background:#eee;}
#home_info_frame {width:94%;margin:0;padding:7% 3%;}
#footer {width:100%;margin:0;}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen and (max-width: 800px) {
#top {height:auto;width:94%;padding:4% 3%;}
#logo {position:static;text-align:center;padding:10px 0 5px 0;}
#slogan {position:static;text-align:center;padding:5px 0 0 0;line-height:28px;}
#navContainer {height:38px;}
nav {display:none;}
#language {top:5px;}
#language a:link, #language a:visited {color: #fff;text-transform:lowercase;text-decoration:none;font-size:16px;}
#language a:focus, #language a:hover, #language a:active {color:#444;}
#headerimg img:nth-of-type(1) {display:none;}
#headerimg img:nth-of-type(2) {display:block;}
.header_btn {font-size:15px;line-height:19px;}
.header_btn i {width:60px;height:60px;border-radius:30px;line-height:22px;text-align:center;margin:0 auto 10px auto;}
.icon-forum:before, .icon-auge:before, .icon-addons:before,.icon-download:before { font-size:22px;padding:22px 0 0 3px;}
#news_home {display:block;background:#fff;}
#news_home .news_item:nth-of-type(1), #news_home .news_item:nth-of-type(2) {display:block;border:none;margin:0 10px 10px 10px;}
#news_home .news_item:nth-of-type(3) {display:block;border:none;margin:0 10px 0 10px;}
#news_home .news_head {height:auto;}
#contentbox {display:block;}
#content, #rside {width:94%;padding:30px 3%;}
#home_info_frame {display:block;}
#home_info1, #home_info2 {width:100%;padding:0;}
#home_info1 {width:100%;padding:0 0 30px 0;}
#home_info2 p {margin:0 0 20px 0;}
.js #menu {display:none;}
.js .slicknav_menu {display:block;}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen and (max-width: 480px) {
#headerimg_frame {display:none;}
#slogan {font-size:20px;line-height:24px;}
#content tr, #content td {display:block;}
}


