/*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { background: #76c5e2; color: #656d78; font: 400 18px/30px 'Helvetica Neue', 'Open Sans', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
p, h1, h2, h3, h4, h5, h6, ul, ol { margin: 0 0 24px; }
p:last-child, ul:last-child, ol:last-child { margin-bottom: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: 400; }
h1 { font-size: 30px; }
h2 { font-size: 30px; }
h3 { font-size: 26px; }
h4 { font-size: 24px; }
h5 { font-size: 22px; }
h6 { font-size: 20px; }
hr { border: none; border-bottom: 1px solid #e6e9ed; margin-top: 30px; margin-bottom: 30px; }
a { background: transparent; border-bottom: 1px dotted #ccc; color: #555; padding-bottom: 2px; text-decoration: none; }
a:hover { opacity: .8; text-decoration: none; }
a:active, a:focus { text-decoration: none; }
.imglnk { border: none;}
b, strong { font-weight: bold; }
q, blockquote { background: #eee; border-left: 5px solid #aaa; display: block; margin: 60px 0 30px; padding-left: 20px; text-indent: 0; }
img, object, embed { max-width: 100%; }
img { height: auto; -ms-interpolation-mode: bicubic; }
.clear:before, .clear:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
.clear:after { clear: both; }
::-webkit-input-placeholder { color: #c8cdd3; font-style: italic; }
:-moz-placeholder { color: #c8cdd3; opacity: 1; font-style: italic; }
::-moz-placeholder { color: #4d4d4d; opacity: 1; font-style: italic; }
:-ms-input-placeholder { color: #c8cdd3; font-style: italic; }
/* CSS-EXTRAS */
.hide { display: none; }
.trans25 { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.trans30 { -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; transition: all .6s ease-in-out; }
.btn { background: #36a1c9; border-bottom: 0; color: #fff; display: inline-block; font-weight: 600; padding: 10px 20px; text-align: center; cursor: pointer; }
.hgroup { border-bottom: 1px solid #e6e9ed; padding-bottom: 45px; }
.hgroup h1{ font-size: 30px; color: #36a1c9; margin: 0 0 14px; padding: 0; text-align: center; }
h2.h1landing { font-size: 30px!important; color: #36a1c9!important; margin: 0 0 14px!important; padding: 0; text-align: center; }
.hgroup h2{ font-size: 18px; color: #656d78; margin: 0; padding: 0; text-align: center; }
h3.h2landing { font-size: 18px!important; color: #656d78!important; margin: 0; padding: 0; text-align: center; }
.hide-text { overflow: hidden; text-indent: 100%; white-space: nowrap; }
.container { margin: 0 auto; max-width: 980px; padding: 0 20px; position: relative; }
.h1starttop{font-size:30px;}
ul.usp-symbol{list-style: none}
.responsesubtitle{height: 120px;margin-bottom:20px}
/* BRANDING (LOGO & NAVIGATION) */
#branding { background: #36a1c9; height: 60px; position: fixed; top: 0; width: 100%; z-index: 99999; }
#logo { color: #fff; float: left; }
#logo a { background: url(https://www.imcounter.com/CIncludes/img/logo-imcounter.png) 0 0 no-repeat;  background-size: 163px 40px; border-bottom: 0; display: inline-block; font-size: 18px; height: 40px; margin: 10px 0 0; overflow: hidden; text-indent: 100%; padding-bottom: 0; white-space: nowrap; width: 181px; }
#navigation { float: right; margin: 15px 0 0; }
#menuList { font-size: 16px; list-style: none; margin: 0; padding: 0; }
#menuList li { display: inline-block; float: left; margin: 0 0 0 30px; padding: 0; }
#menuList li a { border-bottom: 0; color: #fff; display: block; padding: 0; }
#menuList li .active { border-bottom: 1px dotted #76c5e2; padding-bottom: 0; }
/* HEADER */
#header { background: #76c5e2; color: #fff; margin-top: 60px; overflow: hidden; padding: 50px 0 0; width: 100%; }
#headerTxt { float: left; margin-right: 3.404255319%; padding: 5px 0 0; width: 48.29787234%; }
#headerTxt h2 { font-weight: 500; }
#headerTxt .btn { padding: 10px 30px 12px;margin:27px 0 20px 41px;clear:both}
#headerImg { display: inherit; float: left; margin: 0; padding: 0; width: 45%; }
#headerImg img { float: left; }


/* REGISTERBAR */
#registerbar { background: #f5f7fa; overflow: hidden; padding: 50px 0; width: 100%; }
#regTxt { float: left; margin-right: 3.404255319%; width: 70.531914894%; }
#regTxt h3 { color: #999; font-size: 20px; margin: 0; padding: 0; }
#regTxt .txt_h3 { color: #999; font-size: 20px; margin: 0; padding: 0; }
#regBtn { float: left; width: 26.063829787%; margin-top: 4px; }
#regBtn .btn { background: #a0d468; padding: 10px 0 12px; width: 100%; }
#ranktxt { margin: 17px 0 0 20px; float: left;font-size: 20px; color: #999; }
#rankstrs { width: 120px; float: left; margin: 20px 0 0 0; }
/* COUNTERSTEPS */
#counterSteps { background: #fff; overflow: hidden; padding: 50px 0; width: 100%; }
#counterSteps .hgroup { border-bottom: 0; padding-bottom: 20px; }
#counterSteps .hgroup h1 { position: relative; }
#counterSteps .hgroup h1 span { position: absolute; top: -110px; }
.step { border-bottom: 1px solid #e6e9ed; display: block; float: left; padding: 30px 0; width: 100%; }
.step:last-child { border-bottom: 0; padding-bottom: 0; }
.stepNbr { background: #76c5e2; border-radius: 100%; color: #fff; display: inline-block; float: left; font-weight: 600; height: 40px; padding: 4px; text-align: center; vertical-align: middle; width: 40px; }
.step h4 { color: #76c5e2; font-size: 18px; margin: 0; padding: 5px 0; }
.nbr { float: left; margin-right: 1.063829787%; width: 4.255319149%; }
.txt { float: left; margin-right: 3%; width: 25.85106383%; }
.bnr, .sName, .cArea { float: left; width: 65.531914894%; }
.bnrList { list-style: none; margin: 0; padding: 0; }
.bnrList li { display: inline-block; float: left; margin: 0 20px 0 0; padding: 3px 1px 6px; }
.bnrList li img { margin-left: 6px; vertical-align: middle; }
.bnrList li a { border-bottom: 0; display: block; padding-bottom: 0; }
.text-row { background:#f5f7fa; font-size: 14px; float: left; padding: 10px; width: 100%; }
.text-row a { color: #36a1c9; }
#acceptPP { display: none; }
.accept-check {	margin-right: 4px; position: relative; top: -1px; -webkit-appearance: checkbox; }
.sName input[type="text"] { background: #fff; border: 1px solid #e6e9ed; color: #656d78; font-weight: 300; font-size: 16px; padding: 10px 15px 11px; width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0; -moz-box-shadow: 0; box-shadow: none; -webkit-appearance: none; }
.sName input:focus { border-color: #d7dbdf; outline: none; }
.cArea textarea { background: #fff; border: 1px dashed #e6e9ed; color: #656d78; font-family: "Courier New", Courier, monospace; font-weight: 300; font-size: 14px; line-height: normal; height: 245px; padding: 10px 15px 11px; resize: none; text-align: left; width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0; -moz-box-shadow: 0; box-shadow: none; -webkit-appearance: none; }
.cArea textarea:focus { border-color: #d7dbdf; outline: none; }
.txt .cInfo { font-size: 12px; line-height: 20px !important; }
.sName .cInfo { color: #8fb428; font-size: 12px; line-height: 20px !important; margin-bottom: 10px; }
/* FEATURES */


#features { background: #f5f7fa; overflow: hidden; padding: 50px 0 0; width: 100%; }
#features .hgroup { border-bottom: 0; padding-bottom: 40px; }
#featBigImg { margin: 0 auto; padding: 0; width: 65.531914894%; }
#featBigImg img { float: left; margin: 0; padding: 0; }
#featTeaser { overflow: hidden; padding: 50px 0; width: 100%; }
.featImg { display: inherit; margin: 0 0 10px; padding: 0; }
.featImg img { border: 1px solid #dfe2e8; }
.feat { float: left; margin-right: 3.404255319%; width: 31.063829787%; }
.feat:last-child { margin-right: 0; }
.feat h4 { font-weight: 600; font-size: 18px; margin: 0 0 10px; }
.feat p { font-size: 15px; line-height: 22px; }
/* INFOCENTER */
#infoCenter { background: #fff; overflow: hidden; padding: 50px 0 45px; width: 100%; }
#infoCenter .hgroup { border-bottom: 0; padding-bottom: 40px; }
#infoCenter .row { float: left; margin-bottom: 30px; width: 100%; }
#infoCenter .row:last-child { margin-bottom: 0; }
.infoHeadline { float: left; margin-right: 3.404255319%; width: 31.063829787%; }
.infoHeadline h4 { font-weight: 600; font-size: 18px; margin: 0; }
.infoText { float: left; width: 65.531914894%; }
.infoText p { font-size: 15px; line-height: 22px; }
/* Sprites */
.sprite_cntr_grfx {display:inline-block; overflow:hidden; background-repeat: no-repeat;background-image:url('https://www.imcounter.com/CIncludes/img/sprite_counter.png');}
.fastcounter-banner-blue {width:80px; height:15px; background-position: -2px -2px; display: inline-block; position: relative; top: 2px; left: 6px; margin-right: 6px;}
.fastcounter-banner-grapefruit {width:80px; height:15px; background-position: -84px -2px; display: inline-block; position: relative; top: 2px; left: 6px; margin-right: 6px;}
.fastcounter-banner-gray {width:80px; height:15px; background-position: -166px -2px; display: inline-block; position: relative; top: 2px; left: 6px; margin-right: 6px;}
.fastcounter-banner-green {width:80px; height:15px; background-position: -248px -2px; display: inline-block; position: relative; top: 2px; left: 6px; margin-right: 6px;}
.fastcounter-banner-grey {width:80px; height:15px; background-position: -330px -2px; display: inline-block; position: relative; top: 2px; left: 6px; margin-right: 6px;}
.fastcounter-banner-mint {width:80px; height:15px; background-position: -412px -2px; display: inline-block; position: relative; top: 2px; left: 6px; margin-right: 6px;}
.fastcounter-banner-pink {width:80px; height:15px; background-position: -494px -2px; display: inline-block; position: relative; top: 2px; left: 6px; margin-right: 6px;}
.fastcounter-banner-red {width:80px; height:15px; background-position: -576px -2px; display: inline-block; position: relative; top: 2px; left: 6px; margin-right: 6px;}
.fastcounter-banner-trans {width:80px; height:15px; background-position: -658px -2px; display: inline-block; position: relative; top: 2px; left: 6px; margin-right: 6px;}
.fastcounter-banner-yellow {width:80px; height:15px; background-position: -740px -2px; display: inline-block; position: relative; top: 2px; left: 6px; margin-right: 6px;}
/* CONTENT-SINGLEPAGE (DEMO) */
.page { background: #fff; }
#main { background: #fff; color: #656d78; margin-top: 60px; overflow: hidden; padding: 50px 0 18px; width: 100%; min-height: 700px; }
#main .hgroup { border-bottom: 0; margin: 0; padding-bottom: 40px; }
#mobile_menu { display: none; margin-bottom: 10px; background-color: #a0d468; padding: 10px 0 12px; border: 1px solid #ccd1d9; color: #fff; }
#subMenu { border-bottom: 1px solid #e6e9ed; border-top: 1px solid #e6e9ed; font-size: 14px; margin-bottom: 25px; overflow: hidden; padding: 30px 0 10px; text-align: center; }
#subMenu2 { border-bottom: 1px solid #e6e9ed; font-size: 14px; margin-bottom: 50px; overflow: hidden; padding: 30px 0 10px; text-align: center; display: none;}
#subMenuList { list-style: none; margin: 0; padding: 0; }
#subMenuList li { display: inline-block; float: none; margin: 0 1.063829787% 0 0; padding: 0 0 20px 0; }
#subMenuList li:last-child { margin-right: 0; }
#subMenuList li a { border: 1px solid #ccd1d9; color: #ccd1d9; display: block; font-weight: 600; padding: 6px 14px; text-align: center; }
#subMenuList li a:hover { border-color: #8691a0; color: #8691a0; }
#subMenuList li .active { border-color: #76c5e2; color: #76c5e2; }
#subMenuList2 { list-style: none; margin: 0; padding: 0; }
#subMenuList2 li { display: inline-block; float: none; margin: 0 1.063829787% 0 0; width: 50px; background-color: #8691a0; }
#subMenuList2 li:last-child { margin-right: 0; }
#subMenuList2 li a { border: 1px solid #ccd1d9; color: #ccd1d9; display: block; text-align: center; padding: 0px; }
#subMenuList2 li a:hover { border-color: #8691a0; color: #8691a0; }
#subMenuList2 li .active { border-color: #76c5e2; color: #76c5e2; }
.statsCol { background: #f5f7fa; color: #656d78; font-size: 16px; float: left; margin-right: 3.404255319%; margin-bottom: 32px; padding: 10px 20px 0 20px; position: relative; width: 48.29787234%; min-height: 285px; }
.statsCol:nth-child(2n+2) { margin-right: 0; }
.statsCol a { border-bottom: 0; color: #36a1c9; font-weight: 600; padding-bottom: 0; text-decoration: none; line-height: 25px; }
.thead { background: #8691a0; color: #fff; display: block; font-size: 18px; left: 0; padding: 15px 20px 14px; position: absolute; top: 0; text-align: left; width: 100%; }
.thead a:link, .thead a:visited,.thead a:hover, .thead a:active { color: #b6d830; }
.table { border-collapse: collapse; display: table; margin-top: 51px; width: 100%; }
.table_adv { border-collapse: collapse; display: table; margin-top: 0; width: 100%; }
.table_adv_title { border-collapse: collapse; display: table; margin-top: 0; width: 100%; }
.trow { border-bottom: 1px solid #dce0e3; display: table-row; }
.trow:last-child { border-bottom: 0; }
.tcell { display: table-cell; line-height: 20px; padding: 16px 0 15px; text-align: left; vertical-align: middle; width: 50%; }
.tcell_onl { line-height: 20px; padding: 16px 0 15px; text-align: center; vertical-align: middle; width: 100%; margin-top: 75px; position: relative; }
.tcell_adv { display: table-cell; line-height: 15px; padding: 16px 0 15px; text-align: right; vertical-align: middle; width: 100%; }
.text { font-size: 14px; font-weight: 300; }
.value { font-size: 22px; }
.value_onl { font-size: 72px; }
.value_adv { font-size: 14px; }
.dateToday { }
.dateYesterday { }
.thisMonth { }
.lastMonth { }
.currentVisitor { }
.overallStatistics { }
.browserLanguages { }
.currentVisitor, .browserLanguages .trow { border-bottom: 0; }
.browserLanguages .tcell { }
.browserLanguages .text { }
.browserLanguages .value { }
.totop100 { margin-top: 100px !important; }
.adFrame {width: 100%; margin-bottom: 50px; }
.adFrame1{ width: 970px; height: auto;   margin: 0 auto 25px; left: -15px; position: relative;}
@media (min-width: 750px ) and (max-width: 1280px )
{
	.adFrame1{ width: 728px; height: auto;   margin: 5px auto 5px; left:0;}
	#subMenu { margin-bottom: 5px;}
}
@media (min-width: 520px ) and (max-width: 749px )
{
	.adFrame1{ width: 468px; height: auto;   margin: 5px auto 5px; left:0; }
	#subMenu { margin-bottom: 5px;}
}	
@media (min-width: 350px ) and (max-width: 519px )
{
	.adFrame1{ width: 320px; height: auto;   margin: 5px auto 5px; left:0; }
	#subMenu { margin-bottom: 5px;}
}

@media (max-width: 349px )
{
	.adFrame1{ display: none; }
}
/* FOOTER */
#footer { background: #656d78; color: #aab2bd; font-size: 14px; line-height: 22px; overflow: hidden; padding: 50px 0; width: 100%; }
.footerCol { float: left; margin-right: 3%; width: 31%; -moz-box-sizing: initial !important; -webkit-box-sizing: initial !important; box-sizing: initial !important; }
.footerCol:last-child { border-right: 0; margin-right: 0; padding-right: 0; }
.listItem { float: left; width: 50%; }
.footerCol .h5 { color: #aab2bd; font-size: 19px; margin: 0; margin-bottom: 10px;  /*  font-weight: 600;text-transform: uppercase; */}
.menuList { float: left; list-style: none; margin: 0; padding: 0; }
.menuList li { display: block; margin: 0; padding: 0; line-height: 25px;}
.menuList li a { border-bottom: 0; color: #aab2bd; padding: 0; }
.menuList li a:hover { color: #fff; }
#copyright { background: #434a54; overflow: hidden; padding: 15px 0; width: 100%; }
#copyright p { color: #aab2bd; font-size: 12px; text-align: center; margin-bottom: 0; }
.dvalue { font-size: 20px; }
.buttongrey { font: normal 14px/2em 'Open Sans',sans-serif; padding: 2px 10px 2px 24px;  -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; background-color: #8691a0; border: 1px solid #FFFFFF; color: #ffffff; display: inline-block; margin: auto; text-decoration: none; transition: all 0.5s ease; min-width: 172px;	}
.buttongrey:hover { background-color: rgba(66,66,66,0.5); }
.buttongrey:active { position: relative; top: 1px; }
.greyactive { background-color: #36a1c9; } 
.icon_user { background-image: url(https://www.imcounter.com/CIncludes/img/icon_user.svg); background-repeat: no-repeat; background-size: contain; }
.icon_res { background-image: url(https://www.imcounter.com/CIncludes/img/icon_resolution.svg); background-repeat: no-repeat; background-size: contain; }
.icon_lang { background-image: url(https://www.imcounter.com/CIncludes/img/icon_lang.svg); background-repeat: no-repeat; background-size: contain; }
.icon_mobi { background-image: url(https://www.imcounter.com/CIncludes/img/icon_mobil.svg); background-repeat: no-repeat; background-size: contain;	}
.icon_ref { background-image: url(https://www.imcounter.com/CIncludes/img/icon_ref.svg); background-repeat: no-repeat; background-size: contain; }
.icon_browser { background-image: url(https://www.imcounter.com/CIncludes/img/icon_browser.svg); background-repeat: no-repeat; background-size: contain; }
.icon_sys{ background-image: url(https://www.imcounter.com/CIncludes/img/icon_sys.svg);	background-repeat: no-repeat; background-size: contain;	}
#diawrap { width: 875px; margin-left: auto; margin-right: auto;	}
#last_User_btn { }
/* Erweiterung DC  */
.bnrList li input, .bnrList li label{ cursor: pointer; }
.pagewrap_x1 { width: 100%; clear: both; }
.pagewrap_x2 { width: 48.2979%; float: left; margin-right: 3.40426%; margin-bottom: 32px; min-width: 300px; }
.pagewrap_x2:nth-child(2n+2) { margin-right: 0px; } 
.tcenter { text-align: center; }
#cntr_code_area { background-size:contain; background-repeat:no-repeat;	background-position: center center; }
#btn_nxt_code { margin-top: 20px; display: none; }
.p05 { width: 10%; }
.p10 { width: 10%; }
.p20 { width: 20%; }
.p25 { width: 20%; }
.p30 { width: 30%; }
.p40 { width: 40%; }
.p50 { width: 50%; }
.p60 { width: 60%; }
.p70 { width: 70%; }
.p80 { width: 80%; }
.p90 { width: 90%; }
.p100 { width: 100%; }
.lh25 { line-height: 25px; }
.subnav { text-align: center; margin: -37px 0 50px 0; border-bottom: 1px solid #e6e9ed; }
.subnav  .wide { color: #656d78; font-size: 26px; line-height: 35px; }
.subnav  .deact { color: #ccd1d9; line-height: 42px; }
.subnav  a:link, .subnav  a:active, .subnav  a:visited, .subnav  a:hover { color: #76c5e2; line-height: 42px; border-bottom: none; }
.subnav ul{ list-style: none; display: inline-block; padding: 0; }
.subnav li{ float: left; padding: 0 40px; font-size: 18px; }
/* Referenzen */
.ref_box { background: #f5f7fa; width: 300px; height: 220px; display: table; float: left; margin-bottom: 20px; margin-right: 20px; }
.ref_box:nth-child(1n) { }
.ref_box:nth-child(2n) { }
.ref_box:nth-child(3n) { margin-right: 0;}
.ref_img {  cursor: pointer;  background-color:  #FFFFFF ; width: 290px; height: 210px;  margin: -210px 5px 5px 5px; background-position: center center; background-size: contain; opacity: 0.99; background-repeat: no-repeat; }
.ref_img:hover { opacity: 0; }
.ref_back { width: 280px; height: 200px; margin: 10px 10px 5px; font-style: italic; text-align: center; font-size: 15px; line-height: 20px;}
.ref_back h3 { margin-bottom: 15px; font-size: 20px; line-height: 30px; }
.ref_back p { padding: 30px 10px;}
.ref_txt {  cursor: pointer; width: 280px; height: 30px; margin: 0; text-align: center; overflow: hidden;}
.ref_txt a { color: #36a1c9; text-decoration: none; border: none; }
.ref_txt a:hover { opacity: 0.7; }
.ref_quote { float: right; font-style: italic; width: 600px; margin-bottom: 40px;}
.ref_desc { float: left; width: 600px; }
.refdata { width: 280px; float: right; margin-right: 0;}
.logoimg { width: 300px; height: auto; float: left;padding: 5px; margin: 0 10px 10px 0; display: inherit;}
.head_line { height: 1px; border-top: 1px solid #e6e9ed; margin-bottom: 50px; }
#ref_wrap { width: 940px; display: table; margin-left: auto; margin-right: auto; }
/*  Diagramm  */
#chartdiv { width: 940px; height: 400px; background: #FFFFFF; }
.chartwrap { width: 980px; background: #FFFFFF; min-height: 200px; box-shadow: 2px 2px 2px rgba(0,0,0,0.2); margin-bottom: 20px; float: left; margin-right: 20px; }
.charttitle { width: 100%; height: 30px; margin: 0 0 0 0; background-color: #666666; }
.charttitle h3{ line-height: 18px; color: #FFFFFF; font-size: 15px; font-weight: 400; line-height: 30px; margin-left: 10px; }
.data_tbl th { text-align: left; font-weight: bold;}
.data_tbl { width: 100%; list-style: none; margin-left: 0;}
.data_tbl ul, .data_tbl li { list-style: none; }
.stats_table { border: none; }
.specialtable { background: rgba(12,12,12,0.2); }
.activtable { background: rgba(151,187,205,0.4); }
.defaulttable { background: #FFF; }
.amExportButton{ top: 360px !important; }
.chartdate { top: 360px !important; }
/* DIAGRAMM Ende */
.statsColFull { width: 100%; }
#luser_list { list-style: none; margin-left: 0; padding-left: 0; }
#iconMenu { display: none; height: 110px; }
#iconMenuList { list-style: none; margin-left: 0px; padding: 0px; margin-top: 20px; margin-bottom: 40px; margin-left: auto; margin-right: auto; display: table; }
#iconMenuList li{ background-color: #8691a0; list-style: none; margin-left: 0px; width: 50px; height: 50px; margin-right: 10px; float: left; margin-bottom: 10px; }
#iconMenuList li a{ border: none; }
#iconMenuList li a img{ height: 100%; }
.iconMenuactive { background-color: #36a1c9 !important; }
.txtbold { font-weight: bold; }  
.normaltext { font-size: 16px; }
.fleft { float: left; }
.fright { float: right; }
.tright { text-align: right; }
.tleft { text-align: left; }
#link_code { max-height: 140px; height: 0px; overflow: hidden }
.rankgrfx { height: auto; width: 45px;  margin-left: 10px; }
#last_User_btn {}
/* MEDIA-QUERIES  */
/* BREAKPOINT < 980px    Referenzen */
.lng_lnk{display: inline-block;}
.lng_area{margin: 55px auto 0; height: 30px; max-width: 980px; padding: 0 20px; position: relative; text-align: right;  font-size: 13px; }
.dark{color: #333333;}
.light{color: #444444;}
.dark a{color: #36a1c9 !important;}
.light a{color: #FFFFFF !important;}
.lng_area a{color: #FFFFFF;text-decoration: none;border: none;}
.lng_area .active{opacity: 0.5;}
.lng_area ul,.lng_area li{list-style: none;}
.lng_area ul{float: right;}
.lng_area li{margin-right: 10px;float: left;}
.lng_area li:after{content:'|'; margin-left:10px;}
.lng_area li:last-child:after{content: ''; margin: 0; }
#header { margin-top: 0 !important; padding: 25px 0 0 !important; }
#main { margin-top: 0 !important; padding: 25px 0 0 !important; }
.daylist {  font-weight: normal;  float:left; margin-top: 2px; }
@media only screen and (max-width: 980px) {
.ref_box:nth-child(3n) { margin-right: 20px;}
.ref_box:nth-child(2n) { margin-right: 0;}
#ref_wrap { width: 620px; display: table; }
.ref_quote { width: 100%; text-align: center; }
.ref_desc { width: 100%; text-align: center; }
.refdata { clear:both; float:none; margin-left: auto !important; margin-right: auto !important;}
.logoimg { display: table; margin-left: auto; margin-right: auto;  float: none;}
}
/* BREAKPOINT < 940px  */
@media only screen and (max-width: 940px) {
#header { padding-bottom: 50px; }
#headerTxt { padding: 0; }
#diawrap { display: none !important; }
#last_User_btn { display: none !important; }
.value_adv { font-size: 14px; }
#subMenu { margin-bottom: 0px;}
#iconMenu { display: block}
 #iconMenuList li{ width: 50px; height: 50px; margin-right: 8px;   }
#link_code {max-height: 140px; }
.subnav { margin: 14px 0 20px 0; }
.subnav .wide {font-size: 24px; line-height: 35px;}
.subnav  .deact { line-height: 42px; }
.subnav  a:link, .subnav  a:active, .subnav  a:visited, .subnav  a:hover { line-height: 42px; }
.subnav li{ padding: 0 30px; font-size: 16px; }
}
/* BREAKPOINT < 780px  */
@media only screen and (max-width: 780px) {
.statsCol { float: none; margin: 0 0 30px; overflow: inherit; width: 100%; }
.statsCol:nth-child(2n+2) { margin-right: 0; }
.tcell { line-height: 18px; }
.tcell_onl { line-height: 18px; }
.value { font-size: 18px; }
.normaltext { font-size: 14px; }
.value_onl { font-size: 65px; }
.value_adv { font-size: 14px; }
.dvalue { font-size: 16px;}
.text { font-size: 12px; }
#link_code {max-height: 180px; }
#diawrap { display: none!important;  }
#last_User_btn { display: none !important; }
.subnav { margin: 2px 0 20px 0; }
.subnav .wide {font-size: 20px; line-height: 35px;}
.subnav  .deact { line-height: 42px; }
.subnav  a:link, .subnav  a:active, .subnav  a:visited, .subnav  a:hover { line-height: 42px; }
.subnav li{ padding: 0 20px; font-size: 15px; float: none; }
}
/* BREAKPOINT < 768px  */
@media only screen and (max-width: 768px) {
body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; }
#regTxt h3 { font-size: 14px; }
#regTxt .txt_h3 { font-size: 14px; }
.txt { padding-left: 1.5%; }
.cArea textarea { height: 242px; }
.footerCol { margin-right: 1.595744681%; padding-right: 1.595744681%; }
.footerCol .h5 { margin-bottom: 5px; margin-top: 10px; }
#link_code {max-height: 180px; }
#last_User_btn { display: none !important; }
#diawrap { display: none !important; }
#ranktxt { font-size: 14px !important; }

}
@media only screen and (max-width: 680px){
ul.usp-symbol, ul.usp-symbol li{width:300px;text-align:left;font-size:13px;margin:0 auto}
#headerTxt .btn { padding: 10px 30px 12px; margin:0 0 20px 0;}
#logo { float: none; margin: 0 auto 10px; }
#logo a { margin: 0; }
#branding { height: auto; position: inherit; padding: 10px 0 15px; top: inherit; text-align:center}
#logo { float: none; margin: 0 auto 10px; }
#logo a { margin: 0; }
#navigation { float: none; margin: 0; }
#menuList { font-size: 14px; }
#menuList li { display: inline-block; float: none; margin: 0 10px 0 0; padding: 0; }
#regBtn { font-size: 14px;}
#regTxt h3{font-size:14px}
#regTxt .txt_h3{font-size:14px}
.h1starttop{font-size:20px;}
#header { margin: 0; padding: 30px 0; text-align: center;}
#headerTxt { float: none; margin: 0; padding: 0 0 0; width: 100%; }
#headerTxt h2 { font-size: 22px; margin: 0 0 10px; }
#headerTxt p { font-size: 14px; }
#headerTxt .btn { padding: 7px 20px 8px;}
#headerImg { display: none; float: none; margin: 0; padding: 0; width: 100%; }
#headerImg img { float: none; }
h2.h1landing{font-size:20px!important}
h3.h2landing{font-size:13px!important;line-height: 16px!important;}
#main { margin-top: 0px; padding: 30px 0 0; }
.lng_area{margin: 0 auto -30px;}
}
/* BREAKPOINT < 680px  Referenzen */ 
@media only screen and (max-width: 680px){
.ref_box {width:121px;margin-right:10px;height:166px;}
.ref_box h3{font-size: 12px;margin-bottom: 4px;line-height: 13px;}
.ref_back {width: 127px;font-size: 10px;line-height: 14px;height: 140px;}
.ref_img {width: 141px;height: 160px;margin: -152px 3px 3px;}
#ref_wrap {width: 470px;}
.ref_box:nth-child(n) {	margin-right: 9px ;margin-bottom: 9px ;}
.ref_box:nth-child(3n) { margin-right: 0;}
}
@media only screen and (max-width: 520px){
#ref_wrap { width: 310px;}
.ref_box:nth-child(2n) {margin-right: 0;}
.ref_box:nth-child(3n) {margin-right: 9px ;margin-bottom: 9px ;}
}
/* BREAKPOINT < 480px  */
@media only screen and (max-width: 480px) {
body { line-height: 26px; text-align: center; }
h5.dontdisresp {display:none}
.listItem.margintopresp{margin-top:0}
.listItem.marginbottnone{margin-bottom:0}
#branding { height: auto; position: inherit; padding: 10px 0 15px; top: inherit; }
#logo { float: none; margin: 0 auto 10px; }
#logo a { margin: 0; }
#navigation { float: none; margin: 0; }
#menuList { font-size: 14px; }
#menuList li { display: inline-block; float: none; margin: 0 10px 0 0; padding: 0; }
#header { margin: 0; padding: 30px 0; }
#headerTxt { float: none; margin: 0; padding: 0 0 0; width: 100%; }
#headerTxt h2 { font-size: 22px; margin: 0 0 10px; }
#headerTxt p { font-size: 14px; }
#headerTxt .btn { padding: 7px 20px 8px; }
#headerImg { display: none; float: none; margin: 0; padding: 0; width: 100%; }
#headerImg img { float: none; }
#registerbar { padding: 20px 0 30px; }
#regTxt { float: none; margin: 0; width: 100%; }
#regTxt h3 { margin: 0 0 10px; padding: 5px 0; }
#regTxt .txt_h3 { margin: 0 0 10px; padding: 5px 0; }
#regBtn { font-size: 14px; float: none; width: inherit; }
#regBtn .btn { padding: 7px 20px 8px; width: inherit; }
#btn_nxt_code { padding: 7px 20px 8px !important; font-size: 14px; }
#counterSteps { padding: 30px 0; }
#counterSteps .hgroup { padding-bottom: 10px; }
.step { padding: 30px 0; width: 100%; }
.stepNbr { float: none; padding: 6px 3px 3px 4px; }
.step h4 { font-size: 18px; margin: 0 0 20px; padding: 5px 0; }
.nbr { float: none; margin: 0; width: 100%; }
.txt { float: none; margin: 0; padding: 0; width: 100%; }
.bnr, .sName, .cArea { float: none; width: 100%; }
.bnrList li { float: none; }
.cArea textarea { height: 120px; }
.txt .cInfo { font-size: 12px; line-height: 20px !important; margin-bottom: 30px; }
.sName .cInfo { color: #8fb428; font-size: 12px; line-height: 20px !important; margin-bottom: 30px; }
#features { padding: 30px 0 0; }
#features .hgroup { padding-bottom: 30px; }
.h1-centerblue, .hgroup h1 { font-size: 22px; margin: 0 0 10px; }
.h2-centergray{ font-size: 16px; margin: 0; }
#featBigImg { width: 100%; }
#featBigImg img { float: none; }
#featTeaser { padding: 30px 0; }
.feat { float: none; margin: 0 0 30px; width: 100%; }
.feat:last-child { margin: 0; }
.feat h4 { font-size: 16px; margin: 0 0 5px; }
.feat p { font-size: 14px; }
#infoCenter { padding: 30px 0 25px; }
#infoCenter .hgroup { padding-bottom: 30px; }
.hgroup h1 { font-size: 22px; margin: 0 0 10px; }
.hgroup h2 { font-size: 16px; margin: 0; }
.infoHeadline { float: none; margin-right: 0; width: 100%; }
.infoHeadline h4 { font-size: 16px; margin: 0 0 5px;  }
.infoText { float: none; width: 100%; }
.infoText p { font-size: 14px; }
#main .hgroup { padding-bottom: 30px; }
#main .hgroup h1 { font-size: 22px; margin: 0 0 10px; }
#subMenu { font-size: 14px; margin-bottom: 30px; padding: 30px 0 20px; }
#subMenu2 { font-size: 14px; margin-bottom: 30px; padding: 30px 0 20px; }
#subMenuList { display: none; }
#mobile_menu { display: block; }
#subMenuList li { margin: 0; padding: 0 0 10px 0; width: 100%; }
#subMenuList li a { padding: 10px 5px; }
#subMenuList2 li { margin: 0; padding: 0 0 10px 0; width: 100%; }
#subMenuList2 li a { padding: 10px 5px; }
.statsCol { font-size: 16px; padding: 10px 20px 0 20px; margin-bottom: 30px; }
.thead { font-size: 13px; left: 0; padding: 15px 20px 14px; }
.table { margin-top: 46px; }
.tcell { padding: 20px 0 19px; width: 51.5%; }
.tcell_onl { padding: 20px 0 19px; }
.value { font-size: 16px; }
.value_onl { font-size: 55px; }
.value_adv { font-size: 12px; }
.normaltext { font-size: 14px; }
.dvalue { font-size: 14px;}
.text { font-size: 11px; }
#iconMenuList li{ width: 35px; height: 35px; margin-right: 5px; }
#iconMenuList li a{ border: none; }
#footer { font-size: 14px; line-height: 22px; padding: 30px 0; }
.footerCol { border-right: none; border-bottom: 1px dotted #aab2bd; float: none; margin: 0 0 20px; padding: 0 0 20px; width: 100%; }
.footerCol:last-child { border-bottom: 0; margin: 0; padding: 0; }
.footerCol:last-child .listItem { margin-bottom: 0; }
.listItem { float: none; margin-bottom: 20px; width: 100%; }
.listItem:last-child { margin-bottom: 0; }
.menuList { float: none; list-style: none; margin: 0; padding: 0; }
.menuList li { display: block; margin: 0; padding: 0; line-height: 25px;}
.menuList li a { border-bottom: 0; color: #aab2bd; padding: 0; }
.menuList li a:hover { color: #fff; }
#copyright { padding: 20px 0; }
#copyright p { font-size: 10px; }
#link_code {max-height: none; }
.subnav { margin: -28px 0 20px 0; }
.rankgrfx { width: 35px;}
#last_User_btn { display: none !important; }
#diawrap { display: none !important; }
#rankstrs { float: none; margin: 20px auto 0px auto;}
#ranktxt { float:none; clear: both; margin: 7px 0 0 10px;}
}