/*
////////////////////////////////////////////////////////////////////////
//                      mobile.anthrazit.org                          //
////////////////////////////////////////////////////////////////////////
//                                                                    //
//  Cascading Style Sheet for mobile.anthrazit.org                    //
//  Created 2007 by bitsolution stalder, www.bitsolution.ch           //
//  Styles for Screen: XXS  XS  S  M  L  [XL]  XXL                    //
//                                                                    //
////////////////////////////////////////////////////////////////////////
*/


/*
========================
| COMMON ELEMENTS /////
========================
*/


/*
--------------------
struct block widths
--------------------
*/

:root {
	--width-main: 1500px;
	--width-nav: 23.33%;
	--width-nav-min: 270px;
	--width-right-col: 290px;
	--width-col-gap:40px;
	--width-page-padding:43px;
}

@media screen and ( max-width: 1586px ) {
	:root {
		--width-main: calc(100%);
	}
}

.mmw:not(.embedded) #mainWrapperMid, .wrapperMid {  padding-left:var(--width-page-padding); padding-right: var(--width-page-padding); margin-left: auto; margin-right: auto; }

#mainWrapperMid { display:flex; flex-direction: row; gap: var(--width-col-gap); justify-content: space-between; flex-wrap: nowrap; }

#moPageContentInner .wrapperMid, .blockTop .wrapperHeader, .myFooter .wrapperMid, .elementFooter { max-width:var(--width-main);  }
#colLeft            { width:var(--width-nav); min-width: var(--width-nav-min); }
#colMain            { flex-grow: 1; flex-shrink: 1; flex-basis: 0; width:1%;  }
#colRight           { width:var(--width-right-col); }

.wrapperContent .wrapperFullWidth { margin-left:0; margin-right:0; }


/* header */
.blockTop, .titleLandingpage, .logoLandingpage {  }
.mmw .blockTop .button        { top:10px; }
.mmw .wrapperMid { }
.mmw .blockTop .action { display:none; }
.mmw .blockTop .backlink { position:absolute; top:19px; left:19px; line-height:22px; height:25px; }
.mmw.withTopNav .blockTop .backlink {  top:32px; }
.mmw .blockTop .backlink a {  color:inherit!important; }
.noRightCol .blockTop .action { display:block; }

.blockMain, .mobile .blockTop    { width:100%; }
.blockTop .wrapperHeader { margin-left:auto; margin-right:auto; padding:0 var(--width-page-padding);}
.colNavigation {  margin-right:0px; margin-top:1em;);}

#navigationContent { margin-top:0px; }

.size6 .wrapperContent { padding:0;}

.wrapperMid     { padding:0 var(--width-page-padding); margin-left:auto; margin-right:auto;}
.mobile .mmw .elementFooter  { margin-left:auto; margin-right:auto; }
/*.naviLeft .wrapperBottom  { width:1211px;}*/

.mobile .wrapperContent { margin-top:0; }
.cug .topImage .headerClosedUserGroup  { margin-top:-9px;}

.colFuncs .buttonRow { max-width:none;}
#titleAction       { display:none; }
.noRightCol #titleAction { display:block; }

.ipadPortraitOnly   { display:none;}


