/* 
//////////////////////////////////////////////////////////////
///////////////////////// All Style //////////////////////////
//////////////////////////////////////////////////////////////
*/

body {
  margin:0px;
  padding:0px;
  color:#2D2F33;

  background-color:#F9F9Fc;
  font-family: 'Merriweather', serif;
  font-weight: 300;
  letter-spacing: 0.08em;
  font-size: 0.90em;
  -webkit-text-size-adjust: none;
  text-size-adjust:none;
  -moz-text-size-adjust:none;
  -webkit-font-size-adjust:none;
  font-size-adjust:none;
  -moz-font-size-adjust:none;

  line-height: 1.3;
  position:relative;
  float:left;
  width:100%;
}

.logoFont {
  font-family: 'Merriweather', serif;
  font-weight: 300;
  font-size: 1.3em;
}

.wrapper {
  max-width:1700px;
  width:100%;
  margin-left:auto;
  margin-right:auto;
}

img {
  line-height: 0px;
  margin:0px;
  padding:0px;
  max-width:100%;
}

h1 {
  margin:0px;
  padding:0px;
  color:#055D9A;
  font-weight: 900;
  font-size:3em;
}

h2 {
  margin:0px;
  padding:0px;
  font-weight: 900;
  color:#055D9A;
  font-size:3em;
}

h3 {
  margin:0px;
  padding:0px;
  font-weight: 900;
  color:#055D9A;
  font-size:1.2em;
  margin-bottom: 0.5em;
}

a {
  color:#055D9A;
  text-decoration: none;
}

a:hover {
  color:#2D2F33;
}

.highlightText {
  color:#E27B0A;
  font-size: 1.7em;
}

/* 
//////////////////////////////////////////////////////////////
////////////////////////////// Input Felder //////////////////
//////////////////////////////////////////////////////////////
*/

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:#2D2F33;
  opacity: 0.5; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:rgba(45,47,51, 0.5);
}

::-ms-input-placeholder { /* Microsoft Edge */
  color:rgba(45,47,51, 0.5);
}



input[type=checkbox] {
  cursor: pointer;
}

input[type=radio] {
  cursor: pointer;
}

label {
  cursor: pointer;
}

.formBlock {
  margin-bottom: 1.5em;
}

select {
  border:1px solid #055D9A;
  background-color:#F9F9Fc;
  color:#2D2F33;
  font-size: 1.2em;
  padding:0.5em 1em;
  font-family: 'Noto Sans', sans-serif;
  width:100%;

  -webkit-border-radius: 0.75em;
     -moz-border-radius: 0.75em;
          border-radius: 0.75em;

  -webkit-box-shadow: 0 0.5em 0.5em 0 rgba(0,0,0,0.07);
     -moz-box-shadow: 0 0.5em 0.5em 0 rgba(0,0,0,0.07);
          box-shadow: 0 0.5em 0.5em 0 rgba(0,0,0,0.07);
}

input {
  border:1px solid #055D9A;
  background-color:#F9F9Fc;
  color:#2D2F33;
  font-size: 1.2em;
}

input[type=text] {
  width:calc((100% - 2px) - 2em);
  padding:0.5em 1em;

  font-family: 'Noto Sans', sans-serif;

  -webkit-border-radius: 0.75em;
     -moz-border-radius: 0.75em;
          border-radius: 0.75em;

  -webkit-box-shadow: 0 0.5em 0.5em 0 rgba(0,0,0,0.07);
     -moz-box-shadow: 0 0.5em 0.5em 0 rgba(0,0,0,0.07);
          box-shadow: 0 0.5em 0.5em 0 rgba(0,0,0,0.07);
}

textarea {
  border:1px solid #055D9A;
  background-color:#F9F9Fc;
  color:#2D2F33;
  font-size: 1.2em;
  width:calc((100% - 2px) - 2em);
  height:15em;
  resize: none;

  padding:0.5em 1em;

  font-family: 'Noto Sans', sans-serif;

  -webkit-border-radius: 0.75em;
     -moz-border-radius: 0.75em;
          border-radius: 0.75em;

  -webkit-box-shadow: 0 0.5em 0.5em 0 rgba(0,0,0,0.07);
     -moz-box-shadow: 0 0.5em 0.5em 0 rgba(0,0,0,0.07);
          box-shadow: 0 0.5em 0.5em 0 rgba(0,0,0,0.07);
}




