html {
  scroll-behavior: smooth;
  overflow: hidden;
}

body {
  font-family: "Segoe UI", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
  font-size: 1em;
  margin: 0;
  padding: 0;
  overflow-y: scroll;
  background: url("../../Sites/StiftungTraumatherapie/Wirbel.png") center center/cover no-repeat fixed, linear-gradient(45deg, #dff1fa 0%, white 40%, #fdf6d1 75%, #fdf6d1 100%) center center/cover no-repeat fixed;
}

p {
  font-size: 1em;
  font-family: "Segoe UI", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
  hyphens: initial;
}

dl, ol, ul {
  font-size: 1em;
}

h1, h2, h3, h4, h5 {
  font-family: "Segoe UI", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
  font-weight: normal;
  margin-bottom: 5px;
  margin-top: 0;
  padding-bottom: 0px;
  color: #cb1726;
}

h1 {
  font-size: 2rem;
  font-variant: small-caps !important;
  text-transform: inherit !important;
}

h2 {
  font-size: 1.75rem;
  border-bottom: 1px solid #EE7000;
}

h3 {
  font-size: 1.5rem;
}

h4 {
  font-size: 1.5rem;
  color: #000;
  border-bottom: 1px solid #000;
}

h5 {
  font-size: 1.25rem;
  color: #000;
}

img {
  width: 100%;
  height: auto;
}

a {
  text-decoration: underline;
  color: #cb1726;
}
a:hover {
  color: #EE7000;
}
a:visited {
  color: #cc1122;
}

form nav {
  position: inherit;
}
form .form-group {
  padding: 0 10px;
}
form .input select.form-control,
form .input textarea.form-control,
form .input input.form-control {
  background-color: transparent;
  border-radius: 0;
}
form .btn-group {
  display: contents;
}
form .btn-group button {
  width: 100%;
  background: -moz-linear-gradient(top, #cc1122 8%, #cc1122 52%, #e8353b 99%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #cc1122 8%, #cc1122 52%, #e8353b 99%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #cc1122 8%, #cc1122 52%, #e8353b 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#1e5799", endColorstr="#283d60", GradientType=0 ); /* IE6-9 */
  border: none;
}
form .btn-group button:focus, form .btn-group button:active {
  background: #cc1122; /* Old browsers */
  background: -moz-linear-gradient(top, #eb5c1d 0%, #e8353b 48%, #e8353b 52%, #cc1122 99%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #eb5c1d 0%, #e8353b 48%, #e8353b 52%, #cc1122 99%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #eb5c1d 0%, #e8353b 48%, #e8353b 52%, #cc1122 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#207cca", endColorstr="#3a5a8c", GradientType=0 ); /* IE6-9 */
}
form .help-block {
  font-size: 11px;
  line-height: 15px !important;
  display: block;
  margin-top: 5px;
}

#language-menu {
  justify-content: flex-end;
  margin-right: 0;
}
#language-menu a {
  text-decoration: none;
}
#language-menu a span {
  border-radius: 12.5px;
}
#language-menu span {
  border-radius: 12.5px;
}

footer ul span,
footer ul li {
  color: #cb1726;
}

.mobileMenu #navbarNav {
  background: url("../../Sites/StiftungTraumatherapie/Wirbel.png") center center/cover no-repeat fixed, linear-gradient(45deg, #dff1fa 0%, white 40%, #fdf6d1 75%, #fdf6d1 100%) center center/cover no-repeat fixed;
}
.mobileMenu #navbarNav.collapse.show {
  right: 0;
  left: 0;
  position: fixed;
}
.mobileMenu .navbar-toggler {
  right: 0;
}
.mobileMenu .additionalicons {
  right: 35px;
}
.mobileMenu .additionalicons a {
  text-decoration: none;
}

/****************************************************/
/* NAVBAR *******************************************/
/****************************************************/
.screenMenu,
.submenu {
  display: none;
}

.container:nth-child(1) .col-4 {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}
.container:nth-child(1) .col-4 a:nth-child(2) {
  margin-left: 10px;
}
/***************************************************************************************/
/** TRANSITIONS ************************************************************************/
/***************************************************************************************/
nav li, nav li a, section a {
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}

.mobileMenu .logo {
  display: none;
}

.container:nth-child(1) {
  display: block;
  margin: 0 auto 30px;
}

.container:nth-child(2) .col-4 {
  display: flex;
  align-items: flex-end;
}
.container:nth-child(2) .col-4 a {
  flex: 1;
}

/**********************************************************************/
/** GENERAL ELEMENT DEFINITIONS ***************************************/
/**********************************************************************/
.statement {
  display: none;
}

