@font-face{font-family:'Open Sans';font-display:auto;font-style:normal;font-weight:300;src:url(/static/f418/fonts/open-sans/open-sans-v15-latin-300.eot);src:local('Open Sans Light'),local(OpenSans-Light),url(/static/f418/fonts/open-sans/open-sans-v15-latin-300.eot?#iefix) format("embedded-opentype"),url(/static/f418/fonts/open-sans/open-sans-v15-latin-300.woff2) format("woff2"),url(/static/f418/fonts/open-sans/open-sans-v15-latin-300.woff) format("woff"),url(/static/f418/fonts/open-sans/open-sans-v15-latin-300.ttf) format("truetype"),url(/static/f418/fonts/open-sans/open-sans-v15-latin-300.svg#OpenSans) format("svg")}
@font-face{font-family:'Open Sans';font-display:auto;font-style:italic;font-weight:300;src:url(/static/f418/fonts/open-sans/open-sans-v15-latin-300italic.eot);src:local('Open Sans Light Italic'),local(OpenSans-LightItalic),url(/static/f418/fonts/open-sans/open-sans-v15-latin-300italic.eot?#iefix) format("embedded-opentype"),url(/static/f418/fonts/open-sans/open-sans-v15-latin-300italic.woff2) format("woff2"),url(/static/f418/fonts/open-sans/open-sans-v15-latin-300italic.woff) format("woff"),url(/static/f418/fonts/open-sans/open-sans-v15-latin-300italic.ttf) format("truetype"),url(/static/f418/fonts/open-sans/open-sans-v15-latin-300italic.svg#OpenSans) format("svg")}
@font-face{font-family:'Open Sans';font-display:auto;font-style:normal;font-weight:400;src:url(/static/f418/fonts/open-sans/open-sans-v15-latin-regular.eot);src:local('Open Sans Regular'),local(OpenSans-Regular),url(/static/f418/fonts/open-sans/open-sans-v15-latin-regular.eot?#iefix) format("embedded-opentype"),url(/static/f418/fonts/open-sans/open-sans-v15-latin-regular.woff2) format("woff2"),url(/static/f418/fonts/open-sans/open-sans-v15-latin-regular.woff) format("woff"),url(/static/f418/fonts/open-sans/open-sans-v15-latin-regular.ttf) format("truetype"),url(/static/f418/fonts/open-sans/open-sans-v15-latin-regular.svg#OpenSans) format("svg")}
@font-face{font-family:'Open Sans';font-display:auto;font-style:italic;font-weight:400;src:url(/static/f418/fonts/open-sans/open-sans-v15-latin-italic.eot);src:local('Open Sans Italic'),local(OpenSans-Italic),url(/static/f418/fonts/open-sans/open-sans-v15-latin-italic.eot?#iefix) format("embedded-opentype"),url(/static/f418/fonts/open-sans/open-sans-v15-latin-italic.woff2) format("woff2"),url(/static/f418/fonts/open-sans/open-sans-v15-latin-italic.woff) format("woff"),url(/static/f418/fonts/open-sans/open-sans-v15-latin-italic.ttf) format("truetype"),url(/static/f418/fonts/open-sans/open-sans-v15-latin-italic.svg#OpenSans) format("svg")}
@font-face{font-family:'Open Sans';font-display:auto;font-style:normal;font-weight:600;src:url(/static/f418/fonts/open-sans/open-sans-v15-latin-600.eot);src:local('Open Sans SemiBold'),local(OpenSans-SemiBold),url(/static/f418/fonts/open-sans/open-sans-v15-latin-600.eot?#iefix) format("embedded-opentype"),url(/static/f418/fonts/open-sans/open-sans-v15-latin-600.woff2) format("woff2"),url(/static/f418/fonts/open-sans/open-sans-v15-latin-600.woff) format("woff"),url(/static/f418/fonts/open-sans/open-sans-v15-latin-600.ttf) format("truetype"),url(/static/f418/fonts/open-sans/open-sans-v15-latin-600.svg#OpenSans) format("svg")}
@font-face{font-family:'Open Sans';font-display:auto;font-style:italic;font-weight:600;src:url(/static/f418/fonts/open-sans/open-sans-v15-latin-600italic.eot);src:local('Open Sans SemiBold Italic'),local(OpenSans-SemiBoldItalic),url(/static/f418/fonts/open-sans/open-sans-v15-latin-600italic.eot?#iefix) format("embedded-opentype"),url(/static/f418/fonts/open-sans/open-sans-v15-latin-600italic.woff2) format("woff2"),url(/static/f418/fonts/open-sans/open-sans-v15-latin-600italic.woff) format("woff"),url(/static/f418/fonts/open-sans/open-sans-v15-latin-600italic.ttf) format("truetype"),url(/static/f418/fonts/open-sans/open-sans-v15-latin-600italic.svg#OpenSans) format("svg")}
@font-face{font-family:'Open Sans';font-display:auto;font-style:normal;font-weight:700;src:url(/static/f418/fonts/open-sans/open-sans-v15-latin-700.eot);src:local('Open Sans Bold'),local(OpenSans-Bold),url(/static/f418/fonts/open-sans/open-sans-v15-latin-700.eot?#iefix) format("embedded-opentype"),url(/static/f418/fonts/open-sans/open-sans-v15-latin-700.woff2) format("woff2"),url(/static/f418/fonts/open-sans/open-sans-v15-latin-700.woff) format("woff"),url(/static/f418/fonts/open-sans/open-sans-v15-latin-700.ttf) format("truetype"),url(/static/f418/fonts/open-sans/open-sans-v15-latin-700.svg#OpenSans) format("svg")}
@font-face{font-family:'Open Sans';font-display:auto;font-style:italic;font-weight:700;src:url(/static/f418/fonts/open-sans/open-sans-v15-latin-700italic.eot);src:local('Open Sans Bold Italic'),local(OpenSans-BoldItalic),url(/static/f418/fonts/open-sans/open-sans-v15-latin-700italic.eot?#iefix) format("embedded-opentype"),url(/static/f418/fonts/open-sans/open-sans-v15-latin-700italic.woff2) format("woff2"),url(/static/f418/fonts/open-sans/open-sans-v15-latin-700italic.woff) format("woff"),url(/static/f418/fonts/open-sans/open-sans-v15-latin-700italic.ttf) format("truetype"),url(/static/f418/fonts/open-sans/open-sans-v15-latin-700italic.svg#OpenSans) format("svg")}
@font-face{font-family:'Open Sans';font-display:auto;font-style:normal;font-weight:800;src:url(/static/f418/fonts/open-sans/open-sans-v15-latin-800.eot);src:local('Open Sans ExtraBold'),local(OpenSans-ExtraBold),url(/static/f418/fonts/open-sans/open-sans-v15-latin-800.eot?#iefix) format("embedded-opentype"),url(/static/f418/fonts/open-sans/open-sans-v15-latin-800.woff2) format("woff2"),url(/static/f418/fonts/open-sans/open-sans-v15-latin-800.woff) format("woff"),url(/static/f418/fonts/open-sans/open-sans-v15-latin-800.ttf) format("truetype"),url(/static/f418/fonts/open-sans/open-sans-v15-latin-800.svg#OpenSans) format("svg")}
@font-face{font-family:'Open Sans';font-display:auto;font-style:italic;font-weight:800;src:url(/static/f418/fonts/open-sans/open-sans-v15-latin-800italic.eot);src:local('Open Sans ExtraBold Italic'),local(OpenSans-ExtraBoldItalic),url(/static/f418/fonts/open-sans/open-sans-v15-latin-800italic.eot?#iefix) format("embedded-opentype"),url(/static/f418/fonts/open-sans/open-sans-v15-latin-800italic.woff2) format("woff2"),url(/static/f418/fonts/open-sans/open-sans-v15-latin-800italic.woff) format("woff"),url(/static/f418/fonts/open-sans/open-sans-v15-latin-800italic.ttf) format("truetype"),url(/static/f418/fonts/open-sans/open-sans-v15-latin-800italic.svg#OpenSans) format("svg")}

.im-kontakt {
  display: flex;
  gap: 50px;
  padding-top: 30px;
}
.im-kontakt-image img {
  display: block;
  height: 150px;
  border-radius: 150px;
  width: 150px;
  object-fit: cover;
  object-position: top;
}
.im-kontakt-daten {
  flex-grow: 1;
}

#infomail-navigation {
  position: absolute;
  top: 55px;
  right: 55px;
  z-index: 1000;
  width: 390px;
}

#infomail-navigation > div {
  display: flex;
  gap: 30px;
  position: fixed;
}

.infomail-navigation-button {
  background-color: #c5180f;
  color: #fff;
  font-size: 18pt;
  padding: 8px 10px 7px 10px;
  text-transform: uppercase;
}

.infomail-navigation-button:hover, .infomail-navigation-button:active, .infomail-navigation-button:link, .infomail-navigation-button:visited {
  color: #fff;
}

#infomail-titel-small {
  position: absolute;
  left: 53%;
  z-index: 15;
  bottom: 220px;
  width: 20%;
  text-align: center;
}
#infomail-titel-small h2 {
  font-size: 2rem;
}
#infomail-titel-small h2, #infomail-titel-big h1 {
  margin-bottom: 0;
  padding-bottom: 0;
}

#infomail-titel-big {
  position: absolute;
  left: 50%;
  z-index: 15;
  bottom: 66px;
  width: 27%;
  text-align: center;
  /* color: #c5180f; */
  min-height: 96px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.infomail ul {
  padding-left: 45px !important;
}

.infomail ul > li {
  margin-bottom: 1.4rem;
}
.infomail ul > li:last-child {
  margin-bottom: 0;
}

.infomail .content-trenner {
  height: 42px;
}
.infomail h2 {
  font-size: 2.4rem;
}


.h2, h2                               { font-size: 3rem; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: 2rem; }



*                                     { padding: 0; margin: 0; }
*:focus                               { outline: 0; }

body                                  { background-color: #fff;
                                        font-size: 12pt;
                                        font-family: Calibri, 'Open Sans', Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
                                        -webkit-font-smoothing: antialiased;
                                        -moz-osx-font-smoothing: grayscale;
                                      }
                                      
.imgleft                              { float: left; margin-right:30px; margin-bottom:20px; }
.imgright                             { float: right; margin-left:30px; margin-bottom:20px; }

header, nav, main, aside, footer      { display: block; }

a:focus                               { outline: none; }
a                                     { color: #c5180f; }
a:link                                { text-decoration: none; }
a:visited                             { text-decoration: none; }
a:active                              { text-decoration: none; }
a:hover                               { color: #c5180f; text-decoration: none; }

#page                                 { padding: 30px; max-width: 2000px; margin: 0 auto; position: relative; }
#page.start                           { max-width: 100%; }
#page-bottom                          { width: 100%; height: 30px; position: fixed; left: 0; bottom: 0; background-color: #fff; z-index: 900; }
#page-top                             { width: 100%; height: 30px; position: fixed; left: 0; top: 0; background-color: #fff; z-index: 900; }
#startseite                           { position: relative; overflow: hidden;
                                        height: calc(100vh - 60px);
                                        -webkit-transition: background-color 1000ms cubic-bezier(0.1, 0.97, 0.58, 1);
                                        -moz-transition: background-color 1000ms cubic-bezier(0.1, 0.97, 0.58, 1);
                                        -ms-transition: background-color 1000ms cubic-bezier(0.1, 0.97, 0.58, 1);
                                        -o-transition: background-color 1000ms cubic-bezier(0.1, 0.97, 0.58, 1);
                                        transition: background-color 1000ms cubic-bezier(0.1, 0.97, 0.58, 1);
                                        background-color: #fff;
                                      }
#startseite.painted                   { background-color: #e7ebf9; } 
#folgeseite                           { position: relative; background-color: #e7ebf9; min-height: calc(100vh - 60px); overflow-x: hidden; }
                                      
#head-start                           { position: absolute; left: 0; top: 0; z-index: 499; width: 100%; }
#logo-start                           { padding-top: 32px; padding-left: 38px; z-index: 50; opacity: 0; }
#logo-start a                         { display: inline-block; }
#logo-start a img                     { display: block; max-width: 340px; width: 100%; -ms-interpolation-mode: bicubic; }

#head                                 {  }
#head header                          { position: relative; }
#head-overlay                         { width: 100%; display: block; position: relative; z-index: 10; }
#head-overlay-image                   { position: absolute; z-index: 5; position: absolute; height: 100%; top: 0; left: 15.5%; }
#head-overlay-image img               { display: block; height: calc(100% - 1px); }
#head-overlay-small                   { display: none; }
#seitentitel                          { position: absolute; z-index: 15; bottom: 75px; left: 48%; width: 30%; text-align: center; text-transform: uppercase; }
#seitentitel h1                       { margin-bottom: 0; color: #c5180f; font-size: 58pt; font-weight: 300; }

#logo                                 { position: absolute; top: 32px; left: 38px; z-index: 499; }
#logo a                               { display: inline-block; }
#logo a img                           { display: block; max-width: 340px; width: 100%; -ms-interpolation-mode: bicubic; }

#sln-pos                              { z-index: 510; position: fixed; top: 30px; left: 0; width: 100%; height: 80px; display: none; }
#scrolllogonav                        { padding: 0 30px; max-width: 2000px; margin: 0 auto; height: 80px; }
#scrolllogonav-inner                  { position: relative; width: 100%; height: 80px; background-color: #e7ebf9; 
-webkit-box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.1);
box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.1);
																			}

#logo-scroll                          { position: absolute; top: 12px; left: 20px; z-index: 501; display: block; }
#logo-scroll a                        { display: inline-block; }
#logo-scroll a img                    { display: block; max-width: 200px; width: 100%; -ms-interpolation-mode: bicubic; }

.navscroll                            { z-index: 501 !important; position: absolute !important; top: 15px !important; right: 20px !important; display: block !important; }

#menu-start                           { opacity: 0; position: absolute; top: 55px; right: 55px; z-index: 500; display: none; }
#menu-start { position: fixed; top: 85px; right: 85px; }
#menu-start.folgeseite                { opacity: 1; }
.menu-button                          { display: table; background-color: #c5180f; color: #fff; font-size: 18pt; cursor: pointer; }
.menu-button-text                     { display: table-cell; /*vertical-align: middle;*/ padding: 8px 10px 7px 10px; text-transform: uppercase; text-align: left; }
.menu-button-icon                     { display: table-cell; padding-top: 19px; vertical-align: top; float: right; position: relative; width: 36px; }
.menu-bar                             { background-color: #fff; width: 24px; height: 4px;
                                        -webkit-transition: all 700ms cubic-bezier(0.1, 0.97, 0.58, 1);
                                        -moz-transition: all 700ms cubic-bezier(0.1, 0.97, 0.58, 1);
                                        -ms-transition: all 700ms cubic-bezier(0.1, 0.97, 0.58, 1);
                                        -o-transition: all 700ms cubic-bezier(0.1, 0.97, 0.58, 1);
                                        transition: all 700ms cubic-bezier(0.1, 0.97, 0.58, 1);
                                      }
.menu-bar-1                           { position: absolute; top: 0; right: 12px; z-index: 502; }
.menu-bar-1.turn1                     { transform: rotate(45deg); top: 8px; }
.menu-bar-2                           { position: absolute; top: 8px; right: 12px; z-index: 501; }
.menu-bar-2.turn2                     { background-color: #c5180f; }
.menu-bar-3                           { position: absolute; top: 16px; right: 12px; z-index: 503; }
.menu-bar-3.turn3                     { transform: rotate(-45deg); top: 8px; }

#navigation                           { background-color: #c5180f; width: 303px; display: none; }
.mainnav                              { list-style: none; }
.main-point                           { padding:10px; position: relative; border-top: 1px solid #dc3f37; }
.main-point a                         { display: block; color: #fff; text-transform: uppercase; }
.main-point:first-child { border-top: 0; }
.subnav                               { display: none; list-style: none; padding-left: 15px; }
.subnav.subnav-open                   { display: block; }
.sub-point                            {  }
.sub-point a                          { text-transform: none; padding: 2px 0; }
.subnav-indicator                     { display: block; position: absolute; right: 0; top: 0; color: #fff; font-size: 15pt; }
.subnav-button                        { display: inline-block; cursor: pointer; padding: 9px 15px 5px 15px; }




#menu-start2                          { opacity: 0; position: absolute; top: 55px; right: 55px; z-index: 500; }
#menu-start2 { position: fixed; top: 85px; right: 85px; }
#menu-start2.folgeseite               { opacity: 1; }
.menu-button2                         { display: table; background-color: #c5180f; color: #fff; font-size: 18pt; cursor: pointer; float: right; }
.menu-button-text2                    { display: table-cell; padding: 8px 10px 7px 10px; text-transform: uppercase; text-align: left; }
.menu-button-icon2                    { display: table-cell; padding-top: 19px; vertical-align: top; float: right; position: relative; width: 36px; }

#menu-start2 nav                      { float: left; width: 0px; height: 51px; overflow: hidden; }

#navigation2                          { float: right; height: 51px; }
.mainnav2                             { list-style: none; margin-bottom: 0; }
.main-point2                          { float: left; background-color: #c5180f; position: relative;
                                        -webkit-transition: all 350ms cubic-bezier(0.1, 0.97, 0.58, 1);
                                        -moz-transition: all 350ms cubic-bezier(0.1, 0.97, 0.58, 1);
                                        -ms-transition: all 350ms cubic-bezier(0.1, 0.97, 0.58, 1);
                                        -o-transition: all 350ms cubic-bezier(0.1, 0.97, 0.58, 1);
                                        transition: all 1000ms easeOut;
                                      }
.main-point2 a                        { font-size: 14pt; color: #fff; text-transform: uppercase; padding: 13px 17px 11px 17px; display: block; opacity: 0; height: 51px;
                                        -webkit-transition: all 350ms cubic-bezier(0.1, 0.97, 0.58, 1);
                                        -moz-transition: all 350ms cubic-bezier(0.1, 0.97, 0.58, 1);
                                        -ms-transition: all 350ms cubic-bezier(0.1, 0.97, 0.58, 1);
                                        -o-transition: all 350ms cubic-bezier(0.1, 0.97, 0.58, 1);
                                        transition: all 350ms cubic-bezier(0.1, 0.97, 0.58, 1);
                                      }
.main-point2 a:hover                  { color: #fff; }
.main-point2 a.shownav                { opacity: 1; }
.main-point2.navbtn                   { margin-right: 20px; }
.subnav2                              { display: none; list-style: none; position: absolute; top: 51px; left:0; padding-top: 20px; }
.sub-point2                           { background-color: #c5180f; padding: 5px; margin-bottom: 20px; height: 51px; }
.sub-point2 a                         { white-space: nowrap; padding: 8px 12px 6px 12px !important; }
#navoverlay                           { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; opacity: 0; z-index: 490; }







#start-media-container                { width: 908px; height: 908px; position: relative; }

.square                               { display: none; opacity: 0; z-index: 1; position: absolute;
                                        -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);
                                        -webkit-transition: all 3000ms cubic-bezier(0.1, 0.97, 0.58, 1);
                                        -moz-transition: all 3000ms cubic-bezier(0.1, 0.97, 0.58, 1);
                                        -ms-transition: all 3000ms cubic-bezier(0.1, 0.97, 0.58, 1);
                                        -o-transition: all 3000ms cubic-bezier(0.1, 0.97, 0.58, 1);
                                        transition: all 3000ms cubic-bezier(0.1, 0.97, 0.58, 1);
                                        background-color: #d2d7ea;
                                      }

.square.size-small                    { width: 208px; height: 208px; }
.square.size-medium                   { width: 323px; height: 323px; }
.square.size-large                    { width: 570px; height: 570px; }

.square.shade-1                       { background-color: #d6dced; }
.square.shade-2                       { background-color: #b9c0d8; }
.square.shade-3                       { background-color: #d2d7ea; }
.square.shade-4                       { background-color: #cad0e4; }
.square.shade-5                       { background-color: #cbd1e5; }
.square.shade-6                       { background-color: #d8ddee; }


.square.fly-in                        { opacity: 1; }

#square-1                             { top: -379px; right: -305px; }
#square-1.fly-in                      { top: -87px; right: -13px; }

#square-2                             { top: -45px; right: -406px; }
#square-2.fly-in                      { top: 226px; right: -130px; }

#square-3                             { bottom: -127px; right: 988px; }
#square-3.fly-in                      { bottom: 127px; right: 729px; }

#square-4                             { bottom: -557px; right: 870px; }
#square-4.fly-in                      { bottom: -186px; right: 496px; }

#square-5                             { top: -225px; right: -587px; }
#square-5.fly-in                      { top: -30px; right: -385px; }

#square-6                             { top: -872px; right: -616px; }
#square-6.fly-in                      { top: -302px; right: -46px; }


#media-box                            { overflow: hidden; width: 570px; height: 570px; position: absolute; z-index: 50;
                                        /*-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg);*/ transform: rotate(45deg);
                                        right: 119px; bottom: 119px; opacity: 0;
                                        border: 1px solid #e7ebf9; /* SKL 2022-06-15: border hinzugefügt, da der dazu führt das die Animation in den meisten Browsern funktioiert */
                                      }

#media-box div                        { /*-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);*/ }
#media-box img                        { display: block; width: 1150px; position: absolute; left: -332px; top: -208px; zoom: 100%;

                                        -webkit-transition: transform 4000ms ease-in-out;
                                        -moz-transition: transform 4000ms ease-in-out;
                                        -ms-transition: transform 4000ms ease-in-out;
                                        -o-transition: transform 4000ms ease-in-out;
                                        transition: transform 4000ms ease-in-out;
                                        transition-delay: 2000ms;
                                      }
#media-box img.zoomed                 { transform: scale(1.2); }

#content-start                        { opacity: 0; position: absolute; right: 55px; top: 420px; z-index: 100; display: table; /*height: calc(100% - 205px);*/ width: 50vw; }
#content-start-td                     { display: table-cell; height: 100%; vertical-align: middle; }
#start-slide-headline                 { padding-top: 100px; }
#start-slide-headline h1              { color: #c5180f; text-transform: uppercase; font-size: 54pt; font-weight: 300; }
#start-slide-text                     { font-size: 21pt; padding-top: 35px; /*color: #626362;*/ color: #000; }



#footer-start                         { position: absolute; bottom: 13px; left: 0; width: 100%; font-size: 10pt; text-align: right; z-index: 101; opacity: 0;}
#footer                               { font-size: 11pt; text-align: right; padding-bottom: 15px; position: absolute; right: 0; bottom: 0; width: 100%; }
#fs-copyright                         { display: inline-block; padding-right: 15px; }
#fs-impressum-ds                      { display: inline-block; padding-right: 55px; }
#fs-impressum-ds a                    { display: inline-block; }
#fs-impressum-ds-trenner              { display: inline-block; height: 3px; width: 15px; }
#impressum-ms                         { padding-bottom: 35px; }
#impressum-mt                         { padding-bottom: 35px; }




#content                              { max-width: 64%; margin: 0 auto 0 16.5%; }
#inhalt-text                          { padding: 70px 0 80px 0; }
.absatz-text                          { font-size: 14pt; }
.absatz-text ul                       { padding-left: 21px; }
.absatz-text ol                       { padding-left: 24px; }
.content-trenner                      { width: 100%; height: 25px; }
.content-trenner-ref                  { width: 100%; height: 25px; }


#cookie-info                          { position: fixed; bottom: 0px; left: 0; z-index: 10000; width: calc(100%); -ms-text-size-adjust: none; -moz-text-size-adjust: none; -o-text-size-adjust: none; -webkit-text-size-adjust: none; }
#cookie-info-content                  { background-color: rgba(0, 0, 0, 0.8); color: #fff; padding: 4px; box-sizing: border-box; text-align: center; }
#cookie-info-tbl                      { display: table; margin: 0 auto; }
#cookie-info-text                     { display: table-cell; font-size: 10pt; vertical-align: middle; }
#cookie-info-text a                   {  }
#cookie-info-button                   { display: table-cell; font-size: 14pt; vertical-align: middle; cursor: pointer; padding-right: 3px; }
#cookie-info-abstand                  { display: table-cell; width: 15px; }
#cookie-info-imp-ds-spacer            { display: inline-block; width: 10px; }
#cookie-info-spacer                   { width: 100%; }

#fr-rrzeit                            { display: none; }
#kontakt-logo                         { display: block; width: 200px; margin-bottom: 20px; }
#kontaktform                          { padding-top: 0px; }
#kontaktform label                    { font-size: 14pt; }
#datenschutz-text                     { font-size: 14pt; }

html.touch #footer                    { position: static; }
html.touch #inhalt-text               { padding-bottom: 50px; }
html.touch #menu-start2               { display: none; }
html.touch #menu-start                { display: block; }

.kont-sp-2                            { padding-top: 78px; white-space: nowrap; }
.kont-sp-3                            { padding-top: 78px; padding-left: 78px; }
#kontakt-text                         { padding-left: 50px; }





/* Referenzen */
#ref-titel                            { padding-top: 25px; padding-bottom: 25px; }
#gallerySM                            { padding-bottom: 60px; }
#gallerySM .preview                   { float:left; padding: 0 74px; text-align: center; /*margin-bottom:40px;*/ margin-bottom:80px; }
#ref-rd-seiten                        { position: relative; }
#ref-rd-seiten .preview:nth-child(odd) { clear: both; }
#ref-rd-seiten-info                   { position: relative; }
#ref-rd-seiten-info #gallerySM        { padding-bottom: 0; }
#ref-rd-seiten-overlay                { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e7ebf9+0,e7ebf9+100&0+0,0.5+12,0.75+26,0.8+50,1+100 */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZWJmOSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEyJSIgc3RvcC1jb2xvcj0iI2U3ZWJmOSIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMjYlIiBzdG9wLWNvbG9yPSIjZTdlYmY5IiBzdG9wLW9wYWNpdHk9IjAuNzUiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZTdlYmY5IiBzdG9wLW9wYWNpdHk9IjAuOCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTdlYmY5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, rgba(231,235,249,0) 0%, rgba(231,235,249,0.5) 12%, rgba(231,235,249,0.75) 26%, rgba(231,235,249,0.8) 50%, rgba(231,235,249,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(231,235,249,0)), color-stop(12%,rgba(231,235,249,0.5)), color-stop(26%,rgba(231,235,249,0.75)), color-stop(50%,rgba(231,235,249,0.8)), color-stop(100%,rgba(231,235,249,1)));
background: -webkit-linear-gradient(top, rgba(231,235,249,0) 0%,rgba(231,235,249,0.5) 12%,rgba(231,235,249,0.75) 26%,rgba(231,235,249,0.8) 50%,rgba(231,235,249,1) 100%);
background: -o-linear-gradient(top, rgba(231,235,249,0) 0%,rgba(231,235,249,0.5) 12%,rgba(231,235,249,0.75) 26%,rgba(231,235,249,0.8) 50%,rgba(231,235,249,1) 100%);
background: -ms-linear-gradient(top, rgba(231,235,249,0) 0%,rgba(231,235,249,0.5) 12%,rgba(231,235,249,0.75) 26%,rgba(231,235,249,0.8) 50%,rgba(231,235,249,1) 100%);
background: linear-gradient(to bottom, rgba(231,235,249,0) 0%,rgba(231,235,249,0.5) 12%,rgba(231,235,249,0.75) 26%,rgba(231,235,249,0.8) 50%,rgba(231,235,249,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e7ebf9', endColorstr='#e7ebf9',GradientType=0 );
                                      }
#gallerySM .preview h3                { padding-top: 15px; margin-bottom: 10px; }
#gallerySM .preview a                 { font-size: 13px; }
.galpic-sm-rahmen                     { width: 108px; height: 182px;
                                        background-color:#fff;
                                        border-radius:15px;
                                        -moz-border-radius:15px;
                                        -webkit-border-radius:15px;
                                        border:2px solid #ccc;
                                        padding-top: 14px; /*padding-left: 13px;*/ margin: 0 auto;
                                      }
.galpic-sm                            { width: 90px; padding:2px; border: 1px solid #ced6da; margin: 0 auto; }

.clickFade                            { opacity: 0.33; /*transition: opacity 0.3s ease-in-out;*/ width: 100%;
                                        -webkit-transition: opacity 333ms cubic-bezier(0.1, 0.97, 0.58, 1);
                                        -moz-transition: opacity 333ms cubic-bezier(0.1, 0.97, 0.58, 1);
                                        -ms-transition: opacity 333ms cubic-bezier(0.1, 0.97, 0.58, 1);
                                        -o-transition: opacity 333ms cubic-bezier(0.1, 0.97, 0.58, 1);
                                        transition: opacity 333ms cubic-bezier(0.1, 0.97, 0.58, 1);
                                      }
html.touch .clickFade                 { opacity: 1; }
.clickFade:hover                      { opacity: 1; }
.galpic-rd                            { width: 100%; }
.galpic-rd img                        { width: 90%; max-width: 430px; display: block; margin: 0 auto; }

#gallery                              { padding-bottom: 30px; }
#gallery .preview                     { float:left; padding: 0 51px; text-align: center; height: 322px; }
#gallery .preview h3                  { padding-top: 15px; font-size: 16px; margin-bottom: 10px; }
#gallery .preview a                   { font-size: 13px; }
#gallery .preview span                { display: block; font-size: 11px; }
.galpic-rahmen                        { width: 195px; height: 176px;
                                        padding-top: 24px; /*padding-left: 24px; */
                                        background-color:#fff;
                                        border-radius:15px;
                                        -moz-border-radius:15px;
                                        -webkit-border-radius:15px;
                                        border:2px solid #ccc;
                                        margin: 0 auto;
                                      }
.galpic                               { width: 150px; padding:2px; border: 1px solid #ced6da; max-height: 126px; overflow: hidden; margin: 0 auto; }

.rdview                               { width: 50%; padding: 0px !important; }
.msview                               { width: 25%; padding: 0px !important; }
.dsview                               { width: 25%; padding: 0px !important; }
/* /Referenzen */





#refboxen                             { padding: 0 0 20px 0; }
.refbox                               { position: relative; width: 21%; margin: 5% 5% 0 0; float: left; background-color: #fff; border: 1px solid #d6d9e4; }
.refbox:nth-child(4n)                 { margin-right: 0; }
.refbox:before                        { content: ''; display: block; margin-top: 100%; }
.refbox-content                       { position: absolute; top: 0; left: 0; bottom: 0; right: 0; text-align: center; padding: 20px; width: 100%; height: 100%; }
.refbox-image                         { display: block; width: 90%; margin: 0 auto; position: relative; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
                                        -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;
                                      }
.refbox-text                          { opacity: 0; text-align: center; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #e7ebf9; z-index: 100;
                                        -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;
                                      }
.refbox-text div                      { position: relative; padding: 20px; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
                                        -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;
                                      }
.refbox-text p                        { margin-bottom: 0; }
.refbox.hovered                       {  }
.refbox.hovered .refbox-text          { opacity: 1; }
.refbox-mobile-click                  { display: none; }




#cookie-opt-in { position: fixed; bottom: 0; left: 0; width: 100%; background-color: rgba(0,0,0,0.8); z-index: 1000; color: #fff; padding: 10px; box-sizing: border-box; font-size: 11pt; }
#cookie-opt-in * { box-sizing: border-box; }
#coi-center {  max-width: 900px; margin: 0 auto; }
#coi-infotext { /*text-align: justify;*/ }
#coi-infotext p { margin-bottom: 0; padding-bottom: 0; }
#coi-infolinks { padding: 10px 0 5px 0; }
#coi-form { padding-top: 10px; }
#coi-cookies { display: flex; flex-wrap: wrap; }
.coi-cookie {  }
.coi-checkbox { padding-right: 20px; }

#coi-shor-tbl { display: table; width: 100%; }
#coi-short-text { display: table-cell; vertical-align: top; }
#coi-short-close { display: table-cell; vertical-align: top; text-align: right; width: 100px; }


.cookie-informationen { display: table; box-sizing: border-box; padding-bottom: 25px; font-size: 14pt; }
.cookie-informationen * { box-sizing: border-box; }
.cookie-row { display: table-row; }
.cookie-info-name { display: table-cell; vertical-align: top; white-space: nowrap; padding: 0 0 5px 0; font-weight: bold; }
.cookie-info-text { display: table-cell; vertical-align: top; padding: 0 0 5px 10px; }


@media screen and (max-width: 2200px){
  #content-start                        { width: 40vw; }
}

@media screen and (max-width: 2000px){
  #square-6.fly-in                      { top: -349px; right: -99px; }
  #seitentitel                          { bottom: 4vw; }
  #seitentitel h1                       { font-size: 3.8vw; }
  #start-slide-headline                 { padding-top: 40px; }
  #start-slide-text                     { padding-top: 20px; }
}

@media screen and (max-width: 1900px){
  #square-6.fly-in                      { top: -398px; right: -152px; }
  #start-slide-headline h1              { font-size: 48pt; }
  #infomail-titel-small h2 {
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 1800px){
  #square-6.fly-in                      { top: -458px; right: -191px; }
  #content-start                        { width: 610px; }
  #infomail-titel-small {
    bottom: 202px;
  }
  #infomail-titel-big {
    bottom: 56px;
  }
  #infomail-navigation {
    position: fixed;
    top: 86px;
    right: 85px;
    width: auto;
  }
  #infomail-navigation > div {
    position: static;
  }
}

@media screen and (max-width: 1700px){
  #start-slide-headline h1              { font-size: 36pt; }
  #start-slide-text                     { font-size: 18pt; }
  #logo a img                           { max-width: 300px; }
  #square-5.fly-in                      { top: 52px; right: -304px; }
  #square-6.fly-in                      { top: -418px; /*right: -167px;*/ right: -220px; }
  #content-start                        { width: 520px; }
  #infomail-titel-small {
    bottom: 180px;
  }
  #infomail-titel-big {
    bottom: 46px;
  }
}

@media screen and (max-width: 1600px){
  #start-slide-headline                 { padding-top: 90px; }
  #start-slide-headline h1              { font-size: 38pt; }
  #logo-start a img                     { max-width: 300px; }
  #logo a img                           { max-width: 300px; }
  #content-start                        { top: 295px; width: 38vw; }
  
  #media-box                            { width: 380px; height: 380px; right: 320px; bottom: 320px; }
  #media-box img                        { zoom: 70%; }
  
  .square.size-medium                   { width: 215px; height: 215px; }
  .square.size-small                    { width: 139px; height: 139px; }
  
  #square-1                             { top: -379px; right: -144px; }
  #square-1.fly-in                      { top: 5px; right: 230px; }
  
  #square-2                             { top: -235px; right: -291px; }
  #square-2.fly-in                      { top: 211px; right: 155px; }
  
  #square-3                             { bottom: 50px; right: 1000px; }
  #square-3.fly-in                      { bottom: 323px; right: 727px; }
  
  #square-4                             { bottom: -557px; right: 1244px; }
  #square-4.fly-in                      { bottom: 114px; right: 573px; }
  
  #square-5                             { top: -225px; right: -277px; }
  #square-5.fly-in                      { top: 42px; right: -10px; }  
  #infomail-titel-small h2 {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 1500px){
  #logo a img                           { max-width: 260px; }
  #start-slide-headline h1              { font-size: 33pt; }
  #start-slide-text                     { font-size: 17pt; }
  #gallerySM .preview                   { width: 50%; }
  .infomail-navigation-button {
    font-size: 15pt;
  }
  #infomail-titel-small h2 {
    font-size: 1.6vw;
  }
  #infomail-titel-big h1 {
    font-size: 2.4vw;
  }
}

@media screen and (max-width: 1400px){
  #start-slide-headline                 { padding-top: 70px; }
  #start-slide-headline h1              { font-size: 29pt; }
  #start-slide-text                     { font-size: 18pt; padding-top: 0; }
  #gallery .preview                     { width: 50%; }
  .refbox                               { width: 30%; }
  .refbox:nth-child(4n)                 { margin-right: 5%; }
  .refbox:nth-child(3n)                 { margin-right: 0; }
  .infomail-navigation-button {
    font-size: 15pt;
  }
  #infomail-titel-small {
    bottom: 156px;
  }
  #infomail-titel-big {
    bottom: 22px;
  }
}

@media screen and (max-width: 1350px){
  #content-start                        { top: 200px; width: 38vw; }
  #logo-start a img                     { max-width: 230px; }
  #logo a img                           { max-width: 230px; }
  .menu-button                          { font-size: 16pt; }
  #fs-impressum-ds                      { padding-right: 55px; }
  
  #media-box                            { width: 253px; height: 253px; right: 480px; bottom: 480px; }
  #media-box img                        { zoom: 45%; }
  
  .square.size-medium                   { width: 143px; height: 143px; }
  .square.size-small                    { width: 93px; height: 93px; }

  #square-1                             { top: -379px; right: 51px; }
  #square-1.fly-in                      { top: 43px; right: 425px; }
  
  #square-2                             { top: -235px; right: -71px; }
  #square-2.fly-in                      { top: 179px; right: 375px; }
  
  #square-3                             { bottom: 210px; right: 1000px; }
  #square-3.fly-in                      { bottom: 483px; right: 747px; }
  
  #square-4                             { bottom: -324px; right: 1317px; }
  #square-4.fly-in                      { bottom: 347px; right: 646px; }

  #square-5                             { top: -225px; right: -21px; }
  #square-5.fly-in                      { top: 68px; right: 266px; }
}

@media screen and (max-width: 1300px){
  #logo a img                           { max-width: 210px; }
  #infomail-titel-small {
    bottom: 136px;
  }
  #infomail-titel-big {
    bottom: 15px;
  }
}

@media screen and (max-width: 1280px){
  #navigation2                          { height: 45px; /* overflow-y: hidden; */ }
  .main-point2                          { height: 45px; }
  .main-point2 a                        { font-size: 11pt; height: 45px; }
  .menu-button2                         { font-size: 15pt; }
  #navigation2                          { height: 45px; }
  #navigation2 .main-point2             { height: 45px; }
}

@media screen and (max-width: 1200px){
  #content-start                        { width: 36vw; }
  #logo a img                           { max-width: 185px; }
  #cookie-info-imp-ds                   { display: block; padding-top: 5px; }
  #cookie-erster-satz                   { display: block; }
  #kontakt-text                         { padding-left: 42px; }
  .infomail-navigation-button {
    font-size: 12pt;
  }
  #infomail-titel-small {
    bottom: 120px;
  }
  #infomail-navigation {
    top: 65px;
    right: 65px;
  }
}

@media screen and (max-width: 1170px){
  .main-point2 a                        { font-size: 10pt; }
  .main-point2.navbtn                   { margin-right: 10px; }
}

@media screen and (max-width: 1100px){
  #logo a img                           { max-width: 165px; }
  #kontakt-text                         { padding-left: 20px; }
}

@media screen and (max-width: 1080px){
  #menu-start2                          { display: none; }
  #menu-start                           { display: block; }
}

@media screen and (max-width: 1024px){
  #startseite                           { height: calc(100vh - 10px); overflow: auto; overflow-x: hidden; }
  #folgeseite                           { min-height: calc(100vh - 10px); /*min-height: calc(var(--vh, 1vh) * 100 - 10px);*/ }
  #page                                 { padding: 5px; }
  #page-bottom                          { height: 5px; }
  #page-top                             { height: 5px; }
  #logo-start                           { padding-top: 15px; padding-left: 15px; }
  #logo-start a img                     { width: 200px; }
  #logo                                 { padding-top: 15px; padding-left: 15px; top: 0; left: 0; }
  #logo a img                           { max-width: 200px; width: 200px; }
  #menu-start                           { top: 16px; right: 5px; }
  #menu-start                           { position: absolute; }
  .menu-button                          { font-size: 12px; }
  .menu-button-icon                     { padding-top: 15px; }
  #start-media-container                { height: 630px; }
  #footer-start                         { position: relative; bottom: 0; text-align: center; padding-bottom: 20px; }
  #footer                               { text-align: center; padding-bottom: 20px; }
  #fs-impressum-ds                      { padding-right: 0; }
  #content-start                        { top: 270px; }
  #start-slide-headline h1              { font-size: 22pt; }
  #start-slide-text                     { font-size: 14pt; }  
  #media-box                            { bottom: 202px; }
  
  .square.size-large                    { width: 200px; height: 200px; }
  
  #square-3                             { bottom: -68px; right: 1000px; }
  #square-3.fly-in                      { bottom: 205px; right: 747px; }
  
  #square-4                             { bottom: -602px; right: 1317px; }
  #square-4.fly-in                      { bottom: 69px; right: 646px; }
  
  #square-6                             { top: -200px; right: -130px; }
  #square-6.fly-in                      { top: -130px; right: -60px; }
  
  #content                              { max-width: 90%; margin: 0 auto; }
  
  .refbox-mobile-click                  { display: block; position: absolute; right: 10px; bottom: 10px; font-size: 20px; color: #d3d3d3; height: 24px; z-index: 50; }
  #infomail-navigation {
    position: fixed;
    top: 15px;
    right: 15px;
    width: auto;
  }
  #infomail-navigation > div {
    position: static;
  }
}

@media screen and (max-width: 1000px){
  #logo a img                           { width: 175px; }
  .infomail-navigation-button {
    font-size: 10pt;
  }
}

@media screen and (max-width: 900px){
  #logo a img                           { width: 160px; }
  #infomail-titel-small {
    bottom: 100px;
  }
  #infomail-titel-big {
    bottom: 5px;
  }
}

@media screen and (max-width: 800px){
  #content-start                        { top: 340px; }
  #start-slide-headline h1              { font-size: 18pt; }
  #start-slide-text                     { font-size: 11pt; padding-top: 15px; }  
  
  .imp-visitenkarte                     { display: none; }

  #square-5.fly-in                      { display: none !important; }
  #fs-copyright                         { display: none; }
  
  #logo-start                           { padding-top: 15px; padding-left: 15px; }
  #logo-start a img                     { width: 200px; }
  #menu-start                           { top: 16px; right: 5px; }
  .menu-button                          { font-size: 12px; }
  
  #content-start                        { position: relative; top: 0; right: 0; text-align: center; width: 100%; padding-bottom: 50px; }
  #start-slide-headline h1              { font-size: 5vw; }
  #start-slide-text                     { font-size: 3vw; }  
  
  #start-media-container                { width: 300px; height: 300px; margin: 160px auto 0 auto; }
  #media-box                            { width: 300px; height: 300px; right: 0; bottom: 0; }
  #media-box img                        { zoom: 70%; }
  
  #content                              { max-width: 100%; padding: 0 20px; }
  
  #head-overlay                         { display: none; }
  #head-overlay-small                   { display: block; position: relative; z-index: 10; width: 100%; }
  #head-overlay-image                   { left: 1.5%; }
  #head                                 { padding-top: 55px; }
  #logo                                 { top: -49px; left: 5px; padding-top: 0; padding-left: 0; }
  #logo a img                           { width: 160px; }
  #menu-start.folgeseite                { top: -44px; }  
  
  .square.size-medium                   { width: 160px; height: 160px; }
  .square.size-small                    { width: 120px; height: 120px; }
  
  #square-1.fly-in                      { top: -158px; right: -58px; }
  #square-2.fly-in                      { top: -10px; right: -138px; }
  #square-3.fly-in                      { bottom: -9px; right: 316px; }
  #square-4.fly-in                      { display: none !important; }
  #square-5.fly-in                      { display: none !important; }
  #square-6.fly-in                      { display: none !important; }
  #seitentitel                          { width: 52%; text-align: right; left: auto; right: 10px; }
  #seitentitel h1                       { font-size: 7.2vw; }
  
  .h2, h2                               { font-size: 2.5rem; }
  
  #coi-shor-tbl { display: block; }
  #coi-short-text { display: block; }
  #coi-short-close { display: block; width: auto; text-align: left; padding-top: 15px; }

  #infomail-titel-small {
    bottom: 68%;
    width: 40%;
  }
  #infomail-titel-small h2 {
    font-size: 2.6vw;
  }
  #infomail-titel-big {
    bottom: 5%;
    left: 53%;
    width: 40%;
  }
  #infomail-titel-big h1 {
    font-size: 3.4vw;
  }
}

@media screen and (max-width: 768px){
  #content-teamviewer-links             {  }
  #content-teamviewer-rechts            { padding-top: 35px; }
  .kont-sp-2                            { padding-top: 0; }
  .kont-sp-3                            { padding-top: 35px; padding-left: 15px; }
  #cookie-erster-satz                   { display: inline; }
  #kontakt-text                         { padding-left: 0; padding-top: 35px; }
  #logo a img                           { width: 140px; }
  #ref-titel span                       { display: block; }
  .ref-bereich-titel h3                 { font-size: 1.5rem; }
  #gallerySM .preview h3                { font-size: 1.3rem; }
  
  #coi-cookies { display: block; }
  .coi-cookie { padding-bottom: 10px; }
  .coi-cookie:last-child { padding-bottom: 0; }
  .im-kontakt {
    flex-direction: column;
    gap: 0;
  }
}

@media screen and (max-width: 650px){
  .refbox                               { width: 47%; }
  .refbox:nth-child(3n)                 { margin-right: 5%; }
  .refbox:nth-child(2n)                 { margin-right: 0; }

}

@media screen and (max-width: 576px){
  #ref-titel                            { padding-top: 0; padding-bottom: 0; }
  #ref-titel h2                         { margin-bottom: 1.5rem; }
  .ref-bereich-titel h3                 { font-size: 1.4rem; -ms-text-size-adjust: none; -moz-text-size-adjust: none; -o-text-size-adjust: none; -webkit-text-size-adjust: none; margin-bottom: 10px; }
  .content-trenner-ref                  { height: 15px; }
  #gallerySM .preview h3                { font-size: 1.2rem; }
  #gallerySM                            { padding-bottom: 30px; }
  #infomail-titel-big {
    bottom: 14%;
    min-height: 0px;
  }

  #infomail-navigation > div {
    gap: 4px;
  }
  .infomail-navigation-button {
    font-size: 8pt;
    padding: 6px 5px 5px 5px;
  }
}

@media screen and (max-width: 550px){
  #gallerySM .preview                   { width: auto; float: none; }
  #gallery .preview                     { width: auto; float: none; }
  #ref-rd-seiten-info #gallerySM .preview:nth-child(3) { display: none; }
  #ref-rd-seiten-info #gallerySM .preview:nth-child(4) { display: none; }
  #ref-rd-seiten-info #gallerySM .preview:nth-child(2) { margin-bottom: 0; }
}

@media screen and (max-width: 425px){
  #logo                                 { z-index: 450; }
  .absatz-text                          { font-size: 13pt; }
  .h2, h2                               { font-size: 1.6rem; }
}

@media screen and (max-width: 400px){
  #start-media-container                { width: 52vw; height: 52vw; margin: 36vw auto 0 auto; }
  #media-box                            { width: 52vw; height: 52vw; }
  
  #logo-start a img                     { width: 170px; }
  #logo-start                           { top: 8px; right: 8px; }
  
  #content-start                        { padding-bottom: 0; }
  #start-slide-headline                 { padding-top: 65px; }
  #start-slide-text                     { padding: 0 10px; }

  #start-slide-headline h1              { font-size: 6.6vw; }
  #start-slide-text                     { font-size: 4vw; } 

  .square.size-medium                   { width: 29vw; height: 29vw; }
  .square.size-small                    { width: 18vw; height: 18vw; }

  #square-1                             { top: -310px; right: -346px; }
  #square-1.fly-in                      { top: -104px; right: -46px; }
  
  #square-2                             { top: -294px; right: -388px; }  
  #square-2.fly-in                      { top: 6px; right: -83px; }
  
  #square-3                             { bottom: -295px; right: 524px; }
  #square-3.fly-in                      { bottom: 5px; right: 216px; }
  
  #square-4                             { bottom: -312px; right: 439px; }
  #square-4.fly-in                      { bottom: -112px; right: 139px; display: none !important; }
  
  #footer-start                         { padding-bottom: 10px; }
  
  #refboxen                             { padding: 20px 0 20px 0; }
  .refbox                               { margin: 2% 2% 0 0; }
  .refbox                               { width: 49%; }
  .refbox:nth-child(even)               { margin-right: 0; }
  .refbox:nth-child(odd)                { margin-right: 2%; }
  .refbox-text div                      { font-size: 11pt; }
  .refbox-content                       { padding: 10px; }
  #infomail-navigation > div {
    gap: 6px;
  }
  .infomail-navigation-button {
    font-size: 8pt;
    padding: 6px 5px 5px 5px;
  }
}

@media screen and (max-width: 360px){
  #coi-infolinks { font-size: 9pt; }
}

@media screen and (max-width: 350px){
  #refboxen                             { padding: 20px 0 20px 0; }
  .refbox                               { margin: 5% 0 0 0; width: 100%; }
  .refbox-text div                      { font-size: 12pt; }
  .refbox-content                       { padding: 20px; }
  .refbox:nth-child(odd)                { margin-right: 0; }
  .infomail-navigation-button {
    font-size: 6pt;
  }
}



@media screen and (max-height: 715px){
  #start-slide-headline                 { padding-top: 33px; }
  #start-slide-headline h1              { font-size: 23pt; margin-bottom: 0.5rem; }
  #start-slide-text                     { font-size: 13pt; }
}


@media only screen and (min-width : 2000px){
  #menu-start2 { position: absolute; top: 55px; right: 55px; }
}


.fancybox-content {
  padding: 0 !important;
}

#designbody { background: none; background-color: #fff; color: #1b1b1b; font-size: 12pt; font-weight: 400; }
#designbody ul, ol { padding-left: 21px; }
#designbody p { padding-bottom: 17px; }
.mceContentBody { padding-top: 0!important; }