.buttonWrapper {
  position:relative;
  height:5em;
}

@keyframes releaseButton {
  from {
    margin-top: 0.25em;
    
    -webkit-box-shadow: 0 0.25em 0.25em 0em rgba(0,0,0,0.4);
       -moz-box-shadow: 0 0.25em 0.25em 0em rgba(0,0,0,0.4);
            box-shadow: 0 0.25em 0.25em 0em rgba(0,0,0,0.4);
  } to {
    margin-top: 0em;

    -webkit-box-shadow: 0 0.75em 1.25em 0.25em rgba(128,128,128,0.25);
       -moz-box-shadow: 0 0.75em 1.25em 0.25em rgba(128,128,128,0.25);
            box-shadow: 0 0.75em 1.25em 0.25em rgba(128,128,128,0.25);
  }
}


input[type=submit] {
  position:absolute;
  animation-duration: 0.25s;
  animation-name: releaseButton;

  border:none;

  margin-top:0em;
  background-color:#E27B0A;
  color:#ffffff;
  text-align:center;
  display:inline-block;

  width: -webkit-min-content;
  width:    -moz-min-content;
  width:         min-content;

  white-space: nowrap;
  padding:0.9em 1.4em;
  cursor:pointer;

  -webkit-border-radius: 2.5em;
     -moz-border-radius: 2.5em;
          border-radius: 2.5em;

  -webkit-box-shadow: 0 0.75em 1.25em 0.25em rgba(128,128,128,0.25);
     -moz-box-shadow: 0 0.75em 1.25em 0.25em rgba(128,128,128,0.25);
          box-shadow: 0 0.75em 1.25em 0.25em rgba(128,128,128,0.25);
}



@keyframes pressButton {
  from {
    margin-top: 0em;

    -webkit-box-shadow: 0 0.75em 1.25em 0.25em rgba(128,128,128,0.25);
       -moz-box-shadow: 0 0.75em 1.25em 0.25em rgba(128,128,128,0.25);
            box-shadow: 0 0.75em 1.25em 0.25em rgba(128,128,128,0.25);
  } to {
    margin-top: 0.25em;
    
    -webkit-box-shadow: 0 0.25em 0.25em 0em rgba(0,0,0,0.4);
       -moz-box-shadow: 0 0.25em 0.25em 0em rgba(0,0,0,0.4);
            box-shadow: 0 0.25em 0.25em 0em rgba(0,0,0,0.4);
  }
}

input[type=submit]:hover {
  animation-duration: 0.25s;
  animation-name: pressButton;

  margin-top: 0.25em;
    
    -webkit-box-shadow: 0 0.25em 0.25em 0em rgba(0,0,0,0.4);
       -moz-box-shadow: 0 0.25em 0.25em 0em rgba(0,0,0,0.4);
            box-shadow: 0 0.25em 0.25em 0em rgba(0,0,0,0.4);
}


.errorText {
  color:#E04F5D;
}

.errorInput {
  border-color:#E04F5D;
}

.successText {
  color:#78E02D;
}


.contactDataDesktop {
  display:block;
}

.contactDataMobile {
  display:none;
}


.bibliothekOverviewElement img {
  width:80%!important;
}


/* 
//////////////////////////////////////////////////////////////
////////////////////////////// Buttons ///////////////////////
//////////////////////////////////////////////////////////////
*/

.button {
  background-color:#055D9A;
  color:#ffffff;
  text-align:center;
  display:inline-block;

  width: -webkit-min-content;
  width:    -moz-min-content;
  width:         min-content;

  white-space: nowrap;
  padding:0.9em 1.4em;
  cursor:pointer;

  -webkit-border-radius: 2.5em;
     -moz-border-radius: 2.5em;
          border-radius: 2.5em;
}

.button:hover {
  background-color:#E27B0A;
}

.highlightButton {
  background-color:#E27B0A!important;
}

.highlightButton:hover {
  -webkit-box-shadow: 0em 0em 0.75em 0.25em rgba(226,123,10, 0.4);
     -moz-box-shadow: 0em 0em 0.75em 0.25em rgba(226,123,10, 0.4);
          box-shadow: 0em 0em 0.75em 0.25em rgba(226,123,10, 0.4);
}

