/* Tablett oder Desktop - Roboto Font laden - Mobil nicht laden -> bessere Ladezeiten 
@media only screen and (min-width: 480px) { 
*/

  /* roboto-regular - latin */
  @font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: local(''),
		 url('/storage/themes/mikas-madison-2/font/roboto-v20-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		 url('/storage/themes/mikas-madison-2/font/roboto-v20-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* roboto-700 - latin */
  @font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: local(''),
		 url('/storage/themes/mikas-madison-2/font/roboto-v20-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		 url('/storage/themes/mikas-madison-2/font/roboto-v20-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }

/*}
*/

body, header.top h1, h1,h2,h3,h4,h5,h6, nav {
	font-family: 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Icos */

@font-face {
  font-family: 'kicons';
  src: url('/storage/themes/mikas-madison-2/font/kicons.eot?85359698');
  src: url('/storage/themes/mikas-madison-2/font/kicons.eot?85359698#iefix') format('embedded-opentype'),
       url('/storage/themes/mikas-madison-2/font/kicons.woff?85359698') format('woff'),
       url('/storage/themes/mikas-madison-2/font/kicons.ttf?85359698') format('truetype'),
       url('/storage/themes/mikas-madison-2/font/kicons.svg?85359698#kicons') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="kicon-"]:before,
[class*=" kicon-"]:before {
  font-family: 'kicons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: none;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
}

/* social */
.kicon-email:before { content: '\e800'; }
.kicon-facebook:before { content: '\e802'; }
.kicon-gplus:before { content: '\e804'; }
.kicon-pinterest:before { content: '\e817'; }
.kicon-rss:before { content: '\e80d'; }
.kicon-tumblr:before { content: '\e81a'; }
.kicon-twitter:before { content: '\e801'; }
.kicon-vimeo:before { content: '\e803'; }
.kicon-dl:before { content: '\e81f'; }

/* publishing */
.kicon-box:before { content: '\e815'; }
.kicon-doc:before { content: '\e813'; }
.kicon-chat:before { content: '\e810'; }
.kicon-clock:before { content: '\e80e'; }
.kicon-cog:before { content: '\e814'; }
.kicon-comment:before { content: '\e80f'; }
.kicon-comment-empty:before { content: '\e811'; }
.kicon-export:before { content: '\e81d'; }
.kicon-export-alt:before { content: '\e81b'; }
.kicon-folder-empty:before { content: '\e816'; }
.kicon-forward:before { content: '\e818'; }
.kicon-heart-empty:before { content: '\e806'; }
.kicon-heart:before { content: '\e805'; }
.kicon-link:before { content: '\e819'; }
.kicon-location:before { content: '\e812'; }
.kicon-plus:before { content: '\e80b'; }
.kicon-plus-circled:before { content: '\e809'; }
.kicon-plus-squared:before { content: '\e80a'; }
.kicon-plus-squared-small:before { content: '\e81c'; }
.kicon-star:before { content: '\e807'; }
.kicon-star-empty:before { content: '\e808'; }
.kicon-tag:before { content: '\e80c'; }
.kicon-angle-up:before { content: '\e829'; }
.kicon-angle-down:before { content: '\e828'; }

/* mobile */
.kicon-mob-menu:before { content: '\e81e'; }


/* Share menu style overrides
================================================== */

div.kshare {
  background:white;
}

ul.kshare-items li a {
  color:#000 !important;
}

.content-share i {
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAJklEQVR42tWQsQkAAAzC/P/pOBbcOhRqIJOZFBAOub2JF9zFjdcZ8S2ibBpvXT4AAAAASUVORK5CYII=);
}

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
  	-webkit-tap-highlight-color: transparent;
}

body {
	color: #666666;
	background: #ffffff;
	font-size:13px;
	line-height:1.5;
	letter-spacing:0px;
	text-align:left;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-text-size-adjust: 100%;
	-moz-osx-font-smoothing: auto;
}

img {
	-ms-interpolation-mode: bicubic;
	vertical-align: bottom;
}

a {
	color: #d08020;
	-webkit-transition:color 200ms linear;
	-moz-transition:color 200ms linear;
	transition:color 200ms linear;
	text-decoration:none;
}

a:hover {
	color:#000000;
}

a.inherit {
	color:inherit;
}

h1,h2,h3,h4,h5,h6 {
	font-weight:bold;
	color:#000000;
	text-transform:none;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration:none;
	color:inherit;
}

h1 {
	margin:0 0 1em 0;
	font-size:16px;
}

/* override when used in a header */
h1 time {
	margin:0 0 1em 0;
	font-size:16px;
	text-transform: none;
	letter-spacing: 0;
	color:#000000;
}

h2 {
	margin:0;
	font-size:16px;
}

h3 {
	margin:0 0 0.3em 0;
	font-size:14px;
}

h4 {
	font-size:12px;
}

h5 {
	font-size:13px;
}

h6 {
	font-size:13px;
}

p {
	margin:0 0 1em 0;
}

b, strong { font-weight:bold; }
em, i { font-style:italic; }

small {
    font-size: 80%;
}

.item_meta {
	font-size:11px;
	color:#aaaaaa;
	white-space: nowrap;
	font-weight:normal;
}

.body_small {
	font-size:12px;
}

.trunc {
	display:block;
	overflow: hidden;
	-moz-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}

.tag:before {
	content:"#";
}

.small_link {
	font-size:90%;
	color:#aaaaaa;
}

.archive_head {
	margin-bottom:2em;
}

.fright { float:right; }
.fleft { float:left; }
.align_right { text-align:right; }
.align_left { text-align:left; }
.align_center { text-align:center; }

.clear:before,
.clear:after {
    content: " ";
    display: table;
}
.clear:after {
    clear: both;
}

ul.inline {
	list-style:none;
	display:inline-block;
}

ul.inline li {
	display:inline-block;
}

.meta {
	margin:1em 0 0 0;
	color: #aaaaaa;
	font-size:11px
}

.meta a, .meta a:visited {
	color: #aaaaaa;
}

.meta a:hover {
	color: #444444;
}

.meta:empty {
	margin-top:0;
}

#title_ph {
	display:block;
	width:100%;
	height:75px;
	line-height:75px;
	text-align:center;
	font-size:14px;
	background:#ddd;
	color:black;
}

/* Images
================================================== */

.imgframe,
.k-content,
.k-video
{
	padding:0px;
	background:#f4f4f4;
}

