:root{
  --roed:#b4191d;  
  --sort:black;  
  --dark:#333333;
}
html {  
  
}
body, html {
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color:black;
  font-family: 'Noto Sans KR', sans-serif;
  background-color: #f7f4f4;;
  font-size:16px;
  height:100%;
}
.containerToppadding{
  padding-top:170px;
}
.educationLink{
color:black;
}
.eventIntroTekst{
  color:white;
  font-size: 16px;
}
.educationLink:hover{
color:black;
}
.memberLoginForm input{
  border:1px solid var(--roed) !important;
  margin-bottom:10px;
  height:25px !important;
  width: 200px;
}
.memberLoginForm button{
  border:1px solid var(--roed);
  background-color:var(--roed);
  color:white;
  padding: 15px 25px 15px 25px;
}
.logoff{
  display: inline-block;
  float:right;
  background-color: var(--roed);
  color:white;
  padding:5px 10px 5px 10px;
}
a.logoff:hover{
color:white;
}
h2.educationH2{
margin-top:0px;
}
#basketForm{
display:none;
}
.custom-control {
color-adjust: exact; 
}
.buyBasket{
width:25px;
margin-right:15px;
margin-top:-5px;
}
.teaserText{
margin-bottom:20px;
}
.navigationRedboks{
width:160px;
}
.topEventInfo{
  display:inline-block;
  color:var(--roed);
  font-weight:700;
}
.sliderRedButton{
margin-top:20px;
}
/*Citat*/
blockquote {
color: black;
float: left;  
width:100%;
}
blockquote::before {
content: "\201C";
font-size:32px;
}

blockquote::after {
content: "\201D";
font-size:32px;
}
/*END citat*/

.boxShadow{
-moz-box-shadow: 0px -5px 5px #888;
-webkit-box-shadow: 0px -5px 5px rgb(155, 5, 5);
box-shadow: 0px -5px 5px #888;
}
.teaserText{
margin-bottom:20px;
clear:both;
}
.acceptcookies{
background: var(--roed);
color:white;
border:none;
padding:8px 20px 8px 20px;
}
.erasecookies{
background: var(--roed);
color:white;
border:none;
padding:8px 20px 8px 20px;
display: inline-block;
margin-bottom:10px;
}
.noacceptcookies{
background: none;
color:black;
border:none;
padding:5px 15px 5px 15px;

}
.rowxSeparator{
  margin-top:30px;
}
a{
color:#b4191d;
}
a:hover{
text-decoration: none;
color:#b4191d;
}
footer a{
color:white;
}
footer a:hover{
color:white;
}
.fullImg{
width:1141px !important;
}
.embeditem{
margin-bottom:40px;
margin-top:15px;
}
h2{
  font-size:30px;
  font-weight: 900;
  margin-top:30px;
  
}
h3{
  font-size: 16px;   
  margin:0;
}
h4{
font-size:18px !important;
}
h3.page{
font-size:20px;
font-weight:900 !important;
}
.itemBottomBox h3{
font-size:20px;
}
h3.name{
font-size: 20px;
}
h3.teaserText{
margin: 20px 0px 20px 0px;
}
.articles{
margin-top:40px;
}
h3.sliderContent{
font-size: 16px;
font-weight: normal !important;   
margin-top:15px;;
}
h3.articleText, h3.contentText{
font-weight: normal !important; 
}
h2.articleTitle{
font-size:20px;
}
h2.cookieHeader{
font-size:24px;
}
.backButton{
background: white;
display: inline-block;
padding:10px 15px 10px 15px;
margin-bottom:20px;
cursor:pointer;
}
.margin30{
margin:30px 0px 30px 0px;
}
.margin20{
margin:20px 0px 20px 0px;
}
.backLink{
color:black;
}
.backLink:hover{
color:black;
text-decoration: none;
}
.topMargin{
/* margin-top:30px;*/
}
.img-fluid{
  width:100%;
  
}
.galleryContainer{
margin-top:30px;
}
.navbar{
padding:0px;
}
.footerContainer{
  background-color: var(--roed);
  color:white;
  padding:30px;
}
.author a{
  color:white;
}
.author a:hover{
  text-decoration: none;
}
.item{
  margin-bottom:20px;
  min-width:370px;
}
.imgContainer{
  display: block;
  width: 100%;
  height: auto;
  position: relative;
}
.timeOverlay {
  position: absolute; 
  bottom: 0; 
  background: rgba(0, 0, 0, 0.5); /* Black see-through */  
  transition: .5s ease;
  opacity:1;
  color: white;    
  padding: 5px;    
  right:0px;
}
.description{
    color:white;
    margin-top:10px;
    font-weight: normal;
}
.redboks{
  
  background-color: var(--roed);
  display: inline-block !important;
  padding:15px 25px 15px 25px;
  color:white;
  
}
.seperator-redboks{
  margin-left:15px !important;
}
.smallRedboks{
  background-color: var(--roed);
  display: inline-block;
  padding:8px 10px 8px 10px;
  color:white;
  float:right;
}
a.smallRedbok:hover{
text-decoration: none;
color:white;
}

