/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@charset "utf-8";
/* line 2, media/gantry5/engines/nucleus/scss/nucleus/mixins/_nav.scss */
/* line 12, media/gantry5/engines/nucleus/scss/nucleus/mixins/_nav.scss */
/* line 2, media/gantry5/engines/nucleus/scss/nucleus/mixins/_utilities.scss */
/* line 9, media/gantry5/engines/nucleus/scss/nucleus/mixins/_utilities.scss */
/* line 2, media/gantry5/engines/nucleus/scss/nucleus/theme/_flex.scss */
.g-content {
  margin: 0.625rem;
  padding: 1.5rem;
}
/* line 6, media/gantry5/engines/nucleus/scss/nucleus/theme/_flex.scss */
.g-flushed .g-content {
  margin: 0;
  padding: 0;
}
/* line 2, media/gantry5/engines/nucleus/scss/nucleus/theme/_typography.scss */
body {
  font-size: 1rem;
  line-height: 1.5;
}
/* line 8, media/gantry5/engines/nucleus/scss/nucleus/theme/_typography.scss */
h1 {
  font-size: 2.2rem;
}
/* line 12, media/gantry5/engines/nucleus/scss/nucleus/theme/_typography.scss */
h2 {
  font-size: 2rem;
}
/* line 16, media/gantry5/engines/nucleus/scss/nucleus/theme/_typography.scss */
h3 {
  font-size: 1.7rem;
}
/* line 20, media/gantry5/engines/nucleus/scss/nucleus/theme/_typography.scss */
h4 {
  font-size: 1.25rem;
}
/* line 24, media/gantry5/engines/nucleus/scss/nucleus/theme/_typography.scss */
h5 {
  font-size: 1.2rem;
}
/* line 28, media/gantry5/engines/nucleus/scss/nucleus/theme/_typography.scss */
h6 {
  font-size: 1rem;
}
/* line 33, media/gantry5/engines/nucleus/scss/nucleus/theme/_typography.scss */
small {
  font-size: 0.875rem;
}
/* line 37, media/gantry5/engines/nucleus/scss/nucleus/theme/_typography.scss */
cite {
  font-size: 0.875rem;
}
/* line 41, media/gantry5/engines/nucleus/scss/nucleus/theme/_typography.scss */
sub, sup {
  font-size: 0.75rem;
}
/* line 46, media/gantry5/engines/nucleus/scss/nucleus/theme/_typography.scss */
code, kbd, pre, samp {
  font-size: 1rem;
  font-family: "Menlo", "Monaco", monospace;
}
/* line 1, media/gantry5/engines/nucleus/scss/nucleus/theme/_forms.scss */
textarea, select[multiple=multiple], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]) {
  border-radius: 0.1875rem;
}
/* Hintergrund vom Hamburger Menu Icon*/
/*
 .g-offcanvas-toggle {
 background-color: red;
 }
 */
/* das Logo zentrieren */
/*
 .g-logo img {
 margin-left: auto;
 margin-right: auto;
 }
 */
/*
 .g-logo {
 position: absolute;
 top: 2rem; 
 left: 4rem;
 }
 */
/* flaggen immmer rechts oben*/
/* line 27, templates/rt_orion/custom/scss/custom.scss */
div.mod-languages {
  position: absolute;
  top: 2rem;
  right: 2.5rem;
}
/* Social Media Icons daneben*/
/* line 34, templates/rt_orion/custom/scss/custom.scss */
#g-navigation .g-social {
  position: absolute;
  top: 5rem;
  right: 2.7rem;
}
/* line 40, templates/rt_orion/custom/scss/custom.scss */
#g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator {
  border: 0px;
  background: #39c;
  border-radius: 0.1875rem;
  margin: -0.3rem 0 -0.2rem 0.5rem;
  padding: 0.2rem;
}
/* flaggen unter dem Logo zentriert*/
/*
 ul.lang-inline li {
 display: inline-block;
 padding-right: 5px;
 padding-left: 5px;
 }
 ul.lang-inline {
 text-align: center;
 }
 */