.imgframe {
	display:block;
}

a.k-link-lightbox { cursor:-webkit-zoom-in;cursor:-moz-zoom-in; }

.vid_play,
.vid_time
{
	visibility:hidden;
	opacity:0;
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	-o-transition: opacity 1s;
	transition: opacity 1s;
}

.vid_play {
	position:absolute;
	bottom: calc(8px + 0px);
	left: calc(8px + 0px);
	z-index: 1;
	color: #fff;
	font-size: 18px;
	line-height: 16px;
	-webkit-font-smoothing: antialiased;
}

.vid_time {
	position: absolute;
	bottom: calc(8px + 0px);
	right: calc(8px + 0px);
	z-index: 1;
	padding: 1px 5px;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	font-size: 11px;
	line-height: 14px;
	font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
	-moz-border-radius: 3px;
  	border-radius: 3px;
}

.kpgriditem.loaded .vid_play { visibility:visible;opacity:1; }
.kpgriditem.loaded .vid_time { visibility:visible;opacity:1; }

.type_video .vid_time:empty { display:none; }


/* Footer
================================================== */

footer.main {
	text-align:left;
	padding:0 10px;
	font-size:11px;
}

footer.main section {
	margin-bottom:20px;
}

footer.main.align_center {
	text-align:center;
}

footer.main.align_right {
	text-align:right;
}

/* Column
================================================== */

#col {
	position:fixed;
	height:100%;
	top:0;
	overflow:auto;
	font-size:12px;
	color:#7d7d7d;
	width:130px;
	text-align: center;
	background:rgba(255,255,255,1);
	z-index: 100;
}

#col a {
	text-decoration:none;
}

#col .in {
	padding:30px 0px 0 0px;
}

#col section {
	margin-bottom:20px;
}

#col section:empty {
	margin-bottom:0;
}

.logo {
	display:inline-block;
}

img.custom_logo {
	max-width:100%;
	width:100%;
	height:auto;
}

#site_logo {
	display:table;
	width:100%;
}
#site_logo .w {
	display:table-cell;
	vertical-align:middle;
}

#col.align_center #site_logo .w {
	text-align:center;

}

header.top h1 {
	text-transform:uppercase;
	color:#000000;
	font-size:17px;
	line-height: 24px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0px;
	margin-bottom:0px;
}

header.index {
	position:relative;
	padding-bottom:2em;
	clear:both;
}
header.index.anim_on {
	display:none;
}

nav {
	text-transform:none;
	font-size:15px;
	letter-spacing:0px;
}

nav li {
	margin-bottom:6px;
}

nav ul ul {
	margin-top:6px;
	margin-left:5px;
}

nav a {
	display:block;
	cursor:pointer;
}

nav a:link, nav a:visited, nav a:active {
	color: #444444;
}

nav a:hover {
	color: #444444;
	text-decoration: none;
}

nav a.k-nav-current {
	font-weight:bold;
	color: #000000 !important;
}

/* Main content area
================================================== */

/* parent that sets left and right edges for content area */
#main {
	margin-left:130px;
	overflow:visible;
	padding: 0 20px 2.5em 10px;
	position: relative;
}

/* Offset column for strip */
#main.strip_1 {
	/* number is equal to width of #content_scroll */
	margin-right:calc(27px + 30px);
}

/* inner wrap that sets content max-width */
#main_wrap {
	margin:0 auto;
}

/* container calc'd for image sizing */
#main .list_item {
	width:100%;
	margin-bottom:2.5em;
}

#main .caption h2 {
	word-wrap:break-word;
}

.item_media {
	position:relative;
}

.item_media.align_center {
	text-align:center;
}

.item_media.align_center .img_wrap {
	margin:0 auto;
}

figure.list_item .item_media img {
	max-height:800px;
}

#main .media-meta {
	width:100%;
	margin-top:1em;
	line-height:11px;
}

#main .media-meta time {
	padding-right:5px;
}

#main .media-meta time,
#main .media-meta ol.exif
{
	display:inline;
}

#main ol.exif li {
	display:inline;
	font-size:11px;
	color: #aaaaaa;
	line-height:1;
	margin:0;
	padding:0 5px 0 0;
}

#main ol.exif li:last-child {
	padding-right:0;
}

#main p.caption {
	margin:0;
}

#page {
	margin:30px auto 0;
	text-align:left;
	overflow:auto;
}

span.img_wrap {
	display:inline-block;
	position:relative;
}

.kpgriditem span.img_wrap {
	display:block;
	height:auto;
}

figcaption {
	clear:both;
	margin:1em 0 0;
}

/* clip text/article/caption width for list items */
.cap_width {
	width:70%;
}

/* Content alignment
================================================== */

#main.palign_left { text-align:left; }
#main.palign_right { text-align:right; }
#main.palign_center { text-align:center; }

#main.palign_left #main_wrap { margin-right:auto;margin-left:0;}
#main.palign_right #main_wrap { margin-right:0;margin-left:auto;}
#main.palign_center #main_wrap { margin-right:auto;margin-left:auto;}

#main_wrap.calign_left { text-align:left;margin-right:auto;margin-left:0; }
#main_wrap.calign_right { text-align:right;margin-right:0;margin-left:auto; }
#main_wrap.calign_center { text-align:center;margin-right:auto;margin-left:auto; }

#main_wrap.calign_right header,
#main_wrap.calign_right figcaption,
#main_wrap.calign_right .imgframe

{
	margin-right:0;
	margin-left:auto;
}

#main_wrap.calign_center header,
#main_wrap.calign_center figcaption,
#main_wrap.calign_center .imgframe
{
	margin-left:auto;
	margin-right:auto;
}


/* Content scroll
================================================== */

#content_scroll {
	top:30px;
	position:fixed;
	width:27px;
	right:30px;
	z-index:1;
}

.bttn_pag {
	width:27px;
	height:27px;
	line-height:27px;
	text-align:center;
	display:block;
	font-size:15px;
	color:#000000;
	border:1px solid #dddddd;
	margin-bottom:6px;
	background: #ffffff;
	-webkit-transition:all 200ms linear;
	-moz-transition:all 200ms linear;
	transition:all 200ms linear;
}

.bttn_pag i {
	padding-left:2px;
	position:relative;
}
.bttn_pag.up i {
	top:-1px;
}

/* Content share menu
================================================== */

.item_media .share_content {
	position:absolute;
	top:calc(0px + 7px);
	left:calc(0px + 7px);
	z-index:999;
}

