/*

Theme Name: Mio Basic by Mio Creativ

Theme URI: http://www.mio-creativ.de

Author: Carola Kermer

Author URI: http://www.mio-creativ.de

Description: Basic Bootstrap v.3 theme 

Version: 1.0.13

License: MIT

License URI: http://opensource.org/licenses/MIT

Text Domain: mio-basic

Domain Path: /languages/

Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-menu, featured-images, front-page-post-form, post-formats, threaded-comments, translation-ready



This theme built with Twitter Bootstrap v.3.



*/



/*

Addional commerce font

*/



@import 'css/flexvideo.css';

@import 'css/fix-bootstrap.css';





/*

Required WordPress CSS

*/

.alignleft {

	display: inline;

	float: left;

	margin-right: 1.5em;

}

.alignright {

	display: inline;

	float: right;

	margin-left: 1.5em;

}

.bypostauthor {

}





/* WordPress gallery */

.gallery-caption {

}

.gallery {

	margin-bottom: 1.6em;

}

.gallery-item {

	display: inline-block;

	padding: 1.79104477%;

	text-align: center;

	vertical-align: top;

	width: 100%;

}

.gallery-columns-2 .gallery-item {

	max-width: 50%;

}

.gallery-columns-3 .gallery-item {

	max-width: 33.33%;

}

.gallery-columns-4 .gallery-item {

	max-width: 25%;

}

.gallery-columns-5 .gallery-item {

	max-width: 20%;

}

.gallery-columns-6 .gallery-item {

	max-width: 16.66%;

}

.gallery-columns-7 .gallery-item {

	max-width: 14.28%;

}

.gallery-columns-8 .gallery-item {

	max-width: 12.5%;

}

.gallery-columns-9 .gallery-item {

	max-width: 11.11%;

}

.gallery-icon img {

	margin: 0 auto;

}

.gallery-caption {

	color: #707070;

	color: rgba(51, 51, 51, 0.7);

	display: block;

	font-family: "Noto Sans", sans-serif;

	font-size: 12px;

	font-size: 1.2rem;

	line-height: 1.5;

	padding: 0.5em 0;

}

.gallery-columns-6 .gallery-caption,

.gallery-columns-7 .gallery-caption,

.gallery-columns-8 .gallery-caption,

.gallery-columns-9 .gallery-caption {

	display: none;

}





.sticky {

}

.wp-caption {

	border: 1px solid #ccc;

	margin-bottom: 1.5em;

	max-width: 100%;

}

.wp-caption img[class*="wp-image-"] {

	display: block;

	margin: 1.2% auto 0;

	max-width: 98%;

}

.wp-caption-text {

	text-align: center;

}

.wp-caption .wp-caption-text {

	margin: 0.8075em 0;

}

/* Text meant only for screen readers. */

.screen-reader-text {

	clip: rect(1px, 1px, 1px, 1px);

	position: absolute !important;

	height: 1px;

	width: 1px;

	overflow: hidden;

}



.screen-reader-text:focus {

	background-color: #f1f1f1;

	border-radius: 3px;

	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

	clip: auto !important;

	color: #21759b;

	display: block;

	font-size: 14px;

	font-size: 0.875rem;

	font-weight: bold;

	height: auto;

	left: 5px;

	line-height: normal;

	padding: 15px 23px 14px;

	text-decoration: none;

	top: 5px;

	width: auto;

	z-index: 100000; /* Above WP toolbar. */

}



/* B. Basic */



/* ancient-browser-alert error */

.ancient-browser-alert {

	background: #a00;

	color: #faa;

	display: block;

	padding: 3px 0;

	text-align: center;

}

.ancient-browser-alert a {

	color: #fff;

	text-decoration: underline;

}



img.aligncenter {

	display: block;

	margin: 0 auto;

}



img.icon, img.custom-logo {width: 100%;}



/* //CK */

body {

	font-family: 'Open Sans', sans-serif;

	font-size: 16px;

	line-height: 150%;

	/*-moz-hyphens: auto;

   -o-hyphens: auto;

   -webkit-hyphens: auto;

   -ms-hyphens: auto;

   hyphens: auto; */

	color: #565453;

	/* background: url(img/toscaminni-bg.jpg) fixed; */

}



.vspace-top {

	margin-top: 15px;

}

.vspace-bottom {

	margin-bottom: 15px;

}

.vspace {

	margin-top: 15px;

	margin-bottom: 15px;

}



.vspace-big-top {

	margin-top: 30px;

}

.vspace-big-bottom {

	margin-bottom: 30px;

}

.vspace-big {

	margin-top: 30px;

	margin-bottom: 30px;

}



table {

	font-size: inherit;

}

img {

	max-width: 100%;

	height: auto;

}

a {

	color: #c6be92;

}

a:hover, a:active, a:focus {

	color: #c74857;

	text-decoration: none;

}

.wichtig {

	color: #bbb;

}

