header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
/*************************************************************/
/*   Design:  FAEHRFRAUEN.CH	 	 		     	 	 	 */
/*   File:    screen.css					                 */
/*-----------------------------------------------------------*/
/*   Autor:   Reto Bühler, www.traumwerk.ch	                 */
/*   Datum:   September 2026				                 */
/*   Site: 	  www.faehrfrauen.ch		 					 */
/*************************************************************/
/*  LAYOUT													 */
/*************************************************************/


/*  GLOBAL													 */
/*************************************************************/

html, body {position: relative; height: 100%; width:100%; font: 62.5% Verdana, Arial, Helvetica, sans-serif; letter-spacing:0em;}
body {font-size:18px; font-size:1.7rem; line-height: 2.4rem; color: #fff; background-color: #7a7a7a;}

#wrapper {height:auto !important; min-height:100%; height:100%; position:relative; width:100%; padding:0; margin:0 auto; background:none; font-size: 1.6rem; line-height: 2.3rem; text-align:left;}
* html #wrapper {height:100%;}

.invisible {display: none !important;}

#header a, #header a:link, #header a:visited {color:#fff; text-decoration:none;}
#header a:hover, #header a:active {color:#fff; text-decoration: underline;}

#container a, #container a:link, #container a:visited {color:#ffb200; text-decoration:underline;}
#container a:hover, #container a:active {color:#ffb200; text-decoration: underline;}



.zentriert {text-align: center !important;}



/*  HEADER / NAVIGATION									     */
/*************************************************************/
#header {position:fixed; width:1078px; height:282px; margin:0 0 0 242px; z-index:1200; color:#fff; font-size: 1.6rem; line-height: 2.3rem; float:left; background:#7d7d7d; border-right:1px solid #a0a0a0;}

#header .inside {position:relative; width: 100%; height:281px; text-align:center; padding:0; margin: 0 auto; border-bottom:1px solid #a0a0a0;}
#header .inside .mod_article {position:relative; width:100%; padding:0 0 0 0; margin: 0 auto; display:inline-block; text-align:left;}
#header .inside .mod_article p.logotext {font-size: 3.0rem; line-height:3.7rem; position: absolute; right: 33px; top: 102px;}
#header .inside .mod_article p.logotext a {text-decoration:none !important;}

#header .logo {position:absolute; left:32px; top:0; display: inline-block; float: left; width:212px; text-align:center; margin-top:39px; z-index: 800;}
#header .logo figure {padding:0; margin:0; display:inline-block; width:212px; height:auto;}
#header .logo img {width:100% !important; height:auto !important;}

#header .bg-logo {height:156px;}
#header .bg-logo figure img {height:156px; width:100%;}


h1 strong, h1 bold {font-weight: normal !important; color:#ffb200; text-transform: uppercase;}
h2 strong, h2 bold,
h3 strong, h3 bold,
h4 strong, h4 bold {font-weight: normal !important; color:#ffb200;}



#container {margin:282px 0 0 242px; position:relative; z-index:1000; background:#7f7f7f; display:inline-block; float:left; width:1078px; height:auto; border-right:1px solid #a0a0a0;}
.home #container {margin:0; width:100%; border:none; background:none;}

#main {width:100%; margin:0 0 0 0; float:left;}
#main .inside {padding: 0 100px 0 30px; float:left; width:calc(100% - 130px); margin: 0 auto; text-align:left; background:url(../../files/data/graphics/Layout-Spirale.png) right 28px top no-repeat;}

#main .inside .mod_article {position:relative; display:inline-block; margin:0; width:100%; padding:0 0 0 0;}
#main .inside .mod_article .content {display:inline-block; margin:0 auto; width:1400px; padding:44px 0 96px 0;}


.home #main .inside {padding: 0 ; float:left; width:100%; margin: 0 auto; text-align:center; background:none;}

.home #main .inside .mod_article {position:relative; display:inline-block; margin:0; width:100%; padding:0 0 0 0;}
.home #main .inside .mod_article .content {display:inline-block; margin:0 auto; width:100%; padding:0;}



.layout-left {position:fixed; float:left; background:url(../../files/data/graphics/Layout-Vogel-Web.jpg) center 48px no-repeat #858585; background-size:82px auto; width:180px; margin:0 0 0 60px; height:100vh; border-left:1px solid #a0a0a0; border-right:1px solid #a0a0a0;}
.layout-left .mod_article {}




#header .navigation {position:relative; width:100%; display: inline-block; margin:0; padding:0; float:left; text-align:left; line-height:0;}
#header .navigation ul {padding:0; margin:0 auto; display:inline-block;}
#header .navigation ul li {display: inline-block; float:left; position: relative; height:auto; padding:0 0 0 0; margin:0 2px 0 0; text-transform:uppercase;}
#header .navigation ul li:last-child {margin:0; padding:0;}

#header .navigation ul li a {text-decoration:none; font-size:1.6rem; line-height:2.4rem; color:#ffb200; width:184px; height: auto; padding:14px 0 14px 30px; background:#878787; display: block;}

#header .navigation ul li.trail a,
#header .navigation ul li.active a, 
#header .navigation ul li.active strong,
#header .navigation ul li:hover a {color: #ffb200;}


#header .nav-text {position:relative; width:100%; display: inline-block; margin:0; padding:0; float:left; text-align:left; line-height:0;}
#header .nav-text ul {padding:0; margin:0 auto; display:inline-block;}
#header .nav-text ul li {display: inline-block; float:left; position: relative; height:auto; padding:2px 0 0 0; margin:0 2px 0 0; text-transform:none;}
#header .nav-text ul li:last-child {margin:0;}

#header .nav-text ul li a {text-decoration:none; font-size:1.6rem; line-height:2.4rem; color:#fff; width:184px; height: auto; padding:11px 0 11px 30px; background:#8f8f8f; display: block;}

#header .nav-text ul li.trail a,
#header .nav-text ul li.active a, 
#header .nav-text ul li.active strong,
#header .nav-text ul li:hover a {color: #fff;}






/*  INHALTSELEMENTE                                          */
/*************************************************************/
#header p {margin:0; padding:0;}
#main p {margin:0; padding:8px 0;}


#main h1 {font-size:2.4rem; line-height:3.1rem; text-align:left; color:#fff; padding:40px 0 24px 0; margin:0; text-transform:none; letter-spacing:0em; display:block; width:100%;}
#main h2 {font-size:2.4rem; line-height:3.1rem; text-align:left; color:#fff; padding:8px 0 12px 0; margin:0; text-transform:none; letter-spacing:0em; display:block;}
#main h3 {font-size:2.2rem; line-height:2.9rem; text-align:left; color:#fff; padding:8px 0 12px 0; margin:0; text-transform:none; letter-spacing:0em; display:block;}
#main h4 {font-size:2.2rem; line-height:2.9rem; text-align:left; color:#fff; padding:40px 0 12px 0; margin:0; text-transform:none; letter-spacing:0em; display:block;}
#main h5 {font-size:1.6rem; line-height:2.3rem; text-align:left; color:#ffb200; padding:8px 0 0 0; margin:0; text-transform:none; letter-spacing:0em; display:block;}
#main pre {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:2.4rem; line-height:3.1rem; text-align:left; color:#fff; padding:8px 0 8px 0; margin:0; text-transform:none; letter-spacing:0em; display:inline-block; text-wrap:wrap;}

/*Text*/
.image_container img,
figure img {width: 100%; height: auto;}

#main .content-text {position:relative; margin: 0; display: inline-block; width: 100%; text-align:left;}



#container .content-text.media--right figure {width: auto; float: right; margin: 14px 0 16px 3.636363636363636%;}
#container .content-text.media--left figure {width: auto; float: left; margin: 14px 3.636363636363636% 16px 0;}
#container .content-text.media--above figure {width:100%; float: left; margin: 14px 0 16px 0;}
#container .content-text.media--below figure {width:100%; float: left; margin: 14px 0 16px 0;}
#container .content-text.media--below figure img {width:44% !important; height:auto; float: left; margin:0; padding:0;}

#main .content-image {position:relative; float:left; width:100%; height:auto; padding:14px 0 8px 0; margin:0;}
#main .content-image figure {position:relative;}

.home #main .content-image {position:relative; float:left; width:752px; height:auto; padding:28px 0 0 0; margin:60px 0 0 80px;}
.home #main .content-image figure {position:relative;}


.content-table.zweispaltig-20-80 {float:left; width:100%; margin:0; padding:0;}
.content-table.zweispaltig-20-80 td:nth-child(1) {width:56px; margin:0; padding:8px 0; color: #ffb200;}
.content-table.zweispaltig-20-80 td:nth-child(2) {width:892px; margin:0; padding:8px 0;}

.content-table.zweispaltig-40-60 thead th:nth-child(1) {width:250px; color: #ffb200; font-size:2.4rem; font-weight: normal; line-height:3.1rem; padding:40px 0 12px 56px;}
.content-table.zweispaltig-40-60 thead th:nth-child(2) {width:642px; color: #ffb200; font-size:2.4rem; font-weight: normal; line-height:3.1rem; padding:40px 0 12px 0;}
.content-table.zweispaltig-40-60 {float:left; width:100%; margin:0; padding:0;}
.content-table.zweispaltig-40-60 td:nth-child(1) {width:250px; margin:0; padding:8px 0 8px 56px; color: #fff;}
.content-table.zweispaltig-40-60 td:nth-child(2) {width:642px; margin:0; padding:8px 0;}




/* BILDERGALERIEN */
#container #main .ce_gallery {padding:32px 0 0 0; display:inline-block; width:100%; text-align:left;}
#container #main .ce_gallery ul li {width: 380px; padding:0; height:auto; margin:0 30px 30px 0; display: inline-block; float: left; background:#fff;}
#container #main .ce_gallery ul li.col_last {margin-right: 0;}
#container #main .ce_gallery ul li figure {width: 100%; overflow: hidden; line-height: 0;}
#container #main .ce_gallery ul li figure a {width: 100%; height:auto; float:left; position:relative; overflow:hidden;}

#container #main .ce_gallery ul li figure img {position:relative; width: 100%; height: auto; -webkit-transition: all .5s ease; transition: all .5s ease;}
#container #main .ce_gallery ul li figure:hover img {-webkit-transform: scale(1.2); transform: scale(1.2);}





/* INHALT - 2 SPALTEN */
#container .rs-columns {clear: both; display: inline-block; width:100%; margin:8px 0 0 0; padding:0; float:left; text-align:left;}
#container .rs-column {float: left; width: 100%; margin:0; padding:0;}

#container .zweispaltig-30-70 .rs-column.-large-col-2-1 {width:calc(28% - 1px) !important; padding-right:3%; margin-right: 3% !important; border-right:1px solid #9f9f9f; position:relative;}
#container .zweispaltig-30-70 .rs-column.-large-first {clear: left;}
#container .zweispaltig-30-70 .rs-column.-large-last {margin-right: 0 !important;}
#container .zweispaltig-30-70 .rs-column.-large-col-2-1.-large-last {width: 66% !important; padding-right:0; margin-right: 0 !important; border-right:none;}
#container .zweispaltig-30-70 .rs-column.-large-first-row {margin-top: 0;}

#container .zweispaltig-30-70.crll .rs-column.-large-col-2-1 {width:28% !important; padding-right:0; margin-right: 0 !important; border-right:none; position:relative;}
#container .zweispaltig-30-70.crll .rs-column.-large-col-2-1.-large-last {width:calc(66% - 1px) !important; padding-left:3%; margin-left: 3% !important; padding-right:0; margin-right: 0 !important; border-left:1px solid #9f9f9f; border-right:none;}


/*List*/
#main .content-text ul,
#main .ce_rsce_einzug ul {display: table; margin: 0; padding:0 0 8px 0; width:100%;}
#main .content-text ul li,
#main .ce_rsce_einzug ul li {vertical-align:top; color:#ffb200; list-style: none; list-style-type: "> "; padding:8px 0 0 0; margin:0 0 0 19px;}

#main .content-text ul li h5,
#main .ce_rsce_einzug ul li h5 {margin:0; padding:0;}

#main .content-text.nahtlos ul,
#main .ce_rsce_einzug.nahtlos ul {display: table; margin: 0; padding:0 0 0 0; width:100%;}
#main .content-text.nahtlos ul li,
#main .ce_rsce_einzug.nahtlos ul li {vertical-align:top; color:#ffb200; list-style: none; list-style-type: "> "; padding:0 0 0 0; margin:0 0 0 19px;}


#main .content-text.standardliste ul,
#main .ce_rsce_einzug.standardliste ul {display:list-item; margin: 0; padding:0 0 8px 0; width:100%;}
#main .content-text.standardliste ul li,
#main .ce_rsce_einzug.standardliste ul li {vertical-align:top; color:#fff; list-style:disc; padding:8px 0 0 0; margin:0 0 0 19px;}

#main .content-text.spezialliste ul,
#main .ce_rsce_einzug.spezialliste ul {display: table; margin: 0; padding:0 0 24px 0; width:100%;}
#main .content-text.spezialliste ul li,
#main .ce_rsce_einzug.spezialliste ul li {vertical-align:top; color:#fff; list-style:none; padding:0 0 0 0; margin:0 0 0 56px;}

#main .content-text.caption ul,
#main .ce_rsce_einzug.caption ul {display: table; margin: 0; padding:24px 0 24px 0; font-size:1.3rem; line-height:2.0rem; width:100%;}

#main .content-text.raute ul li,
#main .ce_rsce_einzug.raute ul li {vertical-align:top; color:#ffb200; list-style: none; list-style-type: "◊ "; padding:8px 0 0 4px; margin:0 0 0 16px;}

#main .raute ul li::marker {font-family: 'times new roman', times, serif; font-size:1.8rem;}

#main .content-text ol {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}
#main .content-text ol > li {
    position:relative; /* Create a positioning context */
    margin:0 0 0 20px; /* Give each list item a left margin to make room for the numbers */
    list-style:none; /* Disable the normal item numbering */
}
#main .content-text ol > li:before {
    content:counter(li)"."; /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    left: -17px;
    top: 1px;
    font-size: 1.7rem;
    color: #15667a;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}

#main .content-table ul {display: table; margin-bottom: 0;}


.audioplayer #main .content-player {width: 100%; float: left; margin: 32px 0;}
.audioplayer #main .content-player figure {margin: 0 0 0 56px;}


#main p.back {float:left; width:100%; padding:30px 0 8px 0; text-align:left;}

#main p.back a {position:relative; background:#ffb200; border:1px solid #ffb200; color:#fff; padding:10px 16px 12px 16px; text-decoration:none; -webkit-transition: all .2s ease; transition: all .2s ease;}
#main p.back a:hover {color:#fff; background:#ffb200; border:1px solid #ffb200;}


img {vertical-align:bottom;}

.ce_rsce_einzug {}
.ce_rsce_einzug.nahtlos .einzuege {margin:0; padding:8px 0;}
.ce_rsce_einzug.nahtlos .einzuege p {padding:0 !important;}
.ce_rsce_einzug .einzuege {display:block; width:100%; float:left;}
.ce_rsce_einzug .einzuege .einzug-01 {padding:0; margin:0;}
.ce_rsce_einzug .einzuege .einzug-02 {padding:0; margin:0 0 0 32px;}
.ce_rsce_einzug .einzuege .einzug-03 {padding:0; margin:0 0 0 56px;}
.ce_rsce_einzug.bildlinks .einzuege .einzug-01,
.ce_rsce_einzug.bildlinks .einzuege .einzug-02,
.ce_rsce_einzug.bildlinks .einzuege .einzug-03 {display:inline-block;}
.ce_rsce_einzug figure {width: auto; float: left; margin: 14px 0 16px 0;}

.ce_rsce_trennlinie {width:100%; margin:0; padding:0; float:left;}
.ce_rsce_trennlinie .trennlinie {float:left; width:100%; margin:24px 0 32px 0; padding:0; border-bottom:1px solid #a0a0a0;}

.ce_rsce_backtotop {width:100%; margin:0; padding:0; float:left;}
.ce_rsce_backtotop #backtotop {width:100%; margin:0; padding:16px 0 0 0; float:left;}
.ce_rsce_backtotop #backtotop .btt-link {cursor:pointer; float:right; color:#ffb200;}
.ce_rsce_backtotop .trennlinie {float:left; width:100%; margin:8px 0 32px 0; padding:0; border-bottom:1px solid #a0a0a0;}

.ce_rsce_previoussite {width:100%; margin:0; padding:0; float:left;}
.ce_rsce_previoussite .previoussite {width:100%; margin:0; padding:16px 0 0 0; float:left;}
.ce_rsce_previoussite .previoussite a {cursor:pointer; float:right; color:#ffb200; text-decoration:none !important;}
.ce_rsce_previoussite .trennlinie {float:left; width:100%; margin:8px 0 32px 0; padding:0; border-bottom:1px solid #a0a0a0;}




/*  Cookiebar											  	 */
/*************************************************************/
.cookiebar {
    box-sizing: border-box;
    position: fixed;
    left: 0;
    width: 100%;
    padding: .3em 1.2em;
    background-color: #7a7a7a;
    color: #fff;
    font-size: 1.3rem;
    line-height: 2rem;
    text-align: center;
    z-index: 1000;
	border-top:1px solid #a0a0a0;
}
.cookiebar__button {background-color: #8f8f8f !important; margin: 8px 0;}
.cookiebar__message, .cookiebar__text {padding: 8px 0;}





/*  FIXES		                                             */
/*************************************************************/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height:0px;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* Desktop-Mobile Settings */
#header #mod_nav_mobile {display:none;}
#header a.mobilebtn {display:none;}



.mod_mmenu_article.mm-opened {display:none !important;}


#header .content-text.desktop {display:block;}
#header .content-text.mobile {display:none;}









/*  MOBILENAV                                                */
/*************************************************************/
.navbtn {width:28px; display:inline-block;}
.navbtntext {color:#fff; display:inline-block; font-family:'FiraSans-Light'; font-size: 2.1rem; line-height:2.8rem; text-transform:uppercase; padding:0 12px 0 0;}

.nuunnavbutton {display: block; cursor: pointer; position: fixed; z-index: 2500; top: 30px; right: 3%; width:24px;}
.nuunnavbutton .navline {height: 3px; width: 100%; margin-bottom: 4px; border-radius: 6px; opacity: 1; transition: transform 0.3s ease, opacity 0.3s ease; background: #fff;}
.nuunnavbutton .navline:last-of-type {margin-bottom: 0;}

.nuunnavbutton.crossed {top: 30px; padding:2px 3px 0 3px;}
.nuunnavbutton.crossed .navbtntext {display:none;}
.nuunnavbutton.crossed .navline {background: #fff;}
.nuunnavbutton.crossed .navline.top {transform: rotate(-45deg) translateY(5px) translateX(-2px);}
.nuunnavbutton.crossed .navline.mid {opacity: 0;}
.nuunnavbutton.crossed .navline.bot {transform: rotate(-135deg) translateY(8px) translateX(5px);}

.nuunnavbutton.crossed .navbtntext {display:none;}

#nuunnav {display: none; background:#878787; color:#fff; font-size: 1.7rem; line-height:2.4rem; padding:0 0 24px 0; position: fixed; overflow-y: auto; top: 0; width: 100%; max-width: 500px; height: 100vh; z-index: 2000; box-sizing: border-box; transition:right 0.4s ease, box-shadow 0.3s ease;}
#nuunnav.open {right: 0 !important; box-shadow: 0 0 10px #000;}

#nuunnav .navigation {float:left; width:100%; padding:0; margin:0 0 32px 0;}

#nuunnav li a {color: #fff; background:#878787;}
#nuunnav li {display: block; position: relative;}
#nuunnav li a.active,
#nuunnav li a:hover {}
#nuunnav ul.level_1 {padding: 0 0 0 0; margin:0;}
#nuunnav ul.level_1 > li {margin:0;}
#nuunnav ul.level_1 > li > a {display: block; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}

#nuunnav ul.level_1 li {border-bottom:2px solid #7d7d7d;}
#nuunnav ul.level_1 a {font-size: 1.7rem; line-height:2.4rem; color: #ffb200; padding:10px 4% 10px 4%; margin: 0; text-transform:none;}
#nuunnav ul.level_1 a:hover,
#nuunnav ul.level_1 a.active,
#nuunnav ul.level_1 a.trail {color: #fff; padding:10px 4% 10px 4%;}


#nuunnav .mobilehead {width:100%; height:120px; float:left; background:url(../../files/data/graphics/Layout-Logo-Hintergrund.png) left top no-repeat; background-size:100% 118px; border-bottom:1px solid #a0a0a0; margin:0 0 1px 0;}

#nuunnav .logotext {position:absolute;
    right: auto;
    left: 4%;
    top: 80px;
    font-size: 1.7rem;
    line-height: 2.5rem;
}

#nuunnav .logo {width:122px; height:auto; padding: 17px 0 0 0; margin:0 0 0 4%;}
#nuunnav .logo figure {width:122px; height:auto;}
#nuunnav .logo figure img {width:100%; height:auto;}


#nuunnav li a p {margin:0; padding:0;}
#nuunnav a {color:#fff; text-decoration: none;}
#nuunnav a:hover {text-decoration:none;}
#nuunnav img {width:100% !important; height:auto !important;}

.nuunnavbutton {display: none;}
#nuunnav {display: none;}


@media screen and (max-width:1020px) { 
.nuunnavbutton {display: block;}
#nuunnav {display: block;}
}

@media screen and (max-width: 649px) {
.nuunnavbutton {right: 4%;}
}

@media screen and (max-width: 549px) {
.nuunnavbutton {top: 18px;}
.nuunnavbutton.crossed {top: 18px;}
}












/*  MEDIA QUERIES                                            */
/*************************************************************/
@media screen and (max-width: 1399px) {
#wrapper {font-size: 1.3rem; line-height: 2.0rem;}

#header {width: 818px; height: 213px; margin: 0 0 0 162px;}
.layout-left {
    background-size: 62px auto;
    width: 130px;
	margin: 0 0 0 30px;}

#header .inside {
    position: relative;
    width: 100%;
	height: 212px;}

#header .inside .mod_article p.logotext {font-size: 2.3rem; line-height:3.0rem; position: absolute; right: 24px; top: 76px;}

#header .navigation ul li a {
    text-decoration: none;
    font-size: 1.3rem;
    line-height: 2.1rem;
    width: 138px;
	padding: 8px 0 8px 24px;}

#header .nav-text ul li a {
    text-decoration: none;
    font-size: 1.3rem;
    line-height: 2.1rem;
    width: 138px;
    height: auto;
    padding: 6px 0 6px 24px;}

#header .logo {position:absolute; left:24px; top:0; display: inline-block; float: left; width:162px; text-align:center; margin-top:29px; z-index: 800;}
#header .logo figure {padding:0; margin:0; display:inline-block; width:162px; height:auto;}

#header .bg-logo {height:118px;}
#header .bg-logo figure img {height:118px; width:100%;}

#container {margin: 213px 0 0 162px; width: 818px;}
.home #container {margin:0; width:100%; border:none;}
#main .inside {background:url(../../files/data/graphics/Layout-Spirale.png) right 20px top no-repeat;}


#main h1 {font-size:1.9rem; line-height:2.6rem; text-align:left; color:#fff; padding:40px 0 24px 0; margin:0; text-transform:none; letter-spacing:0em; display:block; width:100%;}
#main h2 {font-size:1.9rem; line-height:2.6rem; text-align:left; color:#fff; padding:8px 0 12px 0; margin:0; text-transform:none; letter-spacing:0em; display:block;}
#main h3 {font-size:1.7rem; line-height:2.4rem; text-align:left; color:#fff; padding:8px 0 12px 0; margin:0; text-transform:none; letter-spacing:0em; display:block;}
#main h4 {font-size:1.7rem; line-height:2.4rem; text-align:left; color:#fff; padding:40px 0 12px 0; margin:0; text-transform:none; letter-spacing:0em; display:block;}
#main h5 {font-size:1.3rem; line-height:2.0rem; text-align:left; color:#ffb200; padding:8px 0 0 0; margin:0; text-transform:none; letter-spacing:0em; display:block;}
#main pre {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.9rem; line-height:2.6rem; text-align:left; color:#fff; padding:8px 0 8px 0; margin:0; text-transform:none; letter-spacing:0em; display:inline-block;}

#main .content-text ul li pre,
#main .ce_rsce_einzug ul li pre {font-size:1.3rem; line-height:2.0rem;}

.content-table.zweispaltig-20-80 td:nth-child(2) {width: 632px;}
	


.content-table.zweispaltig-40-60 thead th:nth-child(1) {width:188px; color: #ffb200; font-size:1.9rem; line-height:2.6rem; padding:40px 0 12px 56px;}
.content-table.zweispaltig-40-60 thead th:nth-child(2) {width:444px; color: #ffb200; font-size:1.9rem; line-height:2.6rem; padding:40px 0 12px 0;}
.content-table.zweispaltig-40-60 {float:left; width:100%; margin:0; padding:0;}
.content-table.zweispaltig-40-60 td:nth-child(1) {width:188px; margin:0; padding:8px 0 8px 56px; color: #fff;}
.content-table.zweispaltig-40-60 td:nth-child(2) {width:444px; margin:0; padding:8px 0;}

#main .content-text.caption ul,
#main .ce_rsce_einzug.caption ul {display: table; margin: 0; padding:24px 0 24px 0; font-size:1.1rem; line-height:1.8rem;}
	
}



@media screen and (max-width: 1020px) {
.layout-left {display:none;}

#header {width: 100%; height: 120px; margin: 0 0 0 0; border:none;}

#header .inside {
    position: relative;
    width: 100%;
	height: 119px;}

#header .navigation {display:none;}
#header .nav-text {display:none;}

#container {margin: 120px 0 0 0; width: 100%; border:none;}
.home #container {margin:0; width:100%; border:none;}
#header .logo {left: 3%;}
#header .inside .mod_article p.logotext {right: 3%;}

#main .inside {padding:0 12% 0 0; float: left; width:85%; margin:0 0 0 3%; text-align:left; background:url(../../files/data/graphics/Layout-Spirale.png) right 3% top no-repeat;}


.ce_rsce_einzug .einzuege .einzug-01 {padding:0; margin:0;}
.ce_rsce_einzug .einzuege .einzug-02 {padding:0; margin:0 0 0 3.375527426160338%;}
.ce_rsce_einzug .einzuege .einzug-03 {padding:0; margin:0 0 0 5.907172995780591%;}
.ce_rsce_einzug.bildlinks .einzuege .einzug-01,
.ce_rsce_einzug.bildlinks .einzuege .einzug-02,
.ce_rsce_einzug.bildlinks .einzuege .einzug-03 {display:inline-block;}

.content-table.zweispaltig-20-80 td:nth-child(1) {width: 5.907172995780591%;}
.content-table.zweispaltig-20-80 td:nth-child(2) {width: 94.09282700421941%;}

.content-table.zweispaltig-40-60 thead th:nth-child(1) {width:26.37130801687764%; padding:40px 0 12px 5.907172995780591%;}
.content-table.zweispaltig-40-60 thead th:nth-child(2) {width:67.72151898734177%; padding:40px 0 12px 0;}
.content-table.zweispaltig-40-60 {float:left; width:100%; margin:0; padding:0;}
.content-table.zweispaltig-40-60 td:nth-child(1) {width:26.37130801687764%; margin:0; padding:8px 0 8px 5.907172995780591%; color: #fff;}
.content-table.zweispaltig-40-60 td:nth-child(2) {width:67.72151898734177%; margin:0; padding:8px 0;}

.audioplayer #main .content-player figure {margin: 0 0 0 5.907172995780591%;}
#main .content-text.spezialliste ul li,
#main .ce_rsce_einzug.spezialliste ul li {margin:0 0 0 5.907172995780591%;}
}


@media screen and (max-width: 849px) {
.content-table.zweispaltig-20-80 td:nth-child(1) {width: 10.907172995780591%;}
.content-table.zweispaltig-20-80 td:nth-child(2) {width: 89.09282700421941%;}

.content-table.zweispaltig-40-60 thead th:nth-child(1) {width:36.37130801687764%;}
.content-table.zweispaltig-40-60 thead th:nth-child(2) {width:57.72151898734177%;}
.content-table.zweispaltig-40-60 td:nth-child(1) {width:36.37130801687764%;}
.content-table.zweispaltig-40-60 td:nth-child(2) {width:57.72151898734177%;}

.home #main .ce_image {position:relative; float:left; width:94%; height:auto; padding:28px 0 0 0; margin:0 3% 0 3%;}
.home #main .ce_image figure {position:relative;}
}


@media screen and (max-width: 649px) {


#header .logo {width:142px; left:4%; margin-top:37px;}
#header .logo figure {width:142px;}
#header .inside .mod_article p.logotext {right:4%; top:80px; font-size: 1.9rem; line-height: 2.6rem;}

#main .inside {padding:0 12% 0 0; float: left; width:84%; margin:0 0 0 4%; text-align:left; background:url(../../files/data/graphics/Layout-Spirale.png) right 3% top no-repeat;}


}

@media screen and (max-width: 599px) {

.ce_rsce_einzug.bildlinks .einzuege .einzug-01,
.ce_rsce_einzug.bildlinks .einzuege .einzug-02,
.ce_rsce_einzug.bildlinks .einzuege .einzug-03 {display:block;}

.ce_rsce_einzug figure {margin: 14px 0 16px 5.907172995780591%;}
}

@media screen and (max-width: 549px) {


#header .logo {width:122px; left:4%; margin-top:17px;}
#header .logo figure {width:122px;}
#header .inside .mod_article p.logotext {right:auto; left:4%; top:80px; font-size: 1.7rem; line-height: 2.5rem;}

#main .inside {padding:0 14% 0 0; float: left; width:82%; margin:0 0 0 4%; text-align:left; background:url(../../files/data/graphics/Layout-Spirale.png) right 4% top no-repeat;}


#main h1 {font-size:1.7rem; line-height:2.4rem; text-align:left; color:#fff; padding:40px 0 24px 0; margin:0; text-transform:none; letter-spacing:0em; display:block; width:100%;}
#main h2 {font-size:1.7rem; line-height:2.4rem; text-align:left; color:#fff; padding:8px 0 8px 0; margin:0; text-transform:none; letter-spacing:0em; display:block;}
#main h3 {font-size:1.5rem; line-height:2.2rem; text-align:left; color:#fff; padding:8px 0 8px 0; margin:0; text-transform:none; letter-spacing:0em; display:block;}
#main h4 {font-size:1.5rem; line-height:2.2rem; text-align:left; color:#fff; padding:24px 0 8px 0; margin:0; text-transform:none; letter-spacing:0em; display:block;}
#main h5 {font-size:1.3rem; line-height:2.0rem; text-align:left; color:#ffb200; padding:8px 0 0 0; margin:0; text-transform:none; letter-spacing:0em; display:block;}
#main pre {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.7rem; line-height:2.4rem; text-align:left; color:#fff; padding:8px 0 8px 0; margin:0; text-transform:none; letter-spacing:0em; display:inline-block;}

.content-table.zweispaltig-20-80 td:nth-child(1) {width: 15.907172995780591%;}
.content-table.zweispaltig-20-80 td:nth-child(2) {width: 84.09282700421941%;}

.content-table.zweispaltig-40-60 thead th:nth-child(1) {font-size:1.7rem; line-height:2.4rem; padding:24px 0 12px 5.907172995780591%;}
.content-table.zweispaltig-40-60 thead th:nth-child(2) {font-size:1.7rem; line-height:2.4rem; padding:24px 0 12px 0;}
	
.home #main .content-image {position:relative; float:left; width:92%; height:auto; padding:28px 0 0 0; margin:0 4% 0 4%;}
.home #main .content-image figure {position:relative;}


#container .zweispaltig-30-70 .rs-column.-large-col-2-1 {
    width: 100% !important;
    padding-right: 0;
    margin-right: 0 !important;
    border-right: none;
    border-bottom: 1px solid #ababab;
    position: relative;}

#container .zweispaltig-30-70 .rs-column.-large-col-2-1.-large-last {
    width: 100% !important;
    padding-right: 0;
    margin-right: 0 !important;
    border-right: none;
    border-bottom: none;}

    
#container .zweispaltig-30-70.crll .rs-column.-large-col-2-1 {width:100% !important; padding-right:0; margin-right:0 !important; border-right:none; border-bottom:1px solid #9f9f9f;}
#container .zweispaltig-30-70.crll .rs-column.-large-col-2-1.-large-last {width:100% !important; padding-left:0; margin-left:0 !important; padding-right:0; margin-right: 0 !important; border-left:none; border-right:none; border-bottom:none;}



}

@media screen and (max-width: 499px) {
.audioplayer #main .content-player figure audio {width:250px !important;}
#container .content-text.media--below figure img {width: 100% !important;}
}

@media screen and (max-width: 359px) {
.audioplayer #main .content-player figure audio {width:220px !important;}
}