@charset "utf-8";
/* moved by compressor */
/* default styles for extension "tx_frontend" */
    .ce-align-left { text-align: left; }
    .ce-align-center { text-align: center; }
    .ce-align-right { text-align: right; }

    .ce-table td, .ce-table th { vertical-align: top; }

    .ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; }

    .ce-left .ce-gallery, .ce-column { float: left; }
    .ce-center .ce-outer { position: relative; float: right; right: 50%; }
    .ce-center .ce-inner { position: relative; float: right; right: -50%; }
    .ce-right .ce-gallery { float: right; }

    .ce-gallery figure { display: table; margin: 0; }
    .ce-gallery figcaption { display: table-caption; caption-side: bottom; }
    .ce-gallery img { display: block; }
    .ce-gallery iframe { border-width: 0; }
    .ce-border img,
    .ce-border iframe {
        border: 2px solid #000000;
        padding: 0px;
    }

    .ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
        margin-bottom: 10px;
    }
    .ce-image .ce-gallery { margin-bottom: 0; }
    .ce-intext.ce-right .ce-gallery { margin-left: 10px; }
    .ce-intext.ce-left .ce-gallery { margin-right: 10px; }
    .ce-below .ce-gallery { margin-top: 10px; }

    .ce-column { margin-right: 10px; }
    .ce-column:last-child { margin-right: 0; }

    .ce-row { margin-bottom: 10px; }
    .ce-row:last-child { margin-bottom: 0; }

    .ce-above .ce-bodytext { clear: both; }

    .ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; }

    /* Headline */
    .ce-headline-left { text-align: left; }
    .ce-headline-center { text-align: center; }
    .ce-headline-right { text-align: right; }

    /* Uploads */
    .ce-uploads { margin: 0; padding: 0; }
    .ce-uploads li { list-style: none outside none; margin: 1em 0; }
    .ce-uploads img { float: left; padding-right: 1em; vertical-align: top; }
    .ce-uploads span { display: block; }

    /* Table */
    .ce-table { width: 100%; max-width: 100%; }
    .ce-table th, .ce-table td { padding: 0.5em 0.75em; vertical-align: top; }
    .ce-table thead th { border-bottom: 2px solid #dadada; }
    .ce-table th, .ce-table td { border-top: 1px solid #dadada; }
    .ce-table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); }
    .ce-table-bordered th, .ce-table-bordered td { border: 1px solid #dadada; }

    /* Space */
    .frame-space-before-extra-small { margin-top: 1em; }
    .frame-space-before-small { margin-top: 2em; }
    .frame-space-before-medium { margin-top: 3em; }
    .frame-space-before-large { margin-top: 4em; }
    .frame-space-before-extra-large { margin-top: 5em; }
    .frame-space-after-extra-small { margin-bottom: 1em; }
    .frame-space-after-small { margin-bottom: 2em; }
    .frame-space-after-medium { margin-bottom: 3em; }
    .frame-space-after-large { margin-bottom: 4em; }
    .frame-space-after-extra-large { margin-bottom: 5em; }

    /* Frame */
    .frame-ruler-before:before { content: ''; display: block; border-top: 1px solid rgba(0,0,0,0.25); margin-bottom: 2em; }
    .frame-ruler-after:after { content: ''; display: block; border-bottom: 1px solid rgba(0,0,0,0.25); margin-top: 2em; }
    .frame-indent { margin-left: 15%; margin-right: 15%; }
    .frame-indent-left { margin-left: 33%; }
    .frame-indent-right { margin-right: 33%; }


/* CSS Document */

* {padding:0; margin:0}
html {
	}
	
	ul, menu, dir{
		margin-block-start: 0;
		margin-block-end: 0;
		padding-inline-start:0;
	}

/* Abstand nach unten */
h2,p,ul,ol{margin-bottom:0;}

/*verschachtelte listen ohne Abstand */
ul ul {margin-bottom:0;}

/* Abstand von links */
li {margin-left: 0;}

/* CSS Document Schriften*/

@font-face {
	font-family: "BellCent NamNum BT Name and Number";
	src: url('../../../typo3conf/ext/extension_arco_bioladen/Resources/Public/fonts/69034ec1a721c306a74b043f4138a7ed.eot'); /* IE9*/
	src: url('../../../typo3conf/ext/extension_arco_bioladen/Resources/Public/fonts/69034ec1a721c306a74b043f4138a7ed.eot?#iefix') format("embedded-opentype"), /* IE6-IE8 */
		url('../../../typo3conf/ext/extension_arco_bioladen/Resources/Public/fonts/69034ec1a721c306a74b043f4138a7ed.woff2') format("woff2"), /* chrome、firefox */
		url('../../../typo3conf/ext/extension_arco_bioladen/Resources/Public/fonts/69034ec1a721c306a74b043f4138a7ed.woff') format("woff"), /* chrome、firefox */
		url('../../../typo3conf/ext/extension_arco_bioladen/Resources/Public/fonts/69034ec1a721c306a74b043f4138a7ed.ttf') format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
		url('../../../typo3conf/ext/extension_arco_bioladen/Resources/Public/fonts/69034ec1a721c306a74b043f4138a7ed.svg#BellCent NamNum BT Name and Number') format("svg"); /* iOS 4.1- */
}

.arco{
	font-family:"BellCent NamNum BT Name and Number" !important;
    /*font-size:100%;*/
	font-style:normal;
	font-weight:inherit;
	font-size:1.8vmin;
	-webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

h2,h3,h4,h5{
	padding-bottom: 0.6vmin;
}


h1{
	font-size:2.2vmin;
}

h2{
	font-size:2.5vmin;
}

h3{
	font-size:2.1vmin;
}

h4{
	font-size:1.8vmin;
}

h5{
	font-size:1.8vmin;
}


/* CSS Document */

html, body{
	height:100%;
	font-size:1.8vmin; /* In der Mobile-Variante ändern auf vh */
}

p{
	padding-top: 0.5vmin;
	padding-bottom: 0.5vmin;
}

body{
	background:url('../../../typo3conf/ext/extension_arco_bioladen/Resources/Public/bilder/Nuesslisalat.png') no-repeat center center fixed;;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	font-family:Arial, Helvetica, sans-serif; /* Standardschrift */
}

/* Anzeigefenster */
#wrapper{
	position:absolute;
	z-index:1;
	display:block;
	width: 98vw; /* vw viewport width */
	height:90vh; /* vh viewport width */
	min-height:35rem;
	margin-top: 5vh;
}

#wrapper-innen{
	position:relative;
	z-index:1;
	display:block;
	/* Anzeigebreite width: 100% Mobile, min-width, max-width: rem Desktop*/
	/*width: 100%;*/ 
	min-width:45rem;
	max-width:60rem;
	margin-left:auto;
	margin-right:auto;
	height:100%;
	background: rgba(255,255,255,0.8);
}
/* ANFANG Basisseitenaufbau */

