/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/source-sans-pro-v13-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),
       url('./fonts/source-sans-pro-v13-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/source-sans-pro-v13-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/source-sans-pro-v13-latin-300.woff') format('woff'), /* Modern Browsers */
       url('./fonts/source-sans-pro-v13-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/source-sans-pro-v13-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-300italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 300;
  src: url('./fonts/source-sans-pro-v13-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightItalic'),
       url('./fonts/source-sans-pro-v13-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/source-sans-pro-v13-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/source-sans-pro-v13-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('./fonts/source-sans-pro-v13-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/source-sans-pro-v13-latin-300italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/source-sans-pro-v13-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
       url('./fonts/source-sans-pro-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/source-sans-pro-v13-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/source-sans-pro-v13-latin-700.woff') format('woff'), /* Modern Browsers */
       url('./fonts/source-sans-pro-v13-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/source-sans-pro-v13-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-700italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  src: url('./fonts/source-sans-pro-v13-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldItalic'),
       url('./fonts/source-sans-pro-v13-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/source-sans-pro-v13-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/source-sans-pro-v13-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('./fonts/source-sans-pro-v13-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/source-sans-pro-v13-latin-700italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./fonts/source-sans-pro-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
       url('./fonts/source-sans-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/source-sans-pro-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/source-sans-pro-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/source-sans-pro-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/source-sans-pro-v11-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* quicksand-regular - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./fonts/quicksand-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Quicksand Regular'), local('Quicksand-Regular'),
       url('./fonts/quicksand-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/quicksand-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/quicksand-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/quicksand-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/quicksand-v7-latin-regular.svg#Quicksand') format('svg'); /* Legacy iOS */
}

/* quicksand-500 - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('./fonts/quicksand-v7-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Quicksand Medium'), local('Quicksand-Medium'),
       url('./fonts/quicksand-v7-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/quicksand-v7-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/quicksand-v7-latin-500.woff') format('woff'), /* Modern Browsers */
       url('./fonts/quicksand-v7-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/quicksand-v7-latin-500.svg#Quicksand') format('svg'); /* Legacy iOS */
}

/* quicksand-700 - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('./fonts/quicksand-v7-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Quicksand Bold'), local('Quicksand-Bold'),
       url('./fonts/quicksand-v7-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/quicksand-v7-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/quicksand-v7-latin-700.woff') format('woff'), /* Modern Browsers */
       url('./fonts/quicksand-v7-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/quicksand-v7-latin-700.svg#Quicksand') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./fonts/roboto-condensed-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
       url('./fonts/roboto-condensed-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/roboto-condensed-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/roboto-condensed-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/roboto-condensed-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/roboto-condensed-v16-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('./fonts/roboto-condensed-v16-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'),
       url('./fonts/roboto-condensed-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/roboto-condensed-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/roboto-condensed-v16-latin-700.woff') format('woff'), /* Modern Browsers */
       url('./fonts/roboto-condensed-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/roboto-condensed-v16-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
 


body{font-family: 'Source Sans Pro', sans-serif;font-size:16px;margin:0;padding:0;color:#000004;}
#wrap{margin:0px auto;background-color:#fff;}
#haederwrap{width:100%;float:left;background:#fff}
#header{max-width:1200px;margin:0px auto;width:95%;position:relative;/*padding:0 0 0 2.5%;*/background-color:#fff;float:left;left:50%;transform:translateX(-50%);z-index:30000}
#mainnav{float:left;width:65%;position:absolute;top:50%;transform:translateY(-50%);z-index:20000;left:0%;background-color:transparent;}
#bct {padding:5px 0 3px 3%;margin-top:5px;border-top:1px solid #c5c5c5;float:left;width:100%;background-color:#fff;}
#bct ul {padding:0;margin:0 0 0 0}
#bct ul li{list-style:none;display:block;float:left;line-height:1.6em}
#bct ul li a{display:inline-block;line-height:1.6em;text-decoration:none;}
#bct ul li a img{max-height:1em;width:auto;position:relative;top:0.2em}
#bct ul li a:after{content:"\203A";margin: 0.25em;color:#c5c5c5}
#mainnav ul{}
.open-popup-link{display:none;font-size:3em;color:green;text-decoration:none !important;padding:0.15em;margin:0.05em;border:none !important;border-radius:0.2em}
#mainnav ul li{list-style-type:none;display:block;float:left;}
#mainnav ul li a{font-family: 'Roboto Condensed', sans-serif;text-decoration:none;color:#000004;font-size:1.3em;letter-spacing:-0.02em;margin:0 0.18em 0 0;padding:0 1em 0.6em 0;position:relative;z-index:500;}
#mainnav ul li a:hover{color:#a8a8a8;}
#mainnav ul li ul{-webkit-box-shadow: 1px 3px 8px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow:1px 3px 8px 0px rgba(50, 50, 50, 0.75);box-shadow:1px 1px 3px 0px rgba(50, 50, 50, 0.75);position:absolute;min-width:15em;padding:0;margin:0.6em 0 0 0em;float:left;z-index:20000;display:none;}
#mainnav ul li:hover>ul{display:block;z-index:40000}
#mainnav ul li ul li{clear:both;float:none;display:block;margin:0;position:relative;background-color:#fff;z-index:40001}
#mainnav ul li ul li a {position:relative;}
#mainnav ul li ul li span{font-size:2.5em;padding:0;margin:0 0 0 0 ;overflow:hidden;position:absolute;right:0.5em;top:50%;transform:translateY(-50%) rotate(90deg);}
#mainnav ul li ul li:hover span {font-size:2.5em;padding:0;margin:0 0 0 0 ;overflow:hidden;position:absolute;right:0.5em;top:50%;transform:translateY(-50%) rotate(0deg);}
#mainnav ul li ul li a{margin:0px auto;padding:0.5em;border-bottom:1px solid #d8d8d8;display:block;font-size:1.3em;}
#mainnav ul li ul li a:hover{background-color:#d8d8d8;color:#000004;}
#mainnav ul li ul li:last-child>a{border-bottom:none;}
#mainnav ul li ul li ul{left:99.8%;position:absolute;top:0;display:none;z-index:200;margin:0;}
#mainnav ul li ul li:hover ul{display:block;min-width:17em;}
#mainnav ul li ul li ul li a{border-bottom:1px solid #d8d8d8;}
#search{display: block;
    position: absolute;
    width: 133px;
    
    right: 15%;
    top: 1em;}
#search input{border: 1px solid #d9d9d9;
    background: #d9d9d9;
    color: #000;
    height: 21px;
    margin: 0;
    padding: 1px 3px;
    position: absolute;
    top: 0;
    width: 92px;
    border-radius:8px 0 0 8px;
}
#search button{background: #a6a6a6 url(/media/lupe.png) center center;
    height: 25px;
    width: 33px;
    border: 1px solid #a6a6a6;
    position: absolute;
    left: 100px;
    border-radius: 0 8px 8px 0;}
#logo{float:right;position:relative;margin:1em 0 0 0;width:25%;}
#logo img{max-width:100%;}
#start #slider{width:100%;position:relative;z-index:1;border-top:2px solid #292929}
#slider img{max-width:100%;width:100%;height:auto;margin:0 !important}
#dsplayer .dselement p{color:#fff;padding:0 5%;margin-top:10px}
:focus{outline: none;}
#dsplayer .dselement a.prev, #dsplayer .dselement a.next {
    display: block;
    cursor:pointer;
    width: 10%;
    position: absolute;
    top: 0;
    height: 100%;
    /* left: 0; */
    background: rgba(255,255,255,0.0);
}
#dsplayer .dselement img{border:none;}
#dsplayer:hover .dselement a.prev,#dsplayer:hover .dselement a.next{background: rgba(255,255,255,0.2);}
/*#dsplayer .dselement .homie:hover a.prev,#dsplayer .dselement .homie:hover a.next{background: rgba(255,255,255,0.2);}
#dsplayer .dselement .homie:hover a:focus,#dsplayer .dselement .homie:hover a:active{border:none !important;}
*/
#dsplayer .dselement a.prev:hover, #dsplayer .dselement a.next:hover,#dsplayer .dselement a.prev:active, #dsplayer .dselement a.next:active,#dsplayer .dselement a.prev:focus, #dsplayer .dselement a.next:focus {
   background: rgba(255,255,255,0.2);
   border:none;
}
#dsplayer .dselement a.prev{
  left:0;
}
#dsplayer .dselement a.next{
  right:0;
}
#contentwrap{margin:0px auto;width:95%;background-color:#292929;padding:1em 0;max-width:1200px;}
#start #contentwrap{width:100%;background-color:#292929;padding:1em 0;}
#wrap{background-color:#292929;}
#contentwrap p a:before,#contentwrap li a:before {
  font-family:'FontAwesome';
  content: "\f14c";
  font-size:0.7em;
  margin-right:4px;
  position:relative;
  top:-0.15em;
  font-weight:normal;
}
#contentwrap p a[href^="http://"]:before,#contentwrap p a[href^="https://"]:before,#contentwrap li a[href^="http://"]:before,#contentwrap li a[href^="https://"]:before{
  
  font-family:'FontAwesome';
  content: "\f08e" !important;
  font-size:0.7em;
  margin-right:4px;
  position:relative;
  top:-0.15em;
  font-weight:normal;
}
#contentwrap p a.nolinkicon:before,#contentwrap li a.nolinkicon:before,#contentwrap li a[name]:before, #contentwrap p a[name]:before{ font-family:'FontAwesome';
  content: "" !important;
  font-size:0.7em;
  margin-right:0px;
  position:relative;
  top:-0.15em;
  font-weight:normal;}