.item_media div.kshare {
	margin-top:0;
	left:0;
	-webkit-box-shadow: none;
  	-moz-box-shadow: none;
  	box-shadow: none;
}

.content-share {
	display: block;
	opacity:0;
	width:27px;
	height:27px;
	background-color:rgba(0,0,0,0.25);
	-webkit-transition:all 300ms linear;
  	-moz-transition:all 300ms linear;
 	transition:all 300ms linear;
}

.content-share i {
	display:block;
	width:27px;
	height:27px;
	background-color:transparent;
	background-position:50% 50%;
	background-repeat:no-repeat;
}

.content-share.active i {
	background-color:transparent;
	background-position:50% 50%;
	background-repeat:no-repeat;
}

.img_wrap:hover .content-share {
	opacity:1;
}

/* Pillar grid
================================================== */

#kpgrid_content:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

body.k-lens-album #kpgrid figure { padding-bottom:0px; }
body.k-lens-albums #kpgrid figure { padding-bottom:0px; }
body.k-lens-archive-albums #kpgrid figure { padding-bottom:0px; }
body.k-lens-archive-contents #kpgrid figure { padding-bottom:0px; }
body.k-lens-contents #kpgrid figure { padding-bottom:0px; }
body.k-lens-favorites #kpgrid figure { padding-bottom:0px; }
body.k-lens-index #kpgrid figure { padding-bottom:0px; }
body.k-lens-set #kpgrid figure { padding-bottom:0px; }
body.k-lens-sets #kpgrid figure { padding-bottom:0px; }

.kpgriditem {
	position:relative;
	display:none;
}

.kpgriditem img {
	display:none;
}

.kpgriditem img {
	width:100%;
	max-width:100%;
}

.kpgriditem img.k-lazy-loaded {
	height: auto;
}

.pillar .kpgriditem, .pillar .kpgriditem img {
	display: block;
}

.kpgriditem .grid_img {
	position:relative;
	display:block;
}

/* don't reduce text widths in grid layouts */
#kpgrid_content .cap_width {
	width:100%;
}

#kpgrid_content.spin_1.flower img.k-lazy-loading {
	background-repeat:no-repeat;
	background-position:center center;
	background-size:16px 16px;
	background-image: url(/storage/themes/mikas-madison-2/css/white/spinner.gif);
}

body.k-lens-album #kpgrid {
	margin-left:calc(-20px/2);
	margin-right:calc(-20px/2);
}

body.k-lens-albums #kpgrid {
	margin-left:calc(-20px/2);
	margin-right:calc(-20px/2);
}

body.k-lens-archive-albums #kpgrid {
	margin-left:calc(-20px/2);
	margin-right:calc(-20px/2);
}

body.k-lens-archive-contents #kpgrid {
	margin-left:calc(-20px/2);
	margin-right:calc(-20px/2);
}

body.k-lens-contents #kpgrid {
	margin-left:calc(-20px/2);
	margin-right:calc(-20px/2);
}

body.k-lens-favorites #kpgrid {
	margin-left:calc(-20px/2);
	margin-right:calc(-20px/2);
}

body.k-lens-index #kpgrid {
	margin-left:calc(-20px/2);
	margin-right:calc(-20px/2);
}

body.k-lens-set #kpgrid {
	margin-left:calc(-20px/2);
	margin-right:calc(-20px/2);
}

body.k-lens-sets #kpgrid {
	margin-left:calc(-20px/2);
	margin-right:calc(-20px/2);
}

/* Pagination
================================================== */

div.paginate {
	width:100%;
	margin-bottom:50px;
}

div.paginate div.nav {
	display:inline-block;
}

div.paginate ol {
	list-style:none;
	display:inline-block;
}

div.paginate ol li {
	display:inline;
	margin-right:10px;
}

div.paginate a {
	color:inherit;
	text-transform:none;
	font-size:15px;
	letter-spacing:0px;
}

div.paginate a.k-pagination-current {
	cursor:default;
	color:#000000;
	font-weight:bold;
}

/* Timeline
================================================== */

body.k-source-event, body.k-source-events h1 {
	margin-bottom:24px;
}

ul.k-mosaic.edge > li {
	margin:8px 8px 0 0;
}

/* Essays/Articles
================================================== */

article {
	margin-bottom:2em;
}

article header {
	margin-bottom:2em;
	width:100%;
}

article header a {
	text-decoration:none;
}

article header .item_meta {
	display:inline;
	padding:0;
	margin:0;
}

article header h1 {
	margin:0 0 4px 0;
}

article h2 {
	margin:0 0 4px 0;
}

article h3 {
	margin:0 0 4px 0;
}

article ul {
	list-style:disc;
	list-style-position: inside;
	margin:0 0 1em 0;
}

article ol {
	list-style:decimal;
	list-style-position: inside;
	margin:0 0 1em 0;
}

article footer {
	margin:1em 0;
	font-size:11px;
	color:#aaaaaa;
}

article footer a {
	color:#aaaaaa;
}

article .share_button {
	text-decoration:none;
}

article footer a:hover, article footer .share_button:hover {
	color:#444444;
}

article span.date {
	font-size:11px;
	text-transform:uppercase;
}

article .share_content {
	display:inline-block;
}

article blockquote {
	color: #aaaaaa;
	border-left:1px solid #dedede;
	margin: 2em 1em;
	padding-left: 1em;
	font-size:15px;
	line-height:21px;
}

.k-content img {
	max-width:100%;
}

.k-content-embed {
	margin:2em 0;
}

article .k-content-text {
	margin:0;
	padding:15px 15px 15px;
	background:#f4f4f4;
}

article .k-content-text span {
	display:block;
}

article .k-content-title {
	color: #000000;
	font-weight:bold;
	font-size:14px;
}

article .k-content-caption {
	color: #aaaaaa;
	font-size:12px
}

article .k-video {
	margin: 0 auto;
}

div#feat-essays {
	overflow:auto;
	margin:30px 0;
}

div#feat-essays h2 {
	margin-bottom:2em;
}

div#feat-essays time {
	display:block;
}

div#essay-list div {
	width:30%;
	float:left;
	margin:0 5% 30px 0;
}

div#essay-list div:nth-child(3n+3) {
	margin-right:0 !important;
}

div#essay-list div:nth-child(3n+1) {
	clear:left;
}

