@import url(webfonts.css);

body {
	background-color: #006546;
	padding: 0px;
	margin: 0px;
    font-family: 'FFMetaWebProMedium';
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/*
FFMetaWebProLight
FFMetaWebProBold
FFMetaWebProMedium
FFMetaWebProBook
*/

.content {
	background-color: #fff;
}

#dim-screen {
	background-color: rgba(0,0,0,0.2);
	position: fixed;
	display: none;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
}

.navbar-inverse {
	z-index: 1000;
	background-color: #006546;
	border: none;
	color: #fff;
    margin-bottom: 0px;
}

.navbar-inverse .navbar-nav {
}

.navbar-collapse {
	margin-left: -20px !important;
	margin-right: -20px !important;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
	background-color: #107556;
}

.navbar-form {
	width: 100%;
	margin: 0;
	padding: 0;
}

.navbar-form .form-control {
	height: 40px;
	border-radius: 0;
	border: none;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.navbar-form .input-group {
	width: 100%;
}

.navbar-form .btn {
	height: 40px;
	border-radius: 0;
	border: none;
	width: 100%;
}

.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
	margin: 0;
}



#right {
    position:absolute;
    right:0px;
}

#breadcrumb>div{
    padding: 8px 0;
    padding-right: 10px;
    display: inline-block;
    float: left;
    color: #aaa;
}

#breadcrumb>ol{
    padding: 8px 0;
    margin-bottom: 21px;
    list-style: none;
}

#breadcrumb li {
    display: inline-block;
}

#breadcrumb li+li:before {
	font-family: 'Glyphicons Halflings';
	font-size: 7px;
    content: "\e072";
    padding: 0 7px;
    margin-bottom: 4px;
    color: #aaa;
}

nav .container {
	background-color: #006546;
}

div.content.container {
	padding-top: 40px;
}

.navbar-inverse .navbar-nav>li>a {
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    padding-left: 18px;
    padding-right: 18px;
    letter-spacing: 1px;
    padding-top: 12px;
    padding-bottom: 8px;
}

/*.navbar .input-group {
	margin-right: 0px;
}
*/
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #006546;
}

.navbar-inverse .navbar-toggle {
    border:none;
}

.navbar-inverse .navbar-toggle:active, .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #107556;
}

ul.dropdown-menu {
	margin-bottom: -30px;
}

.dropdown, .dropdown a {
	color: #006546;
}

.marginalspalte {
	padding-top: 120px;
	padding-right: 20px;
	color: #006546;
	font-family: 'Noto Serif', serif;
	font-style: oblique;
	font-size: 17px;
}

.col_highlight {
	background-color: #E8F1EE;
	margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 40px;
	width: 100%;
}
@media (min-width: 768px) {
	.col_highlight{
		width: 254px;
	}
	.col_highlight.sticky {
		position: fixed;
		right: calc(50% - 380px);
		top: 0;
	}
}
@media (min-width: 992px) {
	.col_highlight.sticky {
		right: calc(50% - 470px);
	}
}
@media (min-width: 1200px) {
	.col_highlight.sticky {
		right: calc(50% - 530px);
	}
}


.col_highlight .inhaltsvorschau {
	border-bottom: 8px solid #006546;
	margin-bottom: 40px;
}

.inhaltsvorschau h2:nth-of-type(2) {
    margin-top: 20px;
    border-top: 8px solid #006546;
    padding-top: 40px;
}

div.inhaltsvorschau {
	padding-bottom: 10px;
	margin-top: 25px;
	width: 100%;
}

.inhaltsvorschau h1 {
    font-family: FFMetaWebProBold;
    font-weight: normal;
    font-style: normal;
	text-decoration: none;
	color: #006546;
	font-size: 13px;
	line-height: 17px;
    text-transform: uppercase;
	margin-bottom: 0px;
    letter-spacing: 1px;
}

.inhaltsvorschau h2 {
	color: #333;
	font-weight: bold;
	font-family: 'Noto Serif', serif;
	font-size: 20px;
    margin-top: 2px;
}