.current-cat a, .current a {color: #bbb;}



/*

h1:first-child, h2:first-child, h3:first-child, h4:first-child, p:first-child {

	margin-top: 0px;

}

h1:last-child, h2:last-child, h3:last-child, h4:last-child, p:last-child {

	margin-bottom: 0px;

}

*/

/*

h1.entry-title {

	margin-bottom: 10px;

}*/







h1 {font-family: 'Kalam',cursive;

    color: #c74857;

    margin-bottom: 30px;

    font-size: 50px;

    font-weight: normal;

    line-height: 1.2;}



@media(max-width:767px) {

	h1 {font-size: 35px;}

}



h2 {font-family: 'Kalam',cursive;

    color: #c74a58;

    font-size: 40px;

    font-weight: normal;

     line-height: 1.2;

    clear: both; }



.toscaminni-header h1,

.toscaminni-header h2 {

	margin: 0px;

}



.toscaminni-header h2 {

	color: #575554;

	font-family: 'Open Sans', sans-serif;

	font-size: 30px;

	margin-top: 12px;

}



.toscaminni-header {margin-bottom: 2.5rem;}



.toscaminni-header:after {

    content: url("img/welle-rot.svg");

    height: auto;

	width: 160px;

    padding-top: 1.5rem;

    overflow: hidden;

    display: block;

    

    margin-left: auto;

    margin-right: auto;

}



.toscaminni-categories h2 {margin-top: 0; margin-bottom: 2.5rem;}

.toscaminni-categories {padding-top: 3rem; padding-bottom: 3rem;}



.toscaminni-kategorierahmen {position: relative; text-align: center;}

.toscaminni-kategorierahmen h2 {position: absolute; bottom: 2rem; max-width: calc(100%-2rem); left: 50%; transform: translateX(-50%); width: auto; background: rgba(198,190,146,0.9); border: 1px solid #fff; color: #fff; font-family: 'Open Sans', sans-serif; padding: 1rem; font-size: 20px; margin-bottom: 0; text-transform: uppercase;}

.toscaminni-kategorierahmen a:hover h2 {background: rgba(199,74,88,0.9);}





.toscaminni-subheader h2,

.toscaminni-subheader p {

	margin: 0px;

}



.toscaminni-subheader p {

	color: #575554;

	font-family: 'Open Sans', sans-serif;

	font-size: 20px;

	margin-top: 12px;

}



.toscaminni-subheader {margin-bottom: 2.5rem;}



.toscaminni-subheader:after {

    content: url("img/welle-rot-kl.svg");

    height: auto;

	width: 107px;

    padding-top: 1.5rem;

    overflow: hidden;

    display: block;

    

    margin-left: auto;

    margin-right: auto;

}



.toscaminni-minipreis h2 {margin-top: 0; margin-bottom: 2.5rem;}

.toscaminni-minipreis {padding-top: 3rem; padding-bottom: 3rem;}



.toscaminni-blog a {color: inherit;}



.toscaminni-blog h3 {

    font-family: 'Kalam',cursive;

    color: #c74a58;

    font-size: 28px;

    margin-bottom: 15px;

    font-weight: normal;

    line-height: 1.2;

    clear: both;

}

.toscaminni-vorteile i {color: #c74857; font-size: 4rem;}
/*.toscaminni-vorteile .t-row div.vspace-top {font-size: 1.8rem; line-height: 140%;}*/

h4 {color: #c74a58; text-transform: uppercase; font-weight: bold;}



.number {display: block; font-size: 30px; color: #fff; background: #c6be92; width: 40px; height: 40px; margin-left: auto; margin-right: auto; line-height: 40px; border-radius: 50%; margin-bottom: 10px;}



.btn-primary {border: 1px solid #c6be92; color: #c6be92 !important; background: #fff; text-transform: uppercase; font-weight: 700; border-radius: 0;}

.btn-primary:hover, a:hover .btn-primary {border: 1px solid #c6be92; color: #fff !important; background: #c6be92;}



.btn-secondary {border: 1px solid #c6be92; color: #fff !important; background: #c6be92; text-transform: uppercase; font-weight: 700; border-radius: 0;}

.btn-secondary:hover, a:hover .btn-secondary {border: 1px solid #c6be92; color: #c6be92 !important; background: #fff;}



p:last-child {

	margin-bottom: 0;

}

ul { padding-left: 20px;}

hr {

	margin-top: 15px;

	margin-bottom: 15px;

	border: 0;

	border-top: 1px solid #c6be92;

}



hr.hr-compact {margin-top: 0;}

hr:first-child {

	margin-top: 0;

}

hr:last-child {

	margin-bottom: 0;

}

.btn-default {

	/*border: 0px;

	background: #999;

	color: #fff;

	text-transform: uppercase;*/

}

.btn-default:hover, .btn-default:active, .btn-default:focus {

	/*color: #fff;

	background: #777 !important;*/

}



.site-title {font-weight: bold; text-transform: uppercase; font-size: 32px;}



.rahmen {border: 1px solid #ddd; padding: 15px; margin-bottom: 15px;}



.col-sidebar-right .widget 

{

	/*background: url("img/karton_blau.jpg");*/

	background: #fff;

	/*margin-top: 35px;*/

	margin-bottom: 60px;

	padding: 0 15px;

	position: relative;

}



body {overflow-x: hidden;}

.container-fluid {padding-left: 0 !important; padding-right: 0 !important;}

/*.container-fluid .container, .container .container {padding-left: 0 !important; padding-right: 0 !important;}*/

/*

.col-sidebar-right .widget:before 

{

	background:  url("img/bg-header.png") no-repeat center top;

	height: 20px;

	width: 100%;

	content: "";

	display: block;

	position: absolute;

	top: 0; 

	left: 0;

	transform: translateY(-100%);

}



.col-sidebar-right .widget:after 

{

	background:  url("img/bg-header.png") no-repeat center top;

	height: 20px;

	width: 100%;

	content: "";

	display: block;

	position: absolute;

	bottom: 0; 

	left: 0;

	-webkit-transform: rotate(180deg);

   transform: translateY(100%) rotate(180deg);

}

*/

.col-sidebar-right .widget ul

{

	margin: 0; padding: 0; list-style: none;

}



.col-sidebar-right .widget > ul

{

	margin-bottom: 25px;

	padding-bottom: 10px;

}



.col-sidebar-right .widget ul ul

{

	margin-left: 15px;

}



.col-sidebar-right .widget ul li a

{

	/*color: #4b2c00;

	font-family: 'Volkhov',serif;*/

	font-family: "Roboto Condensed", sans-serif; color: #565453;

	text-transform: uppercase;

	display: block;

	padding: 7px;

	font-size: 19px;

}



 .col-sidebar-right .widget ul li a:hover

{

	color: #c6be92 ;

}  



.col-sidebar-right .widget li ul.children {display: none;}

.col-sidebar-right .widget li.current-cat > ul.children,

.col-sidebar-right .widget li.current-cat-parent > ul.children {display: block;}



.col-sidebar-right .current-cat > a, .col-sidebar-right .current-cat-parent > a {font-weight: bold; color: #c6be92 !important ;}





.col-sidebar-right .widget h2.widgettitle { /*text-align: center;  border-bottom: 2px dashed #fff; color: #c74857; font-family: 'Volkhov',serif;*/ font-family: "Roboto Condensed", sans-serif; color: #565453; text-transform: uppercase; padding-top: 15px; padding-bottom: 5px; border-bottom: 1px solid #c6be92; }



.col-sidebar-left .widget {margin-bottom: 15px;} 

.col-sidebar-left .widget .widgetcontent {border: 1px solid #ddd; padding: 15px; }

.col-sidebar-left .widget h2.widgettitle {margin-bottom: 0; padding: 15px; background: #aaa; color: #fff; font-size: 16px; position: relative;}



@media(max-width: 991px) {.col-sidebar-left .widget h2.widgettitle:after {content:"\2b"; font-family: 'Glyphicons Halflings'; position: absolute; top: 15px; right: 15px;}}





/*Back to Top Button*/

.back-to-top {

	position: fixed;

	bottom: 15px;

	right: 15px;

	font-size: 30px;

	background: #ccc;

	border-radius: 5px;

	padding: 5px 15px;

}

/* Slideshow */

.metaslider .caption {position: absolute; display: inline-block; right: 30px; bottom: 30px; background: rgba(255,255,255,0.8); padding: 10px 15px; color: #333; font-size: 36px; line-height: 40px; text-align: right;}

@media(max-width: 991px) {

	.metaslider .caption {font-size: 26px; line-height: 30px;}	

}

@media(max-width: 767px) {

	.metaslider .caption {font-size: 12px; line-height: 14px;}	

}

.metaslider .flexslider {

    margin: 0 !important;

}

.metaslider .flex-control-nav {

    bottom: 20px; z-index: 999;

}



/*Hauptnavigationsleiste*/

/* //TODO: importants weg, indem man statt .navbar-default eigene Klasse davorsetzt */	

.row-nav {

	position: relative;

	z-index: 999; /* sonst Problem bei Hover mit darunterliegenden Elementen */

}

.row-nav .navbar-default {

	background: transparent /*#c6be92*/;

	border: 0px;

	/*border-top: 1px dashed #c74857;

	border-bottom: 1px dashed #c74857;*/

	border-radius: 0px;

	margin: 0;

}



.mio-nav {

	padding-top: 1.0rem;

	font-family: "Roboto Condensed", sans-serif;

	text-transform: uppercase;

	font-weight: 400;

	font-size: 2.2rem;

}

.mio-nav a {

	color: #565453 !important;

}



.mio-nav a i {font-size:11px; transform: scale(200%) translate(50%,-25%);}



.mio-nav li:hover > a, .mio-nav li.active > a, .mio-nav li.active > a:focus, .mio-nav li.active > a:hover {

	/*background: #bbb !important;*/

	color: #c6be91 !important;

	background: transparent !important; /*rgba(0,0,0,0.1) !important;*/

}

.mio-nav li ul {

	background: #c6be92;

}



/* Speziell "normales Menü */

@media (min-width: 768px) {

.navbar-brand {

	display: none;

}

.navbar-collapse {

	padding: 0;

	text-align: right;

}

	

	.navbar-nav {float: right !important;}

/* 1. Ebene */

.mio-nav {

	/*margin: 0 auto;

	display: table;

	table-layout: fixed; 

	float: none;

	width: 100%;*/

}

.mio-nav > li {

	/*display: table-cell;

	width: 100%; 

	height: auto;

	float: none;

	text-align: center;

	border-right: 0px dashed  rgba(255,255,255,0.3);*/

}

.mio-nav > li.menu-item-has-children > a:after {

	/*content:"\e252"; font-family: 'Glyphicons Halflings'; padding-left: 5px; font-size: 11px; */

	}

.mio-nav > li:last-child {

	/*border-right: 0px solid;*/

}

/* 2. Ebene */

.mio-nav > li > ul {

	display: none;

}

.mio-nav > li:hover > ul {

	display: block;

	position: absolute;

	top: 100%;

	left: 0;

	margin: 0;

	padding: 0;

	min-width: 100%;

	text-align: left;

}

.mio-nav > li > ul > li {

	display: block;

	position: relative;

	margin: 0;

	padding: 0;

	width: 100%;

	border-top: 1px solid rgba(255,255,255,0.3);

}

.mio-nav li > ul > li a {

	display: inline-block;

	position: relative;

	margin: 0;

	padding: 15px;

	width: 100%;

}

/* 3. - x. Ebene */

.mio-nav > li > ul > li ul {

	display: none;

}

.mio-nav > li > ul > li:hover ul {

	display: block;

	position: absolute;

	top: -1px;

	left: 100%;

	margin: 0;

	padding: 0;

	min-width: 100%;

	border-left: 1px solid rgba(255,255,255,0.3);

}

.mio-nav > li > ul > li ul li {

	display: block;

	position: relative;

	margin: 0;

	padding: 0;

	width: 100%;

	border-top: 1px solid rgba(255,255,255,0.3);

}

}



/* Speziell Zugeklapptes Mini-Menü */

@media (max-width: 767px) {

.navbar-brand {

	color: #c6be92 !important;

}

.navbar-toggle {

	border-color: #c6be92 !important;

}

.navbar-toggle .icon-bar {

	background-color: #c6be92 !important;

}

.navbar-toggle:hover, .navbar-toggle:focus {

	background: transparent !important;

}

	

.navbar-toggle {

	position: absolute;

	right: 0;

	bottom: 0;

	border: 0; padding: 0; border-radius: 0;

	font-size: 3rem;

	color: #565453;

	margin: 0;

	margin-right: 15px;

    /*position: absolute;

    float: none;

	bottom: 0px;

	right: 15px;

    padding: 9px 10px;

    margin-top: 0px;

    margin-right: 0px;

    margin-bottom: 0px;*/



}	

	

.navbar-collapse {

	border: 0px;

	box-shadow: none;

}

.mio-nav > li {

	border-top: 1px solid rgba(255,255,255,0.3);

}

.mio-nav > li ul { /* Allgemein... */

	display: none;

}

.mio-nav li.active > ul { /* Allgemein... */

	display: block;

	list-style: none;

	margin: 0;

	padding: 0;

}

.mio-nav li.active > ul > li { /* Allgemein... */

	display: block;

	border-top: 1px solid rgba(255,255,255,0.3);

}

.mio-nav li.active ul li a { /* Allgemein... */

	display: block;

	padding: 10px 15px;

}

/* Ab 2. Ebene */

.mio-nav li.active ul li a:before {

	content: "»";

	padding-right: 5px;

}

/* 2. Ebene */

.mio-nav > li.active > ul > li > a {

	padding-left: 15px; /* Eigentlich überflüssig */

}

/* 3. Ebene */

.mio-nav > li.active > ul > li > ul > li > a {

	padding-left: 45px;

}

/* ab 4. Ebene */

.mio-nav > li.active > ul > li > ul > li > ul li a {

	padding-left: 75px;

}

}

/*Breadcrumbs*/



.row-breadcrumb {

	text-align: center;

	position: relative;

	z-index: 888; /* sonst Problem mit darüberliegenden Elementen  bei Hover  */

}

.row-breadcrumb > div {

	position: relative;

}

.breadcrumbs {

	background: transparent;

	padding: 0;

	margin: 0;

	font-size: 85%; /* 0.85em */

}

.breadcrumbs a {

	/*color: #777;*/

}

.breadcrumbs li.active a {

	font-weight: normal;

	cursor: text;

	text-decoration: none;

}



.site-footer {background: #bc4950; color: #fff; /*background: url(img/karton_blau.jpg) repeat; color: #4b2c00;*/ padding: 30px 0; margin-bottom: 0px;} 

.site-footer a {color: #fff;}

.col-footer-right {text-align: right;}

@media(max-width: 991px) {.col-footer-left, .col-footer-right {text-align: center;}}



/* Woo */

.row-products div.product {

    margin-bottom: 15px;

}



.woocommerce span.onsale {

    min-height: 3.3em;

    min-width: 3.3em;

    padding: .5em;

    font-weight: 700;

    position: absolute;

    text-align: center;

    line-height: 3.3;

    top: .3em;

    left: .3em;

    margin: 0;

    border-radius: 100%;

    background-color: #666;

    color: #fff;

    font-size: .8em;

	z-index: 999;

}







.row-products div.product .price, .col-summary .price {

    display: block;

	color: #888 !important;

    font-size: 20px !important;

	margin-bottom: 0;

}



.row-products div.product .price-unit, .col-summary .price-unit {

    color: #888 !important;

    font-size: 12px !important;

}



.row-products div.product .tax-info, 

.row-products div.product .shipping-costs-info ,

.col-summary .tax-info, 

.col-summary .shipping-costs-info 

{

    color: #888 !important;

    font-size: 12px !important;

	display: inline-block;

	margin-bottom: 0;

}

.row-products div.product .tax-info:after, 

.col-summary .tax-info:after

{

    content: " | ";

}





.row-products div.product .delivery-time-info,

.col-summary .delivery-time-info

{

    color: #888 !important;

    font-size: 12px !important;

	margin-bottom: 0;

}

.col-summary p.wc-gzd-additional-info {

    margin-bottom: 0;

    font-size: 12px !important;

}



.row-products div.product .btn {

	margin-top: 15px;

}



.row-products div.product .woocommerce-LoopProduct-link {display: block;}



td.variations-label {padding-right: 5px; text-align: left;}



div.product form.cart {

    margin: 10px 0;

    text-align: left;

}





/*

.product .product_meta > span:after {

	content: " | ";

}

.product .product_meta > span:last-child:after {

	content: "";

}*/





.owl-nav {

    text-align: center;

    font-size: 30px;

}



.owl-nav .fa {color: #fff;

    background: #666666;

    height: 40px;

    width: 40px;

    border-radius: 50%;

    line-height: 40px;

    text-align: center;

	font-size: 18px;

	display: inline-block;}



.owl-nav .owl-prev {

    display: inline;

    margin: 10px;

}



.owl-nav .owl-next {

    display: inline-block;

    margin: 10px;

}



.site-header {background: url(img/bg-header.png) no-repeat center top; padding-top: 25px; margin-top: 25px; position: relative}



.bg-1 {background: #bc4950;}

.bg-light {background: #e7ecec}

.text-white {color: #fff;}



.header-bar .row > div {padding-top: 5px; padding-bottom: 5px; /*margin-bottom: 15px;*/}



.site-description {font-family: "Roboto Condensed", "sans-serif"; padding-top: 10px !important; font-size: 18px; font-weight: 700; letter-spacing: 0.1rem;}



@media(max-width: 991px) { .site-description { text-align: center; font-size: 1.4rem;}} 



.top-nl {font-family: "Roboto Condensed", "sans-serif"; padding-top: 10px !important; font-size: 18px; font-weight: 700; letter-spacing: 0.1rem; }

.top-nl a {color: #fff !important;}

@media(max-width:1199px) {.top-nl {display:none;}}



.balken {background: #c74857 url(img/karo.jpg) repeat center center; 

	text-align: center; color: #fff; padding: 3px 0; 

	border-top: 1px solid #77bbce;

	/*border-bottom: 5px solid #c74857; border-top: 5px solid #c74857;*/

    font-size: 18px;

    font-family: 'Volkhov',serif; font-weight: normal; text-transform: uppercase; letter-spacing: 1px;}





@media(max-width: 991px) { .balken { font-size: 16px; white-space: nowrap;} } 



.bg {background: #fff; padding-top: 15px;}





.site-main {padding-right: 0px; /*margin-top: 30px;*/ margin-bottom: 30px;}

.side {padding-left: 0px;}

@media(max-width: 991px) {

	.site-main {padding-right: 0px; }

	.side {padding-left: 0px;}

}

.site-main-full {padding-left: 0px;}



@media(max-width: 991px) {

.header-img img {height: 50vw; object-fit:cover; }

}



.woocommerce div.product .product_title {

    text-align: center;

}



/* COMMERCE STYLING - added by AC */

/*

#main article header h1 {

    font-family: 'Dancing Script', cursive !important;

    color: #b82747 !important;

    margin-bottom: 30px;

	font-size: 34px;

    line-height: 42px;

    hyphens: none;

}*/



#main article .entry-content {

   /* padding-bottom: 60px;*/

    hyphens: none;

}



#main article .entry-content hr {

    border: 0;

    height: 1px;

    background: #505050;

    margin-top: 40px;

    margin-bottom: 40px;

}



/*

#main article .entry-content h2 {

    font-family: 'Dancing Script', cursive !important;

    color: #2e7fa3 !important;

    margin-top: 50px;

    font-size: 26px;

    margin-bottom: 15px;

}

*/



#main article .entry-content .content-img-style {

    display: block;

    clear: both;

    margin-top: 40px;

    margin-bottom: 40px;

}



/* product styling */

/*

h1.product_title {

    font-family: 'Dancing Script', cursive !important;

    color: #b82747 !important;

    margin-bottom: 30px;

line-height: 42px;

hyphens: none;

	font-size: 30px;

}

*/

.entry-summary p.price, 

.entry-summary p.price span.woocommerce-Price-amount, 

.entry-summary .woocommerce-variation-price span.price span.woocommerce-Price-amount {

    font-family: Arial, Helvetica, sans-serif !important;

    color: #333333 !important;

    font-size: 30px !important;

    line-height: 40px !important;

}



.woocommerce-variation-price span.price span.woocommerce-Price-amount {

    float: left!important;

display: block !important;

text-align:left;

}



.variations {

    padding-top: 20px;

    display: block;

    margin-bottom: 0px!important;

    padding-bottom: 0px !important;

}



td.value select {

    width: 100%;

    display: block;

    border: 1px solid #ccc;

    background: transparent;

    padding: 5px 35px 5px 5px;

    font-size: 14px;

    height: 34px;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    background: url(http://wp.toscaminni.com/wp-content/uploads/2017/11/MobileMenuToggle.png) 96% / 15% no-repeat #eee;

    background-size: 2ex;

}



td.value {

    width: 99%;

}



td.value option {

    margin-left: 3px;

}



td.label label {

    color: #333333 !important;

    float: left !important;

    font-size: 14px!important;

    padding-top: 5px!important;

    margin-right: 10px!important;

}



a.reset_variations {

    clear: both!important;

margin-top: -5px!important;

display: block!important;

}



button.single_add_to_cart_button {

    background: #598d8e !important;

    color: #c5e8e9 !important;

	float: none !important;

	padding: 12px !important;

}



.quantity {

    float: left !important;

}



.quantity input.qty {

    padding: 5px!important;

    border: 1px solid #ccc !important;

    border-radius: 4px;

	vertical-align: middle;

}



.product_meta {

    padding-top: 20px;

    border-top: 1px solid #e6e6e6;

}



.woocommerce-Tabs-panel h2 {

    font-family: 'Kalam', cursive !important;

    color: #2e7fa3 !important;

}







.product .quantity, .product-quantity .quantity {

	float: none !important;

    display: inline-block;

}

.product .product_meta {margin: 0 !important;}

.product .product_meta > span {

	/*display: inline-block;*/

	display: block;

	color: #888 !important;

    font-size: 12px !important;

	margin-bottom: 0;

}



/* footer */



.topfooter {background: #bc4950;

    color: #fff;

    padding: 30px 0 30px 0;

    margin-bottom: 0px;}



.topfooter h2 {color: #fff; font-size: 32px; margin-bottom: 2rem;}





.topfooter h2:before {

    content: url("img/welle-gold.svg");

    height: auto;

	width: 80px;

    padding-bottom: 1rem;

    overflow: hidden;

    display: block;

    

    margin-left: auto;

    margin-right: auto;

}



.topfooter a {color: #fff;}

.topfooter i {font-size: 3rem; display: inline-block; margin-left: 10px; margin-right: 10px;}



.site-footer .widget-inner {

    /*background: url(http://wp.toscaminni.com/wp-content/uploads/2017/11/ranke.png) center center no-repeat;*/

   /* text-align: center;

   

	border: 3px dashed #b0a791;

	 border-radius: 10px;

	padding: 15px;*/

}



.site-footer .widget ul {

	margin: 0; padding: 0; list-style: none;

}



.site-footer .widget ul li {

	margin-bottom: 12px;

}



.site-footer {font-family: "Roboto Condensed", "sans-serif";

	text-transform: uppercase;

	color: #fff;

    font-size: 16px;

    font-weight: 400;}





.site-footer .widgettitle {/* background: url(img/toscaminni-ranke.png) center center no-repeat; 

	min-height: 94px; 

	margin-bottom: 15px;

	text-align: center;

	padding-top: 60px; 

	color: #4b2c00;

    font-family: 'Volkhov',serif;

    display: block;

	font-weight: bold;

    font-size: 19px;*/

	font-family: "Roboto Condensed", "sans-serif";

	text-transform: uppercase;

	color: #fff;

    font-size: 16px;

    font-weight: 700; }


.site-footer .widgettitle:first-child {padding-top: 0 !important; margin-top: 0 !important;}


.link-konto, .link-warenkorb {font-family: 'Kalam',cursive;

    color: /*#c74857; */#c74857;

    font-size: 18px;

    /*text-shadow: 1px 1px 1px #999999;*/

    line-height: 40px; 

position: relative;

margin-right: 15px; padding-left: 40px;}



.link-konto:hover, .link-warenkorb:hover {

    color: #c74857;}



.link-konto:before {content: url("img/person.png"); position: absolute; top: 0; left: 0;}

.link-warenkorb:before {content: url("img/korb.png"); position: absolute; top: 0; left: 0;}



.widget_search {margin-right: 0; margin-left: auto; width: 340px; max-width: 100%; }



@media(max-width: 991px) { .widget_search { margin-right: auto; width: 320px; max-width: 100%; /*width: 100%;*/ margin-bottom: 5px;}} 





.widget_search input {border-color: #fff; color: #fff; background: transparent; border-radius: 0;}



.widget_search ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

  color: #fff;

  opacity: 1; /* Firefox */

}



.widget_search :-ms-input-placeholder { /* Internet Explorer 10-11 */

  color: #fff;

}



.widget_search ::-ms-input-placeholder { /* Microsoft Edge */

  color: #fff;

}



.widget_search .btn-default,

.widget_search .btn-default:active

{border-color: #bc4950; background: #bc4950; color: #fff;  border-left: 1px solid #fff; outline: none !important; padding-top: 0; padding-bottom: 0; padding-right: 0;  font-size: 2rem; box-shadow: none !important;}



.borte-oben {width: 100%; height: 8px; margin-top: -4px; background: url(img/borte-oben.png) repeat-x; background-position: center bottom; overflow: hidden; z-index: 9; position: relative;}

.borte-unten {width: 100%; height: 8px; background: url(img/borte-unten.png) repeat-x; background-position: center bottom; overflow: hidden; z-index: 9; position: relative;}



.miothumb {padding: 5px;}



.entry-summary p.price, .entry-summary p.price span.woocommerce-Price-amount, .entry-summary .woocommerce-variation-price span.price span.woocommerce-Price-amount {

    font-family: "Open Sans", sans-serif !important;

    color: #333333 !important;

}



.produktkatrahmen {border: 2px dashed #d9e8e9; background: #fff; padding: 15px; text-align: center;}



.produktrahmen {

	/*background: url("img/bortenrahmen.jpg") center top no-repeat; background-size: 100%; */

	/*background: #fff;

	border: 2px dashed #d9e8e9;

	padding: 30px 15px; max-width: 400px; margin: auto; 

	 */

	margin-bottom: 30px;

	text-align: center; position: relative;}





@media(max-width: 767px) {.produktrahmen {margin-bottom: 95px;}}



/*

.produktrahmen:before {

	background: url(img/toscaminni-borte.png) repeat-x center top;

	background-size: 15%;

    height: 35px;

    width: 100%;

    content: "";

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    transform: translateY(-100%);

}



.produktrahmen:after {

	background: url(img/toscaminni-borte.png) repeat-x center top;

	background-size: 15%;

    height: 35px;

    width: 100%;

    content: "";

    display: block;

    position: absolute;

    bottom: 0;

    left: 0;

    transform: translateY(100%) rotate(180deg);

}

*/



.produktrahmen img {display: block; /* max-height: 220px;*/ width: auto; margin: auto; margin-bottom: 15px; }



.produktrahmen h2 {font-size: 28px; margin-bottom: 15px;}



.produktrahmen a {color: inherit !important;}



.produktrahmen span.price {display: block; margin-bottom: 5px;}

.produktrahmen p.tax-info, .produktrahmen p.shipping-costs-info {display: inline;}



.woocommerce .add_to_cart_button {background: #c6be92 !important; color: #fff !important; font-weight: normal !important; text-transform: uppercase; border-radius: 0px !important;}

.woocommerce .produktrahmen .add_to_cart_button {margin-top: 10px;}



.produktrahmen  {line-height: 130%;} /* p.wc-gzd-additional-info, .produktrahmen p.price-unit */





.produktkatrahmen img {display: block; max-height: 150px; width: auto; margin: auto;}



.produktrahmen del, .mysingleproduct del {opacity: 1 !important;}

.produktrahmen .myprice del, .produktrahmen ins, 

.mysingleproduct  del, .mysingleproduct ins

{text-decoration: none; }







.produktrahmen .wc-gzd-sale-price-regular-label {}



.produktrahmen .price-unit {    font-size: .8em;}

.produktrahmen .price-unit:before {content: "Grundpreis: "}



.produktrahmen .mainprice {font-weight: bold;} /* , .produktrahmen .woocommerce-Price-amount */



.produktrahmen.nosale .woocommerce-Price-amount {font-weight: bold;}



/*.mysingleproduct span.price {display: block; margin-bottom: 5px;}*/



.mysingleproduct {/*background: #fff; border: 2px dashed #d9e8e9; padding: 15px;*/ margin-bottom: 30px !important;}







@media(min-width: 992px) and (max-width: 1199px) {

	.produktrahmen img {/*max-height: 180px ;*/}

	.produktrahmen h2 {font-size: 18px;}

	.produktrahmen {font-size:.8em}

	.woocommerce .produktrahmen .add_to_cart_button {margin-top: 5px;}

}



@media(min-width: 768px) and (max-width: 991px) {

	.produktrahmen img {/*max-height: 130px ;*/}

	.produktrahmen h2 {font-size: 20px;}

}



@media(max-width: 420px) {

	.produktrahmen img {/*max-height: 100px ;*/}

	.produktrahmen h2 {font-size: 18px;}

	.produktrahmen {font-size:.8em}

	.woocommerce .produktrahmen .add_to_cart_button {margin-top: 5px;}

	.woocommerce .produktrahmen .add_to_cart_button {display: block;} 

}



.mysingleproduct .price-unit del {text-decoration: line-through}

.mysingleproduct .price {font-size: 22px !important;} 

.mysingleproduct .price-unit:before {content: "Grundpreis: "}

.mysingleproduct .price-unit {font-size: 14px !important;  color: #333 !important;}



.myhinweis {font-size: 14px; color: #333;}



.woocommerce-products-header {margin-bottom: 30px;}

.woocommerce-pagination {margin-bottom: 15px;}





.woocommerce div.product p.price, .woocommerce div.product span.price {

    color: #2e7fa3 ;

    font-size: 100% ;

}



.custom-logo-link {display: block;}











.row-header {padding-top: 1rem; padding-bottom: 1rem; margin-bottom: 30px;}





.header-bar {margin-bottom: 30px;}

@media(max-width: 991px) {

	.header-bar {margin-bottom: 22px;}

	.row-header {padding-top: 0; padding-bottom: 0; margin-bottom: 22px;}

	.col-header-left {margin-bottom: 15px;}

	.custom-logo-link {padding: 0 !important;}

}



@media(max-width: 767px) {

.site-header {

    padding-top: 7px;

    margin-top: 0px;

    position: relative;

	background: url(img/karton_blau.jpg) repeat;

	}

	

	.row-header {position: relative;}

	.col-header-right {text-align: left;}

	

	.col-header-right .widget_search {

    margin-left: 0px;

    margin-right: auto;

    max-width: 340px;

}

	

	.navbar {min-height: 0px;}

	

	.balken {padding: 0; border-top: 0px;}

	

	.borte-oben {display: none;}

}





.thumbrahmen {

    border: 2px dashed #d9e8e9;

    padding: 15px;

    text-align: center;

}



/*

.woocommerce span.onsale {

    height: 75px;

    width: 75px;

	min-height: auto;

	min-width: auto;

    padding: 0px;

    font-weight: bold;

    position: absolute;

    text-align: center;

    line-height: 75px;

    top: -10px;

    right: 0px;

	left: auto;

    margin: auto;

    border-radius: 100%;

    background-color: #b82747;

    color: #fff;

    font-size: 14px;

    z-index: 999;

	

}*/

/*

.mysale {position: absolute; top: -5px; right: -5px; font-size: 30px;}

.mysale2 {position: absolute; top: -15px; right: -15px; font-size: 40px; color: #2e7fa3;}

*/



.mysale {position: absolute; top: -5px; right: -5px; font-size: 27px; background: #b82747; color: #fff; padding: 5px; text-transform: uppercase;}

.mysale2 {position: absolute; top: -15px; right: -15px; font-size: 30px; background: #b82747; color: #fff;  padding: 5px; text-transform: uppercase;}





.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {margin-left: -5px; margin-right: -5px; }

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper > div:first-child {padding-left: 5px; padding-right: 5px;}





#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {

    width: 60px;

}



#add_payment_method table.cart .product-thumbnail, .woocommerce-cart table.cart .product-thumbnail, .woocommerce-checkout table.cart .product-thumbnail {

    min-width: 60px;

}



.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {

    background-color: #598d8e;

    

}

.woocommerce #respond input#submit.alt:hover, 

.woocommerce a.button.alt:hover, 

.woocommerce button.button.alt:hover, 

.woocommerce input.button.alt:hover {

    background-color: #c6be92;

    

}



.produktrahmen .delivery-time-info {display: none;}



.dashbox, #main article .entry-content.dashbox {border: 2px dashed #d9e8e9; background: #fff; padding: 30px; position: relative;}



.hauptbild {margin-top: -60px; margin-bottom: -60px;}

.haupttext {margin-top: 15px;}



.banner-haupttext {color: #c6be92; 

	font-size: 42px;

	line-height: 120%;

    font-family: 'Volkhov',serif;

    font-weight: normal;

    text-transform: uppercase;

    letter-spacing: 1px;

}

.banner-ergaenzung { color: #5a5a5a;

	font-size: 22px;

	line-height: 120%;

    font-family: 'Volkhov',serif;

    font-weight: normal;

    text-transform: uppercase;

    letter-spacing: 1px;}



@media(max-width: 1199px) {

	

.haupttext {margin-top: 10px;}

	

.banner-haupttext {

	font-size: 34px;

}

.banner-ergaenzung { 

	font-size: 20px;

}

}



@media(max-width: 992px) {

.hauptbild {margin: auto; margin-top: -45px; margin-bottom: 0px; max-width: 100px; height: auto;}	

.haupttext {margin-top: 10px;}

	

}



@media(max-width: 480px) {

.banner-haupttext {

	font-size: 24px;

}

.banner-ergaenzung { 

	font-size: 16px;

}

	

}



.widget-minipreis .products > .col-sm-6 {width: 100% !important;}

.widget-minipreis .produktrahmen {background: transparent; border:0px; padding: 0; margin: 0; margin-bottom: 15px;}

.widget-minipreis .produktrahmen:before, .widget-minipreis .produktrahmen:after {display: none;}



.standard-widget {

	color: #4b2c00;

    font-family: 'Volkhov',serif;

	padding-bottom: 15px !important;

    font-size: 19px;

}



.site-main {overflow: hidden;}



.site-main-full h1 {text-align: center;}



.woocommerce input[type="text"],

.woocommerce input.input-text,

.woocommerce select,

.woocommerce textarea

	{border: 1px solid #ccc;

	padding: 5px;

	border-radius: 4px;}



.select2-container--default .select2-selection--single {border: 1px solid #ccc; border-radius: 4px; }



.tnp-widget input.tnp-submit {

    background-color: #fff !important;

    background-image: none !important;

    text-shadow: none !important;

    color: #4b2c00 !important;

	border: 1px solid #b0a791 !important;

	border-radius: 4px !important;

	display: inline-block !important;

}





.related.products h2, .kundengalerie h2 {text-align: center; padding-top: 2rem; padding-bottom: 2rem;}



.info-kundengalerie h3 {font-family: 'Kalam',cursive;

    color: #c74857;

    margin-bottom: 20px;

    font-size: 35px;

    font-weight: normal;

    line-height: 1.1;}



.kundengalerie-kamera {margin-bottom: 1.5rem; font-size: 50px;}



.blog-cats {margin: 0; padding: 0;}

.blog-cats li {display: inline-block; padding: 0 5px;}



.pagination-center {text-align: center;}



.my-single .shariff ul {justify-content: center; margin-top: 30px !important;}

.vorteilsbox {
     background: #fff;
    border: 1px solid #c6be92;
    padding: 8px;
    margin-bottom: 15px;
}

.vorteilsbox ul {
    margin: 0;
    padding: 0;
}

.vorteilsbox ul li {
    list-style: none;
    position: relative;
    padding-left: 18px;
}

.vorteilsbox ul li:before {
     content: '✓';   
    position: absolute;
    left: 0;
    top: -1px;
    transform: scale(1.1);
    color: #c74857;
    font-weight: bold;
}

.woocommerce-checkout .checkbox input[type=checkbox] {
    position: relative !important;
}




/*.schnitt-varianten {padding-left: 15px; padding-right: 15px;}*/



/* Responsive Video Block */



.video-block{ position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }

.video-block iframe, .video-block object, .video-block embed, .video-block video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



/* roboto-300 - latin */

@font-face {

  font-family: 'Roboto';

  font-style: normal;

  font-weight: 300;

  src: local(''),

       url('webfonts/roboto-v29-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */

       url('webfonts/roboto-v29-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */

}

/* roboto-regular - latin */

@font-face {

  font-family: 'Roboto';

  font-style: normal;

  font-weight: 400;

  src: local(''),

       url('webfonts/roboto-v29-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */

       url('webfonts/roboto-v29-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */

}

/* roboto-500 - latin */

@font-face {

  font-family: 'Roboto';

  font-style: normal;

  font-weight: 500;

  src: local(''),

       url('webfonts/roboto-v29-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */

       url('webfonts/roboto-v29-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */

}

/* roboto-700 - latin */

@font-face {

  font-family: 'Roboto';

  font-style: normal;

  font-weight: 700;

  src: local(''),

       url('webfonts/roboto-v29-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */

       url('webfonts/roboto-v29-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */

}



/* roboto-condensed-regular - latin */

@font-face {

  font-family: 'Roboto Condensed';

  font-style: normal;

  font-weight: 400;

  src: local(''),

       url('webfonts/roboto-condensed-v24-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */

       url('webfonts/roboto-condensed-v24-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */

}



/* roboto-condensed-700 - latin */

@font-face {

  font-family: 'Roboto Condensed';

  font-style: normal;

  font-weight: 700;

  src: local(''),

       url('webfonts/roboto-condensed-v24-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */

       url('webfonts/roboto-condensed-v24-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */

}



/* dancing-script-regular - latin */

@font-face {

  font-family: 'Dancing Script';

  font-style: normal;

  font-weight: 400;

  src: local(''),

       url('webfonts/dancing-script-v22-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */

       url('webfonts/dancing-script-v22-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */

}

/* dancing-script-500 - latin */

@font-face {

  font-family: 'Dancing Script';

  font-style: normal;

  font-weight: 500;

  src: local(''),

       url('webfonts/dancing-script-v22-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */

       url('webfonts/dancing-script-v22-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */

}

/* dancing-script-600 - latin */

@font-face {

  font-family: 'Dancing Script';

  font-style: normal;

  font-weight: 600;

  src: local(''),

       url('webfonts/dancing-script-v22-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */

       url('webfonts/dancing-script-v22-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */

}

/* dancing-script-700 - latin */

@font-face {

  font-family: 'Dancing Script';

  font-style: normal;

  font-weight: 700;

  src: local(''),

       url('webfonts/dancing-script-v22-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */

       url('webfonts/dancing-script-v22-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */

}


/* kalam-300 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 300;
  src: url('webfonts/kalam-v16-latin_latin-ext-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* kalam-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 400;
  src: url('webfonts/kalam-v16-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* kalam-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 700;
  src: url('webfonts/kalam-v16-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}