/* block content mit maximal 4 Spalten */
@media only all and (min-width: 75rem) {
  /* line 63, templates/rt_orion/custom/scss/custom.scss */
  .g-block.g-blockcontent-subcontent-block {
    width: 25%;
    flex: 25%;
    margin: 0;
  }
}
@media only all and (min-width: 60rem) and (max-width: 74.938rem) {
  /* line 70, templates/rt_orion/custom/scss/custom.scss */
  .g-block.g-blockcontent-subcontent-block {
    width: 25%;
    flex: 25%;
    margin: 0;
  }
}
@media only all and (min-width: 51rem) and (max-width: 59.938rem) {
  /* line 77, templates/rt_orion/custom/scss/custom.scss */
  .g-block.g-blockcontent-subcontent-block {
    width: 50%;
    flex: 50%;
    margin: 0;
  }
}
@media only all and (min-width: 30.062rem) and (max-width: 50.938rem) {
  /* line 84, templates/rt_orion/custom/scss/custom.scss */
  .g-block.g-blockcontent-subcontent-block {
    width: 50%;
    flex: 50%;
    margin: 0;
  }
}
@media only all and (max-width: 30rem) {
  /* line 91, templates/rt_orion/custom/scss/custom.scss */
  .g-block.g-blockcontent-subcontent-block {
    width: 100%;
    flex: 100%;
    margin: 0;
  }
}
/* expanded section background image position */
/*
 #g-expanded {
 background-position-y: 0%;
 }
 */
/* von MrT, um es aussehen zu lassen wie expanded */
/* line 107, templates/rt_orion/custom/scss/custom.scss */
#g-showcase {
  background-position-y: 190%;
  background-size: 100%;
  background-repeat: no-repeat;
}
/* um Standard auszuschalten */
/* line 114, templates/rt_orion/custom/scss/custom.scss */
#g-expanded {
  background-position-y: 0%;
  background-size: cover;
  background-repeat: no-repeat;
}
/* line 120, templates/rt_orion/custom/scss/custom.scss */
#g-feature {
  background-position: left;
  background-size: auto 90%;
}
/* line 125, templates/rt_orion/custom/scss/custom.scss */
#g-utility {
  background-position: right;
  background-size: auto 90%;
}
/* line 130, templates/rt_orion/custom/scss/custom.scss */
#g-extension {
  background-position: bottom left;
  background-size: cover;
}
/* line 135, templates/rt_orion/custom/scss/custom.scss */
#g-page-surround #g-container-top:before {
  background-position: bottom left;
  background-size: cover;
}
/* gestapelte Backgrounds */
/*
 #g-above {
 background-image: url(/web_oriont1/templates/rt_orion/images/backgrounds/color-to-white.png), url(/web_oriont1/templates/rt_orion/images/backgrounds/background-bottom-straight-right.svg);
 background-repeat: no-repeat, no-repeat;
 background-position: left bottom, 0 0;
 background-size: 100% 50px, cover;
 }
 */
/* Social Media in weiss */
/* line 151, templates/rt_orion/custom/scss/custom.scss */
.g-social a span.fa {
  color: white;
}
/* line 155, templates/rt_orion/custom/scss/custom.scss */
.g-social a span.fa:hover {
  color: #555;
}
/* Footer alle gleich, von Mark; wenn simple menu auch eingebunden */
/*
 #g-footer .g-simplecontent .g-simplecontent-layout-standard .g-simplecontent-item-content-title {
 margin: 0 0 1.5rem 0;
 font-weight: 500;
 font-family: "heebo", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
 font-size: 1vw;
 line-height: 1.5;
 }
 */
/*
 #g-footer .g-simplecontent .g-simplecontent-item-author, #g-footer .g-simplecontent-item-leading-content {
 font-size: 1rem;
 line-height: 1.5;
 color: red;
 font-weight: 500; // hier hatte MrT 400
 font-family: "heebo", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
 }
 */
/* von mir */
/* line 181, templates/rt_orion/custom/scss/custom.scss */
#g-footer .g-simplecontent .g-simplecontent-item-main-content {
  /*  margin: 0 0 1.5rem 0;
   font-weight: 500;
   font-family: "heebo", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; */
  margin: 1.71rem 0;
  font-size: 1rem;
  /*  color: grey; */
  /*  line-height: 1.5; */
}
/* Strich bei Hauptseite schraeger machen, Standard ist 85% */
/* line 193, templates/rt_orion/custom/scss/custom.scss */
html body #g-page-surround #g-container-top:before {
  clip-path: polygon(0 0, 100% 0, 100% 75%, 0% 100%);
}
/* bei stories (testimonials) die Bilder weg machen */
/* line 199, templates/rt_orion/custom/scss/custom.scss */
img.g-stories-image {
  display: none !important;
}
/* line 204, templates/rt_orion/custom/scss/custom.scss */
#g-navigation {
  box-shadow: 3px 3px 10px black;
  /*
   background-image: url("yourimageurlgoeshere");
   background-size: cover;
   background-repeat: no-repeat;
   */
}
/* line 214, templates/rt_orion/custom/scss/custom.scss */
#g-container-top.headroom--unpinned #g-navigation {
  box-shadow: 3px 3px 10px transparent;
}
/*
 // falls es weiter unten wieder ausgefahren wird, dann z.B. mit Schatten
 #g-container-top.headroom--pinned #g-navigation {
 box-shadow: 3px 3px 10px black; 
 }
 */
