:root{
--bghighlight-col:#9030db;
--nav-col:#90ffdc;
--nav-bg-col:#ce90ff;
--link-col:#712cf9;
--violet:#712cf9;
--blueish:#B0DEFF;
--intblue:#4700D8;
}
body{background:rgb(225,219,255);background:linear-gradient(0deg, rgba(225,219,255,1) 0%, rgba(224,255,245,1) 100%);background-attachment:fixed;background-size:cover;}
nav{background-color:#90ffdc;}
.nav-link{color:#000000!important;text-decoration:none}
.nav-link{border-bottom:5px solid transparent;}
.nav-link.active,.nav-link.active:hover{border-bottom:5px solid #9381ff;}
.nav-link:hover{border-bottom:5px solid #9381ff;}
header a{color:#000000;}
header a:hover{color:#9381ff;}

h1,h2,h3,h4,h5,.headingfont{font-family:'Montserrat', sans-serif;font-weight:800;}
body{font-family:'Montserrat', sans-serif;}
b,strong{font-weight:700;}
header h1 {
  text-shadow: 2px 2px 0 white,1px 2px 0 white,2px 1px 0 white, 7px 5px 5px var(--nav-col);
}

a{color:var(--link-col);}
a:hover{color:var(--link-col);}

.nav-container:after {
content:"";
position:absolute;
width:100%;
bottom:0;
transform:scale(0.99);
box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.8);
z-index:2;
}
nav{z-index:3;}

/* size stuff | 768 = md */

body{font-size:1rem;line-height:1.5rem;}
article{max-width:600px;margin-left:auto;margin-right:auto;}
.container{max-width:1000px;}

.vshrink-portrait{max-height:60vw;}
.fit-center{object-fit:cover;object-position:50% 65%}
.nav-link{margin-top:5px;}

@media (min-width:768px) {
  header h1{font-size:calc(2rem + 1.5vw);}
  .nav-link{font-size:1.3rem;margin-top:0.3rem;}
  .vshrink-portrait{max-height:none;}
  .fit-center{object-fit:cover;object-position:50% 50%}

}

.fit-cover{object-fit:cover;object-position:50% 66%}
#portrait{max-height:40rem;}
.portrait-caption {
position:absolute;
top:1rem;
left:1rem;
color:#fff;
}

.stripes1{
background: repeating-linear-gradient(
  45deg,
  #c8effc,
  #c8effc 20px,
  #d5f7fc 20px,
  #d5f7fc 40px
);
}

.bghighlight{padding:4px 0;
background: var(--bghighlight-col);
box-shadow:-10px 0px 0 var(--bghighlight-col), 10px 0px 0 var(--bghighlight-col);
color:white;
}
.bghighlight-head{padding:4px 0;
background: var(--nav-bg-col);
box-shadow:-10px 0px 0 var(--nav-bg-col), 10px 0px 0 var(--nav-bg-col);
color:black;
}
.bghighlight-head2{padding:4px 0;
background: var(--nav-col);
box-shadow:-10px 0px 0 var(--nav-col), 10px 0px 0 var(--nav-col);
color:black;
}
.bghighlight-w{padding:4px 0;
background: white;
box-shadow:-10px 0px 0 white, 10px 0px 0 white;
color:black;
}
.bghighlight-b{padding:4px 0;
background: black;
box-shadow:-10px 0px 0 black, 10px 0px 0 black;
color:white;
}
.bghighlight-t{padding:4px 0;
background: var(--intblue);
box-shadow:-10px 0px 0 var(--intblue), 10px 0px 0 var(--intblue);
color:white;
}
.text-neon{
color:#FBC6A4;
}

/* fancy nav */

.nav-container nav {
	height:50px;
}
.footer-nav .nav-container nav li {
	padding-top:14px;
}
.footer-nav .nav-item {
  padding:0 0.5rem;
}
@media (min-width:1064px) {
	.nav-container nav:before{
	    content: "";
	    display: block;
	    position: absolute;
	    top: 0;
	    left: -16px;
	    background-image:url("/bilder/navbg-l.png");
	    background-repeat: no-repeat;
	    background-position: right top;
	    width: 16px;
	    height: 67px;
	}
	.nav-container nav:after{
	    content: "";
	    display: block;
	    position: absolute;
	    top: 0;
	    right: -16px;
	    background-image:url("/bilder/navbg-r.png");
	    background-repeat: no-repeat;
	    width: 16px;
	    height: 67px;
	}
	.nav-container-outer:before {
	    content: "";
	    display: block;
	    position: absolute;
	    top: 0;
	    left: 0;
	    background-image:url("/bilder/navbg.png");
	    background-repeat: repeat-x;
	    width: 100%;
	    height: 67px;
	}
	.footer-nav .nav-container nav:before{
	    background-image:url("/bilder/bnavbg-l.png");
	}
	.footer-nav .nav-container nav:after{
	    background-image:url("/bilder/bnavbg-r.png");
	}
	.footer-nav.nav-container-outer:before {
	    background-image:url("/bilder/bnavbg.png");
	}
	.footer-nav .nav-container nav {
		background-color:white;
		background-image:url("/bilder/bnavbg-f.png");
 		    background-repeat: repeat-x;
		padding-top:16px;
		height:67px;
	}
}


.carousel-caption {
	text-align:left;
}
.carousel-caption h5 {
	margin-bottom:0.2rem;
	line-height:1.8rem;
}

/* startup stuff */

/* https://beamtic.com/rotating-radial-stripes-css */
.radial-stripes {
  background:url("/bilder/radial.svg");
  background-repeat: no-repeat;
  background-position: center;
  position:absolute;
  margin:0 auto;
  top:50%;
  left:50%;
  margin-left:-10rem;
  margin-top:-10rem;
  width:20rem;
  height:20rem;
  /*opacity:0.4;*/
  animation:rotate 60s infinite linear;
}
@keyframes rotate {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}
.answer-initial {
  opacity: 0;
}
.answer-fade-in {
  opacity: 1;
  transition: opacity 2s;
}
.startupname span {
text-shadow: -2px -1px 5px var(--nav-col),2px 1px 5px var(--nav-bg-col);
}

/* page title stuff */

.row.page-title {
  padding:2rem 0;
  background-color:white;
  position:relative;
}
.row.page-title div {
      max-width:600px;
  margin:0 auto;
}
.row.page-title h2 {
    font-size: 3rem;
    font-weight: 300;
    line-height: 1.2;
 text-shadow: -2px -1px 5px var(--nav-col),2px 1px 5px var(--nav-bg-col);
}
.row.page-title img {
margin-top:0.5rem;
box-shadow: 4px 4px 8px var(--nav-col);
text-align:center;

}
.row.page-title p {
max-width:600px;
margin:0.5rem auto 0;
}
.row.page-title .from-anno small {
  display:block;
  text-align:center;
  width:100%;
  padding-top:0.3rem;
}
@media (min-width:576px) {
  .row.page-title .col {
  padding-left:0;
  }
}
@media (min-width:768px) {
  .row.page-title h2 {
    font-size: 4rem;
  }
  .row.page-title {
    padding:3rem 5rem 2rem;
  }
}

/* text link stuff */

.text-link-card.card {
background-color:var(--blueish);
border:none;
}
.text-link-card .card-body{
  position:absolute;
  left:0;
  bottom:0;
  padding:0 10px;
}
.text-link-card h5 {
	margin:0.1rem 0 0 0;
	padding:0;
	font-size:0.9rem;
	line-height:1.3rem;
}
.text-link-card p {
	margin:0.1rem 0 0 0;
	padding:0;
	font-size:0.6rem;
	line-height:1.1rem;
	font-weight:700;
}
@media (min-width:576px) {
	.text-link-card .card-body{
	  padding:0 10px 20px;
	}
	.text-link-card h5 {
		font-size:1.2rem;
		line-height:1.7rem;
	}
	.text-link-card p {
		font-size:0.8rem;
		line-height:1.3rem;
	}
}
@media (min-width:768px) {
	.text-link-card h5 {font-size:1.5rem;line-height:2.2rem;}
}
.text-link-card a { text-decoration:none; }
.text-link-card img {
/*padding-bottom:5rem;*/
opacity: 0.2;
aspect-ratio:1;
}

/* article stuff */

p.lead{
font-weight:700;
color:var(--violet);
font-size:1rem;
margin-bottom:3rem;
}
@media (min-width:768px) {
	article p{
	  font-size:1.2rem;
	  line-height:1.8rem;
	}
	p.lead{font-size:1.25rem;}
}
article p{
  font-size:1rem;
  line-height:1.5rem;
}

article p.initial::first-letter {
          font-size: 3.5rem;
          font-weight:700;
          float: left;
          margin:0.3rem 0.8rem 0.1rem 0;
          padding:1rem 0.5rem;
          background-color:var(--nav-col);
        }

article figure {
  border-top:1px solid var(--nav-col);
  border-bottom:1px solid var(--nav-col);
}
article figure blockquote {
  margin-top:1.75rem;
}
article figure blockquote p {
  font-weight:700;
  color:var(--violet);
  font-size:1.5rem;
  padding:0 4rem;
}
article h5.smol {
  font-size:1rem;
}
article .top-divider {
  margin-top:2rem;
  padding-top:1.5rem;
  border-top:1px solid var(--nav-col);
}
article table.dates td,article table.dates th {
border-top-width: 1px;
padding-top:2rem;
}

.atz:before{content:"@";}

/* presse */

.pressefoto {
 max-width:14rem;
 padding-bottom:1.5rem;
}