﻿/*
//{
*/
/*** plugins.css ***/

/*** @keyframes ***/
  @keyframes rotation-links {
 	 from {
 	 	transform: rotate(0deg);
 	 }
 	 to {
 	 	transform: rotate(-360deg);
 	 }
  }
  @keyframes rotation-rechts {
 	 from {
 	 	transform: rotate(0deg);
 	 }
 	 to {
 	 	transform: rotate(360deg);
 	 }
  }
  @keyframes sturz-von-oben {
 	 to {
 	 	top: 0px;
 	 }
  }
  @keyframes sturz-nach-unten {
 	 to {
 	 	top: 2000px;
 	 }
  }
@keyframes bounce2 {
	0%, 20%, 50%, 80%, 100% {
		transform: translateY(0);
	}
	40% {
		transform: translateY(-15px);
	}
	60% {
		transform: translateY(-7px);
	}
}
@keyframes paralaxe {
    0% {
        transform: translateY(var(--paralaxe-offset,30px));
    }
    100% {
        transform: translateY(calc(-1 * var(--paralaxe-offset,-30px)));
    }
}
@keyframes viewanim-0-100 {
    from {
        transform: var(--va-0-transform);
        filter: var(--va-0-filter);
        opacity: var(--va-0-opacity);
        offset-path: var(--va-0-offset-path,var(--va-offset-path));
        offset-distance: var(--va-0-offset-distance,0%);
        clip-path: var(--va-0-clip-path);
    }
    to {
        transform: var(--va-100-transform);
        filter: var(--va-100-filter);
        opacity: var(--va-100-opacity);
        offset-path: var(--va-100-offset-path,var(--va-offset-path));
        offset-distance: var(--va-100-offset-distance,100%);
        clip-path: var(--va-100-clip-path);
    }
}
@keyframes viewanim-50 {
    from {
        transform: var(--va-0-transform);
        filter: var(--va-0-filter);
        opacity: var(--va-0-opacity);
        offset-path: var(--va-0-offset-path,var(--va-offset-path));
        offset-distance: var(--va-0-offset-distance,0%);
        clip-path: var(--va-0-clip-path);
    }
    50% {
        transform: var(--va-50-transform);
        filter: var(--va-50-filter);
        opacity: var(--va-50-opacity);
        offset-path: var(--va-50-offset-path,var(--va-offset-path));
        offset-distance: var(--va-50-offset-distance,50%);
        clip-path: var(--va-50-clip-path);
    }
    to {
        transform: var(--va-100-transform);
        filter: var(--va-100-filter);
        opacity: var(--va-100-opacity);
        offset-path: var(--va-100-offset-path,var(--va-offset-path));
        offset-distance: var(--va-100-offset-distance,100%);
        clip-path: var(--va-100-clip-path);
    }
} 
@keyframes viewanim-25-75 {
    from {
        transform: var(--va-0-transform);
        filter: var(--va-0-filter);
        opacity: var(--va-0-opacity);
        offset-path: var(--va-0-offset-path,var(--va-offset-path));
        offset-distance: var(--va-0-offset-distance,0%);
        clip-path: var(--va-0-clip-path);
    }
    25% {
        transform: var(--va-25-transform);
        filter: var(--va-25-filter);
        opacity: var(--va-25-opacity);
        offset-path: var(--va-25-offset-path,var(--va-offset-path));
        offset-distance: var(--va-25-offset-distance,25%);
        clip-path: var(--va-25-clip-path);
    }
    75% {
        transform: var(--va-75-transform);
        filter: var(--va-75-filter);
        opacity: var(--va-75-opacity);
        offset-path: var(--va-75-offset-path,var(--va-offset-path));
        offset-distance: var(--va-75-offset-distance,75%);
        clip-path: var(--va-75-clip-path);
    }
    to {
        transform: var(--va-100-transform);
        filter: var(--va-100-filter);
        opacity: var(--va-100-opacity);
        offset-path: var(--va-100-offset-path,var(--va-offset-path));
        offset-distance: var(--va-100-offset-distance,100%);
        clip-path: var(--va-100-clip-path);
    }
} 
@keyframes viewanim-10-90 {
    from {
        transform: var(--va-0-transform);
        filter: var(--va-0-filter);
        opacity: var(--va-0-opacity);
        offset-path: var(--va-0-offset-path,var(--va-offset-path));
        offset-distance: var(--va-0-offset-distance,0%);
        clip-path: var(--va-0-clip-path);
    }
    10% {
        transform: var(--va-10-transform);
        filter: var(--va-10-filter);
        opacity: var(--va-10-opacity);
        offset-path: var(--va-10-offset-path,var(--va-offset-path));
        offset-distance: var(--va-10-offset-distance,10%);
        clip-path: var(--va-10-clip-path);
    }
    90% {
        transform: var(--va-90-transform);
        filter: var(--va-90-filter);
        opacity: var(--va-90-opacity);
        offset-path: var(--va-90-offset-path,var(--va-offset-path));
        offset-distance: var(--va-90-offset-distance,90%);
        clip-path: var(--va-90-clip-path);
    }
    to {
        transform: var(--va-100-transform);
        filter: var(--va-100-filter);
        opacity: var(--va-100-opacity);
        offset-path: var(--va-100-offset-path,var(--va-offset-path));
        offset-distance: var(--va-100-offset-distance,100%);
        clip-path: var(--va-100-clip-path);
    }
} 
@keyframes viewanim-33-67 {
    from {
        transform: var(--va-0-transform);
        filter: var(--va-0-filter);
        opacity: var(--va-0-opacity);
        offset-path: var(--va-0-offset-path,var(--va-offset-path));
        offset-distance: var(--va-0-offset-distance,0%);
        clip-path: var(--va-0-clip-path);
    }
    33.333% {
        transform: var(--va-33-transform);
        filter: var(--va-33-filter);
        opacity: var(--va-33-opacity);
        offset-path: var(--va-33-offset-path,var(--va-offset-path));
        offset-distance: var(--va-33-offset-distance,33%);
        clip-path: var(--va-33-clip-path);
    }
    66.667% {
        transform: var(--va-67-transform);
        filter: var(--va-67-filter);
        opacity: var(--va-67-opacity);
        offset-path: var(--va-67-offset-path,var(--va-offset-path));
        offset-distance: var(--va-67-offset-distance,66.667%);
        clip-path: var(--va-67-clip-path);
    }
    to {
        transform: var(--va-100-transform);
        filter: var(--va-100-filter);
        opacity: var(--va-100-opacity);
        offset-path: var(--va-100-offset-path,var(--va-offset-path));
        offset-distance: var(--va-100-offset-distance,100%);
        clip-path: var(--va-100-clip-path);
    }
} 
@keyframes viewanim-25-50-75 {
    from {
        transform: var(--va-0-transform);
        filter: var(--va-0-filter);
        opacity: var(--va-0-opacity);
        offset-path: var(--va-0-offset-path,var(--va-offset-path));
        offset-distance: var(--va-0-offset-distance,0%);
        clip-path: var(--va-0-clip-path);
    }
    25% {
        transform: var(--va-25-transform);
        filter: var(--va-25-filter);
        opacity: var(--va-25-opacity);
        offset-path: var(--va-25-offset-path,var(--va-offset-path));
        offset-distance: var(--va-25-offset-distance,25%);
        clip-path: var(--va-25-clip-path);
    }
    50% {
        transform: var(--va-50-transform);
        filter: var(--va-50-filter);
        opacity: var(--va-50-opacity);
        offset-path: var(--va-50-offset-path,var(--va-offset-path));
        offset-distance: var(--va-50-offset-distance,50%);
        clip-path: var(--va-50-clip-path);
    }
    75% {
        transform: var(--va-75-transform);
        filter: var(--va-75-filter);
        opacity: var(--va-75-opacity);
        offset-path: var(--va-75-offset-path,var(--va-offset-path));
        offset-distance: var(--va-75-offset-distance,75%);
        clip-path: var(--va-75-clip-path);
    }
    to {
        transform: var(--va-100-transform);
        filter: var(--va-100-filter);
        opacity: var(--va-100-opacity);
        offset-path: var(--va-100-offset-path,var(--va-offset-path));
        offset-distance: var(--va-100-offset-distance,100%);
        clip-path: var(--va-100-clip-path);
    }
} 