.outlineButton {
  background-color:transparent;
  color:#055D9A!important;
  border:1px solid #055D9A;
}

.outlineButton:hover {
  background-color:#055D9A!important;
  color:#ffffff!important;
}

/* 
//////////////////////////////////////////////////////////////
////////////////////////////// Navigation Bar ////////////////
//////////////////////////////////////////////////////////////
*/

.navigationBarWrapper {
  max-width:90%;
  width:100%;
  margin-left:auto;
  margin-right:auto;


  display:flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content:space-between;
  align-items:flex-start;
  align-content: flex-start;
}

.headerBar {
  position: sticky;
  top:0;
  z-index:9999;
  background-color:rgba(249,249,252, 0.75);
  -webkit-backdrop-filter: blur(0.6em);
     -moz-backdrop-filter: blur(0.6em);
          backdrop-filter: blur(0.6em);

  border-bottom:1px solid #dddddd;
}

.logoLightMode {
  display:block;
}

.logoDarkMode {
  display:none;
}


.logoContainer {
  margin:1.2em 0;
  order: 1;
  width:15%;
}

.logoContainer img {
  width:10em;
  cursor:pointer;
}

.logoContainer svg {
  width:10em;
  cursor:pointer;
}

.navigationContainer {
  order: 2;
  margin-top:4.75em;
  text-align:center;
}

.navigationButtonWrapper {
  order: 3;
  width:15%;
  text-align: right;
}

.navigationButtonWrapper .button {
  margin-top:2.67em;
}

.navigationButtonMobile {
  display: none;

  order: 2;
  width:15%;
  text-align: right;
}

.navigationButtonMobile svg {
  fill:#055D9A;
  height:3.2em;
  margin-top:1.5em;
  cursor:pointer;
}

#mobileNavigation {
  width:100%;
  height:calc(100vh - 9em);
  position:relative;

  padding:2em 0;

  text-align: center;

  overflow:scroll;
}

/* 
//////////////////////////////////////////////////////////////
////////////////////////////// Navigation ////////////////////
//////////////////////////////////////////////////////////////
*/

.anchor {
  scroll-margin-top: 6em;
}

.navigationContainer a {
  color:#2D2F33;
  cursor: pointer;
}

.navigationContainer a:hover {
  color:#E27B0A;
}

.curnav {
  color:#E27B0A!important;
  display:block;
  background-position: bottom center;
  background-repeat: no-repeat;
}

.subnavi {
  font-size:0.9em;
}






#nav {
  display:inline-block;
}

#nav li {
  float: right;
  margin: auto;
}

.mouseover{
  margin:0 1em;
  display:block;
  margin-bottom: 1.5em;
}

#nav li ul {
  text-align:left;
  position: absolute;
  max-width: 15em;
  left: -999em;
  background-color:#ffffff;
  margin-left:1em;
  padding:1em 0;


  -webkit-border-radius: 0.6em;
     -moz-border-radius: 0.6em;
          border-radius: 0.6em;

  -webkit-box-shadow: 0 0 1em 0 rgba(0,0,0,0.25);
     -moz-box-shadow: 0 0 1em 0 rgba(0,0,0,0.25);
          box-shadow: 0 0 1em 0 rgba(0,0,0,0.25);
}

#subnav li {
  max-width:15.5em;
  min-width:15.5em;
  padding: 0px;
  text-align: left;
}

#subnav .mouseover {
  padding:0.25em;
  display:block;
  margin-bottom: 0em;
}

#subnav li ul {
  max-width: 7em;
}

#nav, #nav ul {
   padding: 0;
   margin: 0;
   list-style: none;;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
   left: -1100em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
   left: auto;
}

li>ul {
   top: auto;
   left: auto;
}


/* 
//////////////////////////////////////////////////////////////
////////////////////////////// Header ////////////////////////
//////////////////////////////////////////////////////////////
*/


.fullsizeHeaderPicture {
  height: 70vh;

  background-size:100% auto;
  background-repeat: no-repeat;
  background-position: center center;

  margin-bottom:3em;
  position: relative;
}