/* navi left only for wide screens */
@media screen and ( max-width: 1211px ) {
	.naviLeft .colFuncs       { padding:1em 19px 0 0; float:none; width:100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
	.naviLeft .colFuncs  #actionFuncsRight { clear: both; padding-top:1em;}
	.naviLeft .colFuncs  #actionFuncsRight .buttonRow { max-width:240px;}
	.naviLeft .blockStaticRight   { width:33.33%; border-right:20px white solid; float:left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-color:white!important;}
	.naviLeft .blockTop .action { display:block; }
}

/* tablets portrait and screen small */
@media screen and ( max-width: 880px ) {

	#actionHome         { display:none; }
	#titleAction       { display:block; }

	.ipadPortraitOnly   { display:block;}

	.mmw .blockTop .action { display:block; }

	.colNavigation { display:none; }
	.naviLeft .colFuncs       { padding:0em 19px 0 0;}
	#navigationContent .wrapperContent { padding:0;}

	/* top button */
	.mmw .blockTop .nav           { left:19px}
	.mmw .blockTop .action        { right:19px;  }

	.wrapperMid, .naviLeft .wrapperMid {  padding:0;}
	.wrapperBottom, .naviLeft .wrapperBottom {  width:100%;}
	.wrapperBottom .paddingFullWidth  { padding-left:19px; padding-right:19px; }

	.paddingFullWidth		{ padding-left:19px; padding-right:19px; }

	.colFuncs       { margin:2em 19px 0 19px; float:none; width: auto;  }
	.webapp2 .colFuncs #actionFuncsRight  { display:none; }

	.mobile .elementLinkRowLast			{ border-bottom:solid 1px; }

	/*search bar */
	.size6 .elementModuleSearch .elementSearchbar .inputLine { width:94%;}
}




/* font sizes */
body					{ font-size:15px; }

/*links*/
.arrow					{ font-size:80%; line-height:1.4em; }


/*
========================
| HEADER    ////////////
========================
*/

/*stylesheet chooser*/
.elementSizeChooser		{ }
.elementSizeChooser a	{ padding:0 0.3em 0em 0.3em; margin-right:0.2em;  }


/*
========================
| TABS   ///////////////
========================
*/

.tabs				{ font-size:1.2em; }

/*
========================
| VCARD  ///////////////
========================
*/

.elementVcard .imgContainer	{ width:25%; }
.elementVcard .textContainer	{ width:70%; }



/*
========================
| MISC //////////////
========================
*/


.elementTitleBar 		{ font-size:100%; }
.elementTitleBar .linkRight	{ font-size:90%;}
.infobox .msg				{ float:right; width:80%; }

.elementMyHome				{ padding:0 0 0 0;}


/*terms*/
.elementResultBlock small.date	{ width:30%; display:inline-block; color:#888; }

/*promo block below sitemap*/
.elementPromoBlock .serviceicon { width:10%; }
.elementPromoBlock .description { width:90%; }

.elementAddPage .elementForm .elementRadio label { width:75%; float:right;}

/*servicelist*/
.elementServiceList .serviceicon { float:left; width:10%}
.mobile .elementServiceList .description { }
.mobile .smallMarginTop		{ clear:none; }

/*deeplinks*/
.elementDeeplink a.rowInner			{ font-size:100%; }
.elementTitleBar .icon			{ background-position:left 13px;}

/*whole sibling row clickable*/
.mobile .clickable					{ cursor:pointer;  min-height:40px; padding-right:35px!important; background:url(/appl/grfx/bg_titlebar_link.png) no-repeat 98.3% center; }


.mmw .elementNaviTop  		{ font-size:115%!important;}

/*
========================
| PGUIDE //////////////
========================
*/

/*list*/
.pguideResList .moreLinks, .pguideCats .moreLinks	{ font-weight:bold; margin-bottom:3px; }
.pguideResList .links	{ text-align:right;  }
.pguideResList .elementObjectExtLink { display:inline;  }
.pguideResList .elementObjectExtLink a { padding-left:0px;  }
.pguideResList .containerLead { width:75%; }

.pguideResList .elementFancySiblingList .containerLead { float:right; width:73%; }

/*res list webguide*/
.resBlockMagazin .pguideResList .containerLead { width:65%; }


/* 2 cols */
.twoCols .row .containerLead { float:left; width:65%!important; padding-right:5px; }
.twoCols .title				{ background-position:0px 5px; background-repeat:repeat-x; }

/* numbered sibling list */
.pguideResList .number	{ width:60px; height:45px; float:left; color:#444; font-size:42px; text-align:center; margin-right:8px; }


/*start objs*/
.catsFloatLeft			{ float:right; width:35%; margin:10px 0px 0px 0px; font-size:1.0em;}
.catsFloatLeft a		{ margin-bottom:6px; display:block}
.startObj				{ width:61%; float:left; }
.startObj .thumb		{ float:none;  padding: 0px; margin-bottom:0px; }
.startObj .containerThumb { text-align:center; padding-right:10px; }
.startObj .row			{ padding:0px 0px 10px 0px; }
.startObjSiblings		{ margin:0px;}

/*paging*/
.elementPaging, .elementBack	{ padding:3px 2px 4px 2px; }

.pguideCats				{ padding: 4px 2px 5px 2px;}
.elementCatsPath		{ padding:2px 0px 5px 0px; }
.pguideRubrikList		{ padding-top:5px; padding-bottom:5px; }
.elementDate			{ font-size:80%; float:right; }



/*
========================
| navigation left
========================
*/

.elementNavigationLeft .elementLinkRow a { font-weight:normal;  padding-top:8px; padding-bottom:8px;}
.elementNavigationLeft .active a { font-weight: bold;}
.naviLeft:not(.iconfirstlevelonly) .elementNavigationLeft .elementNavigationLeft .elementLinkRow { padding-left: 40px!important;}
.naviLeft.iconfirstlevelonly .elementNavigationLeft .elementNavigationLeft { margin:0;}
.naviLeft.iconfirstlevelonly ul ul li .elementLinkRow { padding-left:69px!important; }
.naviLeft:not(.iconfirstlevelonly) .elementNavigationLeft .elementNavigationLeft .elementNavigationLeft .elementLinkRow { padding-left:69px!important;}
.elementNavigationLeft .elementNavigationLeft .noSubIcon { padding-left:30px;}
.colNavigation ul, .colNavigation li { margin:0; padding:0; list-style: none; }
.elementNavigationLeft .sectionHeader { padding:1.5em 0 0.5em 0;}
.elementNavigationLeft .sectionHeader .caption { font-size:75%; text-transform: uppercase; letter-spacing: 0.2em; opacity: 0.75; }