*{ margin: 0px; }


 /* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
        display: block;
}
body {
        line-height: 1;
}
ol, ul {
        list-style: none;
}
blockquote, q {
        quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
        content: '';
        content: none;
}
table {
        border-collapse: collapse;
        border-spacing: 0;
}
     /*font-family: arial, verdana, sans serif;*/
     /*
          /*scrollbar-base-color:#cccccc;
        scrollbar-3dlight-color:#;
        scrollbar-arrow-color:#8596a4;
        scrollbar-darkshadow-color:#cccccc;
        scrollbar-face-color:#ffffff;
        scrollbar-highlight-color:#ffffff;
        scrollbar-shadow-color:#cccccc;
        scrollbar-track-color:#ffffff;
        overflow-x: hidden;
body {
         text-align:center;
         background-color: transparent;
         font-size: 0.8em;
         font-family: arial, verdana, sans serif;
         color: #333333;
         width: 100%;
         height: 100%;
         }      */

body{

        font-family: 'Raleway';
        background: #ffffff;
        font-size: 100%;
        text-align:left;
        line-height: 20px;
        color: #333333;
        }

h4 {padding-top: 10px;}



@font-face {
  font-family: 'Vujahday Script';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/vujahday-script-v3-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/vujahday-script-v3-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/vujahday-script-v3-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/vujahday-script-v3-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/vujahday-script-v3-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/vujahday-script-v3-latin-regular.svg#VujahdayScript') format('svg'); /* Legacy iOS */
}

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


/* euphoria-script-regular - latin */
@font-face {
  font-family: 'Euphoria Script';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/euphoria-script-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/euphoria-script-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/euphoria-script-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/euphoria-script-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/euphoria-script-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/euphoria-script-v16-latin-regular.svg#EuphoriaScript') format('svg'); /* Legacy iOS */
}


.headerSchrift30{
         margin-top: 0px;
         margin-left: 30px;
         font-family: 'Euphoria Script';
         font-size: 30px;
         color: #28804D;
          line-height: 30px;
         text-align: center;
         }

.headerSchrift48{
         margin-top: 0px;
         font-family: 'Euphoria Script';
         font-size: 48px;
         color: #28804D;
         text-align: center;
         }

.headerSchrift36{
         margin-top: 0px;
         font-family: 'Euphoria Script';
         font-size: 36px;
         color: #28804D;
         text-align: center;
         }

.headerSchriftGelb{
         margin-top: 0px;
         font-family: 'Euphoria Script';
         font-size: 48px;
         color: #FFCC00;
         line-height: 40px;
         text-align: center;
         }

.headerSchriftSchwarz{
         margin-top: 0px;
         font-family: 'Euphoria Script';
         font-size: 30px;
         color: #000000;
         text-align: center;
         }



ul, li{
    padding: 5px;
    list-style: square;
    }

/* nav ende*/



