/* General */
* {box-sizing: border-box;}
html {height:100.2%;}
body {margin:0; font-family:Arial,sans-serif; background-color:#333333;}
img {border:none;}
h1 {font-size:48px; color:#3886c0; font-family: 'Roboto Mono'; font-weight: 300;}
h2 {font-size:40px; line-height:1.3;}
div, p, li, th, td, dt, dd {font-size:18px; line-height:1.5; color:#3f4344;}
th, td {vertical-align:top; color:#3f4344;}
hr {height:0; border-style:none none solid none; border-width:1px; border-color:#999;}
a {color:#3886c0; text-decoration:none;}
a:hover {text-decoration: underline;}
.frame-ruler-after::after {border-bottom:dotted 1px #005588;}
.frame-ruler-before::after {border-top:solid 1px #005588;}
.align-left {text-align:left;}
.align-center {text-align:center;}
.align-right {text-align:right;}
.align-justify {text-align:justify;}
.section-inner {max-width:1430px; margin:0 auto; padding:0 15px;}
.flex-grid {display: flex; flex-wrap: wrap; justify-content: space-between;}
.fullwidth-grid {padding:80px 0;}

span.blue,
.blue-highlight {color:#3886c0;}
span.small {display:block; margin-top:12px; font-size:12px;}
span.big {font-size:16px; font-weight:bold;}
span.bigger {margin-bottom:5px; margin-top:5px; display:block; font-size:18px; font-weight:bold;}
span.information {display:block; margin-top:8px; font-size:12px;}

a.test,
a.buy,
.frame-layout-1 .link-mail,
.link-internal-button {display:inline-block; background-color:#3886C0; color:#fff; padding:12px 28px; border-radius:5px;
  text-transform:uppercase; font-size:18px; font-family: 'Roboto Mono'; font-weight: 300; text-decoration: none;}
a.test:hover,
a.buy:hover,
.frame-layout-1 .link-mail:hover, 
.link-internal-button:hover {background-color:#737373; text-decoration: none;}



a#up {display:block; margin:25px 20px 0 0; width:34px; height:36px; background:url(../Images/totop.png) no-repeat;}

/* Overall layout */
ul#skipnav {display:none;}
div#topimage {overflow:hidden; width:75%; line-height:0;}
div#topimage img {max-width:100%; height:auto;}
div#basenav {margin-top:18px; width:30%; overflow:hidden;}
div#breadcrumb {display:none; height:28px; padding-left:10px; overflow:hidden;}
.contentwrapper {display:flex; flex-wrap:wrap; background-color:#efefed; padding:0 0 35px 0}
div#contentbox {display:flex; width:75%; overflow:hidden; padding-bottom:20px; background-color:#fff; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-bottomright: 8px; border-bottom-right-radius: 8px;}
.no-nav div#content {width:100%;}
div#content {overflow:hidden; width:70%; padding-top:20px; padding-right:16px;}
div#rightbox {width:25%;}
div#right {padding:0 18px;}
footer {background-color:#DEDFDF;}

/* header */
#wrapper > header {width:100%; background-color:#fff; border-top:14px solid #4e4e4e;}

/* Top box */
div#topbox {display:flex; flex-wrap:wrap; justify-content: space-between; padding:14px 15px; width:100%; max-width:1430px; margin:auto;}
div#topbox img {margin:0; padding:0;}
div#topbox a#homelink {display:block;}
div#topbox img.newproduct {}

/*Menus */
 /* Top menu */
div#topnav {width:100%; margin:0; padding:0; background-color:#4e4e4e; z-index:10000;}
div#topnav .section-inner {position:relative; padding:14px 15px 15px 15px; z-index:10000;}
div#topnav #mainnav ul {position:relaltive; display:inline; list-style:none; margin:0; padding-left:0; font-size:17px; color:#fff;}
div#topnav #mainnav ul li {display:inline-block; margin-right:10px;}
div#topnav #mainnav ul li a {height:19px; padding:0 16px 18px 16px; font-size:18px; text-decoration:none; color:#fff; font-family:'Roboto Mono'; text-transform:uppercase;}
div#topnav #mainnav ul li a:hover {border-bottom:solid 10px #3886c0;}
div#topnav #mainnav ul li.act a {border-bottom:solid 10px #3886c0;}
div#topnav #mainnav ul li ul {display:none;}

  /* Language and Searchslide */
div#topnav div#search-nav {display:flex; flex-wrap:wrap; align-items: center; justify-content: center; gap:20px 0; padding:5px 0;
  overflow:visible; position:absolute; top:57px; right:25px; width:166px; height:36px; background-color:#4e4e4e;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;}
div#topnav div#search-nav a:hover {text-decoration:none;}
div#topnav div#search-nav a.searchclick {
    display: block;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    width: 40%;
    text-align: center;
    padding: 0 15px;
}
div#topnav div#search-nav form {display:none; position:absolute; right:15px; top:-7px; padding:4px 0 0 0; text-align:center;}
div#topnav div#search-nav form fieldset {width:137px; margin:0; padding:0; border:none;}
div#topnav div#search-nav form legend {display:none;}
div#topnav div#search-nav form label {display:none;}
div#topnav div#search-nav form input#searchinput {width:135px; height:20px; margin:6px 0 0 0; padding:0 0 0 4px; font-size:11px; background-color:#fff; border:none;}
div#topnav div#search-nav form input#searchsubmit {display:none; float:left; width:42px; height:20px; margin:0 16px 0 0; padding:0; font-size:11px; color:#fff; background-color:transparent; border:none;}
div#topnav div#search-nav form input#searchsubmit:hover {text-decoration:underline;}

div#topnav div#search-nav a.languageclick {
    display: inline-block;
    width: 60%;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    font-family: 'Roboto Mono';
    text-align: center;
    padding: 0 15px;
    border-right: 1px solid #fff;
}
div#topnav div#search-nav ul#language_menu {display:none; position:absolute; top:0; width:150px;; left:5%; height:22px; text-align:center; font-size:11px; color:#000; list-style-type:none; margin:5px 0 0; padding:0;}
div#topnav div#search-nav ul#language_menu a {display:block; float:left; width:50px; font-size:11px; text-decoration:none; color:#fff; text-align:center;}
div#topnav div#search-nav ul#language_menu a:hover {text-decoration:underline;}
div#topnav div#search-nav ul#language_menu li.active a {text-decoration: underline;}

div#mobile-header {display:none;}

 /* Left menu */
div#basenav ul {list-style:none; margin:0 0 0 0; padding:0;}
div#basenav ul li {margin:0; padding:0;}
div#basenav ul li a {display:block; margin:0 0 0 0; padding:5px 0 5px 16px; line-height:24px; font-size:16px; color:#3f4344; font-weight:bold; text-decoration:none;}
div#basenav ul li a:hover {color:#3886c0; background:url(../Images/basenav-dot.png) 0 10px no-repeat;}
div#basenav ul li.act a {font-weight:bold; color:#3886c0; background:url(../Images/basenav-dot.png) 0 10px no-repeat;}

div#basenav ul li.act ul {margin:0; border-bottom:none;}
div#basenav ul li.act ul li {margin:0;}
div#basenav ul li.act ul li a {margin:0 0 0 0; padding:10px 0 10px 34px; font-weight:normal; color:#3f4344; background:none;}
div#basenav ul li.act ul li a:hover {color:#3886c0; background:url(../Images/basenav-dot.png) 0 15px no-repeat;}
div#basenav ul li.act ul li.act a {color:#3886c0; background:url(../Images/basenav-dot.png) 0 15px no-repeat;}

 /* Breadcrumb*/
div#breadcrumb {line-height:28px; font-size:11px;}
div#breadcrumb a {font-size:11px; color:#10375b; text-decoration:none;}
div#breadcrumb a:hover {text-decoration:underline;}



/* Content */
div#content h2 {margin:0 0 10px 0; color:#3886c0; font-weight:normal; font-family:'Roboto Mono'; text-transform:uppercase;}
div#content h3 {margin-top:0; font-size:14px; color:#4e4e4e;}
div#content h5 {margin:0 0 10px 0; padding-left:45px; color:#3886c0; font-size:18px; line-height:30px; font-weight:normal; font-family:'Roboto Mono'; text-transform:uppercase; background:url(../Images/tags-icon.png) 0 0 no-repeat;}
div#content p {margin:0 0 20px 0; line-height:1.5; font-size:18px;}
div#content li {line-height:1.5; color:#3f4344; font-size:18px; list-style-image:url(../Images/bullet.png);}
div#content th, div#content td {font-size:12px;}
div#content dd, div#content dt {font-size:12px;}
div#content span.blue {color:#3886c0;}

div#content a.greybg {display:inline-block; margin:3px; padding:5px; background-color:#dddede;  color:#4e4e4e; text-decoration:none;}
div#content form fieldset {border:none;}
div#content form legend {display:none;}
div#content form label {font-size:12px;}
div#content .ce-left.ce-intext .ce-gallery {padding:0 5px 2px 0;}
div#content .frame-ruler-before::after {height:10px; border-top:solid 1px #767676;}
div#content .frame-ruler-after::after {height:10px; margin:0 0 10px; border-bottom:dotted 1px #c1c1c1;}
div#content span.Anmerkung {font-size:9px; color:#999;}

.contenttable {overflow-x:scroll; display:block; border:solid 1px #767676; border-collapse: collapse; max-width: 100%;}
.contenttable th,
.contenttable td {padding:5px;}

.image img {max-width:100%; height:auto;}

  /* Standardframe */
div.frame-default {margin-bottom:20px;}
div#content div.frame-default h3 {margin-top:0; font-size:22px; color:#4e4e4e;}
  /* Frame 1 line top */
div#content div.frame-custom-20 {padding:25px 12px 12px; background-color:#fff; background:url(../Images/contentbg-linetop.png) repeat-x;}
  /* Frame 2 line top */
div#content div.frame-custom-21 {padding:25px 12px 12px; background-color:#fff; background:url(../Images/contentbg-linetop.png) repeat-x;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;}
  /* Frame 5 rounded corners on every side */
div#content div.frame-custom-24 {padding:25px 12px 12px; background-color:#fff;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;}
div#content div.frame-custom-24 h5 {margin:0 0 10px 0; padding-left:45px; color:#3886c0; font-size:18px; line-height:30px; font-weight:normal; font-family:'Roboto Mono'; text-transform:uppercase; background:url(../Images/tags-icon.png) 0 0 no-repeat;}
  /* Frame 7  white rounded corners top*/
div#content div.frame-custom-26 {padding:20px 12px 12px; background-color:#fff;
border-top-left-radius: 8px;
border-top-right-radius: 8px;}


/* Right side */
div#right h1 {font-size:16px; color:#10375b;}
div#right h2 {margin:0 0 10px 0; font-size:13px; color:#10375b;}
div#right h3 {font-size:12px;}
div#right p {padding:0 15px; color:#3f4344;}
div#right ul {margin-top:5px; padding-left:20px;}
div#right li {}
div#right a {color:#3886c0; text-decoration:none;}
div#right a.test,
div#right a.buy {color:#fff;}
div#right a:hover {text-decoration:underline;}
/* Grey Box Right Side */
div#right div.frame-custom-22 {margin-bottom:38px; padding-bottom:10px; background-color:#fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
div#right div.frame-custom-22 h2 {padding:15px 0 15px 20px; color:#fff; font-size:20px; font-weight:normal; font-family:'Roboto Mono'; text-transform:uppercase; background-color:#4e4e4e;
border-top-left-radius: 8px;
border-top-right-radius: 8px;}
div#right div.frame-custom-22 h3 {padding:15px 0 15px 52px; color:#fff; font-size:20px; font-weight:normal; font-family:'Roboto Mono'; text-transform:uppercase; background:url(../Images/support-icon.png) 10px 16px no-repeat; background-color:#4e4e4e;
border-top-left-radius: 8px;
border-top-right-radius: 8px;}
div#right div.frame-custom-22 h4 {margin:0; padding:15px 0 15px 50px; color:#fff; font-size:20px; font-weight:normal; font-family:'Roboto Mono'; text-transform:uppercase; background:url(../Images/patch-icon.png) 10px 16px no-repeat; background-color:#4e4e4e;
border-top-left-radius: 8px;
border-top-right-radius: 8px;}
div#right div.frame-custom-22 h5 {margin:0; padding:15px 0 15px 50px; color:#fff; font-size:20px; font-weight:normal; font-family:'Roboto Mono'; text-transform:uppercase; background:url(../Images/newsletter-icon.png) 10px 16px no-repeat; background-color:#4e4e4e;
border-top-left-radius: 8px;
border-top-right-radius: 8px;}
div#right div.frame-custom-22 h6 {margin:0; padding:15px 0 15px 50px; color:#fff; font-size:18px; font-weight:normal; font-family:'Roboto Mono'; text-transform:uppercase; background:url(../Images/cd-icon.png) 10px 16px no-repeat; background-color:#4e4e4e;
border-top-left-radius: 8px;
border-top-right-radius: 8px;}
div#right div.frame-custom-22 p {padding:0 15px; line-height:1.3;}
div#right div.frame-custom-25 {margin-bottom:0;  padding-bottom:20px; border-radius:0;  background-color:#fff;}
div#right div.frame-custom-25 h2 {padding:15px 0 15px 20px; color:#fff; font-size:20px; font-weight:normal; font-family:'Roboto Mono'; text-transform:uppercase; background-color:#4e4e4e;
border-top-left-radius: 8px;
border-top-right-radius: 8px;}
div#right div.frame-custom-25 p {margin-bottom:0;}
/* Blue Box Right Side */
div#right div.frame-custom-23 {margin-bottom:38px; padding-bottom:10px; background-color:#cde8f1; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
div#right div.frame-custom-23 h2 {padding:15px 0 15px 20px; color:#fff; font-size:20px; font-weight:normal; font-family:'Roboto Mono'; text-transform:uppercase; background-color:#3886c0;
border-top-left-radius: 8px;
border-top-right-radius: 8px;}
div#right div.frame-custom-23 a {color:#3886c0; text-decoration:none;}
div#right div.frame-custom-23 a::before {content:"\f35a"; margin-right:6px; font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:900;}
div#right div.frame-custom-23 a:hover {text-decoration:underline;}
div#right div.frame-custom-23 p {padding:0 15px; line-height:1.3;}

/* gridelements */
.cols-2-inner {gap:2%; margin:80px auto;}
.fullwidth-grid .cols-2-inner {margin:40px auto 0;}
.cols-2-inner h1 {margin:0;}
.cols-2-inner .col-6 {width:49%;}
div#content .cols-2-inner .col-6 p:last-child {margin-bottom:0;}
.cols-2-inner.center-content .col-6 {display:flex; flex-wrap:wrap; flex-direction: column; justify-content: center;}
.cols-2-inner .col-6 .frame-default:last-child {margin-bottom:0;}

/* teaserbox */
.frame-layout-1 {border:solid 1px #3886C0; border-radius:12px; overflow:hidden;}
.frame-layout-1 h3 {padding:10px 30px; margin:0 !important; background-color:#3886C0; color:#fff !important; 
  text-transform: uppercase; font-size:28px !important; font-family: 'Roboto Mono'; font-weight: 300;}
.frame-layout-1 .text-frame {padding:30px;}

/* card */
.card {background-color:#3886C0; padding:45px 20px; text-align: center;}
.card:nth-child(-n+2) {width: 50%;}
.card:nth-child(n+3) {width: 33.33%;}
.card.card-dark_violett {background-color:#18102F;}
.card.card-bright_violett {background-color:#38326A;}
.card.card-dark_blue {background-color:#334766;}
.card.card-Grey {background-color:#4e4e4e;}
.card-text {max-width:510px; margin:auto;}
.card p {color:#fff; margin-bottom:35px !important; font-size:20px; line-height:1.5;}
.card p:last-child {margin-bottom:0 !important;}
.card .link-internal {position:relative; padding-right:10px; color:#fff; text-decoration: underline;}
.card .link-internal::after {position:absolute; right:-6px; font-size:18px; top:2px; line-height:1;
  content:"\f0da"; font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:900;}
.card .link-internal-button {background-color:#fff; color:#3886C0; margin:0 15px;}
.card-header {display:block; margin:40px 0 25px;
  font-size:30px; line-height:1; text-transform: uppercase; color:#fff; font-family: 'Roboto Mono'; font-weight: 300;}
.card-image {max-width:110px; margin:auto; padding:10px; background-color:#fff; border-radius:12px; overflow: hidden;}
.card-image img {display:block; max-width:100%; height:auto;}

/* Footer */
div#footer {display:flex; flex-wrap:wrap; padding:50px 15px; overflow:hidden; color:#737373; font-family:'Roboto Mono';}
div#footer > div {width:25%;}
div#footer h4 {margin-top:0; margin-bottom:12px; font-weight:normal; color:#3886c0; font-size:22px;}
div#footer div#contact {font-size:13px;}
div#footer div#contact div.contacts p {font-size:16px;}
div#footer div#contact div.contacts a {color:#737373; text-decoration:none;}
 /* Support */
div#footer div#support a {color:#737373; font-size:15px; text-decoration:none;}
div#footer div#support a:hover {text-decoration:underline;}

 /* Metanav */
div#metanav ul {list-style:none; margin:0; padding:0;}
div#metanav ul li a {padding:0; font-size:16px; line-height:22px; text-decoration:none; color:#737373;}
div#metanav ul li a:hover {text-decoration:underline;}
 /*Socialbar */
div#footer .socials-icons {display:flex; flex-wrap:wrap; gap:2%;}
div#footer div#socials h4 {width:100%;}
.sm-icon {display:flex; flex-wrap:wrap; justify-content: center; align-items: center; 
  font-size:14px; color:#fff; background-color:#737373; width:28px; height:28px; border-radius:100%;}
.sm-icon:hover {background-color:#3886c0; text-decoration: none;}

  /* Logo Footer */
div#footer div.lemkelogo {width:100%; margin:10px auto 0;width:347px; height:181px; background:url(../Images/lemkesoft_footer.png) no-repeat;}


/* Media queries */
@media only screen
and (max-width : 1024px) {
  /* overall */
a#up {margin:5% 3% 0 0;}
  /* header */
  #wrapper > header {border-bottom:solid 5px  #4e4e4e;}
div#topbox {overflow:hidden; width:100%; height:auto; align-items: center;}
div#topnav {display:none;}
div#topnav div#search-nav {top:6px; right:2%; display:none;}
div#topbox img.newproduct {display:none;}

div#mobile-header {display:block;}
div#mobile-header a {font-size:2rem;}
#homelink {max-width:150px;}
#homelink img {width:100%; height:auto;}

 /* topimage */
div#topimage {width:100%; height:auto;}
div#topimage img {width:100%; height:auto;}

div#contentbox {width:100%; margin-bottom:30px;}
div#rightbox {width:100%; padding:0;}

.frame-layout-1 h3 {font-size:24px !important;}
.frame-layout-1 .text-frame {padding:20px;}
}

@media only screen and (max-width:900px) {
div#footer > div {width:100%; text-align: center;  margin-bottom:30px;}
div#footer .socials-icons {justify-content: center;}
}  

@media only screen and (max-width:768px) {
h1 {font-size:36px;}  
h2 {font-size:32px;}
div#topimage {display:none;}
#basenav {display:none;}
div#contentbox {padding:0 18px;}
div#content {width:100%;}
}

@media only screen and (max-width:640px) {
div, p, li, th, td, dt, dd,
div#content li,
div#content p {font-size:16px;}
a.test, a.buy, .frame-layout-1 .link-mail, .link-internal-button {font-size:16px; padding: 10px 26px;}
.frame-layout-1 h3 {padding:10px 15px;}
.frame-layout-1 h3 {font-size:20px !important;}
}  

@media only screen and (max-width : 480px) {

}

@media only screen and (max-width : 320px) {

}