/* ++++++++++++++++++++++++++++++++++++++++++ */
/*     custom.css stoffwechseltraining.de      */
/* ++++++++++++++++++++++++++++++++++++++++++ */

h1 {font-size: 2.8em;}
h2 {font-size: 2em;}
h3 {font-size: 1.4em;}
a {text-decoration: none;}
.header_top {height: 85px;}
.header-mod {font-size: 1em;}
.header-1 {margin-left: 180px; padding-top: 50px;}
.logo {flex: 0 0 auto;}
.maincontent {padding: 40px 20px;}
.hornav {margin-left: auto;  margin-right: auto;}
.hornav ul.menu > li.active > a {color: var(--secondary);}
.hornav ul.menu > .parent-hover > a:hover {color: var(--secondary);}
.hornav ul.menu > .parent-hover > a {color: #fff;}
.hornav ul.menu > li > a:hover, .hornav ul.menu > li > span:hover {color: var(--secondary);}
.hornav ul.menu > li > a, .hornav ul.menu > li > span {font-size: 1.4em; font-weight:500; letter-spacing: none;}
.hornav > ul > li > ul > li > a, .hornav > ul > li ul > li > ul > li > a {padding: 5px 5px 5px 15px; font-size: 1.1em;}
.hornav > ul > li > ul, .hornav > ul > li > ul > li > ul, .hornav > ul > li > ul > li > ul > li > ul {min-width: 320px;}
#container_base2_modules, #container_base2_modules a {color: #fff;}

/* eigene CSS */
.txtheight {height: 500px;}
.start-tiles{font-size: 1.4em; font-weight: 600; text-align: center;}
.headline24 {font-size: 24px; font-weight: 600;}
.overlay-grayscale { -webkit-filter: grayscale(100%); filter: grayscale(100%);}
.overlay-grayscale:hover {-webkit-filter:none; filter: none;}
.twoclickyoutubvideos-privacyhint {width: 50% !important; font-size: 14px; line-height: 1.5em;}
.linkUnten {font-weight: bold;letter-spacing: 1.1px;font-size: 1.1em;}
input.sicaptcha {float: left; margin-right: 15px;}

@media only screen and ( max-width: 1540px ) { .image-wrap {height: 350px !important;} }
@media only screen and ( max-width: 1080px ) { .image-wrap {height: 250px !important;} }

@media only screen and ( max-width: 420px ) {
h1 {font-size: 2rem;}
h2 {font-size: 1.6rem;}
h3 {font-size: 1.3rem;}
h1, h2, h3 {line-height: 1.1em;}
body {font-size: 15px !important;}
.header-1 {margin-left: 1px;padding-top: 0px;}
.header-1 a {font-size: 0.75em;}
.image-wrap {height: 0px !important;}
}

/* ken burns */
.image-wrap {width: 100%; height: 490px; margin: 0 auto; overflow: hidden; position: relative;}
.image-wrap img {width: 100%; animation: move 40s ease; /* Add infinite to loop. */
  -ms-animation: move 40s ease;  -webkit-animation: move 40s ease; -0-animation: move 40s ease; -moz-animation: move 40s ease; position: absolute;}
@-webkit-keyframes move { 0% {
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    transform: scale(1.0);
    -ms-transform: scale(1.0);
    /* IE 9 */
    -webkit-transform: scale(1.0);
    /* Safari and Chrome */
    -o-transform: scale(1.0);
    /* Opera */
     -moz-transform: scale(1.0);
    /* Firefox */
  }
  100% {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    /* IE 9 */
    -webkit-transform: scale(1.2);
    /* Safari and Chrome */
    -o-transform: scale(1.2);
    /* Opera */
    -moz-transform: scale(1.2);
    /* Firefox */
  }}