a.offDrop:link    {background: transparent none; font-size: 1.00em; color:#F7BB06; font-weight: normal;  text-decoration: none;}
a.offDrop:visited {background: transparent none; font-size: 1.00em; color:#F7BB06; font-weight: normal;   text-decoration: none;}
a.offDrop:hover   {background: transparent none; font-size: 1.00em; color:#CC9900; font-weight: normal;   text-decoration: none;}
a.offDrop:active  {background: transparent none; font-size: 1.00em; color:#F7BB06; font-weight: normal;   text-decoration: none;}

a.onDrop:link    {background: transparent none; font-size: 1.00em; color:#F7BB06; font-weight: bold;   text-decoration: none;}
a.onDrop:visited {background: transparent none; font-size: 1.00em; color:#F7BB06; font-weight: bold;   text-decoration: none;}
a.onDrop:hover   {background: transparent none; font-size: 1.00em; color:#F7BB06; font-weight: bold;   text-decoration: none;}
a.onDrop:active  {background: transparent none; font-size: 1.00em; color:#F7BB06; font-weight: bold;   text-decoration: none;}



a:link    {background: transparent none; font-size: 1.0em; color:#F7BB06; font-weight: bold;  text-decoration: none;}
a:visited {background: transparent none; font-size: 1.0em; color:#F7BB06; font-weight: bold;  text-decoration: none;}
a:hover   {background: transparent none; font-size: 1.0em; color:#ffffff; font-weight: bold;  text-decoration: none;}
a:active  {background: transparent none; font-size: 1.0em; color:#F7BB06; font-weight: bold;  text-decoration: none;}

a.on:link    {background: transparent none; font-size: 1.00em; color:#F7BB06; font-weight: bold;  text-decoration: none;}
a.on:visited {background: transparent none; font-size: 1.00em; color:#F7BB06; font-weight: bold;  text-decoration: none;}
a.on:hover   {background: transparent none; font-size: 1.00em; color:#000000; font-weight: bold;  text-decoration: none;}
a.on:active  {background: transparent none; font-size: 1.00em; color:#000000; font-weight: bold;  text-decoration: none;}


a.onRecht:link    {background: transparent none; font-size: 1.00em; color:#F7BB06; font-weight: bold;  text-decoration: none;}
a.onRecht:visited {background: transparent none; font-size: 1.00em; color:#000000; font-weight: bold;  text-decoration: none;}
a.onRecht:hover   {background: transparent none; font-size: 1.00em; color:#000000; font-weight: bold;  text-decoration: none;}
a.onRecht:active  {background: transparent none; font-size: 1.00em; color:#000000; font-weight: bold;  text-decoration: none;}

a.Recht:link    {background: transparent none; font-size: 1.00em; color:#F7BB06; font-weight: bold;  text-decoration: none;}
a.Recht:visited {background: transparent none; font-size: 1.00em; color:#000000; font-weight: bold;  text-decoration: none;}
a.Recht:hover   {background: transparent none; font-size: 1.00em; color:#000000; font-weight: bold;  text-decoration: none;}
a.Recht:active  {background: transparent none; font-size: 1.00em; color:#000000; font-weight: bold;  text-decoration: none;}




a.Menu:link    {background: transparent none; font-size: 1.00em; color:#F7BB06; font-weight: bold;  text-decoration: none;}
a.Menu:visited {background: transparent none; font-size: 1.00em; color:#ffffff; font-weight: bold;  text-decoration: none;}
a.Menu:hover   {background: transparent none; font-size: 1.00em; color:#ffffff; font-weight: bold;  text-decoration: none;}
a.Menu:active  {background: transparent none; font-size: 1.00em; color:#CCFFCC; font-weight: bold;  text-decoration: none;}

a.onMenu:link    {background: transparent none; font-size: 1.00em; color:#F7BB06; font-weight: bold;  text-decoration: none;}
a.onMenu:visited {background: transparent none; font-size: 1.00em; color:#ffffff; font-weight: bold;  text-decoration: none;}
a.onMenu:hover   {background: transparent none; font-size: 1.00em; color:#ffffff; font-weight: bold;  text-decoration: none;}
a.onMenu:active  {background: transparent none; font-size: 1.00em; color:#CCFFCC; font-weight: bold;  text-decoration: none;}

.nav{display: none;}


.shadow{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}


#back-top {
         position: fixed;
         bottom: 40px;
         right:40px;
         z-index: 10000;

         }

#back-top span {
         width: 46px;
         height: 55px;
         display: block;
         background: url('../bilder/upOff.gif') no-repeat;
         opacity: 0.2;
         z-index: 5000;
         }

#back-top a:hover span  {
         background:url('../bilder/up.gif')no-repeat;
         opacity: 0.3;
         z-index: 5000;
         }












/*   CSS SLIDER 1  */
.csslider {
          /* display: inline-block;
          text-align: left;        */
          position: relative;
          margin-bottom: 5px;
          vertical-align: middle;/* */
          }



.csslider > ul {
         position: relative;
         width: 90%;
         z-index: 1;
         font-size: 0;
         line-height: 0;
         padding: 10px;
         margin: 0 auto;
         padding: 0;
         overflow: hidden;
         white-space: nowrap;
        /* -moz-box-sizing: border-box;
         -webkit-box-sizing: border-box;
         box-sizing: border-box;   */
         }

.csslider > ul > li {
         position: relative;
         display: inline-block;
         width: 100%;
         height: 70%;
         overflow: hidden;
         font-size: 15px;
         font-size: initial;
         line-height: normal;
        -moz-transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);
         -o-transition: all 0.5s ease-out;
         -webkit-transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);
         transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);
         -moz-background-size: cover;
         -o-background-size: cover;
         -webkit-background-size: cover;
         background-size: cover;
         vertical-align: top;
         -moz-box-sizing: border-box;
         -webkit-box-sizing: border-box;
         box-sizing: border-box;
         white-space: normal;
         }

.csslider > ul > li.scrollable {
         overflow-y: scroll;
          background-color: #EEF9F5; }
.csslider > input {
         display: none;

         }
.csslider > input:nth-of-type(8):checked ~ ul li:first-of-type {
         margin-left: -700%;
         }
.csslider > input:nth-of-type(7):checked ~ ul li:first-of-type {
         margin-left: -600%;
         }
.csslider > input:nth-of-type(6):checked ~ ul li:first-of-type {
         margin-left: -500%;
         }
.csslider > input:nth-of-type(5):checked ~ ul li:first-of-type {
         margin-left: -400%;
         }
.csslider > input:nth-of-type(4):checked ~ ul li:first-of-type {
         margin-left: -300%;
         }
.csslider > input:nth-of-type(3):checked ~ ul li:first-of-type {
         margin-left: -200%;
         }
.csslider > input:nth-of-type(2):checked ~ ul li:first-of-type {
         margin-left: -100%;
         }
.csslider > input:nth-of-type(1):checked ~ ul li:first-of-type {
         margin-left: 0%;
         }
.csslider .navigation {
         text-align: center;
         margin-top: 10px;
         -webkit-touch-callout: none;
         -webkit-user-select: none;
         -khtml-user-select: none;
         -moz-user-select: none;
         -ms-user-select: none;
         user-select: none;
         }

.csslider .navigation label {
         display: inline-block;
         cursor: pointer;
         margin-top: 3.33px;
         border-radius: 50%;
         padding: 7px;
         background: #e7e7e7;
         }

.csslider .navigation label:hover {
          background-color: #EEF9F5;
         }

.csslider.inside .navigation {
         margin-top: -42.33px;
         margin-bottom: 42.33px;
         position: relative;
         z-index: 16;
         }

.csslider.inside .navigation label {
         border: 1px solid #000;
         }

.csslider.inside .arrows {
         margin-top: -8.835px;
         }

.csslider .arrows {
         position: absolute;
         left: -5px;
         top: 10%;
         width: 100%;
         height: 0;
         /*padding: 5px;    *****/
         margin-top: -35px;
         z-index: 0;
         -moz-box-sizing: content-box;
         -webkit-box-sizing: content-box;
         box-sizing: content-box;
         }

.csslider .arrows label {
         display: none;
         position: absolute;
         top: 0;
         width: 0;
         height: 0;
         /* arrows how big */
         border-top: 20px solid transparent;
         border-bottom: 20px solid transparent;
         border-left: 20px solid #333333;
         border-right: 20px solid #333333;
         cursor: pointer;
         -moz-transition: margin .15s;
         -o-transition: margin .15s;
         -webkit-transition: margin .15s;
         transition: margin .15s;
         }

.csslider .arrows label:hover {
         border-left-color: #AAB4D8;
         border-right-color: #AAB4D8;
         margin: 0 -3px;
         }

.csslider .arrows label:before {
         content: '';
         position: absolute;
         top: -20px;
         left: -33px;
         width: 66px;
         }

.csslider > input:nth-of-type(1):checked ~ .navigation label:nth-of-type(1),
.csslider > input:nth-of-type(2):checked ~ .navigation label:nth-of-type(2),
.csslider > input:nth-of-type(3):checked ~ .navigation label:nth-of-type(3),
.csslider > input:nth-of-type(4):checked ~ .navigation label:nth-of-type(4),
.csslider > input:nth-of-type(5):checked ~ .navigation label:nth-of-type(5),
.csslider > input:nth-of-type(6):checked ~ .navigation label:nth-of-type(6),
.csslider > input:nth-of-type(7):checked ~ .navigation label:nth-of-type(7)

         {
         background-color: #AAB4D8;
         }

.csslider.infinity > input:first-of-type:checked ~ .arrows label:last-of-type {
         display: block;
         left: 0;
         border-left: none;
         }

.csslider > input:nth-of-type(2):checked ~ .arrows label:nth-of-type(1),
.csslider > input:nth-of-type(3):checked ~ .arrows label:nth-of-type(2),
.csslider > input:nth-of-type(4):checked ~ .arrows label:nth-of-type(3),
.csslider > input:nth-of-type(5):checked ~ .arrows label:nth-of-type(4),
.csslider > input:nth-of-type(6):checked ~ .arrows label:nth-of-type(5),
.csslider > input:nth-of-type(7):checked ~ .arrows label:nth-of-type(6),
.csslider > input:nth-of-type(8):checked ~ .arrows label:nth-of-type(7)

         {
         display: block;
         left: 0;
         border-left: none;
         }

.csslider.infinity > input:last-of-type:checked ~ .arrows label:first-of-type {
         display: block;
         right: 0;
         border-right: none;
         }

.csslider > input:nth-of-type(1):checked ~ .arrows label:nth-of-type(2),
.csslider > input:nth-of-type(2):checked ~ .arrows label:nth-of-type(3),
.csslider > input:nth-of-type(3):checked ~ .arrows label:nth-of-type(4),
.csslider > input:nth-of-type(4):checked ~ .arrows label:nth-of-type(5),
.csslider > input:nth-of-type(5):checked ~ .arrows label:nth-of-type(6),
.csslider > input:nth-of-type(6):checked ~ .arrows label:nth-of-type(7)

         {
         display: block;
         right: 0;
         border-right: none;
         background-color: #EEF9F5;
         }










/*   CSS SLIDER 2  */
.csslider2 {
        /* display: inline-block;
         text-align: left;   */
         position: relative;
         margin-bottom: 5px;
        /* vertical-align: middle;    */
         }

.csslider2 > ul {
         position: relative;
         width: 90%;
         z-index: 1;
         font-size: 0;
         line-height: 0;
         padding: 10px;
         margin: 0 auto;
         padding: 0;
         overflow: hidden;
         white-space: nowrap;
         -moz-box-sizing: border-box;
         -webkit-box-sizing: border-box;
         box-sizing: border-box;
         }

.csslider2 > ul > li {
         position: relative;
         display: inline-block;
         width: 100%;
         height: 70%;
         overflow: hidden;
         font-size: 15px;
         font-size: initial;
         line-height: normal;
         -moz-transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);
         -o-transition: all 0.5s ease-out;
         -webkit-transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);
         transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);
         -moz-background-size: cover;
         -o-background-size: cover;
         -webkit-background-size: cover;
         background-size: cover;
         vertical-align: top;
         -moz-box-sizing: border-box;
         -webkit-box-sizing: border-box;
         box-sizing: border-box;
         white-space: normal;
         }

.csslider2 > ul > li.scrollable {
         overflow-y: scroll;
         }
.csslider2 > input {
         display: none;
         }

.csslider2 > input:nth-of-type(7):checked ~ ul li:first-of-type {
         margin-left: -600%;
         }
.csslider2 > input:nth-of-type(6):checked ~ ul li:first-of-type {
         margin-left: -500%;
         }
.csslider2 > input:nth-of-type(5):checked ~ ul li:first-of-type {
         margin-left: -400%;
         }
.csslider2 > input:nth-of-type(4):checked ~ ul li:first-of-type {
         margin-left: -300%;
         }
.csslider2 > input:nth-of-type(3):checked ~ ul li:first-of-type {
         margin-left: -200%;
         }
.csslider2 > input:nth-of-type(2):checked ~ ul li:first-of-type {
         margin-left: -100%;
         }
.csslider2 > input:nth-of-type(1):checked ~ ul li:first-of-type {
         margin-left: 0%;
         }


.csslider2.inside .arrows2 {
         margin-top: -8.835px;
         }

.csslider2 .arrows2 {
         position: absolute;
         left: -5px;
         top: 10%;
         width: 100%;
         height: 0;
         padding: 5px;    /******/
         margin-top: -35px;
         z-index: 0;
         -moz-box-sizing: content-box;
         -webkit-box-sizing: content-box;
         box-sizing: content-box;
         }

.csslider2 .arrows2 label {
         display: none;
         position: absolute;
         top: 0;
         width: 0;
         height: 0;
         /* arrows how big */
         border-top: 20px solid transparent;
         border-bottom: 20px solid transparent;
         border-left: 20px solid #333333;
         border-right: 20px solid #333333;
         cursor: pointer;
         -moz-transition: margin .15s;
         -o-transition: margin .15s;
         -webkit-transition: margin .15s;
         transition: margin .15s;
         }

.csslider2 .arrows2 label:hover {
         border-left-color: #AAB4D8;
         border-right-color: #AAB4D8;
         margin: 0 -3px;
         }

.csslider2 .arrows2 label:before {
         content: '';
         position: absolute;
         top: -20px;
         left: -33px;
         height: 40px;
         width: 66px;
         }

.csslider2 > input:nth-of-type(1):checked ~ .navigation2 label:nth-of-type(1),
.csslider2 > input:nth-of-type(2):checked ~ .navigation2 label:nth-of-type(2),
.csslider2 > input:nth-of-type(3):checked ~ .navigation2 label:nth-of-type(3),
.csslider2 > input:nth-of-type(4):checked ~ .navigation2 label:nth-of-type(4),
.csslider2 > input:nth-of-type(5):checked ~ .navigation2 label:nth-of-type(5),
.csslider2 > input:nth-of-type(6):checked ~ .navigation2 label:nth-of-type(6),
.csslider2 > input:nth-of-type(7):checked ~ .navigation2 label:nth-of-type(7)

         {
         background-color: #AAB4D8;
         }

.csslider2.infinity > input:first-of-type:checked ~ .arrows2 label:last-of-type {
         display: block;
         left: 0;
         border-left: none;
         }

.csslider2 > input:nth-of-type(2):checked ~ .arrows2 label:nth-of-type(1),
.csslider2 > input:nth-of-type(3):checked ~ .arrows2 label:nth-of-type(2),
.csslider2 > input:nth-of-type(4):checked ~ .arrows2 label:nth-of-type(3),
.csslider2 > input:nth-of-type(5):checked ~ .arrows2 label:nth-of-type(4),
.csslider2 > input:nth-of-type(6):checked ~ .arrows2 label:nth-of-type(5),
.csslider2 > input:nth-of-type(7):checked ~ .arrows2 label:nth-of-type(6),
.csslider2 > input:nth-of-type(8):checked ~ .arrows2 label:nth-of-type(7)

         {
         display: block;
         left: 0;
         border-left: none;
         }

.csslider2.infinity > input:last-of-type:checked ~ .arrows2 label:first-of-type {
         display: block;
         right: 0;
         border-right: none;
         }

.csslider2 > input:nth-of-type(1):checked ~ .arrows2 label:nth-of-type(2),
.csslider2 > input:nth-of-type(2):checked ~ .arrows2 label:nth-of-type(3),
.csslider2 > input:nth-of-type(3):checked ~ .arrows2 label:nth-of-type(4),
.csslider2 > input:nth-of-type(4):checked ~ .arrows2 label:nth-of-type(5),
.csslider2 > input:nth-of-type(5):checked ~ .arrows2 label:nth-of-type(6),
.csslider2 > input:nth-of-type(6):checked ~ .arrows2 label:nth-of-type(7)
          {
         display: block;
         right: 0;
         border-right: none;
         }










/*   CSS SLIDER 3  */
.csslider3 {
         /* display: inline-block;
         text-align: left;   */
         position: relative;
         margin-bottom: 5px;
         /*  vertical-align: middle;    */
         }

.csslider3 > ul {
         position: relative;
         width: 90%;
         z-index: 1;
         font-size: 0;
         line-height: 0;
         padding: 10px;
         margin: 0 auto;
         padding: 0;
         overflow: hidden;
         white-space: nowrap;
         -moz-box-sizing: border-box;
         -webkit-box-sizing: border-box;
         box-sizing: border-box;
         }

.csslider3 > ul > li {
         position: relative;
         display: inline-block;
         width: 100%;
         height: 70%;
         overflow: hidden;
         font-size: 15px;
         font-size: initial;
         line-height: normal;
         -moz-transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);
         -o-transition: all 0.5s ease-out;
         -webkit-transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);
         transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);
         -moz-background-size: cover;
         -o-background-size: cover;
         -webkit-background-size: cover;
         background-size: cover;
         vertical-align: top;
         -moz-box-sizing: border-box;
         -webkit-box-sizing: border-box;
         box-sizing: border-box;
         white-space: normal;
         }

.csslider3 > ul > li.scrollable {
         overflow-y: scroll;
         }
.csslider3 > input {
         display: none;
         }
.csslider3 > input:nth-of-type(7):checked ~ ul li:first-of-type {
         margin-left: -600%;
         }
.csslider3 > input:nth-of-type(6):checked ~ ul li:first-of-type {
         margin-left: -500%;
         }
.csslider3 > input:nth-of-type(5):checked ~ ul li:first-of-type {
         margin-left: -400%;
         }
.csslider3 > input:nth-of-type(4):checked ~ ul li:first-of-type {
         margin-left: -300%;
         }
.csslider3 > input:nth-of-type(3):checked ~ ul li:first-of-type {
         margin-left: -200%;
         }
.csslider3 > input:nth-of-type(2):checked ~ ul li:first-of-type {
         margin-left: -100%;
         }
.csslider3 > input:nth-of-type(1):checked ~ ul li:first-of-type {
         margin-left: 0%;
         }
.csslider3 .navigation3 {
         text-align: center;
         margin-top: 10px;
         -webkit-touch-callout: none;
         -webkit-user-select: none;
         -khtml-user-select: none;
         -moz-user-select: none;
         -ms-user-select: none;
         user-select: none;
         }

.csslider3 .navigation3 label {
         display: inline-block;
         cursor: pointer;
         margin-top: 3.33px;
         border-radius: 50%;
         padding: 7px;
         background: #e7e7e7;
         }

.csslider3 .navigation3 label:hover {
         background: #AAB4D8;
         }

.csslider3.inside .navigation3 {
         margin-top: -42.33px;
         margin-bottom: 42.33px;
         position: relative;
         z-index: 16;
         }

.csslider3.inside .navigation3 label {
         border: 1px solid #000;
         }

.csslider3.inside .arrows3 {
         margin-top: -8.835px;
         }

.csslider3 .arrows3 {
         position: absolute;
         left: -5px;
         top: 10%;
         width: 100%;
         height: 0;
         padding: 5px;    /******/
         margin-top: -35px;
         z-index: 0;
         -moz-box-sizing: content-box;
         -webkit-box-sizing: content-box;
         box-sizing: content-box;
         }

.csslider3 .arrows3 label {
         display: none;
         position: absolute;
         top: 0;
         width: 0;
         height: 0;
         /* arrows how big */
         border-top: 20px solid transparent;
         border-bottom: 20px solid transparent;
         border-left: 20px solid #333333;
         border-right: 20px solid #333333;
         cursor: pointer;
         -moz-transition: margin .15s;
         -o-transition: margin .15s;
         -webkit-transition: margin .15s;
         transition: margin .15s;
         }

.csslider3 .arrows3 label:hover {
         border-left-color: #AAB4D8;
         border-right-color: #AAB4D8;
         margin: 0 -3px;
         }

.csslider3 .arrows3 label:before {
         content: '';
         position: absolute;
         top: -20px;
         left: -33px;
         height: 40px;
         width: 66px;
         }

.csslider3 > input:nth-of-type(1):checked ~ .navigation3 label:nth-of-type(1),
.csslider3 > input:nth-of-type(2):checked ~ .navigation3 label:nth-of-type(2),
.csslider3 > input:nth-of-type(3):checked ~ .navigation3 label:nth-of-type(3),
.csslider3 > input:nth-of-type(4):checked ~ .navigation3 label:nth-of-type(4),
.csslider3 > input:nth-of-type(5):checked ~ .navigation3 label:nth-of-type(5),
.csslider3 > input:nth-of-type(6):checked ~ .navigation3 label:nth-of-type(6),
.csslider3 > input:nth-of-type(7):checked ~ .navigation3 label:nth-of-type(7)

         {
         background-color: #AAB4D8;
         }

.csslider3.infinity > input:first-of-type:checked ~ .arrows3 label:last-of-type {
         display: block;
         left: 0;
         border-left: none;
         }

.csslider3 > input:nth-of-type(2):checked ~ .arrows3 label:nth-of-type(1),
.csslider3 > input:nth-of-type(3):checked ~ .arrows3 label:nth-of-type(2),
.csslider3 > input:nth-of-type(4):checked ~ .arrows3 label:nth-of-type(3),
.csslider3 > input:nth-of-type(5):checked ~ .arrows3 label:nth-of-type(4),
.csslider3 > input:nth-of-type(6):checked ~ .arrows3 label:nth-of-type(5),
.csslider3 > input:nth-of-type(7):checked ~ .arrows3 label:nth-of-type(6),
.csslider3 > input:nth-of-type(8):checked ~ .arrows3 label:nth-of-type(7)

         {
         display: block;
         left: 0;
         border-left: none;
         }

.csslider3.infinity > input:last-of-type:checked ~ .arrows3 label:first-of-type {
         display: block;
         right: 0;
         border-right: none;
         }

.csslider3 > input:nth-of-type(1):checked ~ .arrows3 label:nth-of-type(2),
.csslider3 > input:nth-of-type(2):checked ~ .arrows3 label:nth-of-type(3),
.csslider3 > input:nth-of-type(3):checked ~ .arrows3 label:nth-of-type(4),
.csslider3 > input:nth-of-type(4):checked ~ .arrows3 label:nth-of-type(5),
.csslider3 > input:nth-of-type(5):checked ~ .arrows3 label:nth-of-type(6),
.csslider3 > input:nth-of-type(6):checked ~ .arrows3 label:nth-of-type(7)

         {
         display: block;
         right: 0;
         border-right: none;
         }











/*   CSS SLIDER 4  */
.csslider4 {
        /* display: inline-block;
        text-align: left;   */
        position: relative;
        margin-bottom: 5px;
        /*  vertical-align: middle;    */
         }
.csslider4 > ul {
         position: relative;
         width: 90%;
         z-index: 1;
         font-size: 0;
         line-height: 0;
         padding: 10px;
         margin: 0 auto;
         padding: 0;
         overflow: hidden;
         white-space: nowrap;
         -moz-box-sizing: border-box;
         -webkit-box-sizing: border-box;
         box-sizing: border-box;
         }

.csslider4 > ul > li {
         position: relative;
         display: inline-block;
         width: 100%;
         height: 70%;
         overflow: hidden;
         font-size: 15px;
         font-size: initial;
         line-height: normal;
         -moz-transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);
         -o-transition: all 0.5s ease-out;
         -webkit-transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);
         transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);
         -moz-background-size: cover;
         -o-background-size: cover;
         -webkit-background-size: cover;
         background-size: cover;
         vertical-align: top;
         -moz-box-sizing: border-box;
         -webkit-box-sizing: border-box;
         box-sizing: border-box;
         white-space: normal;
         }

.csslider4 > ul > li.scrollable {
         overflow-y: scroll;
         }
.csslider4 > input {
         display: none;
         }

.csslider4 > input:nth-of-type(7):checked ~ ul li:first-of-type {
         margin-left: -600%;
         }
.csslider4 > input:nth-of-type(6):checked ~ ul li:first-of-type {
         margin-left: -500%;
         }
.csslider4 > input:nth-of-type(5):checked ~ ul li:first-of-type {
         margin-left: -400%;
         }
.csslider4 > input:nth-of-type(4):checked ~ ul li:first-of-type {
         margin-left: -300%;
         }
.csslider4 > input:nth-of-type(3):checked ~ ul li:first-of-type {
         margin-left: -200%;
         }
.csslider4 > input:nth-of-type(2):checked ~ ul li:first-of-type {
         margin-left: -100%;
         }
.csslider4 > input:nth-of-type(1):checked ~ ul li:first-of-type {
         margin-left: 0%;
         }
.csslider4 .navigation4 {
         text-align: center;
         margin-top: 10px;
         -webkit-touch-callout: none;
         -webkit-user-select: none;
         -khtml-user-select: none;
         -moz-user-select: none;
         -ms-user-select: none;
         user-select: none;
         }

.csslider4 .navigation4 label {
         display: inline-block;
         cursor: pointer;
         margin-top: 3.33px;
         border-radius: 50%;
         padding: 7px;
         background: #e7e7e7;
         }

.csslider4 .navigation4 label:hover {
         background: #AAB4D8;
         }

.csslider4.inside .navigation4 {
         margin-top: -42.33px;
         margin-bottom: 42.33px;
         position: relative;
         z-index: 16;
         }

.csslider4.inside .navigation4 label {
         border: 1px solid #000;
         }

.csslider4.inside .arrows4 {
         margin-top: -8.835px;
         }

.csslider4 .arrows4 {
         position: absolute;
         left: -5px;
         top: 10%;
         width: 100%;
         height: 0;
         padding: 5px;    /******/
         margin-top: -35px;
         z-index: 0;
         -moz-box-sizing: content-box;
         -webkit-box-sizing: content-box;
         box-sizing: content-box;
         }

.csslider4 .arrows4 label {
         display: none;
         position: absolute;
         top: 0;
         width: 0;
         height: 0;
         /* arrows how big */
         border-top: 20px solid transparent;
         border-bottom: 20px solid transparent;
         border-left: 20px solid #333333;
         border-right: 20px solid #333333;
         cursor: pointer;
         -moz-transition: margin .15s;
         -o-transition: margin .15s;
         -webkit-transition: margin .15s;
         transition: margin .15s;
         }

.csslider4 .arrows4 label:hover {
         border-left-color: #AAB4D8;
         border-right-color: #AAB4D8;
         margin: 0 -3px;
         }

.csslider4 .arrows4 label:before {
         content: '';
         position: absolute;
         top: -20px;
         left: -33px;
         height: 40px;
         width: 66px;
         }

.csslider4 > input:nth-of-type(1):checked ~ .navigation4 label:nth-of-type(1),
.csslider4 > input:nth-of-type(2):checked ~ .navigation4 label:nth-of-type(2),
.csslider4 > input:nth-of-type(3):checked ~ .navigation4 label:nth-of-type(3),
.csslider4 > input:nth-of-type(4):checked ~ .navigation4 label:nth-of-type(4),
.csslider4 > input:nth-of-type(5):checked ~ .navigation4 label:nth-of-type(5),
.csslider4 > input:nth-of-type(6):checked ~ .navigation4 label:nth-of-type(6),
.csslider4 > input:nth-of-type(7):checked ~ .navigation4 label:nth-of-type(7)

         {
         background-color: #AAB4D8;
         }

.csslider4.infinity > input:first-of-type:checked ~ .arrows4 label:last-of-type {
         display: block;
         left: 0;
         border-left: none;
         }

.csslider4 > input:nth-of-type(2):checked ~ .arrows4 label:nth-of-type(1),
.csslider4 > input:nth-of-type(3):checked ~ .arrows4 label:nth-of-type(2),
.csslider4 > input:nth-of-type(4):checked ~ .arrows4 label:nth-of-type(3),
.csslider4 > input:nth-of-type(5):checked ~ .arrows4 label:nth-of-type(4),
.csslider4 > input:nth-of-type(6):checked ~ .arrows4 label:nth-of-type(5),
.csslider4 > input:nth-of-type(7):checked ~ .arrows4 label:nth-of-type(6),
.csslider4 > input:nth-of-type(8):checked ~ .arrows4 label:nth-of-type(7)

         {
         display: block;
         left: 0;
         border-left: none;
         }

.csslider4.infinity > input:last-of-type:checked ~ .arrows4 label:first-of-type {
         display: block;
         right: 0;
         border-right: none;
         }

.csslider4 > input:nth-of-type(1):checked ~ .arrows4 label:nth-of-type(2),
.csslider4 > input:nth-of-type(2):checked ~ .arrows4 label:nth-of-type(3),
.csslider4 > input:nth-of-type(3):checked ~ .arrows4 label:nth-of-type(4),
.csslider4 > input:nth-of-type(4):checked ~ .arrows4 label:nth-of-type(5),
.csslider4 > input:nth-of-type(5):checked ~ .arrows4 label:nth-of-type(6),
.csslider4 > input:nth-of-type(6):checked ~ .arrows4 label:nth-of-type(7)

         {
         display: block;
         right: 0;
         border-right: none;
         }


/* 940 x 2000  */

@media all and (min-width: 1023px)  {

#klein  { display: none;}
#medium { display: none;}
#gross  {  font-size: 30px; }

#wrapper {
         margin-right: auto;
         margin-left: auto;
         margin-top: 50px;
         width:960px
         }

#bild    {
         background-image: url("../bilder/startGross.jpg");
         background-repeat: no-repeat;
         height: 300px;
         }

#adress{
         position: relative;
         float:right;
         padding-left: 20px;
         padding-right: 20px;
         margin-top: -300px;
         font-size: 0.8em;
         line-height: 15px;
         }

#navGross{
         position: relative;
         float: right;
         margin-top: 185px;
         margin-right: 20px;
         font-size: 0.8em;
         }

#pageOn {
        float: left;
        margin-left: 80px;
        margin-top: -80px;
        }

#menuRecht{
         margin-top: -110px;
         float: right;
         margin-left: 10px;
         display: block;
         width: 40%;
         font-size: 0.8em;
         }

.dropdown{display: none;}



#wohinSchrift{
         margin-top: 20px;
         }

#fairpreis{

         margin-top: 20px;
         float: left;
        }


#content1{
          margin-left: 40px;
          margin-top: 40px;
          margin-right: 20px;
         }


#content2{
          text-align: center;
          margin-top: 40px;
          margin-bottom: 40px;
         }

.imageSize {width: 200px;}


#block1 {
         background-color: #EEF9F5;
         height: 800px;
         margin-top: 90px;
         }

#title1{
         text-align: center;
         margin-left: 35px;
         margin-top: 30px;
         }


#kleintierpension{
          position: relative;
          margin-top: 30px;
          width: 47%;
          float: left;
          text-align:center;
          margin-left: 15px;
          }

#kleintierpensionText{
          position: relative;
          float: right;
          margin-top: 150px;
          max-width: 42%;
          padding-right: 40px;
          padding-left: 30px;
          text-align:left;
          }










#block2 {
         background-color: #EEF9F5;
         height: 840px;
         margin-top: 60px;
         }

#title2{
         text-align: center;
         margin-left: 35px;
         margin-top: 70px;
         }


#vorOrtBetreuung{
          position: relative;
          margin-left: 0px;
          margin-top: 50px;
          width: 47%;
          float: left;
          text-align:center;
          margin-left: 15px;
          }

#vorOrtBetreuungText{
          position: relative;
          float: right;
          margin-top: 150px;
          max-width: 42%;
          padding-right: 40px;
          padding-left: 30px;
          text-align:left;
          }




















#block3 {
         background-color: #EEF9F5;
         width: 100%;
         height: 840px;
         margin-top: 80px;
         }