div#feat-essays img, div#feat-essays time, div#feat-essays h3 {
	margin-bottom:0.5em;
}

div.essay_pag {
	margin:4em 0;
}

div.essay_pag ul {
	list-style:none;
	display:table;
	width:100%;
}

div.essay_pag ul li {
	display:table-row;
}

div.essay_pag span.cell {
	display:table-cell;
	width:50%;
}

div.essay_pag time {
	display:block;
}

div.essay_pag p {
	margin-bottom:0;
}

div.essay_pag time, div.essay_pag h3 {
	margin-bottom:0.5em;
}

div.essay_pag span.cell:first-child {
	padding-right:2.5%;
}

div.essay_pag span.cell:last-child {
	padding-left:2.5%;
}

div.essay_pag span.cell.right {
	text-align:right;
}

/* Tags / Category index
================================================== */

ol.meta_list {
	margin-bottom:2em;
}

ol.meta_list li a {
	display:block;
	width:100%;
	margin-bottom:1em;
	color:#666666;
}

ol.meta_list li a span.count {
	color:#666666;
	float:right;
	-webkit-transition:color 200ms linear;
	-moz-transition:color 200ms linear;
	transition:color 200ms linear;
}

ol.meta_list li a:hover, ol.meta_list li a:hover span.count {
	color:#000000;
}

/* Favorites slideshow
================================================== */

.slideshow_pag {
	margin:1em 0;
}

/* Discussions
================================================== */

div#kdiscuss {
	margin-top:1em;
}

#contents.flower img.k-lazy-loading {
	background-repeat:no-repeat;
	background-position:center center;
	background-size:16px 16px;
	background-image: url(/storage/themes/mikas-madison-2/css/white/spinner.gif);
}

/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
  -webkit-pointer-events: none;
}

#nprogress .bar {
  background: #000;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
}

/* Spinner
================================================== */

.spinner_pos {
	position:absolute;
	left:50%;
	top:50%;
	height:20px;
	width:20px;
	margin-left:calc((20px / 2) * -1);
	margin-top:calc((20px / 2) * -1);
	z-index:999;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.spinner_pos.active {
	opacity: 1;
}

.spinner {
	height:100%;
	width:100%;
	margin:0 auto;
	position:relative;
	-webkit-animation: rotation 0.7s infinite linear;
	-moz-animation: rotation 0.7s infinite linear;
	-o-animation: rotation 0.7s infinite linear;
	animation: rotation 0.7s infinite linear;
	border:1px solid #dddddd;
	border-radius:100%;
}

.spinner:before {
	content:"";
	display:block;
	position:absolute;
	left:-1px;
	top:-1px;
	height:100%;
	width:100%;
	border-top:1px solid #000000;
	border-left:1px solid transparent;
	border-bottom:1px solid transparent;
	border-right:1px solid transparent;
	border-radius:100%;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

@-webkit-keyframes rotation {
   from {-webkit-transform: rotate(0deg);}
   to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
   from {-moz-transform: rotate(0deg);}
   to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
   from {-o-transform: rotate(0deg);}
   to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
   from {transform: rotate(0deg);}
   to {transform: rotate(359deg);}
}

.kloading {
	display:none;
	position:fixed;
	z-index:1;
	background:rgba(255,255,255,1);
	height:20px;
	width:20px;
	bottom:0px;
}
.kloading .spinner_pos {
	position:relative;
	margin-left:0;
	left:0;
}
/* color to match side column */
.kloading .spinner {
	border-color:#eeeeee;
}
.kloading .spinner:before {
	border-top-color:#000000;
}

body.k-pjax-loading .kloading,
body.k-lightbox-loading .kloading
{
	display:block;
}

/* only used if flower gif is assigned */
.kloading .gif_loader {
	width:16px;
	height:16px;
	display:block;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:16px 16px;
	background-image: url(/storage/themes/mikas-madison-2/css/white/spinner.gif);
}

/* position according to column text alignment */
#col.align_left .kloading {
	left:0px;
}
#col.align_center .kloading {
	left:calc((130px / 2) - (20px / 2));
}
#col.align_right .kloading {
	left:calc(130px - 20px - 0px);
}

/* right col position */
body.pos_right #col.align_left .kloading {
	left:auto;
	right:calc(130px - 0px - 20px);
}
body.pos_right #col.align_center .kloading {
	left:auto;
	right:calc((130px / 2) - (20px / 2));
}
body.pos_right #col.align_right .kloading {
	left:auto;
	right:0px;
}

/* Mobile menu
================================================== */

.mob {
	display:none;
	position:absolute;
	position:fixed;
	top:0;
	height:100%;
	z-index:999999;
	width:240px;
	overflow-x:none;
	overflow-y:auto;
	background:#ffffff;
	box-shadow:inset -4px 4px 8px rgba(0,0,0,.4);
}
.mob .mob-inner{padding:0 0 15px}
.mob .mob-inner>p{margin-left:15px;margin-right:15px}
.mob.right{left:auto;right:-260px}
.mob.left{left:-260px;right:auto}
.mob h1,.mob h2,.mob h3,.mob h4,.mob h5,.mob h6{
	font-size:11px;
	font-weight:normal;
	padding:0 15px;
	margin:0 0 5px;
	color:#666666;
	line-height:24px;
}
.mob a {
	border-bottom:none;
}
.mob ul {
	display:block;
	margin:10px 0 20px;
	padding:0;
}
.mob ul li {
	display:block;
	margin:0;
	line-height:36px;
	border-bottom:none;
}
.mob ul li:hover,.mob ul li.active,.mob ul li.mob-class-active {
}
.mob ul li:hover>a,.mob ul li:hover>span,.mob ul li.active>a,.mob ul li.active>span,.mob ul li.mob-class-active>a,.mob ul li.mob-class-active>span {
}
.mob ul li a, .mob ul li span {
	padding:0 20px;
	display:block;
	text-decoration:none;
	color:#666666;
	text-align:left;
	position:relative;
	text-transform:none;
	font-size:15px;
	letter-spacing:0px;
}
.mob ul li ul {
	border-bottom:none;
	margin:0;
}
.mob ul li ul li {
	line-height:40px;
	font-size:13px;
}
.mob ul li ul li:last-child { border-bottom:none; }
.mob ul li ul li:hover,.mob ul li ul li.active,.mob ul li ul li.mob-class-active {
}
.mob ul li ul li:hover>a,.mob ul li ul li:hover>span,.mob ul li ul li.active>a,.mob ul li ul li.active>span,.mob ul li ul li.mob-class-active>a,.mob ul li ul li.mob-class-active>span {
}
.mob ul li ul li a, .mob ul li ul li span {
	padding-left:30px;
}
.mob ul li ul li ul li a, .mob ul li ul li ul li span {
	padding-left:45px;
}
.mob ul li ul li ul li ul li a, .mob ul li ul li ul li ul li span {
	padding-left:60px;
}
.mob ul li ul li ul li ul li ul li a, .mob ul li ul li ul li ul li ul li span {
	padding-left:75px;
}
.mob ul li a.k-nav-current {
	color:#000000;
	font-weight:bold;
}