.inhaltsvorschau img {
	width: 100%;
	margin-bottom: 20px;
}

.inhaltsvorschau .vorschauButton {;
    font-family: FFMetaWebProBold;
    font-weight: normal;
    font-style: normal;
}

article {
	margin-bottom: 40px;
}

article.inhalt {
	/*border-bottom: 6px solid #006546;*/
	padding-bottom: 10px;
	margin-bottom: 40px;
	margin-top: 25px;
	font-size: 15px;
}
.inhalt h1 {
    font-family: FFMetaWebProBold;
    font-weight: normal;
    font-style: normal;
	color: #006546;
	font-size: 12px;
    text-transform: uppercase;
	margin-bottom: 0px;
	letter-spacing: 1px;
}

div.bild {
	margin-bottom: 20px;
}

div.bild img {
	max-width: 100%;
}

div.bild_left {
    float: left;
    padding-right: 20px;
    width: 50%;
    margin-bottom: 40px;
}

div.bild_right {
    float: right;
    padding-left: 20px;
    width: 50%;
    margin-bottom: 40px;
}

div.bild_full {
    margin-bottom: 40px;
}

div.bild_center {
    margin: auto;
    width: 50%;
    margin-bottom: 40px;
}

div.bildunterschrift {
	font-size: smaller;
	margin-top: 5px;
}

.inhalt h2 {
	font-weight: bold;
	font-family: 'Noto Serif', serif;
	font-size: 20px;
	margin-top: 5px;
}
.inhalt .list-group {
	margin-top: 10px;
}

.dark-bg {
	background-color: #006546;
}

footer {
	margin: 0;
	font-size: 15px;
	width: 100%;
	/*padding-top: 10px;*/
}

.footer-line {
	letter-spacing: 1px;
	border-top: 1px solid rgba(0, 101, 70, 0.2);
}

.footer-container {
	background-color: #006546;
	color: #fff;
}

footer .navigation-list a {
	color: #fff;
}

.footer-line {
	background-color: #fff;
	padding-top: 10px;
	padding-bottom: 0px;
	margin-top: -10px;
}

.footer-dark {
	padding-top: 20px;
	padding-bottom: 120px;
}

.footer-link {
	float: left;
	margin-right: 30px;
	margin-bottom: 10px;
}

@media (min-width: 768px) {
	.footer-link.right {
		float: right;
		margin-left: 40px;
		margin-right: 0;
	}
}

div.inhaltsvorschau {
	display:inline-block;
}

h1 {
	margin-top: 0px;
}

@media (min-width: 992px) {
	.columns-3 {
	  column-count: 2;
	  -webkit-column-count: 2;
	  -moz-column-count: 2;
	  column-gap: 40px;
	  -webkit-column-gap: 40px;
	  -moz-column-gap: 40px;
	}
}

@media (min-width: 1200px) {
	.columns-3 {
	  column-count: 3;
	  -webkit-column-count: 3;
	  -moz-column-count: 3;
	}
}

@media (min-width: 992px) {
	.columns-2 {
	  column-count: 2;
	  -webkit-column-count: 2;
	  -moz-column-count: 2;
	  margin-top: -20px;
	  column-gap: 40px;
	  -webkit-column-gap: 40px;
	  -moz-column-gap: 40px;
	}
}

.columns-3 p, .columns-3 div {
-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
    margin: 0;
    padding-bottom: 20px;
}

article.inhalt a {
    color: #006546;
    text-decoration: underline;
}

article.inhalt a:hover {
    background-color: #f1f7f5;
    text-decoration: none;
    padding-top:2px;
    padding-bottom:-2px;
}

div.article_text {
    margin-bottom: 40px;
}

form #preferredCow {
	display: none;
}

form h3 {
	font-size: 15px;
    margin-bottom: 0;
}

input[type="submit"] {
	border: none;
	background-color: #006546;
    padding: 8px 16px 6px 16px;
    color: #fff;
    margin-top: 12px;
}