#title3{
         text-align: center;
         margin-left: 35px;
         margin-top: 30px;
         clear:both;
         }

#haussitting{
          position: relative;
          margin-top: 30px;
          width: 47%;
          float: left;
          text-align:center;
          margin-left: 15px;
          }

#haussittingText{
          position: relative;
          float: right;
          margin-top: 100px;
          max-width: 42%;
          padding-right: 40px;
          padding-left: 30px;
          text-align:left;
          }










#block4 {
         background-color: #EEF9F5;
         width: 100%;
         height: 820px;
         margin-top: 80px;
          text-align:center;
          }

#title4{
         text-align: center;
         margin-left: 35px;
         margin-top: 30px;
         }

#gassiGehen{
          position: relative;
          margin-top: 30px;
          width: 47%;
          float: left;
          text-align:center;
          margin-left: 15px;
          }

#gassiGehenText{
          position: relative;
          float: right;
          margin-top: 120px;
          max-width: 40%;
          padding-right: 40px;

          text-align:left;
 }















.navGross a{
         padding-right: 20px;
         }

.navGrossRecht{
         margin-top: 55px;
         float: right;
         margin-left: 10px;
         display: block;
         width: 40%
         }

.navGrossRecht a{
         padding-right: 10px;
         padding-left: 10px;
         }