.topnav{
  height:150px;    
}
.nopadding{
  padding:0px !important;
}
div.burger{   
  width: 30px;
  height: 2px;
  background-color: white;
  margin: 6px 0;      
}
.red{
  border:1px solid red;
}
.p10{
  padding:10px;
}
.text a:hover{
text-decoration: underline;
}
.ref-links{
margin-right: 0px;
margin-left: 0px;
}
.externalEvent{
border-top: 3px solid var(--roed);
}
.imgForfatter:hover .itemBottomBox, .itemBottomBox:hover, .itemBottomBoxBlack:hover{
background:var(--sort);
} 
.itemBottomBox{
  background-color: var(--roed);
}
.itemBottomBoxBlack{
background-color: var(--dark);

}
.min-height{
min-height:400px;
}
.itemlink{
  color:white;    
}
.itemlink:hover{
  color:white;
  text-decoration: none;    
}

.itemlink:hover ~ h3 {
  font-size:30px;
}

.bannercontent{
  background-color: #333332;
  color:white;    
}
.bContent{
  padding:10px;
  height:100%;
}
.articleReadmore{
margin-bottom:15px;
}
.readMore{
   float:right;
   bottom:2px;
   background-color: var(--roed);
   padding:10px;
}
.readMore a{
  color:white;
}
.readMore a:hover{
  text-decoration: none;
}
.box{
  box-model: border-box;
  border: 5px solid transparent;
  background-clip:padding-box;    
}
/*img zoom*/
.img-hover-zoom {
  widows: inherit;
 /* height: inherit;*/
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}
/* [2] Transition property for smooth transformation of images */
.img-hover-zoom img {
  transition: transform  1.2s ease;
}

/* [3] Finally, transforming the image when container gets hovered */
.img-hover-zoom:hover img {
  transform: scale(1.1);
}
div.emptyList{
width:358px;
height:214px;
background-color: #c6c6c6;
}
/*test burger*/
.button_container {
  position: fixed;
 /* top: 5%;
  right: 2%;*/
  height: 27px;
  width: 35px;
  cursor: pointer;
  z-index: 100;
  transition: opacity 0.25s ease;
  z-index:9000;
}
.button_container:hover {
  opacity: 0.7;
}
.button_container.active .top {
 transform: translateY(11px) translateX(0) rotate(45deg);
  background: #FFF;
}
.button_container.active .middle {
  opacity: 0;
  background: #FFF;
}
.button_container.active .bottom {
  transform: translateY(-11px) translateX(0) rotate(-45deg);
  background: #FFF;
}
.button_container span {
  background: white;
  border: none;
  height: 5px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.35s ease;
  cursor: pointer;
}
.button_container span:nth-of-type(2) {
  top: 11px;
}
.button_container span:nth-of-type(3) {
  top: 22px;
}

