@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen fuer die wichtigten Inhalts-Elemente
 *
 * @copyright	Copyright 2005-2009, Dirk Jesse
 * @license		CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *			YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link		http://www.yaml.de
 * @package	yaml
 * @version		3.2
 * @revision	$Revision:392 $
 * @lastmodified	$Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $
 * @appdef		yaml
 */

@media all {
 /**
  * Fonts
  *
  * (en) global settings of font-families and font-sizes
  * (de) Globale Einstellungen fuer Zeichensatz und Schriftgroessen
  *
  * @section content-global-settings
  */

  /* (en) reset font size for all elements to standard (16 Pixel) */
  /* (de) Alle Schriftgroessen auf Standardgroesse (16 Pixel) zuruecksetzen */

  html {
	-webkit-text-size-adjust: 100%;
  }


	.inner_main p.date {margin-bottom:0; width: 100%; display: block;}



	#routeplannerForm .red {
		background-color: #cc0000;
		color: #fff;
		border: none;
		padding: 10px;
		margin-top: 5px;
		width: 165px;
		border-radius: 0;
		-webkit-appearance: none;
	}

}


/* RESPONSIVE */

@media screen and (min-width:974px){

	.toTop {
		display: none;
	}

}



@media screen and (max-width:974px){

	.mod-content-filter .group-tile.tile-companies .tile-caption,
	.mod-content-filter .group-tile.tile-tradition .tile-caption,
	.mod-content-filter .group-tile.tile-engagement .tile-caption,
	.mod-content-filter .group-tile.tile-social .tile-caption,
	.mod-content-filter .group-tile.tile-social i	,
	.mod.mod-company-selector {
		display: none;
	}




	.toTop {
		display: block;
		position: relative;
		float: left;
		top: 0px;
		cursor: pointer;
	}

	.toTop a {
		color: #959595;
	}


	.toTop .icon {
		width: 17px;
		height: 9px;
		background-position: -46px -402px;
		background-repeat: no-repeat;
		display: inline-block;
		margin-right: 5px;
	}

	#ufd-container .invisible {
		display: none !important;
	}

	#col1 {
		margin-bottom: 0;
	}

	#col2 {
		padding-top: 20px;
	}

	.cols_full, .cols_2, .cols_3, .cols_6 {
		width: 100%;
	}

	#col3 {
		position: relative;
	}

	#col3_content {
		margin-bottom: 20px;
	}

	/* text-bild */
	#layout2col #layout2col_content .cols_full,
	#layout2col #layout2col_content .cols_2,
	#layout2col #layout2col_content .cols_3,
	#layout2col #layout2col_content .cols_6 {
		width: 100%;
		float: left;
	}

	.cols_full .inner_main {
		padding-right:0;
	}

	.cols_full .inner_sub {
		width: 100%;
		height: auto;
		padding-right: 0px;
		text-align: center;
	}

	.cols_full .inner_sub img {
		width: 100%;
		height: auto;
		max-width: 530px;
	}

	#layout2col #layout2col_content .cols_full .inner_sub img {
		max-width: 710px;
	}

	.cols_2 .inner_sub {
		width: 49%;
		max-width: 260px;
	}

	.cols_2.gal .inner_sub {
		max-width: inherit;
	}

	#layout2col #layout2col_content .cols_2 .inner_sub {
		max-width: 345px;
	}

	#layout2col #layout2col_content .cols_2.gal .inner_sub {
		max-width: inherit;
	}

	.cols_2 .inner_sub img{
		width: 100%;
		height: auto;
	}

	.cols_3 .inner_sub {
		width: 31.6%;
		max-width: 170px;
	}


	.cols_3.gal .inner_sub img,
	.cols_2.gal .inner_sub img {
		display: none;
	}

	.cols_3.gal .inner_sub p a img,
	.cols_2.gal .inner_sub p a img {
		display: inline-block;
	}

	.cols_3.gal .inner_sub img.resImage,
	.cols_2.gal .inner_sub img.resImage{
		display: block;
		width: 100%;
		max-width: 345px;
		height: auto;
		box-sizing: border-box;
		padding-right: 0;
		margin-bottom: 4px;
	}

	/*Gallery Image Container for external Img*/
	.galExtImgContainer {
		width: 100%;
		height: auto;
		background-color: #dedede;
		display: table-cell;
		vertical-align: middle;
		text-align:center;
	}
	#layout2col #layout2col_content .galExtImgContainer {
		width: 100%;
		height:auto;
	}


	.galExtImgContainer img{
		padding: 0;
		max-height: 100%;
		max-height: auto;
		margin-bottom: -4px;
	}
	#layout2col #layout2col_content .galExtImgContainer img {
		max-width: 100%;
		max-height: auto;
	}
	/*End Gallery External Img */
	
	.cols_3 .inner_sub  img{
		width: 100%;
		height: auto;
	}

	.cols_6 .inner_sub {
		width: 16.5%;
		max-width: 80px;
	}

	.cols_6 .inner_main	{
		margin-left: auto;
	}

	.cols_6.db .inner_main {
		margin-left: 16.5%;
	}

	#layout2col #layout2col_content .cols_6 .inner_sub {
		max-width: 110px;
	}

	.cols_6 .inner_sub  img{
		width: 100%;
		height: auto;
	}

	/* Galerie */
	.cols_3.gal .inner_sub,
	#layout2col #layout2col_content .cols_3.gal .inner_sub {
		max-width: inherit;
		width: 32%;
		margin-right: 2%;
		padding-right: 0;
	}
	
	#layout2col #layout2col_content .cols_2.gal .inner_sub {
		width: 41.568%;
		margin-right: 8.432%;
	}
	
	#layout2col #layout2col_content .cols_3.gal .inner_sub.last	{
		margin-right: 0;
	}

	.cols_3.gal .inner_sub p a img,
	#layout2col #layout2col_content .cols_3.gal .inner_sub p a img {
		width: inherit;
		height: inherit;
	}

	.cols_3.gal .inner_sub img {
		max-width: 170px;
	}

	.cols_2 .inner_main .inner_sub.nlContact:nth-child(2n) {
		padding-right: 0;
	}

	.cols_2 .inner_main .inner_sub.nlContact img {
		width: 80px;
		height: auto;
	}

	.slideContainerAcc .cols_6 .inner_main,
	.slideContainer .cols_6 .inner_main {
		margin-left: 27.5%;
	}

	.cols_full .inner_main.no-pad {
		padding-right: 0;
	}

	.cols_6 .inner_sub {
		padding-right: 2%;
	}


	.cols_3 .inner_sub:nth-child(3),
	#layout2col #layout2col_content .cols_3 .inner_sub:nth-child(3) {
		padding-right: 0%;
	}


	.cols_full .inner_wrapper.highlighted,
	.cols_2 .inner_wrapper.highlighted,
	.cols_3 .inner_wrapper.highlighted,
	.cols_6 .inner_wrapper.highlighted {
		margin-right: 0px;
	}


	.frontpage .frontpage2col .col .imgcontainer {
		width: 100%;
		height: auto;
	}

	.frontpage .frontpage2col .col .imgcontainer img{
		width: 100%;
		height: auto;
	}


	.frontpage .frontpage3col .col {
		width: 32%;
		max-width: 308px;
		margin-right: 2%;
	}

	.frontpage .frontpage3col .col .imgcontainer,
	.frontpage .frontpage3col .col .imgcontainer img	{
		width: 100%;
		height: auto;
		max-width: 308px;
	}

	.frontpage .frontpage3col .col.last {
		margin-right: 0;
	}



	.frontpage .frontpage4col .col.leftColumn,
	.frontpage .frontpage4col .col.centerColumn,
	.frontpage .frontpage4col .col.last {
		width: 23.5%;
		margin-right: 2%;
	}

	.frontpage .frontpage4col .col.last {
		margin-right: 0;
	}

	.frontpage .frontpage4col .col .imgcontainer {
		width: 100%;
		height: auto;
	}

	.frontpage .frontpage4col .col .imgcontainer img{
		width: 100%;
		height: auto;
	}


	/* Googlemaps */

	#map_canvas,
	#map_canvas_new {
		width: 100% !important;
	}

	#col3 .internal_search form input[type="text"],
	#layout2col .internal_search form input[type="text"] {
		width: 72%;
		margin-right: 3%;
		box-sizing: border-box;
	}

	#routeplannerForm .btn_function {
		width: 25%;
	}


	/* youtube */

	.youtube-embed {
		position: relative;
		padding-bottom: 56%;
		height: 0;
		overflow: hidden;
		max-width: 100%;
		margin-bottom: 20px;
		width: 100%;
	}

	.youtube-embed iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
	}

	/* imagemap */

	.cols_full.imagemap {
		padding: 0 !important;
		text-align: center;
	}

	.cols_full.imagemap a {
		border: 1px solid #000;
	}

	.mapImage {
		width: 100%;
		height: auto;
	}

	.cols_full.imagemap .infoBox {
		text-align: left;
	}

	/* social icons */

	.socialIconbar img {
		width: 30px;
		height: auto;
	}

	/* marginspalte */
	.sidebarteaser,
	.sidebar_fb	{
		/*border: 1px solid #ccc;*/
		text-align: center;
	}

	.sidebarteaser img {
		width: 100%;
		height: auto;
		max-width: 170px;
	}

}