#mob-bttn-row {
	display:none;
	background:rgba(255,255,255,1);
	width:100%;
	text-align:left;
	z-index:9999;
	height:50px;
	position:fixed;
	top:0;
	left:0;
}

#mob-bttn-row .w {
	position:relative;
	width:100%;
	height:50px;
	padding:0 15px;
}
#mob-bttn-row .vcenter {
	top:50%;
	position:relative;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#mob-menu {
	display:inline-block;
	position:absolute;
	top:0;
	left:0;
	height:50px;
	line-height:50px;
	padding:0 15px;
	margin-left:-15px;
	font-size:21px;
	color:#444444;
	text-decoration:none;
}
#mob-pag-bttns {
	float:right;
	/* compensate for down arrow padding */
	margin-right:-15px;
}
#mob-pag-bttns a {
	font-size:21px;
	width:40px;
	height:50px;
	line-height:50px;
	text-align:center;
	display:inline-block;
	color:#444444;
	text-decoration:none;
}
body.sidr-animating #mob-bttn-row {}

body.sidr-open #mob-bttn-row {
	left:240px;
}

/* Page widths
================================================== */

body.k-lens-essays #main_wrap,
body.k-lens-essay #main_wrap,
body.k-lens-archive-essays #main_wrap,
body.k-lens-page #main_wrap
{
	max-width:800px;
}

body.k-lens-albums #main_wrap,
body.k-lens-archive-albums #main_wrap,
body.k-lens-sets #main_wrap,
body.k-lens-set #main_wrap
{
	max-width:1600px;
}

body.k-lens-album #main_wrap,
body.k-lens-contents #main_wrap,
body.k-lens-archive-contents #main_wrap
{
	max-width:1600px;
}

body.k-lens-index #main_wrap,
body.k-lens-favorites #main_wrap
{
	max-width:1600px;
}

body.k-lens-timeline #main_wrap,
body.k-lens-tag #main_wrap,
body.k-lens-category #main_wrap,
body.k-lens-day-timeline #main_wrap,
body.k-lens-tags #main_wrap,
body.k-lens-categories #main_wrap
{
	max-width:800px;
}

body.k-lens-faveslideshow #main_wrap
{
	max-width:1600px;
}

/* Main content area alignment mods
================================================== */

body.pos_right #col {
	right:0;
	left:auto;
}

body.pos_right #main {
	margin-left:0;
	margin-right:130px;
	padding-left:20px;
}

body.pos_right #main .list_item {
	float:right;
}

body.pos_right #content_scroll {
	left:30px;
	right:auto;
}

/* Offset column for scroll buttons */
body.pos_right #main.strip_1 {
	/* number is equal to width of #content_scroll */
	margin-left:calc(27px + 30px);
	padding-right:10px;
	margin-right:130px;
}

body.pos_right .kloading {
	left:auto;
	right:0px;
}

body.pos_right.k-lens-essays .main_wrap,
body.pos_right.k-lens-essay .main_wrap
{
	width:100%;
}

/* Social
================================================== */

.social {
	margin-bottom:20px;
}

.social span.fb {
	margin-bottom:5px;
}

.social span.fb, .social span.tw {
	display:block;
}

.social iframe,.social>span {
	vertical-align: baseline !important;
}

.social-links li:after {
	content:"\00a0\00a0";
}

/* can't do true center align b/c widget has fixed width - tweak if needed */
#col.align_center .social span.tw iframe {
	margin-right:-26px;
}

/* Splash template
================================================================= */

#splash.show_flower {
	background-repeat:no-repeat;
	background-position:center center;
	background-size:16px 16px;
	background-image: url(/storage/themes/mikas-madison-2/css/white/spinner.gif);
}

html.k-lens-splash,
html.k-lens-splash_featured_albums,
body.k-lens-splash,
body.k-lens-splash_featured_albums
{
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	position:relative;
}

body.k-lens-splash #target,
body.k-lens-splash #page,
body.k-lens-splash #splash,
body.k-lens-splash .pjax-transition-container,
body.k-lens-splash_featured_albums #target,
body.k-lens-splash_featured_albums #page,
body.k-lens-splash_featured_albums #splash,
body.k-lens-splash_featured_albums .pjax-transition-container
{
	height:100% !important;
	padding:0;
	margin:0;
}

body.k-lens-splash #splash,
body.k-lens-splash_featured_albums #splash {
	position:relative;
}

body.k-lens-splash .spinner_pos,
body.k-lens-splash_featured_albums .spinner_pos { opacity: 1; }

body.k-lens-splash #splash.bleed_1,
body.k-lens-splash_featured_albums #splash.bleed_1 {
	margin-left:130px !important;
}

body.pos_right #splash.bleed_1,
body.pos_right #splash.bleed_1 .spinner_pos
{
	margin-right:130px !important;
	margin-left:0 !important;
}

body.k-lens-splash .k-note-pulse,
body.k-lens-splash_featured_albums .k-note-pulse { text-align:center; }

/* Tablet Landscape
================================================== */

@media only screen and (max-width: 1024px) {

	/* break out of clipping all around */
	.cap_width {
		width:100% !important;
	}

}

/* Tablet Portrait
================================================== */

@media only screen and (min-width: 768px) and (max-width: 959px) {

	/* relocate share button */
	.img_wrap .share_content {
		display:none;
	}

	ol.exif.fright { float:none; }

	/* break out of clipping all around */
	.cap_width {
		width:100% !important;
	}

	div#essay-list div {
		width:45%;
		float:left;
		margin:0 5% 30px 0;
	}

	div#essay-list div:nth-child(2n+2) {
		margin-right:0 !important;
	}

	div#essay-list div:nth-child(2n+1) {
		clear:left;
	}

	div#essay-list div:nth-child(3n+3) {
		margin-right:5% !important;
	}

	div#essay-list div:nth-child(3n+1) {
		clear:none;
	}

}

