/*
Theme Name:   TraMis Theme
Theme URI: 
Description:  Theme for TraMiS
Author:       Bas&Aer
Author URI:   http://www.basundaer.de
Template:     kathy
Version:      1.0
Text Domain:  kathy-child
Tags:           
*/

.author-box{
 /*   display: flex; 
    flex-wrap: wrap;*/
    margin-bottom: 15px;
    height:150px;
}

.author-bios img{
margin-right: 15px;
    float:left;
}




@media only screen and (max-width: 767px) {
	.theme-widget-area .widget-column {
		float: left!important;
		width: 40%!important;
		margin-right: 10%!important;
	}
}

.elementor-element-b17e161 a:hover{color:#fff!important} 




/*SCHULEN/PORTFOLIO
==================================================*/

.portfolio-title {
    background: #fff!important;
	color: #050505!important;
	font-weight:700!important;
	font-size:1em!important;
	}

.portfolio-title:hover{
  	color: #120DDC!important;
	}

.portfolio-container{
	padding-top: 6.33% !important;
	}

.portfolio-loading-wrapper {
	background: #fff!important;
	height: 75vh!important;
	}

/*.portfolio-list-section .post-title {
	display:none;
	}*/

.portfolio-item, .portfolio-thumbnail{
	width:294px!important;
	height:200px!important;
	}

.portfolio-thumbnail img{
	object-fit: cover!important;
	}

#item-1017{ 		/*Abstand bei Schulen*/
	top:20px!important;
	position:relative;
	}

.post-intro{
	font-family: 'IBM Plex Serif', Georgia, serif!important;
	line-height: 1.6;
	margin-right:34.5%!important;
	margin-bottom:100px;
	padding: 0 0 0 10.24%;
	}
	@media only screen and (max-width: 1400px) {
		.post-intro{
		margin-right:0%!important;
		padding: 0 10.24% 0 10.24%;
		}
	}


.portfolio-list-section .post-title{
	margin-right:33%!important;
	padding: 0 10.24%;
	}

.justified-images .portfolio-thumbnail img {
	width: inherit!important;
	height: inherit!important;
	}

.justified-images .portfolio-item {
    margin-left: 10px!important; /*war 12.5*/
    margin-right: 10px!important; /*war 12.5*/
	margin-bottom: 20px!important; /*war 25*/
	}



@media only screen and (max-width: 1400px) {
	.portfolio-item, .portfolio-thumbnail{
		width:375px!important;
		height:250px!important;
		}
	}


@media only screen and (max-width: 1150px) {
	.portfolio-item, .portfolio-thumbnail{
		width:344px!important;
		height:250px!important;
		}
	
	.page-template-template-all-works #main-container{
		width:100%!important;
		max-width:none!important;
		}
	}


@media only screen and (max-width: 767px) {
	.portfolio-item, .portfolio-thumbnail{
		width:294px!important;
		height:250px!important;
		}
	}


@media only screen and (max-width: 600px) {
	#main-container #content-container{
		padding-left: 6%;
	    padding-right: 6%;
		}

	.portfolio-title-wrapper {
		left: 15px!important;
		text-align: left!important;
		}
	
	.portfolio-item, .portfolio-thumbnail{
		width:100%!important;
		height:200px!important;
		}

	.portfolio-container, .portfolio-item .no-border{
		width:100%!important;
		}
	
	.justified-images .portfolio-item {
		margin-left:0!important; /*war 2.1%*/
		margin-right:0!important; /*war 2.1%*/
		}
			
	.blog-single .post-image, .portfolio-content-wrapper .post-image {
	    margin: 0 4.8%!important; /*war 0 10.24%;*/
		}
	
	.post-intro{
		margin-right:0%!important;
		padding: 0;
		}
	
	.portfolio-list-section .post-title{
		padding: 0;
		}
	
	}

@media only screen and (max-width: 400px) {
	.portfolio-item, .portfolio-thumbnail{
		width:100%!important;
		height:200px!important;
		}
	}




/*News*/
.elementor-widget-wp-widget-recent-posts{}




/*BLOG
==================================================*/

.blog-list, .blog-single{
    padding-top: 6.33% !important;
	}

.blog-list .post-item{
	margin-bottom:3.5%!important /*war 9.6%*/
	}

@media only screen and (max-width: 600px) {
	.blog-list .post-item {
    	margin-bottom: 9.6% !important;
	}
}


.blog-list .top-section .post-title{
	color: #000!important;
}

.archive-list .top-section .post-title {
    text-align: left!important;
}

.blog-list .post-image{
	height: 220px;
	margin: 0 10.24%;
	margin-bottom:0.9em!important;
	}

