/* ==========================================================================
   Responsive
   ========================================================================== */
   
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-device-width: 1024px) {
    #adfix > *:first-child {
		margin-left: 25px;
	}
}

/****iPad Hintergrund Landscape****/
@media (max-width: 1024px) {		
	html{
		height:100%;  
		overflow:auto;
	}
	body {	
		padding:0 15px;	
		min-height:100%; 
		overflow: hidden; 
		-webkit-text-size-adjust: none;
		max-width: 100%;
	}
	.group:before {
		content: "";
		position: absolute;
		left: -165px;
		right: -165px;
		top: 0;
		bottom: 0;
		z-index: -1;
		background: repeat-x center bottom;
	}
	.group.v1.gray:before,
	.group.v1.lightgray:before,
	.group.v1.lightblue:before {
		content: "";
		position: absolute;
		left: -165px;
		right: -165px;
		top: 0;
		bottom: 0;
		z-index: -1;
		background: repeat-x center bottom;
	}
	.siteHeader:before {
		content: "";
		position: absolute;
		left: -165px;
		right: -165px;
		top: 0;
		bottom: 0;
		z-index: -1;
		background: #00406E;
	}
	footer.row.group {
		margin-bottom: 100px;	
	}/*
	.siteFooter {
		margin-right: -15px;
		margin-left: -15px; 
	}
	.siteContent .relatedContent {
		float: right;
	}*/
	main {
		margin-right:-15px; 
		margin-left:-15px;
	}
	.siteContent {
		margin-right: -15px;
		margin-left: 0;
	}
	/*
	.siteHeader .logo {
		left: 15px;
	}
	.siteNavigation .mainNav {
		right: 22px;
	}
	.siteNavigation .hatNav {
		right: 20px;
	}*/
}