.overlay {
  position: fixed;
  background: var(--roed);
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.35s, visibility 0.35s, height 0.35s;
  overflow: hidden;
}
.overlay.open {
  opacity: 1;
  visibility: visible;
  height: 100%;
}
.overlay.open li {
  animation: fadeInRight 0.5s ease forwards;
  animation-delay: 0.35s;
}
.overlay.open li:nth-of-type(2) {
  animation-delay: 0.4s;
}
.overlay.open li:nth-of-type(3) {
  animation-delay: 0.45s;
}
.overlay.open li:nth-of-type(4) {
  animation-delay: 0.5s;
}
.overlay.open li:nth-of-type(5) {
  animation-delay: 0.55s;
}
.overlay.open li:nth-of-type(6) {
  animation-delay: 0.6s;
}
.overlay.open li:nth-of-type(7) {
  animation-delay: 0.65s;
}
.overlay.open li:nth-of-type(8) {
  animation-delay: 0.7s;
}
.overlay.open li:nth-of-type(9) {
  animation-delay: 0.75s;
}
.overlay.open li:nth-of-type(10) {
  animation-delay: 0.8s;
}
.overlay nav {
  position: relative;
  height: 70%;
  top: 50%;
  transform: translateY(-50%);
  font-size: 50px;
  font-weight: 900;
  text-align: center;
  font-size:30px;
}
.overlay ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  height: 100%;
}
.overlay ul li {
  display: block;
  height: 25%;
  height: calc(100% / 7);
  min-height: 50px;
  position: relative;
  opacity: 0;
}
.overlay ul li a {
  display: block;
  position: relative;
  color: #FFF;
  text-decoration: none;
  overflow: hidden;
}
.overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
  width: 100%;
}
.overlay ul li a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0%;
  transform: translateX(-50%);
  height: 3px;
  background: #FFF;
  transition: 0.35s;
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

/*Top slider*/
.gallery {
 /* background: #EEE;*/
}

.gallery-cell {
  width: 100%;

  margin-right: 10px;
  /*background: #8C8;*/
  counter-increment: gallery-cell;
}

/* cell number */
/*hidden button text*/
.flickity-prev-next-button{
  font-size:0px;
}

.gallery-cell:before {
  display: block;
  text-align: center;
 /* content: counter(gallery-cell);*/
  line-height: 200px;
  font-size: 80px;
  color: white;
}

.full-width-image {
  width: 100vw;
  position: relative;
}

.full-width-image img {
  width: 100%;
}
.subContanier{
  padding-top:150px;
  padding-bottom:40px
}
.flickity-page-dots .dot{
    background:var(--roed) !important;
    opacity: 1 !important;
}
.dot.is-selected{
  background:#000 !important;
}
/*Search overlay*/
#searchGoButton{
  background-color: white;
  padding:10px;
  margin-bottom:-21px;
}
#search{
  width:80%;
  height:54px;
  border:1px solid white;
}
.button_search {
  position: fixed;
 /* top: 5%;
  right: 2%;*/
  height: 27px;
  width: 35px;
  cursor: pointer;
  z-index: 100;
  transition: opacity 0.25s ease;
  z-index:9000;
 
}
.button_search:hover {
  opacity: 0.7;
}
.button_search .top1 {
 transform: translateY(11px) translateX(0) rotate(45deg);
  background: #FFF;
}
.button_search .middle1 {
  opacity: 0;
  background: #FFF;
}
.button_search .bottom1 {
  transform: translateY(-11px) translateX(0) rotate(-45deg);
  background: #FFF;
}
.button_search span {
  background: white;
  border: none;
  height: 5px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.35s ease;
  cursor: pointer;
}
.button_search span:nth-of-type(2) {
  top: 11px;
}
.button_search span:nth-of-type(3) {
  top: 22px;
}



#searchButton:hover{
  cursor:pointer;
}

.overlaySearch.open {
  background: rgba(180, 25, 29, 0.9);
  visibility: visible;
  height: 445px;
  display: block;
}


.overlaySearch {
  position: fixed; /* Sit on top of the page content */    
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 500px; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--roed); /* Black background with opacity */
  z-index: 9999; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}

/*RTE editor*/
.quotes:before {
  content: open-quote;
  font-size:20px;
}

.quotes:after {
  content: close-quote;
  font-size:20px;
}
.quotes span:before,
.quotes span:after {
  display:inline;
  color: black;
  border: 1px solid black;
  padding: 0;
  position: relative;
  top: .25em;
  
}
.quotes{
  line-height: 1.8rem;
}
/*end RTE editor*/


/*Sub navigation*/

label{
display:none;
}

