/*
	Theme Name: JundUndJung

*/
	
	/* ------------------------ 
	GLOBAL RESET
	------------------------ */
	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,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{
		margin:0;padding:0;border:0;outline:0;vertical-align:baseline;/*background:transparent*/
	}
	article,aside,dialog,figure,footer,header,hgroup,nav,section{
		display:block
	}
	nav ul{
		list-style:none
	}
	a{
		margin:0;padding:0;border:0;vertical-align:baseline;background:transparent
	}
	
	
	/* ------------------------ 
	GLOBAL RULES
	------------------------ */
	* {
		padding: 0px; 
		margin: 0px;
		border: 0px;
		
		-webkit-box-sizing: border-box;
   		-moz-box-sizing: border-box;
    	box-sizing: border-box;
	}
	
	/* Set vertical rhythm */
	h1,h2,h3,h4,h5,h6,hgroup,ul,ol,dd,p,figure,pre,table,fieldset,hr {
		margin-bottom: 24px;
		margin-bottom: 1.5rem; 
	}	
	
	h1, h2, h3, h4, h5, h6 {line-height: normal;}	
	
	img, 
	a img {width: 100%;}
	
	/* ------------------------ 
	BASICS GRID
	------------------------ */
	.col-12 {
	    width: 100%;  
	}
	.col-11 {
	    width: 91.66666666666666%;
	}
	.col-10 {
	    width: 83.33333333333334%;
	}
	.col-9 {
	    width: 75%;
	}
	.col-8 {
	    width: 66.66666666666666%;
	}
	.col-7 {
	    width: 58.333333333333336%;
	}
	.col-6 {
	    width: 50%;
	}
	.col-5 {
	    width: 41.66666666666667%;
	}
	.col-4 {
	    width: 33.33333333333333%;
	}
	.col-3 {
	    width: 25%;
	}
	.col-2-5 {
	    width: 20%;
	}
	.col-2 {
	    width: 16.666666666666664%;
	}
	.col-1 {
	    width: 8.333333333333332%;
	}
	.col { 
		font-size: 0px; 
		line-height: 0px;
		padding: 0px; 
		display: inline-block;
		vertical-align: middle;
		margin: auto;
	}
	
	.inline { display: inline-block; }
	.center { 
		text-align: center; 
		margin: auto; 
	}
	
	/* ------------------------ 
	GRID
	------------------------ */
	#tp-grid,
	#tp-inner-grid { 
		display: block;
		margin: auto;
	}
	
	/* ------------------------ 
	STUFF
	------------------------ */	
	.nbr { white-space: nowrap;}
	input {-webkit-appearance: none;}
	
	a:focus,
	*:focus { outline: none !important; } 
	
	a,
	a:link,
	a:visited { 
		outline:none; 
		text-decoration: none;
		cursor: pointer;
		/*cursor: url("./assets/img/svg/cursor_trans2.svg"), auto !important;*/
	}
	
	.but,
	.but input { cursor: pointer; }
	
	section, section .col,
	.copy, a, p, ul, li { 
		vertical-align: top; 
		text-align: left;
	}
	
	ul, li, a, menu { 
	 	padding: 0px; 
		margin: 0px; 
	}
	
	 ul, li { list-style: none;}
	
	.bu { padding-top: 10px;}
	
	.quote_author { 
		margin-top: -2em;
		padding-bottom: 30px; 
	}
	
	/* ------------------------ 
	STAR LABEL
	------------------------ */	
	 #topslider #label,
	.single #label { 
	 	position: absolute;
		top: 60px;
		transform: scale(1.0);
		transform-origin: center center;	
	}
	
	#topslider #label { right: 50px;}
	.single #label { right: 0px; }
	
	#topslider .labeltext, 
	.single .col .labeltext.copy {
		position: absolute;
		top: calc(50% - 2px);
		left: 50%;
		transform: translate(-50%, -50%);
		
		z-index: 1;
		width: 120px;
		text-align: center;
		font-size: 2rem;
		line-height: .93em;
	}
	 
	/* star / ani*/
	 #topslider #label:after,
	 .single #label:after { 
		position: absolute;
		content: "";
		top: -90px;
		right: -90px;
		background: url("./assets/img/svg/star.svg") no-repeat;
		width: 180px;
		height: 180px;
		
		-webkit-animation: spin1 10s infinite linear;
		-moz-animation: spin1 10s infinite linear;
		-o-animation: spin1 10s infinite linear;
		-ms-animation: spin1 10s infinite linear;
		animation: spin1 10s infinite linear;
	}
	
	@-webkit-keyframes spin1 {
	0% { -webkit-transform: rotate(0deg);}
	100% { -webkit-transform: rotate(360deg);}
	}
	@-moz-keyframes spin1 {
	0% { -moz-transform: rotate(0deg);}
	100% { -moz-transform: rotate(360deg);}
	}
	@-o-keyframes spin1 {
	0% { -o-transform: rotate(0deg);}
	100% { -o-transform: rotate(360deg);}
	}
	@-ms-keyframes spin1 {
	0% { -ms-transform: rotate(0deg);}
	100% { -ms-transform: rotate(360deg);}
	}
	@-keyframes spin1 {
	0% { transform: rotate(0deg);}
	100% { transform: rotate(360deg);}
	} 
	
	/* ------------------------ 
	DISPLAY
	------------------------ */	
	/*#searchform,
	.comments,*/
	.secondary-content { display: none; }
	
	.desk {display: block; }
	.mobile{display: none; }
	
	#mobilenav,
	.copyright,
	.kontakt_m,
	.text_m {display: none; }
	
	
	/* ------------------------ 
	FONTS 
	------------------------ */ 
	/* font color */
	body, p, a, .copy, .copy a { 
		color: #2C2C2C;
	}
	
	/* family */
	body, p, .copy, .copy a { 
		font-family: 'Area-Medium',sans-serif; 
	}
	
	/*nav, a.but, */
	.quote_author, .search-icon { 
		font-family: 'Area-Bold',sans-serif; 
	}
	
	h1, h2, h3,
	.mobile-nav ul li a,
	.labeltext {
		font-family: 'ABCSynt-Regular',sans-serif;	
	}
	
	.mobile-nav ul.sub-menu li a,
	.mobile-nav #menu-footer-nav li a  { 
		font-family: 'Area-Medium',sans-serif; 
	}
	
	/* weight / line-height */
	h1, h2, h3 { font-weight: 400; }
	
	h1 { line-height: 1em; 
		  padding-bottom: .5em;
	}
	h2, h3 { line-height: 1.2em;}
	.copy, a.link { line-height: 1.45em; }
	
	
	/* size */
	body, p, a, .copy, .copy a { 
		font-size: 20px;
		line-height: 1.8em;
	}
	
	.mainnav a,
	.search-icon { 
		font-size: .95em; 
	}
	
	.mobile-nav ul li a {
		line-height: 1.5em;
		font-size: 2.25em !important;
	}
	.mobile-nav ul.sub-menu li a,
	.mobile-nav #menu-footer-nav li a {
		font-size: 1.12em !important;
	}
	
	#footerline .copy,
	#footerline .copy a { 
		font-size: 16px;
	}
	
	
	h1 { font-size: 4.2rem; }
	h2 { font-size: 2.3rem; }
	h3 { font-size: 2rem; }
	.copy, a { font-size: 1.3rem;}
	
	.buchhandel .vertrieb .copy, 
	.buchhandel .vertrieb a.link { font-size: 1.3rem; line-height: 1.6em; }
	
	.copy h3 {
		margin: 10px 0 -30px;
		padding: 0;
	}
	
	
	/* ------------------------ 
	BUT
	------------------------ */	
	.but {
		position: relative;
		text-align: center;
		
		border: 1px solid #2C2C2C;
		padding: 20px 20px;
		border-radius:40px;
	}
	.but.up {
		padding: 20px 55px 20px  25px;
	}
	.but.up:after {
		position: absolute;
		content: "";
		top: 18px;
    	right: 15px;
		background: url("./assets/img/svg/arrow_up.svg") no-repeat;
		width: 30px;
		height: 30px;
		
		transform: scale(1.1);
		transform-origin: top left;
	}
	
	.but.up:hover:after {
		top: 13px;
    	right: 10px;
		background: url("./assets/img/svg/arrow_up_white.svg") no-repeat;
	}
	
	.but.up:hover {
	    color: #fff;
    	background: #2C2C2C;
	}
	
	.group .link { margin-top: 30px; }
	.group .link a { 
		/*text-decoration: underline; */
		position: relative;
	}
	.group .link a:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 1px;
		bottom: -1px;
		left: 0;
		background: #232323;
	}
	
	.group .link:after {
		display: inline-block;
		content: "";
		background: url("./assets/img/svg/arrow_up.svg") no-repeat;
		width: 30px;
		height: 30px;
		margin: 0 0 1px 5px;
		vertical-align: bottom;
	}
	.group .link:hover:after {
		margin: 0 0 5px 7px;
	}
	
	/* ------------------------ 
	HOVER
	------------------------ */	
	#footerline a,
	#footerline .tel { text-decoration: underline; }
	
	#footerline a:hover { opacity: .7; }
	#logo a:hover { opacity: .5; }
	
	/* ------------------------ 
	TRANSITION
	------------------------ */	
	a,
	a.link,
	a:before,
	a:after,
	a:hover,
	
	.but,
	.but.arrow:after,
	.mobile-nav li:after,
	.but.up:after,
	.group .link:after,
	.search-results .article-archive .next  {
		transition: .2s ease all;
		-moz-transition: .2s ease all;
		-webkit-transition: .2s ease all;
	}
	
	nav ul li a,
	nav .mainnav ul.sub-menu li,
	.search-but,
	.program .image img,
	.error404 .image img,
	.home #newsslider #imagebox.repeat .image img {
		transition: .3s ease all;
		-moz-transition: .3s ease all;
		-webkit-transition: .3s ease all;
	}
	
	#topheader.mobile,
	#topheader nav,
	#topslider img {
		transition: 0.35s ease;
		-moz-transition: 0.35s ease;
		-webkit-transition: 0.35s ease;
	}
	
	#mobilenav {
		transition: .35s ease all;
		-moz-transition: .35s ease all;
		-webkit-transition: .35s ease all;
    }
	.mobile-nav ul.sub-menu {
		transition: .5s ease all;
		-moz-transition: .5s ease all;
		-webkit-transition: .5s ease all;
    }
	
	/*i-contain*/
	.i-contain { overflow: hidden;}		
	.i-contain img{
		transition: all .4s ease-out;
		-moz-transition: all .4s ease-out;
		-webkit-transition: all .4s ease-out;
	}
	.i-contain img:hover,
	a.sliderlink:hover img {
		transform: scale(1.03);
	}
	
	/* ------------------------ 
	COLOR
	------------------------ */	
	a,
	a:hover,
	a:active  { }
	
	.curry {color: #C6CA3E; }
	.lightblue {color: #4489FF; }
	
	/* ------------------------ 
	z-index
	------------------------ */	
	
	/* ------------------------
	ANIMATE LINE 
	------------------------ */	
	/* ani underline */
	/*a { position: relative; }
	
	a:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 2px;
		bottom: -3px;
		left: 0;
		background: #3200CF;
		
		visibility: hidden;
		transform: scaleX(0);
	}*/
	
	/* active*/
	/*a:hover:after {
		 visibility: visible;
	     transform: scaleX(1);
	}*/
	
	
	/* ------------------------
	SEARCH
	------------------------ */	
	/*display*/
	#searchform label,
	#searchresult .entry-meta { display: none; }
	
	/*font*/
	#searchform input[type="text"] { 
		font-size: 4.2rem;
		font-family: 'ABCSynt-Regular',sans-serif;
	 }
	 .search .primary-content .col-7 h2 {
		font-family: 'Area-Medium',sans-serif;
	}
	
	.search article .copy {
		font-size: 1.4rem;
		line-height: 1.5em;
	}
	.search #searchresult .col-7 h2 { 
		line-height: 1.35em; 
	}
	.search #searchresult .col-5 h2 { 
		line-height: 1em; 
		margin-bottom: .5rem;
	}
	
	/* GRID */
	.suche #search {margin-bottom: 200px; }
	
	.search #search {margin-bottom: 70px; }
	.search #tp-inner-grid section:last-of-type {margin-bottom: 50px;}
	
	.search h1,
	.suche h1 {
		margin-bottom: 0px;
		padding-bottom: 5px;
	}
	
	/* SEARCH FORM */
	#searchform { text-align: left;}
	#searchform input[type="text"] { 
		width: 100%;
		padding-left: 70px;
	 }
	 
	 #searchform div { position: relative; }
	 #searchform input[type="submit"] {
		position: absolute;
		top: 15px;
		left: 0px;
		content: "";
		background: url("assets/img/svg/icon_search.svg") no-repeat;
		transform: scale(2.8);
		width: 27px;
		height: 27px;
		transform-origin: 0px 0px;
		cursor: pointer;
	}
	
	#searchform input[type="submit"]:hover {
		transform: scale(3);
	}
	
	/* SEARCH RESULT */	
	.search-results .article-archive {
		position: relative;
		padding-bottom: 30px; 
	}
	.search-results .article-archive .content { padding: 0 60px 0 20px; }
	
	.search #searchresult h1 {padding-bottom: .5em;}
	.search #searchresult article .name { padding-bottom: 10px; }
	.search #searchresult article img { margin-top: 5px; }
	
	/* last book */
	.search #searchresult article .copy span br { display: none; }
	
	
	/*arrow*/
	.search-results .article-archive .next {
		background: url('assets/img/svg/arrow_next.svg') top center no-repeat;
		position: absolute;
		top: 50px;
		right: 0px;
		width: 60px;
		height: 35px;
	}
	.search-results .article-archive .next:hover {right: -7px;}
	
	/*navigation*/
	.search .primary-content .navigation li { display: inline-block; }
	.search .primary-content .navigation li:nth-child(2) { padding: 0 5px; }
	
	
	/* -------------------
	RESP SEARCH 
	------------------- */
	
	@media only screen and (max-width: 1599px) { 
		
		/* GRID */
		.search .primary-content > .col-7 { width: 50%; padding-right: 5%;}
		.search .primary-content > .col-5 { width: 50%; }
	}
	
	@media only screen and (max-width: 1439px) { 
		
		/* font */
		 #searchform input[type="text"],
		.search #searchresult h1 {font-size: 3.6rem;}
		.search #searchresult .col-7 h2 { font-size: 1.6rem; }

		/* SEARCH FORM */
		#searchform input[type="submit"] {
			top: 12px;
			transform: scale(2.4);
		}
		#searchform input[type="submit"]:hover {
			transform: scale(2.6);
		}

		#searchform input[type="text"] {
			padding-left: 60px;
		}	
	}
	
	@media only screen and (max-width: 1279px) { 
		
		/* font */
		.search #searchresult .col-7 h2,
		.search article .copy {
			font-size: 1.3rem;
			line-height: 1.4em;
		}
		.search #searchresult article h2 { 
			font-size: 2.1rem; 
			padding-right: 20px;
		}
		
		/* GRID */
		.search .primary-content > .col-7 { width: 40%; }
		.search .primary-content > .col-5 { width: 60%; }
		
		/*arrows*/
		.search-results .article-archive .next {
			background: url('assets/img/svg/arrow_next_m.svg') top center no-repeat;
			right: -20px;
		}
		.search-results .article-archive .next:hover {right: -30px;}
		
	}
	
	@media only screen and (max-width: 1024px) { 
		
		/* font */
		.search #searchresult h1,
		#searchform input[type="text"] {
			font-size: 2.5rem;
		}
		
		/* SEARCH FORM */
		#searchform input[type="text"] {
			width: 100%;
			padding-left: 45px;
		}
		#searchform input[type="submit"] {
			top: 10px;
			transform: scale(1.7);
		}
		#searchform input[type="submit"]:hover {
			transform: scale(1.9);
		}
		
		/* GRID */
		.suche #search {margin-bottom: 150px;}

		.search #searchresult article .col-3 { width: 33.33333333333333%; }
		.search #searchresult article .col-9 { width: 66.66666666666666%; }	
		.search #tp-inner-grid section:last-of-type { margin-bottom: 0px;}

	}
		
	@media only screen and (max-width: 849px) { 
		
		/* SEARCH FORM */
		.search #search {margin-bottom: 40px;}
		.search #searchresult h1 {padding-bottom: 5px;}
		
		/* GRID */
		.search .primary-content > .col-7 { width: 100%; padding-bottom: 30px; }
		.search .primary-content > .col-5 { width: 100%; }
		
		/* SEARCH RESULT */
		.search #searchresult article .content {padding: 0 80px 0 20px;}	
	}
	
	@media only screen and (max-width: 766px) { 
		
		/* SEARCH RESULT */
		.search #searchresult article .content {padding: 0 60px 0 20px;}
	}
	
	/* 600 */
	@media only screen and (max-width: 599px) { 
		
		/*font*/
		.search #searchresult h1,
		.search #searchresult article h2 {font-size: 1.8rem;}
		.search #searchresult .col-7 h2,
		.search #searchresult .copy { font-size: 1.2rem; }
		
		.search #searchresult h2 {line-height: 1.0em;}
		.search #search { margin-bottom: 20px;}
		
		/* SEARCH FORM */
		#searchform input[type="submit"] {
			transform: scale(1.3);
		}
		#searchform input[type="submit"]:hover {
			transform: scale(1.5);
		}

		#searchform input[type="text"] {
			font-size: 1.8rem;
			padding-left: 30px;
		}
		
		/* GRID */
		.suche #search {margin-bottom: 100px;}
		
		/* SEARCH RESULT */
		.search #searchresult .col-7 h2 { margin-bottom: 0px;  }
	}