#innercontent,#innercontent2{max-width:1200px;margin:0px auto;padding:0 2.5%;position:relative;}
#innercontent2{clear:both;float:none;}
#start #innercontent{max-width:1200px;width:95%;margin:0px auto;padding:0 2.5%;}
#grafnav{margin:0 1%;width:100%;position:relative;display:block;height:auto;margin-bottom:3%;}
#grafnav #innen_nav{margin-bottom:1%;display:block;width:100%;}
#grafnav span{width:calc(80% / 14);max-width:62px;display:inline-block;margin:0 1% 0 0;}
#grafnav span img{width:100%;height:auto;position:relative;z-index:5;}
.pointer{cursor:pointer}

a:link,a:visited,a:hover{color:#000;text-decoration:none;}

#innercontent #twocols_left,#innercontent #twocols_right{float:left;}
#b60-40 #innercontent #twocols_left{width:58%;margin:0 4.5% 0 0;}
#b60-40 #innercontent #twocols_right{width:29%;margin:0 4% 0 0;}
#b50-50 #innercontent #twocols_left{width:43%;margin:0 4.5% 0 0;}
#b50-50 #innercontent #twocols_right{width:43%;margin:0 4% 0 0;}



#start #innercontent #twocols_left{background-color:transparent;color:#000004;width:47%;margin:0 1.5% 0 0 !important;/*-webkit-box-shadow: 1px 3px 8px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow:1px 3px 8px 0px rgba(50, 50, 50, 0.75);box-shadow:1px 1px 3px 0px rgba(50, 50, 50, 0.75);padding:0 2em;*/}
#start #innercontent #twocols_right{background-color:transparent;color:#000004;width:47%;margin:0 1.5% 0 0 !important;/*-webkit-box-shadow: 1px 3px 8px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow:1px 3px 8px 0px rgba(50, 50, 50, 0.75);box-shadow:1px 1px 3px 0px rgba(50, 50, 50, 0.75);padding:0 2em;*/}
.teaserbox h2{background-color:#555;color:#fff;padding:0 16px;margin:0 0;line-height:2.2em;font-size:1.3em;font-weight:normal;display:inline-block}
#start p{font-size:1.1em;}	
#default p,#b50-50 p,#b60-40 p{font-size:1.1em}
.teaserbox {background:#fff;-webkit-box-shadow: 1px 3px 8px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow:1px 3px 8px 0px rgba(50, 50, 50, 0.75);box-shadow:1px 1px 3px 0px rgba(50, 50, 50, 0.75);margin:0 0 2em;border-radius: 5px;overflow: hidden}
.teaserbox p.img{margin:0 0 -6px;overflow:hidden;}
.teaserbox p img{max-width:100%;width:100%;height:auto;margin:0; padding:0;/*-webkit-transition: all 4s ease-in-out;-moz-transition: all 4s ease-in-out;-o-transition: all 4s ease-in-out;-ms-transition: all 4s ease-in-out;transition: all 4s ease-in-out;transform: scale(1.1);-webkit-transform: scale(1.1);-ms-transform: scale(1.1);*/}
.teaserbox .tiny{padding:0 1em 0;}
.teaserbox .innerbox{opacity:1;animation: tboxoff 0.75s ease-in-out;}
.teaserbox:hover .innerbox{opacity:0.75;animation: tboxon 0.75s ease-in-out;}
.teaserbox a{color:#000;text-decoration:none;}
.teaserbox h2{font-size:1.4em;line-height:1.4em;font-family: 'Quicksand', sans-serif;}
/*.teaserbox p{font-size:1.4em;line-height:145%;}*/
/*.teaserbox:hover h2{background-color:#555;font-family: 'Quicksand', sans-serif;}*/
/*.teaserbox:hover p img{transform: scale(1.5);-webkit-transform: scale(1.5);-ms-transform: scale(1.5);}*/
/*.teaserbox:hover p {color:#555;}*/
/*.teaserbox.zweispaltig{clear:both}
.teaserbox.einspaltiglinks{width:48%;float:left;}
.teaserbox.einspaltigrechts{width:48%;float:right;}
.teaserbox.dreispaltig{width:28%;margin:2em 2.5% 0 0;float:left}
.teaserbox.vierspaltig{width:20%;margin:2em 2.5% 0 0;float:left}
*/

#start .flex-container { 
            display: flex; 
            flex-wrap: wrap; 
            margin: 0; 
        } 
#start .flex-item { 
	   
            margin: 0 2.5% 2em;  
	    
        } 
#start .einspaltiglinks,#start .einspaltigrechts { 
            flex-grow: 1;  /* 60% width */ 
            flex-basis: 200px;  /* min-width */ 
            
        } 
#start .zweispaltig { 
            flex-grow: 1;  /* 40% width */ 
            flex-basis:100%;  /* min-width */ 
            
        } 


