/* ----------------------------------------- */ /* Inhalts-Template: schleifen-objekt-in-news-overview-3-columns - Start */ /* ----------------------------------------- */ * { box-sizing: border-box; } * { box-sizing: border-box; } /* ---- Destroy Gap between images ---- */ img { vertical-align: bottom; } /* ---- grid ---- */ .grid { width: 100% !important; } .grid-item br { display:none; } .grid-item p { margin:0px!important; } .grid-item .alignnone { display: block; margin: 0px 0!important; } /* clear fix */ .grid:after { content: ''; display: block; clear: both; } /* clearfix */ .grid:after { content: ''; display: block; clear: both; } /* ---- grid-item ---- */ .grid-sizer, .grid-item { width: 33.3333%; } .grid-item { float: left; height: auto; padding:3px; margin-bottom: 0px; } .large { width: 50%; } .xlarge { width: 100%; } .green-container, .blue-container { padding:20px; color: white; } .green-container { background-color: #B2E9D3; } .blue-container { background-color: #A6D7E6; } .feature-title { position: absolute; bottom: 0px; left: 0px; top: 0px!important; height: 100%; width: 100%; background-color: rgba(255,255,255,0.80); margin-bottom: 0px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; padding: 30px; background-image: url(https://kuder.de/wp-content/uploads/2018/02/left_corner_bottom.png), url(https://kuder.de/wp-content/uploads/2018/02/right_corner_bottom.png), url(https://kuder.de/wp-content/uploads/2018/02/left_corner_top.png), url(https://kuder.de/wp-content/uploads/2018/02/right_corner_top.png), url(https://kuder.de/wp-content/uploads/2018/02/juwelier-kuder-startseite_logo.png); background-size: auto; background-position: left bottom, right bottom, left top, right top, top center; background-repeat: no-repeat; } .sub-title { color: #555; } .feature-title:hover { opacity: 1; filter: alpha(opacity=100); /* For IE8 and earlier */ } .inner-feature-title { text-align:center; margin-left:auto; margin-right:auto; position: relative; top: 50%; transform: translateY(-50%); font-family: 'QuaySansITCStd-Medium' !important; font-size: 14px; line-height:17px; letter-spacing: 1px; text-transform:uppercase; color: #555; } /*-----------------------------------------------------------------------------------* /* = Mobile Stlyes /*-----------------------------------------------------------------------------------*/ @media only screen and (max-width: 959px) { .grid-item { width: 50%; } .large { width: 100%; } } @media only screen and (min-width: 960px) and (max-width: 1300px) { .feature-title { padding: 30px; background-image: url(https://kuder.de/wp-content/uploads/2018/02/left_corner_bottom.png), url(https://kuder.de/wp-content/uploads/2018/02/right_corner_bottom.png), url(https://kuder.de/wp-content/uploads/2018/02/left_corner_top.png), url(https://kuder.de/wp-content/uploads/2018/02/right_corner_top.png), url(); background-size: auto; background-position: left bottom, right bottom, left top, right top, top center; background-repeat: no-repeat; } } @media only screen and (max-width: 667px) { .grid-item { padding: 1px; } @media only screen and (max-width: 375px) { .grid-item { width: 100%; } } /* ----------------------------------------- */ /* Inhalts-Template: schleifen-objekt-in-news-overview-3-columns - Ende */ /* ----------------------------------------- */