/* General Style */ 
/* Bayern Print GmbH*/
/* by Erwin Steib*/



@font-face { font-family: 'Exo2-Regular';font-display:auto;src: url('../font/Exo2-Regular.ttf') format('truetype'); }

html {scroll-behavior: smooth;}


html {
  font-family: sans-serif;
}



body {
	font-size:100%;
	margin:0em;
	padding:0em;
	color:#1e1e1e;	
    height: 100%;
    background:#ffffff;
  font-family:'Exo2-Regular', sans-serif;
    text-align:center;
}


h1 {
	font-size:2em;
	font-weight:800;
    margin:0;
    padding:1em 0 0 0;
 }

 h2 {
	font-size:1.6em;
	font-weight:500;
	padding:0em;
    margin:0;
}

h2 a, h2 a:visited{text-decoration:none;color:#ffffff;}
h2 a:hover{color:#0877bd;}

h3 {font-size:1.5em;margin:0;padding:0;margin-top:1em;}


h4 {font-size:1em;padding:1em 0 0 0;font-weight:800;margin:0;}

h5 {}

p{padding:0;margin:0 0 1em 0;}
em{color:#0877bd;font-style:normal;}
.rechnung em{color: #fdcf07;font-style: normal;text-shadow: 0 0 1px #8c7f47;}
.dialog em{color:#ee2782;font-style:normal;}

hr.style1{margin: 2em auto 0;border: 0;height: 2px;background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(8, 119, 189, 1), rgba(8, 119, 189, 0));max-width:1280px;}

/* Header */ 

header {margin:0;width:100%;z-index:8700;position:fixed;top:0;height:6em;background:#ffffff;box-shadow: 0 0 5px 5px rgba(100, 100, 100, 0.5);}
/*.startseite header{background:#ffffff6e;}*/
.startseite header{background:#ffffff;}

header .top-line{display: grid;grid-template-columns: 30% 70%;margin:auto;max-width:1200px;}

header .top{height:2em;background:#ffffff;color:#4476a7;font-size:0.8em;width:100%;padding:0 0;text-align:right;max-width:1200px;margin:auto;}
.startseite header .top{background:none;}



header .top p{line-height:2em;}
header .top a{color:#4476a7;}


header .logo-kl{display:none;}
header .logo{display: inline-block;text-align:left;}
header .logo img{height:4em;margin-top:1em;}

header.neu {height:6em;background:#ffffff;}
header.neu img{height:4em;margin-top:1em;}
header.neu .logo-kl{display:inline-block;text-align:left;}
header.neu .logo{display:none;}


header #banner{margin:auto;max-width:1200px;}
header #banner .banner-grid{display: grid;grid-template-columns: 30% 70%;}
header #banner .right{color:#005496;text-align:right;}
header #banner .right img{float:left;}

.desk{display:inline-block;width:100%;text-align:right;}
.mobil{display:none;}
/*
.slider{width:100%;margin-top:6em;min-height:5em;}
.startseite .slider{margin-top:0;max-height:70vh;}*/

.slider{width:100%;margin-top:6em;min-height:5em;max-height:80vh;}

.startseite .slider{margin-top:0;max-height:70vh;}

.slider img{width:100%;}
.startseite .slider img,.startseite .slider h1,.startseite .slider h2{animation: textwelle 1.5s;}

ul li{font-size:1.2em;}

#slider img{width:100%; }
.slider-icon{margin:-6em auto 0;}
.offset .slider-icon, .rechnung .slider-icon, .dialog .slider-icon{margin:0em auto 0;}
.slider-claim{position: absolute;top: 10em;z-index: 8888;margin: 0 auto;color: #dddd;left: 25%;}

.slider h1{font-size:7em;text-shadow:1px 1px 0 #fff, -1px -1px 0 #888, -20px 20px 15px #2d2d2d;position:absolute;top:2em;margin:0 auto 0;width:100%;color:#dddddd;text-transform:uppercase}

.slider h2{font-size:3em;text-shadow:1px 1px 0 #fff, -1px -1px 0 #888, -20px 20px 15px #2d2d2d;position:absolute;top:6em;margin:0 auto 0;width:100%;color:#dddddd;text-transform:uppercase;}

/*.slider h2{font-size:3em;text-shadow: 1px 1px 0 #ffffff, -1px -1px 0 #a1a1a1; position:absolute;top:0;margin: 2.5em auto 0;width:100%;color:#111111;position:absolute;z-index:5555;}*/

/*.slider p img{position:absolute;top:0;margin:2em auto 0;width:80%;}*/

#main {margin:0em auto 0;background:#ffffff;background-size:100% 100%;z-index:8500;position:relative;}
#main p img{max-width:100%;}
#main article {vertical-align: top;margin:0 auto;}
#main article p{margin:0 auto 1em;padding:0;font-size:1.2em;}
#main article p a, #main article p a:visited{color:#1e1e1e;text-decoration:none;}
.recht #main{margin:3em auto 0;}
.startseite #main article{padding:1em 0 0 0;}
.about-us #main{padding:3em 0 0 0;}
.into #main, .vr-games #main{margin:8em auto 0;padding: 2em 0 0 0;}


.grid-2-left{display: grid;grid-template-columns: 33.33% 66.66%;padding: 1em 0;max-width:1200px;margin:0 auto;text-align:left;}
.grid-2-item{}
.grid-2-left p.left-2{text-transform:uppercase;}
.grid-2-left h2{margin:1em 0; padding:0;}
.grid-2-left h2 a{text-decoration:none;}
.grid-2-right{margin: 0 0 5em 0;}

.grid-5{display: grid;grid-template-columns: 20% 20% 20% 20% 20%;padding: 1em 0;margin:5em auto;width:100%;}
.grid-5-item{}
.grid-5-item img{max-width:100%;}

.tabelle-2{display: grid;grid-template-columns: 50% 50%;padding: 1em 0;width:100%;margin:0 auto;text-align:left;}
.tabelle-2-item{padding: 3%;border: 1px solid #cdcdcd;}

.tabelle-5{display: grid;grid-template-columns: 30% 17.5% 17.5% 17.5% 17.5%;padding: 1em 0;width:100%;margin:0 auto;text-align:left;}
#main article .tabelle-5-item p{margin:0;padding:4%;font-size:1.1em}
#main article .zahl-5{text-align:center;}
.tabelle-5-item{border:1px solid #cdcdcd;}


.more-infos{/*background:#0877bd;*//*margin-top:3em;*/}


.more-infos-2{background:#d2d2d2;margin-top:-3em; padding:3em 0 0 0;}

.grid-6-4{display: grid;grid-template-columns: 60% 40%;padding: 1em 0;max-width:1200px;margin:5em auto;text-align:left;}
.grid-6-4 h2{margin:0 0 1em 0;}
.grid-6-4-left{}
.grid-6-4-left img{width:110%;}
.grid-6-4-right{background:#ffffff;padding:3em;margin:2em 0 2em 2em;}

.grid-4-6{display: grid;grid-template-columns: 40% 60%;padding: 1em 0 5em;max-width:1200px;margin:5em auto 0;text-align:left;}
.grid-4-6 h2{margin:0 0 1em 0;}
.grid-4-6-right{margin: 0 10% 0 -10%;}
.grid-4-6-right img{width:110%;}
.grid-4-6-left{background:#ffffff;padding:3em;margin:1em 1em 1em 0;z-index:9999;}


.grid-3-round{display: grid;grid-template-columns: 27% 27% 27%;padding: 4em 5%;max-width:1200px;margin:0 auto;grid-column-gap:12%;}
.grid-3-round .round-item{width:80%;}

.grid-3-round .round-item h2{color:#ffffff;margin:0em auto 0;background:#0877bd;line-height:2em;font-size:1.5em;font-weight:800;transition:color 1s;border:2px solid #0877bd;}
.grid-3-round .round-item:hover h2{color:#0877bd;transition:color 1s;background:#ffffff;border:2px solid #0877bd;}
.grid-3-round .round-item:hover h2 a{color:#0877bd;transition:color 1s;background:#ffffff;}
    
.grid-3-round .round-item img{border-radius:50%;border: 2px solid #4d4d4d;width:100%;/*transform:rotate(0deg);transition: transform 1s;*/}
.grid-3-round .round-item:hover img{/*transform:rotate(380deg);transition: transform 1s;*/}


.grid-all{display: grid;grid-template-columns: 33.33% 33.33% 33.33%;padding: 1em 0;width:100%;margin:0 auto;text-align:left;margin-top:3em;}
.grid-all-item{width:100%;margin:0.5em 0 0 0; text-align:center;}
#main .grid-all p.more{margin-top:-5.8em;opacity:0;}
#main .grid-all .grid-all-item:hover p.more{opacity:1;z-index:9999;}
.grid-all-item:hover p img{opacity:0.3;}

#main .grid-all p img{width:100%;}
#main article .grid-all p{width:100%;font-size:2em;margin-top:3em;}
.all-01{grid-area:1/1/2/3;}
.all-07{grid-area:3/2/3/4;}
.all-08{grid-area:4/1/4/3;}

/*.kontakt article{background-image:url(../images/kontakt-background.jpg);}*/
.kontakt .kontakt-main{display:none;}
.kontakt .item-pagekontakt{max-width:1280px;margin:0 auto;}
.kontakt #main .left-2{padding:5%;}
.kontakt article .visCSSlabel{color:#1e1e1e;}
article .kontakt .visCSSlabel{color:#ffffff;}
.kontakt .field11{width:80%;}
.kontakt .visform textarea{width:100%;}
.kontakt #main article p.ds-text{font-size:1em;}

.kontakt-main{padding:4em 20%;background-image:url(../images/kontakt-background.jpg);width:60%;display:inline-block;background-attachment:fixed;background-size:100% 100%;}
.kontakt-text h2{color:#ffffff;}
.kontakt-text p{color:#ffffff;font-size:1.4em;}
.kontakt-text p.kontakt-button a{text-decoration:none;padding:0.5em;background:rgba(255, 255, 255, 0.8);border-radius:10px;color:#01275f;}
.kontakt-text p.kontakt-button{text-decoration:none;margin-top:1em;}

.referenzen{max-width:1200px;margin:3em auto;display:inline-block;}
.referenzen img{width:100%;}
.referenzen-grid{display: grid;grid-template-columns: 20% 20% 20% 20% 20%;padding: 2em;grid-gap:5%;width:80%;}

nav.nav{display:inline-block;}

nav {display:inline-block;margin:0 auto 0;width:100%;}
nav ul {display:block;padding:0;margin:1em 0 0 0;}
nav ul li {display:inline-block; margin:0 0 0 3%;vertical-align:top; padding:0.5em 0 0 0;margin: 0 0 0 5%;}
nav ul li a{text-decoration:none;font-size: 1em;}
nav ul li a:visited{color:#1e1e1e;}
nav ul li ul{display:none;position:absolute;background:#ffffff;z-index:8000;margin:0;min-width:10%;text-align:left;}
nav ul li.active{border-top:1px solid #000000;}
nav ul li:hover ul{display:block;}
nav ul li ul li{display:block;padding:4%;margin:0.5em;}


/* Footer */ 
footer {margin:0;color:#ffffff;padding:0;background:#0877bd;padding:3em;}
.test1 footer{margin:-2em 0 0 0;}
.test2 footer{margin:7em 0 0 0;}
footer p{font-size:1.1em;margin-top:1em;}
footer h3{font-size:1.3em;text-align:left;text-decoration:3px underline;}
footer .right h3{text-align:right;}

.footer-grid{display: grid;grid-template-columns: 33.33% 33.33% 33.33%;max-width:1200px;margin:0 auto;}

footer h4{font-size:1.4em;}

.footer-right{text-align:right;}
footer a{color:#ffffff;text-decoration:none;}
footer a:visited{color:#ffffff;}
footer ul{width:100%;margin: 1em 0 0 0;padding:0;}
footer li{list-style:none;display:block;padding: 0 3%;font-size:1.1em;margin:0;padding:0;}
.footer-middle{text-align:center;}
.footer-middle img{margin: 2em 0 0 0;}
.footer img {max-width:90%;}
.footer-left{text-align:left;}


/*hamburger*/

.hamburger {padding: 15px 15px;display: inline-block;cursor: pointer;transition-property: opacity, filter;transition-duration: 0.15s;transition-timing-function: linear;font: inherit;color: inherit;text-transform: none;background-color: transparent;border: 0;margin: 0;overflow: visible;text-align:right;width:96%;}
.hamburger-box {width: 5%;height: 2em;display: inline-block;position: relative;margin-top:1em;}
.hamburger #banner-text{text-align:center;display:inline-block;width:78%;vertical-align:top;}
.hamburger #banner-text #logo{float:none;display:inline-block;width:100%;}
.hamburger-inner {display: block;top: 50%;margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width: 40px;height: 4px;background-color: #6da2df;border-radius: 4px;position: absolute;transition-property: transform;transition-duration: 0.15s;transition-timing-function: ease;}
.hamburger-inner::before, .hamburger-inner::after {content: "";display: block; }
.hamburger-inner::before {top: -10px; }
.hamburger-inner::after {bottom: -10px; }
.hamburger--collapse .hamburger-inner {/*top: auto;bottom: 0;*/transition-duration: 0.13s;transition-delay: 0.13s;transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse .hamburger-inner::after {top: -20px;transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
.hamburger--collapse .hamburger-inner::before {transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse.is-active .hamburger-inner {transform: translate3d(0, -10px, 0) rotate(-45deg);transition-delay: 0.22s;transition-timing-function: cubic-bezier(0.215, 0.61,0.355, 1); }
.hamburger--collapse.is-active .hamburger-inner::after {top: 0;opacity: 0;transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
.hamburger--collapse.is-active .hamburger-inner::before {top: 0;transform: rotate(-90deg);transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*.upload #visform1{margin:9em 0 0 0;}*/
.upload #main article{max-width:1200px;}
.upload table{margin: 0 0 1em 0;}
#main article p a.upload,
#main article p a.upload:visited{text-decoration:underline;color:#0877bd;}

.fieldset-1{border:none;margin:auto;}*/
/*.visCSSlabel{width:100%;}
/*.default .visBtnCon{text-align:left !important;}*/
.default .inputbox{background: #eff8ff;border-radius: 10px;}

.visform input:not(.btn),
.default .visCSSinput{background: #eff8ff;padding:0.5em 5%;font-size:1em;}
.default .visBtnCon .btn{background: #eff8ff;border-radius: 10px;padding:1em;font-size:1em;}
.default .visBtnCon .btn:hover{background:#cdcdcd;box-shadow: 10px 10px 10px #eff8ff;font-size:1em;border:2px ridge #ffffff;background: rgba(255,255,255,0.8)}
.field1, .field2, .field3, .field4, .field6, .field7, .field8, .field9, .field10, .field11{width:50%;display:inline-block;}
#field5{width: 80%;border: 5px ridge #fff;background: rgba(255,255,255,0.8);padding:1em;font-size:1.5em;color:#0877bd;font-weight:600;*/}

.visCSSlabel{font-size:1.5em;margin-top:1em;}

.visBtnCon .btn{color: #0877bd;padding: 0.5em;background: #fff;margin: 1em 0 0 0;border: 2px solid;font-weight: 500;text-decoration: none;
    transition: 0.15s all ease-in-out;font-size:1.1em;}
    
.visBtnCon .btn:hover{color:#fff;background: #0877bd;transition: 0.15s all ease-in-out;}    
.visCSStop10{display:inline-block;width:100%;}

.recht #main article{max-width:1200px;margin: 0 auto;text-align:left;}

.recht #main article p{margin-bottom:1em;}
/*
.panel-group {
  margin-bottom: 0;
}
.panel-group .panel {
  border-radius: 0;
  box-shadow: none;
}
.panel-group .panel .panel-heading {
  padding: 0;
}
.panel-group .panel .panel-heading h2 a {
color: #0877bd;
padding: 0.5em;
background: #fff;
margin: 1em 0 0 0;

border: 2px solid;
line-height: 4em;
font-weight: 700;
text-decoration: none;
  transition: 0.15s all ease-in-out;

}*/
/*.panel-group .panel .panel-heading h2 a:visited{color:#ffffff;}*/
/*.panel-group .panel .panel-heading h2 a:hover, .panel-group .panel .panel-heading h4 a:not(.collapsed) {
    color:#ffffff;background:#0877bd;
  transition: 0.15s all ease-in-out;
}
.panel-group .panel .panel-heading h4 a:not(.collapsed) i:before {
  content: "";
}
.panel-group .panel .panel-heading h4 a i {
  color: #999;
}
.panel-group .panel .panel-body {
  padding-top: 0;
}
.panel-group .panel .panel-heading + .panel-collapse > .list-group,
.panel-group .panel .panel-heading + .panel-collapse > .panel-body {
  border-top: none;
}
.panel-group .panel + .panel {
  border-top: none;
  margin-top: 0;
}
*/

.kontakt-bt h2 a{color: #0877bd;padding: 0.5em;background: #fff;margin: 1em 0 0 0;border: 2px solid;line-height: 4em;font-weight: 700;text-decoration: none;transition: 0.15s all ease-in-out;}
.kontakt-bt h2:hover a{color:#ffffff;background:#0877bd;
  transition: 0.15s all ease-in-out;}

  
#comjshop{/*background-image:url(../images/fussball.jpg);background-size: 100%;margin-top: 9em;padding:1em 0 0 0;*/max-width:1200px;margin: 9em auto 2em;}
  
#comjshop h1{font-size:2.5em;margin: 0.5em 0;padding:0;}
.block_product .name a, .block_product .name a:visited{font-size:1.5em;color:#1e1e1e;text-decoration:none;}

.jshop_code_prod{display:none;}
.block_rating_hits{display:none;}
.price_prod_qty_list_head{font-size: 2em;}
.price_prod_qty_list{width: 100%;max-width: 1200px;margin: auto;padding: 0 24%;}  
.text_zoom{display:none;}
.productfull .buttons{display:block;}
/*.fussball #main{background-image:url(../images/fussball.jpg);background-size: 100%;margin-top: -3em;padding:3em 0 0 0;}*/
/*.jshop_prod_description {font-size: 1.7em;font-weight: 700;text-shadow: 0 0 3px black, 0 0 3px black, 0 0 3px black, 0 0 3px black;color: #ffffff;}*/
.jshop_prod_description {font-size: 1em;font-weight: 700;color: #1e1e1e;}

.jshop_list_product{max-width:1200px;margin:auto;}
.jshop_list_product .product .image img{max-width:100%;}
.jshop .row-fluid .sblock3 {width: 33.333%;padding: 0.5em 3%;}
.jshop .row-fluid .sblock3 .block_product{background: #ffffff91;padding:5%;border-radius:10px;}
.jshop .jshop_prod_description p {margin: 0 auto 0.5em;padding:0; font-size:1.1em;}
.productfull form{margin: 0 auto;background: #ffffff91;padding: 1em 5%;border-radius:10px;}
div.jshop_prod_description{padding:0;}
.jshop td{font-size:1.1em;}
.jshop .oiproduct .buttons a{display:block;}
.jshop #updateCart,
#comjshop #jshop_menu_order,
#comjshop .cartcheckout,
#comjshop .jshop_subtotal{width:75%;margin: 1em auto;background:#ffffff;padding:0.5em 5%;border-radius:10px;}
.jshop #updateCart table.cart th{font-size:1em; line-height:2em; vertical-align:middle;}
.jshop .cart img.jshop_img{width:50%;}
.jshop_subtotal .value{text-align:left;}
.jshop_subtotal .name{width:35%;}
#comjshop .max-500 {max-width: 40%;margin: 1em auto 1em;background: #ffffff91;padding: 1em 5%;border-radius:10px;}
.jshop input{line-height: 2em;border-radius: 10px;font-size:1em; vertical-align:middle;padding: 0.2em 2%;}
.jshop a.btn-success{font-size:1.5em;}
#comjshop p.druckinfo{font-weight:300;}
#comjshop hr{display:none;}
#comjshop .jshop_list_product .block_product{border-radius: 0.40rem;box-shadow: 0 1px 5px rgba(1,2,2,.15);}
#comjshop .jshop_list_product .block_product:hover {border-radius: 0.40rem;box-shadow: 0 1px 5px rgba(1,1,2,.5);}

#comjshop .jshop_list_category .row-fluid, #comjshop .jshop_list_category .row-fluid0 {display: grid;grid-template-columns: 45% 45%; grid-column-gap: 10%; margin: 0 auto;}

#comjshop .jshop_list_category .row-fluid .sblock2{width:100%;border-radius: 0.40rem;box-shadow: 0 1px 5px rgba(1,2,2,.15);}
#comjshop .jshop_list_category .row-fluid .sblock2:hover{border-radius: 0.40rem;box-shadow: 0 1px 5px rgba(1,1,2,.5);}

.productfull .row{width:100%;border-radius: 0.40rem;box-shadow: 0 1px 5px rgba(1,2,2,.15);}

#comjshop .category_description{margin:0 0 3em 0;}
#comjshop h1, #comjshop a.product_link{color:#0877bd;font-style:normal;}
#comjshop a.product_link:hover,#comjshop a.product_link:visi{color:#0877bd;font-style:normal;}
#comjshop .sblock0 img.jshop_img_thumb{max-width:100%;}

#main article p a.upload-link, #main article p a.upload-link:visited {text-decoration:underline;}



/* Mobile Style */
@media screen and (max-width:1200px) {
    .slider h1{font-size:5em;margin:1em auto 0;}
    .grid-3-round {max-width:90%;padding:0;}
    #main article{width:90%;}
    header #banner{width:95%;}
    p{margin:0 auto;font-size:1.2em;}
    .bilder-grid{padding:0 5%;}
    .slider p{width:100%;}
    .grid-2-left {grid-template-columns: 30% 70%;}
    .kontant .grid-2-left {grid-template-columns: 33.33% 66.66%;}
    .slider{min-height:10em;}
    #comjshop{margin: 3em auto 2em;}

}

@media screen and (max-width:1000px) {
    .slider h2{font-size:2.5em;}
    .startseite header, header, header.neu{height:5em;background:#ffffff;}
    .desk {display: none;}
    .mobil{display:inline-block;position: fixed;z-index: 9700;top: 0;right: 50px;width:40%;}
    .hamburger-box{background:#ffffff;}
    .bild-grid{margin: 2em 0 0 0;}
    .startseite header img, header img, header.neu img{height:3em;}
    nav.nav{display:none;}
  .is-active nav.nav{display:inline-block;}
    nav{margin-top:1em;background:#03a5e3;padding:1em 0 1em 0;position:relative;z-index:6666;}
    header .logo img {height: 3em;margin-top: 1em;}
    nav ul{margin:0;}
    nav ul li{width:90%;padding: 1em 5% 0; margin:0 auto;display:block;}
    nav ul li.active a{color:#ffffff;}
  nav ul li.active{border-top:none;}
    
    
    
    
    .field1, .field2, .field3, .field4, .field5, .field6, .field7, .field8, .field9, .field10, .field11 {width: 86%;display: inline-block;color: #ffffff;margin: 0;padding: 0;text-align: left;}
    .visCSSinput, .editor{width:90%;}
    .visCSSlabel {font-size: 1.1em;}
    .visform input:not(.btn), .default .visCSSinput {padding: 0.2em 2%;}
}

@media screen and (max-width:900px) {
    #comjshop{margin:3em 0 2em}
    #comjshop .jshop_list_category .row-fluid, #comjshop .jshop_list_category .row-fluid0 {
    display: grid;grid-template-columns: 100%;grid-column-gap: 0;margin: 0 auto;}
    .row-fluid, .row-fluid0 {display: grid;grid-template-columns:100%;margin: 0 auto;}
    .jshop .row-fluid .sblock3 {width: 100%;padding: 0.5em 3%;margin: 0 auto;}
}

@media screen and (max-width:800px) {
    h1{font-size:2em;}

    
    
    /*bayern-print*/
    .grid-3-round .round-item h2{font-size:1em;}
    .grid-3-round{padding:4em 5% 1em;}
    .grid-5{grid-template-columns:50% 50%;}
    .grid-5-item{margin-bottom:-0.5em;}
    .grid-5 .last{display:none;}
    .kontakt-main{padding: 4em 10%;width: 80%;}
 
}
@media screen and (max-width:700px) {    
    h1{font-size:2.5em;}
    .grid-2-left {grid-template-columns: 100%}
    .grid-2-left .right-2{padding: 0 0 0 10%;}
    footer p, footer li, footer a{font-size:1em;}
    footer h3{font-size:1.1em;text-decoration:1px underline;}
    .footer-grid {grid-template-columns: 50% 50%;}
    footer .right h3 {text-align: left;}
    .footer-right{text-align:left;}
    /*.startseite .slider{margin-top:5em;}*/
    #comjshop .category_description img{max-width: 100%;}
    

}
@media screen and (max-width:600px) { 
    .slider h1{font-size:4em; margin:1.5em auto 0;}
    .slider h2{font-size:2em;}
    .slider {min-height: 2em;}
    .grid-3-round {grid-template-columns: 50% 50%;padding:0;margin:0;}
    .grid-3-round .left{grid-area: 1 / 1 / 3 / 3;width:33%;text-align:center;}
    .promtion .grid-3-round{grid-template-columns: 100%;}
    .promtion .grid-3-round .first, .promtion .grid-3-round .last{display:none;}
    .promtion .grid-3-round .middle{width:40%;margin:0 auto 1em;}
    .grid-3-round .right, .grid-3-round .middle{width:73%;}
    .grid-3-round .round-item{margin:0 auto;}
    .kontakt-main{padding: 4em 5%;width:90%;}
    .slider-icon{ margin: 0 auto;}
    ul li{font-size:1em;}
    nav ul li{padding:1em 0;}
  
     
}
@media screen and (max-width:500px) { 
    h1{font-size:1.5em;}
    .slider h1{font-size:3em;}
    h2{font-size:1.3em;}
    h3{font-size:1.3em;}
    .slider h2{font-size:1.5em;margin:3.5em auto 0;}
    p{font-size:1em;}

    .slider h3{font-size:0.6em;}
    .slider h4{font-size:0.5em;margin-top:-3em;}
     .bilder-grid{grid-template-columns:100%;}  
     nav ul li{width:80%;}
    .footer-grid {grid-template-columns: 100%;grid-row-gap:2em;}
     #main article p{font-size:1.1em;}
     .kontakt-main{padding: 4em 5%;width: 90%;}
  .is-active nav.nav{width:200%;left:-60%;}
}
@media screen and (max-width:420px) { 
        h1{font-size:1.5em}
    h2{font-size:1.3em;}

    .slider h3{font-size:0.5em;}
    .slider h4{font-size:0.4em;margin-top:-3.5em;}
    #main article p{font-size:1em;}
}



@keyframes textwelle {
  0% {
    transform: scale(0);
    opacity: 0;
  }  
  100% {
    transform: scale(1);
    opacity: 1;	
  }
}