/* CSS Document */
@font-face {
  font-family: regular;
  src: url("../fonts/Raleway-Regular.ttf"); }
@font-face {
  font-family: boldy;
  src: url("../fonts/Raleway-Bold.ttf"); }
@font-face {
  font-family: light;
  src: url("../fonts/Raleway-Light.ttf"); }
@font-face {
  font-family: xlight;
  src: url("../fonts/Raleway-ExtraLight.ttf"); }
@font-face {
  font-family: semibold;
  src: url("../fonts/Raleway-SemiBold.ttf"); }
@font-face {
  font-family: lightitalic;
  src: url("../fonts/Raleway-LightItalic.ttf"); }
@font-face {
  font-family: kwote;
  src: url("../fonts/High-Summit.ttf"); }
* {
  font-family: 'light';
  padding: 0;
  margin: 0;
   }
body{
  color: white;
}
p{
  font-size: 20px;
}
/*HH NAV*/
.frame{
  background-image: url(../img/waves2bw.jpg);
  width: 100%;
  height: 40vw;
  object-fit: cover;

}
.name{
  width: 100vw;
}
.name p{
  font-family: arial;
  font-size: 10vw;
  color: white;
  
}

nav#main{
  display: none;
}
.header_right img{
  width: 65px;
  position: relative;
  left: 1rem;
}
.header_right :hover{
  cursor: pointer;

}

.select_language{
  position: absolute;
  top: 0;
  right: 0;
}

.impressum_top{
  display: none;
 }

.header_right{
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: light;
  background-color: white;
  height: 10vh;
  padding: 0 1rem 0 0rem;
}
.hh_menu{
  display: flex;
}
.navi{
  margin-bottom: 0.4rem;
}
.bar1, .bar3, .bar2{
  width: 18px;
  height: 2px;
  background-color: #003D47;
  margin: 0px 0px 3px 0px ;
}
.bar2{
  margin-bottom: 0;
}

.eins,.zwei{
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  text-transform: uppercase;
  margin-top: 5px;
  margin-left: 10px;

}





.menu_close{
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 10vh;
 right: 0;
  background-color: rgb(255, 255, 255);
  /*background-color: rgba(255, 255, 255, 0.9);*/
  overflow-x: hidden;
  transition: 0.5s;
}
.menu_open{
  height: 100%;
  width: 350px;
  position: absolute;
  z-index: 1;
  top: 10vh;
 right: 0;
  background-color: rgb(255, 255, 255);
  /*background-color: rgba(255, 255, 255, 0.9);*/
  overflow-x: hidden;
  transition: 0.5s;

}

.menu_container_flex{
  display: none;
  
}


/*.menu_item{
  padding: calc(14.4px + (35 - 14.4) * ((100vw - 320px) / (780 - 320)));
}*/


.menu_item_flex{
  border-bottom: solid #003d4714 1px;
}
.menu_item_flex:nth-child(1){
  border-top: solid #003d4714 1px;
}
.menu_item_flex:hover{
  text-decoration: underline;
  
}

ul{
  list-style-type: none;
  

  
  
}

li a{
  text-decoration: none;
  color: #003D47;
  font-size: 14px;
  padding: 13px 17px 13px 0;
  font-style: normal;
  text-transform: uppercase;
  margin-left: 1rem;
  transition: color 0.2s ease-in-out;
  letter-spacing: .1em;
  display: flex;
}
li a:hover{
  color: #05a1bbf5
}






.icon{
  background-color: white;
  margin-top: 0.6rem;
}







.links{
  border: solid white 1px;
  margin-top: 10rem;
 
}

.nummer{
  border: solid green 1px;
}




.N .menu_link{
	font-size: 1.5rem;
  color: white;
	
	
	
	
}

.N{
	padding-bottom: 1.5rem;
	padding-left: 0rem;
  padding: 1.5rem;
  border: solid red 1px;
  
  
}

#first{
  padding-bottom: 1rem;
}


.N .menu_link:hover{
     text-decoration: underline ; 
     cursor: pointer; 
	 
}

.N a:hover{
	cursor: pointer;
	color:  rgb(110, 181, 247);
}

.nummer{
  color: white;
  padding-left: 4.5rem;
  padding-right: 2rem;
  font-size: 0.7rem;
}

 .header-menu{
  color: #003D47;
  background-color: white;
  
}

