/*
Theme Name: artischocke
Description: Oshin Child Theme
Author: Michael Memminger
Template: oshin
Version: 1.0
*/

@import url("../oshin/style.css");

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('fonts/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v18-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-slab-regular - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-slab-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'),
       url('fonts/roboto-slab-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-slab-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-slab-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-slab-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-slab-v7-latin-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

/* roboto-slab-700 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-slab-v7-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'),
       url('fonts/roboto-slab-v7-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-slab-v7-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-slab-v7-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-slab-v7-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-slab-v7-latin-700.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/montserrat-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Regular'), local('Montserrat-Regular'),
       url('fonts/montserrat-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v12-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-600 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/montserrat-v12-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
       url('fonts/montserrat-v12-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v12-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v12-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v12-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v12-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}


body,p,td,ul,li {font-family: 'Roboto';}


.pswp__button--share {
    display: none !important;
}

.pswp__share-tooltip .pswp__share--download {
    display: none;
}

.menu a {
font-family: 'Montserrat';
font-weight: 600;
}

h1 {font-family: 'Roboto Slab';}
h2 {font-family: 'Roboto Slab';}

#mobile-menu a {
display: block;
}

.header-mobile-navigation {margin-bottom:20px;
}

.style6 #navigation-left-side,
.style6 #navigation-right-side {

	top: 85px;

}

h4 a{color:#000000 !important;}
.arbeiten {  }


/* Lauftext*/
.marqueexx {
 height: 45px;	
 overflow: hidden;
 position: relative;
 background: #CFCFCF;
 color: black;
 border: 0px solid orange;
}

@keyframes marquee {
 0%   { text-indent: 550px }
 100% { text-indent: -550px }
}

.marquee {
 width: 100%;
 margin: auto;
 padding: 5px;
 overflow: hidden;
 white-space: nowrap;
 border: solid 1px #CCCCCC;
 animation: marquee 10s linear infinite;
 background: #CFCFCF;
}

.marquee:hover {
 animation-play-state: paused;
}




/*                                   TABLET
   ========================================================================= */
/*START HERE*/

@media only screen and (max-width: 1200px) {

.style6 #navigation-left-side,
.style6 #navigation-right-side {
	position: absolute;

	width: 55%;
	left: 0px;
	box-sizing: border-box;
}
.style6 #navigation-right-side {
	left: auto;
	right: 0px;
	padding-right: 0px;
}
.style6 #navigation-left-side #left-menu {
	display: inline-block;
	zoom: 1;
	vertical-align: top;
	float: right;
}


}

/*                                   smart
   ========================================================================= */

@media only screen and (max-width: 960px){
    .logo {
        left: 33% !important;
        text-align: center !important;
        max-width:65% !important;
        border:0px solid green;
     
    }
}

@media only screen and (max-width: 480px){
    .logo {
        left: 20% !important;
        text-align: center !important;
        max-width:65% !important;
        border:0px solid #eee;
     
    }
}

@media only screen and (max-width: 380px){
    
    .logo {
        left: 10% !important;
    }
    

}


@media only screen and (max-width: 480px) and (min-width: 321px) {

    .logo {
        max-width:62% !important;
    }
}    
@media only screen and (max-width: 320px) {

    .logo {
        max-width:65% !important;
    }
}