/* charset */
@charset "utf-8";

/* embedded-fonts */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');

/* ============================
   > BODY, HTML
   ================== */

body, html, input, textarea, select, button {
		font-family:'Lato', Arial, Helvetica, sans-serif;
		font-size:18px; line-height:26px; color:#404040;
}
body { background:#f8f8f8; }

/* ============================
   > LINKS
   ================== */

a:link 			{ font-family:'Lato', Arial, Helvetica, sans-serif; font-size:18px; color:#404040; text-decoration:underline; }
a:visited 	{ font-family:'Lato', Arial, Helvetica, sans-serif; font-size:18px; color:#404040; text-decoration:underline; }
a:active 		{ font-family:'Lato', Arial, Helvetica, sans-serif; font-size:18px; color:#404040; text-decoration:none; }
a:hover 		{ font-family:'Lato', Arial, Helvetica, sans-serif; font-size:18px; color:#404040; text-decoration:none; }

/* ============================
   > HEADLINES
   ================== */

h1 {
		font-size:38px;
    font-weight:700;
    color:#fff;
}
h2 {
		font-size:38px;
		font-weight:700;
		color:#686868;
    margin-bottom:30px;
}
h3 {
    font-size:18px;
    font-weight:700;
    color:#404040;
}
p, li {
    font-size:18px;
    line-height:26px;
    font-weight:300 !important;
    color:#404040;
}
.center {
		display:block;
    margin:0 auto;
}

/* media-queries */
@media screen and (max-width: 980px) {
		h2 {
				margin-bottom:20px;
				font-size:28px;
		}
}
@media screen and (max-width: 720px) {
		p, li, a:link, a:visited, a:active, a:hover {
				line-height:24px;
				font-size:16px;
		}
}

/* ============================
   > HEADER-NAVBAR
   ================== */

.header {
		position:fixed; width:100%; z-index:99;
		background-color:rgba(255, 255, 255, 0.8);
}
.inner-header {
		display:flex; height:112px;
    justify-content:space-between;
		max-width:1200px; font-size:18px;
		color:#686868; font-weight:700;
}

/* anchor-menu */
.navbar {
    display:flex; grid-gap:40px;
    justify-content:space-around;
    align-items:center;
}
.navbar a {
		font-size:20px; color:#686868;
		text-decoration:none;
}
.navbar a:hover {
		color:#a8aa6c;
}

/* mobile-menu */
.mmtrigger {
		display:none;
		align-self:center;
		margin:0 20px;
		cursor:pointer;
}

/* menu-animation */
#mmenu {
		position:relative;
		width:100%; height:28px;
		-webkit-transition:.5s ease-in-out;
		-moz-transition:.5s ease-in-out;
		-o-transition:.5s ease-in-out;
		transition:.5s ease-in-out;
		cursor:pointer;
}
.mmtrigger:after {
		display:block; content:'Menu';
		font-size:16px; color:#c0c196;
		text-transform:uppercase;
		letter-spacing:.8px;
		margin:8px 0 0;
		line-height:100%;
}
#mmenu span {
		position:absolute;
		width:100%; height:2px;
		background:#c0c196; display:block;
		border-radius:0; opacity:1; left:0;
		-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;
}
#mmenu span:nth-child(1) { top:0px; }
#mmenu span:nth-child(2),
#mmenu span:nth-child(3) { top:13px; }
#mmenu span:nth-child(4) { top:26px; }
#mmenu.open span:nth-child(1) { top:13px; width:0%; left:50%; }
#mmenu.open span:nth-child(2) {
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-o-transform:rotate(45deg);
		transform:rotate(45deg);
}
#mmenu.open span:nth-child(3) {
		-webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);
		-o-transform:rotate(-45deg);
		transform:rotate(-45deg);
}
#mmenu.open span:nth-child(4) {
		top:18px; left:50%; width:0%;
}

/* menu-overlay */
#mmoverlay {
		position:fixed; z-index:9;
		width:100%; height:calc(100%);
		top:0; opacity:0; visibility:hidden;
  	transition:visibility 0.3s, opacity 0.3s linear;
		background:rgba(231,228,222,.9);
	
		display:none; flex-direction:column;
		justify-content:center; align-items:center;
}
#mmoverlay.open {
		visibility:visible;
		opacity:1;
}
.bodyfixed {
		overflow:hidden;
}

