/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
 
 

 
 /* STARTSEITE-Text-Bankowksi */
 
 .clear-block {
  display: block;
}
 
.startseite-bankowski {
 float: left;
}

.startseite-bankowski-bild {
 padding-right: 15px; 
 padding-bottom: 0px; 
 /*float: left;*/ 
 border: 0;
}
 
 /* NAVIGATION */
 
 .uk-nav-navbar > li > a {
color: #000;
}

.uk-nav-offcanvas > .uk-open > a,
html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover,
html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus {
  background: #35363a;
  color: #e5ecd4;
  /* 2 */
  outline: none;
  background-image: -webkit-linear-gradient(top, #4e4f55, #46484d);
  background-image: linear-gradient(to bottom, #4e4f55, #46484d);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 1px 1px rgba(0, 0, 0, 0.2);
}

html .uk-nav.uk-nav-offcanvas > li.uk-active > a {
background: #ffffff;
color: #000;
background-image: none;
box-shadow: none;
}

 /* Button-Textfarbe */
 
 .uk-button-primary {
color: #fff;
 }
 
 /* Box-Background in Orange ohne Schatten */
 
 .bg-orange {
background: #ec6608;
box-shadow: none;
text-shadow: none;
 }
 
  /* Box-Background in Braun ohne Schatten */
 
 .bg-brown {
background-color: #9f4303;
box-shadow: none;
text-shadow: none;
}
 
 /* Text rotieren lassen für Ankündigungen */
 
 .text-rotate-big {
-webkit-transform: rotate(345deg);
-moz-transform: rotate(345deg);
-o-transform: rotate(345deg);
writing-mode: lr-tb;
margin: 0px 0px 0px -38px;
color: rgba(255,255,255,0.5);
font-weight: bold;
font-size: 75px;
line-height: 50px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
  }
  
 .text-rotate-big:hover {
-webkit-transform: rotate(350deg) scale(1.2);
-moz-transform: rotate(350deg) scale(1.2);
-ms-transform: rotate(350deg) scale(1.2);
-o-transform: rotate(350deg) scale(1.2);
transform: rotate(350deg) scale(1.2);
writing-mode: lr-tb;
 }
 
  .text-rotate-med {
-webkit-transform: rotate(350deg);
-moz-transform: rotate(350deg);
-o-transform: rotate(350deg);
writing-mode: lr-tb;
margin: 0px 0px 0px -23px;
color: rgba(255,255,255,0.5);
font-weight: bold;
font-size: 55px;
line-height: 40px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
  }
  
 .text-rotate-med:hover {
-webkit-transform: rotate(355deg) scale(1.2);
-moz-transform: rotate(355deg) scale(1.2);
-ms-transform: rotate(355deg) scale(1.2);
-o-transform: rotate(355deg) scale(1.2);
transform: rotate(355deg) scale(1.2);
writing-mode: lr-tb;
 }
 
  /* LINKS    !! GLOBAL !!  */
  
  /* nicht unterstreichen  */
  
a:hover,
.uk-link:hover {
  color: #ec6608;
  text-decoration: none;
}

  /* nicht weiß */
  
  a, .uk-link {
color: #9f4303;
text-decoration: none;
cursor: pointer;
}

  /* Bulletpoints bei Lieferung und Montage */
  
 .bulletpoints {
	 width: auto;
 }
 
 .bulletpoints-number {
	 font-size: 200px;
	 color:rgba(0,0,0,0.1);
	 font-weight: bold;
	 margin:10px;
	 width: 25%;
	 float: right;
	 margin-bottom: 10px;
 }
 
 .bulletpoints-text {
	 font-size: inherit;
	 font-weight: inherit;
	 width: 75%;
 }
 
 
  /* ARTIKEL-FORMATIERUNG */
  
  .artikel-ak {
	background: #fff;
	padding: 40px;
	top: -71px;
	position: relative;
  }
  
  
  /* Mehrspaltiger Text */
  
  .artikel-ak-2s {
	  
	-webkit-column-count: 2;  
    -webkit-column-gap: 40px;  
    -webkit-column-rule-color: #eeeeee;
    -webkit-column-rule-style: solid;
    -webkit-column-rule-width: 1px;
 
    -moz-column-count: 2;  
    -moz-column-gap: 40px;
    -moz-column-rule-color: #eeeeee;
    -moz-column-rule-style: solid;
    -moz-column-rule-width: 1px;
 
    column-count: 2;  
    column-gap: 40px;
    column-rule-color: silver;
    column-rule-style: solid;
    column-rule-width: 1px;
}

  /* Kontaktbereich */
  
  .uk-article-title-white {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 28px;
	line-height: 34px;
	font-weight: 300;
	text-transform: none;
	color: #fff;
}

.uk-button-primary-white:hover, .uk-button-primary-white:focus {
	background-color: #fff;
	color: #000000;
	background-image: -webkit-linear-gradient(top, #fff, #eee);
	background-image: linear-gradient(to bottom, #fff, #eee);
	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.05), 0 1px 1px rgba(0, 0, 0, 0.2);
	text-shadow: 0 -1px 1px #eee;
}

 /* KONTAKT_Adressbereich */
 
 .kontakt_telefon {
 float: right;
 }
 
 .kontakt_oeffnungszeiten {
 float: left;
 }

 /* GOOGLE-MAPS */
 
 #map-canvas {
width: auto;
height: 250px;
}
	  
	  
	  
 /* VIEWPORT  */
 
 @media screen and (min-width: 960px) {
	
 /* Kontakt_Google-Karte */
 
/* #map-canvas {
width: 360px;
height: 250px;
}	*/  

 /* Kontakt_Telefon und Oeffnungszeiten */
 
  .kontakt_telefon {
 float: none;
 }
 
  .kontakt_oeffnungszeiten:before {
 content: "\00a0";
 }
 
 .kontakt_oeffnungszeiten {
 float: none;
 }
}
	 
	
 @media (min-width: 768px) and (max-width: 959px) {

 /* Kontakt_Telefon und Oeffnungszeiten */
 
  .kontakt_telefon {
 float: none;
 }
 
  .kontakt_oeffnungszeiten:before {
 content: "\00a0";
 }
 
 .kontakt_oeffnungszeiten {
 float: none;
 }
}		
	  
 @media screen and (max-width: 768px) {
	
 /* Kontakt_Google-Karte */
 
/* #map-canvas {
width: auto;
height: 250px;
}	*/
}

 @media screen and (max-width: 641px) {
	
 /* Kontakt_Google-Karte */
 
/* #map-canvas {
width: 540px;
height: 250px;
}	*/
}

 @media screen and (max-width: 480px) {
	
 /* Kontakt_Google-Karte */
 
/* #map-canvas {
width: 250px;
height: 250px;
}	*/
}
 
 @media screen and (max-width: 458px) {

 /* Startseite_Bankowski */

.clear-block {
	clear: both;
}

.uk-text-large {
font-size: 15px;
line-height: 17px;
font-weight: normal;
}

.startseite-bankowski {
 float: none;
 
}

.startseite-bankowski-bild {
 width: 80px;
 padding-right: 15px; 
 padding-bottom: 0px; 
 float: none; 
 border: 0;
}

 /* Startseite_aktive_Boxen */

.text-rotate-big {
position: relative;
left: 40px;
font-size: 65px;
line-height: 45px;
  }
   
 .text-rotate-med {
position: relative;
left: 20px;
font-size: 50px;
line-height: 40px;
  }

 /* Artikel des Monats Überschrift */
 
 .uk-article-title {
font-size: 38px;
 }
 
 /* Warum eine Ankleide_Titelüberdeckunng */

.artikel-ak {
margin-top: -45px;
}

 /* Text einspaltig */
 
.artikel-ak-2s {
-webkit-column-count: 1;
-webkit-column-gap: 40px;
-webkit-column-rule-color: #eeeeee;
-webkit-column-rule-style: solid;
-webkit-column-rule-width: 1px;
-moz-column-count: 1;
-moz-column-gap: 40px;
-moz-column-rule-color: #eeeeee;
-moz-column-rule-style: solid;
-moz-column-rule-width: 1px;
column-count: 1;
column-gap: 40px;
column-rule-color: silver;
column-rule-style: solid;
column-rule-width: 1px;
}


 /* Kontakt_Google-Karte */
 
/* #map-canvas {
width: 250px;
height: 250px;
}*/
 
 /* Kontakt_Telefon und Oeffnungszeiten */
 
  .kontakt_telefon {
 float: none;
 }
 
  .kontakt_oeffnungszeiten:before {
 content: "\00a0";
 }
 
 .kontakt_oeffnungszeiten {
 float: none;
 }

 }