/*** Container, Spalten ***/
 .bottom {
 	clear: both;
 	zoom:0!important;
 	x-height:0px;
  }
 .zoom-0 { zoom:0; }
 .zoom-1 { zoom:1; }
 html, #cms_template { height: 100%; }
 .bhv-container {
 	clear:both;
 	margin: 0px;
  }
 .bhv-col { margin: 0px; float: left; overflow: hidden; }
 .dont-hide-cols .bhv-col { overflow:visible; }
 .col-100 { width: 100%; }
 .col-50  { width: 49.99%; }
 .col-25  { width: 24.99%; }
 .col-75  { width: 74.99%; }
 .col-33  { width: 33.3%; }
 .col-67  { width: 66.66%; }
 .col-20  { width: 19.99%; }
 .col-60  { width: 59.99%; }
 .col-40  { width: 39.99%; }
 .col-15  { width: 14.99%; }
 .col-70  { width: 69.99%; }
 
 @supports (display:flex)
 {
     .bhv-container.flex {
         display: flex;
     }
     .bhv-container.flex > div.bottom {
         display: none;
     }
     .flex-grow {
         flex-grow: 1;
     }
     .flex-noshrink {
         flex-shrink: 0;
     }
     .flex-auto {
         flex: 0 0 auto;
     }
     .bhv-container.flex-wrap {
         flex-wrap: wrap;
     }
     .bhv-container.flex > .bhv-col.flex-margin {
         margin-left: auto;
         width: auto;
     }
     .flex-center {
         align-self: center;
     }
     .bhv-col.flex {
         display: flex;
         flex-direction: column;
         height: 100%;
     }
     .bhv-col.flex > .flex-margin {
         margin-top: auto;
     }
     .flex > .bhv-col.flex {
         height: auto;
     }
 }
 
 @supports (display:contents)
 {
     .bhv-container.grid, .bhv-col.grid, .bhv-form.grid > form {
         display: grid !important;
     }
     
     .bhv-container.grid > div.bottom,
     .grid.flatten > div.bottom,
     .grid .flatten > div.bottom,
     .grid.flatten-all div.bottom,
     .grid .flatten-all div.bottom,
     .bhv-container.display-contents > div.bottom {
         display: none;
     }
     :is(.grid, .flex) .display-contents,
     .grid.flatten > .bhv-col,
     .grid .flatten > .bhv-col,
     .grid .flatten,
     .grid .flatten-all,
     .grid .flatten-all .cms_container,
     .grid.flatten-all .cms_container {
         display: contents !important;
     }
     
     .bhv-col.grid > .cms-assistent,
     .grid.flatten > .bhv-col > .cms-assistent,
     .grid.flatten-all .cms-assistent,
     .grid .flatten-all .cms-assistent,
     .bhv-form.grid > form > .cms-assistent,
     :is(.grid, .flex) .bhv-col.display-contents > .cms-assistent {
         display: none !important;
     }
 }
 
 .actiontable .actiontable-hidden { visibility: hidden; }
 .actiontable .actiontable-zeroheight { height: 0; overflow: hidden; }
 .actiontable * { transform-origin: 0px 0px 0px; }
 
 .marker { background-color: yellow; }
 a.extern { display: inline-block; padding-right:12px; background: url("/s/MEDIA/externlink.png") right 2px no-repeat; }
 a.pdf { display: inline-block; padding-right:12px; background: url("/s/MEDIA/pdf.png") right top no-repeat; }
 
 .bhv-container.auto.cols-1 .col-auto { width: 100%; }
 .bhv-container.auto.cols-2 .col-auto { width: 49.99%; }
 .bhv-container.auto.cols-3 .col-auto { width: 33.33%; }
 .bhv-container.auto.cols-4 .col-auto { width: 24.99%; }
 .bhv-container.auto.cols-5 .col-auto { width: 19.99%; }
 .bhv-container.auto.cols-6 .col-auto { width: 16.66%; }
 .bhv-container.auto.cols-7 .col-auto { width: 14.28%; }
 .bhv-container.auto.cols-8 .col-auto { width: 12.49%; }
 .bhv-container.auto.cols-9 .col-auto { width: 11.11%; }
 .bhv-container.auto.cols-10 .col-auto { width: 9.99%; }
 
 .bhv-text { clear: both; }
 .bhv-text img { max-width: 100%; }
 .bhv-text td:not(:first-of-type) { padding-left: var(--text-table-td-padding-leftright,var(--baustein-margin-leftright,10px))}
 .bhv-text td:not(:last-of-type) { padding-right: var(--text-table-td-padding-leftright,var(--baustein-margin-leftright,10px))}
 .Spaltencontainer { align-items: var(--col-align-items,inherit); }
 .Spaltencontainer > .bhv-col > *:not(.bhv-container):not(.root-margin), .root-margin > *:not(.bhv-container) {
	margin-left:  var(--baustein-margin-leftright,10px);
	margin-right:  var(--baustein-margin-leftright,10px);
 }
 
