/*
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 : 15.05.2016, 17:06:21
    Author     : rkraemer
*/

@media screen and (orientation: portrait) {}

img.cardicon { max-width: 60%; 
               display: block;
               height: 4rem !important;   
               float: left; 
}

.card-title.icon {
    padding-top: 20px !important;
}



/* Formen */

#octagon {
   width: 100px; 
   height: 100px; 
   background: #037CA9;
}
 
#octagon:before {
   height: 0;
   width: 40px;
   content:"Test";
   position: absolute; 
   border-bottom: 30px solid #037CA9;
   border-left: 30px solid white; 
   border-right: 30px solid white; 
}
 
#octagon:after {
   height: 0;
   width: 40px;
   content:"";
   position: absolute; 
   border-top: 30px solid #037CA9; 
   border-left: 30px solid white;  
   border-right: 30px solid white; 
   margin: 70px 0 0 0;
}


div.dreieck {
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-bottom: 100px solid #00ff00;
}


div.stern {
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-bottom: 100px solid #ffc800;
  position: relative;
}

div.stern:after {
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-top: 100px solid #ffc800;
  position: absolute;
  content: "";
  top: 30px;
  left: -50px;
}


div.square-border {
    background: #FFF;
    border: 10px solid #037CA9;
    height: 120px;
    width: 120px;
}


div.parallelogram-dashed-border{
    background: #fff;
    width: 120px;
    height: 120px;
    position: relative;
    border: dashed 10px #037CA9;
    margin-left: -10px;
    transform: skew(-15deg);
}