/* Theme Name: Transformative Bildlichkeit */

/* ------------------------ 
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;
	}
	
	/* ------------------------ 
	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 { 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;
	}
	
	
	/* ------------------------ 
	STUFF
	------------------------ */	
	.nbr { white-space: nowrap;}

	 ul, li { list-style: none; }
	.inline { display: inline-block; }
	
	.m-auto { margin: auto; }
	.center { text-align: center; }
	.t-left { text-align: left; }
	.t-right { text-align: right; }
	
	.underline {text-decoration: underline; }
	
	.uppercase,
	.upper { text-transform: uppercase; }
	.lowercase,
	.lower { text-transform: none; }
	
	.block { display: block; }
	
	.left { float: left; }
	.right { float: right; }
	.clear { clear: both; } 

	.v-top { vertical-align: top; }
	.v-middle {vertical-align: middle;}
	.v-bottom {vertical-align: bottom;}
	
	.fix { position: fixed; }
	.abs { position: absolute; }
	.rel { position: relative; }
	
	.shadow {text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}
	.box-shadow {box-shadow: box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
	
	img { 
		width: 100%; 
		object-fit: cover; 
	}
	
	/* ------------------------ 
	z-index
	------------------------ */	
	header { z-index: 3; }
	
	
	/* ------------------------ 
	DISPLAY
	------------------------ */	
	#searchform,
	.comments,
	.mobile { display: none; }
	.desk {display: block; }
	
	/* ------------------------ 
	TRANSITION
	------------------------ */	
	a, .but {
		transition: .2s ease all;
		-moz-transition: .2s ease all;
		-webkit-transition: .2s ease all;
	}
	.trans-15 {
		transition: 1.5s ease all;
		-moz-transition: 1.5s ease all;
		-webkit-transition: 1.5s ease all;
	}
	.trans-2 {
		transition: .2s ease all;
		-moz-transition: .2s ease all;
		-webkit-transition: .2s ease all;
	}
	.trans-3 {
		transition: .3s ease all;
		-moz-transition: .3s ease all;
		-webkit-transition: .3s ease all;
	}
	.trans-5 {
		transition: .5s ease all;
		-moz-transition: .5s ease all;
		-webkit-transition: .5s ease all;
	}
	
	
	/* ------------------------ 
	COLOR
	------------------------ */	
	.red { color: red; }
	
	/*color-white*/
	.white,
	section#projects .projectbox .col-4 .contain:hover .lesenbut,
	section#texteslider .swiper-slide .texte.contain:hover h4,
	#wrapper.mind section#team .teambox .col-4 .contain:hover .description p {
		color: white; 
	} 
	
	/*color-black*/
	.black,
	.accordion-header .center p:hover,
	#wrapper.mind section#projects .projectbox .col-4:hover .author  {
		color: #2b2936; 
	}
	
	/*color-darkgrey*/
	.dark-grey {color: #666; }
	/*color-beige*/
	.beige {color: #efece5; }
	/*color-red*/
	.c-mind {color: #7ABEAD; }
	

	/*bg-white*/
	.bg-white,
	.single .publikationen .plus,
	#wrapper.mind section#projects .projectbox .col-4:hover .contain { 
		background: #fff;
	} 
	
	/*bg-black*/
	.bg-black,
	section#projects .projectbox .col-4 .contain:hover .lesenbut,
	#texteslider .swiper-pagination-bullet,
	.single.member-text #herotitle .one:hover {
		background: #626262;
	}
	
	/*bg-beige*/
	.bg-beige,
	.plus,
	#wrapper.mind section#projects .projectbox .col-4:hover .contain { 
		background: #efece5; 
	}
	
	.li:before, 
	li:before {background: #aaa !important;}
	
	
	/* ----------- COLOR MIND-----------*/
	/*mind*/
	.data #wrapper.mind .textbox a,
	#wrapper.mind .light-green,
	#wrapper.mind .data .textbox a,
	#wrapper.mind .editor a,
	#wrapper.mind .textbox .copy a,
	#wrapper.mind .accordion-body li a,
	#wrapper.mind #teambox li a,
	#wrapper.mind .download a:hover,
	#wrapper.mind #projects .projectbox .col-4 .contain:hover h4,
	#wrapper.mind #projects .projectbox .col-4 .contain:hover p.title,
	.single-team #wrapper.mind .intro p,
	.single #wrapper.mind .publikationen .download a:hover p,
	.single #wrapper.mind .publikationen .language p:hover,
	.single #wrapper.mind .publikationen .language p.active {
		color: #7ABEAD;
	}
	
	#wrapper.mind .bg-light-green,
	#wrapper.mind section#projects .projectbox .col-4 .contain,
	#wrapper.mind section#team .teambox  .col-4 .contain:hover, 
	#wrapper.mind .accordion-header .center p:hover,
	#wrapper.mind #texteslider .texte.contain:hover { 
		background: #99c8bc;
	}
	#wrapper.mind section#projects .projectbox .col-11 { 
		border: 4px solid #99c8bc;
	}
	#wrapper.mind .plus .inner:before, 
	#wrapper.mind .plus .inner:after,
	#wrapper.mind .swiper-pagination-bullet:hover,
	#wrapper.mind .swiper-pagination-bullet-active { 
		background: #7ABEAD !important;
	}
	
	
	/* ------------------------ 
	FONTS STYLE
	------------------------ */ 
	body {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-family: 'montreal-book', sans-serif;
		font-weight: 400;
		font-size: 18px;
		line-height: 22px;
		color: #2b2936;
	}

	.bold-montreal { font-family: 'montreal-bold', sans-serif; }
	.book-montreal { font-family: 'montreal-book', sans-serif; }
	.italic-montreal { font-family: 'montreal-italic', sans-serif; }
	.medium-montreal { font-family: 'montreal-medium', sans-serif; }
	.semibolditalic-montreal { font-family: 'montreal-semibolditalic', sans-serif ; }
	.thin-montreal {font-family: 'montreal-thin', sans-serif; }
	
	i { 
		font-family: 'montreal-italic', sans-serif; 
		font-style: normal;
		color: #444;
	}
	
	h1.big { font-size: 7rem; }
	h1 { font-size: 5rem;  }
	h2 { font-size: 3rem; }
	h3 { font-size: 2rem; }
	h4 { font-size: 1.7rem;}

	.intro p { 
		font-size: 1.3rem; 
		line-height: 1.35em;
	}
	p, 
	li,
	li a,
	#memo a { font-size: 1.2rem; }
	p.small { font-size: 1.1rem; }
	
	.bu { background: #fff; }
	.bu .smaller { font-size: 0.9rem; padding: 15px 5px;  }
	.bu a { text-decoration: underline !important;}
	
	h1,h2,h3,h4 { line-height: 1.25em;}
	p, 
	li,
	li a { line-height: 1.5em;}
	
	
	/* ------------------------ 
	Link
	------------------------ */
	a:focus,
	*:focus { outline: none !important; } 
	.accordion-header h2,
	.trenner h1 {caret-color: transparent; }
	
	a,
	a:link,
	a:visited { 
		outline:none; 
		text-decoration: none;
		cursor: pointer;
	}
	
	/*blue*/
	.empfehlungen a p,
	.empfehlungen a:link p,
	.empfehlungen a:visited p {
		color: #007aff;
		text-decoration: underline;
	}
	
	/*black*/
	footer a,
	footer a:link,
	footer a:visited { 
		color: #090909;
		/*text-transform: uppercase; */
	}
	
	footer ul li.current_page_item a,
	footer ul li a:hover { text-decoration: underline; }
	
	
	/* ------------------------ 
	list style
	------------------------ */	
	.list, 
	li { 
		position: relative; 
		margin-left: 18px;
	 }
	.list:before,
	 li:before {
		content: '';
		position: absolute;
		left: -18px;
		width: 8px;
		height: 8px;
	}
	.list:before { top: 20px;}
	 li:before { top: 18px;}
	 
	nav li:before,
	#menu-footer-menu li:before { display: none; }
	
	.editor a,
	.textbox .copy a,
	.accordion-body li a,
	#teambox li a,
	.download a:hover { 
		text-decoration: underline !important; 
		font-family: 'montreal-semibolditalic', sans-serif ;
	}
	/*.editor a { 
		font-family: 'montreal-italic', sans-serif; 
	}*/
	 
	/* editor*/
	.editor p { padding-bottom: 1rem; }
	.editor h3 { padding: 1rem 0; }
	.editor li {padding: 6px 0;}
	
	.editor p strong {color: #222; }
	
	.single #wrapper.mind .editor a,
	.single #wrapper.mind #textbox .editor h4 span { 
		color: #7ABEAD !important; 
	}
	
	.home #description p a {
		color: #7ABEAD !important;
		text-decoration: underline;
		font-family: 'montreal-semibolditalic', sans-serif ;
	}
	
	.editor li:before,
	.textbox .copy li:before { background-color: #090909; }
	.textbox .copy li:before { top: 13px; }
	
	.single .publikationen .literatur li:before {top: 21px;}
	.single #teambox #listbox li:before {top: 11px;}