@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:url(/static/siac/fonts/open-sans-v17-latin-300.eot);src:local('Open Sans Light'),local(OpenSans-Light),url(/static/siac/fonts/open-sans-v17-latin-300.eot?#iefix) format("embedded-opentype"),url(/static/siac/fonts/open-sans-v17-latin-300.woff2) format("woff2"),url(/static/siac/fonts/open-sans-v17-latin-300.woff) format("woff"),url(/static/siac/fonts/open-sans-v17-latin-300.ttf) format("truetype"),url(/static/siac/fonts/open-sans-v17-latin-300.svg#OpenSans) format("svg")}
@font-face{font-family:'Open Sans';font-style:italic;font-weight:300;src:url(/static/siac/fonts/open-sans-v17-latin-300italic.eot);src:local('Open Sans Light Italic'),local(OpenSans-LightItalic),url(/static/siac/fonts/open-sans-v17-latin-300italic.eot?#iefix) format("embedded-opentype"),url(/static/siac/fonts/open-sans-v17-latin-300italic.woff2) format("woff2"),url(/static/siac/fonts/open-sans-v17-latin-300italic.woff) format("woff"),url(/static/siac/fonts/open-sans-v17-latin-300italic.ttf) format("truetype"),url(/static/siac/fonts/open-sans-v17-latin-300italic.svg#OpenSans) format("svg")}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:url(/static/siac/fonts/open-sans-v17-latin-regular.eot);src:local('Open Sans Regular'),local(OpenSans-Regular),url(/static/siac/fonts/open-sans-v17-latin-regular.eot?#iefix) format("embedded-opentype"),url(/static/siac/fonts/open-sans-v17-latin-regular.woff2) format("woff2"),url(/static/siac/fonts/open-sans-v17-latin-regular.woff) format("woff"),url(/static/siac/fonts/open-sans-v17-latin-regular.ttf) format("truetype"),url(/static/siac/fonts/open-sans-v17-latin-regular.svg#OpenSans) format("svg")}
@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:url(/static/siac/fonts/open-sans-v17-latin-italic.eot);src:local('Open Sans Italic'),local(OpenSans-Italic),url(/static/siac/fonts/open-sans-v17-latin-italic.eot?#iefix) format("embedded-opentype"),url(/static/siac/fonts/open-sans-v17-latin-italic.woff2) format("woff2"),url(/static/siac/fonts/open-sans-v17-latin-italic.woff) format("woff"),url(/static/siac/fonts/open-sans-v17-latin-italic.ttf) format("truetype"),url(/static/siac/fonts/open-sans-v17-latin-italic.svg#OpenSans) format("svg")}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:url(/static/siac/fonts/open-sans-v17-latin-600.eot);src:local('Open Sans SemiBold'),local(OpenSans-SemiBold),url(/static/siac/fonts/open-sans-v17-latin-600.eot?#iefix) format("embedded-opentype"),url(/static/siac/fonts/open-sans-v17-latin-600.woff2) format("woff2"),url(/static/siac/fonts/open-sans-v17-latin-600.woff) format("woff"),url(/static/siac/fonts/open-sans-v17-latin-600.ttf) format("truetype"),url(/static/siac/fonts/open-sans-v17-latin-600.svg#OpenSans) format("svg")}
@font-face{font-family:'Open Sans';font-style:italic;font-weight:600;src:url(/static/siac/fonts/open-sans-v17-latin-600italic.eot);src:local('Open Sans SemiBold Italic'),local(OpenSans-SemiBoldItalic),url(/static/siac/fonts/open-sans-v17-latin-600italic.eot?#iefix) format("embedded-opentype"),url(/static/siac/fonts/open-sans-v17-latin-600italic.woff2) format("woff2"),url(/static/siac/fonts/open-sans-v17-latin-600italic.woff) format("woff"),url(/static/siac/fonts/open-sans-v17-latin-600italic.ttf) format("truetype"),url(/static/siac/fonts/open-sans-v17-latin-600italic.svg#OpenSans) format("svg")}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:url(/static/siac/fonts/open-sans-v17-latin-700.eot);src:local('Open Sans Bold'),local(OpenSans-Bold),url(/static/siac/fonts/open-sans-v17-latin-700.eot?#iefix) format("embedded-opentype"),url(/static/siac/fonts/open-sans-v17-latin-700.woff2) format("woff2"),url(/static/siac/fonts/open-sans-v17-latin-700.woff) format("woff"),url(/static/siac/fonts/open-sans-v17-latin-700.ttf) format("truetype"),url(/static/siac/fonts/open-sans-v17-latin-700.svg#OpenSans) format("svg")}
@font-face{font-family:'Open Sans';font-style:italic;font-weight:700;src:url(/static/siac/fonts/open-sans-v17-latin-700italic.eot);src:local('Open Sans Bold Italic'),local(OpenSans-BoldItalic),url(/static/siac/fonts/open-sans-v17-latin-700italic.eot?#iefix) format("embedded-opentype"),url(/static/siac/fonts/open-sans-v17-latin-700italic.woff2) format("woff2"),url(/static/siac/fonts/open-sans-v17-latin-700italic.woff) format("woff"),url(/static/siac/fonts/open-sans-v17-latin-700italic.ttf) format("truetype"),url(/static/siac/fonts/open-sans-v17-latin-700italic.svg#OpenSans) format("svg")}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;src:url(/static/siac/fonts/open-sans-v17-latin-800.eot);src:local('Open Sans ExtraBold'),local(OpenSans-ExtraBold),url(/static/siac/fonts/open-sans-v17-latin-800.eot?#iefix) format("embedded-opentype"),url(/static/siac/fonts/open-sans-v17-latin-800.woff2) format("woff2"),url(/static/siac/fonts/open-sans-v17-latin-800.woff) format("woff"),url(/static/siac/fonts/open-sans-v17-latin-800.ttf) format("truetype"),url(/static/siac/fonts/open-sans-v17-latin-800.svg#OpenSans) format("svg")}
@font-face{font-family:'Open Sans';font-style:italic;font-weight:800;src:url(/static/siac/fonts/open-sans-v17-latin-800italic.eot);src:local('Open Sans ExtraBold Italic'),local(OpenSans-ExtraBoldItalic),url(/static/siac/fonts/open-sans-v17-latin-800italic.eot?#iefix) format("embedded-opentype"),url(/static/siac/fonts/open-sans-v17-latin-800italic.woff2) format("woff2"),url(/static/siac/fonts/open-sans-v17-latin-800italic.woff) format("woff"),url(/static/siac/fonts/open-sans-v17-latin-800italic.ttf) format("truetype"),url(/static/siac/fonts/open-sans-v17-latin-800italic.svg#OpenSans) format("svg")}

*                                     { padding: 0; margin: 0; }
*:focus                               { outline: 0; }

body                                  { font-family: 'Open Sans', sans-serif; background-color: #e4f3fa; color: #1d1d1d; font-size: 12pt;
                                        background-image: url(/static/siac/img/hg.jpg);
                                        background-repeat: no-repeat;
                                        background-position: top center;
                                      }
                                      
body.hide-overflow                    { overflow-x: hidden; overflow-y: scroll; position: fixed; width: 100%; }

.imgleft                              { float: left; margin-right:30px; margin-bottom:20px; }
.imgright                             { float: right; margin-left:30px; margin-bottom:20px; }

a:focus                               { outline: none; }
a                                     { color: #00488a; }
a:link                                { text-decoration: none; }
a:visited                             { text-decoration: none; }
a:active                              { text-decoration: none; }
a:hover                               { color: #00488a; text-decoration: none; }

h1                                    { font-size: 2.5rem; margin-bottom: 0.9rem; }
h2                                    { font-size: 2.0rem; margin-bottom: 0.9rem; }
h3                                    { font-size: 1.5rem; margin-bottom: 0.9rem; }
h4                                    { font-size: 1.0rem; }


.clear                                { display: block; clear: both; }



#head-desktop                         { 
                                        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100 */
                                        background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
                                        background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
                                        background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                                        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
                                      }
#head-mobile                          { display: none; }
#mobile-menu-switch                   { display: none; }
#mobile-navigation                    { display: none; }
#head-desktop .wrap                   { max-width: 2000px; padding: 0 4%; margin: 0 auto; }
#head-flex                            { display: flex; padding-top: 40px; position: relative; }
#head-desktop-kontakt                 { position: absolute; top: 28%; right: 2%; font-size: 18pt; }
#head-desktop-kontakt a               { display: table; color: #e60005; }
#hdk-icon                             { display: table-cell; }
#hdk-text                             { display: table-cell; padding-left: 15px; }
#logo-desktop                         { flex: 0 0 20.272%; }
#logo-desktop img                     { display: block; width: 100%; }
#nav-desktop                          { flex-grow: 1; text-transform: uppercase; font-size: 16pt; padding-top: 88px; font-weight: 600; padding-left: 7.446%; }

#start-text-wrap                      { max-width: 2000px; padding: 65px 11% 0 11%; margin: 0 auto; text-align: center; }

#start-boxen-wrap                     { max-width: 2000px; padding: 65px 4% 0 4%; margin: 0 auto; }
.start-boxen                          { display: flex; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.start-boxen:first-child              { padding-bottom: 100px; }

.start-boxen:before, .start-boxen:after { content: ''; display: block; width: 2px; }

.start-box                            {  }
.start-box a                          { display: block; position: relative; border: 2px solid #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; max-width: 654px; width: 100%; }
.start-box-bild                       {  }
.start-box-bild img                   { display: block; width: 100%; }
.start-box-titel                      { position: absolute; bottom: 0; left: 0; height: 71px; width: 100%; background-color: #00488a; color: #fff; text-transform: uppercase; text-align: center; margin-bottom: 0; }
.start-box-titel span                 { font-weight: 300; font-size: 2.5rem; padding-top: 12px; display: block; }

.start-box-triangle                   { position: absolute; left: 0; top: 0; }
.start-box-triangle polyline          { fill: #e60005; }


footer .wrap                          { max-width: 2000px; padding: 50px 4% 25px 4%; margin: 0 auto; text-align: center; }
#footer-nav                           { padding-bottom: 20px; }
#footer-nav a:nth-child(1)            { display: inline-block; padding-right: 10px; }
#footer-nav a:nth-child(2)            { display: inline-block; padding-left: 10px; }


#cookie-info                          { position: fixed; bottom: 0px; z-index: 10000; width: 100%; -ms-text-size-adjust: none; -moz-text-size-adjust: none; -o-text-size-adjust: none; -webkit-text-size-adjust: none; display: 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: 9pt; vertical-align: middle; }
#cookie-info-text a                   {  }
#cookie-info-button                   { display: table-cell; font-size: 14pt; vertical-align: middle; }
#cookie-info-abstand                  { display: table-cell; width: 15px; }
#cookie-info-spacer                   { width: 100%; height: 33px; background-color: transparent; display: none; }
#cookie-info-button                   { cursor: pointer; }


#content                              {  }
#content .wrap                        { max-width: 1300px; padding: 60px 4% 0 4%; margin: 0 auto; display: flex; }
#content-main                         { flex-grow: 1; }
#infoboxen                            { flex: 0 0 350px; padding-left: 50px; }

.infobox                              { position: relative; border: 2px solid #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.infobox-content                      { padding: 10px; font-size: 11pt; }
.infobox-content p:last-child         { margin-bottom: 0; }
.infobox-bild                         { padding-bottom: 10px; }
.infobox-bild img                     { display: block; width: 100%; }
.infobox-header                       { background-color: #00488a; color: #fff; text-align: center; padding: 6px 0 7px 0; position: relative; }
.infobox-header h3                    { margin-bottom: 0; }
.infobox-triangle                     { position: absolute; left: 0; top: 0;  }
.infobox-triangle polyline            { fill: #e60005; }


.inh-abs-text ul                      { padding-left: 19px; overflow: auto; }
.inh-abs-text ol                      { padding-left: 30px; overflow: auto; }
.content-trenner                      { width: 100%; height: 30px; }

.gala-bild-container                	{ float: left; width: 20%; text-align: center; padding-bottom: 18px; padding-top: 15px; }
.gala-bild                          	{ display: inline-block; width: 150px; height: 150px; background-position: center center; background-size: cover; background-repeat: no-repeat; }
.gala-bild img                      	{ display: none; }


@media screen and (max-width: 1700px){
  #nav-desktop                          { padding-left: 20px; padding-top: 58px; }
  .start-box a                          { max-width: 615px; }
}

@media screen and (max-width: 1600px){
  #nav-desktop                          { padding-left: 20px; }
  .start-box a                          { max-width: 590px; }
}

@media screen and (max-width: 1500px){
  .start-box a                          { max-width: 550px; }
}

@media screen and (max-width: 1400px){
  #nav-desktop                          { padding-left: 0px; padding-top: 47px; font-size: 14pt; }
  .start-box-titel span                 { padding-top: 17px; font-size: 2rem; }
  .start-box a                          { max-width: 510px; }
  #head-desktop-kontakt                 { top: 22%; }
}

@media screen and (max-width: 1300px){
  #logo-desktop                         { flex: 0 0 18%; }
  #nav-desktop                          { padding-top: 35px; }
  .start-box a                          { max-width: 470px; }
  .gala-bild-container                  { width: 25%; }
}

@media screen and (max-width: 1200px){
  #logo-desktop                         { flex: 0 0 16%; }
  #nav-desktop                          { padding-top: 23px; font-size: 13pt; }
  .start-box a                          { max-width: 445px; }
  #head-desktop-kontakt                 { top: 15%; }
}


@media screen and (max-width: 1100px){
	.start-box a                          { max-width: 400px; }
  #start-boxen-wrap                     { padding: 100px 2% 0 2%; }
  footer .wrap                          { padding: 50px 2% 25px 2%; }
  #content .wrap                        { padding: 25px 2% 0 2%; }
  
	#head-desktop                         { display: none; }
  #head-mobile                          { display: block; height: 60px; background-color: #fff; position: relative; }
  #head-mobile-logo                     { padding: 5px 15px; display: inline-block; }
  #head-mobile-logo img                 { display: block; height: 50px; }
  #mobile-menu-switch                   { position: absolute; display: block; right: 15px; z-index: 150; top: 15px; }
  
  #mm-button                            { width: 45px; height: 45px; position: relative; cursor: pointer;
                                          -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);
                                          -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out;
                                        }
  #mm-button span                       { display: block; position: absolute; height: 6px; width: 50%; background: #00488a; opacity: 1; left: 0;
                                          -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
                                          -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg);
                                          transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;
                                        }
  #mm-button span:nth-child(even)       { left: 50%; -webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; }
  #mm-button span:nth-child(odd)        { left:0px; -webkit-border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; }
  #mm-button span:nth-child(1), #mm-button span:nth-child(2) { top: 0px; }
  #mm-button span:nth-child(3), #mm-button span:nth-child(4) { top: 13px; }
  #mm-button span:nth-child(5), #mm-button span:nth-child(6) { top: 26px; }
  #mm-button.open span                  { background: #fff; }
  #mm-button.open span:nth-child(1),#mm-button.open span:nth-child(6) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
  #mm-button.open span:nth-child(2),#mm-button.open span:nth-child(5) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
  #mm-button.open span:nth-child(1)     { left: 5px; top: 7px; }
  #mm-button.open span:nth-child(2)     { left: calc(50% - 5px); top: 7px; }
  #mm-button.open span:nth-child(3)     { left: -50%; opacity: 0; }
  #mm-button.open span:nth-child(4)     { left: 100%; opacity: 0; }
  #mm-button.open span:nth-child(5)     { left: 5px; top: 21px; }
  #mm-button.open span:nth-child(6)     { left: calc(50% - 5px); top: 21px; }
  
  
  #mobile-navigation                    { display: block; height: 100vh; width: 80%; position: fixed; top: 0; left: -440px; z-index: 140; max-width: 440px; visibility: hidden;
                                          -webkit-transition: all 550ms linear; -moz-transition: all 550ms linear; -o-transition: all 550ms linear; transition: all 550ms linear;
                                        }
  #mobile-navigation.open               { opacity: 1; visibility: visible; left: 0; }
  #nav-content                          { width: 100%; height: 100vh; padding-left: 5px; padding-right: 5px; overflow-y: auto; background-color: #fff; max-width: 440px; }
  #ios-menu-korrektur                   { width: 100%; height: 70px; }
  #mnav-head                            { padding: 15px 0 5px 0; max-height: 58px; }
  #mnav-head .tbl                       { width: 80%; margin: 0 auto; }
  #mnav-head .tbl-td                    { vertical-align: top; }
  #mm-search-btn                        { width: 46px; }
  #mm-search-btn button                 { height: 38px; }
  #mm-search-btn span                   { display: inline-block; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); padding-bottom: 2px; }

  #mnav-body                            { padding-top: 5px; height: calc(100vh - 58px); overflow-y: auto; }
  #mnav-body a                          { text-decoration: none; font-weight: bold; }
  #mnav-body ul                         { list-style: none; padding: 0; margin: 0; }
  #mnav-body ul li a                    { padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #a0a0a0; display: block; }
  #mnav-body ul li                      {  }
  .manv0                                { padding-left: 20px; }
  .manv1                                { padding-left: 40px; }
  .manv2                                { padding-left: 60px; }
  .manv3                                { padding-left: 80px; }
  .mnavli0                              { position: relative; }
  .mnavli1                              { position: relative; }
  .mnavli2                              { position: relative; }
  .mnavli3                              {  }
  .show-sub-nav                         { position: absolute; top: 1px; right: 0; padding-top: 2px; padding-bottom: 8px; padding-right: 10px; padding-left: 10px; z-index: 3000; cursor: pointer; color: #bf4d01; }
  .marrow                               { border: 6px solid #0067b3; font-size: 0; line-height: 0; height: 0; padding: 0; margin: 0; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; }
  .isclicked .marrow                    { border-top-color: transparent; border-bottom-color: #0067b3; }
  .show-sub-nav.isclicked               { top: -2px; padding-top: 0; padding-bottom: 12px; }
  .mnavul1                              { display: none; }
  .mnavul2                              { display: none; }
  .mnavul3                              { display: none; }
  
  #siteoverlay                          { display: none; width: 100vw; height: 100vh; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.75); opacity: 1; z-index: 75;
                                          -webkit-transition: all 350ms linear; -moz-transition: all 350ms linear; -o-transition: all 350ms linear; transition: all 350ms linear;
                                        }
  .gala-bild-container                  { width: 33.33333%; }
}


@media screen and (max-width: 1000px){
	#start-boxen-wrap                     { padding-top: 50px; }
	.start-boxen:first-child              { padding-bottom: 0; }
	.start-box                            { margin: 0 auto; padding-bottom: 50px; }
  .start-box a                          { max-width: 100%; }
  .start-boxen:before, .start-boxen:after { display: none; }
  .start-boxen:nth-child(2) .start-box:last-child { padding-bottom: 0; }
  .gala-bild-container                  { width: 25%; }
  #content .wrap                        { display: block; }
  #infoboxen                            { padding-left: 0; max-width: 350px; width: 100%; margin: 0 auto; padding-top: 35px; }
}

@media screen and (max-width: 768px){
  #startsuche .suche-slider             { max-width: 100%; }
  .gala-bild-container                  { width: 33.33333%; }
  #start-text-wrap                      { padding: 60px 2% 0 2%; }
}


@media screen and (max-width: 575px){
	.start-box-titel                      { height: 55px; }
  .start-box-triangle                   { height: 55px; }
  .start-box-titel span                 { font-size: 1.75rem; }
  .gala-bild-container                  { width: 50%; }
}

@media screen and (max-width: 450px){
	.start-box-titel span                 { font-size: 1.45rem; padding-top: 14px; }
}

@media screen and (max-width: 400px){
	.start-box-titel                      { height: 45px; }
  .start-box-triangle                   { height: 45px; }
  .start-box-titel span                 { font-size: 1.15rem; padding-top: 12px; }
}

@media screen and (max-width: 380px){
	.gala-bild                            { width: 125px; height: 125px; }
}



#designbody { background: none; background-color: #fff !important; color: #1b1b1b; font-size: 10pt; font-weight: 400; font-family: Arial, Sans-serif; }
#designbody ul, ol { padding-left: 21px; }
#designbody p { padding-bottom: 1rem; }
.mceContentBody { padding-top: 0!important; }