/*** Form ***/ 
 .bhv-form.grid {
     --input-width: auto;
 }
 .bhv-form.grid > form {
     display: grid;
 }
 
 .label-field .form-field,
 .label-field.form-field,
 .field-label .form-field,
 .field-label.form-field {
     display: flex;
     align-items: var(--formfield-align,baseline);
 }
 .label-field-vert .form-field,
 .label-field-vert.form-field,
 .field-label-vert .form-field,
 .field-label-vert.form-field {
     display: flex;
     flex-direction: column;
 }
 .label-field .form-field > label:not(.radio-envelope):not(.cb-envelope),
 .label-field.form-field > label:not(.radio-envelope):not(.cb-envelope) {
     order: 0;
     flex: 0 0 var(--label-width,140px);
 }
 .label-field-vert .form-field > label:not(.radio-envelope):not(.cb-envelope),
 .label-field-vert.form-field > label:not(.radio-envelope):not(.cb-envelope) {
     order: 0;
     width: 100%;
 }
 .field-label .form-field > label:not(.radio-envelope):not(.cb-envelope),
 .field-label.form-field > label:not(.radio-envelope):not(.cb-envelope) {
     order: 1;
     flex: 0 0 var(--label-width,140px);
     margin-left: var(--label-margin,10px);
 }
 .field-label-vert .form-field > label:not(.radio-envelope):not(.cb-envelope),
 .field-label-vert.form-field > label:not(.radio-envelope):not(.cb-envelope) {
     order: 1;
     width: 100%;
 }
 .label-field .form-field > input, .label-field .form-field > select, .label-field .form-field > textarea, .label-field .form-field > .textarea, .label-field .form-field > button, .label-field .form-field > label.radio-envelope, .label-field .form-field > label.cb-envelope,
 .label-field.form-field > input, .label-field.form-field > select, .label-field.form-field > textarea, .label-field.form-field > .textarea,.label-field.form-field > button, .label-field.form-field > label.radio-envelope, .label-field.form-field > label.cb-envelope {
     order: 1;
     flex: 1 1 auto;
 }
 .label-field-vert .form-field > input, .label-field-vert .form-field > select, .label-field-vert .form-field > textarea, .label-field-vert .form-field > .textarea, .label-field-vert .form-field > button, .label-field-vert .form-field > label.radio-envelope, .label-field-vert .form-field > label.cb-envelope,
 .label-field-vert.form-field > input, .label-field-vert.form-field > select, .label-field-vert.form-field > textarea, .label-field-vert.form-field > .textarea,.label-field-vert.form-field > button, .label-field-vert.form-field > label.radio-envelope, .label-field-vert.form-field > label.cb-envelope{
     order: 1;
     width: 100%;
     width: calc(100% - 8px);
 }
 .field-label .form-field > input, .field-label .form-field > select, .field-label .form-field > textarea, .field-label .form-field > .textarea, .field-label .form-field > button, .field-label .form-field > label.radio-envelope, .field-label .form-field > label.cb-envelope,
 .field-label.form-field > input, .field-label.form-field > select, .field-label.form-field > textarea, .field-label.form-field > .textarea,.field-label.form-field > button, .field-label.form-field > label.radio-envelope, .field-label.form-field > label.cb-envelope{
     order: 0;
     flex: 1 1 auto;
 }
 .field-label-vert .form-field > input, .field-label-vert .form-field > select, .field-label-vert .form-field > textarea, .field-label-vert .form-field > .textarea, .field-label-vert .form-field > button, .field-label-vert .form-field > label.radio-envelope, .field-label-vert .form-field > label.cb-envelope,
 .field-label-vert.form-field > input, .field-label-vert.form-field > select, .field-label-vert.form-field > textarea, .field-label-vert.form-field > .textarea,.field-label-vert.form-field > button, .field-label-vert.form-field > label.radio-envelope, .field-label-vert.form-field > label.cb-envelope{
     order: 0;
     width: 100%;
     width: calc(100% - 8px);
 }
 .label-field .form-field > input[type='radio'], .label-field .form-field > input[type='checkbox'],
 .label-field.form-field > input[type='radio'], .label-field.form-field > input[type='checkbox'],
 .field-label .form-field > input[type='radio'], .field-label .form-field > input[type='checkbox'],
 .field-label.form-field > input[type='radio'], .field-label.form-field > input[type='checkbox']{
     flex: 0 0 1em;
     border: none;
 }
 .label-field-vert .form-field > input[type='radio'], .label-field-vert .form-field > input[type='checkbox'],
 .label-field-vert.form-field > input[type='radio'], .label-field-vert.form-field > input[type='checkbox'],
 .field-label-vert .form-field > input[type='radio'], .field-label-vert .form-field > input[type='checkbox'],
 .field-label-vert.form-field > input[type='radio'], .field-label-vert.form-field > input[type='checkbox']{
     border: none;
     width: 1em;
 }
 /*
 .label-field button.input-submit, .label-field-vert button.input-submit, .field-label button.input-submit, .field-label-vert button.input-submit,
 .label-field button.input-reset, .label-field-vert button.input-reset, .field-label button.input-reset, .field-label-vert button.input-reset,
 .label-field button.input-button, .label-field-vert button.input-button, .field-label button.input-button, .field-label-vert button.input-button,
 .label-field input.input-submit, .label-field-vert input.input-submit, .field-label input.input-submit, .field-label-vert input.input-submit,
 .label-field input.input-reset, .label-field-vert input.input-reset, .field-label input.input-reset, .field-label-vert input.input-reset,
 .label-field input.input-button, .label-field-vert input.input-button, .field-label input.input-button, .field-label-vert input.input-button {
     width: auto;
     flex: 0 0 auto;
 }
 */
 
 .form-field label { x-float: left; width: 30%; x-clear: both; display: inline-block; vertical-align: top; }
 .form-field div.textarea { width: 60%; display: inline-block; border: 1px solid #888;}
 .form-field div.textarea textarea { width: 100%; margin:0;padding:0;border:none;display: block;}
 .form-field select { width: 60%; } 
 .form-field .input-text, .form-field .input-password { width: 60%; }
 .form-field .input-button, .form-field .input-submit, .form-field .input-reset {width: 10em;}
 input.input-file { width: 18em; }
 input.input-radio, input.input-checkbox {width: 1em; }
 input[type='radio'].form-error, input[type='checkbox'].form-error {width: 1.3em ! important; background-color: red ! important; outline: 2px solid red;}
 .form-field div.form-template { display: inline-block; }
 .form-error { background-color: #ffc ! important; border: 2px red solid !important; }
 .bhv-form-errortext  {
 	border: red 2px solid;
 	margin: 10px 10px 10px 0px;
 	padding: 4px;
  }
  .form-field .textarea .editor-toolbar { font-family: Arial, sans-serif;}
  .form-field .textarea .editor-toolbar button { 
      height:18px; 
      background: #ccc; 
      border: none; 
      vertical-align: bottom; 
      margin:0; 
      border-radius:0;
      font-size:11px;
      padding:2px;
  }
  textarea:focus, input:focus, .editable:focus { outline-offset: 1px; }
 span.form-sending {
     text-align: center;
 }
 span.form-sending span {
     display: inline-block;
     transform-origin:50% 50%;
     animation: rotation-rechts 3s linear infinite;
 }
  
 .yui-ac-container ul {
    max-height: 200px;
    overflow-y: auto;
}
/*** diverse Stile ***/
 .cmsonly {
 	 display:none;
  }
 .actionsymb { border: none ! important; }
 .bhv-image { clear: both; }
 .form-position { position: absolute; }
 .cms-position { position: absolute; height:0px; }
 .cms-position img { position: absolute; z-index:1;}
 .bhv-bild.cms-position { xposition:relative; width: 100%; }
 .bhv-newsletter div.cmsonly { text-align: left; padding: 3px; margin:2%; border: 1px #666 dotted; }
 .bhv-newsletter textarea { width: 99%; height: 300px; }
 .bhv-newsletter input.text { width: 99%; }
 .bhv-newsletter input.button { padding: 2px 6px; }
 #cms_template .yui-layout .yui-layout-wrap {
 	position: static;
  }
 #cms_template .yui-layout div.yui-layout-bd {
 	xposition: relative;
  }
 div.yui-layout-hd {
 	height: 26px;
  }
 #cms_template .yui-layout div.yui-layout-hd {
 	position: static;
  }
 #cms_template .yui-layout div.yui-layout-hd h2 {
 	padding: 3px;
 	margin: 0px;
  }
 #cms_template .yui-layout div.yui-layout-ft {
 	position: static;
  }
 #cms_template .yui-layout.noborder div.yui-layout-bd {
 	border: 0px;
  }
 #cms_template .yui-layout.noborder div.yui-layout-hd {
 	border:0px;
  }
 #cms_template .yui-layout.noborder div.yui-layout-ft {
 	border:0px;
  }
 #cms_template .yui-layout.noborder div.yui-layout-clip {
 	border:0px;
  }
 #cms_template .noscript .yui-layout-unit {
 	position:static;
  }
 #bildupload-galery, #bildupload2-galery {
	height:90px;
	border:2px #ccc inset;
	background-color: #888;
	overflow: auto;
	margin: 15px;
	white-space: nowrap;
 }
 #bildupload-galery img, #bildupload2-galery img {
	border:1px #444 solid;
	background-color: white;
	padding: 1px 2px;
	margin: auto 3px;
  }
 #bildupload-preview, #bildupload2-preview {
	width: 200px;
	float:left;
	height:200px;
	border: 1px #ccc dotted;
	overflow: hidden;
	margin: 15px;
	text-align: center;
  }
 #bildupload-preview-img, #bildupload2-preview-img {
	margin: auto auto;
  }
 #bildupload-vorhabiver, #bildupload2-vorhabiver {
	margin: 0px 15px;
  }
 #bildupload-formfields, #bildupload2-formfields {
	width: 480px;
	margin: 30px 15px 5px 15px;
  }
 #bildupload-formfields .highlight, #bildupload2-formfields .highlight {
	 border: 2px red solid;
	 background-color: #ffe;
  }
 #bildupload-formfields #bildupload-dlg-stdsizes, #bildupload2-formfields #bildupload2-dlg-stdsizes {
	width: 10em;
  }
 #bildupload-formfields .longlabel, #bildupload2-formfields .longlabel {
	width: 16em;
  }
 .tab-header-filter {
 	display: inline-block;
 	width: 12px;
 	height: 12px;
 	background: url('/s/MEDIA/lupe.gif') no-repeat;
 	xborder: 1px solid #888;
 	position: absolute;
 	left: 2px;
  }
 .tab-header-filter.active {
 	background-color: white;
 	border: 1px solid #888;
 	background-position: 2px 2px;
 	padding: 2px;
  }
 .tab-header-filter-input {
 	border: 1px #888 inset;
  }
 div.yui-dt thead th div.yui-dt-liner {
 	 position:relative;
  }
 input.paginator-pageselector {
 	width: 3em;
  }
 .yui-skin-sam div.yui-pg-container {
 	font-size: 90%;
  }
 .yui-skin-sam div.yui-pg-container a.yui-pg-next {
 	text-decoration: none;
  }
 .yui-skin-sam div.yui-pg-container a.yui-pg-previous {
 	text-decoration: none;
  }
 .yui-skin-sam div.yui-pg-container a.yui-pg-first {
 	text-decoration: none;
  }
 .yui-skin-sam div.yui-pg-container a.yui-pg-last {
 	text-decoration: none;
  }
 .yui-skin-sam div.yui-pg-container a.yui-pg-button-new {
 	text-decoration: none;
 	padding: 3px;
 	border: 1px #ccc dotted;
 	display: inline-block;
 	zoom:1;
  }
 .yui3-overlay-content.tooltip {
 	padding: 3px;
 	margin-top:6px;
 	border: 1px #888 inset;
 	background-color: white;
 	color: black;
  }
 .yui3-overlay-content.message {
 	padding: 3px;
 	margin-top:6px;
 	border: 1px #888 inset;
 	background-color: white;
 	color: black;
  }

 .yui-skin-sam .cms_template .yui-carousel .yui-carousel-nav {
 	background: transparent;
  }
 .yui-skin-sam .cms_template .yui-carousel .yui-carousel-element li.yui-carousel-item-selected {
 	border:0px;
 	margin:0px;
 	padding: 0px;
  }
 .yui-skin-sam .cms_template .yui-carousel {
 	border: 0px;
 	margin: 0px;
 	padding: 0px;
  }
 .yui-skin-sam .cms_template .yui-carousel .yui-carousel-element li.carousel {
	border: 0px;
	margin:0px;
	padding: 0px;
	text-align: left;
	display: block;
  }
 .yui-skin-sam .cms_template ol.carousel:not(.yui-carousel-element) li.carousel:not(:first-of-type) {
 	 display:none;
  }
 
 .yui-skin-sam .cms_template .yuimenubar {
	background: none;
	line-height: 125%;
	border: none;
  }
 .yui-skin-sam .cms_template .yuimenubaritemlabel {
	margin: 0px;
	border: none;
	padding: 0px;
  }
 .yuimenu .bd li {
 	 float: none;
  }
 
 .editable img.inline { }
 .editable img.left { float: left; margin-right: 1em; }
 .editable img.right { float: right; margin-left: 1em; }
 .editable img.center { display: block; margin:0px auto; }
 .editable .yui-resize-wrap.center { margin-left:auto; margin-right:auto; }
 
 .bhv-image.textrechts img { float: left; margin-right: 1em; }
 .bhv-image.textlinks img { float: right; margin-left: 1em; }
 .bhv-image .popuptext {display: none;}
 .bhv-image img { vertical-align: bottom; }
 
 .bhv-canvas { background-repeat: no-repeat; background-size: cover; background-position: 50% 50%;}
 .bhv-canvas canvas { display: block; }
 
 .yui3-js-enabled .spamschutztext { visibility: hidden; }
 .yui-dialog div.editor div.editor {
 	display: inline-block;
 	background: white;
 	border: 1px #ccc solid;
  }
 .yui-dialog div.editor div.ed-navig button {
 	padding: 2px;
  }
 .yui-dialog div.editor div.ed-navig button span {
 	font-size: 14px;
 	line-height: 14px;
 	display: inline-block;
  }
 @media (max-width: 800px) {
     .yui-skin-sam div.yui-dialog .ft .button-group {
         text-align: center;
     }
 }
 .yui3-dd-drop-over {
 	 background: url(/s/MEDIA/raster2.png) -2px -2px;
  }

 .cms_template .mce-btn button, .cms_template .mce-container button, .cms_template .mce-widget button {
 	 padding: 2px;
  }
 .cms_template .mce-container, .cms_template .mce-container *, .cms_template .mce-widget, .cms_template .mce-widget * {
 	 font-size: 10px;
  }
  
 .bhv-image-galery .bhv-image {
	float: left;
	clear: none;
	padding: 2px;
	margin: 2px;
	overflow: hidden;
	text-align: center;
	border: 1px #888 dotted;
 }
 #imgdlg1 .button-group { text-align: center; }
 button.extui {
	background: white ! important;
	border-radius: 4px;
	color: #fa6 ! important;
	border: none ! important;
	cursor: pointer;
	font-size: 13px ! important;
	padding: 0 0.5em ! important;
 }
 button.admin {
	background: white ! important;
	border-radius: 4px;
	color: #fa6 ! important;
	border: none ! important;
	cursor: pointer;
	font-size: 13px ! important;
	padding: 0 0.5em ! important;
 }

 .nolabel label { display: none; }
 .bhv-design-menucompact .flex { overflow:hidden; }
 .bhv-design-menucompact .closed { display:none; }
 .sprachversion { display: none; }
 .cms_lang_orig .sprachversion { display: block; }
 span.fa span.fontawesome.nodisplay { display:none; }
 
 html.actiontable .lazyload { background-image: none ! important; }
 .bhv-newpage-button,  .bhv-import-button,  .bhv-link-button,  .bhv-extern-button,  .bhv-help-button,  .bhv-assistent-vorlage,  .bhv-assistent-abschnitt,  .bhv-pers-assistenz {
     display:none;
 }

 .galerie-abdunkelung {
     background-color: rgba(0,0,0,0.8);
     opacity: 0;
     transition: opacity 0.7s;
 }
 .galerie-abdunkelung.sichtbar {
     opacity:1;
 }
 .galerie-abdunkelung * {
     max-width: 100%;
     max-height: 100%;
 }
 .galerie-abdunkelung img, .galerie-abdunkelung video {
     width: 100% ! important;
     height: 100% ! important;
     object-fit:contain ! important;
 }
 .galerie-abdunkelung .grpfeil {
     font-size:3em;
     color: white;
     cursor: pointer;
     position: absolute;
     z-index:1;
 }
 .galerie-abdunkelung > .grpfeil.links {
     left: 40px;
 }
 .galerie-abdunkelung > .grpfeil.rechts {
     right: 40px;
 }
 .galerie-abdunkelung > .grpfeil.links::after {
     content:'<';
     text-shadow: 3px 0 3px black;
 }
 .galerie-abdunkelung > .grpfeil.rechts::after {
     content:'>';
     text-shadow: -3px 0 3px black;
 }
 .galerie-abdunkelung > .close {
     font-size: 2em;
     color: white;
     position: fixed;
     top: 40px;
     right: 40px;
     cursor: pointer;
     z-index:1;
     text-shadow: -3px 0 3px black;
 }
 .galerie-abdunkelung > .help {
     color: white;
     position: fixed;
     bottom: 10px;
     right: 40px;
 }
 .Großansicht img, .Großansicht video { cursor: pointer; }
 