/*  Mobile (Portrait)
================================================== */

@media only screen and (max-width: 767px) {

	#page {
		/* matches height of #mob-bttn-row */
		margin-top:50px;
	}

	body.k-lens-splash footer,
	body.k-lens-splash #mob-pag-bttns,
	body.k-lens-splash #col,
	body.k-lens-splash_featured_albums footer,
	body.k-lens-splash_featured_albums #mob-pag-bttns,
	body.k-lens-splash_featured_albums #col,
	body.k-pjax-loading .kloading,
	body.k-lightbox-loading .kloading
	{
		display:none;
	}

	body.k-lens-splash #splash.bleed_1,
	body.k-lens-splash_featured_albums #splash.bleed_1 {
		margin-left:0 !important;
		margin-right:0 !important;
	}

	/* turn back on if enabled */
	body.k-lens-splash.splash_t1 #page,
	body.k-lens-splash_featured_albums.splash_t1 #page {
		margin-top:50px;
	}
	body.k-lens-splash.splash_t1 #col,
	body.k-lens-splash_featured_albums.splash_t1 #col {
		display:block;
	}

	.hide_mob {
		display:none;
	}

	.logo {
		max-width:320px;
	}

	#col {
		position:relative;
		top:0;
		width:100%;
		height:auto;
	}

	#col .in {
		/* turn off vertical offset */
		padding:0 15px;
	}

	#col section {
		margin-bottom:0;
		padding-bottom:1em;
	}

	#col section:empty {
		padding-bottom:0;
	}

	nav * {
		display:block;
	}

	#main,
	#main.strip_1
	{
		margin-left:0 !important;
		margin-right:0 !important;
		padding:15px !important;
	}

	#main .list_item {
		float:none;
	}

	#mob-bttn-row {
		display:inline-block;
	}

	.k-source-essay #mob-pag-bttns,
	.k-source-page #mob-pag-bttns
	{
		display:none;
	}

	/* relocate share button */
	.img_wrap .share_content {
		display:none;
	}

	/* break out of clipping all around */
	.cap_width {
		width:100% !important;
	}

	div#essay-list div {
		width:45%;
		float:left;
		margin:0 5% 30px 0;
	}

	div#essay-list div:nth-child(2n+2) {
		margin-right:0 !important;
	}

	div#essay-list div:nth-child(2n+1) {
		clear:left;
	}

	div#essay-list div:nth-child(3n+3) {
		margin-right:5% !important;
	}

	div#essay-list div:nth-child(3n+1) {
		clear:none;
	}

	footer.main {
		padding:15px;
	}
}

/* Mobile (Landscape)
================================================== */

@media only screen and (min-width: 480px) and (max-width: 767px) {

	/* make it slimmer */
	body.k-lens-splash #page,
	body.k-lens-splash_featured_albums #page {
		margin-top:0;
	}
	body.k-lens-splash #mob-bttn-row,
	body.k-lens-splash_featured_albums #mob-bttn-row {
		background:transparent;
	}
	body.k-lens-splash #mob-menu,
	body.k-lens-splash_featured_albums #mob-menu {
		color: #fff;
	}

}

/* Desktops
================================================== */

@media only screen and (min-width:1025px) {

	.bttn_pag:hover {
		color:#ffffff;
		border:1px solid #000000;
		background: #000000;
	}

}

/* Mods for larger desktop browsers
================================================== */

@media only screen and (min-width: 1280px) {

	#main figure.list_item .item_media img
	{
		max-height:800px;
	}

}

@media only screen and (min-height: 1000px) {

	#main figure.list_item .item_media img
	{
		max-height:800px;
	}

}

/* Custom
----------------------------------------------- */

.k-mosaic{position:relative;display:block;list-style:none;padding:0;margin:0}.k-mosaic:after,.k-mosaic:before{content:" ";display:table}.k-mosaic:after{clear:both}.k-mosaic>li{display:inline;height:auto;float:left;font-size:0!important;line-height:0!important;box-sizing:border-box}.k-mosaic img{max-height:none!important;vertical-align:baseline}.k-mosaic-1>li{width:100%}.k-mosaic-1>li:nth-of-type(n){clear:none}.k-mosaic-1>li:nth-of-type(1n+1){clear:both}.k-mosaic-2>li{width:50%}.k-mosaic-2>li:nth-of-type(n){clear:none}.k-mosaic-2>li:nth-of-type(2n+1){clear:both}.k-mosaic-3>li{width:33.333333333%}.k-mosaic-3>li:nth-of-type(n){clear:none}.k-mosaic-3>li:nth-of-type(3n+1){clear:both}.k-mosaic-4>li{width:25%}.k-mosaic-4>li:nth-of-type(n){clear:none}.k-mosaic-4>li:nth-of-type(4n+1){clear:both}.k-mosaic-5>li{width:20%}.k-mosaic-5>li:nth-of-type(n){clear:none}.k-mosaic-5>li:nth-of-type(5n+1){clear:both}.k-mosaic-6>li{width:16.66667%}.k-mosaic-6>li:nth-of-type(n){clear:none}.k-mosaic-6>li:nth-of-type(6n+1){clear:both}.k-mosaic-7>li{width:14.28571%}.k-mosaic-7>li:nth-of-type(n){clear:none}.k-mosaic-7>li:nth-of-type(7n+1){clear:both}.k-mosaic-8>li{width:12.5%}.k-mosaic-8>li:nth-of-type(n){clear:none}.k-mosaic-8>li:nth-of-type(8n+1){clear:both}.k-mosaic-9>li{width:11.11111%}.k-mosaic-9>li:nth-of-type(n){clear:none}.k-mosaic-9>li:nth-of-type(9n+1){clear:both}.k-mosaic-10>li{width:10%}.k-mosaic-10>li:nth-of-type(n){clear:none}.k-mosaic-10>li:nth-of-type(10n+1){clear:both}.k-mosaic.edge>li{margin:1px 1px 0 0}.k-mosaic-1.edge li:first-child,.k-mosaic-2.edge>li:nth-of-type(-n+2),.k-mosaic-3.edge>li:nth-of-type(-n+3),.k-mosaic-4.edge>li:nth-of-type(-n+4),.k-mosaic-5.edge>li:nth-of-type(-n+5),.k-mosaic-6.edge>li:nth-of-type(-n+6),.k-mosaic-7.edge>li:nth-of-type(-n+7),.k-mosaic-8.edge>li:nth-of-type(-n+8),.k-mosaic-9.edge>li:nth-of-type(-n+9),.k-mosaic-10.edge>li:nth-of-type(-n+10){margin-top:0!important}.k-mosaic-1.edge li,.k-mosaic-2.edge>li:nth-of-type(2n),.k-mosaic-3.edge>li:nth-of-type(3n),.k-mosaic-4.edge>li:nth-of-type(4n),.k-mosaic-5.edge>li:nth-of-type(5n),.k-mosaic-6.edge>li:nth-of-type(6n),.k-mosaic-7.edge>li:nth-of-type(7n),.k-mosaic-8.edge>li:nth-of-type(8n),.k-mosaic-9.edge>li:nth-of-type(9n),.k-mosaic-10.edge>li:nth-of-type(10n),.k-mosaic-uneven:last-child{margin-right:0!important}.k-mosaic-2.edge>li:nth-of-type(2n+1),.k-mosaic-3.edge>li:nth-of-type(3n+1),.k-mosaic-4.edge>li:nth-of-type(4n+1),.k-mosaic-5.edge>li:nth-of-type(5n+1),.k-mosaic-6.edge>li:nth-of-type(6n+1),.k-mosaic-7.edge>li:nth-of-type(7n+1),.k-mosaic-8.edge>li:nth-of-type(8n+1),.k-mosaic-9.edge>li:nth-of-type(9n+1),.k-mosaic-10.edge>li:nth-of-type(10n+1){margin-left:0!important}

