/*
Theme Name: Wecos_TSC 02
Theme URI: https://wordpress.org/themes/twentyseventeen/
Template: twentyseventeen
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Tags: one-column,two-columns,right-sidebar,flexible-header,accessibility-ready,custom-colors,custom-header,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,post-formats,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready
Version: 1.4.1516872701
Updated: 2018-01-25 10:31:41

*/
/* libre-franklin-regular - latin */
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/libre-franklin-v2-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Libre Franklin'), local('LibreFranklin-Regular'),
       url('fonts/libre-franklin-v2-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/libre-franklin-v2-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/libre-franklin-v2-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/libre-franklin-v2-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/libre-franklin-v2-latin-regular.svg#LibreFranklin') format('svg'); /* Legacy iOS */
}
.has-header-image.twentyseventeen-front-page .custom-header, .has-header-video.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header, .has-header-video.home.blog .custom-header {
    margin-bottom: 72px;
    margin-bottom: 51px;
    height: inherit;
}
.has-header-image .custom-header-media img {
    position: absolute;
    object-fit: cover;
}
.single-featured-image-header {

    margin-bottom: 10px;
}
.content-gallery, .galerien-overview {
    width: 100% !important;
}
.foogallery-pile:before, .foogallery-pile:after {
    width: 100%;
    left: 0;
    height: 100%;
    position: absolute;
    border: 8px solid #fff;
    content: "";
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: none !important;
    -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: none !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    -o-box-shadow: none !important;
    box-shadow: none !important;
}
.foogallery-album-gallery-list .foogallery-pile .foogallery-pile-inner {
    line-height: 0;
    overflow: hidden;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}
.custom-logo-link{
	float:left;
	}
.site-branding-text{    
	width: 68%;
    float: left;
    margin-top: -0.5em;
	}
	
.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {
    color: #ad1d00;
padding-bottom: 10px;
}
.site-footer {
    border-top: 1px solid #ad1d00;
	background-color: #f6f6f6;
	background-color: #ecf5ea;
	background: #f5fbf4;
}
/*Contetn*/
.entry-content{padding-bottom:10px;}

/*Gruener Rahmen */
.entry-content {
    padding-bottom: 10px;
    border: 1px solid #cfcfcf;
    padding: 38px;
    margin-bottom: 20px;
    padding-bottom: 5px;
    padding-bottom: 25px;
    background-color: #ecf5ea;
    background-color: #f5fbf4;
}
.twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child) {
    border-top: 1px solid #ddd;
    border-top: none;
}
/*Navigation top*/
.navigation-top  {
font-size: 0.975rem;

}
.navigation-top a {

    font-weight: 500;
	

}
.navigation-top .wrap {
    max-width: 1000px;
    padding: 0;
}
.main-navigation a {
    padding: 0.8em 1.25em;
    padding: 0.8em .65em;
}


.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {

    font-size: 21px;
    font-size: 1.175rem;
    font-weight: 600;
    font-weight: 500;
    letter-spacing: 0.14em;
    text-transform: uppercase;
	    margin-top: 10px;
}

.page-header {
    padding-bottom: 1em;
}
/* Single Post */
.single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary {

    max-width: 740px;
    max-width: 1000px;
}

.twentyseventeen-front-page .site-content {
   padding: 1.5em 0 0;
   padding: 2.35em 0 0;
}
.entry-footer a, .entry-footer .cat-links a, .entry-footer .tags-links a,  .site-footer .widget-area ul li a, .site-footer .widget-area ul li a {
    -webkit-box-shadow: inset 0 -1px 0 rgba(236, 245, 234, 1);
    box-shadow: inset 0 -1px 0 rgb(236, 245, 234);

}
 .site-footer .widget-area .social-links-menu a:hover{
 
     color: #fff;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 1);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 1);
	    background-color: #000;
	}
/*--------------------------------------------------------------
16.1 Galleries
--------------------------------------------------------------*/
/*Galerien*/
.gallery-columns-4 .gallery-item {
   /* max-width: 100%;*/
    width: 100%;
}
.gallery{padding-bottom: 22px;}
.content-gallery-kat {

    width: 100%;
    margin-left: -10px !important;

}
.post-thumbnail.thumb-gallery,
.gallery-item {

    float: left;
    margin: 0 10px 10px 0;
	    position: relative;
		margin: 0;
		border: 4px solid #fff;
		
		/*Falls gruener rahmen verwendet wird: */
		border: 4px solid #ecf5ea;
		border: 4px solid #f5fbf4;
    transition-timing-function: ease;
    transition-duration: 650ms;
    transition-property: background-color,transform;
}
.thumb-gallery-inner, 
.gallery-icon.portrait,
.gallery-icon.landscape {
    box-shadow: 0 0 0 1px #ddd;
    border: 4px solid;

    transition-property: visibility,opacity;
	transition-timing-function: ease;
    transition-duration: 650ms;

	    background-color: #fff;
    color: #333;
    border-color: #fff;
	    visibility: visible;
    opacity: 1;
    z-index: 5;
	display: inline-block;
    vertical-align: top;
    max-width: 100%;
	
	
	

    position: relative;

    overflow: hidden;

    margin: 0;

}
.attachment-gallery-image.size-gallery-image.wp-post-image {




	border: 1px solid #f3f3f3;

    background: #f6f6f6;
    z-index: 7;
    vertical-align: top;
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0;
    padding: 0;

}


