.mietorcas-steps-de {
 background-image:url("../images/mietpreisbremse-small.png");
        background-position: center;
        background-size: contain;
     background-repeat: no-repeat;
   height: 466px;
 }


	.mietorcas-steps-en {
 background-image:url("../images/rent-control-small.png");
        background-position: center;
        background-size: contain;
     background-repeat: no-repeat;
   height: 466px;
 }

        
 
} @charset "UTF-8";
/* CSS Document */




        






        @keyframes breath {
  from {
    animation-timing-function: ease-out;
  }

  to {
    transform: scale(0.5) translateY(3px) perspective(0px);
    text-shadow: 0 0 0px var(--glow-color);
    animation-timing-function: ease-in-out;
  }
}

@media (prefers-reduced-motion:no-preference) {
  [letter-animation] > span {
    display: inline-block;
    white-space: break-spaces;
  }

  [letter-animation=breath] {
    --glow-color: white;
  }

  [letter-animation=breath]>span {
    animation: breath 1.7s ease calc(var(--index) * 100 * 1ms) infinite alternate;
  }
}

@media (prefers-reduced-motion:no-preference) and (prefers-color-scheme: light) {
  [letter-animation=breath] {
    --glow-color: black;
  }
}
        

  .relative-p {
 position: relative;

}


  .text-territorial {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
 
      

}






.z-contact {
        z-index: 1050;

}



    .bg-contact {
      background-color: #f6f6f6;
}


    .language {
         margin-top: 4px;
        max-height: 30px;
        margin-bottom: 20px;
}

 


.button-white {
	color:#ffffff;
}


.button-white:hover {
	text-decoration:none;
	  cursor: pointer;	
    color:#ffffff;

}

.button-white:focus {
	text-decoration:none;
    	color:#ffffff;

}

.button-white:active {
	text-decoration:none;
    	color:#ffffff;

}

.button-white:visited {
	text-decoration:none;
    	color:#ffffff;

}





.list-guide {
	text-align: left;
	font-size: calc(14px + (15 - 14) * (100vw - 400px) / (800 - 400));
	line-height: 1.3;
    font-weight: 200;
    
}
.list-guide ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
  counter-reset: l1;

}

.list-guide li {
  padding-left: 2em;
  margin-top: .3em;
	
}

.list-guide li:before {
  float: left;
  margin-left: -2em;
}

/* Level 1 */
.list-guide ol>li:before {
  counter-increment: l1;
  content: none;
	  content: counter(l1, decimal) ". ";

}

/* Level 2 */
.list-guide ol ol {
  counter-reset: l2;
}

.list-guide ol ol>li:before {
  counter-increment: l2;
  content: "("counter(l2, lower-alpha) ")";
}

/* Level 3 */
.list-guide ol ol ol {
  counter-reset: l3;
}

.list-guide ol ol ol>li:before {
  counter-increment: l3;
  content: "("counter(l3, lower-roman) ")";
}





.accordion-ps1 {

  --ps-accordion-background-active: #a0a7c4;
  --ps-accordion-color: #666;
  --ps-accordion-color-active: #ffffff;
  
}


.accordion-ps2 {

  --ps-accordion-background-active: #000000;
  --ps-accordion-color: #666;

}


.accordion-ps3 {

  --ps-accordion-background-active: none;
  --ps-accordion-color: #666;
  --ps-accordion-color-active: #666;
  --ps-accordion-bg: none;
  --ps-border-width: 0px;
 
}



#sidebar-menu {
    width: 230px;
}

@media (max-width:576px) {
    #sidebar-menu {
        width: 180px;
    }
}


@media(max-width: 660px){
  .hide{
    visibility: hidden !important;
  }
    
.border-to-dos {
 border-left-style:none;

    }    
    
    
}




@media(min-width: 661px){
.border-to-dos {
  border-left-style:solid;
  border-color: white;
  border-width: 2px; 
}




-webkit-transform: translateZ(0px);

-webkit-font-smoothing: subpixel-antialiased


-webkit-font-smoothing: antialiased
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
  body {
    -webkit-font-smoothing: subpixel-antialiased;
  }


-webkit-font-smoothing:antialiased;
-webkit-backface-visibility:hidden;
}

#recipeCarousel { -webkit-transform: translateZ(0px); }


@media screen
and (-webkit-min-device-pixel-ratio: 0)
and (min-resolution: 0.001dpcm)
and (prefers-color-scheme: dark) {
  body {
    -webkit-font-smoothing: antialiased;
  }
}



.button-zoom-in {
    cursor: -moz-zoom-in; 
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}


.button-zoom-out {
    cursor: -moz-zoom-out; 
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}



.panel-collapse {
#background-color: #f6f6f6;  

   #border-style:solid;
      #  border-color:#a0a7c4;
   # border-width:1px;

    
}

.panel-heading {

    #border-bottom-style:solid;
        border-bottom-color:white;
   #border-bottom-width:8px;

    
}


.dsb-offer-general {
  border-style: solid;

   
      border-top-color: white;

    border-bottom-color: white;
    border-top-width: 1px;
    border-bottom-width: 0px;
    

   padding: 1.5rem !important;
    color: white;
}


.dsb-offer-white {
  background-color: white;
}


.dsb-offer-c1 {
 background-color: #c1a0bc;
 
    border-left-color: #c1a0bc;
    border-right-color: #c1a0bc;
    border-left-width: 1px;
    border-right-width: 1px;  
 
}

.dsb-offer-c1-price {
border-color: #c1a0bc;
    border-style: solid;
    border-width: 1px;
    color: #c1a0bc;
       padding: 1.5rem !important;
          font-family: 'Noteworthy Light';

}


.dsb-offer-c2 {
 background-color:#a0a7c4;
    
     border-left-color: #a0a7c4;
    border-right-color: #a0a7c4;
    border-left-width: 1px;
    border-right-width: 1px; 
    
}

.dsb-offer-c2-price {
border-color: #a0a7c4;
    border-style: solid;
    border-width: 1px;
    color: #a0a7c4;
       padding: 1.5rem !important;
          font-family: 'Noteworthy Light';

}


.dsb-offer-c3 {
background-color: #888B8D;
    
     border-left-color: #888B8D;
    border-right-color: #888B8D;
    border-left-width: 1px;
    border-right-width: 1px; 
    
}

.dsb-offer-c3-price {
border-color: #888B8D;
    border-style: solid;
    border-width: 1px;
    color: #888B8D;
       padding: 1.5rem !important;
      font-family: 'Noteworthy Light';

}


.border-white {
border-style: solid;
    border-color: white;
    border-left-width: 5px;
        border-right-width: 5px;
    
}


.noteworthy {
 font-family: 'Noteworthy Light';
}


.bt-text {
  writing-mode: tb;
  transform: rotate(-180deg);
}



.text-justify {
text-align: justify;
}



.carousel-item {
	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease;
	-webkit-backface-visibility: visible;
	        backface-visibility: visible;
        
}




/* own-design */
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  #border-color: rgba(255, 255, 255, 0.7);
}

/* own-design */
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(84, 85, 90, 1.0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}




.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}



html {

scroll-behavior: smooth;
    
    scroll-padding-top: 120px;
    
font-family: 'Albert Sans';

font-weight: 300;

font-style: normal;

	
	line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	
   overflow: scroll;
  height: 100%;  
}


.modal-open {
 overflow:auto;
   overflow-x:hidden;
      overflow-y: auto;

}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}


/* own-design */
.dms {
  transform:
  
  transform-style: preserve-3d;
  box-shadow:
    -1px 0 0px 0 rgba(34, 33, 81, 0.01),
    12px 12px 12px 0 rgba(34, 33, 81, 0.10);

    
}


.list-group-item.active {
  z-index: 2;
  color: #ffffff;
}



/* own-design */

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1030;
     color: #666;
      
  }
}



.navigation {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}




/* own-design */
.dmse {
  box-shadow: rgba(0, 0, 0, 0.15) 0px 25px 50px -12px;
      font-family: 'Noteworthy Light';

  
}

