/*
Theme Name: Hohe Luft Magazin Theme
Author: Dittberner & Strokosch GbR
Author URI: http://www.dbr3.de
Version: 1.0
Text Domain: hoheluftmagazin
*/
@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=78b1af29-889c-44cf-8bfc-57360a18b094&fontids=675520,675505");
@font-face{
font-family:"TradeGothicW02";
font-weight:normal;
src:url("https://www.hoheluft-magazin.de/wp-content/themes/hoheluftmagazin/fonts/675520/54d50729-2ab7-49d5-a74c-b604d41c0c59.eot?#iefix");
src:url("https://www.hoheluft-magazin.de/wp-content/themes/hoheluftmagazin/fonts/675520/54d50729-2ab7-49d5-a74c-b604d41c0c59.eot?#iefix") format("eot"),url("https://www.hoheluft-magazin.de/wp-content/themes/hoheluftmagazin/fonts/675520/0212a948-10f0-4e92-ad88-f19648a92b4a.woff") format("woff"),url("https://www.hoheluft-magazin.de/wp-content/themes/hoheluftmagazin/fonts/675520/5e7c3b52-1246-48a3-a019-a0492c7f9e19.ttf") format("truetype"),url("https://www.hoheluft-magazin.de/wp-content/themes/hoheluftmagazin/fonts/675520/8115c2cd-df4a-4fc1-8a70-5982b7d810ab.svg#8115c2cd-df4a-4fc1-8a70-5982b7d810ab") format("svg");
}
@font-face{
font-family:"TradeGothicW02";
font-weight:bold;
src:url("https://www.hoheluft-magazin.de/wp-content/themes/hoheluftmagazin/fonts/675505/e4693908-7208-4b04-93c4-8d004c3b4e1f.eot?#iefix");
src:url("https://www.hoheluft-magazin.de/wp-content/themes/hoheluftmagazin/fonts/675505/e4693908-7208-4b04-93c4-8d004c3b4e1f.eot?#iefix") format("eot"),url("https://www.hoheluft-magazin.de/wp-content/themes/hoheluftmagazin/fonts/675505/e2fbc63c-e7b1-4828-b0b6-275131d16fd0.woff") format("woff"),url("fonts/675505/805d9356-a4a5-46df-8390-957c803e33bc.ttf") format("truetype"),url("https://www.hoheluft-magazin.de/wp-content/themes/hoheluftmagazin/fonts/675505/df0f9c50-3ce3-4b1f-8120-074ca66b83b1.svg#df0f9c50-3ce3-4b1f-8120-074ca66b83b1") format("svg");
}

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset { margin: 0; padding: 0; border:0; }
.clearleft { clear: left; display: table; margin: 0; padding: 0; height: 0; line-height: 0; }
.clearright { clear: right; display: table; margin: 0; padding: 0; height: 0; line-height: 0; }
.clearboth { clear: both; display: table; margin: 0; padding: 0; height: 0; line-height: 0; }
 
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

body {
	background-color: #a8a39b;
}

img { border: 0; }

.textalignright {
	text-align: right !important;
}
.textalignleft {
	text-align: left !important;
}
.textaligncenter {
	text-align: center !important;
}
.alignright {
	float: right;
	margin-left: 24px;
	margin-top: 4px;
	display:inline;
}
.alignleft {
	float: left;
	margin-right: 24px;
	margin-top: 4px;
	display:inline;
}

.container
{
	border:10px solid #e3007a;
	background-color: #ffffff;
    width:940px;
    margin: 50px auto 0 auto;
    text-align:left;    
  	*zoom: 1;
  	position: relative;
}
.rowsidebarbg 
{
	
}
.rowbgline {
	background: transparent url(images/contentbglines.gif) top left repeat-y;
	padding-bottom:60px;
}
.row 
{
  	*zoom: 1;
}
.row:before,
.row:after {
  display: table;
  content: "";
  line-height: 0;
}
.row:after {
  clear: both;
}

.col540,
.col240i,
.col220,
.col280,
.col140,
.col50,
.col40,
.col30,
.col1
{
    padding-left:10px;
    padding-right:10px;
    float:left;
    display:block;
    min-height:1px;
}
.col540
{
	width:540px;
}
.col240i
{
	width:240px;
	padding-left:0;
	padding-right:0;
}
.col280
{
	width:280px;
}
.col220
{
	width:220px;
}
.col140
{
	width:140px;
}
.col50
{
    width:50px;
}
.col40
{
    width:40px;
}
.col30
{
    width:30px;
}
.col1
{
    width:1px;
}