@media (max-width: 1006px) {
	main.row		{width: 750px;}
	.col1of12 		{width: 38px;}
	.row.col1of12 	{width: 68px;}
	.col2of12 		{width: 100px;}
	.row.col2of12 	{width: 130px;}
	.col3of12 		{width: 162px;}
	.row.col3of12 	{width: 192px;}
	.col4of12 		{width: 224px;}
	.row.col4of12 	{width: 254px;}
	.col5of12 		{width: 286px;}
	.row.col5of12 	{width: 316px;}
	.col6of12 		{width: 348px;}
	.row.col6of12 	{width: 378px;}
	.col7of12 		{width: 410px;}
	.row.col7of12 	{width: 440px;}
	.col8of12 		{width: 466px;}
	.row.col8of12 	{width: 502px;}
	.col9of12 		{width: 534px;}
	.row.col9of12 	{width: 564px;}
	.col10of12 		{width: 596px;}
	.row.col10of12 	{width: 626px;}
	.col11of12 		{width: 658px;}
	.row.col11of12 	{width: 688px;}
	.col12of12 		{width: 720px;}
	.row.col12of12 	{width: 750px;}
	
	
	
	/* MOBILE NAVIGATION - START */
	
	#specifity .siteHeader {
		padding-top: 0;
		margin: 0 -20px 20px;
	}
	.siteHeader .breadcrumb {
		display: none;
	}
	.siteHeader .logo {
		display: inline-block;
		position: static;
		margin-left: 15px;
		margin-bottom: 10px;
		background-position: left center;
		height: 60px;
	}
	.siteHeader:before {
		content: "";
		position: absolute;
		left: -500px;
		right: -500px;
		top: 0;
		bottom: 0;
		z-index: -1;
		background: #00406E;
	}
	.siteHeader .mobile-menu-toggle {
		display: block;
		position: absolute;
		top: 30px;
		right: 20px;
		width: 20px;
		height: 20px;
		background: url(/img/icons/mobile-menu-toggle-open.png) no-repeat center;
	}
	.siteHeader .mobile-menu-toggle.contracted {
		background: url(/img/icons/mobile-menu-toggle.png) no-repeat center;
	}
	.siteHeader .mobile-menu-toggle.contracted ~ * {
		display: none;
	}

	/*** LOGIN POPUP ***/

	#specifity .siteHeader .toggleLoginPopup {
		display: block;
		position: relative;
		border-top: 1px solid white;
		line-height: 40px;
		padding: 0 15px;
	}
	#specifity .siteHeader .toggleLoginPopup:after {
		background-image: url(/img/icons/mobile-menu-entry-highlight-open.png);
		position: absolute;
		top: 0;
		right: 30px;
		height: 40px;
		background-position: center;
	}
	#specifity .siteHeader .toggleLoginPopup.contracted:after {
		background-image: url(/img/icons/expand.png);
	}
	.siteHeader .rm-loginbox {
		position: static;
	}
	.siteHeader .rm-loginbox form {
		padding: 20px 30px;
	}
	.siteHeader .rm-loginbox .login-title {
		margin-top: 0;
	}
	.siteHeader .siteNavigation {
		padding-top: 0;
		position: static;
	}

	/*** HAT NAV TOGGLE ***/
	
	.siteHeader .mobile.service-menu-toggle {
		display: block;
		position: relative;
		color: #003F6D;
		background: #FFCC00;
		padding: 0 15px;
		font-family: "Archivo Narrow", sans-serif;
		text-transform: uppercase;
		font-size: 15px;
		line-height: 40px;
		font-weight: bold;
		cursor: pointer;
		border-top: 1px solid white;
	}
	.siteHeader .mobile.service-menu-toggle:after {
		content: "";
		position: absolute;
		top: 0;
		right: 30px;
		height: 40px;
		background: url(/img/icons/mobile-menu-entry-highlight-open.png) center no-repeat;
		width: 10px;
		vertical-align: middle;
		display: inline-block;
	}
	.siteHeader .mobile.service-menu-toggle.contracted {
		color: #FFCC00;
		background: #003F6D;
	}
	.siteHeader .mobile.service-menu-toggle.contracted:after {
		background: url(/img/icons/expand.png) center no-repeat;
	}

	/*** HAT NAV ***/

	#specifity .siteHeader .toggleLoginPopup,
	.siteHeader .siteNavigation .service-menu-toggle {
		padding-left: 30px;
	}
	.siteHeader .siteNavigation .service-menu-toggle.contracted + .hatNav {
		display: none;
	}
	.siteHeader .siteNavigation .hatNav {
		position: static;
		background: #E8F0F7;
		padding: 20px 30px;
		text-align: left;
	}
	.siteHeader .siteNavigation .hatNav li {
		display: block;
		margin: 0;
		border-bottom: 1px solid white;
	}
	#specifity .siteHeader .siteNavigation .hatNav li a {
		font-family: 'Archivo Narrow', sans-serif;
		font-weight: normal;
		font-size: 18px;
		color: #003F6D;
		line-height: 20px;
		text-transform: none;
		background: none;
		display: block;
		border: none;
		padding-left: 0;
		padding-right: 0;

		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;

		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	#specifity .siteHeader .siteNavigation .hatNav li.ddhdigital a {
		color: #93273d;
	}
	.siteHeader .siteNavigation .hatNav > li > ul {
		display: block;
		position: static;
		margin-top: 0;
		padding: 0 0 10px;
	}
	.siteHeader .siteNavigation .hatNav > li > ul li {
		border-bottom: none;
	}
	#specifity .siteHeader .siteNavigation .hatNav > li > ul li > a {
		font-size: 14px;
		color: #396b8c;
	}
	#specifity .hatNav a:before {
		display: none;
	}

	/*** MAIN NAV ***/

	.siteHeader .siteNavigation .mainNav {
		position: static;
		padding: 0;
		-webkit-background-size: initial;
		background-size: initial;
		background: #E8F0F7;
		border-top: 1px solid white;
	}
	.siteHeader .siteNavigation .mainNav li {
		display: block;
		position: relative;
		border-bottom: 1px solid white;
	}
	.siteHeader .siteNavigation .mainNav li.is-current {
		padding: 0;
		margin: 0;
		background: white;
	}
	.siteHeader .siteNavigation .mainNav li a {
		padding: 10px 30px;
	}
	.siteHeader .siteNavigation .mainNav li.open a:after {
		background-image: url(/img/icons/mobile-menu-entry-highlight-open.png);
	}
	.siteHeader .siteNavigation .mainNav li a:after {
		position: absolute;
		top: 0;
		right: 30px;
		height: 40px;
		background-position: center;
	}
	.siteHeader .siteNavigation .mainNav li.search {
		display: none;
	}
	.siteHeader > .mobile-search {
		display: block;
	}
	.siteHeader > .mobile-search .toggleDetailSearch {
		position: absolute;
		display: block;
		top: 30px;
		right: 60px;
		width: 20px;
		height: 20px;
		background: url(/img/icons/search.png) no-repeat center;
		text-indent: -9999px;
	}
	.siteHeader > .mobile-search .toggleDetailSearch.contracted {
		background: url(/img/icons/navSearch-mobil.png) no-repeat center;
	}
	.siteHeader > .mobile-search .detailSearch {
		padding: 20px 30px;
	}
	.siteHeader > .mobile-search .detailSearch > form {
		text-align: right;
	}
	.siteHeader > .mobile-search .detailSearch > form > input {
		width: 100%;
		margin-bottom: 10px;
	}

	/*** MAIN NAV SUB ***/

	.siteNavigation .mainNav > li > ul {
		position: static;
		width: auto;
		padding: 0;
	}
	#specifity .siteNavigation .mainNav > li.open > ul {
		display: block;
		padding-bottom: 20px;
	}
	#specifity .siteNavigation .mainNav > li > ul > li {
		display: inline-block;
		width: 50%;
		margin: 0;
		padding: 0 30px;
	}
	#specifity .siteNavigation .mainNav > li > ul li {
		border-bottom: none;
	}
	#specifity .siteNavigation .mainNav > li > ul > li li a {
		padding-left: 0;
		padding-right: 0;
	}
	#specifity .siteNavigation .mainNav > li > ul > li li li a {
		padding: 0px 0px 5px;
	}
	.siteNavigation .mainNav a:hover {
		background: transparent;
	}
	#specifity .siteNavigation .mainNav li.open > a {
		background: #FFCC00;
		color: #003F6D;
	}
	.siteNavigation .mainNav > li:hover > a {
		background: none;
		color: #003F6D;
	}
	.siteNavigation .mainNav > li:hover > ul {
		display: none;
	}
	.siteNavigation .mainNav li li li:first-child {
	display: block;
	}

	/* MOBILE NAVIGATION - ENDE */

	.row .mediateaser .col2of12 {width: 97px;}
	.row .relatedContent .mediateaser .col2of12 {width: 106px;}
	
	
	.sliderCollection.col8of12.small ~ .col4of12.sliderbanner {
		border-left: none; 
		padding-left: 0; 
		min-height: 100%;
	}
	.sliderbanner .teaser.ad {
		top: 0;	
	}
	#specifity .sliderCollection.small .teaser.slider.big, 
	#specifity .sliderCollection.small .teaser.slider.big.is-current {
		padding: 20px 20px 20px 305px;
	}
	.teaser.slider.big.withMedia.mediaFormat-16x9 {
		height: 346px;	
	}
	.small .teaser.slider .smallslider {
		margin: -20px -20px -20px 0;
	}

	/*von 600px*/
	#specifity main {
		width: auto;
		margin-left: 0px;
		margin-right: 0px;
	}


	#specifity main {
		margin: 0 auto;
		width: 774px;
	}
	#specifity .tabpanel .teaser.col4of12,
	#specifity .row .teaser.col4of12 .header > *,
	#specifity .row .teaser.col4of12 .body > * {
		width: 100%; /*auto*/
	}
	main > .col12of12 > ul.row.col4of12 > li.col4of12 > figure {
		float: none !important;
	}
	#specifity .teaser iframe {
		width: 100% !important;
	}
	#specifity main > .col12of12 > .col4of12 + .col4of12 + .col4of12 {
		margin-right: -15px;
	}
	#specifity .tabpanel .teaser.col4of12 {
		margin-left: 0;
		margin-right: 0;
	}
	/*#specifity .tablist > li {
		display: block;
		margin: 0;
		padding: 0;
	}
	#specifity .tab.nav > .nav-item {
		display: block;
	}*/
	.row.v1.group {
		margin-right: -30px;
	}
	/*
	.row.v1.group > * {
		margin-left: 0;
		margin-right: 0;
		padding: 0 15px 30px;
		-webkit-box-sizing: content-box;
		box-sizing: content-box;
	}*/
	.row.v1.group > * {
		margin-left: 15px;
		margin-right: 15px;
		padding: 0 0px 30px;
		-webkit-box-sizing: content-box;
		box-sizing: content-box;
	}
	.siteContent .relatedContent {
		width: 272px;
	}
	
	/*article*/
	.siteContent .relatedContent {
		width: 272px;
	}
	
	#specifity .siteContent .relatedContent button.button {
		width: 100%;
		text-align: left;
	}
	/*#specifity .siteContent .relatedContent .button {
		display: block;
	}*/
	#specifity .siteContent .relatedContent .button + .button {
		margin-left: 0;
		margin-top: 10px;
	}
	.articleDetail .mediagallery [class*=" col"], .articleDetail .mediagallery [class^="col"] {
		width: auto;
	}
	.articleDetail .figure.center_big {
		width: 100%;
	}
	
	/*dates*/
	#specifity .termindb fieldset.selects {
		width: 260px;
	}
	#specifity .termindb fieldset.selects > .formSet {
		width: 100%;
	}
	#specifity .termindb fieldset.textinput {
		float: none;
		clear: both;
		width: auto;
		padding-top: 10px;
	}
	#specifity .termindb .search {
		margin-top: 0;
	}
	
	/*Footer*/	
	.siteFooter .standard-content .footerLinks {
		width: auto;
	}
	
	/*Forum*/	
	#commentblock form .set .submit {
		margin-left: 0;
	}
	
	/*Header*/
	body {
		width: auto;
	}
	*[class^="ad_"],
	*[class*=" ad_"] {
		display: none;
	}
	
	.ad_top,
	.ad_leaderboard,
	.ad_bottom  {
		display:block;
	}
	.siteHeader .rm-loginbox {
		left: 250px;
	}
	.siteHeader .logo {
		background-size: contain;
		left: 10px;
		top: 15px;
	}
	.siteNavigation {
		margin-bottom: 0;
	}
	.siteNavigation .mainNav > li > ul {
		width: 730px;
	}
	.siteNavigation .mainNav a {
		padding: 10px;
	}
	#specifity .siteNavigation .mainNav li.slider {
		display: none;
	}

	.siteNavigation .breadcrumb {
		width: 760px;
		margin: 0 auto;
	}

	/* Navigation */
	.siteHeader:before {
		background-image: none !important;
	}
	.siteNavigation {
		padding-top: 160px;
	}
	.siteNavigation .hatNav {
		right: 10px;
		left: 350px;
		white-space: normal;
		text-align: right;
	}
	.siteNavigation .hatNav > li {
		margin-bottom: 8px;
		text-align: left;
		white-space: nowrap;
	}
	.siteNavigation .mainNav {
		top: 120px;
	}
	#specifity .siteNavigation .mainNav .col2of12 a:hover,
	#specifity .siteNavigation .mainNav .col2of12 a:focus {
		padding-left: 0;
		margin-left: 0;
	}
	
	/*Slider*/
	#specifity .sliderCollection {
		margin-left: 0;
		margin-right: -15px;
	}
	#specifity .sliderCollection > .footer {
		right: 0;
		width: 335px;
	}
	#specifity .sliderCollection .teaser.slider.big,
	#specifity .sliderCollection .teaser.slider.big.is-current {
		width: 100%;
		height: auto;
		padding: 20px 20px 0;
	}
	#specifity .sliderCollection > .body {
		padding-left: 0;
	}
	#specifity .sliderCollection > .body > .row {
		margin-left: 0;
		margin-right: 0;
	}
	#specifity .sliderCollection .teaser.slider.big .body .media {
		position: static;
		float: left;
		width: 400px;
		margin-left: -20px;
		margin-right: 20px;
		margin-bottom: 0;
	}

	#specifity .sliderCollection.small {
		width: 634px;
	}
	
	#specifity .sliderCollection.mainmiddle {
		max-width: auto;
		width: 224px;
		margin-right: 15px;
	}
	#specifity .sliderCollection.mainmiddle > .footer {
		width: auto;
		left: 0;
		right: 0;
	}
	.sliderCollection.mainmiddle .teaser.slider {
		width: auto;
	}
	.sliderCollection.mainmiddle .teaser.slider .media {
		float: none;
		width: auto;
	}

	.sliderCollection.vTabSlider > .body > .content {
		margin-right: -200px;
	}
	.sliderCollection.vTabSlider > .body > .navigation {
		background: white;
		border-left: 10px solid white;
		margin-left: -10px;
	}
	
	.sliderCollection ul {
		height: auto;
	}
	
	
	/*** STARTSEITEN-SLIDER ***/

	#specifity .sliderCollection .teaser.slider.big {
		height: auto;
		min-height: 520px;
		padding-bottom: 60px;
	}
	#specifity .sliderCollection .teaser.slider.big,
	#specifity .sliderCollection .teaser.slider.big.is-current {
		width: 100%;
		height: auto;
		padding: 20px 20px 60px;
	}
	#specifity .sliderCollection .teaser.slider.big .body .media {
		position: absolute;
		left: 0;
		width: 100%;
		margin: 0;
		text-align: center;
		background: #fff;
	}
	#specifity .sliderCollection > .body > .row > li {
		width: auto;
		padding: 0;
	}
	#specifity .sliderCollection > .body > .row > li .headline {
		margin: 340px 0 0;
	}
	#specifity .sliderCollection > .body > .row > li .body {
		margin: 0;
	}
	#specifity .sliderCollection > .footer {
		left: 0;
		right: 0;
		width: auto;
	}

	#specifity .sliderCollection.small {

	}
	#specifity .sliderCollection.small .teaser.slider.big {
		min-height: 0;
	}
	#specifity .sliderCollection.small > .body > .row > .slider .smallslider {

	}
	#specifity .sliderCollection.small > .body > .row > .slider .smallslider > .header > .headline,
	#specifity .sliderCollection.small > .body > .row > .slider .smallslider > .body {
		margin: 0;
	}
	#specifity .sliderCollection.small > .footer {
		left: auto;
		width: 335px;
	}

	#specifity .sliderCollection.mainmiddle {
		width: 224px;
	}
	#specifity .sliderCollection.mainmiddle .media {
		width: 146px;
		max-width: none;
		margin-right: 10px;
		float: left;
	}
	#specifity .sliderCollection.mainmiddle .teaser.slider.mainmiddle {
		max-width: none;
	}
	#specifity .sliderCollection.mainmiddle > .body > .row > li .headline {
		margin-top: 0;
	}

	.sliderCollection.vTabSlider > .body > .content {
		float: none;
		width: auto;
		margin: 0;
	}
	.sliderCollection.vTabSlider > .body > .navigation {
		float: none;
		width: auto;
		border-left: none;
		margin: 5px 0 0;
	}
	.sliderCollection.vTabSlider > .body > .navigation > li.is-current {
		background: black;
	}
	.sliderCollection.vTabSlider > .body > .navigation > li.is-current > img.current-background {
		display: none;
	}
	
	
	/*starterbild / schmuckbild*/
	.starterimage .image {width: 634px}
	.image figure.figure.left_big {width: 100%;}
	.image figure.figure.left_big figcaption {width: 80%;}	
	
	.col4of12.sliderbanner {marign-right: 0;}
	
	/*teaser*/
	.col3of12.teaser.standardcontent {
		margin: 0px 9px 20px;
	}
	
	/*whoiswho*/
	#specifity .addressdbSearch .tablist > li {
		display: table-cell;
	}
	#wiwsearchresultulid > li {
		width: 345px;
	}

	#specifity .addressdbSearch .formSet.select {
		width: 50%;
		padding: 0;
	}
	#specifity .addressdbSearch .formSet.allSubs {
		width: 50%;
	}
	#specifity .addressdbSearch .formSet.zipCode {
		width: 15%;
	}
	#specifity .addressdbSearch .formSet.city {
		width: 35%;
	}

	main form .formSet.lastname,
	main form .formSet.firstname,
	main form .formSet.phone,
	main form .formSet.fax,
	main form .formSet.mail,
	main form .formSet.select {
		width: 190px;
	}
	main form .formSet.company {
		width: 395px;
	}
	main form .formSet.firstname {
		clear: none;
	}
	main form .formSet.message,
	.bookAddressEntry .formSet.select {
		width: 395px;
	}
	main form .formSet.street,
	main form .formSet.city {
		width: 300px;
	}
	main form .formSet.houseNumber,
	main form .formSet.housenumber,
	main form .formSet.zipcode,
	main form .formSet.zipCode {
		width: 80px;
	}
	main form .formSet.terms,
	main form .formSet.newsletter {
		width: auto;
	}

	.addressdb-download-list li.col4of12 {
		width: 345px;
	}
	.address-db .formSet.message,
	.address-db .formSet.select {
		width: 395px;
	}

	.companyPortraits .body li,
	.waregroups .body li,
	.morecompanies .body li {
		width: 220px;
	}
	
	.sliderCollection.col8of12.small ~ .col4of12.sliderbanner {
		display: block !important;
		margin-left: 0;
		margin-right: 0;
	}
	main > .col12of12 {
		margin-left: 0;
		margin-right: 0;
	}
	.siteNavigation .breadcrumb {
		padding-left: 0;
	}
	.articleDetail,
	.col8of12,
	.col10of12 {
		margin-left: 0;
	}
	.companyDetail {
		margin-left: 15px;
	}
	.siteContent .relatedContent {
		box-sizing: border-box;
	}
	.waregroups {
		margin-left: -15px;
		margin-right: -30px;
		padding-left: 15px;
	}
	
	.lightboxContainer {
    	max-width: 722px;
	}
	.row.v1.group .teaser.ad{
		width: 224px;
	} 
	.teaser .tablist a {
		font-size: 15px;
		padding: 15px 9px;
	}
	.admarket .tab.nav .nav-item a {
		font-size: 15px;
		padding: 15px 10px;
	}

	.ad_bottom.rotating > .ad {
		display: none !important;
	}
	.ad_bottom.rotating > .ad.current {
		display: inline-block !important;
	}
}
@media (max-width: 800px) {
		/*Header*/
	/*suche*/
	.col12of12 .row .datesearch {
		margin-left: 15px;
	}
	.row.v1.group	{
		margin-left: -15px; 
		margin-righ: -30px;
	}
	
	.siteFooter .endFooter {
		margin: 0;
		padding: 15px 15px 10px;
		width: 100%;
	}
	
	.siteFooter,
	.ad_top {
		margin-left: -15px;
		margin-right: -15px;		
	}
	.ad_top > div {padding: 0 15px 15px;}
	.ad_top .teaser {margin-bottom: 15px;}
	/*Header*/
	.siteHeader {
		margin-left: -15px;
		margin-right: -15px;
	}
	.col12of12 .abo.magazine {
		margin-left: -15px;
	}
	/*vierspaltigkeit*/
	.col3of12.teaser.termindbmchoriz {
		border-bottom: 1px solid #fff;
		border-right: 0;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
		width: 100%;
		display: inline-block;
	}
	.teaser.termindbmchoriz h1 .topline {margin-left: 0;}
	.row.v1 .teaser.termindbmchoriz span.title {margin-top: 20px;}
	.siteHeader .hatNav .whoiswho > a:after {background: none;}
	
}
 /****iPad Hintergrund Portrait****/