@font-face {
	font-family: 'Noteworthy Light';
	src: url('/fonts/noteworthy_light.eot'); /* IE 9 Compatibility Mode */
	src: url('/fonts/noteworthy_light.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('/fonts/noteworthy_light.woff2') format('woff2'), /* Super Modern Browsers */
		url('/fonts/noteworthy_light.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('/fonts/noteworthy_light.ttf') format('truetype'), /* Safari, Android, iOS */
		url('/fonts/noteworthy_light.svg#noteworthy_light') format('svg'); /* Chrome < 4, Legacy iOS */
}









/* own-design */
headerK {
    height: 7.2rem;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1030;
    
    padding-right: 0px !important;
       

  width:100%;  
  /*Define a height for NavBar*/
  transition: 0.5s;
  /*and a transition time for a smooth appearence*/
    
    
    
}

/* own-design */
.content { 
    height:1000px; 
    margin-top:8rem; /* add space for fixed header */
}


/* own-design */
.timer {
  color: #f49242;
  font-weight: bold;
  font-size: 1.6em;
  padding: 6px;
  margin: 0px auto 10px;
  border: 1px solid #c6c6c2;
  border-radius: 5px;
  width: 80px;
}

/* own-design */
.answer{
  width: 100%;
border:1px solid #a8c1d5; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #CEDCE7; background-image: -webkit-gradient(linear, left top, left bottom, from(#CEDCE7), to(#596a72));
 background-image: -webkit-linear-gradient(top, #CEDCE7, #596a72);
 background-image: -moz-linear-gradient(top, #CEDCE7, #596a72);
 background-image: -ms-linear-gradient(top, #CEDCE7, #596a72);
 background-image: -o-linear-gradient(top, #CEDCE7, #596a72);
 background-image: linear-gradient(to bottom, #CEDCE7, #596a72);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#CEDCE7, endColorstr=#596a72);
}

/* own-design */
.answer:hover{
 border:1px solid #8aabc5;
 background-color: #acc4d6; background-image: -webkit-gradient(linear, left top, left bottom, from(#acc4d6), to(#434f55));
 background-image: -webkit-linear-gradient(top, #acc4d6, #434f55);
 background-image: -moz-linear-gradient(top, #acc4d6, #434f55);
 background-image: -ms-linear-gradient(top, #acc4d6, #434f55);
 background-image: -o-linear-gradient(top, #acc4d6, #434f55);
 background-image: linear-gradient(to bottom, #acc4d6, #434f55);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#acc4d6, endColorstr=#434f55);
}

/* own-design */
.top-buffer {
  margin-top: 20px;
}





/* own-design */
.buttonswipe {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

/* own-design */
.imgswipe {
  display: block;
  width: 100%;
}

/* own-design */
.sectionswipe {
  width: 100%;
  overflow: hidden;
}

/* own-design */
.articleswipe {
  display: flex;
  width: 200%;
  animation: bannermove 30s linear infinite;
}

/* own-design */
article.paused {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

/* own-design */
.div100 {
  width: 100%;
}

/* own-design */
.ulswipe {
  display: flex;
  list-style-type: none;
  padding-left: 0;
  margin: 0;
}

/* own-design */
.liswipe {
width: 100%}


/* own-design */
@keyframes bannermove {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}






/* own-design */
.containerFilter {
  overflow: hidden;
}

/* own-design */
.filterDiv {
  float: left;
 
  display: none; /* Hidden by default */
}

/* The "show" class is added to the filtered elements */
/* own-design */
.showFilter {
  display: block;
}

/* Style the buttons */
/* own-design */
.btnFilter {
  border: none;
  outline: none;
  padding: 12px 16px;
  background-color: #f1f1f1;
  cursor: pointer;
}

/* Add a light grey background on mouse-over */
/* own-design */
.btnFilter:hover {
  background-color: #ddd;
}

/* Add a dark background to the active button */
/* own-design */
.btnFilter.active {
  background-color: #666;
  color: white;
}

/* own-design */
.privacyportals {
   font-weight: 800;
	
}

/* own-design */
.border-yellow {
border-left-style: solid;
    border-left-color: #fbee66;
    border-left-width: 10px;
    padding-left: 7px;
    background-color: grey;
}

/* own-design */
#navbarP{
 position:fixed;
  top:0;
 left:0;
    right:0;
    padding-right: 0px !important;

  width:100%;  
  /*Define a height for NavBar*/
  transition: 0.5s;
  /*and a transition time for a smooth appearence*/
  
}

/* albert-sans-200 - latin */
/* own-design */
@font-face {
  font-family: 'Albert Sans';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/albert-sans-v1-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/albert-sans-v1-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/albert-sans-v1-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/albert-sans-v1-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/albert-sans-v1-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/albert-sans-v1-latin-200.svg#AlbertSans') format('svg'); /* Legacy iOS */
}

/* albert-sans-300 - latin */
/* own-design */
@font-face {
  font-family: 'Albert Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/albert-sans-v1-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/albert-sans-v1-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/albert-sans-v1-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/albert-sans-v1-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/albert-sans-v1-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/albert-sans-v1-latin-300.svg#AlbertSans') format('svg'); /* Legacy iOS */
}

/* albert-sans-regular - latin */
/* own-design */
@font-face {
  font-family: 'Albert Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/albert-sans-v1-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/albert-sans-v1-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/albert-sans-v1-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/albert-sans-v1-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/albert-sans-v1-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/albert-sans-v1-latin-regular.svg#AlbertSans') format('svg'); /* Legacy iOS */
}




/* own-design */
#more4 {display: none;}




/* own-design */
.p-bold {
		
    font-weight: 300 !important;

}

/* own-design */
p-non {
		font-size: calc(14px + (15 - 14) * (100vw - 400px) / (800 - 400));
    font-weight: 200;
    text-transform: uppercase;
    	line-height: 1.0;


}


/* own-design */
.underline-dotted {
  text-decoration: underline dotted;
	
}


/* own-design */
.t-lib {
font-size: calc(10.5px + (20 - 10.5) * (100vw - 500px) / (4000 - 500));
	
}






/* own-design */
.tick-list ul
{
   list-style-image: url("../images/tick-small.png");
	list-style-height: 10px;
	padding-left: 0px;
    margin-left: 0px;
	font-size: calc(11.5px + (12 - 11) * (100vw - 400px) / (800 - 400));
	line-height: 1.3;
	
}

/* own-design */
.tick-list li
{
   list-style-type: url("../images/tick-small.png");
	padding-left: 20px;
    margin-left: 25px;
	}







/* Generic list styling */
/* own-designff */
.il-list {
    padding: 10px;
	text-align: left;
	font-size: calc(11.5px + (12 - 11) * (100vw - 400px) / (800 - 400));
	line-height: 1.3;
	
}
.il-list ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
  counter-reset: l1;
	
}

.il-list li {
  padding-left: 2em;
  margin-top: .3em;
}

.il-list li:before {
  float: left;
  margin-left: -2em;
}

/* Level 1 */
.il-list ol>li:before {
  counter-increment: l1;
  content: "("counter(l1, decimal) ") ";
}

/* Level 2 */
.il-list ol ol {
  counter-reset: l2;
}

.il-list ol ol>li:before {
  counter-increment: l2;
  content: counter(l2, lower-alpha) ")";
}

/* Level 3 */
.il-list ol ol ol {
  counter-reset: l3;
}

.il-list ol ol ol>li:before {
  counter-increment: l3;
  content: "("counter(l3, lower-roman) ")";
}


/* Generic list styling */
.il-list-south-africa {
    padding: 10px;
	text-align: left;
	font-size: calc(11.5px + (12 - 11) * (100vw - 400px) / (800 - 400));
	line-height: 1.3;
}
.il-list-south-africa ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
  counter-reset: l1;

}

.il-list-south-africa li {
  padding-left: 2em;
  margin-top: .3em;
	
}

.il-list-south-africa li:before {
  float: left;
  margin-left: -2em;
}

/* Level 1 */
.il-list-south-africa ol>li:before {
  counter-increment: l1;
  content: none;
	  content: "("counter(l1, decimal) ") ";

}

/* Level 2 */
.il-list-south-africa ol ol {
  counter-reset: l2;
}

.il-list-south-africa ol ol>li:before {
  counter-increment: l2;
  content: "("counter(l2, lower-alpha) ")";
}

/* Level 3 */
.il-list-south-africa ol ol ol {
  counter-reset: l3;
}

.il-list-south-africa ol ol ol>li:before {
  counter-increment: l3;
  content: "("counter(l3, lower-roman) ")";
}



/* Generic list styling */
.list-portal {
    padding: 10px;
	text-align: left;
	font-size: calc(11.5px + (12 - 11) * (100vw - 400px) / (800 - 400));
	line-height: 1.3;
}
.list-portal ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
  counter-reset: l1;

}

.list-portal li {
  padding-left: 2em;
  margin-top: .3em;
	
}

.list-portal li:before {
  float: left;
  margin-left: -2em;
}

/* Level 1 */
.list-portal ol>li:before {
  counter-increment: l1;
  content: none;
	  content: counter(l1, decimal) ". ";

}

/* Level 2 */
.list-portal ol ol {
  counter-reset: l2;
}

.list-portal ol ol>li:before {
  counter-increment: l2;
  content: "("counter(l2, lower-alpha) ")";
}

/* Level 3 */
.list-portal ol ol ol {
  counter-reset: l3;
}

.list-portal ol ol ol>li:before {
  counter-increment: l3;
  content: "("counter(l3, lower-roman) ")";
}



/* Generic list styling */
.list-rwanda {
    padding: 10px;
	text-align: left;
	font-size: calc(11.5px + (12 - 11) * (100vw - 400px) / (800 - 400));
	line-height: 1.3;
}
.list-rwanda ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
  counter-reset: l1;

}

.list-rwanda li {
  padding-left: 2em;
  margin-top: .3em;
	
}

.list-rwanda li:before {
  float: left;
  margin-left: -2em;
}

/* Level 1 */
.list-rwanda ol>li:before {
  counter-increment: l1;
  content: none;
	  content: counter(l1, decimal) "\00BA";

}

/* Level 2 */
.list-rwanda ol ol {
  counter-reset: l2;
}

.list-rwanda ol ol>li:before {
  counter-increment: l2;
  content: counter(l2, lower-alpha) ".";
}

/* Level 3 */
.list-rwanda ol ol ol {
  counter-reset: l3;
}

.list-rwanda ol ol ol>li:before {
  counter-increment: l3;
  content: counter(l3, lower-roman) ".";
}



/* Generic list styling */
.list-ghana {
    padding: 10px;
	text-align: left;
	font-size: calc(11.5px + (12 - 11) * (100vw - 400px) / (800 - 400));
	line-height: 1.3;
}
.list-ghana ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
  counter-reset: l1;

}

.list-ghana li {
  padding-left: 2em;
  margin-top: .3em;
	
}

.list-ghana li:before {
  float: left;
  margin-left: -2em;
}

/* Level 1 */
.list-ghana ol>li:before {
  counter-increment: l1;
  content: none;
	  content: "("counter(l1, decimal) ")";

}

/* Level 2 */
.list-ghana ol ol {
  counter-reset: l2;
}

.list-ghana ol ol>li:before {
  counter-increment: l2;
  content: "("counter(l2, lower-alpha) ")";
}

/* Level 3 */
.list-ghana ol ol ol {
  counter-reset: l3;
}

.list-ghana ol ol ol>li:before {
  counter-increment: l3;
  content: "("counter(l3, lower-roman) ")";
}





/* Generic list styling */
.il-list-numbers {
    padding: 10px;
	text-align: left;
	font-size: calc(11.5px + (12 - 11) * (100vw - 400px) / (800 - 400));
	line-height: 1.3;
}
.il-list-numbers ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
  counter-reset: l1;

}

.il-list-numbers li {
  padding-left: 2em;
  margin-top: .3em;
	
}

.il-list-numbers li:before {
  float: left;
  margin-left: -2em;
}

/* Level 1 */
.il-list-numbers ol>li:before {
  counter-increment: l1;
  content: none;
	  content: "("counter(l1, decimal) ") ";

}

/* Level 2 */
.il-list-numbers ol ol {
  counter-reset: l2;
}

.il-list-numbers ol ol>li:before {
  counter-increment: l2;
  content: counter(l2, decimal) ".";
}

/* Level 3 */
.il-list-numbers ol ol ol {
  counter-reset: l3;
}

.il-list-numbers ol ol ol>li:before {
  counter-increment: l3;
  content: counter(l3, lower-alpha) ")";
}



/* Generic list styling */
.il-list-sa {
    padding: 10px;
	text-align: left;
	font-size: calc(11.5px + (12 - 11) * (100vw - 400px) / (800 - 400));
	line-height: 1.3;
}
.il-list-sa ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
  counter-reset: l1;

}

.il-list-sa li {
  padding-left: 2em;
  margin-top: .3em;
	
}

.il-list-sa li:before {
  float: left;
  margin-left: -2em;
}

/* Level 1 */
.il-list-sa ol>li:before {
  counter-increment: l1;
  content: none;
	  content: "("counter(l1, decimal) ") ";

}

/* Level 2 */
.il-list-sa ol ol {
  counter-reset: l2;
}

.il-list-sa ol ol>li:before {
  counter-increment: l2;
  content: "("counter(l2, lower-alpha) ")";
}

/* Level 3 */
.il-list-sa ol ol ol {
  counter-reset: l3;
}

.il-list-sa ol ol ol>li:before {
  counter-increment: l3;
  content: "("counter(l3, lower-roman) ")";
}



.li-insights {
    padding: 10px;
	text-align: left;
	font-size: calc(11.5px + (12 - 11) * (100vw - 400px) / (800 - 400));
	line-height: 1.3;
}
.li-insights ul {
  list-style-type: disc;
  margin: 0;
  padding: 0;
  counter-reset: l1;

}

.li-insights li {
   content: "\e080";
    font-family: 'Glyphicons Halflings';
    font-size: 9px;
    float: left;
    margin-top: 4px;
    margin-left: -17px;
    color: #CCCCCC;
	
}

.li-insights li:before {
   content: "\e080";
    font-family: 'Glyphicons Halflings';
    font-size: 9px;
    float: left;
    margin-top: 4px;
    margin-left: -17px;
    color: #CCCCCC;
}

/* Level 1 */
.li-insights ul>li:before {
  content: "\e080";
    font-family: 'Glyphicons Halflings';
    font-size: 9px;
    float: left;
    margin-top: 4px;
    margin-left: -17px;
    color: #CCCCCC;

}

/* Level 2 */
.li-insights ol ol {
  counter-reset: l2;
}

.li-insights ol ol>li:before {
  counter-increment: l2;
  content: "("counter(l2, lower-alpha) ")";
}

/* Level 3 */
.li-insights ol ol ol {
  counter-reset: l3;
}

.li-insights ol ol ol>li:before {
  counter-increment: l3;
  content: "("counter(l3, lower-roman) ")";
}




.list-law
{

	text-align: left;
	list-style-position: inside;
display:list-item;
	margin-top: 0;
  margin-bottom: 1rem;
}


.list-law pl
{
	
	counter-reset: custom;
  list-style-type: none;

}



.list-law pl li::before
{
	content: '('counter(custom)')';
  counter-increment: custom;

}





.list-law ml
{
	counter-reset: chapter;
  list-style-type: none;

}


.list-law ml li::before
{
	content: ''counter(chapter, lower-alpha)')';
  counter-increment: chapter;
}


.list-law ol
{
	margin-top: 0;
  margin-bottom: 1rem;
list-style-position: inside;
list-style-type: none;

}


.list-law ol li
{
	margin-top: 0;
  margin-bottom: 1rem;
	display:list-item;
list-style-position: inside;
list-style-type: decimal;

}


psmall {
font-size: calc(13px + (14 - 13) * (100vw - 400px) / (800 - 400));
 line-height: 1.3;
    font-weight: 200;   
}

ps {
font-size: calc(11.5px + (11.5 - 10.5) * (100vw - 1500px) / (2500 - 1500));
	text-transform: uppercase;
}




pslider {
		font-size: calc(11.5px + (12 - 11) * (100vw - 400px) / (800 - 400));
	line-height: 1.3;
font-weight: bold;
}



hlib, .hlib {
font-size: calc(12px + (14 - 12) * (100vw - 300px) / (800 - 400));
	font-weight: 400;
	color: #535459;
}


htopics, .htopics {

    
    font-size: calc(27px + (29 - 27) * (100vw - 400px) / (800 - 400));
font-weight: 300;
    
    
}

hhome, .hhome {
font-size: calc(15px + (16 - 15) * (100vw - 400px) / (800 - 400));
	font-weight: 400;
}





.btn-read {
  background-color: #ffffff;
    color: #a0a7c4;
    text-decoration: none;
    border: none;
}



.lead {
  font-size: 1.25rem;
  font-weight: 300;
}





.color-green {
  color: #7dc4a5;
}

.color-red {
  color: #ed6a7b;
}

.color-yellow {
  color: #fbee66;
}

.color-black {
  color: #000000;
}

.color-violet {
  color: #9aaccd;
}

.color-blueps {
  color: #a0a7c4;
}




#.#color-blue {
  color: #93ccde;
}


.blue-color {
  color: #a0a7c4;
}


.grey-color {
  color: #666666;
}


.color-white {
  color: #ffffff;

}

.color-pink {
  color: #c1a0bc;

}


.color-blue {
  color: #00acea;

}


.sector-color {
  background: -webkit-linear-gradient(180deg, #5385e9, #61d2db);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}



.color-green {
  color: #00efd1;

}

.color-grey {
  color: #888b8d;
}

.color-grey-dark {
  color: #54555a;
}


.welcome {
	color: #54555a;


}

.color-grey-ps {
  color: #666;
}



.welcome-wrapper {
	color: #54555a;
    padding-top: 0px;
padding-bottom: 0px;

}


.welcome-text {
	color: #ffffff;
width: 60%;
	text-align: left;
}


.img-slider {
  text-align: center;

}


.page-heading {
  width: 300px;
	height: 100px;
     font-size: 50px;
	color: #ffffff;
}

.text-onepagers {
     font-size: 16px;
	color: #ffffff;
}



.logo {
     max-height: 150px;
		cursor: pointer;
}




#usa  {
    background-image: url(../images/usa.png);
	height: 333px;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}

#usa:hover {
    background-image: url(../images/usa2.png);
}

#usa:hover {
    background-image: url(../images/usa2.png);
}

.stakeholders {
    background-image: url(../images/usa2.png);
	background-size: cover;
	background-color: antiquewhite;
	
}


.picture-holder-onepager {
    width: 50%;

}


.picture-holder-library {
    max-width: 500px;

}

.picture-ps {
border-style: none;
    border-width: 3px;
    border-color: #ffffff;
}







/*=== Basic box styling  ===*/
.box {
    background: none repeat scroll 0 0;
    font-family: "Raleway",sans-serif;
    font-size: 14px;
    font-weight: 600;
    height: 100%;
    line-height: 150px;
    margin: 1%;
    padding: 20px;
    text-align: center;
    width: 100%;
	border-color: #54555a;
}



/*=== Trigger  ===*/
.animate {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

  
/*=== Optional Delays, change values here  ===*/
.one {
-webkit-animation-delay: 0.5s;
-moz-animation-delay: 0.5s;
animation-delay: 0.5s;
}

.two {
-webkit-animation-delay: 1.5s;
-moz-animation-delay: 1.5s;
animation-delay: 1.5s;
}

.three {
-webkit-animation-delay: 2.5s;
-moz-animation-delay: 2.5s;
animation-delay: 2.5s;
}

.four {
-webkit-animation-delay: 3.5s;
-moz-animation-delay: 3.5s;
animation-delay: 3.5s;
}

.five {
-webkit-animation-delay: 4.5s;
-moz-animation-delay: 4.5s;
animation-delay: 4.5s;
}

.six {
-webkit-animation-delay: 5.5s;
-moz-animation-delay: 5.5s;
animation-delay: 5.5s;
}

.seven {
-webkit-animation-delay: 6.5s;
-moz-animation-delay: 6.5s;
animation-delay: 6.5s;
}

.eight {
-webkit-animation-delay: 7.5s;
-moz-animation-delay: 7.5s;
animation-delay: 7.5s;
}



/*=== Animations start here  ===*/

/*==== FADE IN UP ===*/
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}


/*=== FADE IN DOWN ===*/
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
 }
@-webkit-keyframes fadeInDown {
0% {
	opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}
100% {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
@keyframes fadeInDown {
0% {
	opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}
100% {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
} 

/*=== FADE IN LEFT ===*/
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}


/*==== FADE IN RIGHT ===*/
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

/*=== FADE IN  ===*/
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.fadeIn {
    -webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

/*=== FADE IN UP Big ===*/
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
  }
@-webkit-keyframes fadeInUpBig {
0% {
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0);
}
100% {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
	}
}
@keyframes fadeInUpBig {
0% {
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0);
}
100% {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
	}
} 

/*=== FADE IN DOWN Big ===*/
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInDownBig {
0% {
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0);
	transform: translate3d(0, -2000px, 0);
}
100% {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
@keyframes fadeInDownBig {
0% {
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0);
	transform: translate3d(0, -2000px, 0);
}
100% {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
} 

/*=== FADE IN LEFT Big ===*/
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInLeftBig {
0% {
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0);
	transform: translate3d(-2000px, 0, 0);
}
100% {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
@keyframes fadeInLeftBig {
0% {
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0);
	transform: translate3d(-2000px, 0, 0);
}
100% {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
} 

/*=== FADE IN RIGHT Big ===*/
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
  }
@-webkit-keyframes fadeInRightBig {
0% {
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0);
	transform: translate3d(2000px, 0, 0);
}
100% {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
@keyframes fadeInRightBig {
0% {
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0);
	transform: translate3d(2000px, 0, 0);
}
100% {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}

/* Demo Purpose Only*/
/* Demo Purpose Only*/
.demo {
  font-family: 'Raleway', sans-serif;
	color:#fff;
    display: block;
    margin: 0 auto;
    padding: 15px 0;
    text-align: center;
}
.demo a{
  font-family: 'Raleway', sans-serif;
color: #2ecc71;		
}





.ps-grey {
    color: #cac5c1;
	
}

.ps-grey-frame {
border-style: solid;
	border-width: 30px;
	border-color: #535459;
	
}

.img-bw {
 -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
	
}


.test1 {
    position: relative;
	width: 30vw;
        height: 20vw;
	overflow: hidden;
	
}


#raphael {
	border-width: 3px;
	border-color: #ffffff;
	max-height: 180px;

}


$primary-brand: #005fa4;
$text-outside: #4d4d4d;
$text-inside: #fff;
$transition-in: all 250ms ease-out;
$transition-out: all 250ms ease-in;

#learn-more {
  fill-opacity: 0;
  fill: #fff;
  stroke: #fff;
  stroke-width: 2;
  border-radius: 5px;
  stroke-linejoin: round;
  transition: all 250ms ease-in;
  cursor: pointer;
}
#learn-more:hover {
  fill-opacity: 1;
}
#learn-more:hover ~ .learn-more-text {
  fill: #005fa4;
}