#default .flex-container { 
            display: flex; 
            flex-wrap: wrap; 
            margin: 0; 
        } 
#default .flex-item { 
	   
            margin: 0 0.75% 2em 2.5%;  
	    max-width:20%;
	    
        }
#default .einspaltiglinks,#default .einspaltigrechts { 
            flex-grow: 1;  /* 60% width */ 
            flex-basis: 200px;  /* min-width */ 
            
        } 

        #default .vierspaltig{ 
            flex-grow: 1;  /* 60% width */ 
            flex-basis: 200px;  /* min-width */ 
            
            
        }        
        #default .zweispaltig{ 
            flex-grow: 2;  /* 60% width */ 
            flex-basis: 400px;  /* min-width */ 
            
        }        
        
.tinymcewysiwyg h1,.tinymcewysiwyg h2{color:#fff;font-size:1.5em;font-family: 'Quicksand', sans-serif;}
.tinymcewysiwyg h3,#innercontent h3{font-size:1.3em;line-height:145%;font-family: 'Quicksand', sans-serif;color:#fff;width:100%}
#innercontent h3+div {clear:both;margin:0 auto;display:inline-block}
.tinymcewysiwyg h3,.tinymcewysiwyg h4,.tinymcewysiwyg h5,.tinymcewysiwyg h6{color:#fff;font-family: 'Quicksand', sans-serif;}
.tinymcewysiwyg p,.tinymcewysiwyg li{font-size:1em;line-height:145%;color:#c0c0c0}
.tinymcewysiwyg p img{max-width:100%;}
.tinymcewysiwyg li p{font-size:1em;line-height:145%;}
.tinymcewysiwyg li{font-size:1.1em;line-height:145%;color:#c0c0c0}
.tinymcewysiwyg{width:100%;margin:0 1%;}
.div_2er_66_33_left .tinymcewysiwyg{margin:0 1% !important;}
#innercontent .innerslider,#innercontent2 .innerslider{width:90%}
#innercontent #knowledgeholder,#innercontent2 #knowledgeholder{width:100%;margin:0 2.5%}

#twocols_left .tinymcewysiwyg{margin:0 2.5% 0 5%}
#innercontent a:link,#innercontent a:visited,#innercontent a:hover{color:#fff;text-decoration:none;font-weight:700;}
#teaserbox a{color:#000}
#footer{max-width:1200px;margin:0px auto;font-size:0.9em;color:#000;}
#footer a{text-decoration:none;}
#footer #footer_left{width:39%;float:left;}
#footer #footer_right{width:60%;float:right;}

form.super input[type=text]{width:60%;font-size:1.1em;padding:5}
form#kontakt label, td b{color:#c0c0c0 !important;font-size:1.1em !important;}
form#kontakt input[type=text]{width:90%;font-size:1.1em;padding:5}
form#kontakt textarea{width:90%}

.formgen{margin-top:40px;line-height:150%;margin-left:1%}
.formgen fieldset{border:none;width:95%;color:#fff}
.formgen legend{font-weight:bold;font-size:16px;margin-bottom:5px;margin-top:25px;color:#fff}

.formgen .textfelder{clear:both;padding:5px 0;margin-right:30px;}
.formgen .textfelder label{float:left;color:#fff}
.formgen .formheadline{font-weight:normal;margin-bottom:5px;width:30%;float:left;color:#fff}


.formgen .formtext{float:right;margin-right:0;width:70%;font-size:1.1em}
.formgen label{font-weight:normal;color:#fff}
/*.formgen .formradio{float:left;padding-right:30px;}*/
.formgen label.formradio:after{content:"\A"; white-space:pre;}

.formgen .checkspan{padding-right:15px;}
.formgen .checkspan label:after{content:"\A"; white-space:pre;}
.formgen .formtrenn{clear:both;padding-top:10px;padding-bottom:10px;height:1px;border-bottom:1px dashed #585858;margin-bottom:20px;}
.formgen legend + .formgen .formtrenn{clear:both;padding-top:0px;padding-bottom:0px;height:1px;border-bottom:1px dashed #585858;margin-bottom:20px;}

.formgen .isildur{}
.formgen .isildur .formtext,.formgen .isildur2 .formtext{width:100px;/*margin-right:350px;*/float:right;margin-right:0px;}
div.breakr{clear:right;marign-bottom:10px;}
div.breakl{clear:left;marign-bottom:10px;}
.formgen .isildur2{float:right;}
.formgen .isildur3{width:345px;float:left;}
.formgen .isildur0{width:445px;float:left;}
.formgen .isildur0 .formtext{margin-right:0px;}
.formgen .isildur3 .formtext{width:100px;float:right;margin-right:0px/*margin-right:350px;*/}
.formgen .checkbreak label.formradio:after{content:"";}
.formgen .formtextfield{display:block;width:400px;}
.formgen .formsubmit{margin-left:245px}
.formgen div.checksammler{float:left;width:47%}
.formgen div.infotext{float:right;width:130px;padding:0;}
.formgen div.infotext .formhinweis{font-weight:normal;font-size:10px}
.formgen .formtrenn hr{display:none}
a img{border:none;}
.clear{clear:both;}
#archit_listing {
    /* height: 200px; */
    font-size: 15px;
    margin: 0px auto;
    text-align:center;
    width:100%;
    max-width:1015px;
}
#archit_listing a {
    font-family:verdana;
    display: block;
    text-align:left;
    background-color: #A5A5A5;
    color: #000 !important;;
    float:left;
    margin:0 5px 5px 0;
    width: 21.75%;
    text-decoration: none;
    max-width: 21.75%;
    margin-right: 1.4778325123153% !important;
    min-width: 176px;
    margin-bottom: 15px;
    font-weight:normal !important;
    font-size:13px !important;
    padding:5px 8px !important;
}
.group_list_item_link,#archit_listing a{border:1px solid transparent;display:block;float:left;overflow:hidden}
.group_list_item_head{border-bottom:1px solid transparent;padding-top:1px;display:block;height:16px;line-height:16px}
.group_list_item_link,#archit_listing a{border:1px solid transparent;display:block;float:left;overflow:hidden}
.group_list_item_head{border-bottom:1px solid transparent;padding-top:1px;display:block;height:16px;line-height:16px}


.div_3er_header{
	float: left; 
	width: 190px; 
	padding: 0 20px; 
}
.div_3er{
	float: left; 
	/*width: 190px;*/
	width: 195px;
	/*height: 370px;*/
	padding: 0 20px; 
	/*border-right: 1px dashed #595959;*/
	margin-bottom: 25px;
	overflow: hidden;
}
.div_3er_last_header{
	float: left; 
	width:200px; 
	padding: 0 20px; 
}
.div_3er_last{
	float: left; 
	width:200px; 
	/*height: 370px;*/
	padding: 0 20px; 
	margin-bottom: 25px;
	overflow: hidden;
}

.three_columns_column_1 { clear:left; width: 100%; overflow: hidden; }
.three_columns_column { position: relative; left: 237px; width: 100%; border-left: 1px dashed #595959; }
.three_columns_content { position: relative; left: -474px; width: 100%; overflow: hidden; }

.four_columns{width:100%;clear:left;overflow:hidden;}
.div_4er{
	float: left; 
	/*width: 190px;*/
	width: 162.75px;
	/*height: 370px;*/
	padding: 0 10px; 
	/*border-right: 1px dashed #595959;*/
	margin-bottom: 25px;
	overflow: hidden;
}
.div_4er_last{
	float: left; 
	width:162.75px; 
	/*height: 370px;*/
	padding: 0 10px; 
	margin-bottom: 25px;
	overflow: hidden;
}
.div_4er img,.div_4er_last img{max-width:162px;height:auto;}

/* <2 Spalten 50%-50% Modul> */
.div_2er_50_header {
	float: left; 
	width: 45%;
	padding: 0 20px; 
}

.div_2er_50 {
	float: left; 
	width: 45%;
	padding: 0 20px 0 0; 
	/*margin-bottom: 25px;*/
	overflow: hidden;
	margin-left:2%;
}
/* </2 Spalten 50%-50% Modul> */

/* <2 Spalten 33%-66% Modul> */
.div_2er_33_66_header_left,
.div_2er_33_66_header_right {
	float: left; 
	padding: 0 20px; 
	
}

.div_2er_33_66_header_left {
	width: 30%;
}

.div_2er_33_66_header_right {
	width: 60%;
}

.div_2er_33_66_left,
.div_2er_33_66_right {
	float: left; 
	padding: 0 20px 0 0; 
	/*margin-bottom: 25px;*/
	overflow: hidden;
}

.div_2er_33_66_left {
	width: 30%;
	margin-left:2%
}

.div_2er_33_66_right {
	width: 60%;
	margin-right:2%
}


/* </2 Spalten 33%-66% Modul> */

/* <2 Spalten 66%-33% Modul> */
.div_2er_66_33_header_left,
.div_2er_66_33_header_right {
	float: left; 
	padding: 0 20px 0 0; 
}

.div_2er_66_33_header_left {
	width: 60%;
}

.div_2er_66_33_header_right {
	width: 30%;
}

.div_2er_66_33_left,
.div_2er_66_33_right {
	float: left; 
	padding: 0 20px 0 0; 
	/*margin-bottom: 25px;*/
	overflow: hidden;
}

.div_2er_66_33_left {
	width: 60%;
	margin-left:2%
}

.div_2er_66_33_right {
	width: 30%;
	margin-right:2%
}


/* </2 Spalten 66%-33% Modul> */
#mobilenav{width:50%;background:#555;color:#fff;padding:5%}

#mobilenav a{color:#fff;text-decoration:none;}


/*// Preisliste & Kataloge*/
.allletters{width:10%;float:left;margin:0 0 0 2.5%}
.someletters{width:64.5%;float:left;}
.cats{width:23%;float:right;text-align:right}
a.letter,a.letter2,a.art,a.letterall,a.letterart{display:block;float:left;padding:4px 0px;width:20px;margin:0 4px 5px;border:none;size:8px;text-align:center;line-height:24px;height:24px;text-decoration:none;background:#c2c2c2;-moz-border-radius: 3px;border-radius: 3px;color:#575757;border:1px solid #c5c5c5}
a.letter.active,a.letterall.active,a.letterart.active{background:#f8d517;-moz-border-radius: 3px;border-radius: 3px;color:#575757;border:1px solid #c5c5c5}
a.letter:hover,a.letter.active:hover,a.art:hover,a.letterall:hover,a.letterall.active:hover,a.letterart:hover,a.letterart.active:hover{background:#f8d517;border:1px solid #c5c5c5}
a.letter2.active{background:#c55956;-moz-border-radius: 3px;border-radius: 3px;color:#575757;border:1px solid #c5c5c5}
a.letter2:hover,a.letter2.active:hover{background:#c55956;border:1px solid #c5c5c5}
a.letterall{width:30px !important;padding-left:5px;padding-right:5px;}
a.letterart{width:70px !important;padding-left:5px;padding-right:5px;}
div.tablelist{display:table;width:82.5%;border-collapse:collapse;margin:10em 0 0 2.5%;clear:left;color:#c0c0c0}
div.tablelist div.row{display:table-row;vertical-align:middle;height:60px;}
div.tablelist div.td{display:table-cell;vertical-align:middle;border-bottom:1px dotted #555}
div.katalogsingle{background:#eee;width:230px;height:280px;float:left;margin-right:10px;margin-bottom:25px;border:1px solid #c5c5c5;border-radius:10px;}
div.katalogsingle img{margin-left:8px;margin-top:8px}
div.katalogsingle p{padding:0 8px}
table.list2{border-top:3px solid #f8d517;width:90%;border-bottom:3px solid #f8d517;margin-bottom:25px;margin-left:2.5%;margin-top:48px;}
table.list2 td{height:25px;color:#c0c0c0}
table.list2 td h2{margin:0;padding:0;color:#c0c0c0}
.katalogsingle iframe{border:none !important}
div.tablelist div.td.producer{font-size:18px !important}
ul.pagination{position:relative;left:50%;list-style-type:none;margin:35px 0 0;padding:0;}
ul.pagination li{display:inline;margin:0;padding:0;border-right:1px solid #9e9e9e;float:left;position:relative;left:-50%;}
ul.pagination li:last-child{border-right:none}
ul.pagination li a,ul.pagination li span.simlink{display:block;float:left;margin:0;padding:0 10px; line-height:1.5em}
table.productdetails td{padding:5px;}

/* Ergänzung Terminbuchung */
#calsteurung,#calstatus{width:75%;box-sizing:border-box;background:#666;}
#calsteurung{padding:10px;box-szing:border-box}
#calstatus{padding-bottom:25px;}
#calsteurung #left{width:25%;float:left;padding-left:10px;}
#calsteurung #middle{width:47%;float:left;font-weight:bold;text-align:center}
#calsteurung #right{width:25%;float:right;text-align:right;padding-right:10px;}
#calstatus #left{width:30%;float:left;padding:10px 10px;}
#calstatus #right{width:30%;float:left;text-align:left;padding:10px 10px;}
#calstatus .off{color:#888}
#calstatus .on{color:#000;background:#999}
#calstatus .on span.cool{padding: 0.25em 0.5em;border: 1px solid #666;border-radius: 30px;background: #ffe000;}
#calsteurung a,#calsteurung span{display:inline-block;padding:2px 5px;color:#000!important}
#appointment{color:white;background:transparent}
#appointment #appointcat{display:flex;flex-wrap:nowrap;width:auto;margin:0px auto;}
#appointment #appointcat .appointcatitem{width:25%;margin:auto;padding:15px;}
#appointment #appointcat .appointcatitem.chosen{width:25%;margin:auto;background:#fff;color:#000;}
#appointment{color:white;width:100%}
#appointment #appointcatchosen{display:grid;grid-template-columns:75%;grid-column-gap:10px;}
#appointment #appointcatchosen .appointcatitem{padding:15px;}
#appointment #appointcatchosen .appointcatitem.chosen{background:#666;color:#fff}
/*#appointment .appointcalcols{display:grid;background:#666!important;grid-template-columns:auto auto auto auto;grid-column-gap:2.5em;}*/
#appointment .appointcal{background:#fff;color:#000;padding:0 2em;}
.dayn{padding-top:10px;font-weight:bold;background:#999}
.dayd{font-weight:bold;background:#999}
.appointcatitem a.button:before{content:"" !important}
.appointcatitem a.button{display:block;padding:5px 20px;background:#fff;color:#000!important;text-align:center}
.appointcatitem.chosen a.button{background:#fff;color:#000!important;}

.appointcal{display:grid;background:#666!important;/*grid-auto-flow: column*/;grid-template-columns:auto auto auto auto auto;grid-column-gap:2.5em;grid-template-rows: 32px 32px 1fr;}
/*#appointcalrows{display:grid;grid-template-rows: 32px 32px 1fr;}*/
.appointcal div{text-align:center}
.grid-element{background:#999!important;}
.events{padding:0 5px}
.event{color:#000 !important;display:block;padding:2px 5px;border:1px solid #333;border-radius:10px;margin:12px 0}
.event.frei{background:#40a52b}
.event.chosen{background:#ffe000}
.event.white{background:transparent!important;color:#999!important;border:1px solid #999}
.event.belegt{background:lightred}
/* Ende : TErminbuchung */
.appointmentform form{width:90%;position:relative;}
.appointmentform label,.appointmentform p{display:block;color:#999!important}
.appointmentform input,.appointmentform select,.appointmentform textarea{width:100%;padding:5px 5px;font-size:1.2em}
.appointmentform p.error{color:red!important}
.appointmentform input.error{border:1px solid red}
#appointmentformcont{display:none}
.appointmentform button{width:300px;font-size:1.2em;cursor:pointer}
.appointmentform button:hover{background:#f9b000;}
.nivo-caption {
        position:relative !important;
        left:0 !important;  
        bottom:0 !important;
        background:transparent;
/*        background:#929096;  */
        color:#fff !important;
        width:100% !important;
        max-width:1200px;
        margin:0 auto;
        z-index:8;
        padding: 5px 15px !important;
        opacity: 1;
        overflow: hidden;
        display: none;
        -moz-opacity: 1;
        height:90px;
        filter:alpha(opacity=1);
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;    /* Firefox, other Gecko */
        box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption div{position:absolute;top:0;padding:1% 2%}
.nivo-directionNav a {
    position: absolute;
    top: 0;
    /* transform: translateY(-50%); */
    z-index: 900;
    cursor: pointer;
    height: 100%;
    background: transparent;
}
.nivo-directionNav a:hover{
  background:rgba(255,255,255,0.5);
}
#innercontent .nivo-directionNav a:hover,#innercontent2 .nivo-directionNav a:hover{
  background:transparent;
}

#innercontent .nivo-prevNav ,#innercontent2 .nivo-prevNav{
	left:-20px;
  background:transparent url("addons/nivoslider/prev.png") 0 50% no-repeat;
  height:100%; /*height of img*/
  width:100px; /*width of img*/
  text-indent:-10000px; /*moving the default text*/
  overflow:hidden; /*hiding the default text*/
}
#innercontent .nivo-nextNav,#innercontent2 .nivo-nextNav {
	right:-10px;
	  background:transparent url("addons/nivoslider/next.png") 0 50% no-repeat;
  height:100%; /*height of img*/
  width:100px; /*width of img*/
  text-indent:-10000px; /*moving the default text*/
  overflow:hidden; /*hiding the default text*/
}
#innercontent .nivo-prevNav:hover ,#innercontent2 .nivo-prevNav:hover{
	  background:transparent url("addons/nivoslider/prevho.png") 0 50% no-repeat!important;
}
#innercontent .nivo-nextNav:hover,#innercontent2 .nivo-nextNav:hover {
	  background:transparent url("addons/nivoslider/nextho.png") 0 50% no-repeat!important;
}
.nivo-controlNav{width:100% !important;max-width:1200px !important;margin:0 auto !important;bottom:150px !important;left:0 !important;position:relative !important;padding:0 0 0 0 !important}
/*
====== Move-horizontal effect ======
*/

.mfp-move-horizontal /*.mfp-with-anim */.mfp-content {
    opacity: 0;
    transition: all 1s;
    
    transform: translateY(-50%);
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
  }
  
.mfp-move-horizontal.mfp-bg {
    opacity: 0;
	  transition: all 1s;
  }
  
  /* animate in */
.mfp-ready /*.mfp-with-anim */.mfp-content{
      opacity: 1;
      transform: translateY(0);
       -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    }
.mfp-ready.mfp-bg {
   
      opacity: 0.8;
    }
  
  /* animate out */
.mfp-removing /*.mfp-with-anim */.mfp-content{
      transform: translateY(500px);
       -webkit-transform:translateY(500px);
    -ms-transform:translateY(500px);
      opacity: 0;
    }
.mfp-removing.mfp-bg {
   
      opacity: 0;
    }
    
    .teaserbox a{color:#000 !important}
        
    .search_it-modul{color:#ffffff !important;width:100%}
    
    
@media screen AND (max-width:1500px){
.nivo-controlNav{padding:0 0 0 0 !important;}
}


@media screen AND (max-width:1290px){
}

@media screen AND (max-width:1260px){
    #logo{float:right;position:relative;margin:1em 2% 0 0;width:25%;}
.nivo-controlNav{padding:0 0 0 0 !important;}

}
    
@media screen AND (min-width:1200px){
   body {font-size:16px} 
 /*  #mainnav ul li a {font-size:1em}
   #mainnav ul li ul li a {font-size:1em}*/
}

@media screen AND (max-width:800px){
#shrFrm{width:100% !important}
  
}
@media screen AND (max-width:1130px){
   #mainnav ul li a{font-size:1em;line-height:1.6em;padding:0 1em 0.6em 0}
  #mainnav ul li ul li a{font-size:1em;}
  #mainnav ul li ul{margin:0.3em 0 0 0}
}
@media screen AND (max-width:1050px){
   #mainnav ul li a{font-size:1em;line-height:1.6em;padding:0 1em 0.6em 0}
  #mainnav ul li ul li a{font-size:1em;}
  /*.teaserbox{min-width:12em;min-height:45em}*/
  div.tablelist{width:100%}
  #search {
    display: block;
    position: absolute;
    width: 133px;
    right: 10%;
    top: 1em;
}
}
@media screen AND (max-width:850px){
   /*body{font-size:2.2vw} */
   body{font-size:16px;} 

   #mainnav ul {display:none;}
   .open-popup-link{display:inline-block;font-size:1em;margin:0.05em 10%;text-decoration:none;position:relative;top:-10px;font-weight:900;width:25px;}
   .open-popup-link img{width:100%;height:auto;border:none;}
   #header{/*position:fixed;*/z-index:800;background:#fff}
   #mobilenav ul li a{font-size:1em;line-height:1.6em;padding:0 1em 2em 0}
     .div_2er_50_header,.div_2er_50,.div_2er_33_66_header_left,.div_2er_33_66_header_right,.div_2er_33_66_left,.div_2er_33_66_right,.div_2er_66_33_header_left,.div_2er_66_33_header_right,.div_2er_66_33_left,.div_2er_66_33_right{
	float: none; 
	width: 98%;
	padding: 0; 
}
#search {
    display: block;
    position: absolute;
    width: 133px;
    right: 0;
    top: -5px;
}
#grafnav span{width:12%;display:inline-block;margin:0 3% 3% 0;}
#innercontent .innerslider,#innercontent2 .innerslider{width:95%}
#innercontent #knowledgeholder,#innercontent2 #knowledgeholder{width:100%;margin:0 2.5%}

div.tablelist,div.tablelist div.row,div.tablelist div.td{display:block !important;height:auto !important;}
div.tablelist div.row{border-bottom:1px dotted #555;padding:2em 0;clear:left;float:left;width:100%}
div.tablelist div.td{border-bottom:none;text-align:left !important;float:left;margin-right:2em}
#default .flex-item { 
	   
            margin: 0 2.5% 2em;  
	    max-width:100%;
	    
        }
#appointment #appointcatchosen{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;grid-column-gap:5px;grid-row-gap:1em}
#calstatus,#calsteurung{width:100%}
#calsteurung #middle{width:45%}
.appointmentform form {width:100%;}
#appointmentformcont{display:block}

}



@media screen AND (max-width:800px) AND (orientation:portrait){

#innercontent  #twocols_left,#innercontent #twocols_right{float:none;clear:both;}
#b60-40 #innercontent #twocols_left,#b60-40 #innercontent #twocols_right,
  #b50-50 #innercontent #twocols_left,#b50-50 #innercontent #twocols_right,
  #start #innercontent #twocols_left,#start #innercontent #twocols_right{
  width:98%;margin:0 auto 1em;

  }
.nivo-caption {
        position:relative !important;
        left:0 !important;  
        bottom:0 !important;

        background:transparent;  
        color:#fff !important;
        width:100% !important;
        z-index:8;
        padding: 5px 10px;
        opacity: 1;
        overflow: hidden;
        display: none;
        -moz-opacity: 1;
        height:90px;
        filter:alpha(opacity=1);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;  
        box-sizing: border-box; 
}
.nivo-caption div{position:absolute;top:0;;padding:1% 2%}
*/
/*.teaserbox{width:98%;clear:both;float:none;margin:0 auto 1em;} 
.teaserbox.einspaltiglinks{width:98%;float:none;margin:0 auto 1em;}
.teaserbox.einspaltigrechts{width:98%;float:none;margin:0 auto 1em;}
.teaserbox.dreispaltig,.teaserbox.vierspaltig{width:98%;margin:0 auto 1em;float:none;}*/
}
@media screen AND (max-width:650px){
br.desktop{display:none;}
   #logo{float:right;position:relative;margin:1em 2% 0 0;width:50%;}
   #mainnav{width:45%;}
   #archit_listing a{width: 43%;
    text-decoration: none;
    max-width: 43%;
    margin-right: 2.999999999999999% !important;}
   #calstatus #left,#calstatus #right{box-sizing:border-box;width:50%}
   .appointcal{grid-column-gap:5px;font-size:0.8em}

#appointment #appointcat{display:block;width:auto;margin:0px auto;}
#appointment #appointcat .appointcatitem{width:75%;margin:auto;padding:15px;}

}
@media screen AND (max-width:600px){
#innercontent  #twocols_left,#innercontent #twocols_right{float:none;clear:both;}
#b60-40 #innercontent #twocols_left,#b60-40 #innercontent #twocols_right,
  #b50-50 #innercontent #twocols_left,#b50-50 #innercontent #twocols_right,
  #start #innercontent #twocols_left,#start #innercontent #twocols_right{
  width:98%;margin:0 auto 1em;}
  
  div.tablelist,div.tablelist div.row,div.tablelist div.td{display:block !important;height:auto !important;clear:left !important;}
div.tablelist div.row{border-bottom:1px dotted #555;padding:2em 0;width:100%}
div.tablelist div.td{border-bottom:none;text-align:left !important;float:none !important;margin-right:0em;width:100% !important}
 div.tablelist{margin-top:5em !important}
/*.teaserbox{width:98%;clear:both;float:none;margin:0 auto 1em;} 
.teaserbox.einspaltiglinks{width:98%;float:none;margin:0 auto 1em;}
.teaserbox.einspaltigrechts{width:98%;float:none;margin:0 auto 1em;}*/

.div_2er_50_header,.div_2er_50,.div_2er_33_66_header_left,.div_2er_33_66_header_right,.div_2er_33_66_left,.div_2er_33_66_right,.div_2er_66_33_header_left,.div_2er_66_33_header_right,.div_2er_66_33_left,.div_2er_66_33_right{
	float: none; 
	width: 98%;
	padding: 0; 
}
.teaserbox.dreispaltig,.teaserbox.vierspaltig{width:98%;margin:0 auto 1em;float:none}
.nivo-caption {
	position:relative !important;
	left:0 !important;
	bottom:0 !important;

	background:transparent;
	color:#fff !important;
	width:100% !important;
	z-index:8;
	padding: 5px 10px;
	opacity: 1;
	overflow: hidden;
	display: none;
	-moz-opacity: 1;
        height:90px;
	filter:alpha(opacity=1);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption div{position:absolute;top:0;padding:1% 2%;}
.nivo-caption div p{font-size:1.2em !important}
.nivo-controlNav {
	display:none;
}
.tinymcewysiwyg h1,.tinymcewysiwyg h2{font-size:1.5em;font-family: 'Quicksand', sans-serif;}
.tinymcewysiwyg h3{font-size:1.3em;line-height:145%;font-family: 'Quicksand', sans-serif;}
.tinymcewysiwyg h4{font-size:1.2em;line-height:145%;font-family: 'Quicksand', sans-serif;}
.tinymcewysiwyg h5{font-size:1.1em;line-height:145%;font-family: 'Quicksand', sans-serif;}
.tinymcewysiwyg p,.tinymcewysiwyg li{font-size:1em;line-height:145%;}
.tinymcewysiwyg li p{font-size:1em;line-height:145%;}
 #mobilenav{width:80%} 

}
@media screen AND (max-width:550px){
  .allletters,.someletters,.cats{float:none;clear:both;width:100%;text-align:left !important;}
   .appointcal{grid-column-gap:5px;}
#appointment .appointcal{padding:0 0.5em}
#calsteurung #middle{width:40%}
}
@media screen AND (max-width:380px){
  #search{right:%;width:100px;}
    #search input{width:60px;}
    #search button{left:68px;}
}
@keyframes tboxon{
 from{
  opacity:1;
 }
 to{
  opacity:0.75;
 }
}
@keyframes tboxoff{
 from{
  opacity:0.75;
 }
 to{
  opacity:1;
 }
}