body{font-family:'Open Sans',serif;padding-top:54px;color:#868e96}@media (min-width:992px){body{padding-top:0;padding-left:17rem}}h1,h2,h3,h4,h5,h6{font-family:'Saira Extra Condensed',serif;font-weight:700;text-transform:uppercase}h1{font-size:5rem;line-height:4rem;color: #000;}h3{color: #000;}h2{font-size:3.5rem; color:#32a0d2;line-height: .85;}.subheading{text-transform:uppercase;font-weight:500;font-family:'Saira Extra Condensed',serif;font-size:1.35rem;line-height: 1.5rem;}.list-social-icons a{color:#495057}.list-social-icons a:hover{color:#32a0d2}.list-social-icons a .fa-lg{font-size:1.75rem}.list-icons{font-size:3rem}.list-icons .list-inline-item i:hover{color:#32a0d2}#sideNav .navbar-nav .nav-item .nav-link{font-weight:600;text-transform:uppercase}@media (min-width:992px){#sideNav{text-align:right;position:fixed;top:0;left:0;display:flex;flex-direction:column;width:17rem;height:100%}#sideNav .navbar-brand{display:flex;margin:auto auto 0;padding:.5rem}#sideNav .navbar-brand .img-profile{max-width:10rem;max-height:10rem;border:.5rem solid rgba(255,255,255,.2)}#sideNav .navbar-collapse{display:flex;align-items:flex-start;padding-top:5rem;width:100%;margin-bottom:auto}#sideNav .navbar-collapse .navbar-nav{flex-direction:column;width:100%}#sideNav .navbar-collapse .navbar-nav .nav-item{display:block}#sideNav .navbar-collapse .navbar-nav .nav-item .nav-link{display:block}}section.resume-section{padding-top:5rem!important;padding-bottom:5rem;background-image: url("../images/BG1.png");background-repeat: no-repeat;background-size: auto;}section.resume-section .resume-item .resume-date{min-width:none}@media (min-width:768px){section.resume-section{min-height:100vh}section.resume-section .resume-item .resume-date{min-width:18rem}}@media (min-width:992px){section.resume-section{padding-bottom:3rem!important}}.bg-primary{background-color:#32a0d2!important}.text-primary{
	color: rgb(50, 160, 210)!important;
	font-size: 0.8rem;
     line-height: 0.1rem;
}a{color:#32a0d2}a:active,a:focus,a:hover{color:#2b7597}

.impressum{
  float:left;
  display: block;
  color: white;
  font-size: 1rem;
  text-align: center;
  text-transform: uppercase;
  padding: .4rem!important;
  background-color: #32a0d2;
  width: 100%;
}


.card-header{
  background-color: rgba(255, 255, 255, 0.02);
  padding: 1rem 1rem 1rem 0rem;
  border: 0px;
}

.img-left-50{
    border-radius: 100%!important;
    -webkit-border-radius: 100%!important;
    -moz-border-radius: 100%!important;
    height:50px!important;
    width: auto!important;
    float: left!important;
}

@media (min-width: 992px) { #sideNav {
.navbar-brand {
    padding-top:0rem!important;
}
}

.trenner {
    /* Dotted red border */
	position: relative;
  border: 1px ridge #32a0d2;
  border-image-slice: 1;
  border-width: 1px;
  width: 100%;
  border-image-source: linear-gradient(to left,#ffffff,#343a40);
	opacity: .3;
}

h1 {
	grid-column: 1 / -1;
}

.opener{
    display: block;
    transition: 3s;
}

details[open] summary::after {
	color: red;
	transform: scale(1, -1);
}

.text-orange {
    color: #32a0d2!important;
	  text-transform: uppercase;
}

.hr-break:not(:first-of-type)::before {
  content: "\a\a";
  white-space: pre;
}

.hr-break:after {
    content: "\a";
    white-space: pre;
}

.img-right{
    float:  right;
    padding: 0 0 .5rem .5rem;
    width: auto;
    height:150px;
}
.img-amsel{
    float:  right;
    padding: 0 .5rem .5rem .5rem;
    width: 40%;
    height:auto;
}
    
.img-left{
    float:  left;
    padding: .5rem 1rem .5rem 0;
    height:auto;
    width: 150px;
} 
    
.img-left-200{
  float:none;
  padding: .5rem 1rem .5rem 0;
  margin-bottom: 3rem;
  height:200px;
  width: 200px;
}

.img-right-50{
      border-radius: 100%;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      height:50px;
      width: auto;
      float: right;
    }

.rund{
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
}
 
.dzButton {
    background-color:transparent;
    width: 200px;
    height: 30px;
    text-align: center;
	border-radius:3px;
	border:1px solid #32a0d2;
	display:inline-block;
	cursor:pointer;
	font-size:1rem;
	padding: 15px 11px 1px 11px;
	text-decoration:none;
	text-shadow:0px -1px 0px silver;
}

.text-blur  {
        font-size: 1rem;
        color: transparent;
        text-shadow: 0 0 8px #000;	
}

.card {
    transition: .3s;
    border: 0px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-bottom: 1rem;
    overflow: hidden;
}

.card-title {
    font-size: 1.2rem;
    border: 0px;
    font-weight: bold;
    margin: 0;
}
.expand {
        display:none;
}
.card-content {
  border: 0px;
    display: none;
    padding: 1rem;
    background-color: white;
}
.schalter {
    display: block;
    font-size: 16px;
    background-color: transparent;
    color: #32a0d2;
    border: none;
    outline: none;
    padding: 0;
}
.schalter2 {
    display: none;
    font-size: 16px;
    background-color: transparent;
    color: #32a0d2;
    border: none;
    outline: none;
    padding: 0;
}

.row-footer {
    display: block;
    height: auto;
}

.plaetze {
    font-size: .6rem;
    text-align: right;
    padding: 0px;
    margin: 0rem 0rem -10px 0rem;
    align-content: center;
    display: block;

}

progress {
      height: .3rem;
    max-width: 10rem;
    align-content: center;
    margin:0 -4px 0 0;
}

.p2 {
  height: .4rem;
    max-width: 10rem;
    align-content: center;
    margin:0 -4px 0 0;
    accent-color:#329fd2bc;
}

.ribbon {
  width: 120px;
  height: 120px;
  overflow: hidden;
  position: absolute;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #7A3D26;
}
.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 5px 30px 5px 0;
  background-color: rgba(183,175,175,0.50);
  box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
  color: #32a0d2;
  line-height: .7rem;
  font: 600 .5rem 'Open Sans', sans-serif;
  text-transform: uppercase;
  text-align: center;
    border: 1px solid  #32a0d2;
}

.ribbon-top-right {
  top: -10px;
  right: -10px;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent;
}
.ribbon-top-right::before {
  top: 0;
  left: 0;
}
.ribbon-top-right::after {
  bottom: 0;
  right: 0;
}
.ribbon-top-right span {
  left: -25px;
  top: 30px;
  transform: rotate(45deg);
}

.fruehvorbei {
    text-decoration: line-through;
}

.curch {
  background-image:url("../../images/kirche.png");
  background-position-x:calc(100%);
  background-position-y: calc(80% - 6.5rem);
  background-clip: border-box;
  background-repeat: no-repeat;
  background-size:calc(45% - 8px);
}
  

@media screen and (max-width: 768px) {
  H2 {font-size: 2.3rem; color: #32a0d2!important;}
  body{font-size: .9rem;}
  .subheading{font-size:1.2rem;}
  .img-left-200 {width: 90%; height: 90%;}
  section.resume-section {padding: 0rem 1rem .2rem 1rem; border: 0px!important;}
  .card  {border: 0px;}
  .card-header{
    padding: 1rem 1rem 1rem 0rem;
    border: 0px;
  }
  .card-content {display: none; border:0px!important;}
  .schalter {
      display: block;
      cursor: pointer;
      font-size: .9rem;
      background-color: transparent;
      border: none;
      outline: none;
      padding: 0;
      color: #32a0d2;
  }
  .p-3 {padding: 1rem;}
    
}

}