/*** Bild ***/
.bhv-bild.links { text-align:left; }
.bhv-bild.rechts { text-align:right; }
.bhv-bild.zentriert { text-align:center; }
.bhv-bild.links img { margin-right; auto}
.bhv-bild.rechts img { margin-left: auto; }
.bhv-bild.zentriert img { margin-left:auto; margin-right:auto; }
.bhv-bild.links div.yui-resize-wrap { margin-right:auto; }
.bhv-bild.rechts div.yui-resize-wrap { margin-left:auto; }
.bhv-bild.zentriert div.yui-resize-wrap { margin-left:auto; margin-right:auto; }
.bhv-bild img { max-width: 100%; display: block; }

/*** menucompact ***/
  .bhv-design-menucompact .nav-symbol {
	padding: 1em;
	width: 1em;
	cursor: pointer;
	display: inline-block;
	line-height:1em;
	font-size:1em;
	height:1em;
  }
  .bhv-design-menucompact a {
	display: inline-block;
	padding: 3px;
	padding-left: 10px;
	font-size: 110%;
	text-decoration: none;
	color: #333;
  }
  .bhv-design-menucompact a.menu.menu-parent, .bhv-design-menucompact a.submenu.menu-parent {
    color: #c00;
}
  .bhv-design-menucompact a.menu-active {
    color: #c00;
}
  .bhv-design-menucompact ul {
	margin: 0px;
  }
  .bhv-design-menucompact li {
	list-style: none;
  }
  .bhv-design-menucompact li.menu {
	white-space: nowrap;
  }
  .bhv-design-menucompact ul.menu a  {
	x-padding: 1em 0.5em 1em 0.5em;
	padding: 0.5em;
  }
  .bhv-design-menucompact.Pfad .nav-symbol {
	padding: 0.5em;
  }
  .bhv-design-menucompact.Pfad .menu-einaus img {
	max-height: 1em;
  }
  .bhv-design-menucompact.Pfad li.menu-path {
	position: relative;
	display: inline-block;
	vertical-align: top;
  }
  .bhv-design-menucompact.Pfad div.menu {
	overflow: visible;
  }
  .bhv-design-menucompact.Pfad li.menu {
	padding-left: 0px;
  }
  .bhv-design-menucompact.Pfad .submenu-einaus img  {
	max-height: 1em;
  }
  .bhv-design-menucompact.Pfad  div.menu.flex  {
	position: absolute;
	left: 20%;
	background: white;
	z-index:2;
	border: 1px solid #333;
	box-shadow: 2px 2px 7px #888;
	overflow:hidden;
	x-min-width: 200px;
  }
  .bhv-design-menucompact.Pfad  .submenu-einaus  {
	float: right;
  }
  .bhv-design-menucompact.Pfad  div.flex  {
	overflow: visible;
  }
  .bhv-design-menucompact.Pfad ul.menu-path {
	display: inline-block;
  }
  
  .bhv-design-menucompact.horizontal  .submenu-einaus  {
	display: none;
  }
  .bhv-design-menucompact.horizontal  ul.menu  {
    white-space:nowrap;
    display:inline-block;
}
  .bhv-design-menucompact.horizontal  a.menu-path  {
	display: none;
  }
  .bhv-design-menucompact.horizontal  div.flex  {
	display: block;
	overflow: visible;
  }
  .bhv-design-menucompact.horizontal  ul.loaded  {
	position: absolute;
	background: white;
	z-index:2;
	border: 1px solid #333;
	box-shadow: 2px 2px 7px #888;
	overflow:hidden;
	x-min-width: 200px;
  }
  .bhv-design-menucompact.horizontal  ul.loaded ul.loaded {
	position: static;
	background: none;
	z-index:'inherit';
	border: none;
	box-shadow: none;
  }
  .bhv-design-menucompact.horizontal  div.flex li.menu  {
	display: inline-block;
	vertical-align: top;
  }
  .bhv-design-menucompact.horizontal  div.flex li.haschildren  {
	position: relative;
  }
  
  
  
  .bhv-design-menucompact.pulldown  .submenu-einaus  {
	display: none;
  }
  .bhv-design-menucompact.pulldown li.menu-path {
    display:none;
}
  .bhv-design-menucompact.pulldown li.menu-path.menu-level-0 {
    display:block;
}
  .bhv-design-menucompact.pulldown  ul.menu  {
    white-space:nowrap;
    display:inline-block;
}
  .bhv-design-menucompact.pulldown  a.menu-path  {
	display: none;
  }
  .bhv-design-menucompact.pulldown  div.flex  {
	display: block;
	overflow: visible;
  }
  .bhv-design-menucompact.pulldown  ul.loaded  {
	position: absolute;
	background: white;
	z-index:2;
	border: 1px solid #333;
	box-shadow: 2px 2px 7px #888;
	overflow:hidden;
	x-min-width: 200px;
  }
  .bhv-design-menucompact.pulldown  ul.loaded ul.loaded {
	position: static;
	background: none;
	z-index:'inherit';
	border: none;
	box-shadow: none;
  }
  .bhv-design-menucompact.pulldown  div.flex li.menu  {
	display: inline-block;
	vertical-align: top;
  }
  .bhv-design-menucompact.pulldown  div.flex li.haschildren  {
	position: relative;
  }



