.grid{
max-width:1200px;
margin-bottom:100px;
margin-top:0;
}
.grid-item{
border:none !important;
color:#fff;
text-align:center;
vertical-align:middle;
outline:1px solid #fff;
outline-offset:-1px;
display:table;
/*background:transparent !important;*/
}
.grid-item:hover{
opacity:0.9;
}
.grid:after{
content:'';
display:block;
clear:both;
}
.grid a{
color:#fff;
}
.grid a:hover{
color:#779ba0;
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{
margin:1em !important;
padding:0 20px 0 20px;
}
.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:#779ba0;
}
#head .kontakt .fa{
display:inline-block;
font:normal normal normal 16px/1 FontAwesome;
margin-right:10px;
margin-left:40px;
text-rendering:auto;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
/*.grid-item--25{
width:300px !important;
}*/
/* LARGE DISPLAY (>1200px) */
@media (min-width:1001px){
.grid .grid-item{
width:25%;
}
.grid .grid-item--33{
width:33%;
}
.grid .grid-item--34{
width:34%;
}
.grid .grid-item--50{
width:50%;
}
}
/* SMALL DISPLAY (TABLETS) */
@media (min-width:300px) and (max-width:1000px){
.grid .grid-item,
.grid.col-3 .grid-item,
.grid.col-4 .grid-item{
width:50%;
}
.grid .grid-item--33{
width:33%;
}
.grid .grid-item--34{
width:34%;
}
.grid .grid-item--50{
width:50%;
}
.service-bild .block_content.grid_layout_text,
.service-bild .block_content.grid_layout_link{
padding:0 !important;
}
}
/* EXTRA SMALL DISPLAY (PHONES PORTRAIT) */
@media (max-width:800px){
.grid .grid-item,
.grid.col-3 .grid-item,
.grid.col-4 .grid-item,
.grid .grid-item--33,
.grid .grid-item--34,
.grid .grid-item--50{
float:none;
width:100%;
}
}
/*.testp{
height:100%;
}
.grid a.wikilink{
height:100%;
width:100%;
display:table;
}*/