/*
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 : 17.07.2018, 08:45:12
    Author     : juergen kind
*/

@media (min-width: 200px) and (max-width:767px) {
.krba-links-50   {/* width: 100%; */} 
.krba-rechts-50  { width: 100%; }
.krba-rechts-50 img {margin-top: -35px;}
 
.krba-bg-blau    {background-color: #009ee3;color: white;margin: 20px;}
.krba-bg-blau a  { color: white; }.krba-bg-blau p  { color: white;}.krba-bg-blau h1  { color: white;}.krba-bg-blau h2  { color: white;}
.krba-links-50 .krba-text-center { line-height: 1.5em; height: 60px; }
.krba-vertical-center {height: 95px;line-height: 1.5em;padding-top: 0px;}
}
@media (min-width: 768px) and (max-width:992px) {
.krba-links-50   {left: 20px;width: 350px;height: 98px;margin-top: 28px;} 
.krba-rechts-50  {width: 390px;height: 150px;margin-top: 0px;} 
.krba-bg-blau    { background-color: #009ee3; color: white; }
.krba-bg-blau a  { color: white; }.krba-bg-blau p  { color: white;}.krba-bg-blau h1  { color: white;}.krba-bg-blau h2  { color: white;}
.krba-links-50 .krba-text-center { line-height: 1.5em; height: 150px; }
.krba-vertical-center {height: 82px;line-height: 1.3em;/* padding-top: 40px; */}
}

@media (min-width: 992px) and (max-width:1199px)  {
.krba-links-50   {left: 20px;width: 460px;height: 132px;margin-top: 28px;} 
.krba-rechts-50  {width: 510px;height: 150px;margin-top: 0px;} 
.krba-bg-blau    { background-color: #009ee3; color: white; }
.krba-bg-blau a  { color: white; }.krba-bg-blau p  { color: white;}.krba-bg-blau h1  { color: white;}.krba-bg-blau h2  { color: white;}
.krba-links-50 .krba-text-center { line-height: 1.5em; height: 150px; }
.krba-vertical-center {height: 160px;line-height: 1.5em;padding-top: 30px;}
}
@media (min-width: 1200px) {
.krba-links-50   { left: 20px; width: 570px; height: 160px; margin-top: 28px; } 
.krba-rechts-50  { width: 610px; height: 150px; margin-top: 0px;} 
.krba-bg-blau    { background-color: #009ee3; color: white; }
.krba-bg-blau a  { color: white; }.krba-bg-blau p  { color: white;}.krba-bg-blau h1  { color: white;}.krba-bg-blau h2  { color: white;}
.krba-links-50 .krba-text-center { line-height: 1.5em; height: 150px; }
.krba-vertical-center { height: 160px; line-height: 1.5em; padding-top: 40px;}
}






.krba-video-left  {  }
.krba-video-right {  }

.krba-video-right {    background-color: #009ee3;    left: -20px; }

@media screen and (min-width: 200px ) and (max-width:767px) {
.krba-video-right { /*height: 100px;*/  margin-left: 1em;padding-left: 1em; border-left: 26px solid white;}
.krba-video-right p { color: white; }
.krba-video-right a { color: white; }
.krba-video-right p { }
.krba-text-center { padding-top:2%; padding: 1em; }
}


@media screen and (min-width: 768px ) and (max-width:991px) {
.krba-video-left  { width: 390px; }
.krba-video-right { width: 358px;  } 
.krba-video-right { height: 197px;  }
.krba-video-right p { color: white; }
.krba-video-right a { color: white; }
.krba-video-right p { }
.krba-text-center {padding-top: 20%; }
}



@media screen and (min-width: 992px ) and (max-width:1199px) {
.krba-video-left  { width: 500px; }
.krba-video-right { width: 470px;  }    
.krba-video-right { height: 260px;  }
.krba-video-right p { color: white; }
.krba-video-right a { color: white; }
.krba-video-right p { }
.krba-text-center {padding-top: 20%; }
}



@media screen and (min-width: 1200px ) {
.krba-video-left  { width: 610px;  }
.krba-video-right { width: 570px;  }

    
.krba-video-right { height: 321px;  }
.krba-video-right p { color: white; }
.krba-video-right a { color: white; }
.krba-video-right p { }
.krba-text-center {padding-top: 20%; }
}