body{
  width: 100%;
  padding: 0;
  margin: 0;
  font-weight: normal;
  font-family: 'Roboto', sans-serif;
  background: #fff;
  overflow-x: hidden;
}
.section{
  position: relative;
  display: block;
  float: left;
  width: 100%;
}
.content{
  position: relative;
  display: block;
  float: none;
  margin: 0 auto 0 auto;
  width: 1080px
}
.content_title{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  margin: 0 0 20px 0;
  font-size: 22px;
  font-weight: normal;
}
#pconly{display: block}
#mobileonly{display: none}
@media (max-width: 1080px) {
  .content{width: 98%}
  #mobileonly{display: block}
  #pconly{display: none}
}
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
  background: #888;
}
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
h1{
  margin-block-end: 0.22em;
}
p{
  padding-top: 0;
  margin-block-start: 0;
}
/* NAV */
.navigation{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  background: #fff;
  font-size: 16px;
  padding: 10px 0 10px 0;
  border-bottom: solid 0 #f1f1f1;
}
.navigation.darkyellow{background: #74C5FF}
.navigation.grey{background: #fff}
.navigation>.box>.content>.box>a{
  position: relative;
  display: inline-block;
  float: left;
  padding: 0;
  margin: 0 20px 0 0;
  color: #000;
  text-decoration: none;
  transition: 150ms
}
.navigation>.box>.content>.box>a:hover{color: #121212;text-decoration: underline}
.navigation_options{
  position: relative;
  display: inline-block;
  float: right;
  padding: 0;
  margin: 0 0 0 20px;
  border: 0 solid #fff;
  background: #FFD310
}
.navigation_options_v{
  position: relative;
  display: inline-block;
  float: right;
  width: 0px;
  height: 0px;
  margin: 4px 0 0 5px;
  border-top: 7px solid transparent; /* skyblue */
  border-right: 6px solid transparent; /* limegreen;  */
  border-bottom: 7px solid transparent; /* orange; */
  border-left: 6px solid #000;
  transform: rotate(90deg);
}
.navigation_options_sidenav{
  position: fixed;
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
  padding: 0;
  background-color: #fff;
  border-left: solid 1px #f1f1f1;
  transition: 350ms;
  z-index: 3;
}
.navigation_options_sidenav_close{
  position: relative;
  display: inline-block;
  float: left;
  margin-right: 10px;
  font-size: 30px
}
.navigation_options_sidenav_title{
  position: relative;
  display: inline-block;
  float: left;
  margin: 7px 0 0 0;
  font-size: 18px;
  font-weight: normal
}
.navigation_options_sidenav_content{
  position: relative;
  display: block;
  float: left;
  width: 280px;
  padding: 10px;
}
.navigation_options_sidenav_option{
  position: relative;
  display: block;
  float: left;
  width: 260px;
  padding: 10px;
  margin: 0 0 5px 0;
  border: solid 1px #f1f1f1;
  font-size: 16px;
  color: #121212;
  border-radius: 3px;
  text-decoration: none;
  cursor: pointer;
  transition: 150ms
}
.navigation_options_sidenav_option:hover{border-color: #000}
.navigation_options_sidenav_option_icon{
  position: relative;
  display: inline-block;
  float: left;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.navigation_options_sidenav_option_icon.konto{background-image: url('../images/icons/benutzerbild.png')}
.navigation_options_sidenav_option_icon.settings{background-image: url('../images/icons/ausrustung.png')}
.navigation_options_sidenav_option_icon.shipping{background-image: url('../images/icons/box.png')}
.navigation_options_sidenav_option_icon.shipping_invoice{background-image: url('../images/icons/erhalt.png')}
.navigation_options_sidenav_option_icon.shopping{background-image: url('../images/icons/bestellen.png')}
.navigation_logo{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  height: 36px;
  margin: 7px 0 7px 0;
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url('../images/logo.png')
}
.navigation_logo_mobile{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  height: 26px;
  margin: 12px 0 12px 10px;
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url('../images/logo.png')
}
.navigation_tab{
  position: relative;
  display: block;
  float: left;
  width: 31.33%;
  padding: 1%;
  height: 42px;
  color: #000;
  cursor: pointer;
  transition: 150ms
}
.navigation_tab:hover{background-color: #FBFBFB}
.navigation_tab_icon{
  position: relative;
  display: block;
  float: left;
  width: 20%;
  height: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.navigation_tab_icon.konto{background-image: url('../images/icons/konto.png');}
.navigation_tab_icon.warenkorb{background-image: url('../images/icons/warenkorb_.png');}
.navigation_tab.normal>b{width: 100%;margin: 0;}
.navigation_tab.normal>p{width: 98%;margin: 3px 0 0 0;}
.navigation_tab>p{
  position: relative;
  display: block;
  float: left;
  width: 78%;
  padding: 0;
  margin: 3px 0 3px 2%;
}
.navigation_tab>b{
  position: relative;
  display: block;
  float: left;
  width: 78%;
  padding: 0;
  margin: 0 0 0 2%;
}
form[name=searchbar]{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  height: 42px;
  padding: 0;
  margin: 0;
}
form[name=searchbar]>input{
  position: relative;
  display: block;
  float: left;
  width: 98%;
  height: 100%;
  padding: 0 0 0 2%;
  margin: 0;
  border: solid 1px #F1F1F1;
  border-radius: 3px;
}
form[name=searchbar]>button{
  position: absolute;
  top: 2px;
  right: 0;
  width: 40px;
  height: 40px;
  background-color: #000;
  border-radius: 3px;
  cursor: pointer;
  transition: 150ms
}
form[name=searchbar]>button:hover{background-color: #ffcc00}
.navigation_searchicon{
  position: relative;
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url('../images/icons/search-white.png')
}
.nav_menu{
  position: relative;
  display: inline-block;
  float: right;
  padding: 12px;
  font-size: 24px;
  text-align: right;
}
.nav_logo{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  font-size: 20px;
  color: #000
}
.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  background-color: #fff;
  overflow-x: hidden;
  transition: 0.5s;
}
.overlay-content {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
}
.navigator_mobile_ref {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  padding: 10px 0 10px 0;
  border-top: solid 1px #f1f1f1;
  border-bottom: solid 1px #f1f1f1;
  text-align: center;
  font-size: 16px;
  color: #121212;
  text-decoration: none;
  transition: 150ms
}
.navigator_mobile_ref a:hover, .onavigator_mobile_ref a:focus {
  color: #000;
}
.closebtn {
  position: absolute;
  top: 5px;
  right: 20px;
  color: #121212;
  font-size: 40px;
  text-align: right;
  text-decoration: none
}
.overlay-content>form{
  position: relative;
  display: block;
  float: left;
  width: 100%
}
.navigator_mobile_select{
  position: relative;
  display: block;
  float: left;
  width: 96%;
  padding: 10px 2% 10px 2%;
  border: solid 1px #f1f1f1;
  border-radius: 3px;
  text-align: center;
}
.nav_menulist{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  padding: 0;
  margin: 5px 0 0 0;
  text-align: right;
  list-style: none
}
.nav_menulist > li{
  position: relative;
  display: inline-block;
  float: none;
  font-size: 16px
}
.nav_menulist > li > a{
  text-decoration: none;
  color: #000;
  margin-left: 10px;
  transition: 150ms
}
.nav_menulist > li > a:hover{
  text-decoration: underline
}
@media (min-width: 1081px) {
  .nav_menu{
    display: none
  }
}
@media (max-width: 1080px) {
  .nav_menulist{display: none}
  .nav_menu{
    position: absolute;
    display: inline-block;
    top: -5px;
    right: 0;
    font-size: 20px
  }
  .navigator_mobile_ref{display: block}
}
/* FOOTER */
.section.footer{
  margin: 20px 0 0 0;
  padding: 20px 0 20px 0;
  font-size: 14px;
  border-top: solid 1px #F1F1F1
}
.section.footer>.content>.box>b{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  padding: 0;
  margin: 0 0 10px 0;
  font-size: 16px
}
.footer_href{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  padding: 0;
  margin: 0 0 8px 0;
  color: #000;
  text-decoration: none;
  transition: 250ms
}
.footer_href:hover{text-decoration: underline}
.section.footer_bottom{
  padding: 10px 0 10px 0;
  font-size: 12px;
  background-color: #000;
  color: #f1f1f1;
  text-align: center
}
.section.footer_bottom>.content>a{
  position: relative;
  display: inline-block;
  float: none;
  padding: 0;
  margin: 5px;
  color: #fff;
  text-decoration: none;
  transition: 150ms
}
.section.footer_bottom>.content>a:hover{text-decoration: underline}
.section.footer_bottom>.content>p{
  position: relative;
  display: block;
  float: none;
  width: 100%;
  padding: 0;
  margin: 0;
}
.footer_logo{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  height: 30px;
  margin: 0 0 10px 0;
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url('../images/logo.png')
}
.footer_socials_icon{
  position: relative;
  display: inline-block;
  float: left;
  width: 24px;
  height: 24px;
  margin: 10px 5px 0 0;
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
}
.footer_socials_icon.instagram{background-image: url('../images/icons/socials/instagram.png')}
.footer_socials_icon.facebook{background-image: url('../images/icons/socials/facebook.png')}
.footer_socials_icon.tiktok{background-image: url('../images/icons/socials/tiktok.png')}
.footer_socials_icon.linkedin{background-image: url('../images/icons/socials/linkedin.png')}
.footer_socials_icon.xing{background-image: url('../images/icons/socials/xing.png')}
.footer_socials_icon.youtube{background-image: url('../images/icons/socials/youtube.png')}
/* RECHTLICHES */
.section.rechtliches{margin: 60px 0 20px 0}
/* CONTENT */
.box.platzhalter{color: #fff}
.pricebox{
  position: relative;
  display: block;
  float: left;
  width: 96%;
  padding: 2%;
  border-radius: 3px
}
.pricebox.gray{background-color: #F0F0F0}
.pricebox.yellow{background-color: #F8C400}
.pricebox>p>h1{padding: 0;margin: 0}
.product_pricebox_datei{
  position: relative;
  display: inline-block;
  float: none;
  width: 40px;
  height: 40px;
  margin: 0 5px 0 5px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.product_pricebox_datei.ai{background-image: url('../images/icons/ai.png')}
.product_pricebox_datei.cdr{background-image: url('../images/icons/cdr.png')}
.product_pricebox_datei.svg{background-image: url('../images/icons/svg.png')}
.product_pricebox_datei.psd{background-image: url('../images/icons/psd.png')}
.product_pricebox_datei.pdf{background-image: url('../images/icons/pdf.png')}
.product_pricebox_datei.zip{background-image: url('../images/icons/zip.png')}
.mrclipart_icon{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.mrclipart_icon.quality{height: 80px;background-image: url('https://clipart.b-cd.de/media/wysiwyg/Gruppe_289.png')}
.mrclipart_icon.price{height: 80px;background-image: url('https://clipart.b-cd.de/media/wysiwyg/Gruppe_292.png')}
.mrclipart_icon.updates{height: 80px;background-image: url('https://clipart.b-cd.de/media/wysiwyg/Gruppe_293.png')}
.mrclipart_icon.support{height: 80px;background-image: url('https://clipart.b-cd.de/media/wysiwyg/Gruppe_295.png')}


























.cp_img{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  height: 150px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.cp_info_title{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  margin: 10px 0 10px 0;
  font-size: 16px;
  text-decoration: none;
  color: #121212;
  text-align: left;
}
.cp_info_price{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  margin: 0 0 20px 0;
  font-size: 18px;
  text-decoration: none;
  color: #000;
  text-align: left;
}
.cp_leftbar{
  position: relative;
  display: block;
  float: left;
  width: 96%;
  margin: 2% 0 2% 0;
  padding: 2%;
  border-radius: 3px;
  background-color: #f1f1f1
}
.categoriedraw{
  position: relative;
  display: block;
  float: left;
  width: 97%;
  margin: 10px 0 10px 0;
  padding: 10px 2% 10px 1%;
  border-left: solid 1px #e1e1e1
}
.categoriedraw > a{
  text-decoration: none;
  color: #121212;
  transition: 150ms
}
.categoriedraw > a:hover{
  text-decoration: underline;
  color: #000;
}
@media (max-width: 1080px){
  .categoriedraw{text-align: left;font-size: 12px}
}
.product_image{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  height: 200px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.product_vorlageninfo>h1{
  font-size: 20px;
}
.product_vorlageninfo>p{
  font-size: 16px;
  margin: 5px 0 5px 0;
  padding: 0
}
.product_pricebox{
  position: relative;
  display: block;
  float: left;
  width: 96%;
  padding: 2%;
  border: solid 1px #f1f1f1;
  border-radius: 3px;
}
.product_pricebox_price{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  font-size: 22px;
  font-weight: bold;
}
.product_pricebox>form{
  position: relative;
  display: block;
  float: left;
  width: 100%
}
.product_pricebox>form>#submit{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  padding: 10px 0 10px 0;
  margin: 20px 0 0 0;
  border: solid 1px #000;
  border-radius: 3px;
  background-color: #000;
  color: #fff;
  cursor: pointer;
  transition: 150ms
}.product_pricebox>form>#submit:hover{background: #121212}
.product_pricebox>form>#submit_direct{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  padding: 10px 0 10px 0;
  margin: 5px 0 10px 0;
  border: solid 1px #000;
  border-radius: 3px;
  background-color: #fff;
  cursor: pointer;
  transition: 150ms
}.product_pricebox>form>#submit_direct:hover{background: #000;color: #fff}
.product_pricebox>.box>li{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  margin: 5px 0 0 0;
  list-style: none
}
.product_pricebox_vorteil{
  position: relative;
  display: inline-block;
  float: left;
  width: 22px;
  height: 22px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.product_pricebox_vorteil.digital{background-image: url('../images/icons/digitaler-zwilling.png')}
.product_pricebox_vorteil.star{background-image: url('../images/icons/favoriten.png')}
.product_pricebox_vorteil.geraete{background-image: url('../images/icons/gerat.png')}
.product_pricebox_vorteil_text{
  position: relative;
  display: inline-block;
  float: left;
  margin: 3px 0 0 5px;
}
.product_pricebox_abolink{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  text-align: center;
  color: #000;
  transition: 150ms
}.product_pricebox_abolink:hover{text-decoration: none}
.product_pricebox_download{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  padding: 10px 0 0 0;
  font-size: 18px;
  font-weight: bold
}
.product_download_button{
  position: relative;
  display: inline-block;
  float: left;
  padding: 10px 15px 10px 15px;
  margin: 5px 5px 0 0;
  background: #000;
  border: solid 1px #000;
  border-radius: 3px;
  color: #fff;
  text-decoration: none;
  transition: 150ms;
  cursor: pointer;
}
.product_download_button:hover{
  color: #000;
  text-decoration: underline;
  background-color: #fff;
}



.wk_zusammenfassung{
  position: relative;
  display: block;
  float: left;
  width: 92%;
  padding: 4%;
  border: solid 1px #e1e1e1;
  border-radius: 3px;
}
.wk_zusammenfassung>h1{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  font-size: 18px;
  padding: 0;
  margin: 0 0 10px 0
}
.wk_zusammenfassung_price{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  font-size: 14px;
  color: gray;
  padding: 0;
  margin: 0 0 10px 0
}
.wk_zusammenfassung_price>b{float: right}
.wk_zusammenfassung_price.gesamt{
  font-size: 18px;
  color: darkred
}
.wk_zusammenfassung>a{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  padding: 10px 0 10px 0;
  margin: 10px 0 10px 0;
  text-align: center;
  font-size: 16px;
  text-decoration: none;
  color: #000;
  background-color: #ffcc00;
  cursor: pointer;
  transition: 150ms
}
.wk_zusammenfassung>a:hover{background-color: #ffcc00}
.wk_article_container{
  position: relative;
  display: block;
  float: left;
  width: 96%;
  padding: 0 4% 0 0;
}
.wk_article{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  margin: 0 0 20px 0
}
.wk_img{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 1080px){
  .wk_img{height: 100px}
}
.wk_button{
  position: relative;
  display: inline-block;
  float: left;
  padding: 0;
  margin-right: 10px;
  color: #ffcc00;
  background-color: #fff;
  border: none;
  cursor: pointer;
  transition: 150ms
}
.wk_button:hover{text-decoration: underline}
.wk_infobox{
  text-align: left
}
.wk_infobox>p{padding: 0;margin: 0 0 10px 0}
@media (max-width: 1080px){
  .wk_infobox{padding: 0;margin: 0}
}
/* KONTO */
.k_box{
  flex: 1 0 calc(25% - 15px);
  margin-right: 10px;
  margin-top: 10px;
  border: solid 1px #e1e1e1;
  border-radius: 3px;
  transition: 150ms
}
.k_box:hover{
  border-color: #ffcc00
}
.k_box.lastbox{margin-right: 0}
@media (max-width: 768px) {
    .k_box {
        flex: 0 0 calc(50% - 15px);
    }
}
.k_box_icon{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  height: 80px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.k_box_icon.settings{background-image: url('../images/icons/ausrustung.png')}
.k_box_icon.shipping{background-image: url('../images/icons/box.png')}
.k_box_icon.shipping_invoice{background-image: url('../images/icons/erhalt.png')}
.k_box_icon.shopping{background-image: url('../images/icons/bestellen.png')}
.k_box_icon.paymethodes{background-image: url('../images/icons/zahlungsarten.png')}
.k_box>.paddingbox>b{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  margin-top: 10px;
  font-size: 16px;
  color: #000
}
.k_box>.paddingbox>p{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: gray
}
.k_language{
  position: relative;
  display: inline-block;
  float: left;
  width: 90%;
  padding: 4%;
  border: solid 1px #f1f1f1;
  border-radius: 3px;
  cursor: pointer;
  transition: 150ms
}
.k_language:hover{background: #f1f1f1;}
/* SLIDE BOX */
.slidebox{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  overflow-y: hidden;
  overflow-x: auto
}
.slidebox_in{
  position: relative;
  display: block;
  float: left;
  width: 1400px;
}
/* Start Kategorien */
.sa_box{
  position: relative;
  display: inline-block;
  float: left;
  width: 70px;
  height: 100px;
  margin: 20px 10px 20px 0;
  text-align: center;
  color: #000;
  text-decoration: none;
}
.sa_img{
  position: relative;
  display: block;
  float: none;
  width: 100%;
  height: 70px;
  margin-bottom: 5px;
  border-radius: 1050px;
  border: solid 1px #f1f1f1;
}
.sa_title{
  font-size: 14px;
  transition: 150ms
}
.sa_title:hover{text-decoration: underline}
/* SELLER */
.s_title{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  padding: 0 0 5px 0;
  border-bottom: solid 1px #f1f1f1;
  font-weight: bold;
  font-size: 18px
}
.seller_vorteillist{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  padding: 2%;
}
.seller_button{
  position: relative;
  display: inline-block;
  float: right;
  padding: 15px 20px 15px 20px;
  border-radius: 3px;
  color: #000;
  text-decoration: none;
  background-color: #ffcc00;
  transition: 150ms
}
.seller_button:hover{background-color: #ffcc00;text-decoration: underline;color: #121212}
.seller_option_price{
  position: relative;
  display: inline-block;
  float: right;
  padding: 15px 20px 15px 20px;
  margin-left: 10px;
  border-radius: 3px;
  border: dashed 1px #f1f1f1;
  color: #000;
  text-decoration: none;
}
.seller_text{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  padding: 10px 0 10px 0;
  margin: 0;
  font-size: 12px
}
/* BLOG */
.blog_img{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  height: 150px;
  background-color: #f1f1f1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.blog_title{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  padding: 10px 0 5px 0;
  font-size: 16px;
  font-weight: bold;
  color: #000
}
.blog_stats_see{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  padding: 0 0 5px 0;
  font-size: 12px;
  color: #000
}
.blog_statistiken{
  position: relative;
  display: block;
  float: left;
  width: 100%;
}
.blog_statistiken>b{
  display: block;
  padding: 0;
  margin: 20px 0 5px 0
}
.blog_statistiken>p{
  display: block;
  padding: 0;
  margin: 5px 0 2px 0;
  font-size: 12px
}
/* LOGIN und REGISTER */
.form_content{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  margin: 20px 0 0 0;
  padding: 0;
}
.form_content>input[type="text"]{
  position: relative;
  display: block;
  float: left;
  width: 96%;
  padding: 10px 2% 10px 2%;
  margin: 0 0 10px 0;
  border: solid 1px #f1f1f1;
  border-radius: 3px
}
.form_content>input[type="password"]{
  position: relative;
  display: block;
  float: left;
  width: 96%;
  padding: 10px 2% 10px 2%;
  margin: 0 0 10px 0;
  border: solid 1px #f1f1f1;
  border-radius: 3px
}
.form_content>input[type="email"]{
  position: relative;
  display: block;
  float: left;
  width: 96%;
  padding: 10px 2% 10px 2%;
  margin: 0 0 10px 0;
  border: solid 1px #f1f1f1;
  border-radius: 3px
}
.form_content>select{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  padding: 10px 2% 10px 2%;
  margin: 0 0 10px 0;
  border: solid 1px #f1f1f1;
  border-radius: 3px
}
.form_content>button{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  padding: 10px 0 10px 0;
  margin: 0 0 10px 0;
  border: solid 1px #f1f1f1;
  border-radius: 3px;
  background-color: #ffcc00;
  cursor: pointer;
  transition: 150ms
}
.form_content>button:hover{background-color: #fff}
.form_content_ref{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  padding: 10px 0 10px 0;
  border: solid 1px #ffcc00;
  border-radius: 3px;
  text-align: center;
  color: #000;
  text-decoration: none;
  cursor: pointer;
  transition: 150ms
}
.form_content_ref:hover{background-color: #ffcc00}
/* HELP */
.help_title{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  padding: 20px 0 10px 0;
  font-size: 18px;
  font-weight: bold
}
.help_box_title{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: bold;
  color: #000
}
.help_box_desc{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  font-size: 16px;
  color: gray
}
.help_box{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  height: 150px;
  border: solid 1px #f1f1f1;
  border-radius: 3px;
  cursor: pointer;
  transition: 150ms
}
.help_box:hover{border: solid 1px #e1e1e1}

/* KONTAKT */
.contact_form_input{
  position: relative;
  display: block;
  float: left;
  width: 96%;
  padding: 10px 2% 10px 2%;
  border: solid 1px #e1e1e1;
  border-radius: 3px;
  font-size: 16px
}
.contact_form_submit{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  padding: 10px 0 10px 0;
  background-color: #000;
  color: #fff;
  border: solid 1px #e1e1e1;
  border-radius: 3px;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  transition: 150ms
}
.contact_form_submit:hover{background-color: #fff;color: #000}

/* SITEMAP */
.sitemapref{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  margin: 5px 0 5px 0;
  text-decoration: none
}


/* PRICE PLAN */
.priceplan_box{
  position: relative;
  display: block;
  float: left;
  width: 98%;
  text-align: left
}
.priceplan_title{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: solid 1px #f1f1f1;
  font-size: 16px;
  font-weight: bold
}

/* SETTINGS */
.box_fullcontent{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  margin-bottom: 10px;
  background: #fff;
  border-radius: 3px;
  border: solid 1px #f1f1f1
}
.box_fullcontent>.paddingbox>form{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
}
.box_fullcontent>.paddingbox>h1{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 16px
}
.box_fullcontent>.paddingbox>form>input[type="text"]{
  position: relative;
  display: block;
  float: left;
  width: 98%;
  padding: 10px 1% 10px 1%;
  margin: 3px 0 3px 0;
  border: solid 1px #f1f1f1;
  border-radius: 3px;
}
.box_fullcontent>.paddingbox>form>select{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  padding: 10px 1% 10px 1%;
  margin: 3px 0 3px 0;
  border: solid 1px #f1f1f1;
  border-radius: 3px;
}
.box_fullcontent>.paddingbox>form>input[type="password"]{
  position: relative;
  display: block;
  float: left;
  width: 98%;
  padding: 10px 1% 10px 1%;
  margin: 3px 0 3px 0;
  border: solid 1px #f1f1f1;
  border-radius: 3px;
}
.box_fullcontent>.paddingbox>form>input[type="submit"]{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  padding: 10px 0 10px 0;
  margin: 3px 0 3px 0;
  border: solid 1px #f1f1f1;
  border-radius: 3px;
  cursor: pointer;
}
/* FEHLERMELDUNG */
.fehlermeldung{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  padding: 10px 0 10px 0;
  text-align: center;
  color: #fff;
  background-color: #E13E1A
}
.erfolgreich{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  padding: 10px 0 10px 0;
  text-align: center;
  color: #fff;
  background-color: #ffcc00
}
/* IMAGE UPLOAD */
.image_container_upload{
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background: #fff;
}
.image_upload_ordner{
  position: relative;
  display: block;
  float: left;
  width: 94%;
  padding: 10px 2% 10px 2%;
  margin-bottom: 5px;
  border: solid 1px #f1f1f1;
  border-radius: 3px;
  text-decoration: none;
  color: #121212;
  transition: 150ms
}.image_upload_ordner:hover{color: #000;text-decoration: underline}
.image_upload_ordner_container>input[type="radio"] {
  display: none;
}
.image_upload_ordner_container>label {
  position: relative;
  display: inline-block;
  float: left;
  width: 200px;
  min-height: 190px;
  padding: 0 0 30px 0;
  margin: 10px;
  border-radius: 3px;
  border: solid 2px gray;
  background-color: #fff;
  cursor: pointer;
}
.image_upload_ordner_container>input[type="radio"]:checked+label {
  border: 2px solid #437396;
}
.image_upload_ordner_container>label:hover{
  border: 2px solid #437396;
  background: #f0f0f0
}
.image_upload_ordner_container_img{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  height: 200px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.image_upload_image{
  position: relative;
  display: block;
  float: left;
  width: 30px;
  height: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border: solid 1px #f1f1f1;
  border-radius: 3px;
}
.a_header_language_container{
  position: relative;
  display: block;
  float: left;
  width: 100%
}
.a_header_language_icon{
  position: relative;
  display: inline-block;
  float: right;
  width: 24px;
  height: 16px;
  margin-left: 5px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: solid 1px #000;
  border-radius: 3px
}
.a_header_language_moresettings{
  position: relative;
  display: inline-block;
  float: right;
  height: 16px;
  padding: 0 8px 0 8px;
  margin-left: 5px;
  text-decoration: none;
  color: #000;
  font-size: 16px;
  border: solid 1px #000;
  border-radius: 3px
}
/* Affiliate Sytem */
.affiliate_link_container{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  margin: 10px 0 10px 0;
  text-align: right;
}
.affiliate_link_container>a{
  text-decoration: none;
  color: #121212;
}
/* KATEGORIEN */
.ca_filterbar{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  margin-bottom: 10px;
  border-bottom: solid 1px #f1f1f1
}
.ca_filterbar>form{
  position: relative;
  display: inline-block;
  float: right;
  padding: 10px 0 10px 0;
}
.ca_filterbar>form>select[name="number"]{
  padding: 5px 10px 5px 10px;
}
.ca_filterbar>p{
  position: relative;
  display: inline-block;
  float: left;
  padding: 15px 0 10px 0;
  margin: 0;
  font-size: 14px;
  color: #121212
}
.ca_filterbar_pages{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  padding: 10px 0 10px 0;
  margin: 10px 0 10px 0;
  border-top: solid 1px #f1f1f1;
  border-bottom: solid 1px #f1f1f1;
  text-align: center
}
.ca_filterbar_pages>a{
  color: #121212;
  text-decoration: none;
  transition: 150ms
}.ca_filterbar_pages>a:hover{text-decoration: underline}



















/* RECHNUNGSADRESSE */
.rechnungsadresse_delete{
  position: absolute;
  top: 20px;
  right: 2%;
  width: 18px;
  height: 18px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url('../images/icons/loschen.png');
}
.rechnungsadresse_edit{
  position: absolute;
  top: 20px;
  right: 5%;
  width: 18px;
  height: 18px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url('../images/icons/edit.png');
}