#form-error-alert {
	display: none;
	margin-top:20px;
}

.field.error input,
.field.error textarea{
	outline: 1px solid red;
}

/*
.form1-form input,
.form1-form button,
.form1-form select,
.form1-form textarea,
.formen-form input,
.formen-form button,
.formen-form select,
.formen-form textarea,
.formit-form input,
.formit-form button,
.formit-form select,
.formit-form textarea,
.formdeit-form input,
.formdeit-form button,
.formdeit-form select,
.formdeit-form textarea{
*/
form[id$="-form"] input,
form[id$="-form"] button,
form[id$="-form"] select,
form[id$="-form"] textarea{
	border-radius: 4px;
	border: 1px solid rgba(0,0,0,0.15);
	padding: 10px 10px 6px 10px;
	margin-bottom: 11px;
	outline: none;
	width: 330px;
}

/*
.form1-form input:focus,
.form1-form button:focus,
.form1-form select:focus,
.form1-form textarea:focus,
.formen-form input:focus,
.formen-form button:focus,
.formen-form select:focus,
.formen-form textarea:focus,
.formit-form input:focus,
.formit-form button:focus,
.formit-form select:focus,
.formit-form textarea:focus,
.formdeit-form input:focus,
.formdeit-form button:focus,
.formdeit-form select:focus,
.formdeit-form textarea:focus
*/

form[id$="-form"] input:focus,
form[id$="-form"] button:focus,
form[id$="-form"] select:focus,
form[id$="-form"] textarea:focus{
	border-color: #006546;
}

.form1-form input[type="radio"], .formen-form input[type="radio"], .formit-form input[type="radio"], .formdeit-form input[type="radio"], input[type="checkbox"], input#fields-datenschutz{
	width: auto;
}

.panel-title>a .glyphicon{
    transition: all 250ms;
}
.panel-title>a[aria-expanded="false"] .glyphicon{
    transform: rotate(-90deg);
}
.panel-title>a[aria-expanded="true"] .glyphicon{
    transform: rotate(0deg);
}

.panel-group.abteilung-accordion, .panel-group.standort-accordion {
	margin-bottom: 0;
}

/* Beginn Bearbeitung Mitarbeiter list items */

div.list-group-item{
    text-align: center;
    margin-top: 16px;
}

div.worker-position{
    min-height: 92px;
}

div.worker-position > p{
    min-height: 42px;
    padding: 10px;
    margin-bottom: 0;
}

div.worker-position > h4{
	color: #00442f;
}

.list-group-item .worker-contact{
    min-height: 42px;
    /* margin-top: 16px; */
	border-bottom: 1px solid #333;
}

/* Beginn Bearbeitung Glyphicons */

.panel-group .glyphicon{
    font-size: 0.75em;
}

/* FlexBox Rules für Mitarbeiter Panels */

