/* Webfont */
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css);
@import url(https://fonts.googleapis.com/css?family=Fjalla+One);

/* ---------------------------------------- RESET ---------------------------------------------------- */
*{margin:0; padding:0; list-style-type:none; box-sizing:border-box}
img{border:none}
h1, h2, h3{-webkit-margin-before:0px; -webkit-margin-after: 0px; -webkit-margin-start: 0px; -webkit-margin-end: 0px;}
.clear, .wcmfloatreset, #c37738{clear:both}
html {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}


/* -------------------------------------------- STANDARD-HTML ----------------------------------------------- */
html, body{width:100%;}
*{margin:0; padding:0; list-style-type:none; font-family:'Open Sans', arial, helvetica, sans-serif !important; font-size:15px !important;}
body{font-family:'Open Sans', arial, sans-serif; color:#333; background-color:#fff;}
body.home{background-image:none}
p, ul, table{margin-bottom:20px}
a{text-decoration:none; color:#1C65B4}
a:hover{text-decoration:underline}
iframe{width:100% !important}
/* iFrame Technikbörse */
.tbiframe{height:3500px}
table{width:100%}

article ul li{list-style-type:circle !important; margin-left:20px}


/* --------------------------------------------- LAYOUT-HELFER ---------------------------------------------- */
.inner{width:976px; height:100%; margin:0 auto}
.clear, .wcmfloatreset{clear:both}
.content::after, .eintragartikeldia::after, #c29110 .csc-textpic-imagewrap, .content .wcm-stditem::after{clear:both; content:""; display:block}
.contentbutton{background-color:#DA3635; color:#fff; display:block; width:200px; padding:10px 0; text-align:center; margin-bottom:40px}

.fa{font-family: FontAwesome !important}

article::after, aside::after, .content::after, .inner::after, .eintragartikeldia::after, .content .wcm-stditem::after, .videovorschau li::after, .csc-textpic::after {
clear: both; content: ""; display: block;}

.col100{width:98%; margin-left:1%; margin-right:1%; float:none}
.col75{width:73%; margin-left:1%; margin-right:1%; float:left}
.col66{width:64.66666666%; margin-left:1%; margin-right:1%; float:left}
.col50{width:48%; margin-left:1%; margin-right:1%; float:left}
.col33{width:31.33333333%; margin-left:1%; margin-right:1%; float:left}
.col25{width:23%; margin-left:1%; margin-right:1%; float:left}
.col16{width:14.66666667%; margin-left:1%; margin-right:1%; float:left}


/* --- ContentPics 100% --- */
img{max-width:100% !important; height:auto !important; vertical-align:bottom}
.csc-textpic-imagewrap img{border:1px solid #999 !important;}
DIV.csc-textpic DIV.csc-textpic-single-image IMG{margin-bottom:0 !important}



/* ------------------------------------------------ ÜBERSCHRIFTEN ----------------------------------------------- */
/* Standardwerte */
h1, h2, h3{-webkit-margin-before:0px; -webkit-margin-after: 0px; -webkit-margin-start: 0px; -webkit-margin-end: 0px; font-weight:normal; margin-bottom:5px; margin-top:0 !important}
h1, h1 a{text-transform:uppercase; font-size:24px !important;}
h2, h2 a{text-transform:uppercase; font-size:18px !important;}
h1, h2{color:#1C65B4;}
h3, aside h1, aside h2{color:#333; font-size:18px !important}
/* SpecialH1 */
#c37746, #c37738, #c37264, #c37196, #c37754, #c37219, #c37203, #c37201, #c37199, #c37755, #c37232, #c37757, #c37758, #c37759, 
#c37760, #c37761, #c37781, #c37791, #c37801, #c37811, #c37821, #c37772, #c37779, #c38438, #c38435, #c37799, #c38620, #c38618
{background-color:#1C65B4; clear:both; display:block; padding:10px 20px}

#c37746 h1, #c37738 h1, #c37264 h1, #c37196 h1, #c37754 h1, #c37219 h1, #c37203 h1, #c37201 h1, #c37199 h1, #c37755 h1, #c37232 h1, 
#c37757 h1, #c37758 h1, #c37759 h1, #c37760 h1, #c37761 h1, #c37781 h1, #c37791 h1, #c37801 h1, #c37811 h1, #c37821 h1, #c38620 h1, #c38618 h1,
#c37772 h1, #c37779 h1, #c38438 h1, #c38435 h1, #c37799 h1
{color:#fff !important}




/* -------------------------------------------- HEADER ------------------------------------------------------ */
header{width:100%; background-color:#fff; padding:0 0 0 0; position:fixed; z-index:149}
header .logobx{background-image:url(../images/layout/logo.png); width:412px; height:99px; float:left; margin:1%}
header .topinfo{float:right; margin:1%}

header .topinfo .toptel1{float:right; color:#666}
header .topinfo .toptel2{float:right; border-right:1px solid #ccc; padding-right:10px; margin-right:10px; color:#666}
header .topinfo .toptel1 a, header .topinfo .toptel2 a{font-weight:bold; color:#666}

header .topinfo .topicons{margin-top:20px}
header .topinfo .topicons a{display:inline-block; float:right; margin-left:20px; text-align:center}
header .topinfo .topicons span{font-size:9px !important; display:block}

/*
header .navwrapper{background-color:#666; background-image:url(../images/layout/navbg.jpg); margin-top:0px; border-bottom:6px solid #1C65B4}
header nav{display:table; width:100%;}
header nav ul{display:table-row}
header nav li{display:table-cell;}
header nav li:last-child a{}
header nav li a{color:#fff; display:block; padding:10px 10px 0 0px; height:40px; text-align:center; text-decoration:none; transition: all 0.3s linear 0s; text-transform: uppercase; font-weight:bold}
header nav li a:hover{color:#1C65B4; text-decoration:none;}
header nav li a.active{color:#1C65B4;}
*/

/* Mainnavi */
.navbar-collapse.collapse{padding:0 1% !important}
.navwrapper{display:block; margin-top:0px; background-color:#666; background-image:url(../images/layout/navbg.jpg); border-bottom:6px solid #1C65B4}
.navwrapper ul{margin-bottom:0;}
.navwrapper ul::after{ content: "."; clear: both; display: block; visibility: hidden; height: 0px;}
.navwrapper li{float:left;}
.navwrapper li a{padding:10px 22px 0 22px; height:40px; display:block; text-align:center; color:#fff !important; background-color:transparent}
.navwrapper li a .caret{color:#fff !important; margin-left:5px}

/* Aufklappmenu */
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{background-color:#1C65B4 !important; border:none; border-color:#8BC63E !important}
.nav > li > a:hover, .nav > li > a:focus{background-color:#1C65B4 !important}
.navwrapper ul li ul .dropdown-toggle{padding:0 !important; margin:0 !important;}
.navwrapper ul.dropdown-menu li{width:100% !important; background-color:#333}
.navwrapper ul li.dropdown.open ul li a{border:none; color:#1C65B4 !important; font-weight:normal; background-color:#fff; display:block; padding:10px 20px; border-bottom:1px solid #ccc}
.navwrapper ul li.dropdown.open ul{padding:0 !important;}
.navwrapper ul li.active a{background-color:#1C65B4}
.navwrapper ul li.dropdown.open ul li a:hover, .navbar ul li.dropdown ul li.active a{background-color:#ccc}

/* Sticky */
.sticky {position: fixed; width: 960px; top: 0; z-index: 100; border-top: 0;}

/* Mobil */
.mobilemenu{display:none}


/* -------------------------------------------- RES-SLIDER ------------------------------------------------- */
.slider{clear:both; padding-top:165px;}

.slider img.placeholder{width:100%; height:auto}
.slider .tx-imagecycle-pi1{width:100% !important;}
.slider .tx-imagecycle-pi1 li{width:100% !important; text-align:center; height:auto !important; position:absolute !important}
.slider .tx-imagecycle-pi1 img{margin:0 auto; width:100% !important; height:auto !important}
.slider .tx-imagecycle-pi1 ul{width:100% !important; height:auto !important; margin:0 auto}
.slider .imagecycle-caption{display:none !important}
.tx-imagecycle-pi1-images{overflow:visible !important}
.tx-imagecycle-pi1{padding:0px}

/*img*/
.slider a img{opacity:1; transition: all 0.3s linear 0s}
.slider a:hover img{opacity:0.7}

/*noslider*/
.noslider{padding-top:190px}


/* -------------------------------------------- SEC & RES NAVIGATION ------------------------------------------------ */
/* Subnavi */
.subnav li{margin:10px 0; border-bottom:1px solid #1C65B4}
.subnav li a{margin-left:0px; display:block; padding-bottom:10px}
.subnav li a:hover, .subnav li a.active{font-weight:bold;}

/* Mobilenavi */
.selectmenu{display:none}


/* Homebutton */
.buttons{margin-top:-50px; position:relative; display:block}
.buttons a span.button{background-color:#AB141F; display:block; padding:20px 20px 20px 40px; text-transform:uppercase; color:#fff; background-image:url(../images/layout/arrow2.png); background-repeat:no-repeat; background-position:left center; transition: all 0.3s linear 0s;}
.buttons a img{opacity:1; transition: all 0.3s linear 0s;}
.buttons a:hover{text-decoration:none}
.buttons a:hover span.button{text-decoration:none !important; background-color:#44383E; background-image:url(../images/layout/arrow.png);}
.buttons a:hover img{opacity:0.8}
.buttons span{font-weight:bold;}


/* -------------------------------------------- CONTENT --------------------------------------------------- */

.content{padding:40px 0}
.content ul li{list-style-type:square; margin:0 0 5px 20px; padding-left:0px}
.content .csc-textpic-intext-left ul{margin:0; padding:0}
.content .wcmshortpics{float:left; margin-right:20px; width:142px}
.content .wcmshortpics img{border:1px solid #999;}
.content .wcmpicpos2{display:block; clear:both; padding-top:5px}
.home .content .wcm-stditem{border:none}
.content .wcm-stditem table td{background-color:#C5D6E8 !important} 
.content .wcm-stditem .wcmnormal{text-align:left !important; font-style:italic}
.content .wcmdatum{background-color:#1C65B4; color:#fff; width:200px; text-align:center; display:block; margin-bottom:5px; padding:5px 0}



/*------------------------- INDIVIDUELLES DESIGN ----------------------------*/
.content .csc-default, .content #c37202 .wcm-stditem, .content #c37200 .wcm-stditem, .hometeaser .col33 .csc-default{padding:20px; margin:1%; background-color:#F1F1F1}
.content .csc-default .csc-default{padding:0}
/* special */
#c37196, #c37264{margin-bottom:5px !important}
#c37234, #c37202, #c37200{padding:0; margin-bottom:0; background-color:#fff}
/* special iframe für Videos */
#c37202 iframe, #c37200 iframe{height:300px !important}
/* Home */
.hometeaser #c37273, .hometeaser .wcm-stditem{margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ccc}
.hometeaser .col33 .csc-default{border:none}
/* Über uns */
#c37245 div, #c37245 dl{width:100% !important;}
/*Produkt Design Rahmen 1 */
.content .csc-frame-frame1{padding:20px; margin-bottom:20px; background-color:#F1F1F1; width:31.33333%; height:300px; margin:0 1% 2% 1%; float:left; border-bottom:4px solid #1C65B4}
.content .csc-frame-frame1 div, .content .csc-frame-frame1 li{width:auto !important;}
.content .csc-frame-frame1 DIV.csc-textpic DIV.csc-textpic-single-image img{margin-bottom:10px !important}
.content .csc-frame-frame1 a{text-transform:uppercase}
.content .csc-frame-frame1 p{margin-bottom:0px}
/* Aside */
aside .button{background-color:#1C65B4; color:#fff; padding:5px 15px; display:inline-block}




.contentwrapper{padding-top:160px}
.homewrapper{margin-top:40px;}
.homewrapper article{border-top:4px solid #1C65B4;}

.homewrapper a.button{display:block; background-color:#2CADA9; color:#fff; width:200px; margin:20px auto 0 auto; padding: 15px; font-weight:bold; transition: all 0.3s linear 0s;}
.homewrapper a.button:hover{text-decoration:none; background-color:#E9F4E4; color:#2CADA9}

a.button{display:block; background-color:#2CADA9; color:#fff; width:200px; padding: 15px; font-weight:bold; transition: all 0.3s linear 0s;}
a.button:hover{text-decoration:none; background-color:#E9F4E4; color:#2CADA9}

/*Home-Content */
.hometeaser{margin-top:40px}
.slogan{margin-top:30px; position:relative; z-index:148}

/* --------------------------------------------- SIDEBARS ---------------------------------------------------- */
/* Sidebar-left */
aside{background-color:#F1F1F1; border-top:4px solid #1C65B4; padding:20px; margin:40px 0;}


/* ---------------------------------------------- Technikbörse PopUp ----------------------------------------- */
.tb{margin-top:30px}
/* Slider-Style von TB */
div#scrollarea img {border: medium none;}
div#scroller_popup {background: none repeat scroll 0 0 #F5F5F5; border: 1px solid black; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; box-shadow: 1px 1px 5px #333333; display: none; font-size: 11px; left: 0; position: absolute; text-align: center; top: 0;}
div#scrollarea {height: 80px; margin-top:20px; overflow: hidden; position: relative;}
/* Own */
#scroller_popup{z-index:99999999}
#sptxt{padding:10px; display:block; font-size:10px !important;}


/* ----------------------------------------------- AGROWEB-NEWS --------------------------------------------------- */
/* Übersichts-Seite */
.content .news-list-item{padding-bottom:20px; margin-bottom:40px; border-bottom:1px solid #ccc}
.news-list-item h2{margin-bottom:10px}
.news-list-item img{float:left !important; margin:2px 10px 5px 0 !important}
.home .news-list-item img{float:none !important; display:block}
.news-list-item hr{clear:both !important}
/* Detail-Seite */
.news-single-item h1{margin:0px 0 10px 0; clear:both; border:none}
.news-single-item a{font-size:10px; display:block;}
.news-single-item .news-single-rightbox{padding-top:20px; clear:both; display:block; text-align:left; float:none}
.news-list-item .news-list-date{padding:0; clear:both; display:block; text-align:left; float:none}
.news-single-item hr{background-color:#ccc; height:1px !important; margin:20px 0 !important; display:block; width:100%;}
.news-single-item .news-single-img{margin-bottom:20px; margin-top:0}
.news-single-item .news-single-additional-info{margin-bottom:20px; padding-bottom:20px; display:block; border-bottom:1px solid #ccc}
.news-single-item iframe{width:100% !important;}
.news-single-item .news-single-img img{width:100%; height:auto}
.news-single-item .news-single-backlink{padding-left:0;}
.news-single-item .news-single-backlink a, .news-single-item a{background-color:#1C65B4; padding:5px 10px; border-radius:2px; display:block; width:200px; text-align:center; color:#fff}
.news-single-item .news-single-backlink a:hover, .news-single-item a:hover{background-color:#488FD3; text-decoration:none}
.news-single-additional-info a:hover, p a:hover{text-decoration:underline}
.tx-srfreecap-pi2-cant-read{display:block}
.news-single-imgcaption{font-size:11px !important; color:#666}
/*Prod-Logo*/
.prodlogo img{width:80px !important; height:auto !important; border:1px solid #ccc !important}


/* ------------------------------------------- TICKER --------------------------------------------------------- */
.ticker{position:relative}
a.tickerlink{display:block; height:50px; width:100%; position:absolute; z-index:9999999999}
div#laufband { height: 50px; overflow: hidden; position:relative; background-color:#326B2A; color:#fff;}
div#laufband div.scrollingtext {position: absolute; white-space: nowrap; padding-top: 15px;}
div#scrollarea{border-bottom:1px solid #ccc}


/* -------------------------------------------- FORMULARE ------------------------------------------------------ */
/* Standard-Formular */
input, textarea, select{padding:5px; border:1px solid #999; margin:5px 0; background-color:#fff; font-family:'Actor', arial, sans-serif; font-size:13px; color:#666;}
input:focus, textarea:focus, select:focus{background-color:#fff; color:#333; border:1px solid #71bf45}
input[type=submit], input.btnRoute{background-color:#000 !important; color:#fff; width:80px; cursor:pointer; width:auto !important; border:1px solid #000}
/* Responsive-Kontaktformular */
form#kontaktform fieldset{border:none}
form#kontaktform legend{display:none}
form#kontaktform .tx_powermail_pi1_fieldwrap_html{display:block; margin-bottom:10px; clear:both;}
form#kontaktform .tx_powermail_pi1_fieldwrap_html label{display:block; width:180px; float:left; margin-right:20px}
form#kontaktform .tx_powermail_pi1_fieldwrap_html input{display:block; width:450px;}
form#kontaktform .tx_powermail_pi1_fieldwrap_html textarea{width:450px;}
form#kontaktform .tx-srfreecap-pi2-image{margin:5px 0; width:150px}
form#kontaktform .tx-srfreecap-pi2-cant-read{margin-left:210px; font-size:10px !important}
form#kontaktform .powermail_submit{margin-left:200px;}
form#kontaktform .tx-srfreecap-pi2-cant-read{margin-left:200px}
.error p{color:white; background-color:red; padding:5px; margin-left:-20px;}
form#kontaktform .tx_powermail_pi1_fieldwrap_html_label{margin-bottom:20px !important; padding-bottom:20px}

/* --------------------------------------------- GOOGLE MAP --------------------------------------------------- */
#map_canvas{width:100%; height:350px; border-top:4px solid #1C65B4; margin-top:0px}
.gm-style img{max-width:none !important}
.map {background-color:#fff}
.map {position:relative}
.map  .overlay{background-color:#1C65B4; opacity:0.3; position:absolute; width:100%; height:100%; z-index:148; transition: all 0.3s linear 0s;}
.map:hover .overlay {opacity: 0; -webkit-transform: scale(0); -mstransform: scale(0); transform: scale(0);}
.seite #map_canvas{border:1px solid #999}



/* --------------------------------------------- PRODUKTE (LOGOS) --------------------------------------------- */
.produkte-box{width:31%; margin:1%; border:1px solid #2CADA9; float:left}
.produkte-box .csc-header{display:none}
.produkte-box .produkte-image-border{background-color:#fff}
.produkte-box .csc-textpic img{padding:5px 0}
.produkte-box .csc-textpic-text{height:155px; padding-top:10px; padding-left:10px; overflow:auto; background-color:#E9F4E4}
.produkte-box a{color:#333}
.produkte-box DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap{float:none; border-bottom:1px solid #2CADA9; margin:0 0 0 0 !important; text-align:center; min-height:75px}
.produkte-box div{padding:0px}
.produkte-box ul li{list-style-type: disc;}
.produkte-box .csc-textpic-imagewrap img{border:none !important}
.produkte-box .csc-textpic .csc-textpic-single-image IMG{margin-bottom:0 !important}



/* ---------------------------------------------- NEWSLETTER -------------------------------------------------- */
#newsletter-inner form input.nl1{width:68%; margin-right:2%; float:left}
#newsletter-inner form input.nl2{width:30% !important; float:left}
.msgbox{padding:10px; background-color:#CCFFCC; border:1px solid #99CC33; color:#336600; font-weight:bold; text-align:center; margin-bottom:40px}


/* ---------------------------------------------- LANDWIRT PLUGINS --------------------------------------------- */
.eintragartikeldia, .listebox{margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ccc}
.diabild{float:left; vertical-align:top}
.diabild img{margin-right:20px; margin-bottom:10px}
#diatext{background-color:#fff; padding:10px;}
#imageshow img{width:100%; height:auto}
.videovorschau ul li{list-style-type:none; display:block; margin-left:0 !important; display:block; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ccc}
.videovorschau img{margin-right:10px; float:left}
.sidebarright .videovorschau ul li{list-style-type:none; display:inline-block; width:100%; margin:0 0 20px 0}


/* ------------------------------------------------ FOOTER -------------------------------------------------------- */
footer{padding-bottom:40px; padding-top:40px; background-color:#1C65B4; color:#fff;}
footer a{color:#fff}
footer div, footer p, footer a, footer input, footer strong{font-size:12px !important}
footer h3{color:#fff; font-size:bold; border-bottom:2px solid #fff}


/* -------------------------------------------- CSS3 Schatten ---------------------------------------------- */
.s, header{-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);}




/* -------------------------- RESPONSIVE ---------------------------------------------------------------------- */
/* -------------------------- WEBDESIGN ---------------------------------------------------------------------- */

/* Produkt-Darstellung || Mobile Devices */
@media screen and (min-width: 1025px) and (max-width: 1366px) {
#myProductInfoInner{position: fixed; height:800px !important; width:1000px !important}
#myProductInfoInner #ProductBody{position: relative; -webkit-overflow-scrolling: touch; overflow-y: scroll; height:750px}
#myProductInfoInner #ProductBody iframe{width:100% !important; height:100% !important; display:block}
}

@media screen and (min-width: 1024px) and (max-width: 1024px) {
#myProductInfoInner{position: fixed; height:680px !important; width:1000px !important}
#myProductInfoInner #ProductBody{position: relative; -webkit-overflow-scrolling: touch; overflow-y: scroll; height:630px}
#myProductInfoInner #ProductBody iframe{width:100% !important; height:100% !important; display:block}
}

@media screen and (min-width: 600px) and (max-width: 1023px) {
#myProductInfoInner{position: fixed; height:700px !important; width:580px !important}
#myProductInfoInner #ProductBody{position: relative; -webkit-overflow-scrolling: touch; overflow-y: scroll; height:650px}
#myProductInfoInner #ProductBody iframe{width:100% !important; height:100% !important; display:block}
#img-info, #img-back{display:none}
}

@media screen and (min-width: 480px) and (max-width: 599px) {
#myProductInfoInner{position: fixed; height:650px !important; width:460px !important}
#myProductInfoInner #ProductBody{position: relative; -webkit-overflow-scrolling: touch; overflow-y: scroll; height:600px}
#myProductInfoInner #ProductBody iframe{width:100% !important; height:100% !important; display:block}
#img-info, #img-back{display:none}
}

@media screen and (min-width: 360px) and (max-width: 479px) {
#myProductInfoInner{position: fixed; height:500px !important; width:340px !important}
#myProductInfoInner #ProductBody{position: relative; -webkit-overflow-scrolling: touch; overflow-y: scroll; height:450px}
#myProductInfoInner #ProductBody iframe{width:100% !important; height:100% !important; display:block}
#img-info, #img-back{display:none}
}

@media screen and (min-width: 320px) and (max-width: 359px) {
#myProductInfoInner{position: fixed; height:400px !important; width:315px !important}
#myProductInfoInner #ProductBody{position: relative; -webkit-overflow-scrolling: touch; overflow-y: scroll; height:350px}
#myProductInfoInner #ProductBody iframe{width:100% !important; height:100% !important; display:block}
#img-info, #img-back{display:none}
}

@media screen and (min-width: 240px) and (max-width: 319px) {
#myProductInfoInner{position: fixed; height:280px !important; width:240px !important}
#myProductInfoInner #ProductBody{position: relative; -webkit-overflow-scrolling: touch; overflow-y: scroll; height:230px}
#myProductInfoInner #ProductBody iframe{width:100% !important; height:100% !important; display:block}
#img-info, #img-back{display:none}
}
/* Produkt-Darstellung || Mobile Devices */




@media screen and (max-width:980px) {
*{font-size:12px !important}
.inner {width: 768px !important;}

header .logobx{width:300px; height:72px; background-size:cover; margin:2% 1%}

h1, h1 a{font-size:25px !important;}
h2, h2 a{font-size:17px !important;}
h3, h3 a{font-size:14px !important;}

.slider{padding-top:145px}

.content .csc-frame-frame1{width:48%;}

footer .col33{width:48%; margin-left:1%; margin-right:1%; margin-bottom:2%; float:left}

form#kontaktform .tx_powermail_pi1_fieldwrap_html label{float:none}
form#kontaktform .tx-srfreecap-pi2-cant-read{margin-left:0}
form#kontaktform .powermail_submit{margin-left:0}
form#kontaktform .tx_powermail_pi1_fieldwrap_html input{display:block; width:100%;}
form#kontaktform .tx_powermail_pi1_fieldwrap_html textarea{width:100%;}
}




@media screen and (max-width:767px) {
.inner{width: 450px !important; display:block}

/* Start Responsive Menu */
nav{display:none !important}
header .navwrapper{background-image:none; background-color:#000}
.selectmenu{display:block;
-webkit-backface-visibility:hidden;}
.selectmenu select{display:block;
width: 100%;
height: 45px;
padding: 0px 3% 0 3%;
background-color: #000;
border: medium none;
color: #FFF;
font-size: 13px !important;
text-transform:uppercase;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url("../images/menu.png");
background-repeat: no-repeat;
background-position: 97% 50%;
cursor:pointer;
margin:0}
/* hide browser-styling (arrow) in IE10 */
select::-ms-expand {display:none;}
option {background:#222; border-top:1px solid #444; padding:.3em 1em .3em 1em;}
/* Ende Responsive Menu */

.logobx{float:none !important; margin:3% auto !important}

.slogan{margin-top:40px}
.slider{padding-top:185px}
.topicons{display:none}

.topinfo{width:96%; margin-left:2%; margin-right:2%}
header .topinfo .toptel1, header .topinfo .toptel2{margin:0; padding:0; border:none; text-align:center; width:50%}

.col50{width:46%; margin-left:2%; margin-right:2%; float:left}
.col100, .col66, .col33, footer .col33, .col25, .col75{width:96%; margin-left:2%; margin-right:2%; margin-bottom:2%; float:none}
.col16{width:29.33333333%; margin-left:2%; margin-right:2%; margin-bottom:2%;}

aside{margin-top:0;}
.content{padding-bottom:0;}
}



@media screen and (max-width:460px) {
.inner{width: 300px !important; display:block}

.logobx{float:none !important; margin:3% auto !important}

.contentwrapper{padding-top:200px}

.slider{padding-top:215px}

.content .csc-frame-frame1{width:100%; margin:0 0 2% 0; height:auto}

header .topinfo .toptel1, header .topinfo .toptel2{margin:0; padding:0; border:none; text-align:center; width:100%}

.col50{width:96%; margin-left:2%; margin-right:2%; float:none}
.col16{width:46%; margin-left:2%; margin-right:2%; margin-bottom:2%;}
}