.learn-more-text {
  font-family: "Roboto";
  fill: #fff;
  pointer-events: none;
  font-size: 14px;
  transition: all 250ms ease-in;
}

.center {
  fill: #005fa4;
}

.pointer {
  fill: #fff;
  stroke: #3b8fc0;
  stroke-width: 2;
}

.nav-copy {
  font-family: "Roboto";
  fill: #fff;
  fill-opacity: 1;
  transition: all 250ms ease-in;
}
.nav-copy.changing {
  fill-opacity: 0;
}

.service {
  cursor: pointer;
}
.service text {
  font-size: 14px;
  font-family: "Roboto";
  text-anchor: middle;
}
.service .icon-wrapper {
  transform-origin: 50% 50%;
}
.service .icon-wrapper, .service .icon-wrapper > * {
  transition: all 250ms ease-in;
}
.service circle {
  fill: #005fa4;
}
.service circle.shadow {
  fill-opacity: 0;
  filter: url(#service-shadow);
}
.service use {
  fill: #fff;
}
.service text {
  fill: #4d4d4d;
}
.service.active .icon-wrapper, .service:hover .icon-wrapper {
  transform: scale(1.15) translateY(-5px);
}
.service.active .icon-wrapper, .service.active .icon-wrapper > *, .service:hover .icon-wrapper, .service:hover .icon-wrapper > * {
  transition: all 250ms ease-out;
}
.service.active .icon-wrapper circle.shadow, .service:hover .icon-wrapper circle.shadow {
  fill-opacity: 0.4;
}
.service.active text, .service:hover text {
  fill: #005fa4;
  font-weight: bold;
}



.border-carousel-ps {
    border-style: solid;
	border-color: #cac5c1;
	border-width: 2px;
		
}

.table-offer-heading-green {
    color: #00acea;
	text-align: left;
	opacity: 0.7;
		
}

.table-offer-heading-violet {
    color: #d3aac4;
	text-align: left;
	opacity: 1.0;
		
}


.table-offer-heading-blue {
    color: #00efd1; 
	text-align: left;
	opacity: 0.7;
		
}

.table-offer-heading-grey {
    color: #cac5c1;
	text-align: left;
	opacity: 0.7;
		
}

.table-offer-green {
    background-color: #00acea;
	opacity: 0.7;
	border: 0.5px  #cac5c1;
		
}
.table-offer-blue {
    background-color: #00efd1;
	opacity: 0.7;
		border: 0.5px  #cac5c1;
	
}





.table-td-l
{
				  border: 0.5px  #cac5c1;
	text-align: left;

}


.table-td-l-services
{
				  border: 0.5px  #cac5c1;
	text-align: left;

}


.table-td-r
{
			  border: 0.5px  #cac5c1;
	text-align: left;
	

}


.table-td-r-services
{
			  border: 0.5px  #cac5c1;
	text-align: left;
	color: #00efd1;
	

}


.table-td-m
{
			  border: 0.5px  #cac5c1;
	
			text-align: left;

  padding-left: 1.5rem !important;

}


.table-td-m-services
{
			  border: 0.5px  #cac5c1;
	
			text-align: left;
	color: #00acea;


}


.main-title-sector2{
  color: #2d2d2d;
  text-align: center;
  text-transform: capitalize;
  padding: 0.7em 0;
}

.container-sector2{
  padding: 1em 0;
	 border-radius: 15px 15px 15px 15px;
	 border:2px solid rgba(202,197,193,0.5);
}

@media screen and (max-width: 640px){
  .container-sector2{
    display: block;
    width: 100%;
  }
}

@media screen and (min-width: 900px){
  .container-sector2{
    width: 100%;
  }
}

.container-sector2 .title-sector2{
  color: #1a1a1a;
  text-align: center;
  margin-bottom: 10px;
	
}

.content-sector2 {
  position: relative;
  width: 90%;
  max-width: 400px;
  margin: auto;
  overflow: hidden;
	border-style: solid;
	border-color: #cac5c1;
	border-width: 0px;
	 border-radius: 15px 15px 15px 15px;
	opacity: 1.0;
}

.content-sector2 .content-overlay-sector2 {
  background: rgb(250,250,250,1.0);
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.content-sector2:hover .content-overlay-sector2{
  opacity: 1;
}

.content-image-sector2{
  width: 100%;
}

.content-details-sector2 {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.content-sector2:hover .content-details-sector2{
  top: 50%;
  left: 50%;
  opacity: 1;
}

.content-details-sector2 h3{
  color: #cac5c1;
  font-weight: 500;
  letter-spacing: 0.15em;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}

.content-details-sector2 p{
  color: #cac5c1;
  font-size: 0.8em;
}

.fadeIn-bottom-sector2{
  top: 80%;
}

.fadeIn-top-sector2{
  top: 20%;
}

.fadeIn-left-sector2{
  left: 20%;
}

.fadeIn-right-sector2{
  left: 80%;
}



.business-sector-img {
    border-radius: 30px;
	opacity: 0.6;
	max-height: 300px;
	border-color: #cac5c1;
	border-width: 2px;
	
}


.bg-transparency {
    background-image:url("../images/020-note.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	
}

.bg-world {
    background-image:url("../images/bg-world-white2.png");
	background-repeat: no-repeat;
	background-size: contain;
    background-position: center;
	
}

.bg-section1 {
    background-image:url("../images/AdobeStock_144539844.jpeg");
	background-repeat: no-repeat;
	background-size: contain;
    background-position: center;
	
}



.pattern-img {
background-image:url("../images/pattern-img-small.png");
	
}

.portal-collapse {
    border-top-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-right-width: 0px;
	border-color: #a0a7c4;
	border-radius: 0px;
	border-style: solid;
	
}



.switchToggle input[type=checkbox]{height: 0; width: 0; visibility: hidden;  }
.switchToggle label {cursor: pointer; text-indent: -9999px; width: 70px; max-width: 70px; height: 30px; background: none; display: block; border-radius: 100px; position: relative; border-style: solid; border-width: 1px; border-color: #a0a7c4; }
.switchToggle label:after {content: '';  top: 2px; left: 2px; bottom: 2px; width: 24px; height: 24px; background: #a0a7c4; border-radius: 90px;  }
.switchToggle input + label:before, .switchToggle input + input + label:before {content: 'DE';  top: 3px; left: 35px; width: 26px; height: 26px; border-radius: 90px; transition: 0.0s; text-indent: 0; color: #a0a7c4;}



.switchToggle2 input[type=checkbox]{height: 0; width: 0; visibility: hidden; }
.switchToggle2 label {cursor: pointer; text-indent: -9999px; width: 70px; max-width: 70px; height: 30px; background: none; display: block; border-radius: 100px; position: relative; border-style: solid; border-width: 1px; border-color: #a0a7c4;}
.switchToggle2 label:after {content: '';  top: 2px; right: 2px; bottom: 2px; width: 24px; height: 24px; background: #a0a7c4; border-radius: 90px;  }
.switchToggle2 input + label:before, .switchToggle2 input + input + label:before {content: 'EN';  top: 3px; left: 10px; width: 26px; height: 26px; border-radius: 90px; transition: 0.0s; text-indent: 0; color: #a0a7c4;}




#damage {
    background-image: url("../images/desk1.png");
	background-repeat: no-repeat;
	background-size:100%; 
	background-position: center;
	
} 

#Mailchimp {
    background-image: url("../images/mailchimp2.png");
	background-repeat: no-repeat;
	background-position: center;
	
} 


#Mailchimp:hover {
    background-image: url("../images/mailchimp.png");
	background-repeat: no-repeat;
	background-position: center;

	
} 

#CPRA {
    background-image: url("../images/california-flag.png");
	background-repeat: no-repeat;
	background-size:100%; 
	background-position: center;
	
} 


.heading-ig {
    color: #ffffff;
	
}



#loadMore {
    padding-bottom: 30px;
    padding-top: 30px;
    text-align: center;
    width: 100%;
}
#loadMore a {
    background: #faa635;
    border-radius: 3px;
    color: white;
    display: inline-block;
    padding: 10px 30px;
    transition: all 0.25s ease-out;
    -webkit-font-smoothing: antialiased;
}
#loadMore a:hover {
    background-color: #042a63;
}



#loadMoreTopics1 {
    padding-bottom: 30px;
    padding-top: 30px;
    text-align: center;
    width: 100%;
}
#loadMoreTopics1 a {
	border-bottom-color: #fbee66;
	border-bottom: solid;
    color: white;
    display: inline-block;
    padding: 10px 30px;
    transition: all 0.25s ease-out;
    -webkit-font-smoothing: antialiased;
}
#loadMoreTopics1 a:hover {
	border-color: #fbee66;
	color: #fbee66;

	
}