/* Main Typo */

BODY, P {
	font-size:16px;
	font-weight: normal;
	font-family: Times,'Times New Roman', serif;
}
P {
	margin-bottom:20px;
}
A {
	color:#e2007a;
	text-decoration: none;	
}
H1 {
	font-family: TradeGothicW02;
	font-size:28px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom:20px;
}
H2 {
	font-family: TradeGothicW02;
	font-size:20px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom:20px;
}
H3 {
	font-family: TradeGothicW02;
	font-size:15px;
	font-weight: normal;
	text-transform: uppercase;
	padding: 11px 10px 7px 10px;
	background-color:#ece9e4;
	margin-bottom:20px;
}
H4 {
	font-family: TradeGothicW02;
	font-size:16px;
	font-weight: normal;
	margin-top:-20px;
	margin-bottom:20px;
}
H1 A, H2 A, H3 A, H4 A {
	color:#000000;
	text-decoration: none;
}
LABEL {
	font-family: TradeGothicW02;
	font-size:15px;
	font-weight: normal;
}

HR {
	display:block;
	height:0;
	border:0;
}
HR:before {
 	display: table;
 	content: "";
 	line-height: 0;
	background: transparent url(images/linebg.gif) center bottom repeat-x;
	height:1px;	
	width:100%;	
}


/* Content Type */
.entry-content LI {
	margin-bottom:2px;
	list-style-type: none;
	padding-left:1em;
	background: transparent url(images/arrow-right.png) 0 1px no-repeat;
}


/* Sidebar Typo */
.widget  {
	font-family: TradeGothicW02;
	font-size:16px;
	font-weight: normal;
}

.widget H1 {
	font-family: TradeGothicW02;
	font-size:16px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom:2px;
	padding: 0;
	background-color:transparent;
}
.widget H2 {
	font-family: TradeGothicW02;
	font-size:16px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom:2px;
	padding: 0;
	background-color:transparent;
}
.widget H3 {
	font-family: TradeGothicW02;
	font-size:16px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom:2px;
	padding: 0;
	background-color:transparent;
}
.widget H4 {
	font-family: TradeGothicW02;
	font-size:16px;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom:2px;
	padding: 0;
	background-color:transparent;
}
.widget  P {
	font-family: TradeGothicW02;
	font-size:16px;
	font-weight: normal;
	margin-bottom:2px;
	padding: 0;
	background-color:transparent;
}
.widget LI {
	font-family: TradeGothicW02;
	font-size:16px;
	font-weight: normal;
	margin-bottom:2px;
	margin-left:1em;
	list-style-type: none;
	padding-left:1em;
	background: transparent url(images/arrow-right.png) 0 1px no-repeat;
}

/* Abstände bei Flächen */

.headerrow {
	padding-bottom:20px;
}
.footerrow {
	padding-top:16px;
	padding-bottom:16px;
	background-color: #ece9e4;
}
.socialmediapcontainer {
	padding-top:180px;
}
.post-content {
	padding-bottom:30px;
	margin-bottom:30px;
	background: transparent url(images/linebg.gif) center bottom repeat-x;
	clear: both;
}
.single-post .post-content {
	margin-bottom:15px;
	padding-bottom:15px;
}
.entry-title {
	clear: both;	
}
.entry-subline {
	clear: both;
}
.entry-content {
	padding-top:10px;
	clear: both;
}
.entry-comment {
	padding-top:20px;
	clear: both;
}

.widget {
	padding-bottom: 22px;	
	background: transparent url(images/linebg.gif) center bottom repeat-x;
	margin: 0 0 22px 0;
}
.widget 
{
  	*zoom: 1;
}
.widget:before,
.widget:after {
  display: table;
  content: "";
  line-height: 0;
}
.widget:after {
  clear: both;
}

/* Homepage Teaser */
.homepageteaser {
	padding-bottom: 5px;
	background: transparent url(images/linebg.gif) center bottom repeat-x;
	margin: 0 0 22px 0;	
}