.post-thumbnail.thumb-gallery a:hover img, .post-thumbnail.thumb-gallery a:focus img, 
.gallery-item a:hover img, .gallery-item a:focus img {

    opacity: 0.7;

	

}

.gal-caption-inner::before{
	background-image: url(./assets/images/zoom.png);
}
.gal-caption {
    display: block;
    left: 0;
    top: 0;
    bottom: 0;
    transition-property: visibility,opacity;
}
.gal-caption {

    cursor: pointer;
	

}
.gal-caption {
    visibility: hidden;
    opacity: 0;
    background-color: rgba(0,0,0,.6);
    color: #fff;
    position: absolute;
    z-index: 8;
    width: 100%;
    max-height: 100%;
    overflow: hidden;
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.3;
    border: none;
    text-align: center;
    cursor: pointer;
}

.gal-caption .gal-caption-inner::before {
    content: "";
    display: inline-block;
    position: relative;
    width: 32px;
    height: 32px;
    margin: 10px 0 5px 0;
   /* background: transparent no-repeat center center;*/
    background-size: 32px 32px;
    vertical-align: middle;

}
.gal-caption .gal-caption-inner {
    width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
	
	/*
	    position: relative;
    transform: translateY(-50%);
    top: 60%;
    line-height: 1.4;
    max-height: 80%;
    font-size: 14px;
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden;
    z-index: 1;*/
	
	
	
	
	

}
.gal-caption > a{width: 100%; height:100%;}
.thumb-gallery:hover .gal-caption {
    visibility: visible;
    opacity: 0.8;
}
.thumb-gallery:hover .gal-caption .gal-caption-inner {
	/*
background-color: #fff;

opacity: 0.8;

line-height: 1.5;
font-size: 1.2em;
*/




}
.thumb-gallery-inner:hover{
	/*
	-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
-o-transform: scale(1.03);
-ms-transform: scale(1.03);
transform: scale(1.03);
*/
}
.thumb-gallery:hover .gal-caption .gal-caption-inner .title {
	/*
background-color: #fff;

opacity: 0.8;
*/
line-height: 1.5;
font-size: 1.2em;

/*

-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-o-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
*/
}

