/* Scss Document */
/* Scss Document */



body * {
  padding: 0;
  margin: 0;
  font: "News Cycle", "Helvetica", "Arial",sans-serif; }

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  margin: 0;
  font-family: "News Cycle", "Helvetica", "Arial",sans-serif;
  font-weight: bolder;
  line-height: 1.4em;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  border: none; }

h1 {
  font-size: 20px;
  font-weight: bolder;
  color: #6D7981; }
.page_title {
	display: none;
}
.page_title {
	display: none;
}

/* OVERRIDE WITH NON STANDARD FORMAT-SETTINGS - START */
/* SHOW TITLE IN SIDEBAR-NAVIGATION */
.title-article-1, .title-article-20, .title-article-22, .title-article-21, .title-article-72, .title-article-11, .title-article-111, .title-article-112, .title-article-93, .title-article-113  {
	display: block;
}
.secondaryNavigation .item-112, .secondaryNavigation .item-122  {
	display: none;
}
.secondaryNavigation .item-141 a, .secondaryNavigation .item-142 a, .secondaryNavigation .item-143 a, .secondaryNavigation .item-144 a, .secondaryNavigation .item-145 a, .secondaryNavigation .item-153 a, .secondaryNavigation .item-154 a, .secondaryNavigation .item-155 a, .secondaryNavigation .item-156 a, .secondaryNavigation .item-157 a {
	color: #6D7981 !important;
}
.secondaryNavigation .item-199 a, .secondaryNavigation .item-236 a {
   color: #E32229 !important;
}
.title-article-21 {
    display: none;
}

.sidebarContent a {
	color: #6D7981;
}
.subContentArea a {
	color: #6D7981;
}

.navigationWrapper .item-150 {
  widht: 80px;
}
.navigationWrapper .item-185 {
  width: 90px;
}
.navigationWrapper .item-158 {
  width: 80px;
}
.navigationWrapper .item-169 {
  width: 140px;
}
.navigationWrapper .item-158 {
  width: 80px;
}
.navigationWrapper .item-165 {
  width: 160px;
}
.navigationWrapper .item-206 {
  width: 160px;
}

/* END */


  
body a {
	color: #E32229;
}
body a[href^="mailto:"] {
   color: #6D7981;
}

header {
  overflow: hidden; }

.page-header h2 a {
	font-size: 24px;
}
.page-header {
	padding-bottom: 0px;
}
.blogHead {
 margin-top: -100px;
}

.blog {
	margin-top: -50px;
}
.blog h5 {
	margin-top: 5px;
	margin-bottom: 5px;
}
.logoContainer {
	background-color: lime;
	position: relative;
}
.person {
	font-size: 10px;
}
.person .active_red {
	font-size: 12px;
}

.pagination a {
	color: #E32229 !important;
}

.pagination .pagenav-tasco a {
	color: #E32229;
}
.pagination .active a {
	background-color: #E32229;
	color: white !important;
	border-color: #E32229;
}
.pagination .page-item::before {
  list-style: none;
  display: none;
}

.xpert-contact div {
  margin-bottom: 10px;
  margin-left: -115px;
}
.xpert-contact div label {
  width: 100px;
  text-align: right;
  margin-right: 10px;
  font-weight: normal;
  font-family: "News Cycle", "Helvetica", "Arial",sans-serif;
  color: #6D7981;
  float: left;
}
.xpert-contact textarea {
  width: 300px;
  border-color: gray;
  border-width: 1px;
}
.xpert-contact input {
  border-color: gray;
  border-width: 1px;
  height: 25px;
}
.xpert-contact div label .star {
  font-family: "Helvetica", "Arial",sans-serif;
}
.xpert-contact div input {
	width: 260px;
}
.xpert-contact #jform_datenschutz-lbl {
position: absolute;
text-align: left;
width: 300px;

margin-left: 140px;

}
.xpert-contact #jform_datenschutz {
	
	float: right;
	width: 50px;
	left: -8px;
	position: absolute;


}
.xpert-contact #jform_body-lbl {
	float: left;
}
.xpert-contact #xcon-submit {
	margin-left: 130px;
	margin-top: 50px;

	z-index: 500;
}
.xpert-contact #xcon-msg {
	/*margin-top: 55px;*/
}


.singleLogoContainer {
	width: 220px;
	float: left;
	position: relative;
	min-height: 170px;
	height: 195px;
	margin-bottom: 10px;
    margin-right: 30px;

	
}
.singleLogoContainer img {
	width: 200px;
	position: absolute;
	top:0;
    bottom:0;
    margin:auto;
	vertical-align: middle;
	display: inline-block;
	height: auto;

}
.singleLogoContainer .partnerTitle {
	position: absolute;
	bottom: 0px;
	text-align: center;
    vertical-align: center;
	width: 200px;
    height: 25px;
    padding-top: 15px;
    z-index: 10;
}