.header-menu a{
  color: white;
}

.navi .header-menu{
  margin-left: 0;
  padding-left: 0;
}

.icon-menu{
  background-color: white;
  
}

.I-menu{
  background-color: white;
}

.change .bar1 {
  
  transform: translate(0, 5px) rotate(-45deg);
  transition: 0.5s;
  background-color: #003D47;
  padding-bottom: 0;
  width: 17px;
}


.change .bar2 {
  transform: translate(0, 0px) rotate(45deg);
  transition: 0.5s;
  background-color: #003D47;
  width: 17px;
}
.change .bar3{
  display: none;
}

.close{
  display: none;
}

.zwei{
  display:none;
  background-image: none;
}

.show{
  display: flex ;
  color: #003D47;
  background-image: none;
}

.header_right p.show{
  font-size: 16px;
}
.open p{
  color: #003D47;
}

.test{
  display: flex;
}

/*HH NAV END*/
.menu_container_flex{
  position: relative;
}
nav#main {
  height: 10vh;
display: none; }
  nav#main p {
    width: 60vw;
    display: flex;
    justify-content: space-evenly;
    height: 10vh;
    align-items: center; }
    nav#main p a {
      color: #003D47;
      text-decoration: none;
      text-transform: uppercase;
      font-size: 12px;
      /*font-weight: bold;*/
      letter-spacing: .1em;
      display: block;
      transition: color .2s ease-in-out; }
      nav#main p a:hover {
        color: #6D9D87; }
      nav#main p a.active {
        font-family: 'semibold'; }
    nav#main p span {
      color: #003D47;
      display: block;
      font-size: 26px;
      line-height: 14px;
    margin: 0 0.7rem 0 0.7rem; }
  nav#main.subsite {
    display: none;
    justify-content: space-between;
    align-items: center;
    padding: 0 3rem;
     }
    nav#main.subsite > a {
      display: block;
      width: 100%; }
      nav#main.subsite > a img {
        width: 85px; }
    nav#main.subsite p {
      width: 160%; }

nav#footer {
  background: #C6C9B0;
  display: block;
  /*align-items: center;
  justify-content: space-between;*/
  margin-top: 0.5rem;
  padding: 1rem 0.5rem 1rem 0.5rem;
text-align: center; }
nav#footer ul:nth-child(2){
  display: none;
} 
 nav#footer ul{
  font-size: 12px;
  text-decoration: none;
  margin: 0 auto;
 }
 .footer_list li a{
  font-size: 12px;
  text-decoration: none;
  margin-left: 0;
  /*color: white;*/
  text-transform: none;
	 color: #003D47;
 }
 .footer_list li{
  padding: 0.3rem;
  color: #003D47;
 }
 .footer_list span:nth-child(2){
  display: none;
 }
 .footer_list span:nth-child(3){
  display: none;
 }
 .flex li a{
  display: flex;
  justify-content: center;
  padding: 0;
  margin: 0 auto;
 }



 /* nav#footer p {
    width: auto;
  font-size: 10px; }
    nav#footer p a {
      text-decoration: none;
      text-transform: uppercase;
      font-size: 14px;
      letter-spacing: .1em;
      display: block; }
      nav#footer p a.active {
        font-family: 'semibold'; }
    nav#footer p span {
      display: block;
      font-size: 30px;
      line-height: 14px; }
    nav#footer p:nth-of-type(2) {
      display: flex;
      justify-content: space-between;
      width: 72vw;
      max-width: 800px; }
    nav#footer p:first-of-type {
      text-align: left;
      width: 14vw; }
    nav#footer p:last-of-type {
      text-align: right;
      display: flex;
      justify-content: space-between;
      width: 14vw; }*/

div.wrapper {
  padding-top: 0.5rem;
  padding-bottom: 100px;
  margin-top: 0;
  background: #003D47;
  position: relative;
  overflow: hidden; }
  div.wrapper_ost {
    padding-top: 0.5rem;
    padding-bottom: 0;
    margin-top: 0;
    background: #003D47;
    position: relative;
    overflow: hidden; }
  div.wrapper_open_nav{
    filter: opacity(.7);
  background: #003D47;
  /*height: 80vh;*/
  position: relative;
  overflow: hidden;
  /*padding-bottom: 10vh;*/
  }
  .image_top{
    width: 100%;
    height: auto;
    object-fit: cover;
    vertical-align: bottom;
  }
  /*div.wrapper div.cntt {
    padding: 0 1rem; }*/
    div.wrapper div.cntt p {
      width: 71vw;
      text-align: center;
      margin: 0 auto;
     /* max-width: 760px;*/ }