/* specific for the starting page, outline 344 - englisch home*/
/* line 226, templates/rt_orion/custom/scss/custom.scss */
.outline-344 #g-navigation {
  box-shadow: none;
}
/* specific for the starting page, outline 349 - german home*/
/* line 231, templates/rt_orion/custom/scss/custom.scss */
.outline-349 #g-navigation {
  box-shadow: none;
}
/* fuer SimpleMenu ohne Links, von Mark */
/* line 236, templates/rt_orion/custom/scss/custom.scss */
.nomenulinks .g-simplemenu-particle .g-simplemenu-container .g-simplemenu li a {
  pointer-events: none;
}
/* von Mark, 25.01.2021; damit die Headline von Simple Menu auch im Footer bei dunklen Farben spezifisch gesetzt werde kann */
/* line 241, templates/rt_orion/custom/scss/custom.scss */
#g-footer .g-simplemenu-particle .g-simplemenu-container h6, #g-footer .g-simplemenu-particle .g-simplemenu-container .g-simplemenu li a:hover, #g-footer .g-simplecontent .g-simplecontent-layout-standard .g-simplecontent-item-content-title {
  color: white;
}
/*f  den Feature Block; von mir, am 23.11.2023  */
/* line 246, templates/rt_orion/custom/scss/custom.scss */
.g-infolist-particle .g-infolist-textstyle-header .g-infolist-item-desc {
  color: #666;
  font-weight: 750;
}
/* line 252, templates/rt_orion/custom/scss/custom.scss */
.g-infolist-particle .g-infolist-textstyle-header .g-infolist-item-title {
  text-transform: none;
  padding-top: 15pt;
}
/*f  den ZWEITEN Feature Block; von mir, am 4.12.2023  */
/* line 259, templates/rt_orion/custom/scss/custom.scss */
.g-infolist-particle .g-infolist .g-infolist-item-title {
  color: #5197c7;
  font-weight: bold;
  font-size: 1.5rem;
}
/* line 266, templates/rt_orion/custom/scss/custom.scss */
#g-feature .g-infolist-particle .g-infolist .g-infolist-item-desc {
  color: #666;
  font-size: 1.1rem;
  font-weight: 750;
  padding-bottom: 20pt;
}
/* Text ueber dem Video; von mir, am 9.12.2023  */
/* line 276, templates/rt_orion/custom/scss/custom.scss */
.g-video-container .g-description {
  font-size: 1.3rem;
}
/* Text fuer die Namen der User Voices; von mir, am 9.12.2023  */
/* line 282, templates/rt_orion/custom/scss/custom.scss */
.g-stories .g-stories-author span {
  color: #666;
}
/* Text im blauen Block (normale Schrift); von mir, am 9.12.2023  */
/* line 288, templates/rt_orion/custom/scss/custom.scss */
.g-showcase .g-showcase-slider .swiper-slide .slide .g-showcase-description {
  font-size: 1.2rem;
}
/* für die farbige Überschrift im Promo Particle */
/* line 294, templates/rt_orion/custom/scss/custom.scss */
.promocolor {
  color: #5197c7 !important;
  font-weight: 900 !important;
  font-size: 3.5vw !important;
  background: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}