.blog-list .post-title{
	margin-bottom:0.4em!important;
	}

.blog-list .post-image img{
	object-fit: cover;
	width:100%;
	height:220px;
	}

.blog-list .post-content-container{
	padding-top:0%!important;/* hatte ich zunächst auf 2.2% gesetzt*/
	padding-bottom:3%!important;
	}

.next-prev-post-navigation{
	padding: 4.8% 0!important;
	background:#fff!important;
	}

.inner-post-meta-wrapper{
	 float: none!important;
	}

.numbers-pagination .page-numbers{
	font-family: "IBM Plex Mono", monospace!important;
	font-weight:700!important;
	}

.excerpt a{
	font-family: "IBM Plex Mono", monospace!important;
	}

.elementor-widget-wp-widget-recent-posts .post-date{ /* Auf Startseite*/
	margin-left:16px;
}




/*Metainfo*/

.post-meta-wrapper{
	background-color:#fff!important;
	padding:0!important;
	}

.post-meta-wrapper a{
	font-family: "IBM Plex Mono", monospace!important;
	font-weight: 300;
	font-size: 14px;
	text-transform:none!important;
	text-align:left!important;
	}

.post-meta li::after {
	content: url("/wp-content/uploads/2018/07/TraMiS_Bulletpoint.png")!important;
	vertical-align: baseline!important;
	margin-left:0!important;
	}



/*Einzelbeitrag Blog & Portfolio
==================================================*/

.blog-single .post-image img, .portfolio-content-wrapper .post-image img{
	object-fit: cover;
	width:100%;
	height:340px;
	max-height:400px;
	}

.blog-single .post-image, .portfolio-content-wrapper .post-image{
	margin: 0 10.24%;
	}

.blog-single .post-content-container, .portfolio-content-wrapper{
	padding-top:4%!important;/* war padding: 8.43% 10.24%*/
	}

.author-info{
	background:#fff!important;
	padding-left:0!important;
	padding-right:0!important;
	}

.author-info h5{
	margin-bottom:0.2em!important;
	text-transform:none!important;
	}

.author-avatar{
	float:left;
	margin-right:15px;
	}





/*BLAUE LINIE
==================================================*/

.blue-line-down{
  position: absolute!important;
  bottom: 0!important;
  }

.blue-line-top{
	overflow: hidden;
	top:0!important;
	position:absolute!important;
}

.blue-line img{
	width: calc(1200px - 191.6px)!important;
	max-width: 1200px!important;
	position: relative;
	left:-28.24%;
	}

.blue-line-nav{
	width: calc(50vw - 600px + 191.6px);
	/*max-width: 170px;*/
	float:right;
}

	/*English*/
	.elementor-element-cb34fd5{
		right:0
		}
	.elementor-element-123488f {
		margin-bottom:-50px!important;
		}

	/*Ausschreibung*/
	.elementor-element-d81dcd1 {
		margin-bottom:-155px!important;	
		margin-left:-40px!important;
		margin-top:60px!important;
		z-index: -1;
		}

		@media only screen and (max-width: 1400px) {
			.elementor-element-d81dcd1 {
    			margin-left:0px!important;
				}
		}

		@media only screen and (max-width: 1150px) {
			.elementor-element-d81dcd1 {
    			margin-left:-50px!important;
				}
		}

	/*Projekt*/
	.elementor-element-8f315b2{
		/*margin-top:-136.2833px!important;*/
		margin-top:-150px!important;	
		z-index: -1;
		}

	.elementor-element-8169dbd {}

	.elementor-element-4b1c0a0 {
		margin-bottom:-150px!important;
		z-index: -1;
		}

	/*Schulen*/
	.schulen-linie{
		float:left;
		margin-top:-460px!important;
		left:700px;
		position:relative;
		z-index: -1;
		}

	@media only screen and (max-width: 1400px) {
		.schulen-linie{
			display: none;
			}
		}

	.elementor-element-c42795a{
		margin-bottom:-130px!important;
		z-index: -1;
		}

	/*Publikationen*/
	.elementor-element-0d8f980{
		margin-top:-48px!important;
		z-index: -1;
		}

	.elementor-element-c42795a{
		margin-bottom:-130px!important;
		z-index: -1;
		}

	/*Team*/
	.elementor-element-1923b40{
		margin-top:-25px!important;
		margin-bottom:-45px!important;
		z-index: -1;
		}

	.elementor-element-686e17c{
		margin-bottom:-130px!important;
		z-index: -1;
		}

	/*Partner*/
	.elementor-element-260e950{
		/*margin-top:-136.2833px!important;*/
		margin-top:-155px!important;
		z-index: -1;
		}

	.elementor-element-697c902 {
		margin-bottom:-30px!important;
		z-index: -1;
		}

	/*Kontakt*/
	.elementor-element-1b641e1 {
		margin-top:-10px!important;	
		z-index: -1;
		}

	/*XX*/
	.elementor-element-0403182{
		z-index:0!important;	
		margin-bottom:00px;
		overflow: visible!important;
		margin-top:-00px;
		display:none;
		}

	/*Startseite2020*/
	.elementor-element-a9119d9{
		margin-top:-10px!important;
		margin-bottom:-10px!important;
		margin-left:-50px!important;
		z-index: -1;
		}
	
	/*Zusammenarbeit*/
	.elementor-element-eb623be{
		margin-top:-50px!important;
		margin-right:-50px!important;
		z-index: -1;
		}
	.elementor-element-b2daebf{
		margin-top:-35px!important;
		margin-bottom:-50px!important;
		margin-left:-95px!important;
		z-index: -1;
		}
	.elementor-element-33d9e72{
		margin-top:-320px!important;
		margin-bottom:-0px!important;
		margin-left:0px!important;
		margin-right:-0px;
		z-index: -1;
		}
	.elementor-element-6b9c36a{
		margin-top:-100px!important;
		margin-bottom:-4px!important;
		margin-left:-50px!important;
		margin-right:-0px;
		z-index: -1;
		}

	/*Methoden*/
	.elementor-element-53b1c76{
		margin-top:-0px!important;
		margin-left:-0px!important;
		z-index: -1;
		}
	.elementor-element-e34b8bf{
		margin-top:-10px!important;
		margin-left:-70px!important;
		z-index: -1;
		}
		
	/*Impulse*/
	.elementor-element-5374196{
		margin-top:-225px!important;
		margin-bottom:-145px!important;
		z-index: -1;
		}