/* Seitenkopf */

#seitenkopf{
	z-index:6;
	position:absolute;
	display:block;
	text-align:center;
	top:0;
	width:95%;
	margin: auto 2.5%;
	margin-top:2vmin;
	height: auto;
}

#seitenkopf-innen{
	display:inline;
	margin-left:auto;
	margin-right:auto;
}

#kopftrennlinie{
	position:relative;
	margin-top:9vmin;
}

div#logo{
	position:absolute;
	left:0;
	width:auto;
}

#seitentitel{
	display:block;
	text-align:right;
	/*font-size:90%;*/
	right:0.5vw;
	position:absolute;
	width:100%;
	color:#006;
}

div#navigation{
	position:absolute;
	display:block;
	right:0;
	margin-left: 200px;
	margin-top:0.1vmin;
	/*font-size:2vmin;*/
}

#hamburgermenu{
	position:absolute;
	text-align:right;
	width:auto;
	font-size:3vh;
	right:0;
	top:7vmin;
	visibility:hidden;
}

img#logo_img{
	height: 8vmin;
	width:auto;
}

.at{
	height:0.5vmin;
	width:auto;
}

/* Anzeigefenster */


#inhalt{
	position:absolute;
	display:block;
	text-align:left;
	line-height: 120%;
	top:14.5vmin;
	bottom:5.5vmin;
	width:95%;
	margin: auto 2.5%;
	overflow-x:hidden;
	overflow-y:scroll;
}

#inhalt-innen{
	z-index:5;
	display:inline;
	margin-left:auto;
	margin-right:auto;
	padding:0;
}


/* Seitenfuss */
#seitenfuss{
	position:absolute;
	display:block;
	text-align:center;
	bottom:0;
	width:95%;
	margin: auto 2.5%;
	height: 5vmin;
}

#seitenfuss-innen{
	display:inline;
	/*margin-left:auto;
	margin-right:auto;*/
}

div#adresse{
    display:block;
    /*margin:0.5rem;
    padding-bottom:0;
    border: 1px solid green;*/
}