@media (max-width: 768px) and (orientation: portrait) {	
	html {max-width:768px}
	.group:before {
	content: "";
	position: absolute;
	left: -0px;
	right: -0px;
	top: 0;
	bottom: 0;
	z-index: -1;
	background: repeat-x center bottom;
	}
	.group.v1.gray:before,
	.group.v1.lightgray:before,
	.group.v1.lightblue:before{
	content: "";
	position: absolute;
	left: -0px;
	right: -0px;
	top: 0;
	bottom: 0;
	z-index: -1;
	background: repeat-x center bottom;
}
	.siteHeader:before {
		content: "";
		position: absolute;
		left: -0px;
		right: -0px;
		top: 0;
		bottom: 0;
		z-index: -1;
		background: #00406E;
	}
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 1024px) {
	#adfix > *:first-child, #adfix > * {margin-left: 15px !important; margin-right: 15px;}
	#adfix > .teaser:after {display: none;}
}
@media (max-width: 767px) {
	main.row		{width: 532px;}
	.col1of12 		{}
	.row.col1of12 	{width: 26px;}
	.col2of12 		{width: 42px;}
	.row.col2of12 	{width: 72px;}
	.col3of12 		{width: 88px;}
	.row.col3of12 	{width: 118px;}
	.col4of12 		{width: 134px;}
	.row.col4of12 	{width: 164px;}
	.col5of12 		{width: 180px;}
	.row.col5of12 	{width: 210px;}
	.col6of12 		{width: 226px;}
	.row.col6of12 	{width: 256px;}
	.col7of12 		{width: 272px;}
	.row.col7of12 	{width: 302px;}
	.col8of12 		{width: 318px;}
	.row.col8of12 	{width: 348px;}
	.col9of12 		{width: 364px;}
	.row.col9of12 	{width: 394px;}
	.col10of12 		{width: 410px;}
	.row.col10of12 	{width: 440px;}
	.col11of12 		{width: 456px;}
	.row.col11of12 	{width: 486px;}
	.col12of12 		{width: 502px;}
	.row.col12of12 	{width: 532px;}

	#socialbookmarks {
		display: none;
	}	

		/*** MAIN CONTENT ***/

	#specifity main,
	.articleDetail {
		width: 580px;
	}

	main > .col12of12 {
		display: block;
		margin: 0 auto;
	}
	main > .col12of12 > .row .col4of12,
	main > .col12of12 > .row .col8of12 {
		display: block;
		width: auto;
		border-left: none;
	}
	#specifity main > .col12of12 > .col4of12,
	#specifity main > .col12of12 > .starterimage > .col4of12 {
		display: block;
		float: none;
		width: auto;
		margin-left: 0;
	}
	main > .col12of12 > ul.row.col4of12 > li.col4of12 > figure {
		float: left !important;
	}
	main > .row > * {
		width: auto;
	}
	.col12of12 .row.list {
		display: block;	
	}
	main .row .ad {
		width: 300px;
		display: block;
	}
	.articleDetail .figure.center_top {
		float: none;
		width: auto;
		margin-right: 0;
	}
	#specifity #commentblock input,
	#specifity #commentblock textarea {
		min-width: initial;
		width: 100%;
	}
	
	.v4.group.border .standard-content {
		margin-left: 0;
	}
	

	/*** APPOINTMENTS ***/

	article.datesearch fieldset.selects {
		width: auto;
		float: none;
		margin-bottom: 10px;
	}
	article.datesearch fieldset.dates {
		width: auto;
		float: none;
		margin: 0;
		text-align: right;
	}
	#specifity article.datesearch fieldset.dates label {
		left: 10px;
		text-align: left;
	}
	#specifity article.datesearch fieldset.textinput {
		width: auto;
		float: none;
	}
	#specifity article.datesearch fieldset.textinput .search {
		margin: 20px 10px 20px 0;
	}

	section.dates {
		display: block;
		width: auto;
	}
	section.dates .loadNext {
		display: block;
		width: auto;
	}
	#specifity .dateList li a span {
		display: block;
		float: none;
		width: auto;
		margin: 10px 0;
	}
	#specifity .dateList li a span.type,
	#specifity .dateList li a span.location {
		float: left;
		margin-top: 0;
	}
	#specifity .dateList li a span.type:after {
		content: ",";
		margin-right: 0.4rem;
	}
	#specifity .dateList li a span.title {
		clear: both;
	}

	#specifity .external .button:after {
		content: "»\00a0";
		position: absolute;
		top: 0;
		right: 0;
		height: 40px;
		line-height: 40px;
		font-size: 18px;
	}
	
	/*** Footer ***/
	.siteFooter .copyrightFooter li {
		float: left;
	}
	.siteFooter .endFooter {
    margin: 0;
    padding: 15px 15px 10px;
    width: 100%;
	}
	
	/*article*/
	.siteContent .relatedContent {
		display: block;
		width: auto;
		margin: 0px;
	}

	.articleDetail .figure.center_top {
		width: auto;
		max-width: 320px;
	}
	.articleDetail {
		width: 100% !important;
		padding: 0;
		margin: 0;
	}
	
	
	/*dates*/
	#specifity .termindb fieldset.selects {
		width: 100%;
		padding-bottom: 10px;
	}
	.termindbrc.teaser li.col4of12 {
		width: 100%;
	}
	/*Footer*/	
	footer.siteFooter.row.group {margin-bottom: 170px;}
	.siteFooter .standard-content li.col3of12 {
		display: block;
		width: auto;
	}
	.siteFooter .copyrightFooter {
		display: block;
		width: auto;
		margin: 0;
	}
	.siteFooter .copyrightFooter .copyright {
		float: none;
		padding: 0 15px;
	}
	.siteFooter .copyrightFooter ul {
		float: none;
	}
	.siteFooter .copyrightFooter li {
		float: none;
	}
	/*.siteFooter .copyrightFooter li.is_current {
		border-bottom: 2px solid #00406e;
	}*/
	.siteFooter .copyrightFooter li a {
		display: block;
		padding: 5px 15px;
	}
	.siteFooter .footerLinks > li li {
		margin: 0;
	}

	#sitemapajaxrequest > ul > li {
		display: block;
		width: auto;
	}
	
	/*slider*/
	/*** STARTSEITEN-SLIDER ***/

	#specifity .sliderCollection .teaser.slider.big {
		height: auto;
		min-height: 520px;
		padding-bottom: 60px;
	}
	#specifity .sliderCollection .teaser.slider.big,
	#specifity .sliderCollection .teaser.slider.big.is-current {
		width: 100%;
		height: auto;
		padding: 20px 20px 60px;
	}
	#specifity .sliderCollection .teaser.slider.big .body .media {
		position: absolute;
		left: 0;
		width: 100%;
		margin: 0;
	}
	#specifity .sliderCollection > .body > .row > li {
		width: auto;
		padding: 0;
	}
	#specifity .sliderCollection > .body > .row > li .headline,
	#specifity .sliderCollection.small > .body > .row > .slider .smallslider > .header > .headline {
		margin: 0;
		margin-top: 280px;
	}

	#specifity .sliderCollection > .body > .row > li .body {
		margin: 0;
	}
	#specifity .sliderCollection > .footer,
	#specifity .sliderCollection.small > .footer {
		left: 0;
		right: 0;
		width: auto;
	}

	#specifity .sliderCollection.small {
		width: 502px;
	}
	#specifity .sliderCollection.small > .body > .row > .slider .smallslider {
		background: none;
	}
	#specifity .sliderCollection.small > .body > .row > .slider .smallslider > .header > .headline,
	#specifity .sliderCollection.small > .body > .row > .slider .smallslider > .body {
		margin-left: 0;
	}

	#specifity .sliderCollection.mainmiddle {
		width: auto;
	}
	#specifity .sliderCollection.mainmiddle .media {
		width: 146px;
		max-width: none;
		margin-right: 10px;
		float: left;
	}
	#specifity .sliderCollection.mainmiddle .teaser.slider.mainmiddle {
		max-width: none;
	}
	#specifity .sliderCollection.mainmiddle > .body > .row > li .headline {
		margin-top: 0;
	}

	.sliderCollection.vTabSlider > .body > .content {
		float: none;
		width: auto;
		margin: 0;
	}
	.sliderCollection.vTabSlider > .body > .navigation {
		float: none;
		width: auto;
		border-left: none;
		margin: 5px 0 0;
	}
	.sliderCollection.vTabSlider > .body > .navigation > li.is-current {
		background: black;
	}
	.sliderCollection.vTabSlider > .body > .navigation > li.is-current > img.current-background {
		display: none;
	}
	
	/*slider small*/	
	#specifity .sliderCollection.small .teaser.slider.big, 
	#specifity .sliderCollection.small .teaser.slider.big.is-current {
		height: auto;
		padding: 20px 20px 60px;
	}
	#specifity .sliderCollection .teaser.slider.big,
	#specifity .sliderCollection.small .teaser.slider.big {		
		min-height: 520px;
	}
	.teaser.slider.big.withMedia.mediaFormat-16x9,
	.small .teaser.slider .smallslider {
		height: auto;	
	}

	/*starterbild / schmuckbild*/
	.starterimage .image {width: 502px}
	.image figure.figure.left_big {width: 502px;}
	.image figure.figure.left_big figcaption {background-color: #003f6c;width: 462px; position: relative;}
	
	/*teaser*/	
	.col3of12.teaser.standardcontent {
		width: 233px;
	}
	
	/*whoiswho*/
	#wiwsearchresultulid > li {
		width: auto;
		display: block;
	}
	#wiwsearchresultulid > li:after {
		content: "";
		display: table;
		clear: both;
	}
	#specifity .addressdbSearch .formSet.searchterm {
		width: 60%;
	}
	#specifity .addressdbSearch .detailSearch .formSet {
		width: 60%;
		padding: 0;
		margin-right: 0;
	}
	#specifity .addressdbSearch .detailSearch .formSet.zipCode {
		padding-right: 15px;
		width: 20%;
	}
	#specifity .addressdbSearch .detailSearch .formSet.city {
		width: 40%;
	}
	#specifity .addressdbSearch .detailSearch.contracted + .searchbutton {
		position: static;
		float: none;
		width: auto;
		padding-left: 0;
		text-align: right;
		margin-bottom: 20px;
	}
	#specifity .addressdbSearch .formSet.searchbutton {
		margin-bottom: 10px;
	}

	main form .formSet.lastname,
	main form .formSet.firstname,
	main form .formSet.phone,
	main form .formSet.fax,
	main form .formSet.mail,
	main form .formSet.select {
		width: 190px;
	}
	main form .formSet.street,
	main form .formSet.city {
		width: 300px;
	}
	main form .formSet.houseNumber,
	main form .formSet.housenumber,
	main form .formSet.zipCode,
	main form .formSet.zipcode {
		width: 80px;
	}
	main form .formSet.zipCode,
	main form .formSet.zipcode {
		clear: both;
	}
	main form .formSet.terms,
	main form .formSet.newsletter {
		width: auto;
	}

	.addressdb-download-list li.col4of12 {
		display: block;
		width: auto;
	}
	.addressdb-download-list li.col4of12:after {
		content: "";
		display: table;
		clear: both;
	}

	.address-db .form-box {
		width: 100%;
	}


	#specifity .companyPortraits .body li:first-child + li + li:before,
	#specifity .waregroups .body li:first-child + li + li:before,
	#specifity .morecompanies .body li:first-child + li + li:before {
		display: block;
	}
	.companyPortraits .body li,
	.waregroups .body li,
	.morecompanies .body li {
		width: 235px;
	}
	.teaser.contactCompany form .formSet.select {
		width: auto;
	}
	.teaser.whoIsWho li.col4of12 {
		width: 100%;
	}
	.col12of12 .row.list > ul,
	#specifity .sliderCollection {
		margin-left: -15px; 
		margin-right: -15px;
	}
	.row.v1.group {
    margin-left: -30px;
	}
	#specifity main > .col12of12 > .col4of12,
	#specifity main > .col12of12 > .starterimage > .col4of12{
		margin-left: -15px;
	}
	#specifity main {
		width: auto;
		margin-left: 0px;
		margin-right: 0px;
	}
	.lightboxContainer {
    left: 50%;
    margin-left: -50%;
    max-width: 722px;
    padding-top: 50px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 60;
	}
	.col12of12 .row .datesearch {
		margin-left:0;
	}
	.col12of12 .abo.magazine {
		margin-left: -30px;
	}
	.letters,
	.letters li {
		display: inline-block;
	}
	.letters li {margin-bottom: 10px;}
	.glossar ol ol li {
		display: block;
	}
	/*test*/
	#specifity .siteContent {width: 502px; margin: 0 auto;}	
	/*test ende*/	
	.sliderbanner .col4of12 {width: 100%;}
	#adfix {
		max-height: 30%;
	}
    #adfix.rotating {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }
	#adfix .teaser.ad {
		margin: 0.5em 0; 
		-webkit-box-flex: 1;
		-moz-box-flex: 1;
		-webkit-flex: 1 1 80px;
		-ms-flex: 1 1 80px;
		flex: 1 1 80px;
		position: relative;					
	}
	#adfix .teaser > * {
		height: auto; 
		max-height: 100%;
		left: 0;
		right: 0;
		margin: auto;
	}
	#adfix > *,
	#adfix > *:first-child {
		margin-left: 0 !important; 
		display: block;
	}
	.relatedContent > article.col4of12 {width: auto;}
	
	.teaser .tablist a {
		font-size: 17px;
		padding: 10px 15px;
	}
	.admarket .tab.nav .nav-item a {
		font-size: 17px;
		padding: 10px 15px;
	}
	
	.row .mediateaser .col2of12 {
		width: 111px;
	}
	.row .relatedContent .mediateaser .col2of12 {
		width: 96px;
	}
	.row .mediateaser .col2of12.even {
		margin-right: 25px;	
	}
	.row .mediateaser .col2of12:nth-child(4n+4) {
		margin-right: 0;	
	}
	
	.container-right.col6of12,
	.container-left.col6of12 {
		display: block;
		width: auto;
	}
	.container-right.col6of12,
	.container-left.col6of12 {
		width: auto;
	}
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 767px) {
	#adfix > *:first-child, #adfix > * {margin-left: 0 !important; margin-right: 0; display: block;}
}
@media (max-width: 590px) {
	main.row		{width: 438px;}
	.col1of12 		{}
	.row.col1of12 	{width: 27px;} /* (*) */
	.col2of12 		{width: 34px;} /* (*) */
	.row.col2of12 	{width: 64px;} /* (*) */
	.col3of12 		{width: 72px;}
	.row.col3of12 	{width: 102px;}
	.col4of12 		{width: 109px;} /* (*) */
	.row.col4of12 	{width: 139px;} /* (*) */
	.col5of12 		{width: 146px;} /* (*) */
	.row.col5of12 	{width: 176px;} /* (*) */
	.col6of12 		{width: 184px;}
	.row.col6of12 	{width: 214px;}
	.col7of12 		{width: 221px;} /* (*) */
	.row.col7of12 	{width: 251px;} /* (*) */
	.col8of12 		{width: 258px;} /* (*) */
	.row.col8of12 	{width: 288px;} /* (*) */
	.col9of12 		{width: 296px;}
	.row.col9of12 	{width: 326px;}
	.col10of12 		{width: 333px;} /* (*) */
	.row.col10of12 	{width: 363px;} /* (*) */
	.col11of12 		{width: 370px;} /* (*) */
	.row.col11of12 	{width: 400px;} /* (*) */
	.col12of12 		{width: 408px;}
	.row.col12of12 	{width: 438px;}
	/* (*) width originally was a non int number. Number got rounded. */

	/*#specifity main {
		width: 460px;
	}*/
	
	/*test*/
	#specifity main {
		width: auto;
	}
	#specifity .siteContent {width: 433px; margin: 0 auto;}
	.relatedContent > article.col4of12 {width: auto;}
	
	/*test ende*/
	
	/*article*/
	.articleDetail .figure.center_top {
		float: none;
		margin-right: 0;
	}
	.articleDetail footer.footer:after {
		content: "";
		display: table;
		clear: both;
	}
	.articleDetail footer.footer > span {
		display: inline-block;
		vertical-align: middle;
		width: 30%;
	}
	.articleDetail footer.footer > a.print {
		display: block;
		margin-top: 10px;
	}
	.highlightbox.right,
	.highlightbox.left {
		width: auto;
	}
	
	/*Slider*/
	#specifity .sliderCollection > .body > .row > li .headline,
	#specifity .sliderCollection.small > .body > .row > .slider .smallslider > .header > .headline {
		margin: 230px 0 0;
	}

	#specifity .sliderCollection.small {
		width: 423px;
	}
	
	/*starterbild / schmuckbild*/
	.starterimage .image {width: 423px}
	.image figure.figure.left_big {width: 423px;}
	.image figure.figure.left_big figcaption {width: 383px;}
	
	
	/*teaser*/
	#specifity .col3of12.teaser.standardcontent {
		border-right: none;
		display: block;
		width: auto;
	}
	#specifity .col3of12.teaser.standardcontent > .body > div[align="center"] {
		float: left;
		width: 100px;
		margin-right: 10px;
	}
	
	/*whoiswho*/
	.addressdbSearch .formSet {
		width: 100%;
	}
	.addressdbSearch .toggleDetailSearch {
		margin-bottom: 10px;
	}

	#specifity .companyPortraits .body li:first-child + li:before,
	#specifity .waregroups .body li:first-child + li:before,
	#specifity .morecompanies .body li:first-child + li:before {
		display: block;
	}
	.companyPortraits .body li,
	.waregroups .body li,
	.morecompanies .body li {
		width: auto;
		display: block;
	}
	#specifity .addressdbSearch .formSet {
		width: auto !important;
		float: none;
		padding: 0 !important;
	}
	#specifity .addressdbSearch .formSet.searchbutton {
		position: static;
	}

	.address-db .formSet.lastname,
	.address-db .formSet.select,
	.address-db .formSet.message {
		width: 315px;
	}

	main form .formSet.lastname,
	main form .formSet.firstname,
	main form .formSet.phone,
	main form .formSet.fax,
	main form .formSet.mail,
	main form .formSet.select {
		width: 150px;
	}
	main form .formSet.company,
	main form .formSet.message,
	main form .formSet.mail,
	.bookAddressEntry .formSet.select {
		width: 315px;
	}
	main form .formSet.select {
		width: 314px;
	}
	main form .formSet.street,
	main form .formSet.city {
		width: 220px;
	}
	main form .formSet.houseNumber,
	main form .formSet.housenumber,
	main form .formSet.zipCode,
	main form .formSet.zipcode {
		width: 80px;
	}
	
	.col12of12 .row.list > ul,
	#specifity .sliderCollection,
	.companyPortraits,
	.catalogueService,
	.addressdbSearch {
		margin-left: -15px; 
		margin-right: -15px;
	}
	.row.v1.group {
    	margin-left: -30px;
	}
	#specifity main > .col12of12 > .col4of12 {
		margin-left: -15px;
	}
	#specifity main > .col12of12 > .starterimage > .col4of12 {
		margin: 0;
	}
	#specifity .tablist > li {
		display: inline-block;
	}
	
	.row .mediateaser .col2of12 {
		width: 126px;
	}
	.row .relatedContent .mediateaser .col2of12 {
		width: 115px;
	}
	.row .mediateaser .col2of12:nth-child(4n+4) {
		margin-right: 25px;	
	}
	.row .mediateaser .col2of12:nth-child(3n+3) {
		margin-right: 0px;	
	}
	
}
@media (max-width: 479px) {
	main.row		{width: 294px;}
	.col1of12 		{}
	.row.col1of12 	{width: 26px;} /* (*) */
	.col2of12 		{width: 20px;} /* (*) */
	.row.col2of12 	{width: 50px;} /* (*) */
	.col3of12 		{width: 45px;}
	.row.col3of12 	{width: 75px;}
	.col4of12 		{width: 69px;} /* (*) */
	.row.col4of12 	{width: 99px;} /* (*) */
	.col5of12 		{width: 93px;} /* (*) */
	.row.col5of12 	{width: 123px;} /* (*) */
	.col6of12 		{width: 118px;}
	.row.col6of12 	{width: 148px;}
	.col7of12 		{width: 142px;} /* (*) */
	.row.col7of12 	{width: 172px;} /* (*) */
	.col8of12 		{width: 166px;} /* (*) */
	.row.col8of12 	{width: 196px;} /* (*) */
	.col9of12 		{width: 191px;}
	.row.col9of12 	{width: 221px;}
	.col10of12 		{width: 215px;} /* (*) */
	.row.col10of12 	{width: 245px;} /* (*) */
	.col11of12 		{width: 239px;} /* (*) */
	.row.col11of12 	{width: 269px;} /* (*) */
	.col12of12 		{width: 264px;}

	.row.col12of12 	{width: 294px;}
	/* (*) width originally was a non int number. Number got rounded. */

	#specifity main {
		width: auto;
	}
	/*test*/
	#specifity main {
		width: auto;
	}
	#specifity .siteContent {width: 273px; margin: 0 auto;}
	.relatedContent > article.col4of12 {width: auto;}
	
	/*test ende*/

	#specifity article.datesearch fieldset.dates input {
		width: 125px;
	}
	
	main .row .ad {
		width: auto;
		display: block;
	}
	
	/*article*/
	.articleDetail footer.footer > span {
		display: block;
		width: auto;
		margin-bottom: 20px;
	}
	
	/*header*/
	.siteHeader > .mobile-search .toggleDetailSearch,
	.siteHeader .mobile-menu-toggle {
		top: 20px;
	}
	.siteHeader .logo {
		height: 40px;
	}
	#specifity .siteNavigation .mainNav > li > ul > li {
		width: 100%;
	}
	
	/*slider*/	
	#specifity .sliderCollection > .body > .row > li .headline,
	#specifity .sliderCollection.small > .body > .row > .slider .smallslider > .header > .headline {
		margin: 150px 0 0;
	}

	#specifity .sliderCollection.small {
		width: 279px;
	}
	#specifity .sliderCollection .teaser.slider.big {
		min-height: 520px;
	}
	
	/*starterbild / schmuckbild*/
	.starterimage .image {width: 279px; margin-left: 0;}
	.image figure.figure.left_big {width: 279px;}
	.image figure.figure.left_big figcaption {width: 239px;}
	
	
	/*teaser*/
	#specifity .col3of12.teaser.standardcontent > .body > div[align="center"] {
		width: 65px;
	}
	
	/*whoiswho*/
	#specifity main form .formSet {
		float: none;
		width: auto !important;
	}
	.teaser.contactCompany form .formSet.street,
	.teaser.contactCompany form .formSet.zipCode {
		margin-right: 0;
	}
	.address-db .hit-list .table table td a .media, 
	.catalogueService .addressdb-form table.default .media {
		width: 80px;
	}	
	.articleDetail .xopusiframe {
		max-width: 100%;
		height: auto;
	}
	.articleDetail .xopusiframe > iframe {
		max-width: 100%;
		width: 100%;
		height: auto;
	}
	#specifity main .abo.magazine form .formSet {
		width: 100% !important;
	}
	
	.row .mediateaser .col2of12 {
		width: 126px;
	}
	.row .relatedContent .mediateaser .col2of12 {
		width: 107px;
	}
	.row .mediateaser .col2of12:nth-child(4n+4) {
		margin-right: 25px;	
	}
	.row .mediateaser .col2of12:nth-child(3n+3) {
		margin-right: 25px;	
	}
	.row .mediateaser .col2of12.even {
		margin-right: 0 !important;
	}
	
	/* KW | nbsp GmbH | 4/10/2014 - 9:05:25 AM | DDH-Ticket 7420 - Anpassung css Banderole */
	div.advertising-left div.left-con div.con-overlay {
		background-color: transparent;
		opacity: 1;
	}
	div.advertising-left div.left-con .con-content img {
		background-color: rgba(0, 0, 0, 0.4);
		padding: 5px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	div.advertising-left div.left-con div.con-content {
		top: 0;
	}
	
	
}