.headerHeadline {
  margin-top:1.0em;
  font-size: 3em;
  line-height: 1.6em;
  color:#055D9A;
  font-weight: 600;
}

.headerPictureLighter {
  position:relative;
  height:100%;

  background-color:rgba(45,47,51, 0.25);
}

.fullsizeHeaderPicture .headerHeadline {
  position:absolute;
  left:center;
  top:calc(50% - 1.6em);

  color:#ffffff;

  margin:0;

  -webkit-filter: drop-shadow(0em 0em 0.25em rgba(45,47,51, 0.75));
     -moz-filter: drop-shadow(0em 0em 0.25em rgba(45,47,51, 0.75));
          filter: drop-shadow(0em 0em 0.25em rgba(45,47,51, 0.75));
}

.headerSubline {
  margin-top:0.5em;
}

.headerButtons {
  margin-top:2.5em;
  display:inline-block;

  width: -webkit-min-content;
  width:    -moz-min-content;
  width:         min-content;
  
  white-space: nowrap;

}

.headerButtons .button {
  margin:0 1.5em;
}

.headerMedia {
  margin-top:5em;
}

.headerMedia img {
  width:50em;

  -webkit-border-radius: 1.0em;
     -moz-border-radius: 1.0em;
          border-radius: 1.0em;

  -webkit-box-shadow: 0 1em 1em 0 rgba(0,0,0,0.25);
     -moz-box-shadow: 0 1em 1em 0 rgba(0,0,0,0.25);
          box-shadow: 0 1em 1em 0 rgba(0,0,0,0.25);
}

.headerMedia video {
  width:50em;

  -webkit-border-radius: 1.0em;
     -moz-border-radius: 1.0em;
          border-radius: 1.0em;

  -webkit-box-shadow: 0 1em 1em 0 rgba(0,0,0,0.25);
     -moz-box-shadow: 0 1em 1em 0 rgba(0,0,0,0.25);
          box-shadow: 0 1em 1em 0 rgba(0,0,0,0.25);
}


/* 
//////////////////////////////////////////////////////////////
////////////////////////////// Content ///////////////////////
//////////////////////////////////////////////////////////////
*/

.showOnDesktop {
  display: block;
}

.showOnSmartphone {
  display: none;
}


.content {
  margin:5em 0 10em 0;
}


.headline {
  margin-bottom: 1.5em;
}


.contentElement {
  margin-bottom:5em;
  margin-top:5em;
}

.highlight {
  color:#055D9A;
}

.highlightSubColor {
  color:#E27B0A;
}


.roundedCornerImage {
  -webkit-border-radius: 1.0em;
     -moz-border-radius: 1.0em;
          border-radius: 1.0em;
}

.listingBlock {
  margin-bottom: 1.5em;
}

.contentHalfTextBlockBig {
  margin-top:4em;
}

.contentHalfTextBlockSmall {
  margin-top:4.5em;
}







.steringArrowLeft {
  background-image:url('../img/icons/arrowLeft.svg');
  background-position:5% center;
  background-repeat:no-repeat;
  background-size:auto 40%;
  height:100vh;
  position:sticky;
  top:0;
  cursor:pointer;
  background-color:transparent;
}

.steringArrowRight {
  background-image:url('../img/icons/arrowRight.svg');
  background-position:95% center;
  background-repeat:no-repeat;
  background-size:auto 40%;
  height:100vh;
  position:sticky;
  top:0;
  cursor:pointer;
  background-color:transparent;
}

.chiffreImage img {
  max-width:100%;
  width:55vw;
}

.thumbnail {
  float:left;
  line-height:0;
  height:7em;
  cursor:pointer;
  border:0.2em solid #ffffff;
}

.thumbnailActive {
  border-color:#39A8E0;
}

.chiffreContact {
  margin-top:10em;
}


.galeriePicture {
  width:47.5%;
  padding:1em 1.25%;
  float:left;
}

.galeriePicture img {
  width:100%;

  -webkit-border-radius: 1.0em;
     -moz-border-radius: 1.0em;
          border-radius: 1.0em;
}

/* 
//////////////////////////////////////////////////////////////
////////////////////////////// Quadratic Button //////////////
//////////////////////////////////////////////////////////////
*/