div.adressesmart{
    display:none;
    /*margin:0.5rem;
    padding-bottom:0;
    border: 1px solid green;*/
}

div#adresse a{
	text-decoration: none;
	/*pointer-events:none;*/
	color:#000;
} 

.tel_nr{
    pointer-events: none;
    cursor: text;
}

.mail_adr{
    pointer-events: auto;
    cursor: pointer;
}

/* Trennlinien */

hr.fuss{
	border-color:#000;
	margin-bottom:3px; /* Unterer Abstand zum nächsten Feld */
}

hr.kopf{
	border-color:#000;
	margin-top:3px; /* Oberer Abstand zum nächsten Feld */
}

hr.clear{
	border:0;
	height:0;
	clear:both;
}
/* Ende Kopfzeile */




/* CSS Document */

nav{  
	z-index:10;
	box-sizing: border-box;
	margin-top:5.5vmin;
	width: 100%;
	text-align:center;
}

nav ul{
	margin: 0;
	padding: 0;
	margin-top:5px;
}

nav li{
	float:left;
	list-style:none;
}


nav li ul{
	z-index:7;
	position:absolute;
	text-align:left;
	top:7vmin;
	padding-top:2.3vmin;
	/*padding-top:6vmin;*/
	visibility:hidden;
	background: rgba(255,255,255,0.8);
}

nav li ul.rechts{
	right:-3.5vmin;
}

nav li ul li{
	margin-left:0.5vmin;
	padding: 0.2vmin; /* Zeilenabstand */
	padding-bottom:0.5vmin;
	/*background-color:#FFF;*/
	/*font-size:80%;*/
	float:none;
	list-style:none;
}

nav a{
	padding-left: 1vmin;
	display: block;
	color:#000;
	text-decoration: none;
	font-size: 2vmin;
}

nav a.trenner{
	padding-right: 1vmin;
	padding-left: 1vmin;
	border-right: 0.2vw solid #000;
}

/* Hover Toplevel */
nav li:hover > ul{
	visibility:visible;
}



/* Hamburgermenu */
navih.topmenu { 
	z-index:10;
	box-sizing: border-box;
	display:block;
    height: auto; 
    max-height:0; 
    overflow: hidden; 
	margin-top:1vmin;
    transition: all 0.5s;
}

navih ul{
	margin: 0;
	padding: 0;
	padding-bottom:10px;
}

navih.topmenu li{
	float:none;
	text-align:right;
	/*font-size:80%;*/
	background-color:#FFF;
	padding:2px;
}


navih li ul li{
	margin-left: 5px;
	background-color:#FFF;
	float:none;
	list-style:none;
}

navih li a{
	font-family:"BellCent NamNum BT Name and Number" !important;
	display: block;
	color:#000;
	text-decoration: none;
}

navih li ul li a{
	display: block;
	color:#000;
	text-decoration: none;
}

label.hamburg { 
	display: block;
	background: #FFF; 
	height: auto; 
	position: relative; 
	top:-7vmin;
	margin-left: auto; 
	margin-right: auto;
	border-radius: 4px; 
}

.line { 
	position: absolute; 
	right:1vmin;
	height: 0.5vmin; 
	width: 8vmin; 
	background: #000; border-radius: 2px;
	display: block; 
	transition: 0.5s; 
	transform-origin: center;
}

.line:nth-child(1) { top: 2vmin; }
.line:nth-child(2) { top: 4vmin; }
.line:nth-child(3) { top: 6vmin; }

#hamburg:checked + .hamburg .line:nth-child(1){
	transform: translateY(2vmin) rotate(-45deg);
}

#hamburg:checked + .hamburg .line:nth-child(2){
	opacity:0;
}

#hamburg:checked + .hamburg .line:nth-child(3){
	transform: translateY(-2vmin) rotate(45deg);
}

#hamburg:checked + .hamburg  + navih.topmenu { 
    max-height: 600px; 
}

input#hamburg {display:none}


/* CSS Document */

.maskinhalt_rahmen {
    display: flex;
    margin: 1vh;
    line-height: 140%;
    min-height: 10vh;
}

#spalte {
    padding: 1vh;
}

#maskinhalt {
    display: block;
}

#maskinhalt h3 {
    padding-bottom: 0.5vmin;
}

#maskinhalt h5 {
    padding-bottom: 0.5vmin;
    font-size: 2.13vmin;
}

#maskinhalt img {
    width: 100%;
    height: auto;
}

img.spaltenbreite {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: auto;
}

