@import url("https://design.menighet.no/Portals/0/Menighet.css");

/* til flere enn 4 knapper */
.menu-item{
  margin-bottom: 4px;
}
.tp-bullets {display:none;}
.ContactDiv {
	float:left;
	width:264px;
	height:126px;
}
.ConatctImageDiv {
	float:left;
	width:80px;
	height:120px;
}
.ContactInfoDiv {
	float:left;
	width:164px;
	height:120px;
}
.ContactDiv2 {
	float:left;
	width:264px;
	height:86px;
}
.ConatctImageDiv2 {
	float:left;
	width:80px;
	height:80px;
  	background:lightgrey;
  	box-shadow: 5px 5px grey;
}
.ContactInfoDiv2 {
	float:left;
	width:164px;
	height:80px;
  	background:#F0ECE7;
  	box-shadow: 5px 5px grey;
  	padding-left: 10px;
}

.ContactDiv3 {
	float:left;
	width:264px;
	height:126px;
}
.ConatctImageDiv3 {
	float:left;
	width:80px;
	height:110px;
  	background:lightyellow;
  	box-shadow: 5px 5px grey;
  	padding-top: 10px;
  	padding-left: 5px;
}
.ContactInfoDiv3 {
	line-height: 1.0;
	float:left;
	width:164px;
	height:110px;
  	background:lightyellow;
  	box-shadow: 5px 5px grey;
  	padding-left: 5px;
  	padding-top: 10px;
}


.button-container {
    display: flex;
    gap: 10px; /* Mellomrom mellom knappene */
    flex-wrap: wrap; /* Bryter linje hvis nødvendig */
    justify-content: flex-start; /* Venstrestiller knappene */
}

/* Mobilvisning: Sett knappene vertikalt, venstrestilt og større */
@media (max-width: 600px) {
    .button-container {
        flex-direction: column; /* Endrer til vertikal visning */
        align-items: flex-start; /* Venstrestiller knappene */
    }

    .paamelding {
        padding: 20px 30px !important; /* Øker størrelsen på knappene */
        font-size: 1.2em !important; /* Øker skriftstørrelsen */
        min-width: 100% !important; /* Gjør knappene full bredde */
        box-sizing: border-box; /* Hindrer uønsket bredde-endring */
    }
}

.paamelding {
    display: inline-block;
    padding: 10px 20px;
    text-decoration: none;
    text-align: center;
    min-width: 150px; /* Sikrer at knappene har en fast bredde */
}