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


/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */
/* ========================================================================
   Component: Base
 ========================================================================== */
/*
 * 1. Normalize default `font-family` and set `font-size` to support `rem` units
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 * 3. Style
 */
html {
  /* 1 */
  font: 300 14px / 1.5 Verdana, Arial, sans-serif;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  /* 3 */
    margin: 0;
    background-image:url(/images/topatec/bg_pattern.gif);
background-repeat: repeat;
background-size: inherit;
background-attachment: inherit;
background-position: 0 0;
}

.uk-navbar {
  background: #ffffff;
  color: #000000;
  padding-left: 10%;
}

/* Deaktiviere Marker*/
ul.mein-menu li::marker {content: none}

/* Abstand links für Submenus*/
.mein-menu ul {padding-left:1rem }

/* Erste Ebene Sidebar Menu*/
ul.mein-menu li a {color:#red}
ul.mein-menu li a:hover {color:black}
ul.mein-menu li.active a {color:green}
ul.mein-menu li.active a:hover {color:blue}

/* Zweite Ebene Sidebar Menu*/
ul.mein-menu li li a {color:blue}
ul.mein-menu li li a:hover {color:blue}
ul.mein-menu li li.active a {color:blue}
ul.mein-menu li li.active a:hover {color:blue}

/* Dritte Ebene Sidebar Menu*/
ul.mein-menu li li li a {color:blue}
ul.mein-menu li li li a:hover {color:blue}
ul.mein-menu li li li.active a {color:green}
ul.mein-menu li li li.active a:hover {color:blue}


@media screen and (max-width: 768px) {
	.sprocket-features-content h2 {color:#fff; margin:0; padding:0; font-size:2em!important}
	.sprocket-features-desc {color:#fff; font-size:100% !important}
	.layout-slideshow .sprocket-features-content {top: 10%;}
	.layout-slideshow .slideshow-content {width: 100%;}
	.layout-slideshow .sprocket-features-desc {padding: 2%;}
	#top-a, #top-b, #top-c, #top-c, #bottom-a, #bottom-b, #bottom-c, #bottom-d {padding:2em !important; overflow:hidden; background-attachment:scroll !important}
	.main-outer {padding:10px !important}

}
ul.uk-nav-sub {
    padding: 5px 0 5px 20px;
    background-color:#dce5f5;
}

.kick-kcm-settings {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    z-index: 2147483647;
    z-index: var(--kcmZindex, 2147483647);
    font-size: 16px;
    font-size: var(--kcmBaseFontSize, 16px);
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-family: var(--kcmFontStack, "Helvetica Neue",Helvetica,Arial,);
    max-height: 70vh;
    max-height: var(--kcmMaxHeight, 70vh);
    background-color: rgba(255,255,255,0.95);
    background-color: var(--kcmBackgrondColor, 
rgba(255,255,255,0.95));
color: #262626;
color: var(--kcmColor,
    #262626);
    position: fixed;
    bottom: 0;
    right: 0;
    min-width: 100%!important;
    overflow-x: auto;
    line-height: 1.5em;
    padding-left: 10px;
    padding-right: 10px;
}
h4, .h4 {
  color: #666;
  font-weight: 300;
  text-transform: none;
  font-size: 17px;
  letter-spacing: 0em;
  line-height: 23px;
  font-family: 'Abel';
}
.btn-primary:hover, .btn-backtohome:hover, .btn-prosandcons:hover, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button:hover {
  color: white;
  background-color: #d9050f!important;
  border-color: #d9050f!important;
}