/* 
Theme Name: Schwerter Netz 2026 PHP 8
Theme URI: http://www.schwerter-netz.de
Version: 1.1.1
Requires at least: 6.7
Requires PHP: 7.4 (auf PHP 8)
Author: Fobra Marketing & Strategy
Update: auf PHP 8, netzfracht.mediendesign
*/

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

/* ============================================================ */
/* ==================== Global Tags =========================== */
/* ============================================================ */

* { margin:0; padding:0; border:0; outline:0; }

body { font:17px "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height:26px; color:#666; background:#e9e9e9 url(images/bg-body.jpg) center top repeat; }

#wrapper { max-width:1200px; margin:30px auto; padding:30px; background:#fff; box-shadow:1px 1px 7px #999;overflow: hidden; }
#wrapper #main a,
#wrapper .breadcrumbs a { color:#7877b4; text-decoration:none; }
#wrapper a:hover { text-decoration:underline!important; }

a.branding { width:268px; height:100px; display:block; position:relative; top:-8px; left:0; background:url(images/bg-logo.jpg) 0 0 no-repeat; background-size: 268px 78px;}

h1,h2,h3,h4,h5,h6 { float:none; clear:both; }
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { color:#7877b4!important; }

h1 { font-size:26px; margin:0 0 20px -10px; padding:15px 0 8px 10px; line-height:38px; background:url(images/bg-h1-1200v3.gif) 0 0 no-repeat; border-bottom:1px solid #7877b4; color:#7877b4; font-family:'Josefin Slab', serif; font-weight:normal; }

h2 { font-size:22px; margin:0 0 10px -10px; padding:15px 0 8px 10px; background:url(images/bg-h1-1200v3.gif) 0 0 no-repeat; color:#7877b4; font-family:'Josefin Slab', serif; font-weight:normal; }

h3 { font-size:20px; background:url(images/bg-h1-1200v3.gif) 0 0 no-repeat; padding:20px 0 15px; color:#7877b4; font-family:'Josefin Slab', serif; font-weight:normal; }

h4 { font-size:14px; color:#666; margin-bottom:5px; }
h4 span { float:left; margin-right:8px; width:16px; height:16px; }
h4 span.einsatz { background:url(images/icon-einsatz.jpg) bottom left no-repeat; }
h4 span.aufwand { background:url(images/icon-aufwand.jpg) bottom left no-repeat; }
h4 span.ort { background:url(images/icon-ort.jpg) bottom left no-repeat; }

h5 { font-size:13px; color:#7877b4; font-weight:bold; }

p,dl,blockquote,ol,ul { margin-bottom:20px; }

table { border-collapse:collapse; border-spacing:0; background:none!important; }

/* ----- Fallback für ältere Browser ----- */
header, article, nav, footer, section, details, summary, figure, hgroup, aside, mark { display:block; }

/* ----- Transitions ----- */
.ease { -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -ms-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; }

/* ============================================================ */
/* ==================== Global Classes ======================== */
/* ============================================================ */

.clear { float:none; clear:both; }

.stopfloat:after,
ul:after,
dl:after { content:"."; visibility:hidden; height:0; display:block; clear:both; }

.noMargin { margin-right:0!important; }

.noText { text-indent:-9999px; color:#xxxxxx; font-size:1px; overflow:hidden; }

.trenner,
hr { width:100%; height:1px; margin:0 0 20px; border-top:1px solid #7877b4; float:none; clear:both; }

blockquote { border:1px solid #ccc; background:#efefef; padding:20px 25px 25px; border-radius:3px; }
blockquote p:last-child { margin:0; }
blockquote span { font-size:12px; color:#515151; }

.button { font-size: 13px;
	color: #fff!important;
	padding: 5px 15px;
	background:#ffaa00; /* Nicht generiert, Fallback für ältere IEs */
	background: -moz-linear-gradient(
		top,
		#ffaa00 0%,
		#ca9521);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffaa00),
		to(#ca9521));
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #ffaa00;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.6);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.6);
	text-shadow:
		0px -1px 0px rgba(173,145,33,1),
		0px 0px 0px rgba(255,255,255,0); }

.more-link { width:227px; height:32px; padding:8px 10px 0 0; text-align:center; display:block; color:#fff!important; text-shadow: 1px 1px 1px #4b4a69; background:url(images/bg-buttonv2.jpg) 0 0 no-repeat; }
.more-link:hover { background-position:0 -40px; height:30px; padding-top:10px; }

.pdf { background:url(images/icon-pdf.gif) 0 0 no-repeat!important; padding:0 0 0 23px; margin:0 0 9px; }

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

/* ============================================================ */
/* ==================== header ================================ */
/* ============================================================ */

header { width:100%; height:auto; position:relative; margin-bottom: 20px; }
header ul { list-style:none; }

header #meta { position:absolute; top:5px; right:10px; font-size:12px; }
header #meta li { float:right; margin-left:25px; }
header #meta a { color:#7877b4; text-decoration:none; }
header #meta li.current_page_item a { text-decoration:underline; }

header #rotator-box {width:100%; height:auto; position:relative; left:0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:1px 0; background:#fff; }
header #rotator { width:100%; height: 244px; position:relative; overflow:hidden; background:#ddd!important; }
header #rotator img { width:100%;  position:absolute; top:0; left:0; }

header nav ul { margin-bottom: 0}
header nav { width:100%; border-top:1px solid #fff; border-bottom:1px solid #fff; background:#e0e0e0; position:relative;}
header nav li { float:left; margin-left:1px; }
header nav li a { font-size: 16px; height:auto; display:block; padding:20px; text-align:center; color:#888; text-decoration:none; }
header nav li a:hover,
header nav li.current_page_item a { background:#b1b1b1; text-decoration:none!important; color:#fff!important; }

header #navigation { width:100%; height:111px; background:url(images/bg-navigation.jpg) 0 0 no-repeat; list-style:none; position:relative;}
header #navigation li { float:left; line-height:20px!important; }
header #navigation li a { display:block; padding:24px 20px 0; color:#fff; text-decoration:none; }
header #navigation li a strong { display:block; font:28px 'Josefin Slab'; line-height:18px; font-weight:bold; margin-bottom:10px; text-shadow:1px 1px 2px #888; }
header #navigation li a span { text-shadow:1px 1px 1px #888; }
header #navigation li a strong { opacity:.75; }

header #navigation li a:hover strong,
header #navigation li.current_page_item a strong { opacity:.95; }

header #navigation li a:hover { text-decoration:none!important; }
header #navigation li a:hover strong,
header #navigation li.current_page_item a strong { text-decoration:underline; }
header #navigation li a:hover span { text-decoration:none!important; }

#menu-item-45, #menu-item-44, #menu-item-43, #menu-item-42 { width:25%; min-height: 135px;  }
header #navigation #menu-item-45{ background: url(images/bg_rot.jpg) #ec726f right top no-repeat}
header #navigation #menu-item-44{ background: url(images/bg_blau.jpg) #5fb6eb right top no-repeat; }
header #navigation #menu-item-43{ background: url(images/bg_gruen.jpg) #a8d254 right top no-repeat; }
header #navigation #menu-item-42{ background: url(images/bg_gelb.jpg) #eac75f right top no-repeat; }


header nav .sub-menu { display:none; }
header nav .current-menu-item > .sub-menu,
header nav .current-page-parent > .sub-menu,
header nav .current_page_ancestor > .sub-menu,
header nav .current_page_item > .sub-menu,
header nav li:hover > .sub-menu { display:block; }

header .breadcrumbs {
    clear: both;
	display:block;
    width: 100%;
    position: relative;
    height: 35px;
    padding: 20px 0 0 10px;
    font-size: 15px; 
    line-height: 1.7em;
   
}

* header .breadcrumbs strong { 
    width: auto;
    background-color: #7f82b9!important;
    padding: 5px 10px 5px 10px;
    margin: 0 5px 0 -10px;
    color: #fff!important;
}

/* ============================================================ */
/* ==================== contentContainer ====================== */
/* ============================================================ */

#main { width:100%; border-bottom:1px solid #7877b4; }

/* ============================================================ */
/* ==================== contentMain =========================== */
/* ============================================================ */

#content { float:left; }
.mit-sidebar { width:75%; padding-left:10px; position:relative; }
.ohne-sidebar { width:98%; padding-left:10px; float:none; }

/* ----- columns ----- */
#content .column { width: 200px; margin:0 25px 20px 0; float:left; position:relative; }
#content .column p:last-child { margin:0!important; }

/* ----- details ----- */
.details { margin-bottom:20px; }

/* ----- figure ----- */
figure { margin-bottom:20px; }

/* ----- section ----- */
section { margin-bottom:30px; }

/* ----- Visitenkarte ----- */
.visitenkarte { width:95%; padding:30px; margin-bottom:20px; border:1px solid #ccc; background:url(images/bg-visitenkarte.jpg) right top no-repeat; position:relative; }
.visitenkarte:after { content:''; position:absolute; bottom:-21px; left:0; width:95%; height:20px; background:url(images/bg-visitenkarte-after.jpg) center top no-repeat; }
.visitenkarte h1 { background:none; padding-top:0; margin-bottom:10px; }
.visitenkarte p:last-child,
.visitenkarte .daten blockquote p:last-child { margin:0!important; }
.visitenkarte .foto { width:25%; float:left; text-align:center; }
.visitenkarte .daten { width:85%; float:right; }
.visitenkarte .daten span.telefon,
.visitenkarte .daten span.mail { width:100%; height:23px; line-height:23px; float:left; background:url(images/icon-telefon.jpg) 0 0 no-repeat; padding-left:35px; margin-bottom:20px; }
.visitenkarte .daten span.mail { width:100%!important; background:url(images/icon-mail.jpg) 0 0 no-repeat; }
.visitenkarte .daten blockquote { border:0; background:none; padding:0; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#888; }

/* ----- DLs ----- */
#content dl { width:645px; }
#content dl dt { width:65px; float:left; font-weight:bold; }
#content dl dd { width:580px; float:left; }

#content .column dl { width:xxxxx; }
#content .column dl dt { width:65px; float:left; font-weight:bold; }
#content .column dl dd { width:xxxxx; float:left; }

/* ----- images ----- */
#content .img,
#content .alignnone,
#content .alignleft,
#content .aligncenter,
#content .alignright,
#content .ngg-gallery-thumbnail img { border:1px solid #ccc; background:#fff; padding:3px; }
#content a .img:hover,
#content a .alignnone:hover,
#content a .alignleft:hover,
#content a .aligncenter:hover,
#content a .alignright:hover,
#content .ngg-gallery-thumbnail img:hover { border:1px solid #ccc; background:#eee; padding:3px; }
#content .alignnone { margin-bottom:0; }
#content .alignleft { float:left; margin:3px 20px 15px 0; }
#content .alignright { float:right; margin:3px 0 15px 20px; }

#content .foto .alignnone {border:none;}

/* ----- NGG ----- */
#content .ngg-gallery-thumbnail-box { float:left; margin:0 5px 5px; }

/* ----- lists ----- */
#content ul { list-style:square; color: #7877b4; padding-left:20px; margin-bottom:9px; }
#content ul li { margin-bottom:9px; }

.page-id-11 #content ul { list-style: none; padding-left: 0!important; }
/* #content ul li { background:url(images/li.png) 0 2px no-repeat; padding-left:20px; margin-bottom:9px; } */

/* ----- Projekte ----- */
.projekt { width:635; padding:10px 20px; border:5px solid #acd131; font-weight:bold; margin-bottom:20px; font-size:16px; text-align:center; }
.projekt.ruht { border:5px solid #e5615b!important; }

.projekt p:last-child { margin:0!important; }

/* ----- comments ----- */
.commentBox { padding:0 0 36px; margin:0 0 36px; background:#fff; border:1px solid #ddd; border-bottom:3px solid #ccc; padding:25px; position:relative; }

/* ----- comments - buttons ----- */
.commentlist { list-style:none; }

.reply { height:30px; text-align:right; }
a.comment-reply-link,
#commentform input#submit { color:#696969!important; padding:6px 10px 4px; }
a.comment-reply-link { position:absolute; right:0; bottom:0; border-left:1px solid #ddd; border-top:1px solid #ddd; font-size:11px; color:#aaa!important; }

.comment-body p:last-child { margin:0; }

li #respond { margin:0 0 36px; }
li.bypostauthor > .commentBox { border-bottom:3px solid #c00!important; }
.commentBox .says h2,
#author-description h2 { margin:0; }
.commentBox .says h2 { padding:8px 0 4px; }

#comments li.depth-1 ul.children { border-left:1px solid #ccc; }
#comments li.depth-1 ul.children li.depth-2,
#comments li.depth-1 ul.children li.depth-3,
#comments li.depth-1 ul.children li.depth-4,
#comments li.depth-1 ul.children li.depth-5 { margin:18px 0 0; padding:0 0 0 30px; background:url(images/bg-comment-reply.gif) 0 25px no-repeat; }

.comment-author { height:66px; border-bottom:1px solid #ccc; margin:0 0 15px; }
.comment-author img,
#author-avatar img { border:3px solid #ddd; }
#author-description { padding:5px 0 0; }
.avatar { margin: 0 10px 10px 0; float:left; }
.kommentardatum { color:#aaa; }

/* ----- comments - form ----- */
#commentform label,
.form label { width:100px; display:block; float:left; padding:5px 0 0; }
#commentform p.comment-form-author label,
#commentform p.comment-form-email label { width:80px; }
#commentform .required { margin:0 15px 0 0; }
.wpcf7-form { width:100%; }

#commentform input,
#commentform textarea,
.wpcf7-form input,
.wpcf7-form textarea,
.div_text input { width:100%; height:20px; padding:5px; border:1px solid #d5d5d5; border-radius:3px; color:#888; background:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:14px; }

.form legend,
.div_text { margin-bottom:10px; }

.button_div #rememberme,
.button_div .buttons { margin:0 0 10px 100px!important; }

#commentform input:focus,
#commentform input:hover,
#commentform textarea:focus,
#commentform textarea:hover,
.wpcf7-form input:focus,
.wpcf7-form input:hover,
.wpcf7-form textarea:focus,
.wpcf7-form textarea:hover,
.div_text input:focus,
.div_text input:hover { color:#444; border:1px solid #aaa; }

#commentform textarea,
.wpcf7-form textarea { height:150px; line-height:20px; }

.wpcf7-form input.wpcf7-submit,
#commentform input#submit,
.button_div .buttons { width:100%; height:35px; margin:0; cursor:pointer; font-size:14px; padding:5px; border-radius:3px; border:1px solid #999; font-family:Arial, Helvetica, sans-serif; font-style:normal; color:#fff!important; text-shadow:1px 1px 1px #777; background:#aaa; }
#commentform input#submit { margin:0 0 0 0; }
.wpcf7-form input.wpcf7-submit:hover { background:#bbb; }

.wpcf7-form label { width:100%; height:auto; display:block; float:left; padding:10px 0 10px 0 ; }
.wpcf7-form em { font:16px/18px Georgia, "Times New Roman", Times, serif; font-style:italic; color:red; }

.form-allowed-tags,
.wpcf7-form .wpcf7-display-none { display:none; }

input[type="checkbox"]{ margin: -10px 0 20px -10px!important; padding: 15px 0 0 0; width: 30px; height: 30px; z-index: 1001}

/* ----- SearchResults ----- */
body.search-results .hentry { padding-bottom:30px; border-bottom:1px dashed #999; margin-bottom:30px; }

/* ----- Tabellen ----- */
.wp-table-reloaded { border-collapse:collapse!important; margin-bottom:20px; font-size:inherit!important; }
.wp-table-reloaded th,
.wp-table-reloaded td { border:0!important; }

.wp-table-reloaded th { background:none!important; font-weight:bold; border-bottom:2px solid #999!important; }
.wp-table-reloaded tr { border-bottom:1px solid #ccc; }
.wp-table-reloaded tr:last-child { border:0!important; }

.wp-table-reloaded .column-1 { width:95px; }

/* ----- Pagenavi ----- */
#pagination { text-align:center; }
#pagination a,
#pagination span { padding:5px 10px; border:1px solid #7877b4; border-radius:3px; margin-right:5px; font-size:12px; }
#pagination a:hover { background:#7877b4; color:#fff!important; text-decoration:none!important; }
#pagination .navigate-active { border:1px solid #7877b4; font-weight:bold; }
#pagination .navigate-inactive { border:1px solid #e5e5e5; color:#9a9a9a; font-weight:bold; }
#pagination .currentpage { background:#323232; color:#fff!important; font-weight:bold; border:1px solid #323232; }

/* ----- Teamseite ----- */

.team {
    width: 100%;
    margin: 0 0 20px;
    font-size: 14px;
}
.team li { min-width:275px; padding:12px 14px!important; margin:0 9px 9px 0; border-top:1px solid #f5f5f5; border-right:2px solid #8685c1; border-bottom:2px solid #8685c1; border-left:1px solid #f5f5f5;  border-radius:5px; float:left; background:none!important;  list-style: none; list-style-type:none;  font.weight: bold;}
.team li:hover { background:rgba(134,133,193,.2)!important; }
.team li img { width: 100px!important; float:left; margin:0 10px 10px 0; border-radius:5px; }
.team a::after
{ 

display: block;
content:"[weitere Informationen]";
font-weight: normal;
}

/* ============================================================ */
/* ==================== contentSidebar ======================== */
/* ============================================================ */

aside { width:195px; padding-right:10px; padding-left:19px; border-left:1px solid #ddd; float:right;  position: relative;}

aside ul { list-style:none; }
aside a:hover,
aside .current-cat a { text-decoration:underline!important; }

aside .widget-container li { margin-left:-19px; padding:5px 0 5px 50px; background:url(images/bg-aside-active.jpg) 0 0 no-repeat; }
body.page-template-page-familie-php aside .widget-container li { background:url(images/bg-aside-active-rot.jpg) 0 0 no-repeat; }
body.page-template-page-schule-php aside .widget-container li { background:url(images/bg-aside-active-blau.jpg) 0 0 no-repeat; }
body.page-template-page-stationaer-php aside .widget-container li { background:url(images/bg-aside-active-gruen.jpg) 0 0 no-repeat; }
body.page-template-page-stationaer-php aside .widget-container li { background:url(images/bg-aside-active-gelb.jpg) 0 0 no-repeat; }

aside .menu .current-menu-item { background:url(images/bg-aside-active.jpg) 0 -150px repeat-y; text-shadow:1px 1px 0 rgba(0,0,0,.25); }
body.page-template-page-familie-php aside .menu .current-menu-item { background:url(images/bg-aside-active-rot.jpg) 0 -150px repeat-y; }
body.page-template-page-schule-php aside .menu .current-menu-item { background:url(images/bg-aside-active-blau.jpg) 0 -150px repeat-y; }
body.page-template-page-stationaer-php aside .menu .current-menu-item { background:url(images/bg-aside-active-gruen.jpg) 0 -150px repeat-y; }
body.page-template-page-projekte-php aside .menu .current-menu-item { background:url(images/bg-aside-active-gelb.jpg) 0 -150px repeat-y; }
aside .menu .current-menu-item a { color:#fff!important; }

aside .eme-calendar { margin-bottom:20px; }

aside .textwidget { border:3px solid #8685c1; padding:15px; font-weight:bold; background:url(images/bg-aktuelles.gif) right top no-repeat; }

/* #sidebar a[rel~="friend"] {font-weight: bold;} */

/* ============================================================ */
/* ==================== footer ================================ */
/* ============================================================ */
footer { width:100%; height:160px; border-top:1px solid #fff; background:#7877b4; position:relative; }

footer .welcome  img{ width: 25%; height:auto; border:4px solid #fff; border-radius:4px; box-shadow:1px 2px 3px rgba(0,0,0,.25); float: right; margin-right: 2%}

.footerlinks, .footermitte{ width: 240px; height: 100px; color: #fff; float: left; margin: 28px 0 0 30px}
.footermitte a { text-decoration: none; color: #fff}


.loggedinonly { visibility: hidden; margin-left: -1000px; }
body.logged-in .loggedinonly { visibility: visible; margin-left: 0;}

.loggedoffonly { visibility: visible; margin-left: 0px; }
body.logged-in .loggedoffonly { visibility: hidden; margin-left: -10000px; }

aside input#s { border: 1px solid #998; padding: 5px; height: 18px; width: 184px; margin-bottom: 10px; float: right; }
aside input[type="submit"] { border: 1px solid #999; padding: 5px; height: 25px; width: 196px; margin-bottom: 40px; float: right; }

img {
    width: 100%;
    height: auto;
}
#content .alignleft{ float: left; }
img.alignleft{ width: 200px}


#wprmenu_menu ul li a, #wprmenu_menu ul li a:hover {
    padding: 5px 25px!important;
    font-size: 22px!important;
}

#wprmenu_menu .wprmenu_icon_par {
    padding: 5px 10px 10px 14px!important;
}

#wprmenu_menu.wprmenu_levels a.wprmenu_parent_item {
    margin-left: 25px!important;
}

#rmp-container-2061 {
    background-color: #8586bd!important;
}
.rmp-menu-item-link{ font-family: "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 22px!important; line-height: 50px!important; height: 50px!important; }
.rmp-menu-item:hover{ color: #fff!important; background-color: #63649d!important}

#nav-above{ margin: 0 0 40px 0; display: block; }
.nav-previous{ float:left}
.nav-next{ float: right}

#slider1_container { display: block!important }
#slider1_container img{ max-width: 100%!important; height: auto!important; display: block; }

/* ============================================================ */
/* ==================== media queries ========================= */
/* ============================================================ */

/* ----- kleiner als 980px ----- */

@media only screen and (max-width: 980px) {
#menu-item-45, #menu-item-44, #menu-item-43, #menu-item-42 { width:50%; min-height: 120px;  }
#content .alignleft{ float: left; }
img.alignleft{ width: 200px}
header nav li a {
    font-size: 14px;
    height: auto;
    display: block;
    padding: 20px 10px 20px 20px!important;
}
}

/* ----- kleiner als 840px ----- */

@media only screen and (max-width: 840px) {
	body { font:15px "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height:22px;}
	#wrapper{margin: -10px auto!important;}
	.mit-sidebar { width:95%; padding-left:10px; }
	footer { width:100%; height:350px; }
	footer .welcome  img{ clear: both; float: left; width: 50%; height: auto; margin: 60px 0 0 30px}
	header .breadcrumbs {
    margin-bottom: 10px; font-size: 14px}
	img.alignleft{ width: 200px;}
	#content .alignleft{ float: left; }
	aside { width: 90%; float: left}
	aside .widget-container li {
    margin-left: 0;
    padding: 5px 0 5px 50px;
    display: inline-block!important;
    width: 30%!important;
	}
	header #meta, .menu-hauptmenue-container{ display: none; }
	
	* header .breadcrumbs {
    padding: 20px 0 10px 10px;
    }

}

/* ----- kleiner als 650 (=smartphones) ----- */
	
@media only screen and (max-width: 650px) {
	body { font:16px "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height:30px; word-break: keep-all;}
	#wrapper{margin: -10px auto!important;}
	#menu-item-45, #menu-item-44, #menu-item-43, #menu-item-42 { width:100%; min-height: 70px;  }
	header #navigation li a strong {
    font: 24px 'Josefin Slab';
    line-height: 18px;
    margin-bottom: 10px;
	}
	
	
	header #navigation li a { padding:20px;}
	
	.mit-sidebar { width:100%; padding-left:0; }
	
	aside {
    width: 90%;
    border-left: 0 solid #ddd;
    float: left;
    margin-top: 40px;
	}

	header .breadcrumbs {
    margin-bottom: 50px; font-size: 14px}

	header #navigation li {
    line-height: 20px !important;
	font-size: 16px;
	}
	
    #nav-above{ margin: 20px 0 50px 0; display: block; }
    
	footer { width:100%; height:340px; font:14px "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height:20px; }
	footer .welcome  img{ clear: both; float: left; width: 70%; height: auto; margin: 30px 0 0 30px}
	.footerlinks, .footermitte{ width: 80%; height: auto; margin: 30px 0 0 30px}
	
	#content .alignleft{ float: none; }
	img.alignleft, img.alignright{ width:100%!important; height: auto}
	
	aside .widget-container li {
    width: 100%!important;
	}
	
    .visitenkarte {
    width: 90%!important;
    padding: 20px!important;
	}
	
	.visitenkarte .foto {
    width: 50%;
    float: left;
    text-align: center;
	}
	
	.visitenkarte .daten {
    margin-top: 20px;
	font:16px "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height:20px; 
	width: 90%;
    float: left;}
	
	#commentform input,
#commentform textarea,
.wpcf7-form input,
.wpcf7-form textarea,
.div_text input { width:100%; height:30px; padding:5px; font-size:18px; margin: 10px 0 0 0 }


.wpcf7-form input.wpcf7-submit, 
#commentform input#submit,
.button_div .buttons { 
height:40px; margin:10px 0 0 0; cursor:pointer; font-size:20px; padding:5px; }
    
    * header .breadcrumbs strong { 
   display: block;
        margin: 0 5px 10px -10px;}
    
* header .breadcrumbs { 
    padding: 20px 0 30px 10px;!important;
    }
}	

@media only screen and (max-width: 380px) {
	body { font:14px "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 20px; word-break: break-strict;}
	#wrapper {padding: 20px;}
	header .breadcrumbs { margin-bottom: 20px;
    font-size: 14px;
    line-height: 16px!important;
    display: block!important;}

	a.branding { width:220px; height:100px; display:block; position:relative; top:10px!important; left:0; background:url(images/bg-logo.jpg) 0 0 no-repeat; background-size: 200px 58px;}


	.single h1 { margin-top: 20px;}
	.page h1 { margin-top: 20px;}
	
	h2{ line-height: 30px}
	
	header #navigation li {
    line-height: 20px !important;
	font-size: 16px;
	}
	
	.visitenkarte .daten {
    margin-top: 20px;
	font:14px "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height:18px; 
	width:90%!important;
    float: left;}
	
	.visitenkarte .daten span.mail {
    margin-bottom: 30px;
	word-break: break-all;
	display: block;
	}
	
	#pagination a, #pagination span {
    padding: 5px;
    border: 1px solid #7877b4;
    border-radius: 3px;
    margin-right: 5px;
    font-size: 10px;
}

.standortbox{ font-size: 12px; line-height: 16px}
	 
}	


	

/* ===========================
	Ende ;)
=========================== */