@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic);

/* RESET */
*
{
    margin:0;
    padding:0;
    border:0;
    line-height: 1em;
    box-sizing: border-box;
}

/* GLOBAL */
body 
{
	background: #9C9E9F; 
	text-align: center; 
	font-family: 'PT Sans', Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	color: #4D4D4D; 
}

/* TAGS */
h1 
{ 
	font-size: 18px; 
	font-weight: 600; 
	line-height: 28px; 
	color: #0A71B4; 
	margin: 0px;
   padding-bottom: 10px;
}

h2 { 
	font-size:14px; 
	font-weight:bold; 
	line-height:25px; 
	color:#0A71B4; 
	margin:0px 0px 0px 0px; 
}
h3 
{ 
	font-size:14px; 
	font-weight:normal; 
	line-height:21px; 
	color:#0A71B4;
}

h3.subHeader
{
    margin-top: -0.6rem;
    margin-bottom: 0.6rem;
}

h4 { font-size:14px; font-weight:bold; line-height:21px; color:#333333; margin:0px 0px 10px 0px; }
h5 { font-size:12px; font-weight:bold; line-height:18px; color:#0A71B4; margin:0px 0px 10px 0px; }
h6 { }
p 
{ 
	line-height: 21px; 
	margin:0px 0px 10px 0px; 
}
a { color:#0A71B4; }
ul
{
    list-style:inside;
}
.content ul
{ 
	list-style: square outside; 
	line-height: 21px; 
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 8px;
	padding-left: 5px; 
}
.content ol
{
    line-height: 1.5;
    margin-left: 0.5rem;
    margin-top: 0.5rem;
    margin-bottom: 0.6rem;
    padding-left: 0.5rem;
}
.content ul li,
.content ol li
{
	margin-bottom: 0.7rem;
}


/* LAYOUT */
.body 
{ 
	background:url(../Images/classBody.jpg) repeat; 
}
#screen
{
    max-width: 100dvw;
	background:url(../Images/classScreen.jpg) no-repeat center top;
    overflow: clip;
}
.headerWrap
{
    background:#FFFFFF;
}
.header
{
    display: flex;
    width: min(992px, 100%);
    height:170px;
    margin-inline: auto;
    margin-block: auto;
    padding-left: 25px;
    text-align: left;
}
#site 
{
    position: relative;
    top: -25px;
    width: min(1200px, 100%);
	text-align: left;
	margin-inline: auto;
    margin-block: auto;
	z-index:10; 
}
#leftColumn, 
.rightColumn 
{ 
	background:#FFFFFF; 
	-webkit-border-radius:10px;
	-moz-border-radius:10px; 
	border-radius: 10px;
	box-shadow: 0.5rem 0.5rem 0.8rem #333333;
}
#leftColumn
{
    display: flex;
    flex-wrap: wrap;
    flex-basis: 975px;
    position: relative;
    padding-bottom: 1.5rem;
}
main
{
    display: flex;
    flex-wrap: wrap;
    width: min(1200px, 98dvw)
}
#mainColumn
{
    display: flex;
    column-gap: 1rem;
    flex-basis: 975px;
    flex-grow: 1;
    flex-shrink: 1;
}
.rightColumn
{
    flex-basis: 216px;
    flex-grow: 1;
    flex-shrink: 1;
    position: relative;
    min-width: 216px;
    padding-bottom: 1.5rem;

}
#leftRightColumn 
{
    flex-basis: 710px;
    flex-grow: 1;
    min-width: 500px;
	padding-right: 0.5rem;
}
.bottomBorder
{
    position: absolute;
    left: 0;
    bottom: 0;
    height: 25px;
    width: 100%;
    background:url(../Images/classBottomBorder.jpg) repeat-x;

    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
}

/* MAINMENU */
div.mainMenu 
{ 
	height: 37px; 
	margin-bottom: 0;
	margin-top: -12px;
	overflow: hidden;
}

.mainMenu ul 
{ 
	list-style: none; 
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 40px; 
}
.mainMenu li 
{ 
	float: left; 
	width: 140px;  
	height: auto; 
	margin: 0px 10px 0px 0px; 
}
.mainMenu a 
{ 
	display: block; 
	background: url(../Images/mainMenuBtn.png) no-repeat;
	background-size: 100% 100%; 
	padding: 7px 5px 5px 5px; 
	text-align: center; 
	color:#FFFFFF; 
	text-decoration: none; 
	height: 40px;
   
   -moz-transition: all 1s;
   -webkit-transition: all 1s;
   transition: all 1s;
}
.mainMenu a.act, .mainMenu a:hover 
{ 
	background:url(../Images/mainMenuBtnAct.png) no-repeat;
	background-size: 100% 100%;
   
   -moz-transition: all 1s;
   -webkit-transition: all 1s;
   transition: all 1s;
}

#mainMenu .level2,
#mainMenu .level3
{
   display: none;
}

#mainMenuMobile
{
}

#mainMenuMobile ul
{
   text-align: left;
}

#mainMenuMobile ul a
{
   text-decoration: none;
}

.breadCrumb,
div.language
{
	background:#C5C5C5;
}
 /* BREADCRUMB */
.breadCrumb
{
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    flex-basis: 100%;
    flex-grow: 1;
	height:40px; 
	margin-inline: 0;
    margin-top: 0;
    margin-bottom: 20px;
	padding-right: 15px;
    padding-block: 12px;
    padding-left: 0.5rem;
    font-size: 12px;
   
	-webkit-border-top-left-radius:10px; 
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topleft:10px; 
	-moz-border-radius-topright:10px; 
	border-top-left-radius:10px; 
	border-top-right-radius:10px; 
}

.breadCrumb ol
{
    display: flex;
    gap: 0.5rem;
	list-style: none; 
}
.breadCrumb li 
{
   color:#0A71B4; 
}
.breadCrumb a { text-decoration:none; }
.breadCrumb a:hover { text-decoration:underline; } 

/* SUBMENU */
.subMenu 
{ 
	margin-bottom: 20px;
    margin-left: 17px;
}
.subMenu ul
{
    list-style:none;
}

.subMenu a 
{ 
	display: block; 
	background: url(../Images/subMenu.png) no-repeat;
	background-size: 100% 100%;
	font-weight: bold; 
	color: #333333; 
	padding: 8px 0px 8px 20px; 
	text-decoration: none;
   
   -moz-transition: all 1s;
   -webkit-transition: all 1s;
   transition: all 1s;
}
.subMenu a.act, .subMenu a:hover 
{ 
	background:url(../Images/subMenuAct.png) no-repeat; 
	background-size: 100% 100%;
	color: #FFFFFF;
   
   -moz-transition: all 1s;
   -webkit-transition: all 1s;
   transition: all 1s;
}

/* INFOBOX1 */
.infoBox1 
{ 
	margin: 0px 0px 20px 18px; 
	width: 220px;
   max-width: 95%;
	background: url(../Images/headQuadersBody.png) repeat-y;
	background-size: 100% auto;
}
.infoBox1Bottom 
{ 
	background: url(../Images/headQuadersBottom.png) no-repeat; 
	background-size: 100% auto;
	height:4px; 
	margin: 20px 0px 0px 0px; 
}
.infoBox1 h1,
.infoBox1 h2,
.infoBox2 h3
{
	padding-left: 12px;
}
.infoBox1 p { font-size:12px; line-height:19px; padding:0px 12px 0px 12px; }
.infoBox1 h4 { color:#0A71B4; font-weight:bold; margin:0px 0px 0px 12px; line-height:19px; }
.infoBox1 ul { margin:0px 0px 0px 20px; }
.infoBox1 li { margin:2px 0px; margin-block: 10px; }
.infoBoxHeadGrey, 
.infoBoxHeadBlue 
{ 
	background:url(../Images/infoBoxHeadGrey.png) no-repeat;
	background-size: 100% 100%;
	color:#FFFFFF; 
	padding:6px 0px 6px 12px; 
	font-size:14px; 
	font-weight:normal; 
	margin:0px 0px 20px 0px; 
	line-height:1em; 
	height:13px; 
}
.infoBoxHeadBlue 
{ 
	background: url(../Images/infoBoxHeadBlue.png) no-repeat;
	background-size: 100% 100%;
}
.infoBox1 a { color:#333333; }
/* INFOBOX2 */
.infoBox2 
{ 
	background:url(../Images/infoBox2.png) repeat-y;
	background-size: 100% auto;
	width: 220px; 
	margin: 0px 0px 0px 18px; 
}
div.sidebarInfo
{
   padding-left: 10px;
   padding-right: 10px;
	font-size: 14px;
}
div.sidebarInfo .bodytext
{
	line-height: 1.8;
}
.rightColumn .infoBox2
{
	width: 200px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.infoBox2Head 
{ 
	background: url(../Images/infoBox2HeadGrey.png) no-repeat;
	background-size: 100% auto;
	height: 6px; 
	margin-bottom: 10px;
}
.infoBox2Bottom 
{ 
	background: url(../Images/infoBox2Bottom.png) no-repeat;
	background-size: 100% auto;
	height: 12px;
	margin-top:5px;
}
.infoBox2 ul 
{ 
	list-style:none; 
	margin-left: 5px;
}
.infoBox2 li { margin-block: 2px; }
.infoBox2 a { color:#333333; text-decoration:none; padding-left: 10px; }
.infoBox2 a.act, .infoBox2 a:hover { font-weight:bold; background:url(../Images/blueRectangle.png) no-repeat center left; }


/* BOUNCE */
div.bounce
{
    padding-inline: 0.5rem;
    margin-top: 2rem;
}
div.bounce div 
{
    width: 660px;
    max-width: 100%;
    height: auto;
    padding-left: 10px;
    padding-top: 2px;
	background:url(../Images/bounceBg.png) repeat-y;
	background-size: 100% auto;
}
div.bounce div div
{
	background: none;
	width: auto;
	padding-left: 3px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
h2.bounceItem,
h3.bounceItem,
h4.bounceItem 
{ 
	background:url(../Images/bounceHeader.png) no-repeat;
	background-size: 100% 100%; 
	padding:4px 0px 5px 25px; 
	margin:0;
   cursor: pointer;
}
.bounceItem h5 { padding:10px 0px 0px 25px; }
div.bounce h2.ui-state-active,
div.bounce h3.ui-state-active,
div.bounce h4.ui-state-active,
div.bounce h2.active,
div.bounce h3.active,
div.bounce h4.active,
h2.bounceItem:hover,
h3.bounceItem:hover,
h4.bounceItem:hover 
{ 
	background:url(../Images/bounceHeaderAct.png) no-repeat;
	background-size: 100% 100%;
	color:#FFFFFF; 
}
.bounceItem ol { list-style:decimal; margin:0px 10px 0px 40px; padding:0px 0px 10px 0px; }
.bounceItem li { font-size:12px; margin:2px 0px; line-height:18px; }

/* MICSTABLE */
.miscTable
{
    padding: 0 20px;
    margin: 20px 0;
}
.miscTableItem { border-left:1px solid #CCCCCC; width:151px; float:left; padding:2px 7px; }
.miscTableItem h4 { font-size:12px; font-weight:bold; color:#0A71B4;  margin:0px 0px 5px 0px; }
.miscTableItem p { font-size:12px; margin:0px; line-height:18px; }

/* FOOTERMENU */
.footerMenu { margin:0px 20px; border-top:1px solid #CCCCCC; padding:10px 20px 20px 20px; text-align:center; }
.footerMenu ul { list-style:none; display:inline }
.footerMenu li { margin:0px 2px 0px 0px; text-align:center; display:inline; line-height:18px; font-size:12px; color:#333333; }
.footerMenu a { color:#333333; text-decoration:none; }
.footerMenu a.act, .footerMenu a:hover { text-decoration:underline; }

/* LANGUAGE */
.language 
{  
	height: 65px; 
	margin: 0px 0px 20px 0px; 
	text-align:right; 
	-webkit-border-top-left-radius:10px; 
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topleft:10px; 
	-moz-border-radius-topright:10px; 
	border-top-left-radius:10px; 
	border-top-right-radius:10px; 
}
.language p {  margin:0px; }
.language ul { list-style:none; margin:0px 0px 0px 131px; }
.language li { float:left; margin:0px 4px 0px 0px; }

div#otherLangLinkWrapper
{
   position: relative;
   max-height: 100%;
   margin-right: 20px;
}

#otherLangLinkWrapper a
{
   position: relative;
   display: inline-block;
   height: 100%;
}

#otherLangLinkWrapper img
{
   max-height: 30px;
   width: auto;
   margin-top: 20px;
}

.fsnd-faq-container
{
    margin-top: 2rem;
    margin-inline: 0.5rem;
}

/* CONTACTBOX */
.contactBox { margin:0px 8px 20px 8px; padding:10px; border:1px solid #CCCCCC; background:#F2F2F2 }
.phone { display:block; color:#0A71B4; font-size:19px; }

/* INFOBOX2 RIGHT COLUMN */
.rightColumn .infoBox2 { margin:0px 0px 20px 8px; }

/* INFOBOX1 RIGHT COLUMN */
.rightColumn .infoBox1 { margin:0px 0px 20px 8px; }

/* COPYRIGHT */
.copyright { text-align:center; padding:5px 0px 0px 0px; }
.copyright p { color:#FFFFFF; }

/* Pages menu */
.pagesMenu div.menuItem
{
   display: inline-block;
   width: 33%;
   margin-bottom: 20px;
   vertical-align: top;
}

.pagesMenu .menuItem div.menuItemInner
{
   width: 92%;
   margin-left: auto;
   margin-right: auto;
   margin-top: 10px;
   margin-bottom: 10px;
   background: #F9F9F9;
   border: 2px #FFF solid;
   overflow: hidden;
}

.pagesMenu .menuItem div.menuItemInner:hover
{
   background: #F0F0F0;
   border: 2px #EEE outset;
}

.pagesMenu .menuItem .menuItemInner a,
.pagesMenu .menuItem .menuItemInner a:visited
{
   text-decoration: none;
   color: inherit;
}

.pagesMenu .menuItem div.menuItemImage
{
   height: 140px;
   margin-bottom: 10px;
   text-align: center;
   overflow: hidden;
}

.pagesMenu .menuItem .menuItemImage img.pagesImage
{
   width: auto;
   min-width: 100%;
   height: 100%;
}

.pagesMenu .menuItem div.pagesItemContent
{
   height: 100px;
   padding-left: 10px;
   padding-right: 10px;
   padding-bottom: 10px;
   overflow: hidden;
}

.pagesMenu .menuItem .pagesItemHeader
{
   font-size: 16px;
   padding-bottom: 10px;
}

.pagesMenu .menuItem div.pagesItemText
{
   line-height: 16px;
}

/* MISC */
.clear { clear:both; }

.print-icon
{
}

div.print-icon
{
	padding-top: 2px; 
	padding-left: 10px;
	padding-right: 5px;
	margin-top: 0px; 
	margin-right: 0px;
	float: right;
}

.print-icon img
{
}

.print-button
{
}

.print
{
	text-align: left;
}

div.print
{
	width: 90%
}

.print-header
{
}

div.print-header
{
	clear: both;
}

.print-logo
{
}

div.print-logo
{
	float: left;
}

div.print-button
{
	width: 100px;
	float: right;
	text-align: right;
}

.print-content
{
}

div.print-content
{
	clear: both;
}

.print-footer
{
}

div.print-footer
{
}

form.inhalt input
{
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #202020;
	background-color: #F0F0F0;
}

form.inhalt textarea,
form.inhalt input.submit
{
	border-bottom-width: 2px;
	border-bottom-style: groove;
	border-bottom-color: #808080;
	border-top-width: 2px;
	border-top-style: ridge;
	border-top-color: #808080;
	border-left-width: 2px;
	border-left-style: ridge;
	border-left-color: #808080;
	border-right-width: 2px;
	border-right-style: groove;
	border-right-color: #808080;
	padding: 2px 10px 2px 10px;
}

dl.csc-menu-4 dt h3 a,
dl.csc-menu-4 dt h3 a:visited,
div.csc-sitemap h3
{
	text-decoration: none;
	color: #3E3E3E;
	font-weight: bold;
}

dl.csc-menu-4 dt h3 a:hover
{
	text-decoration: underline;
}

dl.csc-menu-4 dd
{
	padding-top: 2px;
	padding-bottom: 8px;
	padding-left: 5px;
}

div.csc-sitemap ul
{
	list-style: none;
	margin-bottom: 5px;
	margin-left: 5px;
}

.sitemap-level2 li
{
	padding-left: 5px;
	padding-bottom: 2px;
}

div.fsnd_rss_item
{
	clear: both;
	float: none;
	text-align: left;
}

.fsnd_rss_item p.date
{
	width: 62px;
	font-size: 11px;
	font-style: italic;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 10px;
	padding-bottom: 0px;
	display: block;
	float: right;
	position: relative;
	text-align: right;
	line-height: normal;
	color: #000;
}

.fsnd_rss_item h2,
.fsnd_rss_item h3
{
	width: 425px;
	margin-top: 5px;
	margin-bottom: 0px;
	padding-top: 0px;
	font-weight: bold;
}

.fsnd_rss_item h2
{
	font-size: 14px;
}

.fsnd_rss_item h2 a
{
	text-decoration: none;
	color: #3E3E3E;
	font-weight: bold;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.fsnd_rss_item h2 a:hover
{
	text-decoration: underline;
	color: #000;
}

.entry-content h1
{
	font-size: 12px;
}

div.entry-content,
.fsnd_rss_item hr
{
	float: none;
	clear: both;
}

div.entry-content
{
	margin-top: 3px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.fsnd_rss_item hr
{
}

.entry-content p img
{
	display: block;
	float: left;
	margin-right: 10px;
}

a.more-link
{
	display: none;
}

div.feedMoreLink
{
	text-align: right;
	margin-bottom: 10px;
	margin-right: 20px;
	padding-bottom: 5px;
}

div.newsImage
{
	float: left;
	width: 150px;
}
div.csc-textpic-intext-left .csc-textpic-imagewrap
{
	max-width: 50%;
}

div.csc-textpic-intext-left .csc-textpic-imagewrap img
{
	max-width: 100%;
	height: auto;
}

div#mainMenuMobileDesk
{
	display: none;
}

/*********  Powermail *******************/
div.tx-powermail
{
	max-width: 100%;
   margin-top: 20px;
}
.tx-powermail h3,
.tx-powermail .powermail_fieldset legend
{
	display: none;
}

.tx-powermail .powermail_fieldset
{
	max-width: 90%;
	margin-left:  auto;
	margin-right:  auto;
}

.tx-powermail .layout3 .powermail_fieldset
{
   display: inline-block;
	max-width: 100%;
}

.tx-powermail .layout3 div.powermail_fieldwrap
{
   margin-bottom: 15px;
}

.tx-powermail .layout3 .layout1 label.powermail_label
{
   display: inline-block;
   width: 120px;
   vertical-align: top;
}

.tx-powermail .powermail_fieldset .powermail_field
{
	max-width: 80%;
}

.tx-powermail .layout3 .layout1 div.powermail_field
{
   display: inline-block;
   width: 260px;
}

.tx-powermail .layout3 .layout1 input.powermail_input,
.tx-powermail .layout3 .layout1 textarea.powermail_textarea
{
   width: 98%;
   padding-bottom: 4px;
   padding-top: 3px;
   padding-left: 2px;
   padding-right: 2px;
   background-color: #F9F9F8;
}

.tx-powermail .layout3 .layout1 input.powermail_input
{
   border-bottom: 1px #3E3E3E solid;
}
.tx-powermail .layout3 .layout1 textarea.powermail_textarea
{
   border-bottom: 1px #3E3E3E solid;
   border-right: 1px #3E3E3E solid;
   border-left: 1px #E3E3E3 solid;
   border-top: 1px #E3E3E3 solid;
}

.tx-powermail .layout3 div.powermail_fieldwrap.powermail_fieldwrap_type_submit
{
   padding-left: 120px;
   text-align: right;
}

.tx-powermail .layout3 .layout1 input.powermail_submit
{
   width: 100%;
   padding-top: 10px;
   padding-bottom: 10px;
   color: #0A71B4;
   background-color: #F9F9F8;
   text-align: center;
   border: #E3E3E3 1px outset;
   cursor: pointer;
   
   transition: all 1s;
}

.tx-powermail .layout3 .layout1 input.powermail_submit:hover
{
   border-color: #3E3E3E;
   transition: all 1s;
}
.ce-gallery img
{
    max-width: 100%;
    height: auto;
}
@media only screen and (max-width: 1100px) 
{
	#leftLeftColumn
	{
		max-width: 24.5%;
	}
    .infoBox1
    {
        width: auto;
    }
    #linkList2
    {
        display: flex;
        justify-content: center;
        padding-inline: 1rem;
    }
    .infoBox1 ul
    {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
        list-style: none;
        margin-inline: 0.5rem;
        padding-left: 0;
    }
    #linkList2 ul li
    {
        white-space: nowrap
    }
}

@media only screen and (max-width: 1020px) 
{
	
	.header
	{
        width: 95%;
        margin: 0 auto;
		padding: 0;	
		height: 99px;
        float: none;
	}
	
	.header > img
	{
		width: 100%;
		height: auto;
	}
    .header > a > img
    {
        width: 100px;
        height: auto;
        margin-top: -6%;
        margin-right: -5%;
    }
}

@media only screen and (max-width: 950px)
{
    #mainMenu
    {
        display: none;
    }
}

@media only screen and (max-width: 800px) 
{
	#leftRightColumn div.contactBox
	{
		width: 75%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 40px;
	}
	#locations
	{
		max-width: 99%;
	}
	.rightColumn
	{
		width: auto;
		float: none;
		margin-left: auto;
		margin-right: auto;
		margin-top: 15px;
	}
   
   .pagesMenu div.menuItem
   {
      width: 49.5%;
   }
   .copyright p
   {
       padding-top: 1rem;
       color: black;
   }
}

@media only screen and (max-width: 620px) 
{
    #mainColumn
    {
        flex-direction: column-reverse;
        gap: 1rem;
    }
	#leftLeftColumn
	{	
		flex-basis: 100%;
        max-width: unset;
	}
    .subMenu
    {
        max-width: calc(100dvw - 2rem);
        margin-inline: 0.8rem;
    }
    .subMenu ul
    {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
        gap: 0.5rem;
    }
    #locations
    {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }

    #locations > h3,
    #leftBottomAnchor
    {
        grid-column: 1/-1;
    }
	
	.header
	{
		padding: 0;	
		height: 99px;
	}
	
	.header img
	{
		width: 100%;
		height: auto;
	}
	
	#leftColumn,
	.header,
	#leftRightColumn
	{
		width: auto;
      max-width: 100%;
		margin: 0 auto;
		float: none;
	}

	.rightColumn .infoBox2
	{
		margin: 0 auto;	
	}
	
	.infoBox1
	{
		width: 95%;
		margin: 0 auto;
		background: none;
	}
	
	.contactBox
	{
		margin-top: 15px;	
	}
	
	.infoBoxHeadGrey, .infoBoxHeadBlue,
	.infoBox1Bottom
	{
		background: none;	
		color: black;
	}
	
	.content > *
	{
		max-width: calc(100dvw - 2rem);
		margin-inline: auto;
        padding-right: 0.5rem;
        overflow: clip;
	}
	div.mainMenu
	{
		display: none;	
	}
	div.bounce
   {
      padding-inline: 0;
   }
	div.bounce div
	{
		width: auto;	
		max-width: 495px;
	}
	
	#mainMenuMobile
	{
		z-index: 11;
	}
	
	#mainMenuMobile ul
	{
		list-style: none;
	}
	.tx-powermail .powermail_fieldset .powermail_field
	{
		float: none;
	}
   div.breadCrumb
   {
      font-size: 10px;
      height: auto;
      padding-top: 8px;
      padding-bottom: 8px;
      white-space: nowrap;
   }
}

@media only screen and (max-width: 500px)
{
    .content > *
    {
        margin-inline: 0;
        padding-left: 0.8rem;
    }
}

@media only screen and (max-width: 420px)
{
   .pagesMenu div.menuItem
   {
      display: block;
      width: auto;
   }
}