/* _______________________________Main CSS cranio-sacrale-traumaarbeit.skk-nippold.de________*/

@import url('normalize.css');

:root	{
		--bg-color: rgb(0,170,180);
		--main-background-color: rgb(213,213,213);
		--2-color: rgb(231,225,0); /* gelb */
		--3-color: rgb(226,4,30);	/* rot */
		--4-color: rgb(234,234,234); /* weiss */
		--main-border-radius: 30px;
		--kasten-border-radius: 15px;
			}
			
html	{
		box-sizing: border-box;	
		}

 	*, *::before, *::after	{
	box-sizing: inherit;
	}
	
body		{
			background-color: var(--bg-color);
			display: block;
			}
			
main		{
			display: flex;	
			background-color: var(--main-background-color);
			margin: 5rem;
			padding: 1.5rem;
			border-radius: var(--main-border-radius);
			}		
			
nav			{
			border: 5px solid #75d5ff;
			}
	
ul			{
			padding: 0 1rem 0 1rem;
			}	
	
h2			{
			margin-top: 1rem;
			}	
	
h3			{
			font-family: Palatno, "Bodoni 72";
			text-decoration: none;
			color: var(--4-color);
			}
aside	{
			margin: 1.5rem;
			padding-top: -5rem;
			width: 100vw;
			}
	
article	{
	width: 45%;
	padding: 10px;
	border: 0px solid black;
	background-color: rgb(255, 47, 148, 0.0);
	box-shadow: 5px 5px 5px rgb(169,169,169);
	}
	
.article	{
	position: -webkit-sticky;
	margin: 1rem;
	background-color: rgb(234,234,234);
	border-radius: 25px;
	z-index: 1;
	}
.kategorieH3	{
			background-color: var(--bg-color);
			margin: 4.5rem 0 1.5rem 0;
			padding: 1.2rem;
			border: 1px solid;
			border-radius: var(--kasten-border-radius);
			}
				
.trigger	{
			line-height: 1.5rem;
			font-size: 1.1rem;
			font-family: helvetica;		
			}
	
.triggerKasten	{
			background-color: rgb(255,147,0);
			padding: 1.2rem;
			border: 1px solid;
			border-radius: var(--kasten-border-radius);
			}
			
.cover		{
			margin-left: 3rem;
			border: solid gray 1px;
			box-shadow: 4px 4px 4px rgb(66,66,66);
			} /* Cover auf: reaktionen.html */ 

.soon	{
			height: auto;
			}
			
.li-soon	{
			color: rgb(147,81,0);
			text-decoration: none;
			list-style: none;
			background-color: rgb(254,255,255);
			margin: 0.5rem;
			padding: 0.2rem;
			border-radius: 5px;
			}

.ul-soon	{
			margin-top: 2rem;
			margin-bottom: 4rem;	
			background-color: rgb(255,212,120);
			}
				
.autorenFoto	{
			width: 25%;
			height: 25%;
			border-radius: 15px;
			}
					
/* ---- Aus sebastiannippld.skk-nippold.de/css/sn.css --- */

.wrapper {
	margin: 1rem auto;
   	background-color:rgb(255,255,255, 0.3); /* transparent */
   	border-radius: 15px 15px 15px 15px;
	box-shadow: 12px 12px 20px rgb(33,33,33,0.6);
			}
.container	{
	position: -webkit-sticky;
	display: block;
	overflow: auto;
	}
							
.img-bg	{
	background-image: url('../bg_img/logo.png');
	background-repeat: no-repeat;
	background-position: center;
	}
	
.img-bg	{
	background-image: url('https://www.sebastiannippold.skk-nippold.de/bg_img/logo.png');
	background-repeat: no-repeat;
	background-position: center;
	}
	
.img-art {
	float: left;
	margin: 0.2em 1em 1.2em 0.2em;
	max-width: 40%;
	height: auto;
	}
	
		
.logo	{
	float: right;
	padding-right: 4em;
	}
	
.buch	{
	border: solid rgb(169,169,169) 0.1px;
	border-radius: 4px;
	box-shadow: 5px 8px 5px rgb(121,121,121);
	} /* Cover auf: index.html */

.blau	{	
	color:rgb(70,87,235)	
	}
	
.header {
	position: -webkit-sticky;
	position: sticky;
	top: -1px;	
	text-align: center;
	padding: 1em;
	background-color:#73fdff;
	box-shadow: 0px 10px 10px rgb(94,94,94, 0.5);
	z-index: 8;
	}

.foot	{
	padding: 1rem;
	margin-bottom: 1rem;
	}

.nav-ul {
	background-color: #75d5ff;
	margin:0;
	}
	
.nav-ul a:hover, .nav-ul a:focus {
   background-color:#011892; /* Mitternacht */
   color:#c0c0c0; /* Ocean */
   border-radius: 15px;
	}
	
.nav-li {
	list-style: none;
	margin-left: 0;
	border-bottom: 1px solid black;
	}
	
.nav-li-a {
	padding: 0.6em 2rem;
    display: block; 
	}
	
.nav-st	{
	position: -webkit-sticky;
	position: sticky;
	top: 3em;
	z-index: 10;
	}
	
/* Media 680px */	

@media screen and (min-width: 680px)	{
	
.nav_st	{
	position: -webkit-sticky;
	position: sticky;
	top: 30px;
	border:none;
	box-shadow: 0px 20px 20px rgb(70,87,235, 0.5);
	box-shadow: 0px 10px 10px rgb(66,66,66, 0.5);
	z-index: 11;
	}
	
.nav-ul {
    padding: 0 2rem;
    overflow: hidden;	
	}
  
.nav-li {
	list-style: none;
	float: left;
	display: inline-block;
	border: none;
	width: auto; 
	}
.nav-li-a {
	list-style: none;
	padding: 0.7em 1.2rem;
	display: inline-block;
    }
    
  
/* Media 85em */  
  			
@media screen and (min-width: 85em) {
	
	main	{
	display: flex;
	flex-flow: row wrap; 
	justify-content: center;
	width: auto;
	padding: 2rem;
	background-color: rgb();
	box-shadow: 12px 12px 20px rgb(33,33,33,0.4);
	}

	.wrapper {
		justefy-content: center;
		margin: 1rem auto;
		padding: 0px;
		width: 80%;
		border: 0;
		border-radius: 15px 15px 15px 15px;
		box-shadow: 12px 12px 20px rgb(33,33,33,0.6);
	}
	
	.container	{
		position: -webkit-sticky;
		display: block;
		overflow: auto;
			}
	
	.autorenFoto	{
		margin: 2rem;	
		
			}
	
/* 	backdrop-filter: blur(10px);	*/