/* Fonts */
/* Symbolschrift seit 9.7.2025 nicht erreichbar: @import url(https://weloveiconfonts.com/api/?family=entypo); */
[class*="entypo-"]:before { font-family: 'Verdana', sans-serif; }

/* Global */
div { /* max-width: 100% !important; */ }

body { margin: 0; padding: 0; font-family: 'Verdana', sans-serif; }
html, body { width: 100%; height: 100%; }
a { color: #92B5C7; }
.vorlageZurueckDetail { color: #92B5C7 !important; }

.hidden { display: none; }
.unsichtbar { display: none; }
.hilfstitel { display: none; }
#fontSize { display: none; }

.ls-inner { height: 100vh !important; }

::selection {
    background: #92B5C7; /* WebKit/Blink Browsers */
    color: #FFF;
}
::-moz-selection {
    background: #92B5C7; /* Gecko Browsers */
    color: #FFF;
}

h1 { font-size: 24px; }

#zurueckTaste { width: 1150px; max-width: 100%; margin: 0 auto; line-height: 25px; }

#cms_inhaltsbereich {
	clear: both;
	height: 100%;
	width: 1150px;
	margin: 0 auto;
	position: relative;
    max-width: 100%;
}

.scrlTp {
    background: #3c3c3c none repeat scroll 0 0;
    border-radius: 6px;
    bottom: 20px;
    box-shadow: 1px 1px 1px #555555 inset;
    cursor: pointer;
    height: 30px;
    display: none;
    position: fixed;
    right: 20px;
    width: 30px;
	font-size: 20px;
	text-align: center;
	line-height: 30px;
	color: #FFFFFF !important;
	text-decoration: none;
}
.scrlTp:hover { text-decoration: none; }

#content img { max-width: 100%; }
.vorlage_beschreibungliste { padding-left: 28px; }
.vorlage_description { font-size: 15px; line-height: 24px; }

#content { width: 100%; height: calc(100% - 125px); background: #F8F8F8; padding-top: 40px;  }

/* Inhaltscontainer bis zum unteren Rand und ohne vertikalen Scrollbalken
  Anm.: Karte wird damit nicht angezeigt. */
.noPTNormal { padding-top: 0 !important; height: calc(100% - 75px) !important; overflow: visible !important; }

/* Inhaltscontainer bei Karte */
.noPTMap { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; }

::selection { background: #3498db; color: #dedede; }
::-moz-selection { background: #3498db; color: #dedede; }

/* Google Map */
#map-canvas { height: 100% !important; width: 100% !important; position: absolute !important; left: 0; top: 0; }

#logoContainer img { height: 59px; padding: 8px; width: 87px; }

/* Slider */

#slidebox3 {
	width: 100%;
	position: relative;
	min-height: 100% !important;
	z-index: 1;
	overflow: hidden;}

.ls-bg { background-repeat: no-repeat !important; background-attachment: fixed !important; background-position: center !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    }

/* Slider Startseite */
.ls-s { color: #9b9b9b; font-size: 20px; line-height: 32px; }

#slidebox3 a {
	text-decoration: none;
	color: #9b9b9b;
}

#slidebox3 a:hover {
	text-decoration: underline;
	color: #92B5C7;
}

/* Slider-Navigationsleiste mittig im unteren Fensterrand ausrichten */
.ls-bottom-slidebuttons {
	/* Mit Position fixed wird im IE11 das Menu gelegentlich ausgeblendet */
	/* position: fixed !important; 	
	bottom: 150px;
	left: 0;
	*/
	
	width: 100%;	
	text-align: center !important;
	display: block;
	/* Damit Punkte mittig zum Kreis ausgerichtet sind */
	margin-left: 20px;
	
	/* Ausrichtung der Punkte. Fuer IE 11 position relative noetig */
	position: relative !important;
	bottom: 220px !important;
	/* verschiebt die Punkte leicht mittig 
	margin-left: 0px important; */
}

/* Slider-Navigationsleiste mittig im unteren Fensterrand ausrichten */
.ls-bottom-slidebuttons {
	margin-left: 30px;
	bottom: 40px;

	/*
	position: absolute !important;
	bottom: 280px;
	left: 48%; */
}

.ls-bottom-slidebuttons a.ls-nav-active {  }
.ls-bottom-slidebuttons a {
	/* Slider Buttons als Punkte ausgeben */
	width: 16px !important;
	height: 16px !important;
	background-color: #aaa;
	background-image: none !important;
	margin: 0 4px;
	border-radius: 50%;
}

.ls-bottom-slidebuttons a:hover { background: #666; }

.ls-nav-active { background: #2C3E50 !important; }

.sliderTitle {
	text-align: center;
	color: #555555;
	line-height: 34px;
	text-transform: uppercase;
	font-size: 34px;
	font-weight: bold;
	border-bottom: 1px solid #9b9b9b;
	margin-top: 80px; /* 34 */
	padding-bottom: 20px;
}

/*  */

.sliderEntry {
	display: inline-block;
	background: rgba(255, 255, 255, .85);
	/* Kreis um Text */
	border-radius: 50%;
	width: 400px !important;
	height: 400px !important;
	padding: 70px;
	text-align: center;
	/* position: absolute !important; */
	top: 42% !important; /* 50 */
	left: 50% !important;
	margin: -235px 0 0 -250px !important; }

.sliderDescription {
  clear: both !important;
}

#impressum_i { display: inline-block; float: right; height: 75px; text-align: center; width: 75px; }
#impressum_i > a { display: block; }
#impressum_i > a > i { display: block; line-height: 75px; }


#startPage_Contact { display: none; background: #ffffff; bottom: 0; position: fixed; height: 200px; /*position: absolute;*/ width: 100%; z-index: 1; text-align: center; }
#startPage_Contact span { color: #92B5C7; }
#gMap_Find { width: 95%; border: none; cursor: pointer; background: #92b5c7; color: #FFF; text-transform: uppercase; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); font-size: 12px; letter-spacing: 1px; padding: 12px;
	transition: background 0.2s ease 0s;
	-moz-transition: background 0.2s ease 0s;
	-webkit-transition: background 0.2s ease 0s;
	-o-transition: background 0.2s ease 0s; }
#gMap_Find:hover { background: #709EB6; }
#phone { color: #9b9b9b !important; padding: 15px !important; }
#startPage_Contact > span { display: block; padding: 2px; }
#startPage_Contact > span:first-child { margin-top: 15px; }

/* Menu */
#navi-menu { display: block; }
#menuBtn { display: none; }

/* Content */
#cms_inhaltsbereich { }
#conContainer { position: absolute; bottom: 0; right: 0; background: #FFF; width: 250px; text-align: center;  padding-bottom: 16px; }
#conContainer .conText { display: block; color: #424242; line-height: 32px; }
#conContainer .conText a { color: #424242 !important; line-height: 16px !important; text-decoration: none !important;}
#conContainer > div:first-child { margin: 28px 0; }
#conContainer > div:nth-child(2) { margin: 28px 0; }
#conContainer .conTitle {
	display: block;
	color: #92B5C7;
	font-size: 18px;
	letter-spacing: 5px;
	margin-bottom: 20px; }
#conContainer .conTitleMain { color: #92B5C7 !important; font-size: 18px !important; letter-spacing: 5px; margin-bottom: 20px; display: inline-block; }

.onePageLayoutFirst,
.onePageLayoutMiddle,
.onePageLayoutLast { /*height: 100%;*/ }

.onePageLayoutFirst { /*height: calc(100% - 75px);*/ }

.onePageLayoutFirst { background: #F8F8F8; }
.onePageLayoutMiddle { background: #FFFFFF; }
.onePageLayoutLast { background: #F8F8F8; }

#vorlageEntryBackgroundId { margin: 0 auto; }

#cms_seiteninhalt > div > div > span { color: #FFF; font-size: 14px; line-height: 24px; }
#cms_seiteninhalt > div > span { color: #FFF; font-size: 14px; line-height: 24px; }
/*#cms_seiteninhalt > div > span > span { color: #FFF; font-size: 14px; line-height: 24px; }
#cms_seiteninhalt > div > div > span > span { color: #FFF; font-size: 14px; line-height: 24px; }*/

/* Because potato? */
#cms_seiteninhalt > div > div:first-child { /* margin: 0 auto; */ }

#cms_seiteninhalt > div > div > span:nth-child(2) { color: #424242; }
.onePageLayoutMiddle > #cms_inhaltsbereich > #cms_seiteninhalt > div > div > span { color: #424242; }

.vorlage_description > div { color: #555555 !important; }
.vorlage_titel { color: #92B5C7 !important; }



/*.vorlage_entry { position: absolute; top: 100px; }*/
.vorlageZurueckDetail { position: absolute; top: 85px; }
.vorlageDetailContentWrapper {
	position: absolute;
	top: 100px;
}

/*.vorlage_entry { width: 325px; height: 217px; }*/
/*
.vorlage_column1Cols3, .vorlage_column2Cols3, .vorlage_column3Cols3 { display: inline-block; }
.vorlage_columnendeMulti2Cols3 { display: none; }
*/

/*
.onePageLayoutFirst > #cms_inhaltsbereich { margin-top: 75px; }
*/

#vidDiv { height: 300px; width: 100%; text-align: center; }
#cms_seiteninhalt iframe { margin: 0 5px; }

/* Footer */
#footerBtn { cursor: pointer; position: fixed; bottom: 0; z-index: 2; width: 30px; height: 30px; background: #FFF; font-size: 20px; text-align: center; margin-left: 50px; }
#footerBtn > i { color: #92B5C7; line-height: 29px; display: block;
    -webkit-transition: .6s transform ease;
    -moz-transition: .6s transform ease;
    -o-transition: .6s transform ease;
    transition: .6s transform ease; }
#insideFooter { width: 100%; background: #FFF; height: 100px; }
/*#insideFooter a { text-decoration: none; margin-right: 30px; color: #92B5C7; line-height: 100px; margin-left: 30px; }*/
#insideFooter a:hover {  background: #ecf0f1; }
footer { display: none; position: absolute; bottom: -150px; z-index: 2; height: 150px; background: #FFF; width: 100%;}

#footer { width: 100%; height: 50px; background-color: white; position: fixed; }
#footer #footerLeft { width: 40%; float: left; display: inline-block; }
#footer #footerLeft img { width: 35px !important; height: 35px !important; position: relative; top: 8px; margin-right: -10px;}
#footer #footerLeft a { line-height: 50px; margin: 0; padding: 0; }
#footer #footerRight { width: 60%; display: inline-block; }
#footer #footerRight #g-plusone { max-width: 65px !important; }
#footer #footerRight #___plusone_0 { max-width: 65px !important; }
#footer #footerRight #footerRightMargin { margin: 15px 5px 15px 15px; float: right; } 

/* Facebook timeline */
#facebookNews { position: absolute; top: 85px; right: 0px; }

.onePageLayoutLast > #cms_inhaltsbereich > #cms_seiteninhalt > div > h2 > span > a { display: inline-block; }
.onePageLayoutLast > #cms_inhaltsbereich > #cms_seiteninhalt > div > h2 > span > a:hover {  }

.vorlage_pictureBlock > a > img { }
.vorlage_pictureBlock > a > img:hover {  }

/**/
/*.vorlage_list { top: 100px;  width: calc(100% - 20px) !important; text-align: center; left: 50%;
    transform: translate(-50%, 0px);
    width: 555px !important;}*/

/*
.vorlage_column1Cols2 { width: 205px !important; }
.vorlage_column2Cols2 { width: 205px !important; }

.vorlage_column1Cols1 { width: 1150px !important; margin: 0 auto; }
*/

.onePageLayoutFirst > #cms_inhaltsbereich > #cms_seiteninhalt > div > div div { color: #ffffff;
	font-size: 14px;
	line-height: 19px; }
.onePageLayoutLast > #cms_inhaltsbereich > .vorlage_list  { top: 550px; }

.onePageLayoutFirst ul { color: #FFF; }
.onePageLayout #cms_inhaltsbereich { padding: 150px 0; }
.vorlage_list { text-align: center; margin: 0 auto !important; }
#cms_seiteninhalt > div:first-child { width: 1150px; margin: 0 auto; max-width: 100%; }
/*.onePageLayoutFirst > #cms_inhaltsbereich > #cms_seiteninhalt > div:first-child { width: 100% !important; }*/
#insideFooter > div > a { float: right; margin-right: 30px }
#insideFooter > div { margin-left: 30px; }
#insideFooter a { text-decoration: none; }

#onePageLayout301 { background-color: #92B5C7 !important; background: url("/CFDOCS/cms/admin/download.cfm?FileID=993&GroupID=115") no-repeat center center fixed; }

.galleryHomeList {
    margin: 0 auto;
    width: 551px;
}

.galleryHomeListEntry {
    display: inline-block;
}
.menutitlea  { background: #F8F8F8; }
.menutitle-firsta { background: #F8F8F8; }
.menutitle-lasta { background: #F8F8F8; }
/*
.onePageLayout  .vorlage_pictureBlock {
    text-align: center;
}
*/

.l_Container { background: rgba(255, 255, 255, .79); height: 125px; position: relative; top: -15px; width: 555px;
	-moz-transition: top .4s ease;
	-webkit-transition: top .4s ease;
	-o-transition: top .4s ease;
	transition: top .4s ease; }
.l_Titel { color: #424242; padding: 20px 0 0 15px; }
.l_Image { height: 307px; overflow: hidden; }
.l_Image:hover > .l_Container { top: -136px; }

.fi_Container { background: rgba(146, 181, 199, .79); height: 125px; position: relative; top: -15px; width: 555px;
    -moz-transition: top .4s ease;
    -webkit-transition: top .4s ease;
    -o-transition: top .4s ease;
    transition: top .4s ease; }
.fi_Titel { color: #f8f8f8; padding: 20px 0 0 15px; }
.fi_Image { height: 307px; overflow: hidden; }
.fi_Image:hover > .fi_Container { top: -136px; }

.ev_Container { background: rgba(146, 181, 199, .79); height: 125px; position: relative; top: -15px; width: 555px;
    -moz-transition: top .4s ease;
    -webkit-transition: top .4s ease;
    -o-transition: top .4s ease;
    transition: top .4s ease; }
.ev_Titel { color: #f8f8f8; padding: 20px 0 0 15px; }
.ev_Image { height: 307px; overflow: hidden; }
.ev_Image:hover > .ev_Container { top: -136px; }


#vorlage_image_left { border-radius: 50%; height: 180px; width: 180px; }
.onePageLayout #vorlage_image_left { border-radius: 0; height: auto; width: auto; }

.galleryContainer { margin-top: 90px; }

#scrollTopBtn { z-index: 2; display: none; background: rgba(20, 20, 20, 0.7); border-radius: 4px; bottom: 15px; cursor: pointer; height: 45px; position: fixed; right: 15px; text-align: center; width: 45px; line-height: 45px; }
#scrollTopBtn i { color: #FFF; font-size: 25px; line-height: 45px; }


/* Breite Container fuer News setzen, damit zentriert */
#vorlageListContainer297 {
	width: 1000px;
	padding-left: 0px;
}

/* Breite der Eintrage fuer Zeitzeugen setzen, damit Eintraege nicht zu nahe beieinander */
#vorlageListContainer363 .vorlage_entry {
	width: 250px;
}

/* Breite jke Seite, damit Vorlagenseiten, wie Kundenlogos, News, Team, korrekt umbrechen */
@media all and (max-width: 1150px) {
	/* Trennlinie ausblenden */
	.vorlage_entrySeparator {
		display: none;
	}

	/* Standard Zeilenumbruch deaktivieren */
	.vorlage_columnende {
	  display: none ! important;
	}

	/* Vorlagenseite mit 2 Spalten: 2 Spalte in einer Zeile */
	/*
	.vorlage_column1Cols2 {
		width: 47% ! important;
		margin-right: 5px ! important;
	}

	.vorlage_column2Cols2 {
		width: 47% ! important;
		margin-right: 5px ! important;
	} */


	/* Vorlagenseite mit 2 Spalten: nur noch 1 Spalten in einer Zeile
		Anm.: wg. 555px Bildern, passt nur noch 1 Eintrag */

	/* Breite Container fuer Arbeit - Filmproduktion setzen, damit zentriert */
	#vorlageListContainer295 {
		width: 570px;
		padding-left: 0px;
	}

	/* Breite Container fuer Arbeit - Filmproduktion setzen, damit zentriert */
	#vorlageListContainer306 {
		width: 570px;
		padding-left: 0px;
	}

	/* Breite Container fuer Arbeit - Events setzen, damit zentriert */
	#vorlageListContainer307 {
		width: 570px;
		padding-left: 0px;
	}

	.vorlage_column1Cols2 {
		width: 100% ! important;
		/* margin-right: 5px ! important; */
	}

	.vorlage_column2Cols2 {
		width: 100% ! important;
		/* margin-right: 5px ! important; */
	}

	/* Vorlagenseite mit 2 Spalten: Zeilenumbruch nach 2. Spalte aktivieren */
	.vorlage_columnendeMulti2Cols2 {
	  display: block ! important;
	}

	/* Vorlagenseite mit 3 Spalten: nur noch 2 Spalten in einer Zeile */

	/* Breite Container fuer Kundenlogos setzen, damit zentriert */
	#vorlageListContainer302 {
		width: 600px;
		padding-left: 10%;
	}

	.vorlage_column1Cols3 {
		width: 47% ! important;
		margin-right: 5px ! important;
	}

	.vorlage_column2Cols3 {
		width: 47% ! important;
		margin-right: 5px ! important;
	}

	.vorlage_column3Cols3 {
		width: 47% ! important;
		margin-right: 5px ! important;
	}

	/* Vorlagenseite mit 3 Spalten: Zeilenumbruch nach 3. Spalte deaktivieren */
	.vorlage_columnendeMulti3Cols3 {
	  display: none ! important;
	}

	/* Vorlagenseite mit 3 Spalten: Zeilenumbruch nach 2. Spalte aktivieren */
	.vorlage_columnendeMulti2Cols3 {
	  display: block ! important;
	}

	/* Vorlagenseite mit 4 Spalten: nur noch 3 Spalten in einer Zeile */
	.vorlage_column1Cols4 {
		width: 30% ! important;
		margin-right: 9px ! important;
	}

	.vorlage_column2Cols4 {
		width: 30% ! important;
		margin-right: 9px ! important;
	}

	.vorlage_column3Cols4 {
		width: 30% ! important;
		margin-right: 9px ! important;
	}

	.vorlage_column4Cols4 {
		width: 30% ! important;
		margin-right: 9px ! important;
	}

	/* Vorlagenseite mit 4 Spalten: Zeilenumbruch nach 3. Spalte aktivieren */
	.vorlage_columnendeMulti3Cols4 {
	  display: block ! important;
	}

	/* Vorlagenseite mit 4 Spalten: Zeilenumbruch nach 2. Spalte deaktivieren */
	.vorlage_columnendeMulti2Cols4 {
	  display: none ! important;
	}
}

/* Anpassen auf Breite jke Seite, damit Vorlagenseite Team und Referenzen korrekt umbricht */
@media all and (max-width: 600px) {
	/* Standard Zeilenumbruch deaktivieren */
	.vorlage_columnende {
	  display: none ! important;
	}

    /* Vorlagenseite mit 2 Spalten: nur noch 1 Spalten in einer Zeile */

	.vorlage_column1Cols2 {
		width: 100% ! important;
		margin-right: 5px ! important;
	}

	.vorlage_column2Cols2 {
		width: 100% ! important;
		margin-right: 5px ! important;
	}

	/* Vorlagenseite mit 3 Spalten: nur noch 1 Spalten in einer Zeile */

	/* Breite Container fuer Kundenlogos setzen, damit zentriert */
	#vorlageListContainer302 {
		width: 200px;
		padding-left: 0px;
	}

	.vorlage_column1Cols3 {
		width: 100% !important;
	}

	.vorlage_column2Cols3 {
		width: 100% !important;
	}

	.vorlage_column3Cols3 {
		width: 100% !important;
	}

	/* Vorlagenseite mit 4 Spalten: nur noch 2 Spalten in einer Zeile */
	.vorlage_column1Cols4 {
		width: 47% ! important;
		margin-right: 5px ! important;
	}

	.vorlage_column2Cols4 {
		width: 47% ! important;
		margin-right: 5px ! important;
	}

	.vorlage_column3Cols4 {
		width: 47% ! important;
		margin-right: 5px ! important;
	}

	.vorlage_column4Cols4 {
		width: 47% ! important;
		margin-right: 5px ! important;
	}

	/* Vorlagenseite mit 4 Spalten: Zeilenumbruch nach 3. Spalte deaktivieren */
	.vorlage_columnendeMulti3Cols4 {
        display: none ! important;
	}

	/* Vorlagenseite mit 4 Spalten: Zeilenumbruch nach 2. Spalte aktivieren */
	.vorlage_columnendeMulti2Cols4 {
        display: block ! important;
	}
}

@media all and (min-width: 2000px) {
    header { width: 700px; margin-left: 10%; }
}

@media all and (min-width: 1850px) {
  #logoContainer { margin-left: 100px; }
  #impressum_i > a > i { float: right; margin-right: 100px; }
}

@media all and (min-width: 791px) {
    /* Menu */
    header { height: 75px; width: 100%; background: #FFFFFF; position: absolute; top: 0; z-index: 2; position: relative; }
    header a { line-height: 75px; text-decoration: none; color: #92B5C7; font-family: 'Verdana', sans-serif;  }

    #logoContainer, #navContainer { display: inline-block; height: 75px; vertical-align: top; }

    #navi-menu { display: block; }
    #navi-menu { width: 100%; }
    #navi-menu > ul { width: 100%; margin: 0; }
    #navi-menu > ul > li { display: inline-block; height: 75px; width: 95px; text-align: center; }
    #navi-menu > ul > li > ul { display: none; }
    /*#navi-menu li:after { content: "|"; color: #ecf0f1; position: absolute; top: 27px; margin-left: 43px; }*/
    #navi-menu li:last-child:after { content: ""; }
    #navi-menu a { padding: 0 7px 0 7px; display: block;
		transition: color .2s ease ;
		-moz-transition: color .2s ease ;
		-webkit-transition: color .2s ease ;
		-o-transition: color .2s ease ; }
    #navi-menu a:hover { color: #718C9A; }
}

@media all and (min-width: 791px) {
	#navi-menu { display: block !important; }
}

@media all and (max-width: 1260px){
	#facebookNews { display: none; }
}

/* Wechsel zum Smartphone Menu
	iPhone 6 Querformat */
@media all and (max-width: 790px) {
    /* Global */
/*  */
    /* Menu */
    #menuBtn { display: block; height: 75px; width: 60px; text-align: center; float: right; cursor: pointer; line-height: 75px; }
    #menuBtn > i { font-size: 33px; line-height: 75px; }

    header { position: relative; height: 75px; width: 100%; background: #FFFFFF; top: 0; z-index: 2; }
    header a { line-height: 75px; text-decoration: none; color: #92B5C7; font-family: 'Verdana', sans-serif;  }

    #logoContainer { display: inline-block; height: 75px; vertical-align: top; }

    #navContainer { width: 100%;  position: absolute; top: 75px; width: 100%; z-index: 5; }
    #navi-menu { display: none; width: 100%; background: #FFF; }
    #navi-menu a { display: block; padding: 0 0 0 25px; }
    #navi-menu > ul { width: 100%; padding: 0; margin: 0; list-style: none; }
    #navi-menu > ul > li { width: 100%; display: block; border-bottom: 1px solid #dedede; cursor: pointer; line-height: 60px; }
    #navi-menu > ul > li > ul { display: none; }

    /* Map */
    #conContainer { width: 100%; position: absolute; bottom: 0; left: 0; }
    #conContainer > div { display: inline-block; margin: 0; margin-top: 5px; padding: 0; }
    #conContainer > div:first-child { display: block;  margin: 5px 0 0 0; padding-top: 15px !important; }
    #conContainer > div:nth-child(2) { margin: 5px 15px 0 0; }

	/* Footer */
	#footer { display: none; }
	
	/* Content */
	.vorlage_column1Cols1 { margin: 0 10px; width: auto !important; }
	.vorlageZurueckDetail { position: absolute; top: 85px; }

    .l_Container { top: -136px; }
    .fi_Container { top: -136px; }
    .ev_Container { top: -136px; }

	#vorlageListContainer306 { width: auto; padding: 0 10px; }
	#vorlageListContainer307 { width: auto; padding: 0 10px; }
	#vorlageListContainer296 { width: auto; padding: 0 10px; }
	/* Container fuer News mit variabler Breite und zentrieren */
	#vorlageListContainer297 { width: auto; padding: 0 10px; }

	.vorlageTemplateContainer { width: auto !important; padding: 0 10px; }

	.vorlage_picture { bottom: 0; left: 0; margin: auto; overflow: auto; right: 0; top: 0; }

	#startPage_Contact { display: block; }

	#slidebox3 {
		/* Hoehe auf kleinen Wert fixieren, damit oben und unten vom Hintergrundbild keine grauen Balken */
		min-height: 580px !important;
	}

	/* Slider verkleinern und hoeher positionieren */
	.sliderEntry {
		/* Positionierung fuer iPhone 5 und 6 Querformat*/
		top: 5% !important;
		margin-top: -141px !important;
		/* mehr nach links verschieben, damit zentriert */
		margin: 0px 0 0 -250px !important;
	}	
	
	#startPage_Contact {
		/* Exakte Hoehe der unteren Kontaktbox, damit mehr Platz fuer Slider bleibt */
		height: 160px;
	}

	/* Slider-Navigationsleiste mittig im unteren Fensterrand ausrichten */
	.ls-bottom-slidebuttons {
		margin-left: 0px;
	}

	.galleryImg {
		height: auto !important;
	}

    #impressum_i { display: none; }
}

/* iPhone 6 Hochformat */
@media all and (max-width: 550px) {
	/* Slider Startseite */
	#slidebox3 {
		/* Hoehe auf kleinen Wert fixieren, damit oben und unten vom Hintergrundbild keine grauen Balken */
		min-height: 350px !important;	
		/* Damit der Slider nicht zu tief beginnt */
		margin-top: -130px;	
	}
	
	#startPage_Contact {
		/* Exakte Hoehe der unteren Kontaktbox, damit mehr Platz fuer Slider bleibt */
		height: 160px;
	}
	
	/* ab 24.2.2016: Bild nach oben schieben, damit oberer Kreisrand nicht frei steht
		Anm.: ddddddddddddddd noch anpassen */
	/* .ls-slide .ls-bg { top: -100px; } */

	.ls-s { font-size: 15px; line-height: 20px; }

	.sliderTitle {
		line-height: 16px;
		font-size: 16px;
		margin-top: 40px;
	}

	/* Button-Navigation ausblenden */
	.ls-bottom-slidebuttons { display: none; }

	/* Slider verkleinern und hoeher positionieren */
	.sliderEntry {
		width: 250px !important;
		height: 250px !important;
		top: 41% !important;
		left: 77% !important;
		margin: -121px 0 0 -250px !important;
	}

	/* Hoehe des Bildhovers verkleinern */
	.l_Container { top: -77px; }
    .fi_Container { top: -77px; }
    .ev_Container { top: -77px; }

	.l_Image:hover > .l_Container { top: -77px; }
	.fi_Image:hover > .fi_Container { top: -77px; }
	.ev_Image:hover > .ev_Container { top: -77px; }

	/* Leute */
	.l_Container {
		height: 65px;
	}

	/* Titel bei Leute kleiner, da langer Text */
	.l_Titel {
		font-size: 10px !important;
		padding-top: 25px;
	}

	/* Arbeit Filmproduktion */
	.fi_Container {
		height: 65px;
	}

	/* Arbeit Events */
	.ev_Container {
		height: 65px;
	}

	.galleryImg {
		/* Ein Bild pro Zeile */
		width: 95% !important;
		margin: 0 auto !important;
		padding-left: 8px;
	}
}

/* iPhone 5 Hochformat */
@media all and (max-width: 370px) {
	/* Slider Startseite */
	#slidebox3 {
		/* Hoehe auf kleinen Wert fixieren, damit oben und unten vom Hintergrundbild keine grauen Balken */
		min-height: 350px !important;
		/* Damit der Slider nicht zu tief beginnt */
		margin-top: -100px;
	}
	
	#startPage_Contact {
		/* Exakte Hoehe der unteren Kontaktbox, damit mehr Platz fuer Slider bleibt */
		height: 160px;
	}

	/* Slider positionieren */
	.sliderEntry {
		top: 43% !important;
		left: 82% !important;
		margin: -121px 0 0 -250px !important;
	}
}