nav[role="select"] {
width: 100%;
position: relative;
color: #000;

}
nav[role="select"] > select {
display: none;
border:1px solid red;

}
nav[role="select"] ul {
width: 100%;
list-style: none;
margin:0px;
padding:0px;
}
nav[role="select"] ul > li:hover{
background-color:#333332;
}
nav[role="select"] ul > li {

  float: left;
  padding: 5px 20px 5px 20px;
  font-size: 1.2em;
  background-color:#b4191d;
  transition-duration: .15s;
  transition-timing-function: ease-in-out;
  transition-property: box-shadow, background, color, text-align, padding;
  cursor: pointer;
  margin-right:20px;
  margin-bottom:20px;
  color:white;
}
/*
nav[role="select"] ul > li:hover {
background-color: rgba(174, 86, 168, 0.3);
color: #fff;
text-align: left;
padding-left: .75em;

}
*/
nav[role="select"] ul > li > a {
color: inherit;
text-decoration: none;
transition: inherit;
}
.menuactive{
background-color: #333332 !important;
}
/* small screens */
@media screen and (max-width: 44em) {
  body {
    margin: 1em 0;
    
  }
  .rowx{
    margin-left:0px;
    margin-right:0px;
  }
  nav[role="select"] ul {
    display: none;
  }
  /*
  nav[role="select"]:after {
    position: absolute;
    z-index: -1;
    content: "asdf";
    right: 0;
    bottom: -1.75em;
    background: rgba(174, 86, 168, 0.4);
    padding: .15em .55em;
  }
  */
  nav[role="select"] option:hover{
  background-color: #000;
  } 
  
  nav[role="select"] select {
    border:1px solid black;
    display: block;
    user-select: none;
    cursor: pointer;
    width: 100%;
    padding: .55em .45em;
    border: none;
    background-color: rgba(180, 25, 29, 1);
    color:white;
  }
}

/*End Subnavigation*/

/*Searchbox*/
#Searchcontainer{
display: grid;
}
input[type=text] {
position: relative;

height:54px;
box-sizing: border-box;
border: 2px solid white;
font-size: 16px;
background-color: white;
/* 40px padding to account for submit   */
padding: 2px 40px 2px 10px; 
}
input[type=submit] {
position:absolute;
width: 55px;
height: 100%;
top: 0px;
right: 0px;
border: none;
color: white;
background: url('/images/Soeg-sort.png') #4d7fc3 center center no-repeat;
display: block;
cursor: pointer;
}
/*end Searchbox*/

/*Search resultlist*/
.searchResultList{
margin: 15px 0px 15px 0px;
background-color:white;
padding:10px;
}
/*end search resultlist*/


/*Back to top*/
#back-to-top-btn {
display: none;
position: fixed;
bottom: 20px;
right: 20px;
font-size: 26px;
width: 50px;
height: 50px;
background-color: #fff;
color: #333;
cursor: pointer;
outline: none;
border: 3px solid var(--roed);
border-radius: 50%;
transition-duration: 0.2s;
transition-timing-function: ease-in-out;
transition-property: background-color, color;

}
#back-to-top-btn:hover, #back-to-top-btn:focus {
background-color:white;
color: var(--roed);  
}

/* Placeholder input color*/
input::-webkit-input-placeholder {
color: #999;
}
input:focus::-webkit-input-placeholder {
color: #e2e2e2;
}

/* Firefox < 19 */
input:-moz-placeholder {
color: #999;
}
input:focus:-moz-placeholder {
color: #e2e2e2;
}

/* Firefox > 19 */
input::-moz-placeholder {
color: #999;
}
input:focus::-moz-placeholder {
color: #e2e2e2;
}

/* Internet Explorer 10 */
input:-ms-input-placeholder {
color: #999;
}
input:focus:-ms-input-placeholder {
color: #e2e2e2;
}
input:focus{
outline: none;
}
/*end Placeholder input color*/

/*Page 404*/

#notfound {
position: relative;
height: 100vh;
}

#notfound .notfound {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
}

.notfound {
max-width: 520px;
width: 100%;
line-height: 1.4;
text-align: center;
}

.notfound .notfound-404 {
position: relative;
height: 240px;
}

.notfound .notfound-404 h1 {
font-family: 'Montserrat', sans-serif;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
font-size: 252px;
font-weight: 900;
margin: 0px;
color: var(--roed);
text-transform: uppercase;
letter-spacing: -40px;
margin-left: -20px;
}