/* Styleanpassungen 
==================================================*/

.post-content-container{
	background:transparent!important;
	}

#content-container{
	min-height:66vh!important;
	margin-bottom:8.2%!important;/*war 10.24%*/
	}

#side-container{
	overflow-y:auto;
    top: 0;
    bottom: 0;
	scrollbar-width: none;
}

#side-container::-webkit-scrollbar { 
                display: none; 
            } 

.site-menu {
	margin-bottom: 0%!important;
	padding: 10% 0 0 0;
	}

@media only screen and (max-width: 1600px) {
.site-menu{
	padding-top: 0%!important;
	}
}

.site-menu, .logo-tagline-wrapper{
	border-bottom: none!important;
	padding-bottom:10%!important;
	}

#menu-item-234, #menu-item-946{
	margin-top:30px;
	}

#menu-item-574{ /*ENGLISH Button*/
	font-weight:300!important;
	margin-bottom: 30px;
	}

#menu-item-234 a, #menu-item-235 a, #menu-item-259 a{
	font-weight:300;
	}

#menu-item-234 a:hover, #menu-item-235 a:hover, #menu-item-259 a:hover{
	color:#120DDC!important;
	}
	
.inner-theme-widget-area{
	border-left: none!important;
	border-right: none!important;
	border-bottom: none!important;
	border-top: 1px solid #b5b5b5;
	padding: 3% 6.58% 3%!important; /* war 6% 9.58% 3%*/
	}

.widget_media_image, .widget_text{
	padding-bottom:6%!important;
	}

#media_image-4, #media_image-3{
	margin-top: 24px;
	}

#media_image-5{
	margin-top: 24px;
	}

.widget-title{
	display: none;
	}

/*#recaptcha {
    margin-bottom: 1.6em;
	}*/

#side-container{
	padding-top: 5%!important; /*war 8.43%*/
	top: 0!important;
	}

.post-content-container{
	padding-top: 6.33%!important; /*war 8.43%*/
	}

.logo-image{
		max-height: 200px;
	}

#menu-footer-menu a:hover{
	color: #120DDC;
	}

footer{
	margin-left:0!important;
	}	

/*.widget-column:first-child{
	margin-right:0!important;
	}*/




/* TYPOGRAFIE 
==================================================*/



h5{
	margin-bottom: 0.1em!important;
	}

h6{
	color:#050505!important;
	}

p{
	text-align: justify;
	-moz-hyphens: auto;
   	-o-hyphens: auto;
   	-webkit-hyphens: auto;
   	-ms-hyphens: auto;
	hyphens: auto; 
	}

@supports (hyphens: auto) {
	#content-container li{
	text-align: justify;
	-moz-hyphens: auto;
   	-o-hyphens: auto;
   	-webkit-hyphens: auto;
   	-ms-hyphens: auto;
	hyphens: auto; 
	}
}