/* mobile-mainmenu */
#mmoverlay ul.menu li {
		position:relative;
		opacity:0; text-align:center;
}
#mmoverlay ul.menu li a {
		font-weight:700; text-decoration:none;
		color:#686868; white-space:nowrap;
}
#mmoverlay ul.menu li a:hover {
		color:#a8aa6c;
}
#mmoverlay.open ul.menu li {
		animation:fadeInRight .5s ease forwards;
}

/* contact-icons-bottom */
#mmoverlay .contact-icons {
		position:absolute; opacity:0;
}
#mmoverlay.open .contact-icons {
		animation:fadeInBottom .5s ease forwards;
		animation-delay:.9s;
}

/* keyframe-animations */
@keyframes fadeInRight {
  0% {
    opacity:0;
    left:80%;
  }
  100% {
    opacity:1;
    left:0;
  }
}
@keyframes fadeInBottom {
  0% {
    opacity:0;
    bottom:-8%;
  }
  100% {
    opacity:1;
    bottom:8%;
  }
}

/* mail-u-tel-icons */
.contact-icons {
    display:flex; width:fit-content;
    align-items:center; column-gap:10px;    
    justify-self: flex-end;
}
.contact-icons a {
		text-decoration:none;
    width:50px; height:50px;
		border-radius:50%;
    display:block;
}
.contact-icons a:first-of-type {
		background:#c0c196 url(../images/theralogy/ico-email.webp) no-repeat center; font-size:0;
}
.contact-icons a:last-of-type {
		background:#c0c196 url(../images/theralogy/ico-tel.webp) no-repeat center;
}

/* media-queries */
@media screen and (max-width: 1200px) {
		.contact-icons {
				margin-right:20px;
		}
}
@media screen and (max-width: 980px) {
		.navbar {
				display:none;
		}
		.logo {
				flex-grow:1;
		}
		.mmtrigger {
				display:block;
		}
		#mmoverlay {
				display:flex;
		}
		#mmoverlay ul.menu li a {
				font-size:28px;
		}
		#mmoverlay ul.menu li {
				padding:24px 0;
		}
		.contact-icons {
				margin-right:0;
		}
}
@media screen and (max-width: 720px) {
		.inner-header {
				height:82px;
		}
		.logo img {
				max-width:190px;
		}
		#mmoverlay ul.menu li a {
				font-size:24px;
		}
		#mmoverlay ul.menu li {
				padding:20px 0;
		}
}
@media screen and (max-width: 560px) {
		.header {
				background-color:#a8aa6c;
		}
		#mmenu {
				height:24px;
		}
		#mmenu span:nth-child(2),
		#mmenu span:nth-child(3) { top:11px; }
		#mmenu span:nth-child(4) { top:22px; }
		.mmtrigger:after {
				font-size:12px;
				color:#fff;
		}
		#mmenu span {
				background:#fff;
		}
		.contact-icons {
				display:none;
		}
		#mmoverlay ul.menu li a {
				font-size:20px;
		}
		#mmoverlay ul.menu li {
				padding:18px 0;
		}
		#mmoverlay .contact-icons {
				display:flex;
		}
}

/* ============================
   > HEADER-BILD
   ================== */

.cover {
    background:url(../images/theralogy/niederhof-theralogy.webp) no-repeat center;
    background-size:cover; z-index:1; height:621px; display:flex;
		/* grünverlauf-im-bild */
    -webkit-box-shadow:inset 0px -200px 200px 0px rgba(168,170,108,0.7);
    -moz-box-shadow:inset 0px -200px 200px 0px rgba(168,170,108,0.7);
    box-shadow:inset 0px -200px 200px 0px rgba(168,170,108,0.7);
}