.notfound .notfound-404 h1>span {
text-shadow: -8px 0px 0px #fff;
}
.notfound li{
list-style: none;
}
.notfound .notfound-404 h3 {
font-family: 'Cabin', sans-serif;
position: relative;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
color: #262626;
margin: 0px;
letter-spacing: 3px;
padding-left: 6px;
}

.notfound h2 {
font-family: 'Cabin', sans-serif;
font-size: 20px;
font-weight: 400;
text-transform: uppercase;
color: #000;
margin-top: 0px;
margin-bottom: 25px;
}
.NordkraftLogo{
display: inline-block;
margin:0px;
padding:0px;
}

/*embed size*/
.fitVids-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
}
.fitVids-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.disIn{
display:inline-block;
}

/*end page 404*/

/*Event style*/
.eventWekDay{
text-transform: capitalize;
}
.eventTcketRight{
float: right;
margin-bottom: 20px;
bottom: 0;
position: absolute;
right: 30px;
}
.eventInfo{
border-top:1px solid var(--roed);
border-bottom:1px solid var(--roed);
padding: 10px 0px 10px 0px;
font-size:16px;
font-weight: 700;
}
.eventTicketRed{
background-color: var(--roed);
}
.eventTicket{ 
padding:5px 10px 5px 10px;
color:white;
display: inline-block;
}
.eventFavor{
bottom:0;
position: absolute;
}
.eventTicketContainer{
margin: auto;
width: 52%;
display:inline-block;
}
.ticketText{
font-weight: normal;
}
.eventTeaser{
margin-top:20px;
}
.eventH2 h2{
margin-top:0px;
}
.eventTicket a{
color:white;
}
.printText{
color:var(--roed)
} 
.printPDFIcon{
width:31px;
height:26
} 
.printPDF, .eventPdf{          
display: inline-block;  
margin-top:10px;
display:none;
}    
.ticketText{
color:darkgray;
}

.filterReset button{
color:white;
background-color: var(--roed);
padding:5px 10px 5px 10px;
border:0;
}
.close{
border:1px solid white !important;
border-radius: 50%;
right:0;
position: absolute;
top:0;
margin:5px 5px 0px 0px;
}
.closeIcon{
color:white;
}
.filterHead{
color:var(--roed)
}
.dropdown{
width:100%;
border: 1px solid #ccc;
display:none;
padding: 7px;
position: absolute;
z-index:99;
padding:20px;
background-color: var(--roed);
}
.dropdown .checkbox{
display:block;
}
.dropdown .checkall{
display: block;
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #ccc;
cursor: pointer;
}
.filterClose{
color:white;
display: inline-block;
right:0;
cursor:pointer;
bottom:0;
position: absolute;
margin-bottom:5px;
margin-right:5px;
}
fieldset{
display: inline-block;
}
fieldset:first-child{
margin-right: 30px;;
}
.ticketIcon{
width:31px;
height:26px;
}
/*Event filter style*/
.filterrowx{
border-bottom:1px solid var(--roed);
border-top:1px solid var(--roed);
padding-bottom:20px;
}
.filterReset{
float:right !important;
}
.eventFilters{
color :white;
}
/*Event filter style END*/

/* Portrait */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: portrait) 
and (-webkit-min-device-pixel-ratio: 1) {
  .navigationRedboks{
    width:145px !important;
  }
  body{
    border:1px solid blue;
  }
}

@keyframes heartbeat
{
0%, 10%, 25% {
  transform:scale(0.8);
}
5%, 20% {
  transform: scale(0.9);
}

30%, 100% {
  transform: scale(1);
}
}
.heartBasket{
/* animation: animateHeart linear 1s 2 forwards;*/

  backface-visibility: hidden;
  animation-name: heartbeat;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}