.nav ul{
         float:right;
         max-width:100%;
         margin-top: -20px;
         position: relative;
         margin-right: 30px;
         text-align: left;
         }

.nav .current{
         display: block;
         margin-top: 10px;
         text-align: left;
         }

.nav ul:hover{
         background-color: #ffffff;
         border: solid;
         border-width: 1px;
         border-color: #C4D2A6;
         }

.nav li{
         display: none;
         margin-bottom: 10px;
         margin-right: 10px;
         }

.nav ul:hover li{
         display: block;
         }

.inhalt{padding: 40px;}

#ueberMich{
          margin-top: 60px;
          width: 100%;
          }

#ueberMichText{
          width: 50%;
          float: left;
          }

#ueberMichText li{
           padding-bottom: 15px;
          }

#ueberMichBild{
          margin-top: 20px;
          width: 30%;
          float: right;
          margin-right: 10%;
           }

#partnerBox{
          margin-top: 10px;
          text-align: center;
          width: 100%;
          }

#partner1{
          margin-top: 20px;
          text-align: center;
          width: 50%;
          float: left;
          padding-bottom: 40px;
          }
#partner2{
          margin-top: 20px;
          text-align: center;
          width: 50%;
          float: right;
          padding-bottom: 60px;    }

#partner3{
          margin-top: 40px;
          text-align: center;
          width: 50%;
          float: left;
          }