/* teaser */
.cover .teaser {
		display:flex; align-items:center;
		align-self:flex-end; max-width:1140px;
		width:100%; margin:0 auto 100px;
		justify-content:space-between;
}
.cover .teaser:before {
		display:block; content:''; width:194px; height:193px;
		background:url('../images/theralogy/cell-re-active.webp') no-repeat center;
		background-size:contain;
}
.cover .teaser h1 {
		font-size:48px; line-height:100%;
		text-shadow:0 0 8px rgba(0,0,0,0.3);
		flex-grow:1; margin-left:12px;
}
.cover .pets {
		display:flex; flex-flow:column-reverse; text-decoration:none;
		background:url('../images/theralogy/crt-4pets.webp') no-repeat top;
		width:150px; height:155px; background-size:contain;
}
.cover .pets:after {
		font-size:28px; color:#fff; font-weight:700;
		line-height:100%; content:'CRT 4 Pets';
		text-shadow:0 0 8px rgba(0,0,0,0.3);
		text-align:center;
}

/* crt-4-pets */
body.crt-4-pets .cover {
    background:url(../images/theralogy/niederhof-crt-4-pets.webp) no-repeat center;
		background-size:cover;
}
body.crt-4-pets .cover .teaser:before {
		display:block; content:''; width:200px; height:159px;
		background:url('../images/theralogy/crt-4pets.webp') no-repeat center;
		background-size:contain;
}
body.crt-4-pets .cover .teaser h1 {
		margin-left:22px;
}
body.crt-4-pets .cover .pets {
		background:url('../images/theralogy/cell-re-active.webp') no-repeat top;
		width:120px; height:174px; background-size:contain;
}
body.crt-4-pets .cover .pets:after {
		content:'Cell-Re-Active';
}

/* media-queries */
@media screen and (max-width: 1200px) {
		.cover .teaser {
				margin:0 20px 20px;
		}
}
@media screen and (max-width: 980px) {
		.cover {
				height:421px;
		}
		.cover .teaser:before {
				width:130px; height:129px;
		}
		body.crt-4-pets .cover .teaser:before {
				width:130px; height:103px;
		}
		.cover .teaser h1 {
				font-size:38px;
		}
		.cover .pets {
				width:148px; height:118px;
				background-size:contain;
		}
		body.crt-4-pets .cover .pets {
				height:119px;
		}
		.cover .pets:after {
				display:none;
		}
}
@media screen and (max-width: 720px) {
		.cover {
				height:360px;
		}
		.cover .teaser:before {
				width:100px; height:99px;
		}
		.cover .teaser h1 {
				font-size:30px;
		}
		.cover .pets {
				width:118px; height:94px;
		}
}
@media screen and (max-width: 560px) {
		.cover {
				height:300px;
		}
		.cover .teaser:before {
				width:80px; height:79px;
		}
		body.crt-4-pets .cover .teaser:before {
				width:100px; height:80px;
		}
		.cover .teaser {
				margin:0 10px 10px;
		}
		.cover .teaser h1 {
				font-size:26px;
		}
		.cover .pets {
				position:absolute;
				top:100px; right:10px;
		}
		body.crt-4-pets .cover .pets {
				width:68px; height:68px;
		}
}
@media screen and (max-width: 420px) {
		.cover {
				height:240px;
		}
		.cover .teaser h1 {
				font-size:24px;
		}
		.cover .pets {
				width:80px; height:64px;
		}
}

/* ============================
   > WRAPPER-1200-PX
   ================== */

.wrapper {
		max-width:1200px;
		margin:0 auto;
}
.ueber-mich {
    position:relative; z-index:3; border:20px solid #fff;
    margin:-80px auto 0; background:rgb(239,240,228);
    background:linear-gradient(180deg, rgba(239,240,228,1) 0%, rgba(255,255,255,1) 100%);
    -webkit-box-shadow:0 0 18px rgba(0,0,0,0.08);
    box-shadow:0 0 18px rgba(0,0,0,0.08);
}
.ueber-mich .pdf {
    position:absolute;
    bottom:60px; right:60px;
    width:200px; height:50px;
    font-size:16px; color:#fff;
		border-radius:5px; border:none;
		background-color:#a8aa6c;

		display:flex;
		align-items:center;
		justify-content:center;
		text-decoration:none;
}
.textblock {
    width:60%;
}
.textblock strong {
		font-weight:700;
}
.ueber-mich .textblock {
    margin:80px 0 80px 80px;
}
.zertifiziert {
    margin:28px 0;
		display:none; /* < ausgeblendet */
}
.zertifikat {
    position:absolute;
    top:60px; right:60px;
}

