/*
-----------------------------------------------
DESIGN SCREEN 
----------------------------------------------- 

Stand:
Letzte Änderung:





-----------------------------------------------
Fonts einbinden
----------------------------------------------- */

@font-face {
    font-family: 'pt_sansregular';
    src: url('../fonts/PT_Sans-Web-Regular-webfont.eot');
    src: url('../fonts/../fonts/PT_Sans-Web-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('PT_Sans-Web-Regular-webfont.woff2') format('woff2'),
         url('../fonts/fonts/PT_Sans-Web-Regular-webfont.woff') format('woff'),
         url('../fonts/PT_Sans-Web-Regular-webfont.ttf') format('truetype'),
         url('../fonts/PT_Sans-Web-Regular-webfont.svg#pt_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'pt_sansitalic';
    src: url('../fonts/PT_Sans-Web-Italic-webfont.eot');
    src: url('../fonts/PT_Sans-Web-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PT_Sans-Web-Italic-webfont.woff2') format('woff2'),
         url('../fonts/PT_Sans-Web-Italic-webfont.woff') format('woff'),
         url('../fonts/PT_Sans-Web-Italic-webfont.ttf') format('truetype'),
         url('../fonts/PT_Sans-Web-Italic-webfont.svg#pt_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'pt_sansbold_italic';
    src: url('../fonts/PT_Sans-Web-BoldItalic-webfont.eot');
    src: url('../fonts/PT_Sans-Web-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PT_Sans-Web-BoldItalic-webfont.woff2') format('woff2'),
         url('../fonts/PT_Sans-Web-BoldItalic-webfont.woff') format('woff'),
         url('../fonts/PT_Sans-Web-BoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/PT_Sans-Web-BoldItalic-webfont.svg#pt_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
        font-family: 'pt_sansbold';
    src: url('../fonts/PT_Sans-Web-Bold-webfont.eot');
    src: url('../fonts/PT_Sans-Web-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PT_Sans-Web-Bold-webfont.woff2') format('woff2'),
         url('../fonts/PT_Sans-Web-Bold-webfont.woff') format('woff'),
         url('../fonts/PT_Sans-Web-Bold-webfont.ttf') format('truetype'),
         url('../fonts/PT_Sans-Web-Bold-webfont.svg#pt_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}





@font-face {
    font-family: 'pt_serifitalic';
    src: url('../fonts/PT_Serif-Web-Italic-webfont.eot');
    src: url('../fonts/PT_Serif-Web-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PT_Serif-Web-Italic-webfont.woff2') format('woff2'),
         url('../fonts/PT_Serif-Web-Italic-webfont.woff') format('woff'),
         url('../fonts/PT_Serif-Web-Italic-webfont.ttf') format('truetype'),
         url('../fonts/PT_Serif-Web-Italic-webfont.svg#pt_serifitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* -----------------------------------------------
Layout
----------------------------------------------- */

body {
    background-color:#e6e6e6;
    font-family: 'pt_sansregular', Arial,Helvetica,Verdana,Tahoma,sans-serif;
    font-size: 1em;
    padding:0em;
    margin:0em;
    color:#9b9f9a;
     }



#wrapper {
	width:100% !important;
    height:100% !important;
    }

#page {
	max-width:860px !important; 
	background-color:#ffffff;
	margin:3.75em auto;
	-moz-box-shadow: 0 0 15px rgba(24,23,21,.1);
	-webkit-box-shadow: 0 0 15px rgba(24,23,21,.1);
	box-shadow: 0 0 15px rgba(24,23,21,.1);
	padding:3.125em;
	min-height:30em;
	}
  
.standard #lightboxwrapper {
    width:100% !important;
    height:100% !important;
    }
    
/* Allgemeiner 100%-Container in großer Ansicht */
.container, .container_inhalt { max-width:860px !important; position:relative;}

/* 24-Spalten ergeben 100% */
.span_24 { width: 100%;}

/* Spaltenkennzeichnung */
/*.span_15 {background-color:#999999;}*/
/*.span_9 {background-color:#333333;}*/

/* Kopfbereich */
div.kopfbereich {height:4.2em;border-bottom:1px solid #9b9f9a;}

/* Navigation Platzierung */
#global_nav {vertical-align:bottom;margin-top:1.9em;}
.hlist {
	position: absolute!important;
    right: 0;
    z-index: 999;
    font-size:0.9em;
    }


/* Logo Platzierung */
.logo {margin-top:0.75em;width:17.75em;}
.logo img {width:100%;height:auto;}



/* Unterer Bereich – Inhaltsbereich */
.unterer_bereich {
	margin-top:4.688em;
    margin-bottom:4em;
    min-height:15em;
    }

  


/* Bannerbereich */
.bannerbereich {overflow:hidden;margin-bottom:1.25em;}
.slider {width:100%;height:auto;}
.slider p {color:#9b9f9a;}

.contentbereich {
    margin-top:1.2em;
    overflow:hidden;
    }

.standard .contentbereich {
    margin-top:0em;
    background-color:transparent;
    }

.standard .contentbereich .span_17 {
    /*background-color:#333333;*/
    /*min-height:40em;*/
    }

/* Inhaltsspalten */
.links {}
.home .rechts {padding-right:2%;padding-top:2%;}
.standard .rechts {padding-top:0% !important;padding-right:0% !important;}
.home .contentbereich .span_7 {width: 25.75%;}
.standard .contentbereich .span_7 {width: 27.75%;}


.footer {
	width:100%;
    height:2em;
    margin:0em;
    }

.footerbereich {
    text-align: center;
    padding-top:0.75em;
    }

.footer .links, .home .footer .rechts {padding:0;padding-left:0;padding-right:0;}





	

/*
-----------------------------------------------
INHALTSELEMENTE
----------------------------------------------- */

.csc-default {margin-bottom:2em;}
.gridelements-2col .csc-default, .gridelements-3col .csc-default {margin-bottom:0em;}



/*
-----------------------------------------------
Bildelemente
----------------------------------------------- */


/* Bild im Text links */

DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image, 
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image, 
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
margin-left:0em;
padding-left:0em;
}

.csc-textpic-intext-left img {width:auto !important;}


.csc-textpic-imagewrap {
	margin-top:0em !important;
	margin-bottom:1em !important;
	margin-right:auto !important;
	margin-left:auto !important;
	width:100% !important;
	}

.csc-textpic-intext-left .csc-textpic-imagewrap,
.csc-textpic-intext-right .csc-textpic-imagewrap,
.csc-textpic-intext-center .csc-textpic-imagewrap {
   width:auto !important;
   margin-bottom:1em !important;
}


.csc-textpic-imagewrap img {
	width:100%;
	height:auto;
	}


DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
	margin-left:0em;
	}


.rechts DIV.csc-textpic-imagewrap {
	width:240px;
	height:auto;
	}
	



/*
-----------------------------------------------
GRIDELEMENTS
----------------------------------------------- */

.gridelements-2col, .gridelements-3col {overflow:hidden;}
.csc-textpic-imagewrap {float:none;margin-bottom:1.25em;}

/* 2Spalten */

.gridelements-2col .col_left, .gridelements-2col .col_right {
	width:48%;	
	float:left;
	}
	
.gridelements-2col .col_right {
	margin-left:2%;
	}
	
.gridelements-2col DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image,
.gridelements-2col DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
.gridelements-2col DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image {
	margin-left:0em;
	}
	
		
/* 3Spalten */

.gridelements-3col .col_left, .gridelements-3col .col_middle, .gridelements-3col .col_right {
	width:32%;	
	float:left;
}

.gridelements-3col .col_middle, .gridelements-3col .col_right {
	margin-left:2%;
	}


.gridelements-3col DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image,
.gridelements-3col DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
.gridelements-3col DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image {
	margin-left:0em;
	}
	
	
	
	
.flex-caption {left:10px !important;}




hr {
border-top:0px solid black;
border-left:0px solid black;
border-right:0px solid black;
border-bottom: 1px dotted #e1b12c;
}




.button {
position:absolute;
z-index:999;
background-color:#e1b12c;
color:#ffffff;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border: 0px solid #000000;
transform: rotate(-10deg);
top:-50px;
right:-15px;
width:150px;
height:150px;
padding:15px;

-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.15);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.15);
}

.button,
.button-content,
.button a {
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
align-items: center;
justify-content: center;
flex-direction: column;
}

.button p, .button h3 {
font-size:1em;
}
.button h2 {
font-size:2em;
margin-bottom:0px;
margin-top:5px;
}

.button p, .button h2, .button h3 {
color:#ffffff;
font-weight:bold !important;
text-align:center;
}

.button h3 {
margin-bottom:5px;
margin-top:0em;
}


.button a {
text-decoration:none;
}

.flexnav li ul li,
.flexnav li ul li a {
width:100%;
display:block;
float:none;
}