/* MIKAS MADISON - WHITE  */
/* Textlinks #d08020 */

/* Überschriften color:#333 */
body {line-height:1.8;font-size:15px;}
a {color:#d08020;}
H1 {font-size:19px;color:#666;margin-bottom:0px;margin-top:0px;}
H1 time {color:#aaa!important;} 
H1 a {color:#d08020!important;}
.nolink_h1 {color:#666;line-height:1.4;padding-bottom:0.6em;}

/* H2 Titel-Links - orange d08020 (#d70) - blau #57c - grau #555 KEINE LINKS #333 */
H2 {font-size:19px;color:#666;line-height:1.4;padding-bottom:0.6em;}
H2 a {color:#d08020!important;}

/* Zwischenüberschriften */
H3 {font-size:17px;color:#666;margin-bottom:0.3em;margin-top:1.8em;}
.firsttitle{margin-top:-0.6em;}
.firsttitle0{margin-top:0em;font-size:16px;margin-bottom:1em;}

/* Fotogebiete KUNDEN Seite */
H4 {font-size:14px;padding-top:0.5em;line-height:1.4;}
.firstlink{color:#d08020!important;padding:1em 0 0em 0;margin:0;}
.secondlink{color:#d08020!important;padding:0;margin:0;}

.orange{color:#d08020!important;}


/* Kundenmeinungen Zwischenüberschriften in Textbox */
H5 {font-size:13px;color:#666;margin-top:0.2em;}

H6 {font-size:13px;color:red;}

nav a, nav a:visited, {background-color:#fff;color:#7d7d7d;}
nav a:hover{background-color:#4E7CBE;color:#eee;}

.meta, .metalink {font-size:12px;font-weight:700;margin:0.1em 0 0 0;border-top:1px solid #eee;padding:0.3em 0 0 0;}
.metalink {padding-left:15px;border:0;}
.meta a, .meta a:visited, .metalink a, .metalink a:visited{color:#888;}
.meta a:hover, .metalink a:hover {color:#000;}
/* Links ausblenden in Desktop Anzeige */
.metamobil {visibility:hidden;font-size:0px;}

.copyrightlink{font-size:11px;color:#444;}
.copyrightlink a, .copyrightlink a:visited, .copyrightlink a:hover {color:#888;}

.kontaktlink {font-size:16px;font-weight:700;}

.bordertop1{border-top:1px solid #eee;}

.blogzitate {font-style:italic;}
a.textlink{color:#444!important;font-weight:700;text-decoration:none;}

/* max width 1200px 
#main_wrap {max-width: 1200px;} */

/* Ansicht Refernezen */
/*figcaption{min-height:5.5em;}*/

/* MIKA Formatierunegn */
.mika_kommentare{font-style:italic;}
.mika_buttons{width:24px!important;height:24px;max-width:24px;margin:5px;float:left;}
.mika_buttons_fooder{width:24px!important;height:24px;max-width:24px;margin:5px;}

.mika_sterne{width:68px!important;height:17px;margin-right:5px;float:left;}

/*.mika_footer{padding-left:100px!important;max-width:1600px}*/
.mika_footer{padding-left:100px!important;}
.mika_footer_links{padding:0;font-size:12px;color:#888;font-weight:700;margin:0 1em 0 0;white-space: nowrap}

/* Formular */
input.adminformbutton {color: #FFF; font-size: 12px; background-color:#d08020; width: 80px; margin:0; border:0px; cursor: pointer;}
input.adminformbutton:hover {color: #FFF; background-color: #838383;}
.anfrageform {width:100%;background:#eee;border:0;color:#777; padding:0.4em;margin:0.7em 0 0 0;line-height:1.8em;text-decoration: none;}

/* Splash LINK */
#splash{cursor:pointer;}

/* G+ Style START */
.in {background:#fff;padding-top:0px!important;margin-top:30px!important;}

/*body {background-image:url(/img/background/grey.jpg);background-attachment:fixed;}*/

.anim_on {background-color:#fff;margin-bottom:20px;}
.kpgriditem {background-color:#fff;padding:0px!important;border-left:1px solid #eee!important;}

/*header.index{color:#fff;background-color:inherit!important;}*/


/*.cap_width {padding:10px 5px 5px 10px;}*/
.cap_width {padding:0.8em 1em 2em 1em;}
.cap_width H4{color:#444;margin-top:-15px;}

.cap_width_unlisted {margin:0 !important;padding:0em 1em 0.5em 1em;}

.imgframe{background-color:#fff;}
.k-nav-list{line-height:1.5em;}

.list_item {background:#fff;padding:0px;}

.anim_on, .kpgriditem, .list_item, .in {border:0px #eee solid;}
/* Timeline GUTTER auf 20px */
/* Background Menu auf Farbe wie BODY setzen */
/* G+ Style ENDE */


/* mobile Ansicht LOGO oben rechts */
.logo_mobil{visibility:hidden;}

/* mobil weißer BG oben 
#mob-bttn-row, .w {background:#fff;}*/

/* BF Logo */
.bf_logo{width:auto!important;height:auto!important;}



/* IMG Hover */

span.img_text-content {
    background: rgba(255,255,255,1);
    color: #000;
/*    border:1px #eee solid; */
    background: rgba(30,30,30,0.7);
    color: #FFF;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    -ms-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
 
span.img_text-content span {text-align: center;width: 100%;position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}

span.img_text-content span {font-size:12px;padding:5%;}
span.img_text-content span H2 {font-size:22px;padding-bottom:2%;color:#FFF;}
span.img_text-content span P {font-size:12px;}


a.imgframe:hover span.img_text-content {opacity: 1;}


/*-------------------- TEST - Kartendesing --------------------
body{background-color:#ababab!important;}
.kpgriditem {border:0px solid #eee!important;}
..imgframe {border:1px solid #eee!important;}
#kpgrid_content {padding-left:15px!important;}
.cap_width {padding:0.8em 1em 2em 1em;}
header.index{color:#fff;background-color:inherit!important;}
*/


/*---------- mobile Ansicht ----------*/

/* Tablet Portrait */

@media only screen and (min-width: 768px) and (max-width: 959px) {
    H1 {font-size:20px;}
    H2 {font-size:20px;}
    H3 {font-size:18px;}
    H4, .firstlink {font-size:16px;}
    H5 {font-size:15px;}
    H6 {font-size:15px;}
    P {font-size:16px;}
    .meta {font-size:16px;}
    /* Links anzeigen in Mobile Anzeige */
    .metamobil {visibility:visible;font-size:17px;}
    .kontaktlink {font-size:17px;}

}

/* Mobile (Landscape) */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	body.k-lens-splash #mob-menu {color: currentcolor;} /* macht Menu auch 2spaltig sichtbar für Splashscreen */
}

@media only screen and (max-width: 767px){
    /* 1:1 Logo */
    /*.logo_mobil{visibility:visible;margin-top:15px;}
    img.custom_logo_mobil{height:70px;}*/
    /* langes Logo */

    /*img.custom_logo_mobil{width:285px;}
    img.custom_logo_mobil{width: 80%; max-width: 360px; vertical-align: middle; float: right; margin: 1em 0;}
    .logo_mobil{visibility:visible; margin-top:15px;}*/
    /*
    img.custom_logo{height:0px;}  
*/    
    #site_logo .w {text-align:right!important;}

    /*#mob-bttn-row{height:125px;} */
    #page {margin-top: 0px;}
    body.k-lens-splash #page {margin-top: 0px!important;} /* splash images fullscreen */
    #kpgrid {margin-left:0!important;margin-right:0!important;}
/* mobil weißer BG oben */
    #mob-menu {background:#fff;}
    
/* overflow-x: hidden; damit sich auf dem Handy die Seite nicht zur Seite wischen lässt */    
    body{background-color:#fff;font-size:18px;overflow-x: hidden!important;}
    #kpgrid_content {padding-left:0px;}
    .mika_footer{overflow-x: hidden;!important;}

    H1 {font-size:26px;}
    H2 {font-size:26px;}
    H3 {font-size:20px;}
    H4, .firstlink {font-size:17px;}
    H5 {font-size:16px;}
    H6 {font-size:15px;}
    P {font-size:18px;}
    .meta {font-size:17px;}
    /* Links anzeigen in Mobile Anzeige */
    .metamobil {visibility:visible;font-size:17px;}
    
    .kontaktlink {font-size:18px;}
    
    /* Abstand Logo zu Inhalt */
    #col section {padding-bottom: 7px;}
    #main, #main.strip_1 {padding: 0px!important;}

    /* Foto HOVER Texte */
    span.img_text-content span {font-size:12px;padding:5%;}
    span.img_text-content span H2 {font-size:17pxcolor:#FFF;}
    span.img_text-content span P {font-size:1px;visibility:hidden;}
    .mika_footer{padding-left:0px!important;}
    .mika_footer_links{font-size:17px;max-width:320px;}


    /* mobiles Menu */
    .mob ul li a{font-size:18px;line-height:2.1em;}
    .mob ul {margin-bottom:0px;}
    .mob {box-shadow:none!important; border-right:1px solid #eee; width:160px;}
    .mob.left{left:-160px;right:auto}
    body.sidr-open #mob-bttn-row {left:150px;}
    
    #mob-bttn-row {background-color:transparent!important;width: 200px;}


/*    .meta a, .meta a:visited{color:#d70;}
    .meta a:hover {color:#000;}
*/    
    /* G+ Style START */
    /*body {background-color:#f0f0f0;background-image:none;}*/
    .in {background:none;border:none!important;padding-top:0px!important;margin-top:10px!important;}
    .align_right {background:none!important;}
    
/*    .kpgriditem {margin:0 5px 10px!important;}
*/
    /* Abstand in 1 und 2 spaltig kleiner */
/*    .pillar {padding-left: 0px!important; padding-right: 0px!important;}*/
}

@media only screen and (max-width: 480px) {
    /* Abstand in 1 spaltig kleiner 
    #main, #main.strip_1 {padding: 0px !important;padding-top: 0px !important;}*/
    
/*    #kpgrid{margin-left:1px;margin-right:1px;}
    .pillar{padding-left:0!important;padding-right:0!important;}
    .cap_width {padding-right:15px;}*/
    
    .kpgriditem {border:none!important;}
    .mika_footer_links{padding:0 10%;}
    .cap_width {padding:0em 1em 2em 1em;}
    #main, #main.strip_1 {padding-left: 0px !important;padding-right: 0px !important;}
    
    /* Images nicht MEHR kleiner anzeigen */
    .kpgriditem span.img_wrap {overflow: auto;}
    .kpgriditem img.k-lazy-loaded {margin-top:0; margin-bottom:0;}
}

/*---------- G+ Style ENDE ----------*/

/* Testbereich Animation */

/*.imgframe{overflow:hidden;}
.imgframe img{ 
-webkit-transition: all 0.2s ease-out; 
-moz-transition: all 0.2s ease-out; 
-o-transition: all 0.2s ease-out; 
transition: all 0.2s ease-out;
}
.imgframe img:hover {transform: translateX(5px);}
.imgframe img:active {transform: translateX(50%);}  */