/* balken-mit-titel */
.title {
    position: relative;
    /*max-width: 1440px;*/
    height:140px;
    margin:70px auto 0;
    background-color: #a8aa6c;
    display: flex;
    align-items: center;
    justify-content: center;
}
.title h2 {
		color:#fff; margin:0;
		font-size:38px;
}
.title img {
    position:absolute;
    top:50%; right:40px; width:220px;
    transform:translate(-40px, -50%);
}

/* block-mit-video */
.cell-reactive-block {
		padding:70px 60px 0; background:rgb(251,251,251);
		background:linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}
.cell-reactive-block img {
		max-width:100%;
		height:auto;
}
.information-block {
    display:flex;
		margin:50px 0 0;
    justify-content:center;
    column-gap:50px;
}
.schlaege-bilder {
    display:flex; grid-gap:30px;
    align-items:center; padding:48px 0;
		justify-content:space-between;
		/*height:400px;*/
}
.schlaege-bilder div {
    display:flex;
    background-color:#fff;
    width:100%; height:200px;
    justify-content:center;
    align-items:center;
    -webkit-box-shadow:0 0 18px rgba(0,0,0,0.08); 
    box-shadow:0 0 18px rgba(0,0,0,0.08);
    flex-direction:column;
    transition:all .4s ease-in-out; 
}
/*.schlaege-bilder div:after {
		position:absolute; content:'';
		top:0; right:0; bottom:0; left:0;
		box-shadow:inset 0 0 0 0 rgba(159,198,57,.5);
		transition:box-shadow .1s ease;
}
.schlaege-bilder div:hover:after {
		box-shadow:inset 0 0 0 12px rgba(159,198,57,.5);
}*/
.schlaege-bilder h3 {
		margin-top:18px;
    font-size:20px;
}
.schlaege-bilder>div:hover {
    transform:scale(1.05);
}

/* media-queries */
@media screen and (max-width: 1200px) {
		.ueber-mich {
				margin:0 auto;
		}
		.ueber-mich .textblock {
				margin:60px 0 60px 60px;
		}
		.title h2 {
				font-size:32px;
		}
}
@media screen and (max-width: 980px) {
		.ueber-mich .textblock {
				margin:40px; width:auto;
		}
		.zertifikat {
				position:relative;
				top:auto; right:auto;
				margin:0 0 20px 40px;
		}
		.ueber-mich .pdf {
				right:40px;	
		}
		.title {
				padding-left:10%; margin:0 auto;
				justify-content:space-between;
		}
		.title img {
				position:relative;
				transform:none; width:120px;
				top:auto; right:auto;
		}
		.title h2 {
				font-size:26px;
		}
		.cell-reactive-block {
				padding:40px;
		}
		.information-block {
				justify-content:center;
				grid-gap:30px; margin:20px 0 0;
				flex-direction:column-reverse;
		}
		.information-block .textblock {
				width:auto;
		}
		.schlaege-bilder {
				grid-gap:20px;
		}
		.schlaege-bilder h3 {
				text-align:center;
				font-size:18px;
		}
}
@media screen and (max-width: 720px) {
		.title h2 {
				font-size:22px;
		}
		.schlaege-bilder {
				grid-gap:10px;
		}
		.schlaege-bilder h3 {
				margin:18px 18px 0;
		}
}
@media screen and (max-width: 560px) {
		.ueber-mich {
				border:0; padding:30px;
				-webkit-box-shadow:none;
				box-shadow:none;
		}
		.ueber-mich .textblock {
				margin:0;
		}
		.zertifikat {
				display:block;
				max-width:160px;
				margin:20px auto;
		}
		.ueber-mich .pdf {
				position:relative;
				bottom:auto; right:auto;
				margin:0 auto;
		}
		.cell-reactive-block {
				padding:30px;
		}
		.schlaege-bilder {
				flex-direction:column;
		}
		.schlaege-bilder div {
				padding:20px 0;
				height:auto;
		}
}

/* ============================
   > TRAININGSZIELE
   ================== */

