a.orange:link
{
	color: #FFB200; 
	text-decoration:none;
	}
a.orange:visited
{
	color: #FFB200; 
	text-decoration:none;
	} 
a.orange:active 
{
	color: #FFB200;
	text-decoration:none;
	
}
a.orange:hover 
{
	color: #FFB200;
	text-decoration:underline;
}
a.orange:focus 
{
	color: #FFB200;
	text-decoration:none;
}

@media all and (max-width: 1000px)  /*war vomals 1000 eingestellt, gibt an, ab wanns umbricht*/
{
    #art-resp, #art-resp-t { display: block; }
    #art-resp-m { display: none; }
}

.responsive .responsive-layout-row-2 .responsive-tablet-layout-cell,
.responsive.responsive-tablet .art-footer .art-content-layout .responsive-layout-row-2 .art-layout-cell
{
   width: 48% !important;     /*war vomals 48 eingestellt, gibt ab, mit welcher Breite umbricht*/
}

@media all and (max-width: 700px)  /*dieser Zwischenschritt von mit zusätzlich erstellt */
{
.responsive .responsive-layout-row-2 .responsive-tablet-layout-cell,
.responsive.responsive-tablet .art-footer .art-content-layout .responsive-layout-row-2 .art-layout-cell
{
   width: 98% !important;     /*war vomals 48 eingestellt, gibt an, mit welcher Breite umbricht */
}
.textbreiter {
width: 96% !important;
padding-left: 2% !important;
padding-right: 2% !important;
}
.breiter {
width: 98% !important;

}
}

.responsive .responsive-layout-row-3 .responsive-tablet-layout-cell,
.responsive.responsive-tablet .art-footer .art-content-layout .responsive-layout-row-3 .art-layout-cell
{
   width: 31% !important;      /*war vomals 31 eingestellt, gibt an, mit welcher Breite umbricht */
}



@media all and (max-width: 700px)  /*dieser Zwischenschritt von mit zusätzlich erstellt.  Ist für die Jubiläumsseite mit 5 Spalten, läuft unter 3 Spalten*/
{
.responsive .responsive-layout-row-3 .responsive-tablet-layout-cell,
.responsive.responsive-tablet .art-footer .art-content-layout .responsive-layout-row-3 .art-layout-cell
{
   width: 98% !important;      /*war vomals 31 eingestellt, gibt an, mit welcher Breite umbricht */
}
}