/* Do not forget to force browser to empty cache with ctrl + F5 */
html {
  color: #222;
  font-size:   1em;
  line-height: 1.4;
}

p.epo-express{
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2;
  color: #0d6efd;
}

p.epo-express--contact-form {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2;
  color: white;
}

.gs-mark{
  color: #222;
  font-weight: 600;
  background-color: inherit;
}

h1{
  color: blue;
}

h3.epc{
  color: red;
}

.padded-dropcap {
  padding-left: 5px;
  padding-right: 5px;
  float: left;
  position: relative;
  top: -0.34em;
  margin-bottom: -0.5em;
  margin-left: -6px;
  margin-right: 2px;
  font-size: 3.0em;
}

p.copyright{
  color: dodgerblue;
}

.font-120{
  font-size: 120%;
 }
.font-150{
  font-size: 150%;
 }

div.wrap {
    width:960px;
    margin:0 auto;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.container{
padding-left:  0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
width: 100%;
overflow: auto;
}

.title{
  padding-left:  0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  width: 70%;
  float: left;
}

.home{
  padding-left:  0px;
  padding-right: 0px;
  padding-top: 10px;
  padding-bottom: 0px;
  width: 20%;
  float: right;
}


.footx{
padding-left:  10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
background-color: black;
font-size: 0.8em;
overflow: auto;
}

.div1{
  padding-left:  5px;
  padding-right: 5px;
  padding-top: 10px;
  padding-bottom: 5px;
  width: 20%;
  float: right;
}

/* .box ersetzen durch .gs-box */
.box{
padding-left:  30px;
padding-right: 30px;
padding-top: 5px;
padding-bottom: 5px;
color: red;
background-color: lightblue;
font-size: 1.2em;
}



.gs-box {
  border-color: gray;
  border-radius: 1.5rem 1.5rem 1.5rem 1.5rem;
  border-style: solid;
  border-width: 3px;
  box-shadow: 0.5rem 0.5rem 0.5rem  #AAAAAA;

  /* distance box to text above and below and to container margin left and right*/
  margin-top:    1rem;
  margin-bottom: 1rem;
  margin-left:   1rem;
  margin-right:  1rem;

  /* distance text and header background from overall frame*/
  padding-left:   1.5rem;
  padding-right:  1.5rem;
  padding-top:    0.8rem;
  padding-bottom: 0;

  font-size: 1.0rem;

  background-color: whitesmoke;
}

.gs-box p + p {
  padding-top:  0rem;
}

.gs-box--info {
  border-color: blue;
  background-color: whitesmoke;
}

.gs-box--info--h {
      color: white;
      background: blue;
      background: -webkit-linear-gradient(#8e03ff, #6F0EC2);
      background: linear-gradient(to bottom right, #8e03ff, #6F0EC2); 
}
 
.gs-box--epo{
  border-color: #ff0303;
  background-color: #DDDDDD;
}


.gs-box--epo--h {
  color: white;
  background: #ff0303;
  background: -webkit-linear-gradient(#ff0303, #C2230E);
  background: linear-gradient(to bottom right, #ff0303, #C2230E); 
 }


 .gs-box--paris {
  border-color: #8e03ff;
  background-color: #CAE6FF;
}

.gs-box--paris--h {
  color: white;

  background: #8e03ff;
  background: -webkit-linear-gradient(#8e03ff, #6F0EC2);
  background: linear-gradient(to bottom right, #8e03ff, #6F0EC2); 
}

  

.gs-box--pergament {
  border-top-color: #ffd903;
  border-left-color: #ffd903;
  border-right-color: #c2980e;
  border-bottom-color: #c2980e;
  border-width: 3px;

  font-family: Georgia, 'Times New Roman', Times, serif;        
      
  background: #d6c8a3;
}


.gs-box--pergament--h  {
  color: black;          
  background: #ffd903;
  background: -webkit-linear-gradient(#ffd903, #c2980e);
  background: linear-gradient(to bottom right, #ffd903, #c2980e); 
}
 
       

.gs-box--warning {
    border-color: #9e089e;
    background-color: white;
  }


  .gs-box--warning--h {
  color: #fff;
  background: #ff33ff;
  background: -webkit-linear-gradient(#ff33ff, #9e089e);
  background: linear-gradient(to bottom right, #FF33FF, #9e089e); 
}
 

/* Optimized for a border width of 3px*/
h1.gs-box--top,
h2.gs-box--top,
h3.gs-box--top,
h4.gs-box--top,
h5.gs-box--top,
h6.gs-box--top {
  /* margin = distance header from frame*/
  margin-top:   -0.8rem;
  margin-left:  -1.5rem;
  margin-right: -1.5rem;

  
  padding-left:   1.5rem;
  padding-right:  1.5rem;
  padding-top:    1.0rem;
  padding-bottom: 1.0rem;
  
  border-radius: 1.3rem 1.3rem 0 0;
}


/* Optimized for a border width of 3px*/
h1.gs-box--continuation,
h2.gs-box--continuation,
h3.gs-box--continuation,
h4.gs-box--continuation,
h5.gs-box--continuation,
h6.gs-box--continuation {
  /* margin = distance header from frame*/
  margin-top:   -0.5rem;
  margin-left:  -1.5rem;
  margin-right: -1.5rem;

  
  padding-left:   1.5rem;
  padding-right:  1.5rem;
  padding-top:    1.0rem;
  padding-bottom: 1.0rem;
  
  border-radius: 0 0 0 0;
}


h1.gs-box--top{
  font-size: 3.0rem;
}

h2.gs-box--top{
  font-size: 2.0rem;
}

h3.gs-box--top{
  font-size: 1.6rem;
}

h4.gs-box--top {
  font-size: 1.4rem;
}

h5.gs-box--top {
  font-size: 1.2rem;
}

h6.gs-box--top {
  font-size: 1.0rem;
}



h1.gs-box--bottom,
h2.gs-box--bottom,
h3.gs-box--bottom,
h4.gs-box--bottom,
h5.gs-box--bottom,
h6.gs-box--bottom {
  /* margin = distance header from frame*/
  margin-top:     0.0rem;
  margin-left:  -1.5rem;
  margin-right: -1.5rem;
  margin-bottom:  0.0rem;
  
  padding-left:   1.5rem;
  padding-right:  1.5rem;
  padding-top:    0.5rem;
  padding-bottom: 0.5rem;
  
  border-radius: 0 0 1.3rem 1.3rem;
}

h1.gs-box--bottom{
  font-size: 2.0rem;
}

h2.gs-box--bottom{
  font-size: 1.5rem;
}

h3.gs-box--bottom{
  font-size: 1.2rem;
}

h4.gs-box--bottom {
  font-size: 1.0rem;
}

h5.gs-box--bottom {
  font-size: 0.9rem;
}

h6.gs-box--bottom {
  font-size: 0.66rem;
}


.leftVL{
  border-left: 15px solid lightblue;
  padding-left: 15px;
}

ol.decimal {
/* list-style: outside; */
 counter-reset: item;
}

li.decimal {
  counter-increment: item;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 5px;
  list-style: none;
  text-indent: -29px; /* key property */
}

li.decimal:before {
  margin-right: 10px;
  content: "(" counter(item) ")";
  padding-left: 0.0em;  /* padding before list content */
  padding-right: 0.0em; /* only distance in first line */
}


ol.lowerAlpha {
  list-style-type: lower-alpha;
/*  list-style: outside; */
/*  counter-reset: item;*/
}

li.lowerAlpha {
  counter-increment: item2;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 5px;
  list-style: none;
  text-indent: -29px; /* key property */
}

li.lowerAlpha:before {
  margin-right: 10px;
  content: "(" counter(item2, lower-alpha) ")";
  padding-left: 0.0em;  /* padding before list content */
  padding-right: 0.1em; /* only distance in first line */
}


ol.lowerRoman {
  list-style-type: lower-roman;
/*  list-style: outside; */
/*  counter-reset: item; */
}

li.lowerRoman {
  counter-increment: item3;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 5px;
  list-style: none;
  text-indent: -29px; /* key property */
}

li.upperRoman:before {
  margin-right: 1rem;
  content: "(" counter(item3, upper-roman) ")";
  padding-left: 0.0em;  /* padding before list content */
  padding-right: 1.3em; /* only distance in first line */
}

ol.upperRoman {
  list-style-type: upper-roman;
/*  list-style: outside; */
/*  counter-reset: item; */
}

li.upperRoman {
  counter-increment: item3;
  margin-right:  1rem;
  margin-top:    1rem;
  margin-bottom: .5rem;
  list-style: none;
  text-indent: -29px; /* key property */
}

li.upperRoman:before {
  margin-right: 1rem;
  content: "(" counter(item3, upper-roman) ")";
  padding-left: 0.0em;  /* padding before list content */
  padding-right: 1.3em; /* only distance in first line */
}




/*   Number in a circle
ol {
  list-style: none;
  counter-reset: item;
}
li {
  counter-increment: item;
  margin-bottom: 5px;
}
li:before {
  margin-right: 10px;
  content: counter(item);
  background: lightblue;
  border-radius: 100%;
  color: white;
  width: 1.2em;
  text-align: center;
  display: inline-block;
}
*/

.modalMessage {
  /* color of text */
  color: #636363;
	width:   400px;
	margin: 30px auto;
}

.modalMessage--email {
  /* color of text */
  color: #444444;
  width: 100%;
  margin-top: 50px;
  padding-top: 50px;
  margin-left: auto;
  margin-right: auto;
}

.modalMessage--terms {
  /* color of text */
  color: #444444;
  width: 100%;
  margin-top: 50px;
  padding-top: 50px;
  margin-left: auto;
  margin-right: auto;
}

.modalMessage .modal-content {
  padding: 20px;
	border-radius: 5px;
	border: none;
}

.modalMessage--terms .modal-content {
  padding: 50px;
  border-radius: 20px;
  border:	 solid;
  border-color: #3d7eff;
}

.modalMessage .modal-header {
	border-bottom: none;
  position: relative;
}

.modalMessage--terms .modal-header {
  padding-top: 60px;
  border-bottom: none;
  position: relative;
}

.modalMessage h4 {
	text-align: center;
	font-size: 26px;
	margin: 30px 0 -15px;
}

.modalMessage--email h4{
  text-align: left;
  color: blue;
  margin: 0px 0px 0px 0px;
}

.modalMessage .form-control, .modalMessage .btn {
	min-height: 40px;
	border-radius: 5px;
}

.modalMessage .close {
  position: absolute;
	top: -5px;
	right: -5px;
}

.modalMessage .modal-footer {
	border: none;
	text-align: center;
  border-radius: 5px;
	font-size: 13px;
}



.modalMessage .icon-box {
	color: #fff;
	position: absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: -70px;
	width: 95px;
	height: 95px;
	border-radius: 50%;
	z-index: 9;
	background: #82ce34;
	padding: 15px;
	text-align: center;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}

  .modalMessage--terms .icon-box {
    color: white;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: -120px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    z-index: 9;
    background: dodgerblue;
    padding: 30px;
    text-align: center;
    box-shadow: 0px 5px 40px rgba(0, 0, 0, .5);
  }

   /* general convention: double hypens indicate modifiers */
  .modalMessage--sent .icon-box{
  	background: #0390fc;
  }

  .modalMessage--oops .icon-box{
    background: #ef513a;
  }

	.modalMessage .icon-box i {
    /* font size of symbol in icon circle */
		font-size: 58px;
		position: relative;
		top: 3px;
	}
	.modalMessage.modal-dialog {
		margin-top: 100px;
	}
  
.modalMessage .btn {
  color: #fff;
  border-radius: 4px;
  background: #82ce34;
	text-decoration: none;
	transition: all 0.4s;
  line-height: normal;
  border: none;
}

.modalMessage--sent .btn{
  background: #0390fc;
}

.modalMessage--oops .btn{
 	background: #ef513a;
}


	.modalMessage .btn:hover, .modalMessage .btn:focus {
		background: #6fb32b;
		outline: none;
	}

  .modalMessage--sent .btn:hover, .modalMessage--sent .btn:focus {
		background: #00f;
		outline: none;
	}

.modalMessage--oops .btn:hover, .modalMessage--oops .btn:focus{
  background: #da2c12;
}

h1.modal-title--terms{
    color: blue;
}


	.modalMessage--terms .btn {
			color: #fff;
			border-radius: 20px;
	    background: dodgerblue;
			height:   4em;
			padding-bottom: 20px;
			margin-bottom: 100px;
    	text-decoration: none;
    	transition: all 0.4s;
			line-height: normal;
			border: none;
	}



	.trigger-btn {
		display: inline-block;
		margin: 100px auto;
	}

  
  .blockquote--brackets {
    text-align: center;
    margin: 50px;
    padding: 20px;
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
    font-size: 20px;
    color: #428bca;
    border-left: 4px solid #428bca;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border-right: 4px solid #428bca;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    }

    .blockquote--qmarks {
      padding-top: 50px;
      padding-bottom: 100px;
      padding-left:70px;
      padding-right: 70px;
      border: none;
      quotes: "\201C" "\201D";
      display: inline-block;
      position: relative;
      color: #428bca;
  }
  
  .blockquote--qmarks:before { 
      content: open-quote;
      font-size: 5em;
      font-weight: bold;
      position:absolute;
      top:0;
      left: 0;
      font-family: 'Times New Roman', Times, serif;
      color: gray;
  } 
  .blockquote--qmarks:after { 
      content: close-quote;
      font-weight: bold;
      position:absolute;
      font-family: 'Times New Roman', Times, serif;
      font-size: 5em;
      bottom:0; right: 0;
      color: gray;
  }
.blockquote--qmarks .source{
  color: gray;
  text-align: right;
}

a.pdf:link {
  color: rgb(153, 41, 63);
}

a.pdf:visited {
   color: green;
}

a.pdf:hover {
  color: red;
}

a.pdf:active {
  color: blueviolet;
}