.homepageteaser-item {
	
}
.homepageteaser-item H2 {
	font-family: TradeGothicW02;
	font-size:20px;
	font-weight: bold;
	text-transform: uppercase;
	margin:12px 0;
	padding:0;
}
.homepageteaser-item H2 A {
	color:#000000;
	text-decoration: none;	
}
.homepageteaser-item H3 {
	font-family: TradeGothicW02;
	font-size:16px;
	font-weight: bold;
	color:#ffffff;
	text-transform: uppercase;
	padding: 7px 7px 3px 7px;
	background-color:#e3007a;
	margin: 0 0 12px 0;
}
.homepageteaser-item H3 A {
	color:#ffffff;
	text-decoration: none;	
}
.homepageteaser-item P {
	margin:12px 0;
	padding:0;
}


/* Main Menu */

DIV.menu-primary {
	height:130px;
}
UL.menu-main {
	list-style: none;
	padding: 0 35px;
	display:block;
	width:870px;
	height: 45px;
	margin-bottom: 45px;
	background: transparent url(images/menubg.gif) top left repeat-x;
}
UL.menu-main LI {
	list-style: none;
	float:left;
	display:block;
	padding:14px 25px;
	position:relative;
}
UL.menu-main LI UL {
	display:none;
	position:absolute;
	top:43px;
	left:0;
	width:1000px;
	background: transparent url(images/menumarker.gif) 40px 0 no-repeat;
}	
UL.menu-main LI UL LI {
	padding:18px 10px;
}
UL.menu-main LI.current-menu-item UL {
	display:block;
}
UL.menu-main LI.current-menu-parent UL {
	display:block;
}
UL.menu-main:hover LI UL {
	display:none;
}
UL.menu-main:hover LI:hover UL {
	display:block;
}
UL.menu-main A {
	text-decoration: none;
	color: #1a171b;
	font-size:16px;
	text-transform: uppercase;
	font-family: TradeGothicW02;
	font-weight: normal;
}
UL.menu-main LI.current-menu-parent > A {
	color:#e2007a;		
	font-family: TradeGothicW02;
	font-weight: bold;
}
UL.menu-main LI.current-menu-item > A {
	color:#e2007a;	
	font-family: TradeGothicW02;
	font-weight: bold;
}
UL.menu-main A:hover {
	color:#e2007a;	
	font-family: TradeGothicW02;
	font-weight: normal;
}

/* Footer Menu */

.menu-footer UL {
	list-style: none;
	display: block;
	padding-top:5px;
}
.menu-footer UL LI {
	list-style: none;
	display: inline-block;
	padding-right:30px;
}
.menu-footer UL LI A {
	text-transform: uppercase;
	font-size: 14px;
	color:black;
	text-decoration: none;
	font-family: TradeGothicW02;
}
.menu-footer UL LI A:hover {
	color:#e2007a;	
	font-family: TradeGothicW02;
	font-weight: normal;
}
/* Special Typo and Widgets */

A.more-link {
	display:block;
	font-family: TradeGothicW02;
	font-weight: normal;
	font-size:16px;
	margin:20px 0;
	color:#000000;
	padding-left:1em;
	background: transparent url(images/arrow-right.png) 0 1px no-repeat;
	
}
A.more-link:hover {
	color:#e2007a;	
}

.pager {
	display:block;
	margin-top:-20px;
	width:100%;
	height:20px;	
	position:relative;
}
.pager-next {
	position:absolute;
	top:0;
	right:0;
	display:block;
}
.pager-previous {
	position:absolute;
	top:0;
	left:0;
	display:block;
}
.pager-next A, .pager-previous A {
	font-family: TradeGothicW02;
	font-weight: normal;
	font-size:16px;
	color:#000000;
	display:inline-block;
}
.pager-next A:hover, .pager-previous A:hover {
	color:#e2007a;	
}
.pager-previous A {
	padding-left:1em;
	background: transparent url(images/arrow-left.png) left 1px no-repeat;
}
.pager-next A {
	padding-right:1em;
	background: transparent url(images/arrow-right.png) right 1px no-repeat;
}
/* Kommentare */
.comments-area {
	margin-top:25px;
}
OL.comment-list {
	display:block;
	list-style: none;
}
OL.comment-list LI.comment {
	display:block;
	list-style: none;
	margin: 25px 0 20px 0;
}
DIV.comment-body {
	background: transparent url(images/linebg.gif) center bottom repeat-x;
}
OL.comment-list LI.comment OL.children {
	margin-left: 50px;
}

.comment-author {
	
}