/*Responsive styles*/
@media only screen and (max-width: 767px) {
.buyText, .menuText{    
  display:none;    
}
.buyBasket{
  margin-right:0px !important;
}
.redboks{
  height:100%;
}
.navigationRedboks{
  width:85px;
}
#Searchcontainer{
  width:200px;
}
  .notfound .notfound-404 {
    height: 200px;
  }
  .notfound .notfound-404 h1 {
    font-size: 200px;
  }
  .NordkraftLogo{
    margin-left:18px;
    display: inline-block;
  }
  .d-inline{
    display:block !important;;
  }
  .naviLayer{
    right:0px;
    top:0px;
    position: absolute;
  }
  .flickity-prev-next-button{
    top:20%;
  }
  .BannerImg{
    display:none;
  }
  .submenus{
    text-align: center;
    width: 100%;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 20px;
  }
  select#selectSubNav  {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='50' viewBox='0 0 24 24' width='50' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 5px;  
    border-radius: 2px;
    margin-right: 2rem;
    padding: 1rem;
    padding-right: 2rem;
    background-color: rgba(180, 25, 29, 1);
  }
}

@media only screen and (max-width: 480px) {
  .notfound .notfound-404 {
    height: 162px;
  }
  .notfound .notfound-404 h1 {
    font-size: 162px;
    height: 150px;
    line-height: 162px;
  }
  .notfound h2 {
    font-size: 16px;
  }
  
}

/*style for event sorting*/
/*the container must be positioned relative:*/
.sorting-select {
position: relative;
}

.sorting-select select {
display: none; /*hide original SELECT element:*/
}

.select-selected {
background-color: #f7f4f4;
}

/*style the arrowx inside the select element:*/
.select-selected:after {
position: absolute;
content: "";
top: 14px;
right: 10px;
width: 0;
height: 0;
border: 6px solid transparent;
border-color: var(--roed) transparent transparent transparent;
}

/*point the arrowx upwards when the select box is open (active):*/
.select-selected.select-arrowx-active:after {
border-color: transparent transparent var(--roed) transparent;
top: 7px;
}

/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
color: var(--roed);
padding: 8px 16px;
border: 1px solid transparent;
/*border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;*/
cursor: pointer;
user-select: none;
}

/*style items (options):*/
.select-items {
position: absolute;
background-color: #f7f4f4;
top: 100%;
left: 0;
right: 0;
z-index: 99;
}

/*hide the items when the select box is closed:*/
.select-hide {
display: none;
}

.select-items div:hover, .same-as-selected {
background-color: rgba(0, 0, 0, 0.1);
}

/*Ical style*/
.atcb-icon-google, .atcb-icon-yahoo, .atcb-icon-outlookcom,.atcb-icon-ical, .atcb-icon-apple{
  padding-left:15px;
  padding-right:15px;
  }
  .atc-checkbox-label {
    display: inline-block;
    line-height: 30px;
    padding-left: 30px;  
   background-image: url("/images/kalender.png");
   background-repeat: no-repeat;
   background-position: 10px 3px;
  }
  .atc-wrapper {
    width: 240px;
    height: 40px;
    margin: 20px auto;
    position: relative;
    background-color: var(--roed);
    z-index:999;
  }
  .atc-checkbox-label {
    width: 100%;
    height: 100%;
    display: block;
    color: white;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    position: relative;
    z-index: 1;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  .atc-links-wrapper {
    background: white;
    transition: transform 0.5s, opacity 0.1s;
    border: 0 solid var(--roed);
    border-left-width: 1px;
    border-right-width: 1px;
    box-sizing: border-box;
    transform: translateY(-100%);
    width: 100%;
    opacity: 0;
    z-index:999;
  }
  .atc-link {
    line-height: 40px;
    display: block;
    width: 100%;
    text-decoration: none;
    /*text-align: center;*/
    background: white;
    color: var(--roed);
    pointer-events: none;
    border-bottom: 1px solid var(--roed);
    position: relative;
    transition: background 0.5s, color 0.5s;
  }
  .atc-link:hover {
    background: var(--roed);
    color: white;
  }
  .atc-checkbox {
    display: none;
  }
  .atc-checkbox:checked + .atc-links-wrapper {
    transform: translateY(0);
    opacity: 1;
    transition: transform 0.5s, opacity 0.5s 0.2s;
  }
  .atc-checkbox:checked + .atc-links-wrapper .atc-link {
    pointer-events: auto;
  }
  label.atc-checkbox-label{
  margin:0px;
  }

  /*Education style*/
  .folder{
    clear:both;
   margin-bottom: 10px;;
    width:100%;
  }