#partner4{
          margin-top: 20px;
          text-align: center;
          width: 50%;
          float: right;
          }

#partner5{
          margin-top: 20px;
          text-align: center;
          width: 100%;
          text-align: center;
          float: left;
          padding-bottom: 60px
          }

#kontakt{
          margin-top: 20px;
          width: 100%;
          height: 500px;
          }

#kontaktAdresse{
          margin-top: 20px;
          padding: 10px;
          width: 30%;
          float: left;
          margin-left: 5%;
          }

#anfahrt{
          margin-top: 20px;
          padding: 10px;
          text-align: center;
          width: 40%;
          float: right;
          margin-right: 15%;
          }

#anfahrt{
         margin-top: 20px;
          padding: 10px;
          text-align: center;
          width: 40%;
          float: right;
          margin-right: 15%;
         }

#anfahrtKlein{
         display: none;
         }


#impressum{
          margin-top: 40px;
          padding-top: 40px;
          background: #EEF9F5;
          width: 100%;
          height: 450px;
          font-size: 1.0em;
          }

#impressumAdresse{
          margin-top: 20px;
          background: #EEF9F5;
          padding: 10px;
          float: left;
          width: 40%;
          margin-left: 4%;
          }

#webdesign{
          margin-top: 20px;
          background: #EEF9F5;
          padding: 10px;
          float: right;
          width: 32%;
          margin-right: 12%;
          }