ul.loaded {
    margin-left: 20px;
    overflow: hidden;
    transition: height 0.5s;
}
ul.loaded.invisible {
    display:none;
}
.opensubmen {
    x-padding: 1em 6px;
    padding: 0.5em;
    cursor: pointer;
}
img.opensubmen {
    vertical-align:middle;
    max-height:1em;
}

/*** .bhv-design-poweredby ***/
.yui-skin-sam .cms_template .bhv-design-poweredby a {
 color: var(--locolor,#bbb) ! important;
 text-decoration: none ! important;
}

.yui-skin-sam .cms_template .bhv-design-poweredby {
    position: relative;
    color:#444;
    font-size: 9px;
    font-family: Verdana, sans-serif;
    text-align: right;
    --font-family: Verdana, sans-serif;
    --font-size: 9px;
    --color: #444;
    --text-align: right;
}
.yui-skin-sam .cms_template .bhv-design-poweredby .powered-header {
    background: #fa6;
    --bgcolor: #fa6;
}
.yui-skin-sam .cms_template .bhv-design-poweredby .powered-info .powered-header a {
    font-weight: bold ! important;
    color: white ! important;
}
.yui-skin-sam .cms_template .bhv-design-poweredby .powered-header a.powered-cmsmode {
    float:right;
}
.yui-skin-sam .cms_template .bhv-design-poweredby .powered-header a.powered-help {
    /*float:right;*/
}
.yui-skin-sam .cms_template .bhv-design-poweredby .powered-info a {
    display:inline-block ! important;
    color: #444 ! important;
}
.yui-skin-sam .cms_template .bhv-design-poweredby .powered-popup {
    border-radius: 4px;
    box-shadow: 1px 1px 5px;
    position: absolute;
    bottom: 100%;
    right:0px;
    transition: all 0.5s;
    background: white;
    max-height:0px;
    text-align: left;
}
.yui-skin-sam .cms_template .bhv-design-poweredby .powered-hover:hover .powered-popup {
    max-height: 80px;
    height:auto ! important;
    border: 2px solid #fa6;
}

/*** .popupshim ***/
.popupimgshim {
    position: fixed;
    top:0%;
    bottom:0%;
    left: 0%;
    right:0%;
    background: rgba(0,0,0,0.85);
    display:none;
    opacity:0;
    transition: opacity 0.7s;
    z-index:1;
}
.popupimgshim.visible {
    display:block;
}
.popupimgshim .bild img {
    position: absolute;
    transition: width 0.5s, height 0.5s, left 0.5s, top 0.5s, opacity 0.5s;
}
.popupimgshim .pfeil {
    position: absolute;
    top: 49%;
    top: calc(50% - 20px);
    width: 40px;
    height: 40px;
    x-background: white;
    cursor:pointer;
    z-index: 2;
    x-border-radius: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: 50% 50%;
}
.popupimgshim .pfeil.links {
    left: 10px;
    background-image:url("/s/MEDIA/Pfeil_zurueck_40x40.png");
}
.popupimgshim .pfeil.rechts {
    right: 10px;
    background-image:url("/s/MEDIA/Pfeil_weiter_40x40.png");
}
.popupimgshim .close {
    position: fixed;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    background: white;
    cursor:pointer;
    background: url("/s/MEDIA/schliessen_40x40.png") no-repeat;
    background-size: contain;
    background-origin: 50% 50%;
    x-border-radius: 50%;
}
.popupimgshim .text {
    position: absolute;
    x-bottom: 40px;
    width: 60%;
    left: 20%;
    color: white;
    text-align: center;
    transition: opacity 0.5s;
}
.popupimgshim .messtext {
    position: absolute;
    width: 60%;
    bottom:0px;
}

/*** .printonly ***/
.printonly {
    display: none;
}

/*** .scroll-in-effects ***/
.scroll-in-effects {
	transition: transform var(--effekt-time,1s) var(--effekt-easing,ease-in-out) var(--effekt-delay,0s), opacity var(--effekt-time,1s) var(--effekt-easing,ease-in-out) var(--effekt-delay,0s), filter var(--effekt-time,1s) var(--effekt-easing,ease-in-out) var(--effekt-delay,0s);
    transform: var(--effekt-transform-init,var(--effekt-transform-sichtbar));
    filter: var(--effekt-filter-init,var(--effekt-filter-sichtbar));
    opacity: var(--effekt-opacity-init,var(--effekt-opacity-sichtbar));
    transform-origin: var(--effekt-transform-origin,center center);
}
.scroll-in-effects.sichtbar {
    transform: var(--effekt-transform-sichtbar);
    filter: var(--effekt-filter-sichtbar);
    opacity: var(--effekt-opacity-sichtbar);
}
.scroll-in-effects.oberhalb {
    transform: var(--effekt-transform-oberhalb);
    filter: var(--effekt-filter-oberhalb);
    opacity: var(--effekt-opacity-oberhalb);
}
.scroll-in-effects.unterhalb {
    transform: var(--effekt-transform-unterhalb);
    filter: var(--effekt-filter-unterhalb);
    opacity: var(--effekt-opacity-unterhalb);
}

/*** .hover-effects ***/
.hover-effects {
	transition: transform var(--effekt-time,1s) var(--effekt-easing,ease-in-out) var(--effekt-delay,0s), opacity var(--effekt-time,1s) var(--effekt-easing,ease-in-out) var(--effekt-delay,0s), filter var(--effekt-time,1s) var(--effekt-easing,ease-in-out) var(--effekt-delay,0s);
    transform: var(--effekt-transform-normal);
    filter: var(--effekt-filter-normal);
    opacity: var(--effekt-opacity-normal);
    transform-origin: var(--effekt-transform-origin,center center);
}
.hover-effects:hover {
    transform: var(--effekt-transform-hover);
    filter: var(--effekt-filter-hover);
    opacity: var(--effekt-opacity-hover);
}

/*** .viewanim-effects ***/
.viewanim-effects {
    transform-origin: var(--va-transform-origin,center center);
    animation: var(--va-animation,viewanim-0-100);
	animation-timeline: var(--va-animation-timeline,view());
	animation-range: var(--va-animation-range,cover 0% cover 100%);
	animation-fill-mode: var(--va-animation-fill-mode,both);
	offset-anchor: var(--va-offset-anchor,auto);
	offset-position: var(--va-offset-position,auto);
	offset-rotate: var(--va-offset-rotate,auto);
	clip-rule: var(--va-clip-rule,even-odd);
}

/*** .paralaxe ***/
.paralaxe {
    animation: paralaxe;
    animation-timeline: var(--paralaxe-timeline,view());
}

/*** Styleset ***/
.styleset a {
    color: var(--linkcolor);
}
.styleset a:hover {
    color: var(--hovercolor,var(--linkcolor));
}
.styleset .baustein {
    margin: var(--baustein-margin,0);
}
.styleset .content-width {
    max-width: var(--content-width,none);
    margin-left: auto;
    margin-right: auto;
}

/*** Styleset menuhor ***/
.styleset .yui-skin-sam .bhv-design-menuhor li {
	list-style: none;
	display: inline-block;
}
.styleset .yui-skin-sam .bhv-design-menuhor a {
	text-decoration: none;
	display: inline-block;
	padding: 3px;
}
.styleset .yui-skin-sam .bhv-design-menuhor li:hover {
	background-image: none;
}
.styleset .yui-skin-sam .bhv-design-menuhor .yuimenu div.bd li {
	display: block;
}
.styleset .yui-skin-sam .bhv-design-menuhor {
	text-align: left;
	font: var(--menu-font);
	font-size: var(--menu-font-size,100%);
}
.styleset .yui-skin-sam .bhv-design-menuhor a.menu-normal {
	color: var(--menu-color,var(--linkcolor));
}
.styleset .yui-skin-sam .bhv-design-menuhor a.menu-parent {
	color: var(--menu-color-parent,var(--locolor));
	font: var(--menu-font-parent,var(--menu-font));
}
.styleset .yui-skin-sam .bhv-design-menuhor a.menu-active {
	color: var(--menu-color-active,var(--hicolor));
	font: var(--menu-font-parent,var(--menu-font));
}
.styleset .yui-skin-sam .bhv-design-menuhor a:hover {
	color: var(--menu-color-hover,var(--locolor));
	font: var(--menu-font-parent,var(--menu-font));
}
.styleset .yui-skin-sam .bhv-design-menuhor ul {
    margin: 0;
}

/*** Styleset menuvert ***/
.styleset .yui-skin-sam .bhv-design-menuvert li {
	list-style: none;
}
.styleset .yui-skin-sam .bhv-design-menuvert a {
	text-decoration: none;
	display: inline-block;
	padding: 3px;
}
.styleset .yui-skin-sam .bhv-design-menuvert li:hover {
	background-image: none;
}
.styleset .yui-skin-sam .bhv-design-menuvert .yuimenu div.bd li {
	display: block;
}
.styleset .yui-skin-sam .bhv-design-menuvert {
	text-align: left;
	font: var(--menu-font);
	font-size: var(--menu-font-size,100%);
}
.styleset .yui-skin-sam .bhv-design-menuvert a.menu-normal {
	color: var(--menu-color,var(--linkcolor));
}
.styleset .yui-skin-sam .bhv-design-menuvert a.menu-parent {
	color: var(--menu-color-parent,var(--locolor));
	font: var(--menu-font-parent,var(--menu-font));
}
.styleset .yui-skin-sam .bhv-design-menuvert a.menu-active {
	color: var(--menu-color-active,var(--hicolor));
	font: var(--menu-font-parent,var(--menu-font));
}
.styleset .yui-skin-sam .bhv-design-menuvert a:hover {
	color: var(--menu-color-hover,var(--locolor));
	font: var(--menu-font-parent,var(--menu-font));
}
.styleset .yui-skin-sam .bhv-design-menuvert ul {
    margin: 0;
}
.styleset .yui-skin-sam .bhv-design-menuvert ul ul {
    margin: var(--menu-margin-submenu,0 0 0 2em);
}

/*** Styleset menucompact ***/
.styleset .yui-skin-sam .bhv-design-menucompact {
	font: var(--menu-font);
	font-size: var(--menu-font-size,100%);
}
.styleset .yui-skin-sam .bhv-design-menucompact a {
	color: var(--menu-color,var(--linkcolor));
}
.styleset .yui-skin-sam .bhv-design-menucompact a.menu-parent {
	color: var(--menu-color-parent,var(--locolor));
	font: var(--menu-font-parent,var(--menu-font));
}
.styleset .yui-skin-sam .bhv-design-menucompact a.menu-active {
	color: var(--menu-color-active,var(--hicolor));
	font: var(--menu-font-parent,var(--menu-font));
}
.styleset .yui-skin-sam .bhv-design-menucompact a:hover {
	color: var(--menu-color-hover,var(--locolor));
	font: var(--menu-font-parent,var(--menu-font));
}
.styleset .yui-skin-sam .bhv-design-menucompact ul {
    margin: 0;
}
.styleset .yui-skin-sam .bhv-design-menucompact ul ul {
    margin: var(--menu-margin-submenu,0 0 0 2em);
}

/*** Styleset Table ***/
.styleset .bhv-table.Streifen table, .styleset .bhv-database.Streifen table {
    border: var(--table-border,none);
    border-collapse: var(--table-collapse,collapse);
    border-spacing: var(--border-spacing,0);
}
.styleset .bhv-table.Streifen tr, .styleset .bhv-database.Streifen tr {
    vertical-align: var(--tr-vertical-align,top);
}
.styleset .bhv-table.Streifen td, .styleset .bhv-database.Streifen td {
    border: var(--td-border,none);
    padding: var(--td-padding,0);
}
.styleset .bhv-table.Streifen thead, .styleset .bhv-database.Streifen thead {
    background-color:var(--thead-bgcolor,var(--hicolor));
    color:var(--thead-color,var(--bgcolor));
}
.styleset .bhv-table.Streifen tbody tr.odd, .styleset .bhv-database.Streifen tbody tr.odd {
    background-color:var(--tr-ungerade-bgcolor,var(--locolor));
    color:var(--tr-ungerade-color,var(--color));
}
.styleset .bhv-table.Streifen tbody tr.even, .styleset .bhv-database.Streifen tbody tr.even {
    background-color:var(--tr-gerade-bgcolor,var(--bgcolor));
    color:var(--tr-gerade-color,var(--color));
}

/*** Styleset Box ***/
.styleset .Box {
    border: var(--box-border,none);
    border-radius: var(--box-radius,0);
    box-shadow: var(--box-shadow);
    margin: var(--box-margin,0);
    padding: var(--box-padding,0);
    color: var(--box-color,var(--color));
    background-color: var(--box-bgcolor,var(--bgcolor));
}
.styleset .Box a {
    color:var(--box-linkcolor,var(--linkcolor));
}

/*** Styleset Tabview ***/
.styleset .yui-skin-sam .yui-navset .yui-nav .selected a,
.styleset .yui-skin-sam .yui-navset .yui-nav .selected a:hover,
.styleset .yui-skin-sam .yui-navset .yui-nav .selected a:focus {
	background: var(--tabview-bgcolor,var(--hicolor));
	background-image:none;
	color: var(--tabview-color,var(--bgcolor));
}
.styleset .yui-skin-sam .yui-navset .yui-nav a,
.styleset .yui-skin-sam .yui-navset .yui-nav a:hover,
.styleset .yui-skin-sam .yui-navset .yui-nav a:focus {
	background: var(--tabview-bgcolor-inaktiv,var(--bgcolor));
	background-image:none;
	color: var(--tabview-color-inaktiv,var(--color));
}
.styleset .yui-skin-sam .yui-navset .yui-nav a:hover {
    opacity: 0.8;
}
.styleset .yui-skin-sam .yui-navset .yui-nav {
	border-bottom-color: var(--tabview-bgcolor,var(--hicolor));
	border-bottom-width: var(--tabview-trennlinie-dicke, 2px);
}
.styleset .yui-skin-sam .yui-navset .yui-content {
	background: var(--tabview-content-bgcolor,var(--bgcolor));
	color: var(--tabview-content-color,var(--color));
}
.styleset .yui-skin-sam .yui-navset .yui-content a {
	color: var(--tabview-content-linkcolor,var(--linkcolor));
}

/*** Styleset Accordion ***/
.styleset .yui-skin-sam .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle.active {
	background: var(--acc-bgcolor,var(--hicolor));
	color: var(--acc-color,var(--bgcolor));
}
.styleset .yui-skin-sam .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle {
	background: var(--acc-bgcolor-inaktiv,var(--locolor));
	color: var(--acc-color-inaktiv,var(--bgcolor));
}
.styleset .yui-skin-sam .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle:hover {
    opacity: 0.8;
}
.styleset .yui-skin-sam .yui-accordion-content {
	background: var(--acc-content-bgcolor,var(--bgcolor));
	color: var(--acc-content-color,var(--color));
}
.styleset .yui-skin-sam .yui-accordion-content a {
	color: var(--acc-content-color,var(--linkcolor));
}

/*** Styleset Form ***/
.styleset .yui-skin-sam input[type=radio]::after {
	width: 100%;
	height: 100%;
	background: var(--radio-bgcolor,var(--bgcolor)) no-repeat center center / cover;
	background-image: var(--radio-offbild);
	position: absolute;
	top: 0;
	left: 0;
	content: var(--radio-offtext);
	font-family: var(--radio-font,var(--font-symbol,FontAwesome));
	color: var(--radio-color,var(--color));
}
.styleset .yui-skin-sam input[type=radio]:checked::after {
	background-image: var(--radio-onbild);
	content: var(--radio-ontext);
}
.styleset .yui-skin-sam input[type=radio] {
	width: 1em;
	height: 1em;
	flex-basis: 1em;
	margin:0;

	width: var(--radio-width,1em);
	height: var(--radio-height,1em);
	flex-basis: var(--radio-width,1em);
	position:relative;
	margin:var(--radio-margin,0);
}

.styleset .yui-skin-sam input[type=checkbox]::after {
	width: 100%;
	height: 100%;
	background: var(--checkbox-bgcolor,var(--bgcolor)) no-repeat center center / cover;
	background-image: var(--checkbox-offbild);
	position: absolute;
	top: 0;
	left: 0;
	content: var(--checkbox-offtext);
	font-family: var(--checkbox-font,var(--font-symbol,FontAwesome));
	color: var(--checkbox-color,var(--color));
}
.styleset .yui-skin-sam input[type=checkbox]:checked::after {
	background-image: var(--checkbox-onbild);
	content: var(--checkbox-ontext);
}
.styleset .yui-skin-sam input[type=checkbox] {
	width: 1em;
	height: 1em;
	flex-basis: 1em;
	margin:0;

	width: var(--checkbox-width,1em);
	height: var(--checkbox-height,1em);
	flex-basis: var(--checkbox-width,1em);
	position:relative;
	margin:var(--checkbox-margin,0);
}

.styleset .yui-skin-sam input, .styleset .yui-skin-sam select {
    width: var(--input-width,300px);
    max-width: 90%;
    max-width: calc(100% - 2px);
    margin: var(--input-margin);
    padding: var(--input-padding);
    border: var(--input-border,1px solid #888);
    border-radius: var(--input-radius);
    box-shadow: var(--input-shadow);
    font-size: var(--input-font-size);
    background-color: var(--input-bgcolor,white);
    color: var(--input-color,black);
}
.styleset .yui-skin-sam .textarea {
    width: var(--input-width,300px);
    max-width: 90%;
    max-width: calc(100% - 2px);
    margin: var(--input-margin);
    padding: var(--input-padding);
    border: var(--input-border,1px solid #888);
    border-radius: var(--input-radius);
    box-shadow: var(--input-shadow);
    font-size: var(--input-font-size);
    background-color: var(--input-bgcolor,white);
}
.styleset .yui-skin-sam div.textarea textarea {
    height: var(--textarea-height);
    border-radius: var(--input-radius);
    background:transparent;
    width:100%;
    border:none;
    margin:0;
    padding:0;
    color: var(--input-color,black);
}
.styleset .yui-skin-sam button, .styleset .yui-skin-sam input[type=button], .styleset .yui-skin-sam input[type=reset], .styleset .yui-skin-sam input[type=submit] {
    width: var(--button-width,var(--input-width,auto));
    max-width: 90%;
    max-width: calc(100% - 2px);
    margin: var(--button-margin,var(--input-margin));
    padding: var(--button-padding,var(--input-padding));
    border: var(--button-border,var(--input-border,1px solid #888));
    border-radius: var(--button-radius,var(--input-radius));
    box-shadow: var(--button-shadow,var(--input-shadow));
    font-size: var(--button-font-size,var(--input-font-size));
    background-color: var(--button-bgcolor,#ccc);
    color: var(--button-color,black);
}
.styleset .yui-skin-sam label {
	width: var(--label-width,120px);
	max-width: 100%;
	margin: var(--label-margin);
	padding: var(--label-padding);
	font-size: var(--label-font-size);
}
html.no-cssvars .form-field .cb-envelope .innerspan, html.no-cssvars .form-field .radio-envelope .innerspan {
    display:none ! important;
}

/*** @media print ***/
@media print {
    .printonly {
        display: unset ! important;
    }
    .noprint {
        display: none;
    }
}

/*
// }
*/