/*** Layouts für Text & Images / intext left and right BEGIN ***/
@media (min-width: 480px) {
  .textpic-intext-left .textpic-intext-left-header,
  .textpic-intext-right .textpic-intext-right-header {
    margin-bottom: 12px;
  }
  
  .textpic-intext-right .textpic-intext-right-media,
  .textpic-intext-left .textpic-intext-left-media {
    display: block;
    min-width: 100px;
    max-width: 40%;
    width: inherit;
	z-index: 1;
  }

  .textpic-intext-left .textpic-intext-left-media {
    float: left;
  }
  
  .textpic-intext-right .textpic-intext-right-media {
    float: right;
  }

  .textpic-intext-left .textpic-intext-left-body,
  .textpic-intext-right .textpic-intext-right-body {
    display: block;
    float:none;
    width: 100%;
  }
}

@media (min-width: 992px) {
  .textpic-intext-left .textpic-intext-left-media {
    max-width: 600px;
    width: 15vw;
  }
}
/*** intext left and right END ***/
/*** Layout für WebTools-Cookieconsent ***/

.wt_cookieconsent {
    width: 80%;
    background-color: white;
    border: 1px solid black;
    display: none;
    position: fixed;
    padding: 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    bottom: 0px;
	z-index: 9999999999;
}

.wt_cookieconsent h3 {
    font-size: 30px;
}

.wt_cookieconsent .wt_cc_form {
    display: flex;
}

.wt_cookieconsent .wt_cc_form div {
    flex-grow: 1;
}

.wt_cookieconsent .wt_cc_buttons {
    display: flex;
    margin-top: 10px;
}

.wt_cookieconsent .wt_cc_buttons div {
    flex-grow: 1;
}

.wt_cookieconsent .wt_cc_buttons div:last-child {
    text-align: right;
}

.wt_cookieconsent #wt_cc_detail {
    display: none;
    border-top: 1px solid #a0a0a0;
    margin-top: 20px;
    padding: 10px;
    background-color: #f0f0f0;
}

@media (max-width: 700px) {
    .wt_cookieconsent {
        width: 100%;
        border: 1px solid black;
        display: none;
        position: fixed;
        padding: 20px;
    }

    .wt_cookieconsent #wt_cc_detail {
        max-height: 40%;
        overflow: auto;
    }
}

/*** Cooieconsent END ***/
.teaser img {
    width:100%;
    height:auto;
}

.wt_employees_notice {
    border:1px solid #ccc;
    padding:20px;
}

.tx-wt-craftsmen .row {
    margin:0;
}

.tx-wt-craftsmen h3.wt_noborder  {
	border-bottom:0px;
}


@media (max-width: 992px) {
    .tx-wt-craftsmen .btn-danger {
        margin-left:15px;

    }
}
@media (min-width: 992px) {
    .tx-wt-craftsmen .col-sm-12 {
        padding-left: 0px;
    }

    .tx-wt-craftsmen .col-sm-6  {
        padding-left:0px;
    }

}
/**
 * Infokom, Webtools 3.0
 * Georg Engist, gen@infokom.info, October 2013
 */

/* see also: fileadmin/webtools3-design/fluid/Private/Less/Theme/includes/plugin.eyecatchermenu.less */

/* === begin: general ================================== */

/**
 * see also: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 * basic idea, source: http://www.sitepoint.com/easy-responsive-css-grid-layouts/
 *
 */