/* balkenanimation */
.trainingsziele-box {
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.trainingsziele {
    display:flex; width:70%;
    grid-gap:10px; margin-top:50px;
    flex-direction:column;
		overflow:hidden;
}
.trainingsziele div {
    display:flex; align-items:center;
    border-radius:0 50px 50px 0;
}

@keyframes slide-in-left {
		0% {
				-webkit-transform:translateX(-1000px);
				transform:translateX(-1000px);
				opacity:0;
		}
		100% {
				-webkit-transform:translateX(0);
				transform:translateX(0);
				opacity:1;
		}
}

.trainingsziele.visible div:nth-child(1) {
    -webkit-animation:slide-in-left 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
		animation:slide-in-left 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    background:#e3072f; width:60%;
}
.trainingsziele.visible div:nth-child(2) {
    -webkit-animation:slide-in-left 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
		animation:slide-in-left 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation-delay:0.5s; background:#87be25; width:80%;
}
.trainingsziele.visible div:nth-child(3) {
    -webkit-animation:slide-in-left 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
		animation:slide-in-left 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation-delay:1s; background:#00a1d5;  
}
.trainingsziele strong {
    display:flex; min-width:70px;
    height:70px; align-items:center;
		justify-content:center;

		font-size:38px; color:#fff;
		font-weight:700;
}
.trainingsziele div:nth-child(1) strong {
    background-color:#ca0008;
}
.trainingsziele div:nth-child(2) strong {
    background-color:#72b016;
}
.trainingsziele div:nth-child(3) strong {
    background-color:#0093ce;
}
.trainingsziele h3 {
		margin:0 20px; line-height:normal;
		font-weight:400; color:#fff;
}
.trainingsziele-box img {
    width:250px;
}

/* media-queries */
@media screen and (max-width: 980px) {
		.trainingsziele-box img {
				display:none;
		}
		.trainingsziele {
				width:100%;
		}
}
@media screen and (max-width: 720px) {
		.trainingsziele.visible div {
				width:100% !important;
		}
		.trainingsziele strong {
				min-width:60px; height:60px;
				font-size:32px;
		}
		.trainingsziele h3 {
				margin:8px 20px;
				font-size:16px;
		}
}
@media screen and (max-width: 480px) {
		.trainingsziele h3 {
				font-size:14px;
		}
}

/* ============================
   > GESUNDHEITSTRAINING
   ================== */

.gesundheitstraining {
    display:flex;
		align-items:center;
    flex-direction:column;
    justify-content:center;
		margin-top:60px;
}
.gesundheitstraining .twentyfourseven {
		display:flex; width:100%;
		justify-content:center;
		align-self:center;

		background:#9fc639;
		margin:60px 0 40px;
		padding:3px 0;
}
.gesundheitstraining img {
    max-width:100%;
		height:auto;
}

/* crt-4-pets */
.zellsysteme {
		display:flex; grid-gap:40px;
		flex-direction:column;
		margin-top:40px;
}
.zellsysteme img {
		margin:0 auto;
}
.zellsysteme h3 {
		font-size:22px;
}
.zellsysteme h3, .zellsysteme p {
		text-align:center;
}
.crt-4-pets .twentyfourseven {
		background:transparent;
}

/* media-queries */
@media screen and (max-width: 980px) {
		.gesundheitstraining .twentyfourseven {
				margin:40px 0 20px;
		}
}
@media screen and (max-width: 720px) {
		.gesundheitstraining {
				margin-top:40px;
		}
		.gesundheitstraining .twentyfourseven {
				margin:30px 0 10px;
				padding:10px 0;
		}
		.gesundheitstraining img {
				max-width:90%;
		}
		.zellsysteme h3 {
				font-size:20px;
		}
		.zellsysteme img,
		.crt-4-pets .twentyfourseven img {
				max-width:100%;
		}
}
@media screen and (max-width: 560px) {
		.zellsysteme {
				margin-top:20px;
				grid-gap:20px;
		}
		.zellsysteme h3 {
				font-size:18px;
		}
		.crt-4-pets .twentyfourseven {
				margin:20px 0 10px;
		}
}

/* ============================
   > TERMINVEREINBARUNG
   ================== */

/* balken-titel */
.termine.title {
		font-size:32px; color:#fff;
		font-weight:700; line-height:normal;
}
#theralogy-box {
    /*width:170px;*/
}

