/* open-sans-300 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
         url('fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  
  /* open-sans-regular - latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  
  /* open-sans-600 - latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
         url('fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  
  /* playfair-display-regular - latin */
@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/playfair-display-v30-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/playfair-display-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/playfair-display-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/playfair-display-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/playfair-display-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/playfair-display-v30-latin-regular.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
  }
  
*                                                           {font-family:'Open Sans',sans-serif; font-size:16px; color:#222; font-weight:400; line-height:26px; padding:0; margin:0; box-sizing:border-box;}
body                                                        {padding:0; background-color:#fff;}
body.popup                                                  {padding:10px;}
body.content                                                {background-color:#222;}
a, img                                                      {border-style:none; text-decoration:none;}
a                                                           {text-decoration:underline; font-size:inherit; line-height:inherit;}
a img                                                       {background-color:rgba(0,0,0,0);}
a:hover                                                     {color:#222; text-decoration:none; background-color:#ffe37f;}
a, span                                                     {color:inherit; font-size:inherit; line-height:inherit; font-weight:inherit;}

h1, .titel                                                  {color:#222; font-family:'Playfair Display',serif; font-size:24px; line-height:36px; font-weight:400; text-align:left;}
h2, .untertitel                                             {color:#222; font-size:24px; line-height:32px; font-weight:400;}
/*h3, .ueberschrift                                         {color:#222; font-family:'Open Sans',sans-serif; font-size:20px; line-height:28px; font-weight:400;}*/
h3, .ueberschrift                                           {margin:0 0 30px 0; padding:0 20px 0 0; display:inline-block; color:#222; font-size:29px; line-height:36px; font-weight:300; box-shadow:inset 0 -6px 0 #ffe37f; -webkit-box-shadow:inset 0 -6px 0 #ffe37f; -moz-box-shadow:inset 0 -6px 0 #ffe37f; border-bottom:10px solid #ffe37f;}

div                                                         {margin:0; padding:0; display:block;}
p                                                           {margin-top:15px; margin-bottom:15px;}
label                                                       {vertical-align:middle;}
b, strong                                                   {font-weight:600; color:inherit; font-size:inherit; line-height:inherit;}
ol, ul, li                                                  {margin:0; padding:0; list-style-image:url(../images/page42/bullet.png);}
ul, ol, form                                                {margin-top:4px; margin-bottom:8px;}
form                                                        {margin-top:8px;}
ul                                                          {width:80%; margin:15px 0 15px 20px;}
ol                                                          {margin-left:20px;}
ul ul, ul.sitemap1                                          {margin-left:15px;}
ul ul                                                       {margin-top:1px; margin-bottom:1px;}
ol ol                                                       {margin-top:1px; margin-bottom:1px;}
li                                                          {margin:0 0 10px 0;}
.clr                                                        {clear:both; width:0; height:0; position:relative; display:block; line-height:0px;}
hr                                                          {height:1px; margin:15px 0; background-color:#ffc800; border:none;}
.kleiner                                                    {font-size:14px; line-height:22px;}
.groesser                                                   {font-size:18px; line-height:28px;}
.gelb                                                       {color:#ffc800;}
.grau                                                       {color:#222;}

a.anker                                                     {display:block; position:relative; top:-120px; visibility:hidden;}


a.button                                                    {margin:0; padding:7px 15px 9px; display:inline-block; text-decoration:none; font-size:16px; line-height:16px; font-weight:400; border-radius:15px; background-color:#ffc800;}
a.button:hover                                              {background-color:#444; color:#ffc800;}

#pageimage                                                  {width:260px; display:none; text-align:center;}
#pageimage img                                              {width:auto; height:100%; min-height:170px; top:-28px; position:relative; object-fit:cover;}

#starthead-bild                                             {max-width:1920px; top:0; padding-top:0; position:relative; z-index:2; text-align:center; background-color:#ffc800; background-image:url(../images/page42/keil_oben.png); background-repeat:no-repeat; background-position:bottom center;}
#starthead-bild img                                         {width:100%; max-width:1440px; object-fit:cover;}
#starthead                                                  {width:100%; max-width:1440px; padding:20px 20px 0 0; margin:0 auto; position:relative; text-align:right;}
.starthead-aussen                                           {top:0; position:absolute;}
#starthead-som                                              {width:20px; top:70px; right:-50px; display:none; float:right; position:relative; z-index:3;}
#starthead-som a img                                        {width:20px; height:20px;}
#starthead-som a                                            {margin-bottom:10px; display:inline-block; opacity:0.5; transition:opacity ease-out 0.5s;}
#starthead-som a:hover                                      {opacity:0.8; transition:opacity ease-out 0.1s;}


.head-aussen                                                {height:89px; top:0; position:fixed; z-index:10; background-image:url(../images/page42/bg_head_1440.png); background-repeat:no-repeat; background-position:bottom left;}
#head                                                       {width:100%; max-width:1440px; padding:20px 20px 0 0; margin:0 auto; position:relative; text-align:left;}
#logo                                                       {position:relative; display:inline-block;}
.logo                                                       {display:inline-block;}
.logo-home                                                  {top:-5px; left:100px; position:relative; display:inline-block;}
.logo-home:hover                                            {background:none;}
.outer                                                      {width:100%; max-width:1920px; display:inline-block; text-align:center;}
.bg-weiss                                                   {background-color:#fafafa; background-image:url(../images/page42/bg_weiss.png); background-repeat:repeat-y; background-position:center;}
.bg-444                                                     {background-color:#fafafa; background-image:url(../images/page42/bg_444.png); background-repeat:repeat-y; background-position:center;}
.bg-eee                                                     {background-color:#fafafa; background-image:url(../images/page42/bg_eee.png); background-repeat:repeat-y; background-position:center;}
.bg-st2sp                                                   {background-color:#fafafa; background-image:url(../images/page42/bg_st2sp.png); background-repeat:repeat-y; background-position:center;}

.navigation                                                 {display:none; height:40px; padding-top:5px; position:fixed; z-index:10; text-align:left; background-color:#222;}

.wrapper                                                    {max-width:1440px; margin:0 auto;}
.titel-wrapper,.blog-wrapper                                {max-width:1060px; margin:0 auto; padding:0 10px;}
.blog-wrapper                                               {max-width:750px; text-align:left; margin:0 auto 40px;}
#titel                                                      {width:100%; margin:0 0 30px; padding:20px 0; display:table-cell; vertical-align:middle; border-right:none;}
#start-nav                                                  {width:260px; padding:20px 0 20px 40px; display:none; vertical-align:middle; text-align:left;}
.starttitel-aussen                                          {margin-top:0px; padding-bottom:20px; position:relative;}
.titel-aussen                                               {margin-top:49px; padding-bottom:20px; position:relative; border-top:30px solid #fff;}
#titel-text                                                 {width:100%; text-align:left;}

.start-2spalten                                             {width:100%; max-width:1440px; display:inline-block; background-image:url(../images/page42/hg_st2sp.png); background-repeat:no-repeat; background-position:center; background-size:cover; }
.st2sp-links                                                {width:100%; float:left; text-align:left;}
.st2sp-rechts                                               {width:100%; float:left; text-align:left;}
.st2spli-text                                               {padding:20px 10px; display:inline-block; text-align:left; color:#ffc800; font-size:18px; line-height:28px; background:#444;}
.st2spre-text                                               {padding:20px 10px; display:inline-block; text-align:left; color:#222; font-size:18px; line-height:28px; background:#ffc800;}
.st2sp-links ul                                             {list-style-image:url(../images/page42/bullet.png); color:inherit; font-size:inherit; line-height:inherit; font-weight:inherit;}
.st2sp-rechts ul                                            {list-style-image:url(../images/page42/bullet_444.png); color:inherit; font-size:inherit; line-height:inherit; font-weight:inherit;}
.st2sp-links li                                             {list-style-image:url(../images/page42/bullet.png); color:inherit; font-size:inherit; line-height:inherit; font-weight:inherit;}
.st2sp-rechts li                                            {list-style-image:url(../images/page42/bullet_444.png); color:inherit; font-size:inherit; line-height:inherit; font-weight:inherit;}
.start2spalten-aussen                                       {background-color:#fafafa;}

.zwischentitel-aussen                                       {background-color:#fafafa; background-image:url(../images/page42/bg_weiss.png); background-repeat:repeat-y; background-position:center;}
.zwischentitel                                              {width:100%; max-width:1060px; padding:40px 0 0; display:inline-block; text-align:left;}
.zwischentitel h2                                           {margin:40px 10px; padding:0 20px 0 0; display:inline-block; color:#333; font-size:29px; line-height:36px; font-weight:300; box-shadow:inset 0 -6px 0 #ffe37f; -webkit-box-shadow:inset 0 -6px 0 #ffe37f; -moz-box-shadow:inset 0 -6px 0 #ffe37f; border-bottom:10px solid #ffe37f;}
.zwischentitel-aussen.bp-zwti-breit                         {background-color:#ffc800; background-image:url(../images/page42/schatten.png); background-repeat:repeat-x; background-position:bottom;}
.bp-zwti-breit .zwischentitel                               {width:100%; max-width:1060px; padding:40px 0; display:inline-block; text-align:left;}
.bp-zwti-breit .zwischentitel h2                            {margin:0 10px; padding-right:0; color:#333; font-family:'Playfair Display',serif; font-size:30px; line-height:36px; letter-spacing:2px; border:none; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;} 
.bp-zwti-breit .zwischentitel h3                            {max-width:760px; margin:15px 10px 0; padding-right:0; color:#333; font-family:'Open Sans',sans-serif; font-size:16px; line-height:26px; letter-spacing:0px; border:none; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;} 
.zwischentitel h3                                           {max-width:760px; margin:15px 10px 0; padding-right:0; color:#333; font-family:'Open Sans',sans-serif; font-size:16px; line-height:26px; letter-spacing:0px; border:none; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;} 

.trennlinie-aussen                                          {background-color:#fafafa; background-image:url(../images/page42/bg_weiss.png); background-repeat:repeat-y; background-position:center;}
.trennlinie                                                 {width:100%; max-width:1060px; padding:0; display:inline-block; text-align:left;}
.trennlinie hr                                              {height:1px; margin:0 10px; background-color:#ffc800; border:none;}

.einespalte-aussen                                          {background-color:#fafafa; background-image:url(../images/page42/bg_weiss.png); background-repeat:repeat-y; background-position:center;}
.einespalte                                                 {width:100%; max-width:1060px; padding:26px 10px; display:inline-block; text-align:left;}
.einespalte-wrapper                                         {width:100%; max-width:760px;}
.einespalte-text                                            {width:100%; padding:0; text-align:left;}

.zurueck-aussen                                             {background-color:#fafafa; background-image:url(../images/page42/bg_weiss.png); background-repeat:repeat-y; background-position:center;}
.zurueck                                                    {width:100%; max-width:1060px; margin:0 auto 40px; overflow:scroll;}
.zurueck hr                                                 {margin:40px 0 0;}
.backlink                                                   {padding:10px 20px 10px; display:inline-block; border-radius:0 0 20px 20px; text-decoration:none; text-transform:uppercase; font-size:10px; letter-spacing:1px; font-weight:400; background-color:#ffc800; transition:color ease-out 0.5s,background ease-out 0.5s;}
.backlink:hover                                             {color:#ffc800; background-color:#222; transition:color ease-out 0.2s,background ease-out 0.2s;}
.scrollbild-aussen                                          {background-color:#fafafa; background-image:url(../images/page42/bg_weiss.png); background-repeat:repeat-y; background-position:center;}
.scrollbild                                                 {width:100%; max-width:1060px; margin:0 auto 40px; overflow:scroll;}


.zweispalten-aussen                                         {background-color:#fafafa; background-image:url(../images/page42/bg_weiss.png); background-repeat:repeat-y; background-position:center;}
.zweispalten                                                {width:100%; max-width:1060px; padding:40px 0; display:inline-block;}
.zweispalten-links                                          {width:100%; padding:0 10px; float:left; text-align:left; color:#000;}
.zweispalten-rechts                                         {width:100%; padding:26px 10px; float:left; text-align:left; color:#000;}
.zweispalten ul                                             {max-width:80%; margin:0 0 0 15px;}
li                                                          {margin:0 0 10px 0;}

.kacheln-wrapper                                            {width:100%; max-width:1060px; padding:30px 10px; display:inline-block;} 
.kachel                                                     {width:calc(100% - 20px); margin-right:20px; margin-bottom:40px; padding:20px; float:left; text-align:left; background:#f5f5f5;}
.kachel hr                                                  {height:1px; margin:10px 0; background-color:#ffc800; border:none;}
.ka-titel                                                   {display:inline-block; background:#fff;}
.ka-titel h2                                                {margin-bottom:10px; font-size:18px; line-height:24px; text-transform:uppercase; font-weight:400;}
.kacheln-wrapper .kachel:nth-child(2n)                      {margin-right:0; margin-left:20px;}
.ka-pad                                                     {padding:20px; background:#f5f5f5;}
.ka-bild img,.ka-text img                                   {width:100%; height:auto;}
.ka-sch                                                     {background: #fff;}

.kachel.bp-kadunkel                                         {padding:20px 0; border-radius:10px; background:#fff;}
.kachel.bp-kadunkel .ka-titel                               {width:100%;  padding:20px 40px 0 30px; background:#444; border-top-left-radius:10px; border-top-right-radius:10px;}
.kachel.bp-kadunkel .ka-titel h2                            {margin-bottom:10px; color:#ffc800;}
.kachel.bp-kadunkel .ka-text                                {padding:20px 30px 20px; line-height:26px;}
.kachel.bp-kadunkel .ka-sch                                 {box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.10); -webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.10); -moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.10);}

.kacheln-wrapper .kachel.bp-kaprodukt:nth-child(n)          {width:100%; margin:20px 0;}
.kachel.bp-kaprodukt                                        {width:calc(100% - 20px); padding:20px; border-radius:0; background:#fff;}
.kachel.bp-kaprodukt .ka-sch                                {padding:20px; box-shadow:0 0 0 15px #f5f5f5; -webkit-box-shadow:0 0 0 15px #f5f5f5; -moz-box-shadow:0 0 0 15px #f5f5f5;}
.kachel.bp-kaprodukt .ka-sch:hover                          {box-shadow:0 0 0 15px #ffc800; -webkit-box-shadow:0 0 0 15px #ffc800; -moz-box-shadow:0 0 0 15px #ffc800;}
.bp-hellgrau                                                {color:#000; font-size:18px; background-color:#eee; background-image:url(../images/page42/bg_eee.png); background-repeat:repeat-y; background-position:center;}
.bp-hellgrau .einespalte-text                               {font-size:18px; line-height:28px;}
.bp-hellgrau .zweispalten .zweispalten-links                {font-size:18px; line-height:28px;}
.bp-hellgrau .zweispalten .zweispalten-rechts               {font-size:18px; line-height:28px;}
.bp-hellgrau .einespalte-text  li                           {font-size:18px; line-height:28px;}
.bp-hellgrau .zweispalten .zweispalten-links  li            {font-size:18px; line-height:28px;}
.bp-hellgrau .zweispalten .zweispalten-rechts li            {font-size:18px; line-height:28px;}

.bp-leer                                                    {height:100px;}
.bp-leer h2                                                 {display:none;}

.startkacheln-aussen                                        {padding:50px 0;}
.start-kacheln                                              {width:100%; max-width:1060px; display:inline-block;}
.startkachel                                                {width:100%; padding:30px 0; float:left; font-size:14px; border-bottom:1px dashed #444;}
.startkachel:first-child                                    {padding-top:0;}
.startkachel:last-child                                     {padding-bottom:0; border-bottom:none;}
.staka-text, .staka-titel                                   {width:75%; padding:0 10px; float:left; text-align:left;}
.staka-bild                                                 {width:25%; padding-left:10px; float:left; overflow:hidden;}
.staka-titel h2                                             {font-weight:600; font-size:16px; line-height:22px;}
.staka-bild img                                             {width:100%; max-width:250px; height:100%; object-fit:cover; transition:transform ease-out 0.8s;}
.staka-bild a                                               {background-color:rgba(0,0,0,0);}
.staka-bild a:hover                                         {background-color:rgba(0,0,0,0);}
.startkachel:hover .staka-bild img                          {transform:rotate(-2deg); transition:transform ease-out 0.1s;}
.staka-text *                                               {font-size:15px;}
.staka-text ul                                              {padding:0;}
.staka-text ul li                                           {margin:0 0 5px 0; line-height:20px;}
.staka-text a.button                                        {margin:10px 10px 0; padding:7px 15px 9px; display:inline-block; text-decoration:none; font-size:16px; line-height:16px; font-weight:400; border-radius:15px; background-color:#ffc800;}
.staka-text a.button:hover                                  {background-color:#444; color:#ffc800;}
.staka-text h3                                              {margin:0; padding:0; font-size:16px; line-height:22px; font-weight:600; box-shadow:0 0 0 #ffe37f; -webkit-box-shadow:0 0 0 #ffe37f; -moz-box-shadow:0 0 0 #ffe37f; border-bottom:none;}
.staka-text h3 a                                            {text-decoration:none;}
.zlink                                                      {text-decoration:none; }
.zlink:hover                                                {color:#222; text-decoration:none; background-color:#ffe37f;}

.startzitate-aussen                                         {padding:50px 0 20px; background:#444;}
.start-zitate                                               {width:100%; max-width:1060px; display:inline-block; background:#444;}
#zitate                                                     {width:100%; max-width:700px; padding:0 20px; display:inline-block;}
.zitat                                                      {padding:0 20px; font-size:14px; line-height:22px; color:#fff; text-align:left;}
#zitate-ctrl                                                {width:100%; max-width:calc(100% - 70px); margin-top:25px; position:relative; display:inline-block; text-align:left; color:#999;}

.logi-aussen                                                {margin:0 0 0px; background:#eee;}
.logi-wrapper                                               {width:100%; max-width:1060px; height:80px; padding:10px 20px;display:inline-block; background:#eee; border-bottom:10px solid #eee;}
#logi                                                       {width:100%; height:60px; padding:0; display:inline-block;}
#logi img                                                   {max-height:60px;}
#logi a                                                     {text-align:center; background-color:rgba(0,0,0,0);}
#logi a:hover                                               {background-color:rgba(0,0,0,0);}
.foot-aussen                                                {height:149px; background:#ffc800; background-repeat:repeat-y; background-position:center;}
.bg-startfoot                                               {background-image:url(../images/page42/bg_startfoot.png);}
.bg-foot                                                    {background-image:url(../images/page42/bg_foot.png);}
.foot                                                       {width:100%; max-width:1060px; padding:20px 10px 10px; display:inline-block; text-align:left; font-size:14px; text-decoration:none;}
.foot-links                                                 {width:100%; float:left;}
.foot-rechts                                                {margin-top:15px; float:left;}
.foot-rechts img                                            {padding:0 5px; opacity:0.5;}
.foot-rechts img:hover                                      {opacity:0.8; transition:opacity ease-out 0.1s; background-color:rgba(0,0,0,0);}
.foot-links *                                               {font-size:14px; text-decoration:none;}
.foot-links a                                               {padding:0 5px; transition:background-color ease-out 0.5s;} 
.foot-links a:first-of-type                                 {margin-left:0; padding:0} 
.foot-rechts a:first-of-type img                            {padding-left:0;} 
.foot-links a:hover                                         {text-decoration:none; color:#000; background-color:#ffc800;}
.foot-rechts a                                              {background-color:rgba(0,0,0,0);} 

#outer                                                      {width:100%; height:100%;}
#inner                                                      {max-width:1440px; margin:0 auto; text-align:center; background:#f5f5f5; box-shadow:0px 0px 40px 0px rgba(0,0,0,0);}


.menupadding a                                              {padding:0 20px 0 5px; text-decoration:none; color:#222;}
li.activemenu, li.normalmenu                                {line-height:24px; list-style-type:none; text-transform:uppercase;}
div.menupadding                                             {width:100%; margin:2px 0; padding:0; display:inline-block;}
ul.menusubpagelist                                          {margin:0; padding-left:0px; list-style-type:none; list-style-image:none;}
ul.menusubpagelist a                                        {text-decoration:none;}
ul.submenu, ul.mainmenu                                     {list-style-type:none; list-style-image:none; margin:0; padding:0;}
#inhalt-links li.activesubmenulayer3                        {margin:3px 0 0;}
#inhalt-links li.normalsubmenulayer3                        {margin:3px 0 0;}
li.activesubmenulayer3 a.activemenu                         {padding:0 30px; font-size:14px;}
li.normalsubmenulayer3 a.normalmenu                         {padding:0 30px; font-size:14px;}
li.mainitem, h2.mainmenu, li.trenner                        {padding:0 5px; display:inline-block;}

a.activemenu                                                {width:100%; padding:2px 5px; display:inline-block; position:relative; background-color:#ffe37f; font-size:16px; line-height:20px; color:#000; font-weight:400; text-decoration:none;}
a.normalmenu                                                {width:100%; padding:2px 5px; display:inline-block; position:relative; background-color:#fff; font-size:16px; line-height:20px; color:#222; font-weight:400; text-decoration:none; transition:background ease-out 0.5s;}
a.activemenu:hover, a.normalmenu:hover                      {color:#333; text-decoration:none;}
a.normalmenu:hover                                          {background-color:#fff0bc; transition:background ease-out 0.1s;}

a.activemainmenu                                            {margin-left:-5px; padding:0 0 0 5px !important; background-color:#ffe37f; color:#000; font-family:'Open Sans',sans-serif; font-size:16px; line-height:24px; font-weight:400; text-decoration:none; text-transform:uppercase;}
a.normalmainmenu                                            {margin-left:-5px; padding:0 0 0 5px !important; color:#222; font-family:'Open Sans',sans-serif; font-size:16px; line-height:24px; font-weight:400; text-decoration:none; text-transform:uppercase; transition:background ease-out 0.5s;}
a.activemainmenu:hover, a.normalmainmenu:hover              {margin-left:-5px; padding-left:5px; color:#000; background-color:#ffe37f; transition:background ease-out 0.1s;}


#breadcrumb                                                 {margin-top:10px; text-align:left; display:none; font-size:0px;}
#breadcrumb li *                                            {line-height:20px; font-size:12px; color:#999;}
#breadcrumb a.normalmenu, 
#breadcrumb a.normalsubmenu3, 
#breadcrumb a.normalmainmenu, 
#breadcrumb li.trenner                                      {display:none; color:#fff;}
#breadcrumb li.mainitem:nth-child(1) > h2:nth-child(1) > a:nth-child(1)            {display:inline; line-height:24px; color:#999; text-decoration:underline;}
#breadcrumb li.mainitem:nth-child(1) > h2:nth-child(1) > a:nth-child(1):hover      {background-color:#fff; color:#222;}
#breadcrumb h2.breadcrumb-home                              {display:inline-block; font-size:12px; line-height:20px; color:#999;}
#breadcrumb span.submenu3                                   {white-space:nowrap;}

#breadcrumb a.activemainmenu                                {margin:0 0 0 -5px; padding:0 0 0 5px !important; color:#999; font-size:12px; line-height:24px; font-weight:400; text-decoration:underline; text-transform:uppercase; background:none;}
#breadcrumb li.mainitem, #breadcrumb h2.mainmenu            {margin:0; padding:0; line-height:20px;}
#breadcrumb li.normalmenu                                   {display:none;}
#breadcrumb li.normalsubmenu3                               {display:none;}
#breadcrumb li.activemenu                                   {margin:0; padding:0; display:inline-block; background:none;}
#breadcrumb .activemenu                                     {padding:0; background:none; font-size:12px; line-height:20px; color:#999; font-weight:400; text-decoration:underline; text-transform:uppercase;}
#breadcrumb a.activesubmenu3                                {padding:0; background:none; font-size:12px; line-height:20px; color:#999; font-weight:400; text-decoration:underline; text-transform:uppercase;}
#breadcrumb ul#submenu3                                     {width:auto; margin:0; display:inline-block;}
#breadcrumb ul#submenu3 li                                  {margin:0; list-style-image:none; list-style-type:none;}
#breadcrumb li.mainitem:first-child {display:none;}
#breadcrumb a:hover                                         {color:#222;}

/* Mobilemenu */
#mobilemenu a.activemenu                                                {padding:4px 10px; display:inline-block; position:relative; background-color:#cebca5; font-size:15px; line-height:20px; color:#222; font-weight:400; text-decoration:none; transition:left 0.5s ease;}
#mobilemenu a.normalmenu                                                {padding:8px 20px; display:inline-block; position:relative; background-color:#fff; font-size:15px; line-height:20px; color:#666; text-decoration:none;}
#mobilemenu a.activemenu:hover, #mobilemenua.normalmenu:hover           {text-decoration:none;}
#mobilemenu a.normalmenu:hover                                          {background-color:#e1d8d1;}
#mobilemenu a.activemainmenu                                            {padding:0 8px; color:#cf102d; font-family:'Open Sans',sans-serif; font-size:16px; line-height:28px; font-weight:400; vertical-align:middle; text-decoration:none; text-transform:uppercase;}
#mobilemenu a.normalmainmenu                                            {padding:1px 8px; color:#222; font-family:'Open Sans',sans-serif; font-size:16px; line-height:28px; font-weight:400; vertical-align:middle; text-decoration:none; text-transform:uppercase;}
#mobilemenu a.activemainmenu:hover, a.normalmainmenu:hover              {color:#ffc800;}
/* Ende Mobilemenu*/

#start-nav a.activemainmenu:hover, #start-nav a.normalmainmenu:hover    {color:#000; background-color:#ffe37f;}
#start-nav ul                                                           {width:260px; margin-left:0; list-style-image:none;}
#start-nav li                                                           {margin:0 0 0 20px; list-style-image:none;}
#start-nav li.activesubmenu3,#start-nav li.normalsubmenu3               {margin:2px 0; line-height:24px; list-style-type:none; text-transform:uppercase;}
#start-nav a.activesubmenu3                                             {width:100%; padding:2px 5px; display:inline-block; position:relative; background-color:#ffe37f; font-size:16px; line-height:20px; color:#000; font-weight:400; text-decoration:none;}
#start-nav a.normalsubmenu3                                             {width:100%; padding:2px 5px; display:inline-block; position:relative; background-color:#fff; font-size:16px; line-height:20px; color:#222; font-weight:400; text-decoration:none; transition:background ease-out 0.5s;}
#start-nav a.activesubmenu3:hover, a.normalsubmenu3:hover               {color:#333; text-decoration:none;}
#start-nav a.normalsubmenu3:hover                                       {background-color:#fff0bc; transition:background ease-out 0.1s;}
#start-nav  ul li:first-child                                           {margin-left:10px;}
#start-nav  ul li:nth-child(n+9)                                        {display:none;}

/* #start-nav li:first-child                                               {display:none;} */
.navigation ul                                              {width:100%; max-width:1440px; margin:0 auto;}
.navigation li                                              {margin-bottom:0;}
.navigation li.mainitem:first-child                         {display:none;}
.navigation li.mainitem:nth-child(n+9)                      {display:none;}

.navigation .normalmainmenu                                 {margin:0; padding:0 !important; color:#ffe37f; font-size:14px; font-weight:300; background:#222;}
.navigation .activemainmenu                                 {margin:0; padding:0 !important; color:#fff; font-size:14px; font-weight:300; background:#222;}
.navigation .normalmainmenu:hover                           {margin:0; color:#ffc800; background:#222;}
.navigation .activemainmenu:hover                           {margin:0; color:#fff; background:#222;}


.myinput, input.text, textarea.text, select                 {border-style:solid; border-width:1px; border-color:silver; margin-top:1px; margin-bottom:1px;}
.login_input                                                {border-style:solid; border-width:1px; border-color:silver; margin-top:1px; margin-bottom:1px;}
input.loginsubmit                                           {margin-top:10px; margin-bottom:10px;}
.login_checkbox                                             {vertical-align:middle;}
.login_submit_area                                          {padding-top:5px;}
select                                                      {background-color:#ffffff;}

/* .galeriethumb                                            {margin-right:10px; margin-bottom:10px; max-width:calc(20% - 10px); width:300px; height:auto;} */
.thumbnail_layer                                            {width:calc(100% + 20px); margin-left:-10px; display:inline-block; text-align:left;}
.thumbnail_layer a                                          {width:100%; margin:0 0 10px; display:block; float:left;}
.thumbnail_layer a:last-of-type                             {margin-bottom:0;}
.thumbnail_layer a img.galeriethumb                         {width:100%; height:300px; object-fit:cover;}

#inhalt2 .thumbnail_layer                                   {width:calc(100% + 20px); margin-left:-10px; display:inline-block; text-align:left;}
#inhalt2 .thumbnail_layer a                                 {width:100%; margin:0 0 10px; display:block; float:left;}
#inhalt2 .thumbnail_layer a:last-of-type                    {margin-bottom:0;}
#inhalt2 .thumbnail_layer a img.galeriethumb                {width:100%; object-fit:cover;}


#lg_admin_buttons a                                         {width:auto !important; margin:5px;}
#lg_admin_buttons img                                       {width:15px !important; height:15px !important;}
.captcha                                                    {border:solid silver 1px; width:120px;}
img.captcha                                                 {margin-top:8px; margin-bottom:1px;}
input.captcha                                               {margin-bottom:2px;}

.blogtabelle tbody tr td                                            {padding-bottom:10px;}
/** Weblog und diverser Krempel der 'liste_head' benutzt */
.blog                                                       {width:100%; max-width:1060px; padding:26px 0; display:inline-block; text-align:left;}
.blog_table                                                 {width:100%; max-width:750px; padding:10px 0; text-align:left; border-bottom:1px solid #aaa;}
.blog-datum                                                 {width:100%; min-height:26px; float:left; padding-right:10px; line-height:26px;}
.blog-titel                                                 {width:100%; padding-bottom:0; float:left;}
.blog-titel h2                                              {font-size:18px; line-height:22px; font-weight:600;}
.blog-titel h2 a                                            {margin-left:-5px; padding:0 5px; text-decoration:none;}
form.blog_such_form                                         {display:flex; align-items:center;}
#blog_such_begriff                                          {display:inline-block; height:30px;}
.submit.blog_search_button                                  {height: 30px; margin:0; padding: 5px 10px; position:relative; display:inline-block; line-height:0; border-top-left-radius:0px !important; border-bottom-left-radius: 0!important; letter-spacing:0; line-height:16px; font-size:14px; transition:background-color 0s linear;}
.submit.blog_search_button.hover                            {transition:background-color 0s linear;}
.blog_table, table.event_item                               {border-color:#aaa;}
.center                                                     {text-align:center;}
table.event_item                                            {margin-bottom:8px;}
.blog_message                                               {padding:0;}
.blog_message div a img                                     {width:15px; height:15px;}
.blog_message img                                           {width:100%; height:auto;}
.blog_search_fields                                         {border:solid silver 1px;}
.blog_attachment_container, .blog_comment_edit_container    {margin-top:10px; margin-bottom:10px;}
.liste                                                      {padding:3px;}
.liste_head                                                 {padding:3px;}
.tagcloud                                                   {width:calc(100% + 5px); margin:20px 0 20px -5px; padding:5px; background-color:#f2f2f2;}
a.tagcloudElement,a.tagcloudActive                          {padding:0 3px; font-size:14px !important; color:#222;}
.tagcloud::before                                           {content:'Tags: '; font-size:14px;}
.cl_cookie_privacy_layer                                    {background-color:#444 !important;font-family:tahoma, arial; font-size:12px !important;}
.cl_cookie_privacy_layer *                                  {font-family:tahoma, arial; font-size:12px !important; color:#ffffff !important;}
.cl_cookie_privacy_layer span                               {font-family:tahoma, arial; font-size:12px !important;}
.cl_cookie_privacy_layer a                                  {background-color:#f2f2f2 !important;color:#666666 !important;}
.cl_cookie_privacy_layer a:first-of-type                    {background-color:#f9f0e8 !important; color:#666666 !important;}

/* Formulare - Anfang */
.field_string,.field_textarea,.form_select_field            {width:100%; max-width:100% !important; margin-bottom:20px; padding:5px 10px; font-size:18px; border:1px solid #ddd; background:#fff; color:#000;}
.form_select_field{border:0px solid #ddd; }
.form_string_label label                                    {padding-left:10px;}
.form_textarea_label label                                  {padding-left:10px;}
.submit                                                     {margin-top:20px; padding:10px 15px; border:0px solid #f28d4f; letter-spacing:3px; font-weight:600; font-size:16px; color:#222; background:#ffc800; border-radius:25px !important; transition:background ease 1s;}
.submit:hover                                               {color:#ffc800; background:#222; transition:background ease 0.3s;}
.error{color:red;}
/* Safari Style bei Formularelementen entfernen - Start */
textarea, input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox                                             { -webkit-appearance:none; -moz-appearance:none; appearance:none;}
/* Safari Style bei Formularelementen entfernen - Ende */
div.dsgvo_layer                                             {width:100%; max-width:900px !important;}
div.dsgvo_layer p, div.dsgvo_layer a                        {font-size:14px;}
/* Formulare - Ende */

.edbloc                                                     {text-align:left;}

@media screen and (min-width:420px){
 .foot                                                      {padding:40px 10px 0;}
.foot-links a:first-of-type                                 {margin-left:0; padding:0} 
}

@media screen and (min-width:451px){
 .titel-wrapper,.blog-wrapper                               {padding:0 30px;}
 #titel                                                     {padding:20px 40px 20px 0;}
 .starttitel-aussen                                         {padding-bottom:40px;}
 h1, .titel                                                 {font-size:30px; line-height:42px;}
 .st2spli-text                                              {padding:20px 30px;}
 .st2spre-text                                              {padding:20px 30px;}
 .einespalte                                                {padding:40px 30px;}
 .zweispalten-links                                         {padding:0 30px;}
 .zweispalten-rechts                                        {padding:26px 30px 0 30px;}
 .bp-zwti-breit .zwischentitel h2                           {margin:0 30px;}
 .zwischentitel h2                                          {margin:0 30px;}
 .bp-zwti-breit .zwischentitel h3                           {margin:15px 30px 0;} 
 .zwischentitel h3                                          {margin:15px 30px 0;} 
 .trennlinie hr                                             {margin:0 30px;}
 .foot                                                      {padding:40px 30px 0;}
 .foot-links a:first-of-type                                {margin-left:0; padding:0} 
 .blog-datum                                                {width:100px; float:left; display:flex; align-items:center; }
 .blog-titel                                                {width:calc(100% - 100px); float:left; display:flex; align-items:center;}
}

@media screen and (min-width:580px){
 .foot-links                                                 {width:auto; float:left;}
 .foot-rechts                                                {margin-top:0; float:right;}
} 
@media screen and (min-width:600px){
 #starthead-som                                             {display:block;}
}
@media screen and (min-width:768px){
.startkachel                                                {width:50%; padding:30px 0; border-bottom:none;}
.startkachel:first-child                                    {padding-top:30px;}
.startkachel:last-child                                     {padding-bottom:30px;}
.staka-text, .staka-titel                                   {width:50%; padding:0 10px; float:left; text-align:left;}
.staka-bild                                                 {width:50%; padding-left:10px; float:left; overflow:hidden;}
.startzitate-aussen                                         {padding:50px 0 0;}
#zitate-ctrl                                                {width:100%; max-width:520px;}
}

@media screen and (min-width:769px){
 .titel-wrapper,.blog-wrapper                               {max-width:1060px; margin:0 auto; padding:0 30px;}
 .blog-wrapper                                              {margin:0 auto 40px;}
 #titel                                                     {display:table-cell; border-right:1px solid #444;}
 #start-nav                                                 {width:260px; padding:20px 0 20px 40px; display:table-cell; vertical-align:middle; text-align:left;}
 #breadcrumb                                                {display:block;}
 .starttitel-aussen                                         {margin-top:0px; padding-bottom:40px; position:relative; z-index:6;}
.st2sp-links                                                {width:50%; text-align:right;}
.st2sp-rechts                                               {width:50%; text-align:left;}
.st2spli-text                                               {width:100%; max-width:530px; padding:50px 60px 50px 30px; display:inline-block; text-align:left; color:#ffc800; background:none;}
.st2spre-text                                               {width:100%; max-width:530px; padding:50px 30px 50px 60px; display:inline-block; text-align:left; color:#222; background:none;}
 #zitate                                                    {padding:0 80px;
                                                             background-image:url(../images/page42/quote99.png),url(../images/page42/quote66.png);
                                                             background-position:bottom left,top right;
                                                             background-repeat:no-repeat; }
 .foot                                                      {padding-top:70px}
 .kacheln-wrapper .kachel.bp-kaprodukt:nth-child(n)         {width:50%; margin:20px 0;}
}


@media screen and (min-width:800px){
 .zweispalten-links                                         {width:50%;}
 .zweispalten-rechts                                        {width:50%;}
 .zweispalten-rechts                                        {padding:0 30px;}
}

@media screen and (min-width:1024px){
 #navbutton                                                 {display:none;}
 .navigation                                                {display:inline-block;}
 .titel-aussen                                              {margin-top:89px;}
 .head-aussen,.starthead-aussen                             {top:40px;}
 #starthead-bild                                            {padding-top:20px;}
} 

@media screen and (min-width:1100px){
 .titel-wrapper,.blog-wrapper                               {padding:0;}
 .st2spli-text                                              {padding:50px 60px 50px 0;}
 .st2spre-text                                              {padding:50px 0 50px 60px;}
 .einespalte                                                {padding-right:0; padding-left:0;}
 .zweispalten-links                                         {padding:0 30px 0 0;}
 .zweispalten-rechts                                        {padding:0 0 0 30px;}
 .zwischentitel h2                                          {margin:0 30px 0 0;}
 .bp-zwti-breit .zwischentitel h2                           {margin:0;}
 .bp-zwti-breit .zwischentitel h3                           {margin:15px 30px 0 0;} 
 .zwischentitel h3                                          {margin:15px 30px 0 0;} 
 .kacheln-wrapper                                           {padding:0;} 
 .trennlinie hr                                             {margin:0;}
 .foot-links a:first-of-type                                {margin-left:0; padding:0} 
}

@media screen and (min-width:1440px){
 .head-aussen                                               {background-image:url(../images/page42/bg_head.png); background-position:bottom center;}
}