#menu-icon {
  display: none; }

.mainWrapper {
/*  -webkit-box-shadow: 0px 13px 9px 5px rgba(171, 171, 171, 0.73);
  -moz-box-shadow: 0px 13px 9px 5px rgba(171, 171, 171, 0.73);
  box-shadow: 0px 13px 9px 5px rgba(171, 171, 171, 0.73);
  */
  padding: 0px;
  margin-top: 0px;
margin-bottom: 100px;
  overflow: hidden; }

.tascoHeader {
  position: relative;
  height: 270px;
  overflow: hidden; }

.logoImage {
  width: 250px;
  height: auto;
  position: absolute;
  top: 50px;
  left: 0px; }

.headerSlogan {
  position: absolute;
  top: 140px;
  right: 330px;
  left: 10px;
  height: 250px; }

.sloganContainer {
  position: relative;
  font-family: "News Cycle", serif;
  text-transform: uppercase;
  letter-spacing: 4px;
  height: 130px; }

.sloganBackground {
  position: absolute;
  color: #EFF1F2;
  font-size: 52px;
  text-align: center;
  left: 40px;
  right: 0px;
  top: 10px;
  line-height: 55px; }

.sloganForeground {
  position: absolute;
  color: #6D7981;
  font-size: 32px;
  text-align: center;
  top: 30px;
  left: 5px;
  right: 5px; }

.headerImageCollage {
  position: absolute;
  right: 0;
  z-index: -4;
  top: 0px; }

.headerImageBackground {
  position: relative;
  height: 300px;
  width: 400px;
  min-height: 200px;
  display: block;
  background-repeat: no-repeat;
  background-size: 400px, auto;
  background-image: url("../images/header_1.jpg");
  background-position: center; }

.headerImageBackground:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  box-shadow: inset 0px 0px 110px 110px white;
  -moz-box-shadow: inset 0px 0px 110px 110px white;
  -webkit-box-shadow: inset 0px 0px 110px 110px white;
  
   }

.headerImageForeground {
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 180px;
  height: 180px;
  border-style: solid;
  border-width: 1px;
  border-color: #E32229;
  background-image: url("../images/header_1.jpg");
  background-repeat: no-repeat;
  background-size: 400px, auto;
  background-position: center;
  z-index: 5; }

.metaNavigation, .xingBanner {
  z-index: 100;
  position: absolute;
  right: 240px;
  top: 40px;
  color: #6D7981;
  font-size: 12px; }

.xingBanner {
  right: 110px;
  font-size: 8px;
  top: 40px; }

.mainContentArea {
  margin-top: 50px;
  color: #6D7981;
   }
.blogContent {
	color: #6D7981;
    padding-top: 20px;
}

.mainContent {
  padding-bottom: 50px; }

.mainContent p {
  margin-top: 20px;
  line-height: 20px; }

.mainContent ul {
  margin-left: 12px;
  list-style-type: none; }

.mainContent li {
  margin-top: 20px; 
  list-style-type: none;}
  


/*
.mainContent li {
	list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAE0lEQVQIW2NkYGD4D8RwwEi6AACaVAQBULo4sgAAAABJRU5ErkJggg==");
	margin-top: 20px;
}*/
.mainContent li::before {
  content: "\25CF";
  display: inline-block;
  width: 1em;
  margin-left: -1em; }
  
  
 .mainContent .simpleList li::before {
  content: "-";
  display: inline-block;
  width: 1em;
  margin-left: -1em;
  color: #6D7981 !important;  }
 
.mainContent .toggleSub li::before {
	color: #6D7981 !important;
}



.mainContent li li::before {
  list-style-type: none;
  content: "-";
  color: #6D7981 !important;
  }
  

.subContentArea {
  font-size: 12px;
  font-family: "News Cycle", serif;
  color: #6D7981;
  padding-top: 20px;
  padding-bottom: 100px; }

.sidebarContent {
/*  padding-right: 40px; */
 }

.sidebarContent img {
  max-width: 100%;
}

 #sidebar_mit_rand {
	 display: none;
 }
  
  .blogSidebar {
	  margin-top: 50px;
  }
 .counter {
	 width: 100%;
	 text-align: center;
	 border-top-style: solid;
	 border-top-width: 1px;
	 padding-top: 10px;
	 border-top-color: lightgray;
	 display: none;
 }