#datenschutz{
         margin: auto;
         margin-top: 60px;
         background-color: #EEF9F5;
         width:95%;
         text-align: center;
         }

#datenschutzInhalt{
        padding-top: 60px;
        margin-right: 30px;
        margin-left: 20px;
        text-align: left;
        width: 90%;
        }

#haftung{
         margin: auto;
         margin-top: 60px;
         background-color: #EEF9F5;
         width:95%;
         text-align: center;
         }

#haftungInhalt{
        padding-top: 60px;
        margin-right: 30px;
        margin-left: 20px;
        text-align: left;
        width: 90%;
        }


}























@media all and (min-width: 630px) and (max-width: 1023px){

#klein  { display: none;}
#medium { font-size: 30px; }
#gross { display: none; }

#wrapper {
         margin-right: auto;
         margin-left: auto;
         max-width: 1023px;
         margin-top: 50px;
font-size: 1.0em;
         }

#bild    {
         background-image: url("../bilder/startMedium.jpg");
         background-repeat: no-repeat;
         height: 350px;
         }

#adress{
         position: relative;
         float:left;
         margin-left: 20px;
         margin-top: -110px;
         font-size: 1.0em;
         }

#navGross{
         position: relative;
         float: left;
         margin-top: 185px;
         margin-right: 20px;
         margin-left: 20px;
         font-size: 0.8em;
         }