@keyframes loseQuadraticButton {
  from {
    margin-bottom: 0em;
    
    -webkit-box-shadow: 0 0.25em 0.25em 0em rgba(0,0,0,0.4);
       -moz-box-shadow: 0 0.25em 0.25em 0em rgba(0,0,0,0.4);
            box-shadow: 0 0.25em 0.25em 0em rgba(0,0,0,0.4);
  } to {
    margin-bottom: 0.25em;

    -webkit-box-shadow: 0 0.75em 1.25em 0.25em rgba(128,128,128,0.25);
       -moz-box-shadow: 0 0.75em 1.25em 0.25em rgba(128,128,128,0.25);
            box-shadow: 0 0.75em 1.25em 0.25em rgba(128,128,128,0.25);
  }
}

@keyframes loseOddQuadraticButton {
  from {
    margin-bottom: 2.5em;
    
    -webkit-box-shadow: 0 0.25em 0.25em 0em rgba(0,0,0,0.4);
       -moz-box-shadow: 0 0.25em 0.25em 0em rgba(0,0,0,0.4);
            box-shadow: 0 0.25em 0.25em 0em rgba(0,0,0,0.4);
  } to {
    margin-bottom: 2.75em;

    -webkit-box-shadow: 0 0.75em 1.25em 0.25em rgba(128,128,128,0.25);
       -moz-box-shadow: 0 0.75em 1.25em 0.25em rgba(128,128,128,0.25);
            box-shadow: 0 0.75em 1.25em 0.25em rgba(128,128,128,0.25);
  }
}

.quadraticButton {
  animation-duration: 0.25s;
  animation-name: loseQuadraticButton;

  width:18em;
  height:18em;

  background-color:#F9F9Fc;
  display:inline-block;
  cursor:pointer;
  text-align:center;
  margin:0 0.65em 0.25em;

  -webkit-border-radius: 1.0em;
     -moz-border-radius: 1.0em;
          border-radius: 1.0em;

  -webkit-box-shadow: 0 0.75em 1.25em 0.25em rgba(128,128,128,0.25);
     -moz-box-shadow: 0 0.75em 1.25em 0.25em rgba(128,128,128,0.25);
          box-shadow: 0 0.75em 1.25em 0.25em rgba(128,128,128,0.25);
}

.quadraticButton:nth-child(odd){
  margin-bottom:2.75em;
  animation-duration: 0.25s;
  animation-name: loseOddQuadraticButton;
}

@keyframes pressQuadraticButton {
  from {
    margin-bottom: 0.25em;

    -webkit-box-shadow: 0 0.75em 1.25em 0.25em rgba(128,128,128,0.25);
       -moz-box-shadow: 0 0.75em 1.25em 0.25em rgba(128,128,128,0.25);
            box-shadow: 0 0.75em 1.25em 0.25em rgba(128,128,128,0.25);
  } to {
    margin-bottom: 0em;
    
    -webkit-box-shadow: 0 0.25em 0.25em 0em rgba(0,0,0,0.4);
       -moz-box-shadow: 0 0.25em 0.25em 0em rgba(0,0,0,0.4);
            box-shadow: 0 0.25em 0.25em 0em rgba(0,0,0,0.4);
  }
}

@keyframes pressOddQuadraticButton {
  from {
    margin-bottom: 2.75em;

    -webkit-box-shadow: 0 0.75em 1.25em 0.25em rgba(128,128,128,0.25);
       -moz-box-shadow: 0 0.75em 1.25em 0.25em rgba(128,128,128,0.25);
            box-shadow: 0 0.75em 1.25em 0.25em rgba(128,128,128,0.25);
  } to {
    margin-bottom: 2.5em;
    
    -webkit-box-shadow: 0 0.25em 0.25em 0em rgba(0,0,0,0.4);
       -moz-box-shadow: 0 0.25em 0.25em 0em rgba(0,0,0,0.4);
            box-shadow: 0 0.25em 0.25em 0em rgba(0,0,0,0.4);
  }
}

.quadraticButton:hover {
  animation-duration: 0.25s;
  animation-name: pressQuadraticButton;

  margin-bottom: 0em;
    
    -webkit-box-shadow: 0 0.25em 0.25em 0em rgba(0,0,0,0.4);
       -moz-box-shadow: 0 0.25em 0.25em 0em rgba(0,0,0,0.4);
            box-shadow: 0 0.25em 0.25em 0em rgba(0,0,0,0.4);
}