#content-container li{
	margin-bottom: 0.0em;
	}

#content-container a{
	font-family: "IBM Plex Mono", monospace!important;
	font-size:1em!important;
	letter-spacing: 0.5px;
	}

#content-container a:hover{
	color: #120DDC;;
	}

#menu-hauptmenu{
	font-family:  'IBM Plex Mono', monospace;
	}

.post-content ul{
	list-style-image: url("/wp-content/uploads/2018/07/TraMiS_Bulletpoint.png")!important;
	/*list-style: disc!important;*/ /*'– '*/
	list-style-position: outside;
	}

.post-content ul ul{
	list-style:  square!important;
	list-style-position: outside;
	}

/*.search-field{
	font-size: 0.5em!important;
	}*/

.wp-caption-text{
    text-align:left!important;
	font-style:italic;
	/*text-align: justify!important;
	hyphens: auto;
	color: #7F7F7F;*/
	}



/* PLUGINS 
==================================================*/
.elementor-column-wrap{
	padding:0!important;
	}

.elementor-button-wrapper {
    margin-bottom: 0.8em;
	}

.elementor-element-8cb6f78 a:hover{
	color:#fff!important;
	}

/*.elementor-col-50{
	margin: 0% 6% 0% 0%!important;
	}*/

.cc-window{
	font-family:  'IBM Plex Mono', monospace!important;
	font-size: 0.9em!important;
	}

.cc-message a:hover{
	color:#120DDC!important;
	}

.full-width-label{
	min-width:100%!important;
	}

.wpcf7-text{
	min-width:100%!important;
	}

.wpcf7 label{
	padding-bottom: 6px;
	}

.wpcf7-submit{
	border-style: solid!important;
	border-width: 2px 2px 2px 2px!important;
	border-color: #120ddc!important;
	border-radius: 0px 0px 0px 0px;
	padding: 12px 24px!important;
	font-family: "IBM Plex Mono", monospace!important;
	font-weight: 300;
	font-size: 15px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	}

.wpcf7-submit:hover{
	border-style: solid;
	border-width: 2px 2px 2px 2px;
	border-color: #120ddc;
	border-radius: 0px 0px 0px 0px;
	background-color: #fff;
	color: #120DDC;
	opacity: .9;
	}


/*Lightbox*/

.fancybox-next span, .fancybox-prev span {
	background:#fff!important;
	color: #120DDC!important;
}

#fancybox-buttons ul{
	background:#fff!important;
}

#fancybox-buttons a {
	color: #120DDC!important;
}

#fancybox-buttons a.btnClose, #fancybox-buttons a.btnNext{
    border-left: none!important;
	border-right:none!important;
}

#fancybox-buttons a.btnToggle{
	border-color:#120DDC!important;
}

.slick-list img{
	object-fit:cover!important;
}




/* Seitentausch der Navigation 
==================================================*/

#side-container{
	margin-left: 0!important;
	/*margin-right: 11.5%!important;*/
	}

#main-container{
	margin: 0!important;
	float: right!important;
	width: 77%!important;
	}

footer{
	max-width: none!important;
	font-family:  'IBM Plex Mono', monospace!important;
	}

.site-menu, .copyright-social-wrapper{
	padding-left:12px!important; /*Gleicht den T-Strich des Logos aus*/
	}

.logo-tagline-wrapper {
	margin-top:15px!important; /*Gleicht den oberen Rand des Logos aus*/
	}




/* RESPONSIVE
================================================== */
@media only screen and (max-width: 1150px) {
	
	#main-container{
		max-width: 1000px!important; /*war 830px*/
		width: 100%!important; /*war 90%*/
		float: left!important;
		}

	.logo-image{
		max-height: 120px;
		}
	
	.site-menu, .logo-tagline-wrapper {
    	padding-bottom: 0% !important;
		}
	
	#side-container{
		padding-top: 2.43%!important; /*war  8.43%*/
		background:#fff!important
		}
		
	#menu-item-234, #menu-item-528{
		margin-top:0;
		}

	#menu-item-234 a:hover, #menu-item-235 a:hover, #menu-item-259 a:hover, #menu-item-528 a:hover{
		color:inherit;
		}

	#media_image-4, #media_image-3{
		margin-top: 0px;
		}
}

@media only screen and (max-width: 1000px) {
	#main-container {
		width: 100%!important;
		}
}

@media only screen and (max-width: 767px) {
	.elementor-spacer-inner{
		display: none;
		}
	
	.theme-widget-area .widget-column {
		float: left!important;
		width: 40%!important;
		margin-right: 10%!important;
		}
}