#pageOn {
        float: left;
        margin-left: 80px;
        margin-top: -80px;
        }

#menuRecht{
         display: none;
         }

.dropdown{display: none;}

#wohinSchrift  {
         margin-top: 100px;
         margin-left: 10px;
         }

#fairpreis{
         margin-top: 20px;
         float: left;
        }

#content1{
          margin-left: 20px;
          margin-top: 40px;
          margin-right: 20px;
         }



#content2{
          text-align: center;
          margin-top: 40px;
          margin-bottom: 40px;
          height: auto;
          }

.imageSize {
         width: 200px;
         }



#block1 {
         background-color: #EEF9F5;
         width: 90%;
         margin: auto;
         height: 100%;
         }

#title1{
         margin-top: 30px;
         }


#kleintierpension{
          position: relative;
          margin-top: 40px;
          text-align:center;
          width:80%
         }

#kleintierpensionText{
          position: relative;
          margin-top: 30px;
          text-align: left;
          width:90%;
          }

#block2 {
         background-color: #EEF9F5;
         width: 90%;
         margin: auto;
         height: 100%;
         }


#title2{
         text-align: center;
         margin-top: 30px;
         }

#vorOrtBetreuung{
          position: relative;
          margin-top: 30px;
          text-align:center;
          width:85%;
         }

#vorOrtBetreuungText{
          position: relative;
          margin-top: -20px;
          text-align: left;
          width:90%;
          }

#block3 {
         background-color: #EEF9F5;
         width: 90%;
         margin: auto;
         height: 100%;
         }


#title3{
         text-align: center;
         margin-top: 30px;
         }

#haussitting{
          position: relative;
          margin-top: 30px;
          text-align:center;
          width:85%;
         }

#haussittingText{
          position: relative;
          margin-top: -40px;
          text-align: left;
          width:90%;
          }

#block4 {
         background-color: #EEF9F5;
         width: 90%;
         margin: auto;
         height: 100%;
         }

#title4{
         text-align: center;
         margin-top: 30px;
         }

#gassiGehen{
          position: relative;
          margin-top: 30px;
          text-align:center;
          width:85%;
         }

#gassiGehenText{
          position: relative;
          margin-top: -10px;
          text-align: left;
          width:90%;
          }

#ueberMich{
          margin-top: 20px;
          width: 100%;
          }

#ueberMichText{
          margin-top: 20px;
          width: 70%;
          margin-left: 20%;
          }

#ueberMichBild{
          margin-top: 20px;
          width: 70%;
          margin-right: 10%;
          margin-left: 20%;
          text-align: center;
          }


#partnerBox{
          margin-top: 40px;
          text-align: center;
          width: 100%;
          }

#partner1{
          margin-top: 20px;
          text-align: center;
          width: 50%;
          float: left;
          padding-bottom: 40px;
          }

#partner2{
          margin-top: 20px;
          text-align: center;
          width: 50%;
          float: left;
          padding-bottom: 60px;
          }

#partner3{
          margin-top: 10px;
          text-align: center;
          width: 50%;
          float: left;
          padding-bottom: 30px;
          }

#partner4{
          margin-top: 20px;
          text-align: center;
          width: 50%;
          float: left;
          padding-bottom: 30px;
          }

#partner5{
          margin-top: 20px;
          text-align: center;
          width: 100%;
          text-align: center;
          padding-bottom: 30px;
          }

#kontakt{
          margin-top: 20px;
          width: 100%;
          height: 550px;
          text-align: center;
          }

#kontaktAdresse{
          margin-top: 20px;
          width: 100%;
          margin-bottom: 80px;
          }


#anfahrt{
         margin-top: 80px;
         text-align: center;
         width: 100%;
         }

#anfahrtKlein{
         display: none;
         }

#impressum{
         background-color: #EEF9F5;
         width: 95%;
         height: 750px;
         margin: auto;
          }


#impressumAdresse{
          margin-top: 20px;
          background: #EEF9F5;
          width: 100%;
          padding-top: 40px;
          }