.quadraticButton:nth-child(odd):hover {
  animation-duration: 0.25s;
  animation-name: pressOddQuadraticButton;

  margin-bottom: 2.5em;
    
  -webkit-box-shadow: 0 0.25em 0.25em 0em rgba(0,0,0,0.4);
     -moz-box-shadow: 0 0.25em 0.25em 0em rgba(0,0,0,0.4);
          box-shadow: 0 0.25em 0.25em 0em rgba(0,0,0,0.4);
}

.quadraticButtonIcon {
  margin:3em 0 2em;
}

.quadraticButtonIcon svg {
  width:30%;
  fill:#055D9A;
}

.quadraticButtonToppic {
  margin-bottom:2.5em;
  font-size: 1.25em;
}

.quadraticButtonLink {
  color:#055D9A;
}

.quadraticButton:hover .quadraticButtonLink {
  color:#E27B0A;

  -webkit-filter: drop-shadow(0em 0em 0.5em rgba(226,123,10, 0.4));
     -moz-filter: drop-shadow(0em 0em 0.5em rgba(226,123,10, 0.4));
          filter: drop-shadow(0em 0em 0.5em rgba(226,123,10, 0.4));
}

.quadraticButton:hover .quadraticButtonIcon svg {
  fill:#E27B0A;

  -webkit-filter: drop-shadow(0em 0em 1.5em rgba(226,123,10, 0.4));
     -moz-filter: drop-shadow(0em 0em 1.5em rgba(226,123,10, 0.4));
          filter: drop-shadow(0em 0em 1.5em rgba(226,123,10, 0.4));
}


/* 
//////////////////////////////////////////////////////////////
/////////////////////////////// Footer ///////////////////////
//////////////////////////////////////////////////////////////
*/

.footer {
  float:left;
  width:100%;
  padding:4em 0;
  color:#2D2F33;
  line-height:1.5em;
  font-size:0.9em;

  background-color: #EEEEF2;
}

.footer a {
  color:#E27B0A;
  text-decoration: none;
  cursor: pointer;
}

.footer a:hover {
  color:#055D9A;
}

.footer .highlight {
  color:#055D9A;
  font-size:1.1em;
}

.footerMainRow {
  float:left;
  width:100%;
}

.footerSubRow {
  float:left;
  width:95%;
  margin-left:5%;
}

.copyrightLine {
  margin-top:4em;
}

.copyrightLine a {
  display:inline-block;
  margin-right: 3em;
}

.copyrightLine span {
  display:inline-block;
  float:right;
}

.copyrightLine span a {
  margin: 0;
}

.footerListingTitle {
  float:left;
  margin-right: 1.5em;
}


.endOfPageLine {
  float:left;
  width:100%;
  height:0.6em;
  background-color:#055D9A;
}




/*
//////////////////////////////////////////////////////////////
////////////////// Slider Einstellungen //////////////////////
//////////////////////////////////////////////////////////////
*/


#my_fader {
  width:100%;
  float:left;
  overflow:hidden;
}

#slide_container {
  position:relative;
  float:left;
  width:100%;
  height:100%;
  display:block;
}

.slides {
  position:absolute;
  display:none;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  background-size: 100% auto;
  background-position:center center;
  background-repeat: no-repeat;
}

/* 
//////////////////////////////////////////////////////////////
///////////////////////// Fader Style ////////////////////////
//////////////////////////////////////////////////////////////
*/

.faderWrapper {
  display:inline-block;


}

#fadeshow1 {
  width:50em!important;
  height:25em!important;

  padding:2.5em;

}

#fadeshow2 {
  width:50em!important;
  height:25em!important;

  padding:2.5em;

}

.faderWrapper img {
  width:50em;

  -webkit-border-radius: 1.0em;
     -moz-border-radius: 1.0em;
          border-radius: 1.0em;

  -webkit-box-shadow: 0 1em 1em 0 rgba(0,0,0,0.25);
     -moz-box-shadow: 0 1em 1em 0 rgba(0,0,0,0.25);
          box-shadow: 0 1em 1em 0 rgba(0,0,0,0.25);
}