img.sehrklein {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 10vh;
}

img.klein {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 20vh;
}

img.mittel {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 30vh;
}

img.gross {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 40vh;
}

img.sehrgross {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 50vh;
}

.bildtext_rahmen {
    display: flex;
    margin: 1vh;
    line-height: 140%;
    min-height: 10vh;
}

#bildtext_spalte {}

#bildtext_inhalt {
    display: block;
}

.text_zentrieren {
    text-align: center;
}

.text_links {
    text-align: left;
}

.text_rechts {
    text-align: right;
}

.w30 {
    width: 30%;
}

.w33 {
    width: 33%;
}

.w50 {
    width: 50%;
}

.w66 {
    width: 66%;
}

.wRest {
    width: auto;
}

.h_zentrieren {
    margin-top: auto;
    margin-bottom: auto;
}

.h_bottom {
    margin-top: auto;
    margin-bottom: 0;
}

.h_top {
    margin-top: 0;
    margin-bottom: auto;
}

.v_zentrieren {
    text-align: center;
}

/* CSS Document */

@media screen and (max-height: 1280px) and (orientation: portrait) {

	html, body{
		width:100vw;
		/*background:none;*/
	}


	p{
		padding-top: 0;
	}


	h1{
		font-size:2.8vmin;
	}

	h2{
		font-size:3.8vmin;
	}

	h3{
		font-size:3.5vmin;
	}

	h4{
		font-size:3.2vmin;
	}

	h5{
		font-size:3.2vmin;
	}

	h3, h4, h5{
		padding-bottom: 0.5vmin;
	}

	.arco{
		font-size: 2.6vmin;
	}

	#maskinhalt h5{
		padding-bottom: 0.5vmin;
		font-size:2.8vmin;
	}

	.w30{
		width:40%;
	}

	#wrapper{
		margin:0;
		width:auto;
		min-height:0;	
		background:url('../../../typo3conf/ext/extension_arco_bioladen/Resources/Public/bilder/Nuesslisalat.png') no-repeat center center fixed;;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-attachment: fixed;
	}

	#wrapper-innen{
		width:100vw;
		min-width:100vw;
	}

	#seitentitel{
		top: -1vmin;
	}

	#inhalt{
		font-size:190%;
		line-height:160%;
	}

	#seitenfuss-innen{
		margin:0;
		padding:0;
	}


	nav{
		margin-top:2.1vmin;
	}

	nav a{
		font-size:5.5vmin;
	}

	/* Divs ein / ausblenden */
	#hamburgermenu{
		visibility:visible;
	}

	#navigation{
		visibility:hidden;
	}

	navigation ul{
		margin-top:1vmin;
	}

	/* Telefonlink setzen */
	.tel_nr{
		text-decoration: none;
		pointer-events:auto;
		cursor:pointer;
	}

	/* Abstände */
	/* Abstände Nachher */
	.frame-space-after-extra-small{
		margin-bottom:0.2vmin;
	}

	.frame-space-after-small{
		margin-bottom:0.4vmin;
	}

	.frame-space-after-medium{
		margin-bottom:0.6vmin;
	}

	.frame-space-after-large{
		margin-bottom:0.8vmin;
	}

	.frame-space-after-extra-large{
		margin-bottom:1vmin;
	}

	/* Abstände Vorher */
	.frame-space-before-extra-small{
		margin-bottom:0.2vmin;
	}

	.frame-space-before-small{
		margin-bottom:0.4vmin;
	}

	.frame-space-before-medium{
		margin-bottom:0.6vmin;
	}

	.frame-space-before-large{
		margin-bottom:0.8vmin;
	}

	.frame-space-before-extra-large{
		margin-bottom:1vmin;
	}

}