@media screen and (min-width:478px) and (max-width:974px){

	.frontpage .frontpage4col .col h3 {
		font-size: 12px;
	}

	.frontpage .frontpage4col .col h4 {
		font-size: 16px;
	}


	/*




	.cols_full .inner_sub {
		width: 100%;
		height: auto;
		float: left;
		text-align: center;
	}

	.cols_full .inner_sub img {
		width: 100%;
		height: auto;
		max-width: 530px;
	}

	#layout2col #layout2col_content .cols_full .inner_sub img{
		width: 100%;
		height: auto;
		max-width: 710px;
	}

	#layout2col #layout2col_content .cols_2 .inner_sub {
		margin-right: 0px;
	}

	*/

	.sidebarteaser,
	.sidebarnav,
	.marginBox {
		float: left;
		width: 31%;
		box-sizing: border-box;
		clear: none;
		margin-right: 2%;
	}







}



@media screen and (max-width: 700px) {

	#col3 .internal_search form input[type="text"],
	#layout2col .internal_search form input[type="text"] {
		width: 62%;
		margin-right: 3%;
		box-sizing: border-box;
	}

	#routeplannerForm .btn_function {
		width: 35%;
	}
	
	/* Mouseover gallery */
	#layout2col #layout2col_content .cols_3.gal .inner_sub .wrapper .description,
	#layout2col #layout2col_content .cols_2.gal .inner_sub .wrapper .description,
	#col3_content .cols_3.gal .inner_sub .wrapper .description,
	#col3_content .cols_2.gal .inner_sub .wrapper .description	
	{
		display: none !important;
	}
	
	#layout2col #layout2col_content .cols_2.gal .inner_sub {
		width: 49%;
		margin-right: 2%;
	}
	
	#layout2col #layout2col_content .cols_2.gal .inner_sub.last {
		margin-right: 0;
	}

}