#loadMorePortal {
    padding-bottom: 30px;
    padding-top: 30px;
    text-align: center;
    width: 100%;
}
#loadMorePortal a {
	border-bottom-color: #fbee66;
	border-bottom: solid;
    color: #54555a;
    display: inline-block;
    padding: 10px 30px;
    transition: all 0.25s ease-out;
    -webkit-font-smoothing: antialiased;
}
#loadMorePortal a:hover {
	border-color: #fbee66;
	color: #fbee66;

	
}

#deviations   {
	background-image: url("../images/gdpr.png");
   
}


#deviations:hover   {
	background-image: url("../images/gdpr-yellow.png");

	
}


.dpo-left   {
	border-style: none;
	border-right-width: 0px;
		border-left-width: 1px;
	border-bottom-width: 1px;
		border-bottom-left-radius: 15px;

   border-color: #cac5c1;
}

.dpo-right   {
	border-style: none;
	border-left-width: 0.5px;
		border-bottom-width: 1px;
	border-right-width: 1px;
		border-bottom-right-radius: 15px;

   border-color: #cac5c1;
}


.lecture-heading   {
 border-top-width: 0px;
    border-bottom-width: 2px;
    border-left-width: 0px;
    border-right-width: 0px;
	border-color: white;
	border-radius: 0px;
	border-style: solid;


}


