/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 19.10.2016, 09:25:01
    Author     : Andeas Methling
*/

/* Aktuelle Werbung */
div.advertisíng { display: block; width: 100%; float: left; clear:left; padding: 1% 0% 1% 0%; margin: 1% 0% 1% 0%; border-bottom: 1px solid #CCC; text-align: left;}
div.advertisíng img { max-width: 90%; }
.advertisíng .left { display: block; width: 30%; float: left; }
.advertisíng .left strong { display: block; width: 100%; float: left; clear:left; font-size: 18px; font-weight:400; margin-bottom: 2%; }
.advertisíng .left a { font-size: 18px; }
.advertisíng .left li.fa { font-size: 20px; margin-right: 2%; }
.advertisíng .right { display: block; width: 66%; float: right; text-align: right; position: relative; }
.advertisíng .right > div.picture { display: inline-block; width: 35%; float: none; vertical-align: top; text-align: left; }
.advertisíng .right > div.codeprint { display: inline-block; width: 60%; float: none; vertical-align: top; text-align: center; }
.advertisíng .right > div.codeprint img { display: none; max-width: 80%; height: auto; }
.advertisíng .right > div.codeprint > .printit { display: inline-block; width: 20%; height: auto; margin: 0% 2% 0% 2%; float: none; padding-top: 25%; vertical-align: top;  background-repeat:no-repeat; background-position: center top; background-size: contain; cursor: pointer; font-size: 14px; }
.advertisíng .right > div.codeprint > a.printit.advertising { border: none; background-image: url("/resources/css/images/printit.svg"); }
.advertisíng .right > div.codeprint > a.printit.code {  background-image: url("/resources/css/images/codeview.svg"); }
.advertisíng .right > div.codeprint > a.printit.appcode {  background-image: url("/resources/css/images/meinservice.svg");}
.advertisíng .right > div.codeprint > a.printit.catalog {  background-image: url("/resources/css/images/catalog.svg"); }
.advertisíng .right > div.codeprint > div.onlinecode { display: inline-block; width: 100%; float: none; vertical-align: top; padding: 2% 0% 0% 0%; margin: 2% 0% 2% 0%; text-align: center; border-top: 1px solid #CCC; }
.advertisíng .right > div.codeprint > div.onlinecode > p { display: block; font-size: 24px; padding: 2% 0% 2% 0%; margin: 2% 0% 2% 0%; border: 1px dotted #CCC; color: #e2000a; }
.advertisíng .right > div.codeprint > div.onlinecode > strong { display: block; font-weight: 400; }
.advertisíng .right > div.codeprint > div.onlinecode > a.onlineshop { display: inline-block; width: auto; padding: 5px 5px 5px 40px; background-image: url("/resources/css/images/onlineshopping.svg"); background-repeat:  no-repeat; background-position: center left;  background-size: 20px auto; font-size: 20px; line-height: 25px; }
.advertisíng .left li.fa { color: #264894; }
.advertisíng .giltyto { color: #e2000a; }
div.viewcode { width: 95%; height: auto; padding: 2%; background-color: #FFF; position: absolute; left: -55%; top: 0px; border: 5px solid #CCC; z-index: 2000; text-align: center; padding-top: 35px; }
div.viewcode > img { display: inline-block; width: auto; max-width: 100%!important; float: none; vertical-align: top; }
div.viewcode > button { display: block; width: 30px; height: 30px; background: transparent; background-color: #e2000a; color: #FFF; border: none; position: absolute; right: 0px; top: 0px; }
div.yes { border: 1px solid #e2000a; padding-bottom: 3%!important; }
div.yes:before { content: "Bitte wähle Deine Aktion"; display: inline-block; width: 98%; padding: 2%; margin: 0% 0% 2% 0%; border-bottom: 1px solid #CCC; color: #e2000a; }

/* Startseite Intersport Wanninger */
div#events > div.advertisíng { display: inline-block; width: 31.3333%; min-height: 230px; padding: 1%; margin: 2% 1% 0% 1%; float: none; vertical-align: top; background-color: #FFF; text-align: left; }
div#events > div.advertisíng > div.left { width: 67%; }
div#events > div.advertisíng > div.left > strong { font-size: 16px; }
div#events > div.advertisíng > div.left > p, div#events > div.advertisíng > div.left > a  { font-size: 15px; }
div#events > div.advertisíng > div.left > p.small, .advertisíng > div.left > p.small { display: inline-block; padding-right: 5px; float: none; }
div#events > div.advertisíng > div.right { width: 30%;}
@media only screen and (max-width: 767px){
div.advertisíng { display:  inline-block; width: auto; text-align: center; float: none; text-align: center; padding: 0px; margin: 0px; background-color: #FFF; }
.advertisíng .right, .advertisíng .left, .advertisíng .right > div.picture, .advertisíng .right > div.codeprint  { display: inline-block; width: 90%; padding: 0px; text-align: center; margin: 1% 0% 1% 0%; float: none; background-color: #FFF; }
div.advertisíng img { display: inline-block; float: none; max-width: 50%; }
div.advertisíng > div.left > p, div.advertisíng > div.left > strong { padding: 0px; margin: 0px; text-align: center; }
.advertisíng .right > div.codeprint > .printit { font-size: 12px; line-height: normal; }
.advertisíng .right > div.picture { margin-bottom: 5%!important; }
.advertisíng .right > div.codeprint > div.onlinecode > strong { font-size: 14px; }
div.viewcode { width: 90%; left: 2%; transform: rotate(-90deg);  }
div.viewcode > img { width: 120%; max-width: 120%; }
}