.terminvereinbarung {
    display:flex; grid-gap:40px;
    padding:80px 0 0; margin:0 60px;
}
.terminvereinbarung img {
    object-fit:contain;
}
.textblock-left {
    min-width:460px; background-color:#fff;
	  -webkit-box-shadow:0 0 18px rgba(0,0,0,0.08);
    box-shadow:0 0 18px rgba(0,0,0,0.08);
}
.textblock-left .upper {
		display:flex; padding:60px 50px;
		justify-content:space-between;
		position:relative;
}
.textblock-left .upper:after {
		position:absolute;
		background-color:#e5e5e5;
		bottom:0; left:50px; right:50px;
		content:''; height:1px;
}
.textblock-left .under {
		padding:25px 50px;
}
.textblock-left .under a {
		display:flex; align-items:center;
		font-size:20px; color:#87c15f; font-weight:700;
		padding:25px 0; text-decoration:none;
}
.textblock-left .under a:before {
		display:block; width:45px; height:45px; margin-right:18px;
		background:url('../images/theralogy/whatsapp.png') no-repeat center;
		background-size:contain; content:'';
}
.textblock-right {
    display:flex; flex-grow:1;
    justify-content:space-between;
    align-items:center;
		background-size:cover;
		background-position:center;
}
.textblock-right img {
   	max-width:100%;
		height:auto;
}

a {
    text-decoration: none;
}

/* media-queries */
@media screen and (max-width: 980px) {
		.termine.title {
				font-size:26px;
		}
		.termine.title img {
				margin:0 20px;
		}
		.terminvereinbarung {
				flex-direction:column;
				grid-gap:0; margin:0 40px;
				padding:40px 0 0;
		}
		.textblock-left .upper {
				padding:40px;
		}
		.textblock-left .upper:after {
				left:40px; right:40px;
		}
		.textblock-left .under a {
				justify-content:center;
		}
		.textblock-right {
				height:395px;
		}
}
@media screen and (max-width: 720px) {
		.termine.title {
				font-size:22px;
		}
		.termine.title h4 {
				word-break:break-all;
		}
		.textblock-left {
				min-width:0;
		}
		.textblock-left .upper,
		.textblock-left .upper a {
				line-height:24px;
				font-size:16px;
		}
		.textblock-right {
				height:295px;
		}
}
@media screen and (max-width: 560px) {
		.terminvereinbarung {
				margin:0; padding:0;
		}
		.textblock-left .upper {
				padding:30px;
		}
		.textblock-left .upper:after {
				left:30px; right:30px;
		}
		.textblock-left .under {
				padding:0;
		}
		.textblock-left .under a {
				font-size:18px;
		}
		.textblock-right {
				height:195px;
		}
}

/* ============================
   > FOOTER
   ================== */

.footer {
    margin-top:100px;
}
.footer strong, .footer li, .footer p, .footer a {    
    font-size:16px; font-weight:400 !important;
		text-decoration:none; color:#fff;
}
.footer .inner {
    display:flex; margin:0 auto;
		height:140px; align-items:center;
		justify-content:space-between;
		max-width:1080px;
}

/* backtop - socialmedia */
.top-footer {
		background-color:#c0c196;
}
.top-footer .inner {
		height:140px;
}
.top-footer .inner .gotop {
		width:234px;
}
.socialmedia {
    display:flex; column-gap:10px;
    justify-content:center;
    align-items:center;
}
.socialmedia strong {
		margin-right:10px;
}

/* privacy-impressum */
.bottom-footer {
		background-color:#a8aa6c;
}
.bottom-footer .inner {
		height:60px;
}
.impressum {
    display:flex;
}
.impressum a:hover {
		color:#c0c196;
}
.impressum a:after {
		font-size:13px; color:#c0c196;
		padding:0 10px; content:'•';
}
.impressum a:last-of-type:after {
		display:none;
}

/* ps-cookie-banner */
#pscookielaw p, #pscookielaw a {
		font-size:13px;
		color:#c7c9a1;
}

/* media-queries */
@media screen and (max-width: 1200px) {
		.footer .inner {
				padding:0 20px;
		}
}
@media screen and (max-width: 980px) {
		.footer {
				margin-top:40px;
		}
		.top-footer .inner .gotop {
				width:auto;
		}
		.socialmedia strong {
				display:none;
		}
}
@media screen and (max-width: 560px) {
		.footer {
				margin-top:0;
		}
		.footer .inner {
				padding:20px 0; height:auto;
				flex-direction:column;
		}
		.top-footer .inner {
				grid-gap:20px;
		}
}