OL.comment-list P {
	margin-left:80px;
}
OL.comment-list .comment-meta {
	font-family: TradeGothicW02;
	font-size:16px;
	font-weight: normal;
	margin-top:10px;
	margin-bottom:10px;	
}
OL.comment-list .comment-meta A {
	color:#000000;
	text-decoration: none;
}
OL.comment-list .reply {
	margin-left:80px;	
	padding-bottom:15px;
}
OL.comment-list .comment-awaiting-moderation {
	font-family: TradeGothicW02;
	font-size:14px;
	font-weight: normal;
	color: #e2007a;
	
}
.comment-respond P {
	font-size:14px;
	font-family: TradeGothicW02;
}
.comment-respond LABEL {
	font-size:15px;
	font-family: TradeGothicW02;
	display:block;
}
.comment-respond P {
	margin-bottom: 7px;
}
.comment-respond P.comment-notes {
	margin-bottom: 20px;
}

.comment-respond .required {
	color: #e2007a;
}
/* Buttons und INPUT FELDER */




input[type=text],input[type=password],textarea {
	margin:0 4px 4px 0;
	font-size: 14px;
	background-color: #f9f9f9;
	border:1px solid #cfcfcf;
	color: #444444;
	width:100%;	
}


OL.comment-list .reply A,
a.button,span.button, button, input[type=button],input[type=submit],input[type=reset] 
{
    display:inline-block;
    white-space:nowrap;
	text-transform: uppercase;
    text-align:center;
    cursor: pointer;
	margin:0 4px 4px 0;
	padding: 11px 10px 7px 10px;
	display:inline-block;
	vertical-align:top;
	text-decoration:none;
	background-color:#ece9e4;
	color:#000000;
	font-size:15px;
	font-weight: normal;
	font-family: TradeGothicW02;
	border:0px;
}
OL.comment-list .reply A:hover,
a.button:hover,span.button:hover 
{	
	background-color: #dcd9d5;
}

/* Tagcloud */

.tagcloud A {
	color:#000000;
	text-decoration: none;
}
.tagcloud A:hover {
	color:#e2007a;
	text-decoration: none;
}
/* widget_sp_image */

.widget_sp_image H3 {
	
}

.widget_sp_image P {
	margin-bottom: 10px;
}

.widget_sp_image IMG {
	margin:0;
	padding:0;
}
.widget_sp_image IMG.alignleft {
	margin: 0 10px 10px 0;
}

.widget_sp_image .icon H3 {
	padding-top:4px;
}

.widget_sp_image .icon P {
	margin-bottom: 0;
}

.widget_sp_image .icon IMG {
	margin:0;
	padding:0;
}
.widget_sp_image .icon IMG.alignleft {
	margin: 0 10px 0 0;
}

/* Suchen widget */

.widget_search {
	
}
.widget_search LABEL {
	font-weight: bold;
}
.widget_search INPUT#s {
	width:60%;
}
.widget_search INPUT#searchsubmit {
	display:none;
}

#footerlogo {
	float:left;
	padding-right:30px;
}

/* ICONS */

A.icon {
	display:inline-block;
	width:26px;
	height:26px;
	margin-right:6px;
	background: transparent url(https://www.hoheluft-magazin.de/wp-content/uploads/2018/03/socialmediaicons2018.png) 0px 30px no-repeat;
	background-size: 60px;
}
A.icon SPAN {
	display:none;
}
A.icon:active  {
	background-position-x: -30px;
}

A.iconinstagram 	{ background-position-y: 0px; }
A.iconfacebook 		{ background-position-y: -30px; }
A.iconxing 			{ background-position-y: -60px; }
A.icontwitter1 		{ background-position-y: -90px; }
A.iconyoutube 		{ background-position-y: -120px; }
A.icontwitter2 		{ background-position-y: -150px; }

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (   -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (           min-resolution: 192dpi),
only screen and (            min-resolution: 2dppx) { 

	A.icon {
		background-image: url(https://www.hoheluft-magazin.de/wp-content/uploads/2018/03/socialmediaicons2018.png);
		background-size: 60px 210px;
	}

	.entry-content LI, .widget LI, A.more-link LI {
		background-image: url(images/arrow-right_2x.png);
		background-size: 11px 12px;
	}
	.pager-previous A {
			background-image: url(images/arrow-left_2x.png);
			background-size: 11px 12px;
	}
	.pager-next A {
			background-image: url(images/arrow-right_2x.png);
			background-size: 11px 12px;
	}



}