/* für die 3 Überschriften im Price Table */
/* line 305, templates/rt_orion/custom/scss/custom.scss */
#g-pricingtable-col-item-1 > ul > li.g-pricingtable-plan > a {
  pointer-events: none;
  display: inline-block;
}
/* line 310, templates/rt_orion/custom/scss/custom.scss */
#g-pricingtable-col-item-2 > ul > li.g-pricingtable-plan > a {
  pointer-events: none;
  display: inline-block;
}
/* line 315, templates/rt_orion/custom/scss/custom.scss */
#g-pricingtable-col-item-3 > ul > li.g-pricingtable-plan > a {
  pointer-events: none;
  display: inline-block;
}
/* um Text zu verstecken, damit die Umbrüche gleich sind (im Price Table) */
/* line 321, templates/rt_orion/custom/scss/custom.scss */
.myinvisible {
  visibility: hidden;
}
/* für die Price Table für die normalen Einträge */
/* line 326, templates/rt_orion/custom/scss/custom.scss */
.pricingbold {
  font-size: 1.2rem;
}
/* am 9.11.2024 für die Vergleichstabelle */
/* line 333, templates/rt_orion/custom/scss/custom.scss */
.g-comparisontable-row.cmptabledetailrow {
  padding: 0.4rem 0;
  margin-left: 1.5rem;
}
/* am 10.11.2024 für die 3 Pakete (Pricing Table) */
/* line 341, templates/rt_orion/custom/scss/custom.scss */
#g-pricingtable-col-item-1 > ul > li.g-pricingtable-plan {
  height: 9rem;
}
/* line 345, templates/rt_orion/custom/scss/custom.scss */
#g-pricingtable-col-item-2 > ul > li.g-pricingtable-plan {
  height: 9rem;
}
/* line 349, templates/rt_orion/custom/scss/custom.scss */
#g-pricingtable-col-item-3 > ul > li.g-pricingtable-plan {
  height: 9rem;
}
/* line 353, templates/rt_orion/custom/scss/custom.scss */
#g-pricingtable-col-item-1 > ul > li.g-pricingtable-item.g-pricingtable-item-1.pricingh2 {
  height: 8rem;
}
/* line 357, templates/rt_orion/custom/scss/custom.scss */
#g-pricingtable-col-item-2 > ul > li.g-pricingtable-item.g-pricingtable-item-1.pricingh2 {
  height: 8rem;
}
/* line 361, templates/rt_orion/custom/scss/custom.scss */
#g-pricingtable-col-item-3 > ul > li.g-pricingtable-item.g-pricingtable-item-1.pricingh2 {
  height: 8rem;
}
/* line 365, templates/rt_orion/custom/scss/custom.scss */
#g-pricingtable-col-item-1 > ul > li.g-pricingtable-item.g-pricingtable-item-2 {
  height: 10rem;
}
/* line 370, templates/rt_orion/custom/scss/custom.scss */
#g-pricingtable-col-item-2 > ul > li.g-pricingtable-item.g-pricingtable-item-2 {
  height: 10rem;
}
/* line 375, templates/rt_orion/custom/scss/custom.scss */
#g-pricingtable-col-item-3 > ul > li.g-pricingtable-item.g-pricingtable-item-2 {
  height: 10rem;
}
/* line 380, templates/rt_orion/custom/scss/custom.scss */
#g-pricingtable-col-item-1 > ul > li.g-pricingtable-price {
  height: 2rem;
}
/* line 385, templates/rt_orion/custom/scss/custom.scss */
#g-pricingtable-col-item-2 > ul > li.g-pricingtable-price {
  height: 2rem;
}
/* line 390, templates/rt_orion/custom/scss/custom.scss */
#g-pricingtable-col-item-3 > ul > li.g-pricingtable-price {
  height: 2rem;
}
/* am 25.12.2024 für die Bildergröße beim ShowCase */
/* line 396, templates/rt_orion/custom/scss/custom.scss */
.g-showcase .g-showcase-slider .swiper-slide .slide .g-showcase-image img {
  width: 80%;
  height: auto;
}
/* Flaggen, am 03.05.2025 */
/* ---------------------------------------------
 Language Switcher – 4 Spalten mit mehr Abstand
 --------------------------------------------- */
/*
 .mod-languages .lang-inline {
 display: flex !important;
 flex-wrap: wrap !important;
 margin: 0 !important;
 padding: 0 !important;
 list-style: none !important;
 }
 .mod-languages .lang-inline li {
 flex: 0 0 25% !important;
 width: 25% !important;                // 4 Spalten 
 max-width: 25% !important;
 box-sizing: border-box !important;    // Padding gehört zur Breite
 padding: 0 0.5em !important;          // 0.5 em links/rechts für Abstand
 margin-bottom: 1em !important;        // 1 em Abstand nach unten 
 text-align: center !important;
 }
 /* Optional: zum Testen Rahmen wieder aktivieren */
/*# sourceMappingURL=custom_368.css.map */