@media screen and (max-width: 980px) and (orientation: landscape) {

	html, body{
		font-size:4vmin; /* In der Mobile-Variante ändern auf vh */
		height:100vh;
		/*background:none;*/
	}


	h1{
		font-size:3.5vmin;
	}

	h2{
		font-size:5vmin;
	}

	h3{
		font-size:4.8vmin;
	}

	h4{
		font-size:4.6vmin;
	}

	h5{
		font-size:4.4vmin;
	}

	h3, h4, h5{
		padding-bottom: 0.5vmin;
	}

	#maskinhalt h5{
		padding-bottom: 0.5vmin;
		font-size:3.5vmin;
	}

	.arco{
		font-size: 4vmin;
	}

	img#logo_img{
		height:10vmin;
	}

	#wrapper{
		margin:0;
		height:100vh;
		min-height:100vh;	
		background:url('../../../typo3conf/ext/extension_arco_bioladen/Resources/Public/bilder/Nuesslisalat.png') no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-attachment: fixed;
	}

	#wrapper-innen{
		width:auto;
		min-width:0;
		max-width:100vw;
		height:100vh;
		min-height:0;
	}

	#seitenkopf{
		margin-top:1.5vh;
	}

	#seitenfuss{
		height:7vmin;
	}

	#kopftrennlinie{
		margin-top:11vmin;
	}

	nav{
		margin-top:2.5vmin;
	}

	nav a{
		font-size:4.5vmin;
	}

	div#navigation{
		margin-top:2vmin;
	}

	#inhalt{
		top:17vmin;
		bottom:8vmin;
	}

	#seitentitel{
		top:-1.5vmin;
	}

	nav ul{
		margin-top:1vmin;
	}

	nav li ul{
		padding-top: 5vmin;
	}

	nav li ul li{
		padding-bottom: 3vmin;
	}

	.tel_nr{
		text-decoration: none;
		pointer-events:auto;
		cursor:pointer;
	}

	/* Abstände */
	/* Abstände Nachher */
	.frame-space-after-extra-small{
		margin-bottom:0.2vmin;
	}

	.frame-space-after-small{
		margin-bottom:0.4vmin;
	}

	.frame-space-after-medium{
		margin-bottom:0.6vmin;
	}

	.frame-space-after-large{
		margin-bottom:0.8vmin;
	}

	.frame-space-after-extra-large{
		margin-bottom:1vmin;
	}

	/* Abstände Vorher */
	.frame-space-before-extra-small{
		margin-bottom:0.2vmin;
	}

	.frame-space-before-small{
		margin-bottom:0.4vmin;
	}

	.frame-space-before-medium{
		margin-bottom:0.6vmin;
	}

	.frame-space-before-large{
		margin-bottom:0.8vmin;
	}

	.frame-space-before-extra-large{
		margin-bottom:1vmin;
	}
}
/*
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 : 26.03.2019, 16:00:28
    Author     : Urs Merk
*/

.ce-intext.ce-left .ce-gallery{
	width:66%;
}

.ce-bodytext{
	padding-left:0.8vmin;
}

.frame-list_punkte ul.ce-bullets{
	white-space: normal;
	float:none;
	list-style: inside circle;
	padding: 0.5vmin 0 0 0.8vmin;
	line-height:160%;
}

.frame-list_punkte li.ce-bullets{
	padding-left:1vmin;
}

.frame-list_punkte_gefuellt ul.ce-bullets{
	white-space: normal;
	float:none;
	list-style: inside disc;
	padding: 0.5vmin 0 0 0.8vmin;
	line-height:160%;
}

.frame-list_punkte_gefuellt li.ce-bullets{
	padding-left:1vmin;
}

.frame-list_felder{
	display: block;
}

.frame-list_felder ul.ce-bullets{
	white-space: nowrap;
	list-style: none;
	padding-left: 0.5vmin;
	line-height:140%;
}

.frame-list_felder ul.ce-bullets li{
	display: inline;
	float:left;
	padding:0.8vmin 3.5vmin 0 0.5vmin;
}

.frame-type-text{
	cursor:text;
}

.frame-type-text p{
	padding-left:0.5vmin;
}

/* Tabelle */
table{
	padding-left: 0.3vmin;
}
td.text-right{
	text-align: right;
}

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

/* Abstände */
/* Abstände Nachher */
.frame-space-after-extra-small{
	margin-bottom:0.5vmin;
}

.frame-space-after-small{
	margin-bottom:1vmin;
}

.frame-space-after-medium{
	margin-bottom:1.5vmin;
}

.frame-space-after-large{
	margin-bottom:2vmin;
}

.frame-space-after-extra-large{
	margin-bottom:2.5vmin;
}

/* Abstände Vorher */
.frame-space-before-extra-small{
	margin-top:0.5vmin;
}

.frame-space-before-small{
	margin-top:1vmin;
}

.frame-space-before-medium{
	margin-top:1.5vmin;
}

.frame-space-before-large{
	margin-top:2vmin;
}

.frame-space-before-extra-large{
	margin-top:2.5vmin;
}

/* links im inhalt */
#inhalt a{
	text-decoration: none;
	color:#009900;
}

/* Bilder Gallery */
.ce-gallery img{
	height:25vmin;
	width: auto;
}