/*

 * Name: wat_baer.css
 * Version: 1.1
 * Date: 2016-04-28

*/
body.rtl{

text-align:right !important;
}
.baer-transcript
{display:none;
position:relative;
width:100%;
height:150px;
overflow:auto;}
.baer-chooseTranscript
{
position:relative;
background:url("https://www.wien.gv.at/video/assets/images/icon_mitschrift.png") no-repeat scroll 0 0 transparent;
height:22px;
width:100px;
padding:3px;
border:1px solid #CCCCCC;
cursor: pointer;
}
.baer-toggleTranscript
{display:block;
margin-left:25px;
color:#666666 !important;
text-decoration:none !important;
}
.baer-chooseTranscript.ison
{display:block;
background-color: #e5e5e5;
}


#vie_main a.apfacebook[href*="wien.gv.at/"],
.apfacebook,
#vie_main a.aptwitter[href*="wien.gv.at/"],
.aptwitter {
    width: 30px;
    height: 38px;
    margin: 8px 12px 8px 0;
    display:block;
    padding-right: 0 !important;
    background: 0 3px no-repeat #fff !important;
}


#vie_main a.apfacebook[href*="wien.gv.at/"], .apfacebook {
    background-image: url(/layout-a/wien.at/img/facebook_ia.svg) !important;
}
#vie_main a.aptwitter[href*="wien.gv.at/"], .aptwitter {
    background-image: url(/layout-a/wien.at/img/twitter_ia.svg) !important
}

#vie_main a.aptwitter[href*="wien.gv.at/"]:hover,
.aptwitter:hover {
    background-image: url(/layout-a/wien.at/img/twitter.svg) !important
}

#vie_main a.apfacebook[href*="wien.gv.at/"]:hover,
.apfacebook:hover {
    background-image: url(/layout-a/wien.at/img/facebook.svg) !important
}



.baer-share a span
{
font-size: 0;
line-height: 0;
display: block;
width: 30px;
height: 30px;
text-indent: -9999px;
overflow: hidden;
}
.baer-container
{
position:relative;
float:left;
height:auto;
overflow:hidden;
}
.baer-share
{
position:relative;
width:100%;
}
.baer-share a
{
float:left;
}
.baer-share-rtl a
{
float:right;
}
.baer-share-rtl a span
{
display:none;
}
.baer-logo
{
width:20%;
min-width:100px;
max-width:200px;
float:left;
margin-right:10px;
}
.baer-logo-rtl
{
width:20%;
min-width:100px;
max-width:200px;
float:right;
margin-left:10px;
}
.baer-headline
{
color: #CC6600 !important;
}
.baer-subline
{
font-size:18px !important;
}
.baer-subline-zwei
{
font-size:18px !important;
height: 35px;
}
.baer-hr2, .baer-hr1 {display:none;
width:92%;float:left;}
@media only screen and (min-width : 980px) { 
.baer-hr1{display:none;}
.baer-hr2{display:block;}
.baer-container
{
width:30%;
max-width:480px;
margin-right:10px;
}
.baer-logo
{
margin-left:30px;
margin-right:30px;
}
h1.baer-title
{
margin-top:40px;
}
}
@media only screen and (min-width : 707px) and (max-width : 979px) { 
.baer-hr1{display:block;}
.baer-hr2{display:none;}
.baer-container
{
width:45%;
margin-right:10px;
}
.baer-logo
{
margin-left:10px;
margin-right:10px;
}
h1.baer-title
{
margin-top:20px;
}
}
@media only screen and (min-width : 481px)  and (max-width : 706px) { 
.baer-container
{
width:460px;
}
}
@media only screen and (max-width : 480px) { 
.baer-container
{
width:97%;
}
}
@media only screen and (max-width : 320px) { 
.baer-container
{
width:97%;
}
}