.panel-group .abteilung-accordion{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.panel-group .abteilung-accordion .list-group-item{
    width: 100%;
    margin-bottom: 16px;
}


.panel>.panel-collapse>.list-group .list-group-item{
    border: 0;
}

/* media query tablet */
@media all and (min-width: 768px) {

    .panel-group .abteilung-accordion .list-group-item{
        width: calc( 100% / 2 - 8px);
    }

}

/* media query desktop */
@media all and (min-width: 1200px) {

    .panel-group .abteilung-accordion .list-group-item{
        width: calc( 100% / 3 - 9px);
    }


    .panel-group .abteilung-accordion .list-group-item:nth-child(3n+2):last-of-type{
        margin-right: auto;
        margin-left: calc(27px / 2);

    }

}

/* Bearbeitung Überschriften form inputs Logo-Download-Formular*/


div.heading >label{
    font-weight: normal;
}



/*
tooltip for external links
*/
a[href*="//"]:not([href*="abcde/"]):not([href*="abcertde/"]):not([href*="abcert."]):not([href*="icwt."]):not([href*="abcert-web.de/"]){
    position: relative;
}

a[href*="//"]:not([href*="abcde/"]):not([href*="abcertde/"]):not([href*="abcert."]):not([href*="icwt."]):not([href*="abcert-web.de/"]):after{
    content: "\e164";
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
    padding-left: 4px;
}

html[lang="de"] a[href*="//"]:not([href*="abcde/"]):not([href*="abcertde/"]):not([href*="abcert."]):not([href*="icwt."]):not([href*="abcert-web.de/"]):before{
    content: 'Dieser Link öffnet eine Webseite, für deren Inhalt wir nicht verantwortlich sind und auf die unsere Datenschutzbestimmungen keine Anwendung finden.';
    display: none;
/*    opacity: 0;*/
    position: absolute;
    width: 300px;
    height: auto;
    top: -100px;
/*    left: 0;*/
    background: #fff;
    color: #006546;
    border: 1px solid #006546;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: normal;
    text-transform: none;
    border-radius: 3px;
    padding: 5px 8px 3px;
    text-align: center;
    transition: opacity 250ms ease-in-out;
    z-index: 1;
}

html[lang="en"] a[href*="//"]:not([href*="abcde/"]):not([href*="abcertde/"]):not([href*="abcert."]):not([href*="icwt."]):not([href*="abcert-web.de/"]):before{
    content: 'Clicking on this link opens a third-party website. We provide no warranty nor responsibility and liability for the content and adherence to the legal data protection regulations of any linked third-party websites or pages to this website.';
    display: none;
/*    opacity: 0;*/
    position: absolute;
    width: 300px;
    height: auto;
    top: -139px;
/*    left: 0;*/
    background: #fff;
    color: #006546;
    border: 1px solid #006546;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: normal;
    text-transform: none;
    border-radius: 3px;
    padding: 5px 8px 3px;
    text-align: center;
    transition: opacity 250ms ease-in-out;
    z-index: 1;
}

html[lang="it"] a[href*="//"]:not([href*="abcde/"]):not([href*="abcertde/"]):not([href*="abcert."]):not([href*="icwt."]):not([href*="abcert-web.de/"]):before{
    content: 'Questo link porta a una pagina web estena, per i cui contenuti non siamo responsabili e dove le nostre norme per la protezione dei dati personali non sono applicate.';
    display: none;
/*    opacity: 0;*/
    position: absolute;
    width: 300px;
    height: auto;
    top: -121px;
/*    left: 0;*/
    background: #fff;
    color: #006546;
    border: 1px solid #006546;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: normal;
    text-transform: none;
    border-radius: 3px;
    padding: 5px 8px 3px;
    text-align: center;
    transition: opacity 250ms ease-in-out;
    z-index: 1;
}

html[lang="de"] a[href*="//"]:not([href*="abcde/"]):not([href*="abcertde/"]):not([href*="abcert."]):not([href*="icwt."]):not([href*="abcert-web.de/"]):hover:before{
    display: block;
/*    opacity: 1;*/
}

html[lang="en"] a[href*="//"]:not([href*="abcde/"]):not([href*="abcertde/"]):not([href*="abcert."]):not([href*="icwt."]):not([href*="abcert-web.de/"]):hover:before{
    display: block;
/*    opacity: 1;*/
}

html[lang="it"] a[href*="//"]:not([href*="abcde/"]):not([href*="abcertde/"]):not([href*="abcert."]):not([href*="icwt."]):not([href*="abcert-web.de/"]):hover:before{
    display: block;
/*    opacity: 1;*/
}

@media all and (min-width: 768px) {
html[lang="de"] a[href*="//"]:not([href*="abcde/"]):not([href*="abcertde/"]):not([href*="abcert."]):not([href*="icwt."]):not([href*="abcert-web.de/"]):before{
        left: 0;
    }

html[lang="en"] a[href*="//"]:not([href*="abcde/"]):not([href*="abcertde/"]):not([href*="abcert."]):not([href*="icwt."]):not([href*="abcert-web.de/"]):before{
        left: 0;
    }

html[lang="it"] a[href*="//"]:not([href*="abcde/"]):not([href*="abcertde/"]):not([href*="abcert."]):not([href*="icwt."]):not([href*="abcert-web.de/"]):before{
        left: 0;
    }
}

/* language switch icon */

.navbar-inverse .navbar-nav>li>a.language-switch{
    padding-left: 46px;
}

.nav>li>a.language-switch,
.language_icon{
    display: block;
}
.language_icon{
    position: absolute;
    top: 10px;
    left: 16px;
    height: 20px;
    z-index: 1;
}

.language_icon_path{
    fill: #fff;
}


/* fix visual bug when panel is a child of article.inhalt */
article.inhalt .panel-title>a,
article.inhalt .panel-title>small,
article.inhalt .panel-title>.small,
article.inhalt .panel-title>small>a,
article.inhalt .panel-title>.small>a{
    color: inherit;
    text-decoration: none;
}
article.inhalt .panel-title>a:hover,
article.inhalt .panel-title>small>a:hover,
article.inhalt .panel-title>.small>a:hover{
    text-decoration: underline;
}

/* add styles for wysiwyg content */
.editor-content{
    padding: 20px 20px 0;
}

:target + * + .article_text{
    background: rgba(232, 241, 238, 0.51);
    padding: 3px;
}

@media all and (max-width: 1199px) {
    .nav.pull-right{
        float: left !important;
    }
}

/* bugfix for mobile footer */
@media all and (max-width: 650px) {
    .nav.pull-right,
    .pull-right{
        float: none !important;
    }
    .footer-item{
        margin-bottom: 40px;
    }
    .nav>li.open{
        margin-bottom: 30px;
    }
}

/* Styling Zustimmungserklärung Logo-Download */


.input > .datenschutz > label{
    font-weight: normal;
}

.input > .datenschutz > label input{
    margin-bottom: 0;
}


/* Styling Logo-Matrix Zertifizierungen */

.logo-matrix{
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    margin-top: 16px;
}

.logo-matrix .matrix_item{
    flex-direction: column;
    width: 100%;
    padding: 6px;
    margin-bottom: 15px;
    text-align: center;
    line-height: 1.2;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.logo-matrix .img_container{
    margin-bottom: 10px;
}


@media all and (max-width: 767px){
    .logo-matrix .img_container{
        background-image: none !important;
    }
}

/* media query tablet */
@media all and (min-width: 768px){

   .logo-matrix .matrix_item{
        width: calc(100% / 2);
    }
    .logo-matrix .img_container{
        position: relative;
        padding-bottom: 100%;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: contain;
    }
    .logo-matrix .img_container img{
        display: none;
    }
}


@media all and (min-width: 1000px){

   .logo-matrix .matrix_item{
        width: calc(100% / 3);
    }
}

/* media query desktop */
@media all and (min-width: 1200px){

   .logo-matrix .matrix_item{
        width: calc(100% / 4);
    }
}
/*=======================================*/
/*=============MOBILE FIRST==============*/
/*=======================================*/
.to_the_top{
	position: fixed;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
	transform: scale(0.5);
	transform-origin: 0 0;
	opacity: 0;
	transition: opacity 0.5s linear, box-shadow 250ms ease-in-out;
	border-radius: 3px;
	z-index: 1;
}
.to_the_top.show{
	 opacity: 1;
 }
.to_the_top:hover{
	 box-shadow: 0 0 10px rgba(0,0,0,.15);
 }


/*=======================================*/
/*=============TABLET PORTRAIT===========*/
/*=======================================*/
@media screen and (min-width: 600px) {
	.to_the_top{
		bottom: 20px;
		right: 20px;
		transform: scale(1);
	}
}

/*=======================================*/
/*=============TABLET LANDSCAPE==========*/
/*=======================================*/
/*normally we have 900px here*/
@media screen and (min-width: 1060px) {
	.to_the_top{
		right: calc(50vw - 540px);
	}
}

.accordion-block {
	clear: both;
	margin-bottom: 40px;

}