.standardText {
  color: #6D7981 !important; }

/* MAIN NAVIGATION MENU*/
nav {
  background-color: white;
  font-family: "News Cycle", serif;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  height: 35px;
  position: relative;
  border-top-style: none;
  border-bottom-style: none;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-color: #6D7981;
  border-bottom-color: #6D7981;
  text-align: center; 
  z-index: 1;}

nav ul {
  width: 90%;
  margin: 0 auto;
  list-style-type: none;
  padding: 0;
  bottom: 0;
  margin-bottom: 5px;
  overflow: hidden; }

nav li {
  float: left;
  text-align: center;
  width: 16.6667%;
  /* fallback for non-calc() browsers */
  width: calc(100% / 8); }

nav li a {
  display: block;
  padding: 5px 0;
  text-decoration: none;
  color: #6D7981; }

nav li a:hover {
  text-decoration: underline; }

/* RESPONSIVE TOUCH MENU*/
.navigation-responsive {
  letter-spacing: 2px;
  display: none;
  height: 5px;
  overflow: hidden;
  	/*-webkit-transition: height 1s;
      transition: height 1s;*/
  background-color: white;
  background-color: white;
  position: absolute;
  right: 0px;
  left: 0px;
  z-index: 100;
  -webkit-box-shadow: 0 8px 6px -6px #6D7981;
  -moz-box-shadow: 0 8px 6px -6px #6D7981;
  box-shadow: 0 8px 6px -6px #6D7981; }

.navigation-responsive li a {
  display: block;
  text-decoration: none;
  padding-top: 10px;
  padding-bottom: 10px; }

.navigation-responsive .glyphicon {
  float: right;
  display: inline; }

.navigation-responsive ul ul {
  overflow: hidden;
  display: none; }

.opened {
  display: block !important; }

.border-bottom {
  border-bottom-style: solid;
  border-bottom-width: 0.5px;
  border-bottom-color: #6D7981; }

.navigation-responsive li {
  display: block;
  margin-left: 15px;
  text-transform: uppercase;
  margin-right: 15px;
  border-top-style: solid;
  border-top-width: 0.5px;
  border-top-color: #6D7981; }

.navigation-responsive li:first-child {
  border-top: none; }

.navigation-responsive li:last-child {
  border-bottom-style: solid;
  border-bottom-width: 0.5px;
  border-bottom-color: #6D7981; }

.navigation-responsive li li {
  text-transform: none;
  margin-right: 0px;
  margin-left: 15px; }

.navigation-responsive li li:first-child {
  border-top: none; }

.navigation-responsive li li:last-child {
  padding-bottom: 0px;
  border-bottom: none; }

.navigation-responsive li a {
  color: #6D7981; }

.navigation-responsive a {
  z-index: 1000; }

.navigation-responsive-active {
  height: auto;
  display: block;
  	/*-webkit-transition: height 1s;
      transition: height 1s;*/ }
.navigation-responsive .active {
	color: #E32229 !important;
}
.navigation-responsive .active a {
	color: #E32229 !important;
}
.navigationWrapper .active a {
	color: #E32229;
}




/* RESPONSIVE TOUCH MENU - END*/
.secondaryNavigation {
  text-align: right;
  font-size: 12px;
  font-family: "News Cycle", serif;
  margin-top: 5px;
  color: #6D7981; }

.secondaryNavigation a {
  color: #6D7981; }

.secondaryNavigation ul {
  list-style: none;
  margin-top: 5px; }

.secondaryNavigation li {
  margin-bottom: 10px; }
.secondaryNavigation li li {
	font-size: 12px;
}
footer {
  position: relative;
  margin-top: 50px; }

footer .footerContent {
  height: 150px;
  margin-top: 100px;
  width: auto; }

footer .copyright {
  font-size: 8px;
  margin-top: 60px;
  z-index: 100;
  color: #6D7981; }

footer .footerNavigation {
  width: auto; }

footer ul {
  font-family: "News Cycle", serif;
  font-size: 12px;
  color: #6D7981; }

footer li {
  display: inline-block;
  text-transform: uppercase;
  margin-right: 30px; }

footer li a {
  display: block;
  padding: 5px 0;
  text-decoration: none;
  color: #6D7981; }

.circleBackground {
  position: absolute;
  bottom: 0px;
  right: 0px;
  height: 160px;
  width: 100%;
  overflow: hidden; }

.circle, .circle1, .circle2, .circle3 {
  position: absolute;
  width: 140px;
  height: 140px;
  background: #EFF1F2;
  -moz-border-radius: 70px;
  -webkit-border-radius: 70px;
  border-radius: 70px; }

.circle1 {
  right: 0px;
  bottom: -25px; }

.circle2 {
  right: 300px;
  bottom: -25px; }

.circle3 {
  right: 600px;
  bottom: -25px; }

.active_red {
  color: #E32229 !important;
  border-color: #E32229 !important; }

.active_green {
  color: #007468 !important;
  border-color: #007468 !important; }

.active_blue {
  color: #0071B0 !important;
  border-color: #0071B0 !important; }

.active_lightblue {
  color: #65C1ED !important;
  border-color: #65C1ED !important; }

.active_brown {
  color: #C16B0F !important;
  border-color: #C16B0F !important; }

.active_lightgreen {
  color: #7EBC43 !important;
  border-color: #7EBC43 !important; }

.active_orange {
  color: #F9B000 !important;
  border-color: #F9B000 !important; }

.active_purple {
  color: #AA3D85 !important;
  border-color: #AA3D85 purple !important; }

.toggle {
  cursor: pointer; }
  
  
.toggle:hover { 
  text-decoration: underline;
  
}
  
#carBox1 {
  cursor: pointer; }
.carBoxSub1 {
	display: none;
}


/* toggle */
.toggleSub, #toggle_1, #toggle_2, #toggle_3, #toggle_4, #toggle_5, #toggle_6, #toggle_7, #toggle_8 {
  display: none; }
  


.toggleSub ul, #toggle_1 ul, #toggle_2 ul, #toggle_3 ul, #toggle_4 ul, #toggle_5 ul, #toggle_6 ul, #toggle_7 ul, #toggle_8 ul {
  list-style: disc !important;
  margin: 0 0 0 30px;
  padding: 0; }

.toggleSub ul li, #toggle_1 ul li, #toggle_2 ul li, #toggle_3 ul li, #toggle_4 ul li, #toggle_5 ul li, #toggle_6 ul li, #toggle_7 ul li, #toggle_8 ul li {
  background: none !important;
  line-height: 180%;
  margin: 0 0 0 30px;
  padding: 0; }
  
 
  
  
  /*Kontaktformular*/
  
  .contact-form .controls {
	  float: left;
  }
  .contact-form .control-label {

	  margin-right -100px;
	  left: -120px;
	  text-align: right;
	
	 
  }
  

.lang-inline a {
	color: #6D7981 !important;
}
.lang-inline .lang-active a {
	color: #E32229 !important;
}

.career {
	padding-bottom: 10px;
}
.careerSub ul {
	margin-left: -10px;
}

/* CAROUSEL SLIDES */

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

.carousel-inner>.item>img, .carousel-inner>.item>a>img {
display: block;
height: auto;
max-width: 100%;
line-height: 1;
width: 100%;
}

 #myCarousel .item {
    min-height: 370px;
	-webkit-background-position: center top; 
  -moz-background-position: center top; 
  -o-background-position: center top; 
	background-position: center top; 
  	background-repeat: no-repeat; 
  	background-size: cover;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
	}

/*
.carousel .item  {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  max-height: 370px;
  background: no-repeat center center fixed; 
}
*/

.carousel-control {
	display: none;
}

.carousel-caption {
	background-color: #E52329;
    background-color: #E52329\9;
	background: rgb(229, 35, 41, 0.7);
    
	font-size: 48px;
	left: 0px;
	bottom:  30px;
	text-align: left;
	min-height: 60px;
	padding-bottom:  10px;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	text-shadow:  none;
	font-size: 28px;
	right:  auto;
	font-family: "News Cycle", "Helvetica", "Arial",sans-serif;
}

.carousel-indicators {
	
	bottom:  5px;
	
}
.carousel-indicators li {
	
	padding-left: 10px;
	padding-right: 10px;
}

.tales {
  width: 100%;
}

.item-10 {
  display: none;
}




/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}


.item-101 {
  display: none;
}

.item-149 {
  display: none;
}



.copyright {
  margin-left: -100px;
}
.footerNavigation {
  margin-left: -100px;
}

.ansprechpartner img {
  margin-right: 20px !important;
}
div.mod-languages li {
  margin-right: 0px;
  margin-left: 0px;
}



 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   nav li {
 
  width: 16.6667%;
  /* fallback for non-calc() browsers */
  width: calc(100% / 9); }
 }
 
 .pagination .disabled {
   display: none;
 }
 .t-page-next {
   color: gray !important;
   text-transform: capitalize !important;
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif" !important;
 }
 .t-page-start {
    color: #E32229 !important;
    text-transform: capitalize !important;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif" !important;
  }

.jmg-googlemaps-dsgvo-notification .btn-primary {
  background-color: #337ab7;
}



 .consent-map-wrapper {
  background: #eaeaea;
  border-radius: 6px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
  text-align: center;
  font-size: 12px;
  padding: 20px;
}
.consent-map-wrapper h4 {
  font-size: 16px;
  margin-bottom: 0.5rem;
  font-weight: bold;
  text-align: left;
}
.consent-map-wrapper p {
  margin-bottom: 0.5rem;
  text-align: left;
}
.consent-map-wrapper .btn {
	float: center;
	background-color: #2e6da4;
}
.consent-map-wrapper .btn:hover {
	background-color: #1d5c93;
}
.consent-icon {
  width: 50px;
  height: 50px;
  fill: black; /* optional für Farbe */
  display: block;
  margin: 0 auto 0.75rem auto;
  margin-top: 30px;
  margin-bottom: 50px;
}