@charset "UTF-8";

/*
Theme Name: Jeannine Platz 2017
Theme URI: http://www.urbanstudio.de
Description:  responsive WordPress Theme for Jeannine Platz
Version: 1.0
Author:		urbanstudio
Theme URI:  http://www.urbanstudio.de
Author URI: http://www.urbanstudio.de
License URI:
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, var, a, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, button, input, select, textarea {margin:0;padding:0;border:0;outline:none;font-size:100%;vertical-align:baseline;background:transparent;}
html{overflow-y:scroll;background-color:#F6F6F6;}
body{font:16px "Open Sans", Arial, sans-serif;font-weight:400;color:#333333;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;overflow-x:hidden;min-width:100%;min-height:100%;position:relative;top:0;left:0;transition:all 0.2s ease-in-out;background: #F6F6F6;}
blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
del{text-decoration:line-through;} abbr[title], dfn[title]{border-bottom:1px dotted;cursor:help;}
input, select{vertical-align:middle;outline:none;} textarea{resize:vertical;overflow-y:auto;outline:none;}
label, input[type=button], input[type=submit], button{cursor:pointer;}
ul{list-style:none;list-style-type:none;}
img{border:0;display:block;}
#usdata{display:none;}
.center.page{max-width:840px;margin-left:auto;margin-right:auto;}
.align-left{text-align:left;} .align-right{text-align:right;} .align-center{text-align:center;}

/* ---------------------------------------------------------------------------------- */

#wrapper{-webkit-box-shadow:none;box-shadow:none;width:100%;padding:0 0 0 0;margin:0 auto;}
.centerwrap{margin:0 auto;width:1170px;transition:all 0.2s ease-in-out;}
.center{margin:0;width:auto;padding:0;position:relative;top:0;left:0;transition:all 0.2s ease-in-out;}

#header{position:relative;top:0px;left:0;right:0px;width:100%;height:auto;margin:0 0 0 0;background:#F6F6F6;z-index:999;overflow:visible;transition: transform .25s .1s ease-in-out;
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );}
#header .center{height:auto;position:relative;top:0;left:0;overflow:visible;} header .centerwrap{overflow:visible;}
	a#logo{display:block;position:relative;top:0;left:0;width:356px;height:148px;background:url('images/jp.svg') no-repeat 0 50%;background-size:356px 92px;text-decoration:none;transition:all 0.2s ease-in-out;margin:0 auto;}
		a#logo h1{display:none;} a#logo .claim{display:none;}

	#navbtn{display:none;position:absolute;bottom:0;right:5px;width:58px;height:55px;cursor:pointer;z-index:999999 !important;transition:all 0.2s ease-in-out;} #navbtn.opened{bottom:0px;}
	#navbtn span{position:absolute;top:20px;left:20px;display:block;width:18px;height:3px;background-color:#333333;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
	#navbtn span.line3{margin:0 0 0 0;} #navbtn.opened span.line1{top:26px;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
	#navbtn span.line2{top:26px;} #navbtn.opened span.line2{opacity:0;}
	#navbtn span.line3{top:32px;} #navbtn.opened span.line3{top:26px;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}

nav#nav{display:block;position:relative;top:0;left:0;width:100%;background:#F6F6F6;z-index:99;}
nav#nav .topline.white{background:#FFFFFF !important;}


#imageheader{width:100%;height:520px;position:relative;top:0;left:0;}
#imageheader .centerwrap{padding-top:60px;height:460px;position:relative;top:0;left:0;}
#imageheader .centerwrap .center{padding-top:0px;text-shadow:0 0 10px rgba(0,0,0,.33);}
#imageheader .main-image{float:right;display:table-cell;width:45%;height:460px;padding:0;vertical-align:middle;text-align:right;position:relative;top:0;left:0;}
#imageheader .main-image img{width:auto;height:auto;max-height:100%;max-width:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
#imageheader .main-title{display:table-cell;width:55%;height:430px;vertical-align:middle;}
#imageheader h1{font-size:30px;line-height:40px;font-weight:600;color:#FFFFFF;margin:0 30px 20px 0;}
#imageheader .hr{width:80px;height:3px;margin:0 0 20px 0;box-shadow:0 0 10px rgba(0,0,0,.33);}
#imageheader p.main-text{color:rgba(255,255,255,.75);margin:0 0 0 0;padding:0 30px 0 0;max-width:480px;font-weight:600;line-height:26px;}

#imageheader.blue{background:#162849 url('https://www.jeannine-platz.de/wp-content/themes/jp2017/tmp/blue.png') no-repeat 50% 0;background-size:cover;}
#imageheader.blue .hr{width:60px;height:3px;background:#479830;}

#imageheader.orange{background:#3E1545 url('https://www.jeannine-platz.de/wp-content/themes/jp2017/tmp/tmp-bg.jpg') no-repeat 50% 0;background-size:cover;}
#imageheader.orange .hr{width:60px;height:3px;background:#FD8023;}

#headergap{/*background:#FFFFFF;height:60px;width:100%;*/display:none;}

