@charset "utf-8";
/* CSS Document */

body			{margin: 0; padding:0; font-family: 'Roboto', sans-serif;background-image:url(bilder/aos_bgr.jpg); background-repeat:no-repeat; background-size:cover; background-attachment:fixed;}


img.header		{float:left; width:100%; border-bottom:solid; border-width:3px; border-color:#fff;}

div.navi		{float:left; width:100%; background-color:#ef7f1a; box-shadow: 3px 4px 5px #444444;}

a.linkhead		{ text-decoration:none; color:#FFF;}
a.linktxt		{ color:#FFF;}
a.linktxt:hover {font-weight:400;}
div#inner		{ float:left; width:80%; margin-left:10%;}

div.inhalt		{ float:left; width:80%; margin-left:10%; margin-bottom:0;}

div.navizwei	{ float:left; width:100%; margin-bottom:6em;}

div.serv		{float:left; width:16.66%; margin-right:4.1111%;}
div.servl		{float:left; width:16.66%;}
div.nav2balken	{float:left; width:100%; background-color:#ef7f1a; margin-top:3%; box-shadow: 3px 4px 5px #444444;}
div.nav2balken:hover	{background-color:#b72c3c;}

img.shad		{box-shadow: 3px 4px 5px #444444;}

div.nav2balken p {color:#fff; width:100%; text-align:center; margin: 0.5em 0 0.5em 0; font-weight:500; font-size:0.9vw; }

div.content			{float:left; margin-bottom:6em; width:100%;}
div.contentop		{float:left; margin-bottom:6em; margin-top:6em; width:100%;}
div.headlinebox		{float:left; width:100%; background-color:#ef7f1a; border-bottom:solid; border-width:3px; border-color:#fff;}
div.headlineboxleer		{float:left; width:100%; height:3em; background-color:#ef7f1a; border-bottom:solid; border-width:3px; border-color:#fff;}
div.redcontent		{float:left; width:100%; background-color:#b72c3c; box-shadow: 3px 4px 5px #444444; padding: 2em 0 3em 0;}

div.footer			{float:left; width:100%; margin-top:6em; }
div.footleft		{float:left; width:35%; background-color:#ef7f1a; height:20em; box-shadow: 3px 4px 5px #444444; }
div.footcenter		{float:left; width:30%; height:17em; }
div.logofoot		{float:left; width:100%; height:17em; background: url(bilder/aos_logo_foot.png) no-repeat center center; background-size:cover;}
div.ende			{float:left; width:100%; height:3em; background-color:#ef7f1a;}
div.footright		{float:left; width:35%; background-color:#ef7f1a; height:20em;}


div.footleft ul		{ margin-left:35%; margin-top:6em; padding:0;}
div.footleft ul li	{list-style-type:none;}
div.footleft ul li a	{color:#fff; text-decoration:none;}
div.footleft ul li a:hover	{color:#b72c3c;}

div.kastenl			{float:left; width:37.5%; margin-left:10%; }
div.kastenr			{float:left; width:37.5%; margin-left:5%; }
div.kasten100		{float:left; width:80%; margin-left:10%; }

div.div				{width:100%; height:150px; float:left; padding-top:100px;}
a.shopnavi			{ background-color:#fff; color:#b72c3c; text-decoration:none; font-size: 1.6vw; padding:1em; margin:2.8em;}
a.shopnavi:hover	{ background-color:#ef7f1a; color:#fff;}
div.headlineboxshop		{float:left; width:100%; background-color:#ef7f1a; border-bottom:solid; border-width:3px; border-color:#fff; margin-top:2em;}
div.boxequ			{float:left; width:38%; margin-left:10%; margin-top:2em; background-color:#fff;}
div.boxequr			{float:left; width:38%; margin-left:4%; margin-top:2em; background-color:#fff;}
img.bildshop		{float:left; width:34%; }
h3.titelshop		{color:#ef7f1a; font-size:1.33vw; line-height:0.6vw;}
p.txtshop			{width:80%; font-size:0.7vw;}
b.preis				{color:#ef7f1a; font-size:1.33vw;}
b.b2				{color:#b72c3c;}
span.mwst			{font-size:0.6vw;}	
	
p.fliesk		{float:left; width:100%; color:#fff; font-weight:300;}
p.fliesl		{float:left; width:37.5%; color:#fff; margin-right:5%; margin-left:10%; font-weight:300;}
p.fliesr		{float:left; width:37.5%; color:#fff;font-weight:300;}

p.name			{float:left; color:#fff; margin-left:2%;}

p.copy			{width:100%; text-align:center; color:#fff; font-size:0.9vw;}
p.textfootr		{ width:65%; margin-right:35%; margin-top:6em; padding:0; text-align:right; color:#fff;}

p.impre			{color:#fff;}

h1.willkommen	{width:100%; text-align:center; color:#4f4f4e; font-size:1.2vw; margin-top:3em;margin-bottom:3em;}
h2.hzwei			{float:left; width:100%; text-align:center; color:#fff; font-size:1.2vw;}
h2.tel			{ float:left; width:100%; text-align:center; color:#fff; font-size:1.2vw; margin-top:3em;margin-bottom:3em;}
h2.redheadl		{ float:left; width:37.5%; color:#fff; margin-right:5%; margin-left:10%; font-weight:600; margin-bottom:0;}
h2.redheadr		{ float:left; width:37.5%; color:#fff; font-weight:600; margin-bottom:0;}
h2.redheadro	{ float:left; width:30.5%; color:#fff; font-weight:600; margin-bottom:0;}
h2.redhead100	{ float:left; width:80%; color:#fff; margin-left:10%; margin-right:10%; font-weight:600; margin-top:100px;}

h2.redheadkl		{ float:left; width:100%; color:#fff;font-weight:600; margin-bottom:0;}
h2.callhead			{ color:#fff; }


ul.listenbild	{float:left; width:84%; margin-left:6%;}
ul.listenbild li{ line-height:1.5em; font-size:1em;}
ul.listenbildl	{float:left; width:37.5%; margin-left:10%;}
li.fliesliste 			{width: 37,5%; color:#fff; font-size: 1em; line-height:1em; list-style-image:url(bilder/schleife.png); list-style-position:inside; padding-bottom:5px;}

.navi ul li a	{text-decoration:none; color:#fff; font-size:0.9vw; }
.navi ul li a:hover	{color:#b72c3c;}
.navi ul		{float:left; width:100%; padding:0;}
li.navio		{float:left; list-style-type:none; margin-right: 3%;}
li.naviol		{float:left; list-style-type:none; margin: 0px;}
li.navior		{float:right; list-style-type:none; font-weight:600;} 

span.zitat		{font-size:0.6em; font-style:italic;}
 
img.gesell		{float:left; }
img.geselll		{float:left; width:100%; }
img.teambild	{float:left; width:100%; margin-top:3em;margin-bottom:3em;}

.imgright		{float:left; width:37.5%; margin-top:1em;}
.imgleft		{float:left; width:37.5%; margin-top:1em; margin-left:10%; margin-right:5%;}

div.bilder		{float:left; width:100%; }
div.bilderl		{float:left; width:20%;}


iframe.call		{float:left; width:37.5%; height:32em; border:none;}
body#callback	{background-image:none;}
#field1			{border:none;}
.feld			{width:100%;}
p.cb_text		{color:#fff; margin-bottom:0; font-size:1em;}

a.galerie  		 {color:#b72c3c;}
a.galerie img    {border: 5px solid #fff; margin:1%;}
a.galerie img:hover    {border: 5px solid #ef7f1a;; margin:1%;}

p#mini			{color:#fff; font-size:0.6em;}

a#porz			{position:relative; top:33.3em;}
a#best			{position:relative; top:140em;}
a#glas			{position:relative; top:188em;}
a#buff			{position:relative; top:240em;}

body#home a#homebt	{color:#b72c3c;}
body#home a#homebt:hover	{color:#fff;}

body#aos a#aosbt	{color:#b72c3c;}
body#aos a#aosbt:hover	{color:#fff;}

body#serv a#servbt	{color:#b72c3c;}
body#serv a#servbt:hover	{color:#fff;}

body#cate a#catebt	{color:#b72c3c;}
body#cate a#catebt:hover	{color:#fff;}

body#pers a#persbt	{color:#b72c3c;}
body#pers a#persbt:hover	{color:#fff;}

body#hochz a#hochzbt	{color:#b72c3c;}
body#hochz a#hochzbt:hover	{color:#fff;}

body#vera a#verabt	{color:#b72c3c;}
body#vera a#verabt:hover	{color:#fff;}

body#ref a#refbt	{color:#b72c3c;}
body#ref a#refbt:hover	{color:#fff;}

body#gal a#galbt	{color:#b72c3c;}
body#gal a#galbt:hover	{color:#fff;}

body#kont a#kontbt	{color:#b72c3c;}
body#kont a#kontbt:hover	{color:#fff;}



.cookie-consent-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 2147483645;
  box-sizing: border-box;
  width: 100%;

  background-color: #F1F6F4;
}

.cookie-consent-banner__inner {     
  max-width: 960px;
  margin: 0 auto;
  padding: 32px 0;
}

.cookie-consent-banner__copy { 
  margin-bottom: 16px;
}

.cookie-consent-banner__actions {    
}

.cookie-consent-banner__header {
  margin-bottom: 8px;
  
  font-family: "CeraPRO-Bold", sans-serif, arial;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
}

.cookie-consent-banner__description {
  font-family: "CeraPRO-Regular", sans-serif, arial;
  font-weight: normal;
  color: #838F93;
  font-size: 16px;
  line-height: 24px;
}

.cookie-consent-banner__cta {
  box-sizing: border-box;
  display: inline-block;
  min-width: 164px;
  padding: 11px 13px;
    
  border-radius: 2px;
  
  background-color: #2CE080;
   
  color: #FFF;
  text-decoration: none;
  text-align: center;
  font-family: "CeraPRO-Regular", sans-serif, arial;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
}

.cookie-consent-banner__cta--secondary { 
  padding: 9px 13px;
  
  border: 2px solid #3A4649;
  
  background-color: transparent;
  
  color: #2CE080;
}

.cookie-consent-banner__cta:hover {
  background-color: #20BA68;
}

.cookie-consent-banner__cta--secondary:hover {
  border-color: #838F93;
    
  background-color: transparent;
  
  color: #22C870;
}

.cookie-consent-banner__cta:last-child {
  margin-left: 16px;
}