@media screen and (min-width: 478px){

	.frontpage .frontpage2col .col {
		margin-right: 1.6%;
		width: 49.2%;
	}

	.frontpage .frontpage2col .col .frontpage2col_news {
		width: 100% !important;
		height: auto;
	}





}


@media screen and (min-width: 232px) and (max-width:478px){
	/*.mobile-carousel {
		display: none !important;
	}*/

	.frontpage .frontpage2col .col {
		width: 100%;
		margin-right: 0;
	}


	.frontpage .frontpage2col .col .frontpage2col_news {
		width: 100% !important;
		height: auto;
	}



	.frontpage .frontpage4col .col {
		width:49.2% !important;
	}

	.frontpage .frontpage4col .col.centerColumn {
		margin-right: 0;
	}

	.frontpage .frontpage4col .col h3 {
		font-size: 12px;
	}

	.frontpage .frontpage4col .col h3 {
		font-size: 16px;
	}



}




@media screen and (max-width:478px) {

	.cols_2 .inner_sub.nlContact {
		width: 100%;
		max-width: inherit;
	}

	#col3 .internal_search form input[type="text"],
	#layout2col .internal_search form input[type="text"] {
		width: 100%;
		margin-right: 0%;
		box-sizing: border-box;
	}

	#routeplannerForm .btn_function {
		width: 100%;
		display: block;
		float: left;
		margin-top: 10px;
	}

	table td.res_hide {
	  display: none;
	}

	.frontpage .frontpage3col .col {
		width: 100%;
		max-width: inherit;
		margin-right: 0;
		border-bottom: 1px solid #cdcdcd;
		padding-bottom: 10px;
	}

	.frontpage .frontpage3col .col:last-child {
		border-bottom: none;
	}

	.frontpage .frontpage3col .col .imgcontainer {
		width: 100%;
		height: auto;
		text-align: center;
		max-width: inherit;
	}

	.frontpage .frontpage3col .col .imgcontainer img	{
		width: 100%;
		height: auto;
		max-width: 308px;
	}



	.frontpage .frontpage4col .col {
		width:49.2% !important;
		margin-right: 1.6% !important;
	}

	.frontpage .frontpage4col .col.centerColumn,
	.frontpage .frontpage4col .col.last,
	.frontpage .frontpage4col .col:nth-child(2n){
		margin-right: 0 !important;
	}

	.frontpage .frontpage4col .col h3 {
		font-size: 12px;
	}

	.frontpage .frontpage4col .col h4 {
		font-size: 16px;
	}

	.frontpage .frontpage4col .col img {
		width: 100%;
		height: auto;
	}

	.cols_2 .column {
		width: 100%;
		float: left;
		margin-bottom: 0;
	}

	.wrapperLeft,
	.wrapperRight {
		width: 100%;
		float: left;
	}

	.res-hide {
		display: none;
	}

	/* niederlassungen */

	.cols_full .inner_main.countdown div {
		display: none;
	}

	/* Datenbank-Übersichten */
	.cols_6.db .inner_sub {
		width: 100%;
		display: block;
		float: left;
	}
	.cols_6.db .inner_main {
		margin-left: 0px;
		width: 100%;
		display: block;
		float: left;
	}


	.inner_sub p.date {
		margin-bottom: 0px;
	}

	.cols_6.db .pmp {
		margin-top: 0px;
	}

}


@media screen and (max-width:270px){

.toTop {
		display: block;
		position: relative;
		float: left;
		top: -5px;
		cursor: pointer;
	}

}