#breadcrumbs{display:none;position:relative;top:0;left:0;background:#FFFFFF;}
#breadcrumbs:after{display:block;content:'';position:absolute;top:0;left:0;background:#FFFFFF;width:100%;height:1px;}
nav.breadcrumb{padding:20px 0 0 0;color:#999999;font-size:12px;}
nav.breadcrumb a, nav.breadcrumb a:visited{color:#999999;text-decoration:none;} nav.breadcrumb a:hover{color:#333333;}

#main{overflow:auto;position:relative;top:0;left:0;z-index:0;background:#FFFFFF;}
#main{background: rgb(255,255,255);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 50%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 50%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 50%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );}
/*#main:after{display:block;content:'';position:absolute;top:0;left:0;background:#FFFFFF;width:100%;height:1px;} #main.has_breadcrumb:after{display:none;}*/
#main .center{padding-top:30px;padding-bottom:30px;}

#main h1, #main h2, #main h3, #main h4{color:#333333;font-weight:600;margin:0 0 20px 0;}
#main h1{font-size:30px;line-height:40px;text-shadow:0 1px 0 #FFFFFF;}
#main h2{font-size:24px;line-height:34px;} #main h2.graytitle{margin:0 0 30px 0 !important;text-align:center;color:#999999 !important;text-shadow:0 1px 0 #FFFFFF;}
#main h3{font-size:22px;line-height:32px;}
#main h4{font-size:18px;line-height:28px;font-weight:700;}

#main h1.main-title{margin:10px 0 40px 0;}
#main h1.main-title, #main h1.main-title a{color:#333333;text-decoration:none;text-align:center;}

#main a{color:#333333;text-decoration:none;transition:all 0.2s ease-in-out;font-weight:600;outline:0;}
#main a:hover{color:#333333;text-decoration:none;;}
#main p{margin:0 0 25px 0;line-height:26px;max-width:800px;font-weight:600;} #main p:last-child{margin:0 0 0 0 !important;}

main{font-weight:600;}
main ul{margin:0 0 25px 15px;line-height:26px;}
main ul li{line-height:26px;}
main ul li:before{display:inline-block;position:relative;top:-5px;left:0;width:8px;height:2px;background:#4C7DB5;margin-left:-15px;margin-right:8px;content: '';}
main ol{margin:0 0 25px 0;line-height:26px;list-style-position:inside;counter-reset:item;}
main ol li{display:block;line-height:26px;}
main ol li:before{content:counter(item) ". ";counter-increment:item;color:#4C7DB5;margin-right:2px;}
blockquote{border-left:3px solid #4C7DB5;margin:0 0 25px 0;padding:0 0 0 20px;color:#4C7DB5;} blockquote p:last-child{margin:0 0 0 0 !important;}

main{width:840px;float:none;margin-left:auto;margin-right:auto;}
aside{width:300px;margin:0 0 0 30px;float:left;position:relative;top:0;left:0;}

#inlinesearch{display:block;position:relative;top:0;left:0;}
#inlinesearch .search input{border:1px solid rgba(0,0,0,.33);font-size:20px;color:rgba(0,0,0,.66);padding:10px;width:260px;}
#inlinesearch .searchbtn{position:absolute;top:1px;left:237px;width:43px;height:43px;line-height:43px;text-align:center;background:#FFFFFF;cursor:pointer;} #inlinesearch .searchbtn i.fa{color:rgba(0,0,0,.3);font-size:18px;font-weight:700;}


#footer .clear{clear:left;}
#footer{clear:both;background:#F6F6F6;position:relative;top:0;left:0;height:auto;margin:0px;padding:0;color:#666666;line-height:22px;font-weight:400;text-align:left;text-transform:none;z-index:100;font-size:14px;}
#footer-columns{background:#F6F6F6;position:relative;top:0;left:0;padding:30px 0 0 0;border-bottom:1px solid rgba(0,0,0,.15);}
	#footer .center{overflow:auto;text-align:left;position:relative;top:0;left:0;}
	ul#menu-footer{padding:12px 0 12px 0;height:28px;}
	ul#menu-footer li{float:left;margin:0 15px 0 0;text-transform:uppercase;} ul#menu-footer li:last-child{margin:0 0 0 0;}
	ul#menu-footer li a{display:inline-block;color:#666666;text-decoration:none;font-size:14px;transition:all 0.2s ease-in-out;padding:5px;margin:0 0 0 0;font-weight:600;}
	ul#menu-footer li a:hover{color:#333333;}

	#footer .widget h4{color:#666666;font-size:14px;font-weight:700;letter-spacing:4px;text-transform:uppercase;margin:0 0 15px 0;padding:0;}
	#footer .textwidget{font-size:14px;line-height:24px;}
#footer .textwidget a{color:#666666;font-weight:600;text-decoration:none;}

#footer-copy{position:relative;top:0;left:0;height:60px;line-height:60px;overflow:hidden;text-transform:uppercase;color:rgba(0,0,0,.25);text-shadow:0 -1px 0 rgba(255,255,255,.66);font-size:10px;border-top:1px solid #FFFFFF;}
ul#footnav2{}
ul#footnav2 li{float:left;margin:0 15px 0 0;}
#footer-copy a{display:inline-block;color:rgba(0,0,0,.25);text-decoration:none;transition:all 0.2s ease-in-out;padding:0;margin:0 0 0 0;font-weight:600;}
#footer-copy a:hover{color:rgba(0,0,0,.35);}

#footer .widget_recent_entries ul{padding:0;margin:0;}
#footer .widget_recent_entries ul li{padding:0 0 0 0;background:none;background-color:transparent;font-size:14px;font-weight:400;line-height:24px;}
#footer .widget_recent_entries ul li:last-child{border:0;}
#footer .widget_recent_entries ul li a{display:block;line-height:24px;color:#666666;text-decoration:none;transition:all 0.2s ease-in-out;} #footer .widget_recent_entries ul li a:hover{color:#333333}

#footer .widget_nav_menu ul{padding:0;margin:0;}
#footer .widget_nav_menu ul li{padding:0 0 0 0;background:none;background-color:transparent;font-size:14px;font-weight:400;line-height:24px;}
#footer .widget_nav_menu ul li:last-child{border:0;}
#footer .widget_nav_menu ul li a{display:block;line-height:24px;color:#666666;text-decoration:none;transition:all 0.2s ease-in-out;} #footer .widget_nav_menu ul li a:hover{color:#333333}

/* COLUMNS */
.columns{clear:both;}
.column{display:block;float:left;width:270px;margin:0 30px 30px 0;}
.column.one-third{display:block;float:left;width:370px;margin:0 30px 30px 0;}
	.column.one-third .column.half{display:block;float:left;width:50%;margin:0 0 0 0;}
.column.two-third{display:block;float:left;width:770px;margin:0 30px 30px 0;}
.column.first{clear:both;}
.column.last{margin:0 0 30px 0 !important;}
.column.double{width:570px;}
.column.triple{width:870px;}
.column.full{width:100%;margin:0 0 30px 0;}
.column p:last-child{margin-bottom:0;}



/* LOOP */
article.loop{margin:0 0 30px 0;padding:30px;background:#FFFFFF;border-top:1px solid rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);border-radius:3px;}
article.loop .post-image{width:180px;height:auto;float:left;}
article.loop .post-image a{display:block;position:relative;top:0;left:0;} article.loop .post-image a:after{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(0,0,0,.1);content:' ';}
article.loop .post-image img{display:block;width:100%;height:auto;}
article.loop .post-content{margin:0 0 0 210px;}
article.loop.no-image .post-content{margin:0 0 0 0;}
#main article.loop h2{margin:0 0 15px 0;} #main article.loop h2 a{text-decoration:none !important;}
article.loop .post-description{margin:0 0 12px 0;} article.loop .post-description p{margin:0 0 0 0 !important;font-size:14px;line-height:22px !important;}
article.loop .post-meta{font-size:12px;font-weight:600;color:#999999;line-height:26px;} .post-meta span{padding:0 10px 0 0;} #main .post-meta i{display:inline-block;min-width:14px;padding-right:3px;}
#main .post-meta a{color:#999999;text-decoration:none;} #main .post-meta a:hover{color:#666666;}

/* MASONRY LOOP */
.masonry article.loop{display:block;width:calc(( 100% - 60px ) / 3 );margin:0 0 30px 0;border-top:0;padding:0;box-shadow:0 0 0 transparent;}
.masonry article.loop .post-image{width:100%;height:auto;float:none;position:relative;top:0;left:0;border-radius:3px 3px 0 0;}
.masonry article.loop .post-image a:after{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(0,0,0,.1);content:'';border-radius:3px 3px 0 0;}
.masonry article.loop .post-image img{display:block;width:100%;height:auto;border:0;border-radius:3px 3px 0 0;}
.masonry article.loop .post-content{margin:0 0 0 0;padding:30px;background:#FFFFFF;box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);border-radius: 0 0 3px 3px;}
.masonry article.loop.no-image .post-content{border-radius:3px;border-top:1px solid rgba(0,0,0,.1);}
#main .masonry article.loop h2{margin:0 0 15px 0;font-size:20px;line-height:30px;}

/* SINGLE */
#main.has_breadcrumb .center{padding-top:20px;}
#main.single{background: rgb(255,255,255);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 50%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 50%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 50%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );}
article.blogpost{background:#FFFFFF;padding:30px;margin-bottom:30px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);border-radius:0 0 3px 3px;}
article.blogpost .blogpost-meta{display:block;margin:0 -30px -30px -30px;background:#FBFBFB;padding:23px 30px 23px 30px;border-top:1px solid rgba(0,0,0,.1);border-radius:0 0 3px 3px;color:#999999;font-size:12px;font-weight:600;line-height:26px;}
article.blogpost .fb_iframe_widget{float:right;margin:7px 0 0 0;}
#main.single .post-image{width:100%;margin:0 0 0 0;position:relative;top:0;left:0;border-radius:3px 3px 0 0;}
#main.single .post-image:after{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(0,0,0,.1);content:'';border-radius:3px 3px 0 0;}
#main.single .post-image img{display:block;width:100%;height:auto;border:0;border-radius:3px 3px 0 0;}
#main.single .post-video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;height:auto;border-radius:3px 3px 0 0 !important;}
#main.single .post-video iframe, #main.single .post-video object, #main.single .post-video embed{position:absolute;top:0;left:0;width:100%;height:100%;}
#main.single .post-caption{position:absolute;right:0;bottom:0;font-size:12px;font-weight:600;padding:10px;text-shadow:0 0 10px rgba(0, 0, 0, .6);color:rgba(255, 255, 255, .5);}
#main.single .crayon-theme-classic{margin:0 0 30px 0 !important;border-color:#CCC !important;}
#main.single .crayon-syntax .crayon-num{background:#F0F0F0 !important;color:#999999 !important;text-shadow:0 1px 0 rgba(255,255,255,.33);}
#main.single .crayon-theme-classic .crayon-striped-num{background:#EAEAEA !important;color:#999999 !important;text-shadow:0 1px 0 rgba(255,255,255,.33);}
#postbottomnav{text-align:center;}
.post-prev{padding:0 0 10px 0;}

/*mf two lines */
#main.single .post-image, #main.single .post-video{margin-bottom:48px;}

#main.single .wp-block-embed .wp-block-embed__wrapper{position:relative;padding-bottom:56.25%;padding-top:0;height:0;overflow:hidden;background:#000000;}
#main.single .wp-block-embed  .wp-block-embed__wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
#main.single .wp-block-embed  .wp-block-embed__wrapper video{position:absolute;top:0;left:0;width:100%;height:100%;}

/* BoxIndex */
.boxindex{width:100%;}
.boxindex:after{clear:left;content:'';}
.boxitem{display:block;float:left;width:370px;height:auto;margin:0 30px 30px 0;} .boxitem:nth-child(3n+3){margin-right:0;}
	.boxitem .image{display:block;position:relative;top:0;left:0;width:100%;}
		.boxitem .image img{display:block;width:100%;height:auto;}
		.boxitem .image:after{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(0,0,0,.1);content:'';}
	.boxitem .title{display:block;text-align:center;font-weight:600;font-size:14px;letter-spacing:4px;text-transform:uppercase;color:#999999;padding:24px 0 0 0;transition:all 0.2s ease-in-out;}
.boxitem:hover .title{color:#666666;}
.boxindex.homepage .boxitem{width:570px;} .boxindex.homepage .boxitem:nth-child(2n+2){margin-right:0;}

#writeus{background-color:#FFFFFF;position:relative;top:0;left:0;clear:both;border-top:1px solid #D1D1D1;}
	#writeus .center{padding-top:30px;padding-bottom:30px;}
	#writeus a.button{margin:0 !important;}
	#writeustext{font-size:16px;font-weight:600;color:#999999;line-height:40px;}
	#writeus:after{position:absolute;top:-31px;left:0;width:100%;height:30px;background: linear-gradient(to bottom, rgba(246,246,246,0) 0%,rgba(246,246,246,1) 100%);content:' ';}

/* USGALLERY */
#usGallery{width:100%;overflow:auto;}
.galleryitem{position:relative;top:0;left:0;width:370px;float:left;margin:0 30px 30px 0;transition:all 0.2s ease-in-out;}
.galleryitem:nth-child(3n+3){margin:0 0 30px 0;}
.galleryitem a{position:relative;top:0;left:0;display:block;border-bottom:1px solid #FFFFFF;}
.galleryitem a:after{content:" ";position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(0, 0, 0, .1);}
.galleryitem img{display:block;width:100%;height:auto;}
.galleryitem .caption{opacity:0;position:absolute;bottom:0;left:0;right:0;top:auto;background:rgba(0,0,0,.44);color:#FFFFFF;font-size:14px;text-shadow:0 0 6px rgba(0,0,0,.5);line-height:20px;font-weight:700;padding:15px;width:auto;height:auto;transition:all 0.2s ease-in-out;}
.galleryitem:hover .caption{opacity:1;}


/* PAGINATION */
.pagination{margin:0;font-size:14px;font-weight:600;}
.pagination .pages{display:none}
#main .pagination a, #main .pagination a:hover{
    display:inline-block;
    background-color:rgba(255,255,255,.66);
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 3px;
    text-shadow: 0 1px 0 #FFFFFF;
    color:#666666;
    text-decoration: none;
    font-weight: 700;
    padding: 0 12px !important;
    height: 36px !important;
    line-height: 36px !important;
    margin: 0 8px 0 0 !important;
	box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 1);
    transition: all .2s ease-in-out
}

#main .pagination a:hover {
    background: rgba(255,255,255,1);
	color:#333333;
	border: 1px solid rgba(0, 0, 0, .33);
}

#main .pagination .current, #main .pagination .current:hover {
    display: inline-block;
    background-color: #4C7DB5;
    border: 1px solid rgba(0,0,0, .2);
    border-radius: 3px;
    text-shadow: 0 1px 0 rgba(0,0,0, .2);
    color: #FFFFFF;
    text-decoration: none;
    font-weight: 700;
    padding: 0 12px !important;
    height: 36px !important;
    line-height: 36px !important;
    margin: 0 8px 0 0 !important;
	box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.2);
    transition: all .2s ease-in-out
}

/* CRP */
.crp_related{border-top:1px solid rgba(0,0,0,.15);padding:20px 0 0 0;}
#main .crp_related h3{font-size:16px;line-height:26px;font-weight:700;}
.crp_related ul{margin:0 0 0 0;padding:0 0 0 0;}
.crp_related ul li:before{display:none !important;}
.crp_related ul li{display:block;float:left;width:263.33px;margin:0 30px 30px 0;} .crp_related ul li:last-child{margin:0 0 0 0 !important;}
.crp_related ul li a{display:block;color:#333333 !important;text-decoration:none !important;}
.crp_related ul li a img{display:block;width:100%;height:auto;border:0;margin:0 0 15px 0;}
.crp_related ul li a span.crp_title{}
.crp_related ul:after{content:'';display:block;clear:left;}

/* SIDEBAR */
#sidebar .widget{margin-bottom:30px;background:#fff;box-sizing:border-box;box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);border-radius:3px;}
#sidebar .widget:after{clear:both;content:"";display:block;height:0;line-height:0;visibility:hidden;}
#sidebar .widget .headline h4{display:block;color:#999999;font-size:16px;line-height:26px;letter-spacing:1px;padding:12px 20px 10px 20px;margin:0 0 0 0;text-transform:uppercase;font-weight:700 !important;border-top:1px solid rgba(0, 0, 0, 0.06);border-bottom:1px solid rgba(0, 0, 0, 0.1);text-shadow:0 1px 0 #FFFFFF;border-radius:3px 3px 0 0;background:rgb(255, 255, 255);background:-moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(251, 251, 251, 1) 100%);background:-webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(251, 251, 251, 1) 100%);background:linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(251, 251, 251, 1) 100%);}

#main #sidebar .widget_categories ul{padding:5px 10px 5px 10px;}
#main #sidebar .widget_categories ul li{padding:10px 10px 10px 10px;background:none;background-color:transparent;border-bottom:1px solid rgba(0,0,0,.1);font-size:12px;font-weight:600;}
#main #sidebar .widget_categories ul li:last-child{border:0;}
#main #sidebar .widget_categories ul li a{display:block;line-height:16px;color:#333333;text-decoration:none;} #main #sidebar .widget_categories ul li a:hover{color:#333333;}

#main #sidebar .widget_recent_entries ul{padding:5px 10px 5px 10px;}
#main #sidebar .widget_recent_entries ul li{padding:10px 10px 10px 10px;background:none;background-color:transparent;border-bottom:1px solid rgba(0,0,0,.1);font-size:12px;font-weight:600;}
#main #sidebar .widget_recent_entries ul li:last-child{border:0;}
#main #sidebar .widget_recent_entries ul li a{display:block;line-height:16px;color:#333333;text-decoration:none;} #main #sidebar .widget_recent_entries ul li a:hover{color:#333333;}

#main #sidebar .widget_recent_comments ul{padding:5px 10px 5px 10px;}
#main #sidebar .widget_recent_comments ul li{padding:10px 10px 10px 10px;background:none;background-color:transparent;border-bottom:1px solid rgba(0,0,0,.1);font-size:12px;font-weight:600;line-height:16px;color:rgba(0,0,0,.6);}
#main #sidebar .widget_recent_comments ul li:last-child{border:0;}
#main #sidebar .widget_recent_comments ul li a{display:block;line-height:16px;color:#333333;text-decoration:none;} #main #sidebar .widget_recent_comments ul li a:hover{color:#333333;}

#sidebar .tagcloud{padding:10px 10px 5px 10px;}
#sidebar .tagcloud:after{clear:both;content:"";display:block;height:0;line-height:0;visibility:hidden;}
#main .widget .tagcloud a{display:inline-block;color:#999999;border:1px solid #CCCCCC;font-size:12px !important;font-weight:600;padding:2px 5px 2px 5px;text-align:center;border-radius:2px;text-decoration:none;transition:all 0.2s ease-in-out;margin:0 5px 5px 0;float:left;}
#main .widget .tagcloud a:hover{color:#4E7EB3;border:1px solid #4E7EB3;}

.mpu_rennab{margin:0 0 30px 0;}

/* MAILCHIMP */
/* MailChimp */
.widget_mailchimp {
	width: 215px;
	overflow: show;
}

.widget_mailchimp .mcnewsletter {
	border: none;
	margin: 0;
}

.widget_mailchimp .inmcnewsletter {
	border: 1px solid #999999;
	padding: 1px;background:#FFFFFF;
	overflow: show;
	border-radius:3px;
}

.mc-mail-sent-ng {
	border-bottom: 1px solid #CC0000;
	font-size: 12px;
	padding: 0 0 10px 0;
	font-weight:600;
	color: #CC0000;margin:0 0 10px 0;
}

.mc-mail-sent-ok {
	border-bottom: 1px solid #2DB200;
	font-size: 12px;
	padding: 0 0 10px 0;
	font-weight:600;
	color: #2DB200;margin:0 0 10px 0;
}

.widget_mailchimp a.button {
	display: block;
	float: right;
	width: 40px;
	height: 28px;
	line-height: 28px;
	background: #999999;
	color: #FFFFFF;
	font-size: 12px;
	font-family: "Open Sans", Arial, sans-serif;
	border-left: 1px solid #FFFFFF;
	text-align: center;
	padding: 0 !important;
	text-transform: uppercase;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
	text-decoration: none;
}

.widget_mailchimp a.button:hover {
	color: #FFFFFF;
	background: #666666;
}

.widget_mailchimp .field {
	display: block;
	border-right: 1px solid #FFFFFF;
	margin-right: 41px;
	padding-left: 10px;
	height: 28px;
	overflow: hidden;
}

.widget_mailchimp .field input {
	width: 175px;
	background: #FFFFFF;
	border: none !important;
	margin: 5px 0 0 0;
	font-size: 12px;
	color: #666666;
	outline: none !important;
	font-family: "Open Sans", Arial, sans-serif;
	font-weight: 600;
}

.widget_mailchimp .field input:focus{color:#333333;}

.widget_mailchimp ::-webkit-input-placeholder {
	color: #999999;
}

.widget_mailchimp :-moz-placeholder {
	color: #999999;
	opacity: 1;
}

.widget_mailchimp ::-moz-placeholder {
	color: #999999;
	opacity: 1;
}

.widget_mailchimp :-ms-input-placeholder {
	color: #999999;
}

.widget_mailchimp .info {
	display: block;
	padding: 14px 0 0 0;
	font-size: 10px;
	line-height: 14px;
	font-weight: 600;
	color: #999999;
	opacity: .8;
}

/* COMMENTS */
/* Comment List */
#comments{display:none !important;}
ol.comment-list{margin:0;padding:0 0 0 0;list-style:none;}
li.comment{margin:0 0 30px 0;padding:0;-ms-word-wrap:break-word;word-wrap:break-word;background:#fff;box-sizing:border-box;box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);border-radius:3px;}  li.comment:after{clear:both;content:'';}
main ol li.comment:before{display:none;}
li.comment p{max-width:100%;}
li.comment code{display:block;border:1px solid #CCC !important;padding:10px 10px 10px 15px;box-sizing:border-box;background:#FDFDFD;border-radius:3px;box-shadow: inset 0 1px 0 0 #FFFFFF;font-family: Droid Sans Mono, 'DroidSansMonoRegular', 'Courier New', monospace !important;font-weight:400;font-size:14px;color:#000000;}
.comment-author{display:block;width:100%;margin:0 0 0 0;padding:30px 30px 0 30px;min-height:60px;background:#FFFFFF;box-sizing:border-box;border-top:1px solid rgba(0, 0, 0, 0.09);border-radius:3px;}
.comment-author:after{clear:both;content:'';}
.comment-author .avatarimage{float:left;margin:0 20px 0 0;border-radius:30px;position:relative;top:0;left:0;} .comment-author .avatarimage:after{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(0,0,0,.15);content:'';border-radius:30px;}
.comment-author img{border-radius:30px;}
.user{height:20px;line-height:20px;padding:10px 0 6px 0;} #main .user a, #main .user a:hover{color:#2B5088;font-size:16px;text-decoration:none;font-weight:600;}
.date{height:12px;line-height:12px;padding:0 0 10px 0;color:#999999;}  #main .date a, #main .date a:hover{color:#999999;font-size:12px;text-decoration:none;font-weight:600;} .date i{padding-right:3px;font-size:12px;}
.comment-content{padding:20px 30px 30px 30px;}
#main .comment-content p:last-child{margin:0 0 0 0 !important;max-width:100% !important;}
.comment-content a{word-wrap:break-word;}
.comment-meta{display:none;clear:both;padding:20px;width:auto;font-size:12px;font-weight:600;color:#999999;border-top:1px solid rgba(0,0,0,.15);transition:all 0.2s ease-in-out;overflow:auto;background:#F5F7F9;}
.comment-meta > div{float:left;margin:0 20px 0 0;text-transform:uppercase;}
.comment-meta > div i{padding-right:3px;}
#main .comment-meta a, #main .comment-meta a:hover{color:#999999;text-decoration:none;}
.comment-meta > div.user, #main .comment-meta > div.user a, #main .comment-meta > div.user a:hover{color:#666666;}
.notapprovedyet{color:#4E7EB3;padding:5px;border:1px solid #4E7EB3;border-radius:3px;margin:0 0 25px 0;}
.comment ol.children{padding:0 30px 0 30px;list-style:none;overflow:auto;} .comment ol.children:after{clear:both;content:'';}
/* Comment Pagination */
.comment-navigation{margin:0 0 1.5em;padding:0;font-size:14px;font-size:0.875rem;}
.comment-navigation .nav-previous{float:left;}
.comment-navigation .nav-next{float:right;}
.comment-navigation .nav-previous a:before{margin-right:3px;content:"\00AB";}
.comment-navigation .nav-next a:after{margin-left:4px;content:"\00BB";}
/* Comment Form */
.comment-form{display:block;margin:0 0 30px 0;padding:30px;-ms-word-wrap:break-word;word-wrap:break-word;background:#fff;box-sizing:border-box;box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);border-radius:3px;border-top: 1px solid rgba(0, 0, 0, 0.09);}
.comment-form label{display:block;font-weight:700;padding:0 0 8px 0;}
.comment-form input[type='text'],.comment-form input[type='email'],.comment-form input[type='password'],.comment-form input[type='url'],.comment-form textarea{border:1px solid #D3D3D3;width:100%;padding:8px;color:#666;background:#FFFFFF;font-size:16px;font-family:'Open Sans', sans-serif;font-weight:600;box-sizing:border-box;border-radius:3px;transition:all 0.2s ease-in-out;-webkit-appearance:none;}
.comment-form input[type='text']:focus,.comment-form input[type='email']:focus,.comment-form input[type='password']:focus,.comment-form input[type='url']:focus,.comment-form textarea:focus{background-color:#FFFFFF;border:1px solid #333333;color:#333333;outline:none;}
.comment-form input[type='submit']{height:38px;padding: 0 12px 0 12px;margin:0 0 0 0;line-height:30px;background:#4E7EB3;border-radius:3px;border:1px solid rgba(0, 0, 0, .1);color:rgba(255, 255, 255, 1);font-size:14px;font-weight:700;text-transform:uppercase;transition:all 0.2s ease-in-out;-webkit-appearance:none;}
.comment-form input[type='submit']:hover{background:#2B5088;}
.comment-form p{margin:0 0 25px 0 !important;}
.comment-notes{color:#999999;}
span.required{color:#C72C3C;}
p.logged-in-as{text-align:center !important;font-size:12px;}
.comment-form .form-submit{margin:0 0 0 0 !important;}

/* TOOLS */
.topline{position:absolute;top:0;left:0;height:1px;width:100%;background:rgba(0,0,0,.15);} .topline.white{background:rgba(255,255,255,.12);}
.bottomline{position:absolute;bottom:0;left:0;height:1px;width:100%;background:rgba(0,0,0,.15);} .bottomline.white{background:rgba(255,255,255,.12);}
.topline.outside{top:-1px;}
.bottomline.outside{bottom:-1px;}
.clear{clear:left;}
.float-right{float:right;}
.opacity50{opacity:.5;}
.no-padding{padding:0 0 0 0 !important;}
.hide{display:none;}

/* Elastiv Video Player */
.elastic-video{position:relative;padding-bottom:55%;padding-top:15px;height:0;overflow:hidden;}
.elastic-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

figure.alignright, figure.alignleft {display:inline-block;position:relative;top:0;left:0;width:280px;} figure.alignnone{width:auto;}
figure.alignright img, figure.alignleft img, figure.alignnone img{display:block;width:100%;}
figure.alignright:after, figure.alignleft:after/*, figure.alignnone:after*/{display:block;position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(85, 44, 13, .15);content:' ';}
figure.alignnone{margin-bottom:30px;}


/* BUTTONS */
a.button,
#main a.button{
  display: inline-block;
  color: #FFFFFF;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  padding: 5px 12px 5px 12px;
  width: auto;
  text-align: center;
  line-height:26px;
  border: 0;
  border-radius: 0;
  text-decoration: none !important;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin: 0 0 40px 0;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  cursor: pointer;
}
a.button:hover,
#main a.button:hover{color:#FFFFFF !important;}

a.button.red {
  background: #D90000;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 0 !important; }

a.button.red:hover{background:#C50000;}



/* Let's work together */
#letsworktogether{/*background:#B7D5EE;color:#1B3151;*/background:#228914 url('https://www.jeannine-platz.de/wp-content/themes/jp2017/tmp/tmp-green.png') no-repeat 50% 100%;background-size:cover;color:#FFFFFF;padding:55px 0 60px 0;position:relative;top:0;left:0;text-shadow:0 0 10px rgba(0,0,0,.25);}
#letsworktogether h3{font-size:30px;line-height:40px;font-weight:600;color:#FFFFFF;margin:0 350px 20px 0;}
#letsworktogether p{color:rgba(255,255,255,.75);margin:0 350px 0 0;padding:0 0 0 0;max-width:480px;font-weight:600;line-height:26px;}
#letsworktogether a.togetherbutton{position:absolute;top:50%;right:0;display:block;color:#FFFFFF;background-color:transparent;border:2px solid #FFFFFF;cursor:pointer;text-transform:uppercase;border-radius:3px;height:40px;width:auto;padding:0 16px 0 16px;margin-top:-22px;line-height:40px;font-weight:700;font-size:16px;transition: all 0.2s ease-in-out;box-shadow:0 0 10px rgba(0,0,0,.25);text-shadow:0 0 10px rgba(0,0,0,.25);text-decoration:none;}
#letsworktogether a.togetherbutton:hover{background:rgba(0,0,0,.2);}
#letsworktogether a.togetherbutton i{padding:0 8px 0 0;}

/* ELEMENTOR HACKS */
.elementor{margin:0 -15px 0 -15px;}


/* Simple Form */
#main form p{margin:0 0 15px 0;}
#main form p span{display:block;padding:5px 0 0 0;}
input[type="text"],
input[type="email"],
textarea{border:1px solid #D3D3D3;width:100%;padding:8px;color:#666;background:#FFFFFF;font-size:16px;font-family:'Open Sans', sans-serif;font-weight:400;box-sizing:border-box;}
input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus{border:1px solid #666666;color:#333333;}

input[type="text"].wpcf7-not-valid,
input[type="email"].wpcf7-not-valid,
textarea.wpcf7-not-valid{border-color:#ff0000 !important;}

input[type="submit"]{display: inline-block;
color: #FFFFFF;
font-size: 14px;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 700;
padding: 6px 15px 6px 15px;
width: auto;
text-align: center;
line-height: 26px;
border: 0;
border-radius: 3px;
text-decoration: none;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
margin: 0 0 40px 0;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.2);
cursor: pointer;
background: #888888;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
border: 1px solid rgba(0, 0, 0, 0.1);}
input[type="submit"]:hover{background:#666666;}
div.wpcf7-form-control-wrap{margin:0 0 15px 0;}


.gallery-icon{margin:0 0 30px 0;}

/* Bigger 1024 (devices and browsers)
====================================================================== */
@media only screen and (min-width: 1024px){

#navigation{display:block;width:auto;float:none;margin:0 0 0 0;text-align:center;overflow:visible;}
	#mainmenu-cont{}
	#mainmenu-cont > ul{}
	#mainmenu-cont > ul li{display:inline-block;position:relative;top:0;left:0;padding:0 20px 0 20px;}
	#mainmenu-cont > ul li a{display:inline-block;height:60px;line-height:62px;color:#999999;font-size:14px;font-weight:600;letter-spacing:3px;text-transform:uppercase;padding:0 0 0 0;text-decoration:none;transition: all 0.2s ease-in-out;}
	#mainmenu-cont > ul li ul{display:none;}
	#mainmenu-cont > ul li:hover a, #mainmenu-cont > ul li:hover a:hover{color:#666666;}

	#mainmenu-cont > ul li.current-menu-item > a{color:#333333;}
	#mainmenu-cont > ul li:hover ul{display:block;position:absolute;top:59px;left:0;z-index:99999;width:185px;text-align:left;border:1px solid #D1D1D1;border-top:0;padding:0 0 8px 0;background: -moz-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(246,246,246,0.94) 100%);
background: -webkit-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(246,246,246,0.94) 100%);
background: linear-gradient(to bottom, rgba(246,246,246,1) 0%,rgba(246,246,246,0.94) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#f0f6f6f6',GradientType=0 );}
	#mainmenu-cont > ul li#menu-item-164:hover ul{width:390px;}
	#mainmenu-cont > ul li:last-child:hover ul{left:auto;right:0;}
	#mainmenu-cont > ul li:hover ul li{display:block;float:none;height:auto;line-height:inherit;padding:0 !important;}
	#mainmenu-cont > ul li:hover ul li a{display:block;width:auto;color:#666666;font-weight:600;text-transform:none;font-size:14px;height:auto;line-height:inherit;padding:4px 19px 8px 19px;letter-spacing:normal;}
	#mainmenu-cont > ul li:hover ul li a:hover{color:#333333;}

	/*
	#mainmenu-cont > ul li.current-menu-item > a,
	#mainmenu-cont > ul li.current_page_parent > a{border-bottom:2px solid #4E7EB3;height:58px;}
	#mainmenu-cont > ul li.navbtn.current-menu-item > a{height:30px !important;border:1px solid rgba(0,0,0,.1);}*/

}


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

#navicons{right:20px;}
nav#nav{display:none;}
#navbtn{display:block;}

#navigation{display:block;width:100%;margin:0 0 0 0;text-align:left;z-index:99999;}
	#mainmenu-cont{}
	#mainmenu-cont ul{margin:0;padding:20px 0 20px 0;} #mainmenu-cont > ul{}
	#mainmenu-cont ul li{display:block;text-align:center;}
	#mainmenu-cont ul li a{display:block;color:#333333;font-size:16px;font-weight:700;text-transform:uppercase;padding:10px 0 10px 0;text-decoration:none;text-align:center;line-height:16px;}
	#mainmenu-cont ul li ul li a{display:block;width:auto;color:#333333;font-weight:600;text-transform:none;font-size:14px;height:auto;line-height:inherit;text-align:center;}

}

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



}

/* Smaller 1024 (devices and browsers)
====================================================================== */
@media only screen and (max-width: 1229px){

.centerwrap{margin:0 auto;width:auto;overflow:auto;}
.center{margin:0;width:auto;overflow:auto;padding:0 30px 0 30px;}

main{width:calc( 100% - 330px );}

.column{display:block;float:left;width: calc( ( 100% - 90px ) / 4 );margin:0 30px 30px 0;}

.column.one-third{display:block;float:left;width: calc( ( 100% - 60px ) / 3 );margin:0 30px 30px 0;}
.column.two-third{display:block;float:left;width: calc( ((( 100% - 60px ) / 3 ) * 2 ) + 30px );margin:0 30px 0 0;}
.column.first{clear:both;}
.column.last{margin:0 0 30px 0;}
.column.double{width: calc( ( 100% - 30px ) / 2 );}
.column.triple{width: calc( ( 100% - 30px ) / 4 );}
.column.full{width:100%;margin:0 0 30px 0;}


.boxitem{width:calc( ( 100% - 60px) / 3 );margin:0 30px 30px 0;} .boxitem:nth-child(3n+3){margin-right:0;}
.boxindex.homepage .boxitem{width:calc( ( 100% - 30px) / 2 );}
.galleryitem{width:calc( ( 100% - 60px) / 3 );margin:0 30px 30px 0;} .galleryitem:nth-child(3n+3){margin:0 0 30px 0;}
}

@media only screen and (max-width: 1023px){
main{width:100%;float:none;} #main.single{background: rgb(255,255,255);}
aside{width:100%;float:none;clear:both;margin:30px 0 0 0;}

.column{display:block;float:left;width: calc( ( 100% - 30px ) / 2 );margin:0 30px 30px 0;}
.column:nth-child(2n){margin:0 0 30px 0;}
.column.one-third{display:block;float:left;width: calc( ( 100% - 60px ) / 3 );margin:0 30px 30px 0;}
.column.two-third{display:block;float:left;width: calc( ((( 100% - 60px ) / 3 ) * 2 ) + 30px );margin:0 30px 0 0;}
.column.double{width:100%;}
.column.triple{width:100%;}

.masonry article.loop{display:block;width:calc(( 100% - 30px ) / 2 );}

}

/* Tablet (devices and browser)
====================================================================== */
@media only screen and (max-width: 800px) {

header{height:60px;background:rgba(255,255,255,.92);} .down #header{ transform:translate3d(0, -61px, 0);}
header .center{height:60px;}
/*
#imageheader, #imageheader .centerwrap{height:auto;}
#imageheader .main-image, #imageheader .main-title{float:none;display:block;width:auto;height:auto;text-align:center;}
#imageheader .main-image img{display:inline-block;position:relative;top:auto;bottom:auto;left:auto;right:auto;max-width:70%;margin:40px auto 40px auto;}
#imageheader h1{display:block;margin:0 0 20px 0;text-align:center;}
#imageheader.orange .hr{display:block;margin:0 auto 20px auto;}
#imageheader p.main-text{display:block;margin:0 auto 40px auto;padding:0 0 0 0;text-align:center;}

#letsworktogether{text-align:center;} #letsworktogether .centerwrap, #letsworktogether .center{overflow:inherit;}
#letsworktogether h3, #letsworktogether p{margin-right:0 !important;text-align:center !important;max-width:inherit;}
#letsworktogether p{margin:0 0 30px 0 !important;}
#letsworktogether a.togetherbutton{position:relative;top:0;left:0;right:auto;margin:0 auto;display:inline-block;width:auto;}
*/

.boxitem, .boxitem:nth-child(3n+3){width:calc( ( 100% - 30px) / 2 );margin:0 30px 30px 0;}
.boxitem:nth-child(2n+2){margin:0 0 30px 0;}

.galleryitem, .galleryitem:nth-child(3n+3){width:calc( ( 100% - 30px) / 2 );margin:0 30px 30px 0}
.galleryitem:nth-child(2n+2){margin:0 0 30px 0;}
}


/* All Mobile Sizes (devices and browser)
====================================================================== */
@media only screen and (max-width: 767px) {
.hide-mobile{display:none !important;}


nav.breadcrumb{display:none;}
#main.has_breadcrumb .center{padding-top:30px;}

.column.double{width:100%;clear:both !important;margin:0 0 30px 0;}
.column.one-third{clear:both;display:block;float:none;width:100%;margin:0 0 30px 0;} .column.one-third:after{display:block;clear:both !important;content:'';}
.column.two-third{display:block;float:none;width:100%;margin:0 0 30px 0;}

.column.full .davbox .image{width:100%;float:none;margin:0 0 30px 0;}

.crp_related ul li{display:block;float:none;width:100%;margin:0 0 30px 0;}

#writeus{text-align:center;}
	#writeus .button.float-right{float:none;}
	#writeustext{display:block;line-height:30px;padding-top:20px;text-align:center;}

#footer-copy{height:auto;line-height:40px;padding:10px 0 10px 0;}
#footer-copy .column,
#footer-copy .column.align-right{clear:both;text-align:center !important;display:block;float:none;margin:0 0 0 0 !important;}
ul#footnav2 li{display:inline-block;float:none;} ul#footnav2 li:last-chil{margin:0 0 0 0;}

}


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

.column, .column.one-third,
.column.one-third:nth-child(2n),
.column.double, .column.triple{display:block;float:none;width:100%;margin:0 0 30px 0;}
.column:nth-child(2n){margin-right:0 !important;}

#imageheader .main-image img{max-width:90%;margin:30px auto 30px auto;}
#imageheader p.main-text{margin:0 auto 30px auto;}

}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
====================================================================== */
@media only screen and (max-width: 639px) {

body, #headergap{background:#FFFFFF;}
article.blogpost{background-color:transparent;padding:0;margin-bottom:30px;box-shadow: 0 0 0 rgba(0, 0, 0, 0);border-radius:0 0 0 0;}
article.blogpost .blogpost-meta{display:block;background-color:transparent;border-radius:0 0 0 0;text-align:center;background: #f6f6f6;
background: -moz-linear-gradient(top, #f6f6f6 0%, #ffffff 100%);
background: -webkit-linear-gradient(top, #f6f6f6 0%,#ffffff 100%);
background: linear-gradient(to bottom, #f6f6f6 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0 );}
article.blogpost .fb_iframe_widget{float:none;margin:0 0 10px 0;}
#main.single .post-image{margin:0 0 30px 0;}
#main.single .post-image, #main.single .post-image:after, #main.single .post-image img{border-radius:0 0 0 0;}


article.loop, .masonry article.loop{display:block;width:100%;margin:0 0 30px 0;border-top:0;padding:0;box-shadow:0 0 0 transparent;border-radius:0;}
article.loop.no-image, .masonry article.loop.no-image{border-top:1px solid rgba(0,0,0,.15);padding-top:10px;}
article.loop .post-image, .masonry article.loop .post-image{width:100%;height:auto;float:none;position:relative;top:0;left:0;border-radius:0 0 0 0;}
article.loop .post-image a:after, .masonry article.loop .post-image a:after{border:1px solid rgba(0,0,0,.1);content:'';border-radius:0 0 0 0;}
article.loop .post-image img, .masonry article.loop .post-image img{border-radius:0 0 0 0;}
article.loop .post-content, .masonry article.loop .post-content{margin:0 0 0 0;padding:15px 0 0 0;background:#FFFFFF;box-shadow:0 0 0 transparent;border-radius: 0 0 0 0;}
article.loop.no-image .post-content, .masonry article.loop.no-image .post-content{border-radius:0;border-top:0;}
#main article.loop h2{margin:0 0 15px 0;font-size:20px;line-height:30px;}
article.loop .meta-tags{display:block;}

.alignright, .alignleft{float:none;border:none;padding:0;margin:0 0 30px 0;width:100%;}
figure.alignright, figure.alignleft {width:100%;}

}


@media only screen and (max-width: 479px) {
.hide-479{display:none !important;}
.center{padding:0 15px 0 15px;}
#header .center{padding:0 15px 0 15px;}
#main .center{padding:15px 15px 15px 15px !important;}

#mainmenu-cont ul li a{padding:20px 0 20px 0;}


.column,
.column:nth-child(2n),
.column.one-third,
.column.one-third:nth-child(2n),
.column.double,
.column.triple,
.column.full,
.column.last{margin:0 0 15px 0 !important;}

article.loop, .masonry article.loop{margin:0 0 15px 0;}
article.blogpost .blogpost-meta{display:block;margin:0 -15px -15px -15px;}

.boxitem, .boxitem:nth-child(2n+2), .boxitem:nth-child(3n+3){width:100%;float:none;margin:0 0 24px 0;}
.boxindex.homepage .boxitem, .boxindex.homepage .boxitem:nth-child(2n+2){width:100%;float:none;margin:0 0 24px 0}
.galleryitem, .galleryitem:nth-child(2n+2), .galleryitem:nth-child(3n+3){width:100%;float:none;margin:0 0 15px 0}
}

@media only screen and (max-width: 389px) {
a#logo{width:260px;height:108px;background:url('images/jp.svg') no-repeat 0 50%;background-size:260px 108px;}

}

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

}











/* Table
====================================*/
table{
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 1px solid #D2D2D2 !important;
	margin:0 0 30px 0 !important;
}
table th{
	border: 1px solid #D2D2D2;
	border-right: none;
	background-color: rgba(0,0,0, .1);
	text-align: left;
	padding: 10px 15px;
	color: #2A1606;
	vertical-align: top;
	font-size: 16px;
	font-weight: 600;
	white-space:nowrap;
}
table td:last-child{
	border-right: 1px solid #D2D2D2;
}
table th:last-child{
	border-right: 1px solid #D2D2D2;
}

table td{
	padding: 10px 15px;
	border: 1px solid #D2D2D2;
	border-top: none;
	border-right: none;
}

/*table tr:hover td{background-color: #fafafa;}*/

table tr.odd,
table tr:nth-child(odd){background-color:rgba(0,0,0, .03);}



.rmBase__comp--text{text-transform:none!important;letter-spacing:normal!important;font-weight:normal!important;font-size:14px!important;}


/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto; padding:10px }
.alignleft {
	border: 0;
	float: left;
	margin: 0 15px 8px 0;
	padding: 0;
}

.alignright {
	border: 0;
	float: right;
	margin: 0 0 8px 15px;
	padding: 0;
}

.wp-caption-text,
.wp-caption figcaption{
	background-color: #f6f6f6;
	font-weight: 600;
	font-size: 13px;
	color: #909090;
	padding: 10px 20px;
}

#footer .wp-caption-text,
#footer .wp-caption figcaption {
	background-color: rgba(0,0,0,0.3);
}

.wp-caption.transparent {
	position: relative;
}

.wp-caption.transparent figcaption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.3);
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
	padding: 8px 16px;
	text-align: center;
}

.ccm-settings-summoner.ccm-show {
	display:none;	
}