/* grid */
.ecm-container {
	/* negative margin -15px corresponds to padding: 15px */
	margin: 0 -15px 10px -15px;
	padding: 0;
	font-size: 0;

	display: -webkit-box;
	display: -webkit-flex; /* Safari */
	display: -moz-box;
	display: -moz-flex;
	display: -ms-flexbox; /* Internet Explorer 10 */
	display: -ms-flex; /* Internet Explorer 11 */
	display: flex;

	/* short hand: flex-flow: row wrap; */

	/* row | row-reverse | column | column-reverse */
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;

	/* nowrap | wrap | wrap-reverse | initial | inherit */
	-webkit-flex-wrap: wrap; /* Safari 6.1+ */
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;

	/* flex-start | flex-end | center | baseline | stretch */
	-webkit-align-items: stretch;
	-moz-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

/* prevent default behaviour of hashed anchor tag */
/* has a href attribute value that ends with "#"  */
.tx_wteyecatchermenu a[href$="#"] {
	cursor: default;
}

.ecm-container:last-child {
	margin-bottom: 0;
}

.ecm-container > [class^="ecm-item-"]  {
	padding: 15px;
	min-width: 140px;
	width: 100%;

	/* number | initial | inherit */
	-webkit-flex-grow: 0;
	-moz-flex-grow: 0;
	-ms-flex-grow: 0;
	-ms-flex-positive: 0;
	-ms-flex: 0 1 auto; /* necessary for Internet Explorer 10, not W3C*/
	flex-grow: 0;
}

.ecm-container > [class^="ecm-item-"].drop-shadow  {
	margin-bottom: 0;
}

@media handheld, only screen and (min-width: 750px) {
	/* set column widths */
	.ecm-container > .ecm-item-1-12 {
	width: 8.333%;
	}
	.ecm-container > .ecm-item-2-12 {
	width: 16.667%;
	}
	.ecm-container > .ecm-item-3-12 {
	width: 25%;
	}
	.ecm-container > .ecm-item-4-12 {
	width: 33.333%;
	}
	.ecm-container > .ecm-item-5-12 {
	width: 41.667%;
	}
	.ecm-container > .ecm-item-6-12 {
	width: 50%;
	}
	.ecm-container > .ecm-item-7-12 {
	width: 58.333%;
	}
	.ecm-container > .ecm-item-8-12 {
	width: 66.667%;
	}
	.ecm-container > .ecm-item-9-12 {
	width: 75%;
	}
	.ecm-container > .ecm-item-10-12 {
	width: 83.333%;
	}
	.ecm-container > .ecm-item-11-12 {
	width: 91.667%;
	}
	.ecm-container > .ecm-item-12-12 {
	width: 100%;
	}
}

.ecm-container .ecm-vertical-align {
	display: table-cell !important;
	vertical-align: middle;
	background-color: white;
}

.ecm-container .ecm-inner-wrap {
	padding: 0;
	margin: 0;

	display: -webkit-box;
	display: -webkit-flex; /* Safari */
	display: -moz-box;
	display: -moz-flex;
	display: -ms-flexbox; /* Internet Explorer 10 */
	display: -ms-flex; /* Internet Explorer 11 */
	display: flex;

	/* flex-start | flex-end | center | space-between | space-around  */
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;

	/* flex-start | flex-end | center | baseline | stretch */
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.ecm-container > [class^="ecm-item-"] img {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
}

/* === end: general ==================================== */

/* === begin: eyeCatcherMenus, responsive design ======= */
@media handheld, only screen and (max-width: 749px) {
	.ecm-text-only-menu {
	display: block;
	}
	.ecm-graphically-presented {
	display: none;
	}
}
@media handheld, only screen and (min-width: 750px) {
	.ecm-text-only-menu {
	display: none;
	}
	.ecm-graphically-presented {
	display: block;
	}
}
/* === end: eyeCatcherMenus, responsive design ========= */

/* === begin: layout 00 ================================ */
.main-section .tx_wteyecatchermenu.ecm-layout00 .ecm-box-teaser-text,
.main-section .tx_wteyecatchermenu.ecm-layout02 .ecm-element-inner,
.main-section .tx_wteyecatchermenu.ecm-layout02 .ecm-box-teaser-text {
	position: relative;
	width: auto;
	margin: 0;
	float: none;
}

.tx_wteyecatchermenu.ecm-layout00 .drop-shadow,
.tx_wteyecatchermenu.ecm-layout02 .drop-shadow {
	margin-bottom: 3px !important;
}

.tx_wteyecatchermenu.ecm-layout00 .ecm-element,
.tx_wteyecatchermenu.ecm-layout02 .ecm-element {
	display: table-cell;
	float: left;
	margin-bottom: 1.52em;
	text-align: center;
	text-transform: none;
}

/*
.tx_wteyecatchermenu.ecm-layout00 .ecm-box-teaser-text ,
.tx_wteyecatchermenu.ecm-layout02 .ecm-box-teaser-text {
}
*/

.tx_wteyecatchermenu.ecm-layout00 h2,
.tx_wteyecatchermenu.ecm-layout02 h2 {
	margin: 0;
	padding: 0;
	height: 28px;
	line-height: 28px;
	text-align: center;
}

.tx_wteyecatchermenu.ecm-layout00 .ecm-element a,
.tx_wteyecatchermenu.ecm-layout00 .ecm-element a:hover,
.tx_wteyecatchermenu.ecm-layout00 .ecm-element a:focus,
.tx_wteyecatchermenu.ecm-layout02 .ecm-element a,
.tx_wteyecatchermenu.ecm-layout02 .ecm-element a:hover,
.tx_wteyecatchermenu.ecm-layout02 .ecm-element a:focus {
	display: block;
	position: relative;
	outline: 0 none;
	border-width: 0 !important;
	text-decoration: none !important;
}

.tx_wteyecatchermenu.ecm-layout00 .ecm-element a.ecm-title-link,
.tx_wteyecatchermenu.ecm-layout00 .ecm-element a.ecm-title-link:hover,
.tx_wteyecatchermenu.ecm-layout00 .ecm-element a.ecm-title-link:focus {
	height: 100% !important;
	line-height: normal !important;
}

.tx_wteyecatchermenu.ecm-layout00 .ecm-element a.ecm-image-link,
.tx_wteyecatchermenu.ecm-layout00 .ecm-element a.ecm-image-link:hover,
.tx_wteyecatchermenu.ecm-layout00 .ecm-element a.ecm-image-link:focus {
	padding: 0;
	margin: 0;
}

.main-section .tx_wteyecatchermenu.ecm-layout00 .ecm-element .ecm-box-teaser-text h2 > a.ecm-title-link,
.main-section .tx_wteyecatchermenu.ecm-layout00 .ecm-element .ecm-box-teaser-text h2 > a.ecm-title-link:hover,
.main-section .tx_wteyecatchermenu.ecm-layout00 .ecm-element .ecm-box-teaser-text h2 > a.ecm-title-link:focus {
	color: white;
	font-size: 15px;
	line-height: 28px !important;;
	height: 28px !important;;
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
}

.tx_wteyecatchermenu.ecm-layout00 .ecm-element a,
.tx_wteyecatchermenu.ecm-layout02 .ecm-element a {
	/* disable inherited transitions: */
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: all 0 none;
	transition: none;
}

.tx_wteyecatchermenu.ecm-layout00 .ecm-tooltip,
.tx_wteyecatchermenu.ecm-layout02 .ecm-tooltip {
/*
	display: table;
*/
	display: none;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 70px;

	/* disable inherited transitions: */
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: all 0 none;
	transition: none;

/*
	opacity: 0.0;
	-webkit-transition: opacity 0.9s ease-out;
	-moz-transition: opacity 0.9s ease-out;
	-o-transition: opacity 0.9s ease-out;
	transition: opacity 0.9s ease-out;
*/
}

.tx_wteyecatchermenu.ecm-layout00 .ecm-tooltip .ecm-tooltip-inner ,
.tx_wteyecatchermenu.ecm-layout02 .ecm-tooltip .ecm-tooltip-inner {
	display: table-cell;
	padding: 4px;
	text-align: center;
	vertical-align: middle;
	text-shadow:
	 0   -1px rgba(0, 0, 0, 0.5),
	 1px  0 rgba(0, 0, 0, 0.5),
	 0	1px rgba(0, 0, 0, 0.5),
	-1px  0 rgba(0, 0, 0, 0.5);
	color: white;
	font-size: 14px;
	/* Firefox bug: "font-weight: bold" doesn't work with "Arial Black", "Arial Condensed" and "Helvetica" */
	font-weight: 700;
}

/*
.tx_wteyecatchermenu.ecm-layout00 .ecm-tooltip:hover,
.tx_wteyecatchermenu.ecm-layout02 .ecm-tooltip:hover {
	opacity: 1.0;
	border-width: 0 !important;
	text-decoration: none !important;
}
*/

.tx_wteyecatchermenu.ecm-layout00 .ecm-title {
	font-size: 15px;
	text-align: center;
	color: #555;
}

/* === layout 01 ======================================= */
.tx_wteyecatchermenu.ecm-layout01 .teaser-label,
.tx_wteyecatchermenu.ecm-layout01 .teaser-label:hover,
.tx_wteyecatchermenu.ecm-layout01 .teaser-label:focus ,
.tx_wteyecatchermenu.ecm-layout01 .teaser-label h3,
.tx_wteyecatchermenu.ecm-layout01 .teaser-label h3:hover,
.tx_wteyecatchermenu.ecm-layout01 .teaser-label h3:focus ,
.tx_wteyecatchermenu.ecm-layout01 .teaser-label p,
.tx_wteyecatchermenu.ecm-layout01 .teaser-label p:hover,
.tx_wteyecatchermenu.ecm-layout01 .teaser-label p:focus  {
	outline: 0 none;
	border-width: 0;
	text-decoration: none;
}
/* === end: layout 00 ================================== */

/* === begin: layout 01 ================================ */
.tx_wteyecatchermenu.ecm-layout01 .teaser-label,
.tx_wteyecatchermenu.ecm-layout01 .teaser-label:hover,
.tx_wteyecatchermenu.ecm-layout01 .teaser-label:focus ,
.tx_wteyecatchermenu.ecm-layout01 .teaser-label h3,
.tx_wteyecatchermenu.ecm-layout01 .teaser-label h3:hover,
.tx_wteyecatchermenu.ecm-layout01 .teaser-label h3:focus ,
.tx_wteyecatchermenu.ecm-layout01 .teaser-label p,
.tx_wteyecatchermenu.ecm-layout01 .teaser-label p:hover,
.tx_wteyecatchermenu.ecm-layout01 .teaser-label p:focus  {
	outline: 0 none;
	border-width: 0;
	text-decoration: none;
}
/* === end: layout 01 ================================== */

/* === begin: layout 02 ================================ */
.tx_wteyecatchermenu.ecm-layout02 .ecm-box-teaser-text {
	cursor: pointer;

	-webkit-backface-visibility: hidden; /* for webkit browsers: avoid a short flicker */
/*
	box-shadow:
	0px 0px 0px 3px rgba(255,255,255,1),
	1px 1px 3px 3px rgba(0,0,0,0.2);
*/
	box-shadow: 1px 1px 3px 3px rgba(0,0,0,0.2);
	transition:
	opacity 0.4s linear,
	box-shadow 0.4s ease-in-out;
}

.tx_wteyecatchermenu.ecm-layout02 .ecm-box-teaser-text.ecm-blur {
	box-shadow: 0px 0px 20px 3px rgba(255,255,255,1);
	opacity: 0.7;
}

.tx_wteyecatchermenu.ecm-layout02 .ecm-box-teaser-text.ecm-blur .ecm-tooltip .ecm-tooltip-inner,
.tx_wteyecatchermenu.ecm-layout02 .ecm-box-teaser-text.ecm-blur .ecm-tooltip .ecm-menu-item,
.tx_wteyecatchermenu.ecm-layout02 .ecm-box-teaser-text.ecm-blur .ecm-tooltip .ecm-sub-menu-item,
.tx_wteyecatchermenu.ecm-layout02 .ecm-box-teaser-text.ecm-blur  .ecm-label-on-top-of-image {
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.9);
	color: rgba(0, 0, 0, 0);
	opacity: 0.5;
}

.tx_wteyecatchermenu.ecm-layout02 .ecm-box-teaser-text.ecm-blur  img {
	filter: blur(3px);
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-o-filter: blur(3px);
	-ms-filter: blur(3px);
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
	filter: url(/typo3conf/ext/wt_eyecatchermenu/Resources/Public/css/blur.svg#blur);
}

.tx_wteyecatchermenu.ecm-layout02 .ecm-box-teaser-text.ecm-active {
/*
	box-shadow:
	0px 0px 0px 3px rgba(255,255,255,1),
	1px 11px 15px 3px rgba(0,0,0,0.4);
*/
	box-shadow: 1px 11px 15px 3px rgba(0,0,0,0.4);
	z-index: 100;
	opacity: 1;
}

.tx_wteyecatchermenu.ecm-layout02 .ecm-box-teaser-text.ecm-active .ecm-tooltip .ecm-tooltip-inner,
.tx_wteyecatchermenu.ecm-layout02 .ecm-box-teaser-text.ecm-active .ecm-tooltip .ecm-menu-item,
.tx_wteyecatchermenu.ecm-layout02 .ecm-box-teaser-text.ecm-active .ecm-tooltip .ecm-sub-menu-item,
.tx_wteyecatchermenu.ecm-layout02 .ecm-box-teaser-text.ecm-active  .ecm-label-on-top-of-image {
	opacity: 1.0;
}

.tx_wteyecatchermenu.ecm-layout02 .ecm-box-teaser-text.ecm-active  img {
	filter: none;
	-webkit-filter: blur(0px);
	-moz-filter: blur(0px);
	-ms-filter: blur(0px);
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
}

.tx_wteyecatchermenu.ecm-layout02 .ecm-element .ecm-tooltip .ecm-tooltip-inner {
	font-size: 12px;
}

.tx_wteyecatchermenu.ecm-layout02 .ecm-element .ecm-tooltip .ecm-menu-item,
.tx_wteyecatchermenu.ecm-layout02 .ecm-element .ecm-tooltip .ecm-sub-menu-item {
	display: block;
	margin: 2px auto;
	font-size: 10px;
	line-height: 12px;
	color: white;
}

.tx_wteyecatchermenu.ecm-layout02 .ecm-element .ecm-tooltip .ecm-menu-item {
	font-size: 12px;
	/* Firefox bug: "font-weight: bold" doesn't work with "Arial Black", "Arial Condensed" and "Helvetica" */
	font-weight: 900;
}

.tx_wteyecatchermenu.ecm-layout02 .ecm-element .ecm-tooltip  span.ecm-divider {
	display: block;
	margin: 2px auto;
	border: 0;
	width: 80%;
	height: 0;
	line-height: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.tx_wteyecatchermenu.ecm-layout02 .ecm-label-on-top-of-image {
	position: absolute;
	right: 5px;
	bottom: 4px;
	color: #f6f6f6;
	font-size: 14px;
	line-height: 14px;
	/* Firefox bug: "font-weight: bold" doesn't work with "Arial Black", "Arial Condensed" and "Helvetica" */
	font-weight: 700;
	text-shadow:
 		 1px  1px 2px #666,
		-1px  1px 2px #666,
		 1px -1px 2px #666,
		-1px -1px 2px #666;
	text-align: right;
	z-index: 1;
}
/* === end: layout 02 ================================== */