.frame-color1,
.frame-color2,
.frame-color3 {
  border-radius: 50%;
  height: 300px;
  width: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.frame-color1 p, .frame-color1 a,
.frame-color2 p,
.frame-color2 a,
.frame-color3 p,
.frame-color3 a {
  text-decoration: none;
  text-align: center;
  font-size: 1.3rem;
}

.frame-color1 {
  background-color: #cb1726 !important;
}
.frame-color1 p, .frame-color1 a {
  color: #FFF;
  border: none;
  box-shadow: none;
}
.frame-color1 p:hover, .frame-color1 a:hover {
  box-shadow: none;
  border: none;
  color: #FFF;
}

.frame-color2 {
  background-color: #EE7000 !important;
}
.frame-color2 p, .frame-color2 a {
  color: #FFF;
}

.frame-color3 {
  background-color: #FFE162 !important;
}
ul li {
  font-size: 1rem;
}

strong {
  font-weight: bolder;
}

/****************************************************/
/* 576px ********************************************/
/****************************************************/
@media (min-width: 576px) {
  .screenMenu li {
    font-size: 1rem;
    padding: 10px 5px;
  }
}
/****************************************************/
/* 768px ********************************************/
/****************************************************/
@media (min-width: 768px) {
  .container:nth-child(2) .col-4 a {
    flex: inherit;
  }
  .statement {
    display: block;
    text-align: right;
    margin-top: 20px;
  }
  .statement .ce-bodytext {
    text-align: right;
    width: 100%;
  }
  .statement blockquote {
    margin-bottom: 0;
    margin-top: 3px;
  }
  .statement blockquote p {
    color: #EE7000;
    font-family: "Saithik Handwritten";
    font-size: 24px;
    font-weight: bolder;
    letter-spacing: -1px;
    margin-bottom: 0;
  }
  .statement p {
    font-size: 10px;
  }
  #stt-logo {
    width: 100%;
    height: auto;
    max-width: 82px;
    margin: 10px 0;
  }
  #car-logo {
    width: 100%;
    height: auto;
    max-width: 135px;
    margin-left: 10px;
    margin-bottom: 10px;
  }
  .screenMenu {
    display: block;
  }
  .screenMenu ul {
    display: flex;
    flex-direction: row;
    list-style-type: none;
    justify-content: space-between;
    padding: 0;
    border-top: 1px solid #cb1726;
    border-bottom: 1px solid #cb1726;
  }
  .screenMenu li {
    margin: 0 5px;
    padding: 10px;
  }
  .screenMenu li.current {
    font-weight: bolder;
    letter-spacing: -0.75px;
  }
  .screenMenu li a {
    text-decoration: none;
    color: #000;
    padding: 0;
    font-variant: small-caps;
  }
  .screenMenu li a:visited, .screenMenu li a:active {
    color: #000;
  }
  .screenMenu li ul {
    display: none;
  }
  .screenMenu li:hover {
    background-color: #EE7000;
  }
  .screenMenu li:hover a {
    color: #FFF;
  }
  .screenMenu li:hover ul {
    display: flex;
    flex-direction: column;
    position: absolute;
    z-index: 1000;
    background-color: rgba(255, 255, 255, 0.75);
    padding: 0;
    list-style: none;
    border: 1px solid #cb1726;
    margin: 10px 0 0 -10px;
  }
  .screenMenu li:hover ul li {
    margin: 0 0 0 0;
    padding: 0 50px 0 10px;
  }
  .screenMenu li:hover ul li a {
    color: #000;
  }
  .screenMenu li:hover ul li a:hover {
    background-color: #EE7000;
    color: #FFF;
  }
  .wrapper .container:nth-child(2) {
    padding: 0;
  }
  .mobileMenu {
    display: none;
  }
  .submenu {
    display: block;
    padding: 10px 0 10px 10px;
    margin: 0;
    list-style: none;
  }
  .submenu li {
    font-size: 14px;
  }
  .submenu li.current {
    font-weight: bolder;
  }
  .submenu li a {
    text-decoration: none;
    color: #000;
  }
  .submenu li a:hover {
    color: #cb1726;
  }
}
/****************************************************/
/* 992px ********************************************/
/****************************************************/
@media (min-width: 992px) {
  .screenMenu ul li a {
    padding: 0;
  }
  .submenu li {
    font-size: 16px;
  }
}
/****************************************************/
/* 1200px *******************************************/
/****************************************************/
@media (min-width: 1200px) {
  .screenMenu ul li a {
    padding: 0;
  }
}
/*********************************************/
/*
h1 {
  background-color: #80D0CA;
}
@media (min-width: 576px) {
  h1 {
    // Rosa
    background-color: #CC66C2;
  }
}
@media (min-width: 768px) {
  h1 {
    // Tuerkis
    background-color: #00bfff;
  }
}
@media (min-width: 992px) {

  h1 {
    // Lila
    background-color: #6C6FAA;
  }
}
@media (min-width: 1200px) {
  h1 {
    // Beige
    background-color: #D8B45A;

  }
}
*/

/*# sourceMappingURL=screen.css.map */