.thumb-gallery:hover .gal-caption .gal-caption-inner .title a{
   /* visibility: visible;*/
	color: #fff;
	
 
}
.thumb-gallery a{
   /* z-index: 10;*/
}
.thumb-gallery a {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
}
.thumb-gallery a{
    display: block;
    position: relative;
    border: none;
    outline: 0;
    text-decoration: none;
   z-index: 4;
}
.gallery-item a, .gallery-item a:hover, .gallery-item a:focus, .widget-area .gallery-item a, .widget-area .gallery-item a:hover, .widget-area .gallery-item a:focus {

    margin-top: 1px;
    margin-bottom: -6px;
}
/* Newsletter */
.tnp-subscription input[type=text], .tnp-subscription input[type=email], .tnp-subscription input[type=submit], .tnp-subscription select {



    background-color: #fff !important;
    border-style: solid !important;

}
.tnp-subscription input.tnp-submit {
    background-color: #444 !important;
    color: #fff;
    width: auto;
    height: auto;
}
.tnp-subscription label {
    display: block;
    color: inherit;
    font-size: 14px;
    font-weight: 400 !important;
    line-height: unset !important;
    padding: 5px;
    margin: 0;
}
/*Link List*/
.linklist ul li{list-style: none;}
/*Load More Anything*/
.btn.loadMoreBtn {
    color: #333333;
    text-align: center;


 /*   background: #5BB12F;
    background: #7E688C;*/
    color: #fff;
    display: inline-block;
    font-size: 16px;
    margin-top: 8px;
    padding: 10px 20px;
    text-transform: uppercase;
    -webkit-transition: .8s;
    -o-transition: .8s;
    transition: .8s;
	
	
	text-decoration: none;
font-weight: bold;
font-size: 14px;
font-size: 0.875rem;
letter-spacing: 0.3px;
	border-bottom: 1px solid #7e688c;
width: 100%;
}
.btn.loadMoreBtn:hover {
  /*  background: #4b9426;
	    background: #5F4F69;
    color: #fff;*/
}
/*Startseite Kolumnen*/
.inside-grid-column {
    padding: 0 10px 0 0 !important;
    margin-bottom: 1.5em;
}
/*Events Manager*/
.em-event.em-item {
  padding: 10px;
  margin: 10px;
  margin: 5px 5px 12px 5px;
  border: 1px solid #c1c7b4;
}
.event-categories li{
	list-style: none;
}
/*Events Made*/
.events li{list-style: none;}
	/* Colums */
	
	
	.one_half	{
    padding-bottom: 10px;
}
/* Kontaktformular*/
.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item-label {
    font-weight: normal;
}
@media screen and (min-width: 48em) {

	
.twentyseventeen-front-page.has-header-image .site-branding, .twentyseventeen-front-page.has-header-video .site-branding, .home.blog.has-header-image .site-branding, .home.blog.has-header-video .site-branding {
    margin-bottom: 0 !important;
}
.twentyseventeen-front-page.has-header-image .custom-header-media:before, .twentyseventeen-front-page.has-header-video .custom-header-media:before, .home.blog.has-header-image .custom-header-media:before, .home.blog.has-header-video .custom-header-media:before {
    height: 100%;
}
.galerien-overview .wpupg-grid a:first-child {
    margin-right: 3px;
}
.has-header-image .custom-header-media, .has-header-video .custom-header-media {
    bottom: 0;
    left: 0;
    height: auto;
    position: absolute;
    right: 0;
    top: 0;
}
.custom-header .custom-header-media-wecos {
    bottom: 0;
    left: 0;
    height: auto;
    position: absolute;
    right: 0;
    top: 0;
}
.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media, 
.admin-bar.twentyseventeen-front-page.has-header-video .custom-header-media, 
.admin-bar.home.blog.has-header-image .custom-header-media, 
.admin-bar.home.blog.has-header-video .custom-header-media,
		.twentyseventeen-front-page.has-header-image .custom-header-media, .twentyseventeen-front-page.has-header-video .custom-header-media, .home.blog.has-header-image .custom-header-media, .home.blog.has-header-video .custom-header-media {
    height: 237px;
    height: 165px;
    height: 120px;
    max-height: 500px;
}
	.twentyseventeen-front-page.has-header-image .custom-header-media,
	.twentyseventeen-front-page.has-header-video .custom-header-media,
	.home.blog.has-header-image .custom-header-media,
	.home.blog.has-header-video .custom-header-media {
		height: 1200px;
		height: 165px;
		height: 120px;
		/*height: 202px;
		height: 120px;*/
		max-height: 500px;
		overflow: hidden;
	}
	.custom-header{
		height: 202px;
		height: 120px;
		height: 164px;
		margin-bottom: 0 !important;
		background-color: #f3f3f3;
		}
	.custom-header-media {
    height: 202px;
    height: 120px;
    position: relative;
}

/*Top-Menu*/

.main-navigation li li:hover, .main-navigation li li.focus {
    background: #ad1d00;
    background: #008303;
}
.navigation-top {

    z-index: 6;
}

/*Pull-Down-Pfeile positionieren*/
.main-navigation ul li.menu-item-has-children:before, .main-navigation ul li.menu-item-has-children:after, .main-navigation ul li.page_item_has_children:before, .main-navigation ul li.page_item_has_children:after {

    right: 0.5em;

}
.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
    left: 1.5em;
}
}
@media screen and (min-width: 67em) {
.navigation-top .wrap {
    padding-top: 0;
    padding-bottom: 0;
}

.navigation-top nav {
    margin-left: -18px;
}
}

@media screen and (min-width: 30em)
{
.site-branding {
    padding: 3em 0;
    padding: inherit;
	    padding: 1em 0;
		background: #cbe1cb;
		background: #ecf5ea;
	background: #f5fbf4;
  /*  background: -moz-linear-gradient(top, #cbe1cb 0%, #ecf5ea 88%, #ecf5ea 100%);
    background: -webkit-linear-gradient(top, #cbe1cb 0%,#ecf5ea 88%,#ecf5ea 100%);
    background: linear-gradient(to bottom, #cbe1cb 0%,#ecf5ea 88%,#ecf5ea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbe1cb', endColorstr='#ecf5ea',GradientType=0 );*/
	
}
h2, .home.blog .entry-title, .page .panel-content .recent-posts .entry-title {
    font-size: 26px;
    font-size: 1.625rem;
	font-size: 21px;
    font-size: 1.175rem;
}
.page-one-column .panel-content .wrap {
    max-width: 1000px;    padding: 0 3.4166666666667em;
}

.page-one-column .panel-content .wrap {
    max-width: 1000px;
    padding: 0 3.016667em;
}
.gallery-columns-4 .gallery-item {
    max-width: 50%;
}
img.alignleft {

    margin-bottom: 0.1em;
}
}
@media screen and (min-width: 48em) {
	.panel-content .wrap {
    padding-bottom: 1.5em;
    padding-top: 2em;
}
.page.page-one-column .entry-header, .twentyseventeen-front-page.page-one-column .entry-header, .archive.page-one-column:not(.has-sidebar) .page-header {
    margin-bottom: 0;
}
	.navigation-top .wrap {
		max-width: 1000px;
		/* The font size is 14px here and we need 50px padding in ems */
		padding: 0 3.4166666666667em;
	}
	.navigation-top {

    top: 109px;
	    border-top: 3px solid #008303;
    border-bottom: 3px solid #ad1d00;
}
	/*posts*/
	.site-content {
    padding: 1.5em 0 0;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}
}