#webdesign{
          margin-top: 80px;
          background: #EEF9F5;
          width: 100%;
          }

#datenschutz{
         margin: auto;
         margin-top: 60px;
         background-color: #EEF9F5;
         width:95%;
         text-align: center;
         }

#datenschutzInhalt{
        padding-top: 60px;
        margin-right: 30px;
        margin-left: 20px;
        text-align: left;
        width: 90%;
        }

#haftung{
         margin: auto;
         margin-top: 60px;
         background-color: #EEF9F5;
         width:95%;
         text-align: center;
         }

#haftungInhalt{
        padding-top: 60px;
        margin-right: 30px;
        margin-left: 20px;
        text-align: left;
        width: 90%;
        }

}




























@media all and (min-width: 175px) and (max-width: 629px){

#klein  { font-size: 30px;}
#medium { display: none; }
#gross { display: none; }

#wrapper {

         margin-top: 50px;
         font-size: 1.0em;
         background-color: #ffffff;
         }

#bild    {
         background-image: url("../bilder/startKlein.jpg");
         background-repeat: no-repeat;
         height: 350px;
         z-index: 1;
         }

#adress{
         position: relative;
         float:left;
         margin-left: 20px;
         margin-top: -150px;
         }

#navGross{
         display: none;
         }

#pageOn {
        float: left;
        margin-top: -80px;
        }

#menuRecht{
         display: none;
         }

.dropbtn {
          background: url('../bilder/iconMenuKlein.gif') no-repeat;
          color: white;
          padding-right: 50px;
          padding-bottom:70px;
          border: none;
          cursor: pointer;
          margin-left: 10px;
          position: absolute;
          margin-top: -50px;
         }


.dropdown {
          position: relative;
          display: inline-block;
          font-size: 0.8em;
          }


.dropdown-content {
        display: none;
        position: absolute;
        min-width: 130px;
        z-index: 2;


        margin-left: 10px;
        padding: 10px;
        margin-top: 150px;
        overflow:auto;
        z-index: 1;
        }

.dropdown-content a { }


.dropdown-content a:hover { }

.dropdown:hover .dropdown-content {
        display: block;
        background-color: #000000;
        }

.dropdown:hover .dropbtn {}
      #kleintierpensionText{
      position: relative;
      }

#wohinSchrift  {
         margin-top: 70px;
         margin-left: 10px;
         }

#content1{
          margin-left: 20px;
          margin-top: 20px;
          margin-right: 20px;
          }

#content2{
          text-align: center;
          margin-top: 40px;
          margin-bottom: 40px;
          }




.imageSize {width: 200px;}
.blockSize {width: 90%;}

#block1 {
         background-color: #EEF9F5;
         width: 90%;
         margin: auto;
         height: 100%;
         }

#title1{
         margin-top: 30px;
         }


#kleintierpension{
          position: relative;
          margin-top: 30px;
          text-align:center;
          width:80%
         }

#kleintierpensionText{
          position: relative;
          margin-top: 20px;
          text-align: left;
          width:90%;
          }

#block2 {
         background-color: #EEF9F5;
         width: 90%;
         margin: auto;
         height: 100%;
         }


#title2{
         text-align: center;
         margin-top: 30px;
         }

#vorOrtBetreuung{
          position: relative;
          margin-top: 30px;
          text-align:center;
          width:85%;
         }

#vorOrtBetreuungText{
          position: relative;
          margin-top: -20px;
          text-align: left;
          width:90%;
          }

#block3 {
         background-color: #EEF9F5;
         width: 90%;
         margin: auto;
         height: 100%;
         }


#title3{
         text-align: center;
         margin-top: 30px;
         }

#haussitting{
          position: relative;
          margin-top: 30px;
          text-align:center;
          width:85%;
         }

#haussittingText{
          position: relative;
          margin-top: -50px;
          text-align: left;
          width:90%;
          }

#block4 {
         background-color: #EEF9F5;
        width: 90%;
         margin: auto;
         height: 100%;
         }

#title4{
         text-align: center;
         margin-top: 30px;
         }

#gassiGehen{
          position: relative;
          margin-top: 30px;
          text-align:center;
          width:85%;
         }

#gassiGehenText{
          position: relative;
          margin-top: -40px;
          text-align: left;
          width:90%;
          }

#ueberMich{
          margin-top: 80px;
          width: 100%;
          }

#ueberMichText{
          margin-top: 20px;
          width: 80%;
          margin-left: 10%;
          }

#ueberMichBild{
          margin-top: 20px;
          width: 100%;
          margin-right: 10%;
          text-align: center;
          }

#partner1{
          margin-top: 20px;
          text-align: center;
          padding-bottom: 50px;
          }

#partner2{
          margin-top: 20px;
          text-align: center;
          padding-bottom: 50px;
          }

#partner3{
          margin-top: 10px;
          text-align: center;
          padding-bottom: 50px;
          }

#partner4{
          margin-top: 20px;
          text-align: center;
          padding-bottom: 50px;
          }

#partner5{
          margin-top: 20px;
          text-align: center;
          padding-bottom: 50px;
          }

#kontakt{
          margin-top: 20px;
          width: 100%;
          height: 550px;
          text-align: center;
          }

#kontaktAdresse{
          margin-top: 20px;
          width: 100%;
          margin-bottom: 80px;
         }

#anfahrt{
         display: none;
          }

#anfahrtKlein{
          margin-top: 80px;
          text-align: center;
          width: 100%;
          font-size: 1.0em;
          }



#impressum{
         background-color: #EEF9F5;
         width: 95%;
         height: 750px;
         margin: auto;
         }


#impressumAdresse{
          margin-top: 20px;
          background: #EEF9F5;
          width: 100%;
          padding-top: 40px;
          }

#webdesign{
          margin-top: 80px;
          background: #EEF9F5;
          width: 100%;
          }

#datenschutz{
         margin: auto;
         margin-top: 60px;
         background-color: #EEF9F5;
         width:95%;
         text-align: center;
         }

#datenschutzInhalt{
        padding-top: 60px;
        margin-right: 30px;
        margin-left: 20px;
        text-align: left;
        width: 90%;
        }

#haftung{
         margin: auto;
         margin-top: 60px;
         background-color: #EEF9F5;
         width:95%;
         text-align: center;
         }

#haftungInhalt{
        padding-top: 60px;
        margin-right: 30px;
        margin-left: 20px;
        text-align: left;
        width: 90%;
        }

 /*  */


}