div.wrapper div.cntt p a {
	text-decoration: none;
	color: inherit;
}
div.wrapper div.cntt p a:hover {
	transition: color .2s ease-in-out;
	color: #C6C9B0;
}

  div.wrapper.subsite {
    background: none;
    padding: 0;
    min-height: 80vh;
    height: auto; }
    /*div.wrapper.subsite div.sechead {
      padding: 3vh 0 10vh;
      display: flex;
      justify-content: space-between; }*/
      div.wrapper.subsite div.sechead div.cntt {
        width: 100%;
        border-top: 0.5rem solid #003D47;
        padding-bottom: 5.6rem;
       }
        div.wrapper.subsite div.sechead div.cntt p {
          color: #003D47;
          /*width: 26vw;
          min-width: 550px;*/ }
        div.wrapper.subsite div.sechead div.cntt h1 {
          color: #003D47;
          font-size: 34px;
          width: auto; }
          div.wrapper.subsite div.sechead div.cntt h1.written {
            font-family: 'kwote';
            letter-spacing: 0;
            text-transform: none;
            margin-top: 15vh; }
            div.wrapper div.cntt h1.written {
              font-family: 'kwote';
              letter-spacing: 0;
              text-transform: none;
              margin-top: 10vh;
            font-size: 34px; }
            div.wrapper div.cntt h1{
              font-size: 20px;
              width: 100%;
            }
            div.wrapper_ost div.cntt p {
                margin: 0 3rem 6vh 3rem;
                text-align: center;
               }
  
  
      div.wrapper.subsite div.sechead div.bg-left {
       /* background: url(../img/left_white.svg) no-repeat ;
        width: 73vw;
    height: auto;
    position: absolute;
    background-size: contain;*/
    top: 27vw;
    left: -38vw; }
      div.wrapper.subsite div.sechead div.bg-right {
        background: url(../img/right_white.svg) no-repeat ;
        width: 81vw;
        height: 58vw;
    background-size: contain;
    position: absolute;
    top: 22vw;
    right: -49vw;
}
    div.wrapper.subsite div.kwote {
      background: #003D47;
      padding: 4rem 1rem 4rem 1rem;
      display: flex;
      align-items: center;
    margin-top: 0.5rem }
      div.wrapper.subsite div.kwote p {
        font-family: 'kwote';
        font-size: 30px;
        text-align: center;
      line-height: 0.8; }
    div.wrapper.subsite div.vita {
      /*display: flex;*/
      justify-content: space-around;
      padding: 10vh 5vw; }
      div.wrapper.subsite div.vita div {
        /*width: 100%;*/
        margin: 0 6%; }
        div.wrapper.subsite div.vita div p {
          color: #003D47;
          margin-top: 25px; }
          div.wrapper.subsite div.vita div p span {
            color: #003D47;
            font-family: 'semibold'; }
          div.wrapper.subsite div.vita div p.headl {
            font-size: 16px;
            font-family: 'semibold';
            text-transform: uppercase;
            letter-spacing: .1em;
            padding-bottom: 25px;
            border-bottom: 5px solid #C6C9B0; }
    .cntt_first, .cntt_second {
      background-color: white;
      padding-top: 3rem
    }
    .cntt_first p, .cntt_second p{
      color: black;
      margin: 0rem 3rem 3rem 3rem;
      color: #003D47;
    }
    div.wrapper.ost{
      padding-bottom: 0;
    }
    div.wrapper.subsite div.petrol {
      background: #003D47;
      display: flex;
      justify-content: space-evenly;
      padding: 10vh 15vw; }
      div.wrapper.subsite div.petrol p {
        width: 100%;
        margin: 0 6%;
        font-family: 'xlight'; }
        div.wrapper.subsite div.petrol p strong {
          font-family: 'boldy'; }
    div.wrapper div.headihead {
      background: #C6C9B0;
      padding: 2vh 0;
      margin-top: 1vh; }
      div.wrapper div.headihead p {
        color: #003D47;
        font-family: 'semibold';
        text-transform: uppercase;
        letter-spacing: .1em;
        text-align: center; }
     div.boxes {
      display: flex;
      flex-wrap: wrap;
      padding-top: 3rem;
      padding-bottom: 3rem;
      justify-content: space-evenly;
      max-width: 1342px;
      margin: 0 auto;
       }

      div.boxes div {
        /*background: #003D47;*/
        display: flex;
        flex-direction: column;
        padding-top: 0px;
        margin: 20px;
        max-width: 296px; }

        div.boxes div p {
          color: #003D47;
          background: #C6C9B0;
          font-family: 'semibold';
          text-transform: uppercase;
          letter-spacing: .1em;
          text-align: center;
          width: 100%;
          padding: 25px 0;
          margin: 0px 0 0; }
        div.boxes div svg {
          width: 50%;
          fill: #C6C9B0; }
      div.boxes p {
        color: white;
        background: #003D47;
        font-family: 'semibold';
        text-transform: uppercase;
        letter-spacing: .1em;
        text-align: center;
        width: 60%;
        padding: 25px 0;
        margin: 20px; }
    div.boxes div:nth-child(9) img{
      opacity: 0;
      background: white;
    }
    div.boxes div:nth-child(9) p{
      opacity: 0;
      background: white;
    }

    div.wrapper.srvce {
      background: #003D47;
      margin-top: 1vh;
      min-height: 79vh; }
      div.wrapper.srvce div.sechead div.bg-left {
        background: url("../img/left_white.svg") no-repeat -28vw 0;
        width: 100%;
        height: 45vh;
        position: inherit; }
      div.wrapper.srvce div.sechead div.bg-right {
        background: url("../img/right_white.svg") no-repeat 4vw -7vh;
        width: 100%;
        height: 45vh;
        position: inherit; }
      div.wrapper.srvce div.sechead div.cntt p {
        color: white; }
        div.wrapper.srvce div.sechead div.cntt p a.lkbtn {
          display: inline-block;
          color: #003D47;
          background: white;
          border-radius: 30px;
          padding: 10px 20px;
          text-decoration: none;
          opacity: 1;
          transition: opacity .2s ease-in-out; }
          div.wrapper.srvce div.sechead div.cntt p a.lkbtn:hover {
            opacity: .8; }
      div.wrapper.srvce div.sechead div.cntt h1 {
        color: white; }
      div.wrapper.subsite.srvce.databla {
        background: #C6C9B0;
        color: #003D47; }
        div.wrapper.subsite.srvce.databla h2 {
          text-align: center; }
        div.wrapper.subsite.srvce.databla div.sechead div.cntt * {
          color: #003D47; }
        div.wrapper.subsite.srvce.databla div.sechead div.cntt * {
          margin: 30px auto;
          width: 35vw;
          text-align: center; }
        div.wrapper.subsite.srvce.databla div.sechead div.cntt table {
          padding: 20px; }
          div.wrapper.subsite.srvce.databla div.sechead div.cntt table * {
            border: none; }
        div.wrapper.subsite.srvce.databla div.sechead div.cntt ul li {
          list-style-type: none; }
div#logo{
  width: 100%;
}
.image_logo {
  width: 30vw;
  margin: 0 auto;
position: absolute;
top: 17vw;
left: 35vw;
 }
 .text_cntt{
  padding-bottom: 5.6rem;
 }
.image_cntt{
  height: auto;
  width: 100%;
  object-fit: cover;
  vertical-align: bottom;
}
div.bg-left {
  background: url(../img/left_white.svg) no-repeat;
  width: 78vw;
  background-size: contain;
  height: 70vh;
  position: absolute;
  /*bottom: -13vh;*/
  top: 35vw;
  left: -36vw; }

div.bg-right {
  background: url(../img/right.svg) no-repeat;
  width: 40vw;
  background-size: contain;
  height: 70vh;
  position: absolute;
  top: 41vw;
  right: -14vw; }

p {
  margin: 0 auto;
  font-size: 12px;
  line-height: 24px; }

h1 {
  width: 74vw;
  margin: 10vh auto 5vh;
  text-align: center;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: .1em;
font-size: 22px; }

b {
  font-family: 'semibold'; }

i {
  font-family: 'lightitalic'; }
 div.wrapper div.ds p{
  text-align: left;
}
  .ds{
  padding: 1rem;
}
  .ds h1{
  font-size: 12px;
}
.ds h2{
  font-size: 16px;
  text-align: center;
  margin-bottom: 2rem;
  margin-top: 2rem;
}
.ds ol{
margin: 2rem auto;
  width: 67vw;
}
.adsimple-312520617{
  width: 71vw;
  margin: 0 auto;
  line-height: 24px;
}
h3.adsimple-312520617{
  font-size: 16px;
  margin-top: 1rem;
}
.ds table{
  width: 71vw;
  margin: 0  auto 1rem;
}
.ds table td{
  padding: 1rem 0 1rem 0;
}
.ds img{
  margin: 1rem 0 1rem 0;
  background-color: white;
    padding: 0.5rem;
}
.ds a{
  font-size: 15px;
}
.ds ul{
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.ds li a{
  font-size: 10px;
  color: white;
}
a.adsimple-312520617{
  width: 60vw;
  margin: 0;
  font-size: 14px;
}
.lkbtn{
  background-color: white;
  padding: 0.5rem 1rem;
  text-decoration: none;
  border-radius: 19px;
  color: #003D47;}
@media screen and (max-width: 400px) {
  .menu_close{
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 10vh;
   right: 0;
    background-color: rgb(255, 255, 255);
    /*background-color: rgba(255, 255, 255, 0.9);*/
    overflow-x: hidden;
    transition: 0.5s;
  }
  #menu ul li a{
    font-size: 12px;
  }
  .menu_open{
    height: 91vh;
    width: 240px;
    position: absolute;
    z-index: 1;
    top: 10vh;
   right: 0;
    background-color: rgb(255, 255, 255);
    /*background-color: rgba(255, 255, 255, 0.9);*/
    overflow-x: hidden;
    transition: 0.5s;
  
  }
}

@media screen and (min-width: 320px){
  p{
    font-size: 16px;
  }
  h1{
    font-size: 24px;
  }
  .ds h1{
    font-size: 14px;
  }

}
@media screen and (max-width: 400px){
  .ds ol,ul{
    font-size: 12px;
  }
  h3.adsimple-312520617{
    font-size: 14px;
  }
  a.adsimple-312520617{
    font-size: 12px;
  }
  .ds h2{
    font-size: 14px;
  }
  .ds p{
    font-size: 12px;
  }

}
@media screen and (max-width: 320px){
  .header_right img{
    width: 50px;
    position: relative;
    left: 1rem;
  }

}
@media screen and (max-width: 1007px){
  div.boxes div:nth-child(9){
    display: none;
  }
}

  @media screen and (min-width: 500px){
    .header_right{
      justify-content: space-between;
      padding-right: 1rem;
    }
    div.wrapper div.cntt h1.written{
      font-size: 40px;
     }

  }

  @media screen and (min-width: 1000px) {
    nav#footer .flex{
      display: none;
    }
    nav#footer ul:nth-child(2){
      display: flex;
    } 
    
    nav#footer {
      background: #C6C9B0;
      align-items: center;
      margin-top: 0rem;
      padding: 2.4875rem;
      text-align: center; }
    ul .footer_list{
      margin: 1.4875rem 0 1.4785rem 0;
    } 
     nav#footer ul{
      display: flex;
      font-size: 10px;
      text-decoration: none;
      margin: 0 auto;
      justify-content: space-between;
     

     }
     .footer_list li a{
      font-size: 10px;
      text-decoration: none;
      margin-left: 0;
      /*color: white;*/
      text-transform: none;
      padding: 0;
		 color: #003D47;
     }
     .footer_list li{
      display: flex;
      padding: 0rem;
      /*color: #003D47;*/
     }
     .footer_li li span{
      margin: 0 0.5rem 0 0.5rem;
     }
     .footer_list li:nth-child(2){
      justify-content: center;
     }
     .footer_list li a{
      padding-right: 0;
      text-transform: uppercase;
     }
     .footer_list li:nth-child(6){
      display: flex;
     }
     .footer_list span:nth-child(1){
      display: flex;
      margin: 0 0.5rem 0 0.5rem;
     }
     .footer_list span:nth-child(2){
      display: flex;
      margin: 0 0.5rem 0 0.5rem;
     }

     .footer_list span:nth-child(3){
      display: flex;
      margin: 0 0.5rem 0 0.5rem;
     }
     div.wrapper div.cntt h1.written{
      font-size: 48px;
     }

      .sechead{
        display: flex;
        border-top: 0.5rem solid #003D47;
        flex-direction: row-reverse;
      }
      div.wrapper.subsite div.vita {
        display: flex;
        justify-content: space-around;
        padding: 10vh 5vw; }
        div.wrapper.subsite div.sechead div.cntt {
        width: 100%;
        border-top: none;
       }
       div.wrapper.subsite div.sechead div.cntt {
        width: 48%;
        padding-top: 5vw;
        padding-bottom: 5vw;
       }
       div.wrapper.subsite div.sechead div.image_block{
        width: 52%;
       }
       div.wrapper.subsite div.sechead div.cntt h1 {
        color: #003D47;
        font-size: 34px;
        width: 37vw;
        /* margin: 0; */
        text-align: left;
        margin: 0 auto;
        padding-bottom: 2vw; }
        div.wrapper.subsite div.sechead div.cntt p {
          color: #003D47;
          font-size: 1vw;
          line-height: 1.7;
          text-align: left;
          width: 37vw;
          /*width: 26vw;
          min-width: 550px;*/ }
          .image_cntt {
            /* height: auto; */
            width: 100%;
            object-fit: cover;
            height: 35vw;
            margin-bottom: 0;
            padding-bottom: 0;
            vertical-align: bottom;
          }
          div.wrapper.subsite div.kwote{
            margin-top: 0;
          }
          div.wrapper.subsite div.kwote p{
            font-size: 3vw;
          }
          div.wrapper.subsite div.vita div {
            width: 100%;
            margin: 0 6%; }
            div.wrapper div.cntt p {
              width: 53vw;
              text-align: center;
              margin: 0 auto;
             /* max-width: 760px;*/ }
          
  .cntt_first, .cntt_second{
    display: flex;
    padding-top: 0;
    width: 100%;
  }
  .cntt_first p, .cntt_second p{
    margin: 5rem;
  }
   .cntt_first .text_block{
    width: 48%;
    display: flex;
    align-items: center;
   }     
   .cntt_first .image_block{
    width: 52vw;
   }
   .cntt_second .text_block{
    width: 48%;
    display: flex;
    align-items: center;
   }
   .cntt_second .image_block{
    width: 52%;
   }
   .cntt_first{
    flex-direction: row-reverse;
   }
   .cntt_first .image_block img{
    width: 100%;
    height: 100%;
    object-fit:cover;
   }
   .cntt_second .image_block img{
    width: 100%;
    height: 100%;
    object-fit:cover;
   }
    div.wrapper div.ds p{
    text-align: left;
  }
  div.wrapper div.ds p{
    width: 71vw;
  }
  .ds ul{
    width: 71vw;
    margin-bottom: 1rem;
  }
  .ds ul li{
    width: 71vw;
  }
  .ds ol li{
    width: 71vw;
  }
  .ds table{
    width: 71vw;
    margin-bottom: 2rem;
  }
  h3.adsimple-312520617{
    width: 71vw;
  }

  } 

  

  @media screen and (min-width: 1300px){
     
      nav#main{
        display: flex;
      }
      .header_right{
        display: none;
        padding: 0 1rem 0 3rem;
  
      }
      nav#main.subsite {
        display: flex;} 
  
  
nav#footer ul{
  font-size: 12px;
}
.footer_list li a{
  font-size: 12px;
}
  }

  @media screen and (min-width: 1400px){
    nav#footer {
      background: #C6C9B0;
      align-items: center;
      margin-top: 0rem;
      padding: 2.4875rem 6.4875rem 2.4875rem 6.4875rem;
      text-align: center; }
      div.wrapper div.ds p{
        width: 61vw;
      }
      .ds ul{
        width: 61vw;
        margin-bottom: 1rem;
      }
      .ds ul li{
        width: 61vw;
      }
      .ds ol li{
        width: 61vw;
      }
      .ds table{
        width: 61vw;
        margin-bottom: 2rem;
      }
      h3.adsimple-312520617{
        width: 61vw;
      }
    
  }
  @media screen and (min-width: 1500px){
    nav#footer ul{
      font-size: 14px;
    }
    .footer_list li a{
      font-size: 12px;
    }
      }
    
@media screen and (max-width: 500px) {
  div.bg-left, div.bg-right {
    display: none; }

      }
strong {
  font-family: 'boldy';
  color: inherit; }