.container-header .grid-child {
    padding: .0em;
}

.navbar {
    --navbar-padding-x: 0;
    --navbar-padding-y: .2rem;
  }

body {
  font-size: 15px;
  /*font-family:Book Antiqua;*/
  font-family: "Roboto";
  /*background-color: rgb(247, 244, 237, 0.8);*/
  /*background-color: #f2f2f2;*/
  /*background-color: rgb(242, 242, 242, 0.5);*/
  /*background-image: url(https://annemettep.dk/images/grayrealistic.jpg?1649177293000);*/
  /*background-image: url(https://annemettep.dk/images/Goldflitter.png?1703956420000);*/
  /*background-color: #f3f1f3;*/
  /* background-color: rgb(246, 225, 185, 1.0); blå mandala*/
   /*background-color: #f8e8ba;*/ /*beige mandala*/
  /*background-color: rgb(248, 232, 186, 0.9);*/ /*beige mandala*/
  /*background-color: #f7f3ed; lys brun */
  /*background-color: rgb(255, 230, 230, 0.2);*/ /*lyserød*/
  /*background-color: #f2f2f2; lys grå*/
    background-color: #fff1ff; /*lys lilla*/
  background-color: white;
  

 .container-header { 
  background-image: none;
  /*background-color: #112e62; mørkblå fra billede*/
  
  /*background-color: #5d5285; lilla fra billede*/
  /*background-image: url(https://annemettep.dk/images/star-blue-pint.jpg);*/ 
  /*background-image: url(https://annemettep.dk/images/darkbluesky.jpg);*/
  /*background-image: url(https://annemettep.dk/images/469-starry-night-sky-background-image.jpg?1648923321000);*/
  /*background-image: url(https://annemettep.dk/images/gold.jpg?1648923472000);*/
  /*background-image: url(https://annemettep.dk/images/Goldflitter.png?1703956420000);*/
  /*background-color: #646c8f;*/
  /*background-color: #112e62;*/ /*mørkblå fra billede*/
  background-color: white;
  /*background-image: url(https://annemettep.dk/images/grayrealistic.jpg?1649177293000);*/
   } 
  
.footer {
    background-color: #112e62; /*mørkblå fra billede*/
    background-image: none;
    color: #fff;
    margin-top: 1em;
}

/*------------------------------------------------------------------------------
 Root
---------------------------------------------------------------------------------*/
:root {
 --cassiopeia-color-primary: #112e62; /*mørkblå fra billede*/
 --cassiopeia-color-link: #4169e1; /*royal blue*/
 --cassiopeia-color-hover: #112e62; /*mørkblå fra billede*/
}

/*
:root {
	--body-font-size: 0.85rem;
	--body-font-weight: 400;
	--body-line-height: 1.0;
	--body-color: #22262a;
	--body-bg: #fff;
}*/

/*------------------------------------------------------------------------------
 Container-header
---------------------------------------------------------------------------------*/
.container-header .navbar-brand a {
  color: #ffcc00; /*guld*/
  color: #ffd11a; /*lys guld*/
  color:#ffc107; /*orangeguld*/
  color: #ffcc00; /*guld*/
  color: #fff; /*hvid*/
}  

/*------------------------------------------------------------------------------
Enkelt side med anden farve
Go to Menu > [ your menu ]
Click on the chosen Menu Item
Select the Page Display tab
In the Page Class option add for instance colors1   
---------------------------------------------------------------------------------*/
.colors1 {
  --website-color-1: #5e2688;
  --cassiopeia-color-primary: var(--website-color-1);
}

.colors2 {
  --website-color-primary: 37, 143, 167;
  --website-color-hover: 242, 48, 48;
  --cassiopeia-color-primary: rgba(var(--website-color-primary),0.5);
  --cassiopeia-color-hover: rgb(var(--website-color-hover));
  --cassiopeia-color-link: rgb(var(--website-color-primary));
}

/*------------------------------------------------------------------------------
...you will change the colours on the page with the class "own".
--------------------------------------------------------------------------------*/
.own {
  --cassiopeia-color-primary: #2F9C95;
  --cassiopeia-color-hover: #174F4B;
  --cassiopeia-color-link: #1C5E5A;
}

/*------------------------------------------------------------------------------
 Card
---------------------------------------------------------------------------------*/
div.card {
  /*   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.1);   */
  /* background-color: #f8f9fa;  lys grå  */
  border-radius: 0rem;
  border: 3px solid lightgrey;
  background-color: white;   
}

.card-header {
  color: #00004d;
  font-weight: normal;
  border-bottom: 3px #e8bb19;
  background-color: white; 
}

.card a {
  color: #4169e1;
}

/*------------------------------------------------------------------------------
Lyseblå farve på modul header baggrund. 1: CSS menumodul. 2: andre moduler.
---------------------------------------------------------------------------------
.colors3 {
  --card-cap-bg: #3f51b226;  
}

.card-header {
    background-color: #3f51b226;   
}


div.colorslilla {
  --card-cap-bg: #70688b;
  --card-cap-color: white;
}
---------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------
 Mindre Side-width: 0,19.875rem ændret til 0,16.875rem
---------------------------------------------------------------------------------*/
@supports (display: grid) {
  @media (min-width: 992px) {
    .site-grid {
      grid-template-columns: [full-start] minmax(0,1fr) [main-start] repeat(4,minmax(0,16.875rem)) [main-end] minmax(0,1fr) [full-end]
    }
  }
}

body {
  min-height: 100vh;
  position: relative;
    
} 

.container-banner {
  display: block;
  margin: 0 0 1rem;
}

/*------------------------------------------------------------------------------
class to to create rounded images?
--------------------------------------------------------------------------------*/
.circle.item-image {
    border-radius: 50%;
}

/*------------------------------------------------------------------------------
 Alle normale MODULER - CARD2 - oprindelig min version m guld
--------------------------------------------------------------------------------*/
div.card2 {
  background-color: white;
  background-clip: border-box;
  
  /*border-style: none;*/ /* ingen border*/
  /*border-bottom-style: solid 1px #dfe3e7; *//* bund*/
    
  border: 2px #dfe3e7;
  border-style: solid;
  border-radius: 0.75rem;
  padding: 0px 2px 0px 2px;  /*nyt forsøg*/
}
div.card2 .card-header {
  color: Darkblue;
  color: #001d3d;
  color: black;
  color: #333333;
  text-indent: 0px;
 }
div.card2 .card-header {
  border-bottom: 4.8px solid #f6b93b; /*guld*/
  background-color: rgba(0, 0, 0, 0.03);
  background-color: white;
  padding: 0px;
  margin-left: 15px; 
  margin-right: 15px;
  margin-top: 10 px;
  margin: 20px 15px 0px 15px; /*top, right, bottom,left*/
  }


/*------------------------------------------------------------------------------
 Moduler i stil med The Atlantic - bruges på forside
---------------------------------------------------------------------------------*/
div.atlantic-card{
  border-style: none double double double;
  padding-left: 0px;
  border-color: grey;
  border-width: 1px; 
  border-radius: 0rem;
  background-color: white;  
  /*background-image: url(https://annemettep.dk/images/grayrealistic.jpg?1649177293000);*/
  /*background-color: #f2f2f2;*/
}

.atlantic-card .card-header {
  border-color: grey;
  border-width: 1px; 
  border-style: solid none solid none;
  background-color: #112e62; /*mørkblå fra billede*/
   /*background-color: #010440; mørkblå fra mandala*/
  /*background-color: #ffcccc; lyserød */
  /*background-color: #494976; lilla fra billede*/
 
   /*color: #d94436; rød*/
  color: white;
   
  }

  /*------------------------------------------------------------------------------
 Moduler i stil med The Atlantic, men rød - bruges på forside
---------------------------------------------------------------------------------*/
div.atlantic-card-red{
  border-style: none double double double;
  padding-left: 0px;
  border-color: grey;
  border-width: 1px; 
  border-radius: 0rem;
  background-color: white;  
  /*background-image: url(https://annemettep.dk/images/grayrealistic.jpg?1649177293000);*/
  /*background-color: #f2f2f2;*/
}
  .atlantic-card-red .card-header {
  border-color: grey;
  border-width: 1px; 
  border-style: solid none none none;
  /*background-color: #112e62;*/ /*mørkblå fra billede*/
   /*background-color: #010440; mørkblå fra mandala*/
  /*background-color: #ffcccc; lyserød */
  /*background-color: #494976; lilla fra billede*/
    background-color: white; 
 
   color: #d94436; /*rød*/
  /`*color: white;*/
   
  }

.h3, h3 {
  font-size: 1.50rem;
  font-weight:550;
   font-size: 15px;
  font-family:Book Antiqua;
}
/*------------------------------------------------------------------------------
 Right border, left border, none border
---------------------------------------------------------------------------------*/
div.xleft-border{
  border-style: none none none double;
  }

div.xright-border{
  border-style: none solid none none;
  border-color: lightgrey;
  border-width: 3px; 
  }

div.xnone-border{
  border-style: none none none none;
  }

div.image-border{
  border-style: solid solid solid solid;
  border-width: 2px;
  border-color: darkblue; 
  }
/*------------------------------------------------------------------------------
 Moduler med baggrundsfarve eller kantfarve
---------------------------------------------------------------------------------*/
div.bgblue{
  background-color: #003399;
  color: white;
}
.bgblue .card-header{
  background-color: #003399;
  color: white;
}

div.bgdarkblue{
  background-color: #112e62; /*mørkblå fra billede*/
  color: white;
}
.bgdarkblue .card-header{
  background-color: #112e62; /*mørkblå fra billede*/
  color: white;
}

div.bgwhitex{
  background-color: white;
}

.bgwhitex .card-header{
  background-color: white;
}

div.bglilla{
  background-color: #f3f1f3;
  background-color: white;
  background-color: #ffe6e6;
  background-color: #fbebea;
  background-color: #efe6dc;
  background-color: #f7f3ee;
  /*background-color: #f0f2f4;*/
  }

.bglilla .card-header{
  background-color: #f3f1f3;
  background-color: white; 
  background-color: #ffe6e6;
  background-color: #fbebea;
  background-color: #efe6dc;
  background-color: #f0f2f4;
  background-color: #f7f3ee;
  }

div.bgbrun{
  background-color: #dcc3a1;
  color: white;
  }
  
div.bglyseroed{
  background-color: #ffe3cc;
  }
  
.bglyseroed .card-header{
  background-color: #ffe3cc;
  }

/* <div style="background-color: #fbdd8325;"> */

div.bgwhite{
  background-color: #ffffff;
}
  
div.bgantik{
  background-color: #fff8cc;
}
.bgantik .card-header{
  background-color: #fff8cc;
}

/*modul*/
div.bgantik1{
  background-color: #fff8cc;
}

.bgantik1 .card-header{
  background-color: #fff8cc;
  }

/*page*/
div.bgantik2{
  border: 2px #dfe3e7;
  background-color: #fff8cc;

}

.bgantik2 .body {
  --body-bg: #fff;
  }


div.bghist{
  background-color: #ffffcc;
   background-color: #fefbd8; 
}


div.border0{
border: none;
}

div.border1{
border: 1px solid black;
}
/*------------------------------------------------------------------------------
 Vises ikke på mobil og tablet-portræt, eller tablet og pc-landskab
---------------------------------------------------------------------------------*/

    @media (max-width : 768px) {
  .hidden-phone {
        display: none;
  }
}


    @media (min-width: 769px) {
  .hidden-pc {
        display: none;
  }
}


h2 {
    font-size: 1.5em; /*smaller font for articles title, normal=2*/
}

h3 {
    font-size: 1.2em; /*smaller font for articles title, normal=2*/
    font-weight: bold;
   text-align: center;
    text-align: left;
   /*font-family:Book Antiqua;*/
   font-family: "Roboto";
 	text-transform: uppercase;
   /*text-decoration: underline;*/
  }

h3.card-header {
  text-align: center;
  }