.dpo-heading {
background: linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 2px) calc(100% - 2px) no-repeat,
            linear-gradient(90deg, #d3aac4 0%, #a0a7c4 100%);
border-radius: 0px;
padding: 1px;
box-sizing: border-box;
}


.workshop {
background: linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 2px) calc(100% - 2px) no-repeat,
            linear-gradient(90deg, #61d2db 0%, #5385e9 100%);
border-radius: 0px;
padding: 1px;
box-sizing: border-box;
    
        
}


.modal-colored {
border: 1.5px solid transparent;
  border-radius: 5px;
  background: 
    linear-gradient(to right, white, white), 
    linear-gradient(to right, #61d2db , #5385e9); 
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
}



.workshop-grey {
border-color: #ffffff;
    border-style: none;
    border-width: 1px;
border-radius: 0px;
padding: 1px;
box-sizing: border-box;
    
    background-image: url("../images/logo-mietorcas-white.png");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}  


.orcas-color {

}


.pic-border {
background: linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 2px) calc(100% - 2px) no-repeat,
            linear-gradient(90deg, #5385e9 0%, #61d2db 100%);
border-radius: 0px;
padding: 5px;
box-sizing: border-box;
}




.workshop2 {
background: linear-gradient(#f1f1f1, #f1f1f1) 50% 50%/calc(100% - 2px) calc(100% - 2px) no-repeat,
            linear-gradient(90deg, #d3aac4 0%, #a0a7c4 100%);
border-radius: 0px;
padding: 1px;
box-sizing: border-box;
}





.dpo-heading-wrap   {
	border-top-left-radius: 20px;
		border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;

   background: linear-gradient(to right, #d3aac4, #a0a7c4);
	padding: 3px;
}


.bg-landscape   {
background-image: url("../images/guideline-white.png");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;

	
}


.bg-risks   {
background-image: url("../images/expenditures-white.png");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;

	
}

.bg-role   {
background-image: url("../images/business-woman-2-white.png");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;

	
}

.bg-prio   {
background-image: url("../images/analysis-3-white.png");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;

	
}




.panel-default   {
	
 border-color: #a0a7c4; 
    border-style: none; 
    border-width: 1px;   
}


.panel-title2 > a:after {
    float: none !important;
	    content: "\2212";
		color: #d3aac4;

    
    

    padding-right: 20px;
}
.panel-title2 > a.collapsed:after {
    float: none  !important;
	    content: "\002B";
	color: #d3aac4;

	
}
.panel-title2 > a:hover, 
.panel-title2 > a:active, 
.panel-title2 > a:focus  {
    text-decoration:none;
}


.top-header {
	border-bottom-style: solid;
	border-width: 1px;
	border-color: #54555a;
    background-height: 2px;
    background-position: bottom;
    background-size: 80%;
    background-repeat: no-repeat;
    background-color: #ffffff;

}





.top-header-top {
	border-bottom-style: solid;
	border-width: 2px;
	border-color: #54555a;
    background-color: #ffffff;


}




.top-header-bottom {
	border-bottom-style: solid;
    	border-top-style: solid;

	border-width: 2px;
	border-color: #54555a;
    background-image:url("../images/bgtop.png");
    background-size:60%;
    background-position: left;
    background-repeat: repeat;
    background-color: #ffffff;
    position: sticky !important;
      position: -webkit-sticky !important;

    top: 77px;
	z-index: 1020;
}


.section-break {
	

    background-color: #54555a;
    height: 1px;

}


.section-line {
	border-bottom-style: none;
    	border-top-style: none;

	border-width: 1px;
	border-color: #54555a;
    background-image:url("../images/bg-new.png");
    background-size:contain;
    background-position: center;
    background-repeat: repeat;
    height: 8px;
    opacity: 0.3;

}


.line-bottom {
	border-style: double;

	border-color: #54555a;
background-color: none;
}


.section-line-first {
	border-top-style: solid;

	border-width: 2px;
	border-color: #54555a;
    background-image:url("../images/bgtop.png");
    background-size:contain;
    background-position: left;
    background-repeat: repeat;
    height: 10px;

}


.bg-special {
    background-image: url("../images/pattern-grey1.png");
    background-size:cover;
    background-position: center;
    background-repeat: repeat;
    background-color: #ffffff;
	color: #fbee66;
}


.bg-bright {
    background-image: url("../images/bg-bright.png");
    background-size:contain;
    background-position: left;
    background-repeat: repeat;
    background-color: #ffffff;
	color: #fbee66;
}


.services-frame-consulting {
   
	 padding-right: 10px;
    padding-left: 10px;
	padding-top: 10px;
    padding-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;

	border-left: solid 2px;
	border-right: solid 2px;
	border-bottom: solid 2px;
	border-top: solid 2px;
	border-color: #888b8d;
	
     background-image:url("../images/icon-lock.png");
    background-size: 20%;
    background-repeat: no-repeat;
    background-position:center;
	 -webkit-transition: background-image 0.2s ease-in-out;
transition: background-image 0.2s ease-in-out;
	}


.services-frame-consulting:hover {
    
    background-image:url("../images/icons-hover-lock.png");
   
	
	}

.services-frame-governance {
    padding-right: 10px;
    padding-left: 10px;
	padding-top: 10px;
    padding-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;

	border-left: solid 2px;
	border-right: solid 2px;
	border-bottom: solid 2px;
	border-top: solid 2px;
	border-color: #888b8d;
    
    background-image:url("../images/icon-lock.png");
    background-size: 20%;
    background-repeat: no-repeat;
    background-position:center;
     -webkit-transition: background-image 0.2s ease-in-out;
transition: background-image 0.2s ease-in-out;
	}

.services-frame-governance:hover {
    
    background-image:url("../images/icons-hover-lock.png");
   
	
	}



.services-frame-compliance {
     padding-right: 10px;
    padding-left: 10px;
	padding-top: 10px;
    padding-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;

	border-left: solid 2px;
	border-right: solid 2px;
	border-bottom: solid 2px;
	border-top: solid 2px;
	border-color: #888b8d;
    
    background-image:url("../images/icon-lock.png");
    background-size: 20%;
    background-repeat: no-repeat;
    background-position:center;
       -webkit-transition: background-image 0.2s ease-in-out;
transition: background-image 0.2s ease-in-out;
    
	
	}


.services-frame-compliance:hover {
    
    background-image:url("../images/icons-hover-lock.png");
   
	
	}





.frame-dark-grey {
    border-bottom: solid 2px;
		border-color: #888b8d;
	color: #888b8d;

	}

.frame-dark-grey-bottom {
	    border-bottom: solid 2px;
	border-color: #888b8d;
		color: #ffffff;


	}

.frame-dark-grey-top {
	    border-top: solid 2px;
	border-color: #54555a;
		color: #ffffff;

	}



.cardXYZ {
        min-width: 100px;
        min-height: 400px;
        background: url("../images/011-mobile phone.png")no-repeat;
    background-size: contain;
        margin: auto;
    -webkit-transition: background-image 0.2s ease-in-out;
transition: background-image 0.2s ease-in-out;
    
    
}
    .cardXYZ:hover {
        background: url("../images/029-medal.png")no-repeat;
  cursor: pointer;
 
   
    }



.rotate:hover
{
        -webkit-transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        transform: rotateZ(-30deg);
}



#wrap {
  position:relative;
  height:281px;
  width:450px;
  margin:0 auto;
}

#wrap img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#wrap img.top:hover {
  opacity:1;
}

#wrap img.bottom:hover {
  opacity:0;
}


.cssfade { 
    	    position:relative;
    background: url("../images/testabc.png") center 1rem;
        background-origin:padding-box; padding: 0.5rem 1rem;

    background-repeat: no-repeat;
	
}
.cssfade img {
    	    position:relative;
    opacity: 1;
	-webkit-transition: all ease 1s;
	-moz-transition: all ease 1s;
	-o-transition: all ease 1s;
	-ms-transition: all ease 1s;
	transition: all ease 1s;
}
.cssfade img:hover {
	opacity: 0;
}


.cssfade1 { 
    background: url("../images/court3.png") center;
    background-origin: padding-box; 
background-size: contain;
    background-repeat: no-repeat;

	
}
.cssfade1 img {
    	    position:relative;
    opacity: 1;
	-webkit-transition: all ease 1s;
	-moz-transition: all ease 1s;
	-o-transition: all ease 1s;
	-ms-transition: all ease 1s;
	transition: all ease 1s;
}
.cssfade1 img:hover {
	opacity: 0;
}


.cssfadeSocialMedia { 
    	    position:relative;
    background: url("../images/social-media-small.png") center 1rem;
    background-origin:padding-box; padding: 0.5rem 1rem;

    background-repeat: no-repeat;

	
}
.cssfadeSocialMedia img {
    	    position:relative;
    opacity: 1;
	-webkit-transition: all ease 1s;
	-moz-transition: all ease 1s;
	-o-transition: all ease 1s;
	-ms-transition: all ease 1s;
	transition: all ease 1s;
}
.cssfadeSocialMedia img:hover {
	opacity: 0;
}



.cssfade-transparency { 
	display: block;
    position:relative;
    background-image: url("../images/019-agreement.png");
    background-repeat: no-repeat;
	height: 252px; 
	width: 400px;
}
.cssfade-transparency img {
        position:absolute;
        left:0;
    opacity: 1;
	-webkit-transition: all ease 1s;
	-moz-transition: all ease 1s;
	-o-transition: all ease 1s;
	-ms-transition: all ease 1s;
	transition: all ease 1s;
}
.cssfade-transparency img:hover {
	opacity: 0;
}




.cssfade4 { 
    background: url("../images/word.png") left;
    background-origin: padding-box; 
background-size: contain;
    background-repeat: no-repeat;

	
}
.cssfade4 img {
    	    position:relative;
    opacity: 1;
	-webkit-transition: all ease 1s;
	-moz-transition: all ease 1s;
	-o-transition: all ease 1s;
	-ms-transition: all ease 1s;
	transition: all ease 1s;
}
.cssfade4 img:hover {
	opacity: 0;
}





.active-button {
    font-size: 40px;
	
}






.language2 {
    
    display: none;

} 


.sidebar {
	width: 100%;
    padding-right: 30px;
    padding-left: 30px;
	padding-top: 30px;
    padding-bottom: 30px;
	margin-bottom: 50px;
	border-left: solid 1px;
	border-right: solid 1px;
	border-bottom: solid 1px;
	border-top: solid 10px;
	color: #ffffff;
	cursor: pointer;
	
	}

.sidebar-texts {
    border-color: #93ccde;
	
}

.sidebar-texts:hover {
   background-color: #93ccde;
}

.sidebar-news {
    border-color: #7dc4a5;
	
}

.sidebar-news:hover {
    background-color: #7dc4a5;
	
}

.sidebar-workshops {
    border-color: #93ccde;

}

.sidebar-workshops:hover {
background-color: #93ccde;
}

.sidebar-library {
    border-color: #fbee66;

}

.sidebar-library:hover {
    background-color: #fbee66;

}


.sidebar-onepagers {
    border-color: #e6747e;
	

}
.sidebar-onepagers:hover {
    background-color: #e6747e;

}

.sidebar-dpo {
    border-color: #9aaccd;

}

.sidebar-dpo:hover {
    background-color: #9aaccd;

}


.sidebar-heading-left {
	text-align: right;
		margin-bottom: 20px;
	line-height: 30px;

}

.sidebar-heading-right {
	text-align: left;
	margin-bottom: 20px;
	line-height: 30px;

}

.sidebar-text-left {
	text-align: right;

}

.sidebar-text-right {
	text-align: left;

}

.container-header {
	border-top-style: none;
	border-top-width: 10px; 
		border-top-color: #00efd1;
	color: #00efd1;
	opacity: 0.9;
	padding-top: 8px;
	margin-bottom: 8px;

}


.portal-overview-boxes {
	border-style#: solid;
	border-width: 3px; 
		border-color: #cac5c1;
	background-color#: #cac5c1;
	background-image#:url("../images/paper(1).png");
	color: #54555a;
	background-size: contain;
	background-repeat: no-repeat;
	
}


.container-header-ps {
	border-bottom-style: none;
	border-bottom-width: 10px; 
		border-bottom-color: #00efd1;
	color: #00efd1;
	opacity: 0.9;
	padding-top: 7px;
	width: 100%;
	
}




.ps-intro {
	font-size: 20px;
	text-align: left;
	line-height: 20px;

}

.margin-bottom {
	margin-bottom: 2px;

}

.frame-library {
	border-style: solid;
	border-color: #fbee66;
	border-width: 3px;
	background-color: #54555a;
	padding: 10px !important;

}


.ps-frame {
	border-style: solid;
	border-color: #ffffff;
	border-width: 4px;
	 border-radius: 15px 15px 15px 15px;
	 padding: 10px !important;
	


}

.ps-frame-news {
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-color: #ffffff;
	border-width: 3px;
	 border-radius: 15px 15px 15px 15px;
	 padding: 10px !important;
	


}

.ps-frame-library {
	border-left-style#: solid;
	border-right-style#: solid;
	border-color: #ffffff;

	border-width: 4px;
	 border-radius: 15px 15px 15px 15px;


}



.ps-frame-about {
	background-repeat: repeat;
	border-style: none;
	border-color: #ffffff;
	border-width: 0px;
	 padding: 10px;
	


}

.ps-frame-grey {
	border-style: solid;
	border-color: #54555a;
	border-width: 2px;
	 border-radius: 15px 15px 15px 15px;
	color: #cac5c1;
	 padding: 10px !important;

	
}



.news-bg {

	background-color: #ffffff;
	 border-radius: 15px 15px 15px 15px;
	
	
}

.bg-consulting {

	background-color: #ffffff;;
	 border-radius: 15px 15px 15px 15px;
	
}


.bg-service-provider {

background-image: url("/images/handout.png");
    background-repeat: no-repeat;
    background-position: center;
    
}




.news-bg-grey {
	#background-image: url("/images/living-room.png");
    background-size: contain;
	background-repeat: no-repeat;
}





.services-steps {

	 border-radius: 15px 15px 15px 15px;
	border-style: solid;
	border-color: #888b8d;
    color: #888b8d;
	border-width: 2px;
    background-color: none;
}



.onepagers-bg-grey {

background-size: cover;
	background-position: center center;
	border-radius: 15px 15px 15px 15px;
	background-color: #54555a;

}

.onepagers-bg-grey-right {
background-size: cover;
	background-position: center center;
		border-radius: 15px 15px 15px 15px;


	

}


.library-frame {
	border-style: solid;
	border-color: #fbee66;
	border-width: 3px;
	color: #54555a;
	padding: 10px !important;
	
}

.library-bg {

	background-color: #ffffff;
	border-style: solid;
	border-color: #fbee66;
	border-width: 1px;

}





.onepagers-frame {
	border-style: solid;
	border-color: #e6747e;
	border-width: 3px;
	color: #54555a;
	padding: 10px !important;
	
}

.onepagers-bg {
	border-style: solid;

	background-color: #ffffff;
	border-color: #e6747e;
	border-width: 1px;
		color: #54555a;

}



.frame-bottom {
	border-bottom-width: 0px;
}



.wrapper-news {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.wrapper {

   
 padding-top: 40px;

}


.wrapper-section {

    background-color: none;
    #border-top-style: solid;
    border-width: 1px;
    border-color: #ddd;
    
   
	

}


.border-wrapper-top {
	border-top-style: solid;
	border-top-width: 1px;
	border-color: #54555a;
	

}



.wrapper-grey-top {
   #background-color: #fcf8f3;
	border-top-style: none;
	border-top-width: 2px;
	border-color: #54555a;
	

}





.wrapper-action {
border-top-style: none;
	border-top-width: 2px;
	border-color: #54555a;
    color: #333;
        padding-top: 40px;

}



.wrapper-all-start {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    border-bottom: 12px solid #ffffff;
}

.wrapper-all-onepagers {
    width: 100%;
   padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    border-bottom: 12px solid #ffffff;
}

.wrapper-all-library {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    border-bottom: 12px solid #ffffff;
	background-repeat: repeat;
	background-attachment: local;
}

.wrapper-content {
    width: 100%;
    margin-top: 150px;
    margin-right: auto;
    margin-left: auto;

}


.header-ps {
	margin: 0;
	#background-image: linear-gradient(320deg, #ffffff 60%, #d3aac4 80%, #ffffff 60%);
	#background-image: linear-gradient(to right, rgba(211,170,196,0), rgba(211,170,196,1));
		#background-image: linear-gradient(to right, rgba(211,170,196,1), rgba(211,170,196,0), rgba(211,170,196,1));

	
			##background-image: url("../images/bg-whitegrey.png");
	##background-position: center;
	##background-repeat: no-repeat;
	##background-color: white;


	
	background-image: linear-gradient(320deg, #5385e9 60%, #61d2db 100%);
#background-image:url("../images/pp-bild-ohne.png");
	#background-color: #54555a;
border-bottom-style: solid;
	border-bottom-width: 1px;
	border-color: #54555a;
    
}


.guide-section {	
    height: 1px;

	background-color: #a0a7c4;
}


.ps-section {	
	#background-image: linear-gradient(320deg, #a0a7c4 40%, #d3aac4 100%);
    height: 1px;

	#background-color: #ddd;
}

.ps-section-bottom {	
    height: 3px;

	background-color: #f6f6f6;
}


.ps-section-white {	
	#background-image: linear-gradient(320deg, #a0a7c4 60%, #d3aac4 100%);
    height: 2px;
	
	background-color: #ffffff;
}



.footer-ps {
	margin: 0;
	background-color: #ffffff;

}


.header-onepagers {
    width: 100%;
    border-bottom: 12px solid #e6747e;
	margin: 0;
}



.container {
    width: 100%;
    
    margin-right: auto;
    margin-left: auto;
    background-color:white;
      hyphens: manual;  
    
}



@media (max-width: 576px) {
 
    html {

    
    scroll-padding-top: 170px;
    

	
	
	
}
	
	.m-offer {
 margin-top: 30px;
   
 
}

       
    
    
    
	 .m-top {

    
    height: 170px;
	
}

    .m-text {

    padding-top: 30px;
	
} 
    
  .m-toptext {

    padding-top: 20px;
	
}    
    
    
     .m-legislation-top {

    
    margin-top: 260px;
	
	
}
    
    
    
	
	 .m-top2 {

    
    margin-top: 0px;
	
	
}
    
   
	

     .pic-border {

    
background: none;
border-radius: 0px;
padding: 0px;
	
}
    
    
 
 p {
    font-weight: 300;

}
  
    
   
    
    
 td {
    font-weight: 300;
    overflow:hidden;

}    
    
    
 psmall {

    font-weight: 300;   
}   
    
.top-header {
	border-bottom-style: solid;
	border-width: 1px;
	border-color: #54555a;
              background-image: url('/images/dot-grid.webp');
   

}

    
    
    
    .container {
    max-width: 540px;
  }
	.logo {
display: block;
		text-align: center;
		max-height: 100px;
		
	}
	
	.navbar-wrapper {
 display: flex;
  align-items: center;
	
		
	}
	
	.top-header-bottom {
	
    position: sticky;
      position: -webkit-sticky !important;

    top: 117px;
	
}

	
	
	.welcome-wrapper {

		
	}
	
	
	.country-name {
}
    
    
       
    

    
    
}


@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
	.logo {
display: inline-block;
				text-align: center;


	}
	
	.navbar-wrapper {

		text-align: right;
	
		
	}
	

    
	.mietorcas-steps-en {
 background-image:url("../images/rent-control-small.png");
        background-position: center;
        background-size: contain;
     background-repeat: no-repeat;
   height: 466px;
 
} 
    
    
	.mietorcas-steps-de {
 background-image:url("../images/mietpreisbremse-small.png");
        background-position: center;
        background-size: contain;
     background-repeat: no-repeat;
   height: 466px;
 
}    
  
    
    
    

	.welcome-wrapper {
		
	}
	
	
	.country-name {
}
	
	
	 .m-top {

    
    height: 200px;
 
}
	
 .m-text {

    
    padding-top: 30px;
 
}    
 
      .m-toptext {

    padding-top: 20px;
	
} 
    
    
.m-legislation-top {

    
    margin-top: 250px;
	
	
}    
    
    
    
	 .m-top2 {

    
    margin-top: 40px;
 
}
	
	
	
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
	.logo {
						text-align: center;


  }
	
	.navbar-wrapper {

		text-align: right;
	
		
	}
	
		

	
   
    
    
	
	.welcome-wrapper {
	
	
	}
	
	
	
	
	.country-name {
margin-top: 0px;
}
	
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
	.logo {
								text-align: center;

  }
	
	.navbar-wrapper {
		text-align: right !important;
		
	}
	
	.img-slider {
  text-align: right;

}

    
  .language {
display: none;
 
}    
    
  
 .m-top {

    
    height: 130px;
 
}    
    
     .m-text {

    padding-top: 70px;
	
}   
	
   .m-toptext {

    padding-top: 70px;
	
}     
    
    
	.welcome-wrapper {
	
		
	}
	
    
.teaser {
	
	text-align: left;	
	}    
    
    
 .language2 {
    
    display: inline-block;
     max-height: 30px;

}     
    
   
    
	
}

@media (min-width: 1200px) {
  .container {
    max-width: 1590px;
  }
	.logo {
										text-align: center;

  }
	
	
 	.mietorcas-steps-en {
 background-image:url("/images/rent-control.png");
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
   height: 466px;
 
}     
   
 	.mietorcas-steps-de {
 background-image:url("/images/mietpreisbremse.png");
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
   height: 466px;
 
} 
    
    
    
    
	.welcome-wrapper {
	
		
	}
}





@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}

.btn:hover {
  color: #ffffff;
  text-decoration: none;
}

.btn:focus, .btn.focus {
  outline: 0;
}

.btn.disabled, .btn:disabled {
  opacity: 0.65;
}

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

.btn-topic {
  color: rgba(84, 85, 90, 0.8);
  border-color: #f6f6f6;	 
	border-radius: 15px 15px 15px 15px;
	background-color: none;
	border-style: none;
  transition: 0.1s;
    padding: 7px;

}



.btn-topic:hover {
  color: #ffffff;
border-color: #f6f6f6;
    border-style: solid;
    color: #ffffff;
    border-width: 2px;
}

.btn-topic:focus {
  color: #ffffff;
border-color: #f6f6f6;
    border-style: solid;
    color: #ffffff;
    border-width: 2px;
}




.btn-ps {
  color: #000000;
  border-color: #54555a;	 
	border-radius: 15px 15px 15px 15px;
	background-color: #f6f6f6;
	border-style: none;

}

.btn-ps:hover {
      color: #000000;
border-color: #cac5c1;

}

.btn-ps:focus, .btn-ps.focus {
}

.btn-ps.disabled, .btn-ps:disabled {
  color: #000000;
border-color: #cac5c1;
	
}

.btn-ps:not(:disabled):not(.disabled):active, .btn-ps:not(:disabled):not(.disabled).active,
.show > .btn-ps.dropdown-toggle {
  color: #000000;

border-color: #cac5c1;}

.btn-ps:not(:disabled):not(.disabled):active:focus, .btn-ps:not(:disabled):not(.disabled).active:focus,
.show > .btn-ps.dropdown-toggle:focus {
}


.btn-contact {
  	 

	border: 1.5px solid transparent;
  border-radius: 15px;
  background: 
    linear-gradient(to right, white, white), 
    linear-gradient(to right, #61d2db , #5385e9); 
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
    
	
}




.btn-contact:hover {
  color: #cac5c1;
}

.btn-contact:focus, .btn-contact.focus {
}

.btn-contact.disabled, .btn-contact:disabled {
  color: #cac5c1;
	
}

.btn-contact:not(:disabled):not(.disabled):active, .btn-contact:not(:disabled):not(.disabled).active,
.show > .btn-contact.dropdown-toggle {
  color: #cac5c1;


}

.btn-contact:not(:disabled):not(.disabled):active:focus, .btn-contact:not(:disabled):not(.disabled).active:focus,
.show > .btn-contact.dropdown-toggle:focus {
}


.btn-library {
  color: #cac5c1;;
  border-color: #cac5c1;	 
	border-radius: 15px 15px 15px 15px;
	border-style: solid;
	border-width: 3px;
	background-color: #535459;

}

.btn-library:hover {
  color: #cac5c1;
border-color: #cac5c1;
}

.btn-library:focus, .btn-library.focus {
}

.btn-library.disabled, .btn-library:disabled {
  color: #cac5c1;
border-color: #cac5c1;
	
}

.btn-library:not(:disabled):not(.disabled):active, .btn-library:not(:disabled):not(.disabled).active,
.show > .btn-library.dropdown-toggle {
  color: #cac5c1;

border-color: #cac5c1;}

.btn-library:not(:disabled):not(.disabled):active:focus, .btn-library:not(:disabled):not(.disabled).active:focus,
.show > .btn-library.dropdown-toggle:focus {
}






.btn-nav {
  color: #54555a;
  border-color: #54555a;	 
	border-radius: 15px 15px 15px 15px;

}

.btn-nav:hover {
  color: #54555a;

	
}

.btn-nav:focus, .btn-primary.focus {
}

.btn-nav.disabled, .btn-primary:disabled {
  color: #ffffff;
border-color: #ffffff;
	
}

.btn-nav:not(:disabled):not(.disabled):active, .btn-nav:not(:disabled):not(.disabled).active,
.show > .btn-nav.dropdown-toggle {
  color: #ffffff;

border-color: #ffffff;}

.btn-nav:not(:disabled):not(.disabled):active:focus, .btn-nav:not(:disabled):not(.disabled).active:focus,
.show > .btn-nav.dropdown-toggle:focus {
}



.btn-countries {
  color: #54555a;
  border-color: #54555a;	 
	border-radius: 15px 15px 15px 15px;

}

.btn-countries:hover {
  color: #54555a;

	
}

.btn-countries:focus, .btn-primary.focus {
}

.btn-countries.disabled, .btn-primary:disabled {
  color: #54555a;
border-color: #54555a;
	
}

.btn-countries:not(:disabled):not(.disabled):active, .btn-countries:not(:disabled):not(.disabled).active,
.show > .btn-countries.dropdown-toggle {
  color: #54555a;

border-color: #54555a;}

.btn-countries:not(:disabled):not(.disabled):active:focus, .btn-countries:not(:disabled):not(.disabled).active:focus,
.show > .btn-countries.dropdown-toggle:focus {
}






.btn-welcome {
text-decoration:underline;
text-decoration-style: dotted;
   
}

.btn-welcome:hover {
	text-decoration:underline;
text-decoration-style: dotted;
	
}

.btn-welcome:focus {
	text-decoration:underline;
text-decoration-style: dotted;
}

.btn-welcome:active {
	text-decoration:underline;
text-decoration-style: dotted;
}

.btn-welcome:visited {
	text-decoration:underline;
text-decoration-style: dotted;
}


.link-ps {
text-decoration:underline;
text-decoration-style: dotted;
      background: -webkit-linear-gradient(180deg, #a0a7c4, #d3aac4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    font-weight: 500;
      cursor: pointer;  
    
    
}

.link-ps:hover {
	text-decoration:underline;
text-decoration-style: dotted;
	  cursor: pointer;
}

.link-ps:focus {
	text-decoration:underline;
text-decoration-style: dotted;
}

.link-ps:active {
	text-decoration:underline;
text-decoration-style: dotted;
}

.link-ps:visited {
	text-decoration:underline;
text-decoration-style: dotted;
}


.link-ps-black {
text-decoration:underline;
text-decoration-style: dotted;

      cursor: pointer;  
    
    
}

.link-ps-black:hover {
	text-decoration:underline;
text-decoration-style: dotted;
	  cursor: pointer;
}

.link-ps-black:focus {
	text-decoration:underline;
text-decoration-style: dotted;
}

.link-ps-black:active {
	text-decoration:underline;
text-decoration-style: dotted;
}

.link-ps-black:visited {
	text-decoration:underline;
text-decoration-style: dotted;
}



.btn-news {
  color: #ffffff;
	text-decoration: none;
   
}

.btn-news:hover {
  color: #ffffff;
	transition: color 0.3s linear;
   -webkit-transition: color 0.3s linear;
   -moz-transition: color 0.3s linear;
	
}

.btn-news:focus {
  color: #ffffff;
}

.btn-news:active {
  color: #ffffff;
}

.btn-news:visited {
  color: #ffffff;
}


.btn-portal {
  color: #a0a7c4;
	text-decoration: none;
   
}


.btn-portal:link {
  color: #a0a7c4;
	text-decoration: none;
   
}

.btn-portal:visited {
  color: #a0a7c4;
}

.btn-portal:hover {
  color: #a0a7c4;
	transition: color 0.3s linear;
   -webkit-transition: color 0.3s linear;
   -moz-transition: color 0.3s linear;
	
}

.btn-portal:focus {
  color: #a0a7c4;
}

.btn-portal:active {
  color: #a0a7c4;
}



.btn-portal:visited:hover {
  color: #a0a7c4;
}





.btn-index {
	text-decoration: none;
   
}


.btn-index:link {
}


.btn-index:hover {
	transition: color 0.3s linear;
   -webkit-transition: color 0.3s linear;
   -moz-transition: color 0.3s linear;
	
}

.btn-index:focus {
}

.btn-index:active {
}

.btn-index:visited {
}



.btnP {
  color: #D0191C;
}



.btn-legislation {
	text-decoration: none;
   	transition: color 0.3s linear;
   -webkit-transition: color 0.3s linear;
   -moz-transition: color 0.3s linear;
   
}

.btn-legislation:hover {
  color: #a0a7c4;
	
}

.btn-legislation:focus {
  color: #a0a7c4;
}


.btn-header {
	text-decoration: none;
   	transition: color 0.3s linear;
   -webkit-transition: color 0.3s linear;
   -moz-transition: color 0.3s linear;
    
        display: inline-block;
    font-weight: 300;
    text-align: center;
    vertical-align: baseline;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0.375rem 1.75rem;
    line-height: 1.5;
        background-color: transparent;
border: none;
     color: #666;
}

.btn-header:hover {
  color: #5385e9;
	
}

.btn-header:focus {
  color: #5385e9;
}



.btn-link-sector {
  font-weight: 600;
  color: #666;
  text-decoration: none;
    border: none;
}

.btn-link-sector:hover {
  color: #666;
  text-decoration: none;
}

.btn-link-sector:focus, .btn-link-sector.focus {
  text-decoration: none;
  box-shadow: none;
}

.btn-link-sector:disabled, .btn-link-sector.disabled {
  color: #666;
  pointer-events: none;
}





.nav-link {
    display: block;
    padding: 0.5rem 1rem;
	color: #FFFFFF;
}

.nav-link:hover, .nav-link:focus {
  text-decoration: none;
    color: #c1a0bc !important;

}


.nav-link:active { 
color: #c1a0bc !important;
}

	
.nav-link-start {
    display: block;
    padding: 0.5rem 1rem;
	color: #ffffff;
}

.nav-link-start:hover, .nav-link-start:focus {
  text-decoration: none;
	color: #7dc4a5;
}

.nav-link-onepagers {
    display: block;
    padding: 0.5rem 1rem;
	color: #e6747e;
}

.nav-link-onepagers:hover, .nav-link-onepagers:focus {
  text-decoration: none;
	color: #e6747e;
}

.nav-link-texts {
    display: block;
    padding: 0.5rem 1rem;
	color: #FFFFFF;
}

.nav-link-texts:hover, .nav-link-texts:focus {
  text-decoration: none;
	color: #FFFFFF;
}

.nav-link-library {
    display: block;
    padding: 0.5rem 1rem;
	color: #fbee66;
}

.nav-link-library:hover, .nav-link-library:focus {
  text-decoration: none;
	color: #fbee66;
}

.nav-link-workshops {
    display: block;
    padding: 0.5rem 1rem;
	color: #FFFFFF;
}

.nav-link-workshops:hover, .nav-link-workshops:focus {
  text-decoration: none;
	color: #FFFFFF;
}

.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}




.nav-link-inline {
    display: inline;
    padding: 0.5rem 1rem;
	color: #FFFFFF;
}

.nav-link-inline:hover, .nav-link:focus {
  text-decoration: none;
	color: #FFFFFF;
}
	


.nav-link-inline.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}



.nav-pills-library .nav-link {
color: #54555a;
}

.nav-pills-lib .nav-link {
color: #888b8d;
}





.nav-pills-library .nav-link.active,
.nav-pills-library .show > .nav-link {
  color: #54555a;
	border-color: #fefb7f;
	border-width: 6px;
	border-bottom-style: solid;


}

.nav-pills-lib .nav-link.active,
.nav-pills-lib .show > .nav-link {
  color: #888b8d;
}






.card-news {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 100%;
    background-clip: border-box;
    border-radius: 0.25rem;
    max-width: 100%;
    word-break: break-word;
    
}


.card-body-sectors {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
    text-align: center;
    overflow-x: auto;
    /* [disabled]float: none; */
}



.card-body-rules {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
    text-align: center;
    overflow-x: auto;
    /* [disabled]float: none; */
}



.card-body-news {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: left;
    overflow-x: auto;
    max-width: 250px;
    /* [disabled]float: none; */
}



.card-header-topics {
    margin-bottom: 0;
    min-width: 100px;
}




.fade-in-knowledge-based {
	opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 3s;
		border-radius: 15px;
border-style: solid;
	border-width: 0px;
	border-color: #ffffff;
	border-radius: 15px;
		margin: 20px;
}

@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	 60% {opacity:0}
	100% {
		opacity: 1;
	}
}

.fade-in-experienced {
	opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 5s;
		border-radius: 15px;
border-style: solid;
	border-width: 0px;
	border-color: #ffffff;
	border-radius: 15px;
		margin: 20px;
	
}

@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	 60% {opacity:0}
	100% {
		opacity: 1;
	}
}





.wrapper-sidebar-left {
    margin-right: 30px;
	display: none;
  }

.wrapper-sidebar-right {
    margin-left: 30px;
	display: none;
  }

.wrapper-header-center {
margin-right: auto;
	margin-left: auto;

}


.country-name {
	font-size: 14px;
}

.library-button {
color: #ffffff;
	font-size: 14px;
}

.library-border {
border-radius: 15px;
	border-with: 5px;
	border-color: #ffffff;
	border-style: solid;
}


.white {
color: #ffffff;
}


.country-picture {
color: #ffffff;
	font-size: 18px;
	max-width: 350px;
	max-height: 200px;
}

.f-bottom {
 
    
	background-color: #ffffff;
	border-top-style: none;
	border-top-width: 2px;
	border-color: #54555a;
	  color: #54555a;
 
}