.grid{
max-width:1200px;
margin-bottom:100px;
margin-top:0;
}
.grid-item{
border:none !important;
color:#73706e;
text-align:center;
vertical-align:middle;
outline:1px solid #dddddd !important;
outline-offset:-1px;
display:table;
background:transparent !important;

margin: 5px;
}
.grid-item:hover{
/*opacity:0.8;*/
/*outline:1px solid #ffffff !important;*/
/*outline-offset:-1px;*/
}
.grid:after{
content:'';
display:block;
clear:both;
}
.grid a{
color:#0250a2;
}
.grid a:hover{
color:#646464;
text-decoration:none;
transition:all 0.5s ease-in-out;
}
.block_content.grid_layout_text,
.block_content.grid_layout_link{
/*display:table-cell;*/
vertical-align:middle;
}
.block_content.grid_layout_text p span,
.block_content.grid_layout_link p span{
line-height:1px !important;
}
.service .block_content.grid_layout_text{
padding:0;
}
.service-bild .block_content.grid_layout_text{
padding:0 0 0 20px;
}

.block_content.grid_layout_text,
.block_content.grid_layout_link{
padding:0;
}

/*.block_content.grid_layout_text:hover,*/
.block_content.grid_layout_link:hover{
background: #ffffff;
transition: background-color 0.8s ease;
/*border: 1px solid #e7e7e7;*/

box-shadow: 0px 0px 5px 5px #e7e7e7;
transition: box-shadow 0.5s ease;
}

.block_content.grid_layout_text h2,
.block_content.grid_layout_link h2{
font:400 36px 'LunchBox', Arial,sans-serif,sans-serif;
padding-bottom:20px;
text-transform: uppercase;
}



.button{
font-family:Arial,Helvetica,sans-serif;
/*width:100%;*/
background:#8f8f8f;
border-radius:0px;
border:0;
cursor:pointer;
color:white;
padding:10px;
transition:all 0.3s;
font-weight:700;
font-size:14px;
}
.button:hover{
background:#c2c2c2;
}

.block_content.grid_layout_text strong,
.block_content.grid_layout_link strong{
color:#5f5f5f;
}


body#intropage .grid-item {
margin-bottom: 20px;
height: 400px !important;
}


.grid-item {
height: 450px !important;
}


body#intropage .block_content.grid_layout_text,
body#intropage .block_content.grid_layout_link{
display:table-cell;
vertical-align:top;
}


body#layout_3col .grid-item,
body#layout_1col .grid-item {
margin-bottom: 20px;
outline:0px solid #d3d3d3 !important;
outline-offset:0px;
}



/* LARGE DISPLAY (>1200px) */
@media (min-width:1001px){

.grid .grid-item--20{
width:20%;
}
.grid .grid-item--25{
width:24%;
}
.grid .grid-item--33{
width:32%;
}
.grid .grid-item--34{
width:34%;
}
.grid .grid-item--50{
width:48%;
}
.grid .grid-item--66{
width:66%;
}
}

/* SMALL DISPLAY (TABLETS) */
@media (min-width:300px) and (max-width:1024px){
.grid .grid-item,
.grid.col-3 .grid-item,
.grid.col-4 .grid-item{
width:50%;
}
.grid .grid-item--25{
width:48%;
}
.grid .grid-item--33{
width:48%;
}
.grid .grid-item--34{
width:34%;
}
.grid .grid-item--50{
width:48%;
}
.grid .grid-item--66{
width:50%;
}
}

/* EXTRA SMALL DISPLAY (PHONES PORTRAIT) */
@media (max-width:767px){
.grid .grid-item,
.grid.col-3 .grid-item,
.grid.col-4 .grid-item,
.grid .grid-item--25,
.grid .grid-item--33,
.grid .grid-item--34,
.grid .grid-item--50,
.grid .grid-item--66{
float:none;
width:100%;
}
}