/* I. BODY ALL ------------------------------------------------------------------------------------------------------------all Ports*/ 
/* Elements und Container -------------------------------------------------------------------------------------------------all Ports*/ 
/* Bildeigenschaften: */
/* Input-Fields -----------------------------------------------------------------------------------------------------------all Ports*/
/* Scroll-to-top-Button ---------------------------------------------------------------------------------------------------all Ports*/
/* Site-Icons -------------------------------------------------------------------------------------------------------------all Ports*/
/* optional Colors --------------------------------------------------------------------------------------------------------all Ports*/
/* II. NAVIGATION -------------------------------------------------------------------------------------------------------------all Ports*/
/* Container Head (Top-Navigation) ----------------------------------------------------------------------------------------all Ports*/
/* Container Logo (Main-Navigation) ---------------------------------------------------------------------------------------all Ports*/
/* III. SECTION ARTICLE ---------------------------------------------------------------------------------------------------all Ports*/
/* 1 Kolumnen -------------------------------------------------------------------------------------------------------------all Ports*/
/* 2 Jumbotron ------------------------------------------------------------------------------------------------------------all Ports*/
/* 3 Blockquote -----------------------------------------------------------------------------------------------------------all Ports*/
/* 4 Tabs -----------------------------------------------------------------------------------------------------------------all Ports*/
/* 5 Toggle und Akkordeon -------------------------------------------------------------------------------------------------all Ports*/
/* 6 Galerie Personal	-----------------------------------------------------------------------------------------------------all Ports*/
/* 7 Big-Slider	Bootstrap -------------------------------------------------------------------------------------------------all Ports*/
/* 8 Content-Slider -------------------------------------------------------------------------------------------------------all Ports*/
/* 9 Image Slider Bootstrap -----------------------------------------------------------------------------------------------all Ports*/
/* 10 Modal-Fotogalerie ---------------------------------------------------------------------------------------------------all Ports*/
/* == global == */
/* == Galery == */
/* == Modal == */	
/* 11 Modal Auto-Overlay --------------------------------------------------------------------------------------------------all Ports*/
/* 12 Google-Map ----------------------------------------------------------------------------------------------------------all Ports*/
/* 13 Zeilenumbruch -------------------------------------------------------------------------------------------------------all Ports*/
/* 14 Absatz --------------------------------------------------------------------------------------------------------------all Ports*/
/* 15 Überschriften -------------------------------------------------------------------------------------------------------all Ports*/
/* 16 Liste ---------------------------------------------------------------------------------------------------------------all Ports*/
/* 17 Button --------------------------------------------------------------------------------------------------------------all Ports*/
/* 18 Divider -------------------------------------------------------------------------------------------------------------all Ports*/
/* 19 Initiale ------------------------------------------------------------------------------------------------------------all Ports*/
/* IV. CONTAINER FOOTER + ENDPAGE ------------------------------------------------------------------------------------------all Ports*/












/* ===-------------------------------------------------------------------------------------------------------------------------- */
/* === START DER CUSTOM STYLES FÜR ANGEPASSTE VIEWPORTS!!!!!!
/* ===-------------------------------------------------------------------------------------------------------------------------- */

/* === Maximal 575.97px breit Small devices (landscape phones, 575.97px and up) */
@media (max-width: 575.97px)  { 
/* I. BODY ALL ------------------------------------------------------------------------------------------------------------max576*/ 
/* Elements und Container -------------------------------------------------------------------------------------------------max576*/ 
/* Input-Fields -----------------------------------------------------------------------------------------------------------max576*/
/* Scroll-to-top-Button ---------------------------------------------------------------------------------------------------max576*/
/* Site-Icons -------------------------------------------------------------------------------------------------------------max576*/
/* optional Colors --------------------------------------------------------------------------------------------------------max576*/
/* II. NAVIGATION ---------------------------------------------------------------------------------------------------------max576*/
/* Container Head (Top-Navigation) ----------------------------------------------------------------------------------------max576*/
/* Container Logo (Main-Navigation) ---------------------------------------------------------------------------------------max576*/
/* III. SECTION ARTICLE ---------------------------------------------------------------------------------------------------max576*/
/* 1 Kolumnen -------------------------------------------------------------------------------------------------------------max576*/
/* 2 Jumbotron ------------------------------------------------------------------------------------------------------------max576*/
/* 3 Blockquote -----------------------------------------------------------------------------------------------------------max576*/	
/* 4 Tabs -----------------------------------------------------------------------------------------------------------------max576*/
/* 5 Toggle und Akkordeon -------------------------------------------------------------------------------------------------max576*/
/* 6 Galerie Personal	-----------------------------------------------------------------------------------------------------max576*/
/* 7 Big-Slider	Bootstrap -------------------------------------------------------------------------------------------------max576*/
/* 8 Content-Slider -------------------------------------------------------------------------------------------------------max576*/
/* 9 Image Slider Bootstrap -----------------------------------------------------------------------------------------------max576*/
/* 10 Modal-Fotogalerie ---------------------------------------------------------------------------------------------------max576*/
/* 11 Modal Auto-Overlay --------------------------------------------------------------------------------------------------max576*/
/* 12 Google-Map ----------------------------------------------------------------------------------------------------------max576*/
/* 13 Zeilenumbruch -------------------------------------------------------------------------------------------------------max576*/
/* 14 Absatz --------------------------------------------------------------------------------------------------------------max576*/
/* 15 Überschriften -------------------------------------------------------------------------------------------------------max576*/
/* 16 Liste ---------------------------------------------------------------------------------------------------------------max576*/
/* 17 Button --------------------------------------------------------------------------------------------------------------max576*/
/* 18 Divider -------------------------------------------------------------------------------------------------------------max576*/
/* 19 Initiale ------------------------------------------------------------------------------------------------------------max576*/
/* IV. CONTAINER FOOTER + ENDPAGE -----------------------------------------------------------------------------------------max576*/
} 

/* === Mindestens 575.98px breit Small devices (landscape phones, 575.98px and up) */
@media (min-width: 575.98px)  {  
/* I. BODY ALL ------------------------------------------------------------------------------------------------------------min576*/ 
/* Elements und Container -------------------------------------------------------------------------------------------------min576*/ 
/* Input-Fields -----------------------------------------------------------------------------------------------------------min576*/
/* Scroll-to-top-Button ---------------------------------------------------------------------------------------------------min576*/
/* Site-Icons -------------------------------------------------------------------------------------------------------------min576*/
/* optional Colors --------------------------------------------------------------------------------------------------------min576*/
/* II. NAVIGATION ---------------------------------------------------------------------------------------------------------min576*/
/* Container Head (Top-Navigation) ----------------------------------------------------------------------------------------min576*/
/* Container Logo (Main-Navigation) ---------------------------------------------------------------------------------------min576*/
/* III. SECTION ARTICLE ---------------------------------------------------------------------------------------------------min576*/
/* 1 Kolumnen -------------------------------------------------------------------------------------------------------------min576*/
/* 2 Jumbotron ------------------------------------------------------------------------------------------------------------min576*/
/* 3 Blockquote -----------------------------------------------------------------------------------------------------------min576*/
/* 4 Tabs -----------------------------------------------------------------------------------------------------------------min576*/
/* 5 Toggle und Akkordeon -------------------------------------------------------------------------------------------------min576*/
/* 6 Galerie Personal	-----------------------------------------------------------------------------------------------------min576*/
/* 7 Big-Slider	Bootstrap -------------------------------------------------------------------------------------------------min576*/
/* 8 Content-Slider -------------------------------------------------------------------------------------------------------min576*/
/* 9 Image Slider Bootstrap -----------------------------------------------------------------------------------------------min576*/
/* 10 Modal-Fotogalerie ---------------------------------------------------------------------------------------------------min576*/
/* 11 Modal Auto-Overlay --------------------------------------------------------------------------------------------------min576*/
/* 12 Google-Map ----------------------------------------------------------------------------------------------------------min576*/
/* 13 Zeilenumbruch -------------------------------------------------------------------------------------------------------min576*/
/* 14 Absatz --------------------------------------------------------------------------------------------------------------min576*/
/* 15 Überschriften -------------------------------------------------------------------------------------------------------min576*/
/* 16 Liste ---------------------------------------------------------------------------------------------------------------min576*/
/* 17 Button --------------------------------------------------------------------------------------------------------------min576*/
/* 18 Divider -------------------------------------------------------------------------------------------------------------min576*/
/* 19 Initiale ------------------------------------------------------------------------------------------------------------min576*/
/* IV. CONTAINER FOOTER + ENDPAGE -----------------------------------------------------------------------------------------min576*/
}

/* === Maximal 767.98px breit // Medium devices (tablets, 767.98px and up) */
@media (max-width: 767.98px) { 
/* 1 Kolumnen -------------------------------------------------------------------------------------------------------------max768*/
}

/* === Mindestens 767.98px breit // Medium devices (tablets, 767.98px and up) */
@media (min-width: 767.98px) { 	
/* I. BODY ALL ------------------------------------------------------------------------------------------------------------min768*/ 
/* Elements und Container -------------------------------------------------------------------------------------------------min768*/ 
/* Input-Fields -----------------------------------------------------------------------------------------------------------min768*/
/* Scroll-to-top-Button ---------------------------------------------------------------------------------------------------min768*/
/* Site-Icons -------------------------------------------------------------------------------------------------------------min768*/
/* optional Colors --------------------------------------------------------------------------------------------------------min768*/
/* II. NAVIGATION ---------------------------------------------------------------------------------------------------------min768*/
/* Container Head (Top-Navigation) ----------------------------------------------------------------------------------------min768*/
/* Container Logo (Main-Navigation) ---------------------------------------------------------------------------------------min768*/
/* III. SECTION ARTICLE ---------------------------------------------------------------------------------------------------min768*/
/* 1 Kolumnen -------------------------------------------------------------------------------------------------------------min768*/
/* .colwrap-all-bg --> mit Hintergrund,	.colwrap-all	--> ohne Hintergrund, .colwrap	--> für Fotos	*/
/* 2 Jumbotron ------------------------------------------------------------------------------------------------------------min768*/
/* 3 Blockquote -----------------------------------------------------------------------------------------------------------min768*/
/* 4 Tabs -----------------------------------------------------------------------------------------------------------------min768*/
/* 5 Toggle und Akkordeon -------------------------------------------------------------------------------------------------min768*/
/* 6 Galerie Personal	-----------------------------------------------------------------------------------------------------min768*/
/* 7 Big-Slider	Bootstrap -------------------------------------------------------------------------------------------------min768*/
/* 8 Content-Slider -------------------------------------------------------------------------------------------------------min768*/
/* 9 Image Slider Bootstrap -----------------------------------------------------------------------------------------------min768*/
/* 10 Modal-Fotogalerie ---------------------------------------------------------------------------------------------------min768*/
/* 11 Modal Auto-Overlay --------------------------------------------------------------------------------------------------min768*/
/* 12 Google-Map ----------------------------------------------------------------------------------------------------------min768*/
/* 13 Zeilenumbruch -------------------------------------------------------------------------------------------------------min768*/
/* 14 Absatz --------------------------------------------------------------------------------------------------------------min768*/
/* 15 Überschriften -------------------------------------------------------------------------------------------------------min768*/
/* 16 Liste ---------------------------------------------------------------------------------------------------------------min768*/
/* 17 Button --------------------------------------------------------------------------------------------------------------min768*/
/* 18 Divider -------------------------------------------------------------------------------------------------------------min768*/
/* 19 Initiale ------------------------------------------------------------------------------------------------------------min768*/
/* IV. CONTAINER FOOTER + ENDPAGE -----------------------------------------------------------------------------------------min768*/
}

/* === Maximal 991.97px breit // Medium devices (tablets, 991.97px and up); Umschaltpunkt der Collapesed-Navigation */ 
@media (max-width: 991.97px) {	
/* I. BODY ALL ------------------------------------------------------------------------------------------------------------max992*/ 
/* Elements und Container -------------------------------------------------------------------------------------------------max992*/ 
/* Input-Fields -----------------------------------------------------------------------------------------------------------max992*/
/* Scroll-to-top-Button ---------------------------------------------------------------------------------------------------max992*/
/* Site-Icons -------------------------------------------------------------------------------------------------------------max992*/
/* optional Colors --------------------------------------------------------------------------------------------------------max992*/
/* II. NAVIGATION ---------------------------------------------------------------------------------------------------------max992*/
/* Container Head (Top-Navigation) ----------------------------------------------------------------------------------------max992*/
/* Container Logo (Main-Navigation) ---------------------------------------------------------------------------------------max992*/
/* !!! Toggle Navigation bis hier sichtbar */
/* III. SECTION ARTICLE ---------------------------------------------------------------------------------------------------max992*/
/* 1 Kolumnen -------------------------------------------------------------------------------------------------------------max992*/
/* 2 Jumbotron ------------------------------------------------------------------------------------------------------------max992*/
/* 3 Blockquote -----------------------------------------------------------------------------------------------------------max992*/
/* 4 Tabs -----------------------------------------------------------------------------------------------------------------max992*/
/* 5 Toggle und Akkordeon -------------------------------------------------------------------------------------------------max992*/
/* 6 Galerie Personal	-----------------------------------------------------------------------------------------------------max992*/
/* 7 Big-Slider	Bootstrap -------------------------------------------------------------------------------------------------max992*/
/* 8 Content-Slider -------------------------------------------------------------------------------------------------------max992*/
/* 9 Image Slider Bootstrap -----------------------------------------------------------------------------------------------max992*/
/* 10 Modal-Fotogalerie ---------------------------------------------------------------------------------------------------max992*/
/* 11 Modal Auto-Overlay --------------------------------------------------------------------------------------------------max992*/
/* 12 Google-Map ----------------------------------------------------------------------------------------------------------max992*/
/* 13 Zeilenumbruch -------------------------------------------------------------------------------------------------------max992*/
/* 14 Absatz --------------------------------------------------------------------------------------------------------------max992*/
/* 15 Überschriften -------------------------------------------------------------------------------------------------------max992*/
/* 16 Liste ---------------------------------------------------------------------------------------------------------------max992*/
/* 17 Button --------------------------------------------------------------------------------------------------------------max992*/
/* 18 Divider -------------------------------------------------------------------------------------------------------------max992*/
/* 19 Initiale ------------------------------------------------------------------------------------------------------------max992*/
/* IV. CONTAINER FOOTER + ENDPAGE -----------------------------------------------------------------------------------------max992*/
}

/* === Mindestens 991.98px breit // Medium devices (tablets, 991.98px and up) */ 
@media (min-width: 991.98px) {	
/* I. BODY ALL ------------------------------------------------------------------------------------------------------------min992*/ 
/* Elements und Container -------------------------------------------------------------------------------------------------min992*/ 
/* Input-Fields -----------------------------------------------------------------------------------------------------------min992*/
/* Scroll-to-top-Button ---------------------------------------------------------------------------------------------------min992*/
/* Site-Icons -------------------------------------------------------------------------------------------------------------min992*/
/* optional Colors --------------------------------------------------------------------------------------------------------min992*/
/* II. NAVIGATION ---------------------------------------------------------------------------------------------------------min992*/
/* Container Head (Top-Navigation) ----------------------------------------------------------------------------------------min992*/
/* Container Logo (Main-Navigation) ---------------------------------------------------------------------------------------min992*/
/* !!! Main Navigation ab hier sichtbar */
/* III. SECTION ARTICLE ---------------------------------------------------------------------------------------------------min992*/
/* 1 Kolumnen -------------------------------------------------------------------------------------------------------------min992*/
/* 2 Jumbotron ------------------------------------------------------------------------------------------------------------min992*/
/* 3 Blockquote -----------------------------------------------------------------------------------------------------------min992*/
/* 4 Tabs -----------------------------------------------------------------------------------------------------------------min992*/
/* 5 Toggle und Akkordeon -------------------------------------------------------------------------------------------------min992*/
/* 6 Galerie Personal	-----------------------------------------------------------------------------------------------------min992*/
/* 7 Big-Slider	Bootstrap -------------------------------------------------------------------------------------------------min992*/
/* 8 Content-Slider -------------------------------------------------------------------------------------------------------min992*/
/* 9 Image Slider Bootstrap -----------------------------------------------------------------------------------------------min992*/
/* 10 Modal-Fotogalerie ---------------------------------------------------------------------------------------------------min992*/
/* 11 Modal Auto-Overlay --------------------------------------------------------------------------------------------------min992*/
/* 12 Google-Map ----------------------------------------------------------------------------------------------------------min992*/
/* 13 Zeilenumbruch -------------------------------------------------------------------------------------------------------min992*/
/* 14 Absatz --------------------------------------------------------------------------------------------------------------min992*/
/* 15 Überschriften -------------------------------------------------------------------------------------------------------min992*/
/* 16 Liste ---------------------------------------------------------------------------------------------------------------min992*/
/* 17 Button --------------------------------------------------------------------------------------------------------------min992*/
/* 18 Divider -------------------------------------------------------------------------------------------------------------min992*/
/* 19 Initiale ------------------------------------------------------------------------------------------------------------min992*/
/* IV. CONTAINER FOOTER + ENDPAGE -----------------------------------------------------------------------------------------min992*/
}


/* === Mindestens 1199.98px breit // Extra large devices (large desktops, 1199.98px and up) */
@media (min-width: 1199.98px) { 	
/* I. BODY ALL ------------------------------------------------------------------------------------------------------------min1200*/ 
/* Elements und Container -------------------------------------------------------------------------------------------------min1200*/ 
/* Input-Fields -----------------------------------------------------------------------------------------------------------min1200*/
/* Scroll-to-top-Button ---------------------------------------------------------------------------------------------------min1200*/
/* Site-Icons -------------------------------------------------------------------------------------------------------------min1200*/
/* optional Colors --------------------------------------------------------------------------------------------------------min1200*/
/* II. NAVIGATION ---------------------------------------------------------------------------------------------------------min1200*/
/* Container Head (Top-Navigation) ----------------------------------------------------------------------------------------min1200*/
/* Container Logo (Main-Navigation) ---------------------------------------------------------------------------------------min1200*/
/* III. SECTION ARTICLE ---------------------------------------------------------------------------------------------------min1200*/
/* 1 Kolumnen -------------------------------------------------------------------------------------------------------------min1200*/
/* 2 Jumbotron ------------------------------------------------------------------------------------------------------------min1200*/
/* 3 Blockquote -----------------------------------------------------------------------------------------------------------min1200*/
/* 4 Tabs -----------------------------------------------------------------------------------------------------------------min1200*/
/* 5 Toggle und Akkordeon -------------------------------------------------------------------------------------------------min1200*/
/* 6 Galerie Personal	-----------------------------------------------------------------------------------------------------min1200*/
/* 7 Big-Slider	Bootstrap -------------------------------------------------------------------------------------------------min1200*/
/* 8 Content-Slider -------------------------------------------------------------------------------------------------------min1200*/
/* 9 Image Slider Bootstrap -----------------------------------------------------------------------------------------------min1200*/
/* 10 Modal-Fotogalerie ---------------------------------------------------------------------------------------------------min1200*/
/* 11 Modal Auto-Overlay --------------------------------------------------------------------------------------------------min1200*/
/* 12 Google-Map ----------------------------------------------------------------------------------------------------------min1200*/
/* 13 Zeilenumbruch -------------------------------------------------------------------------------------------------------min1200*/
/* 14 Absatz --------------------------------------------------------------------------------------------------------------min1200*/
/* 15 Überschriften -------------------------------------------------------------------------------------------------------min1200*/
/* 16 Liste ---------------------------------------------------------------------------------------------------------------min1200*/
/* 17 Button --------------------------------------------------------------------------------------------------------------min1200*/
/* 18 Divider -------------------------------------------------------------------------------------------------------------min1200*/
/* 19 Initiale ------------------------------------------------------------------------------------------------------------min1200*/
/* IV. CONTAINER FOOTER + ENDPAGE -----------------------------------------------------------------------------------------min1200*/
}










/* ============================================================================================================================ */
/* ÜBERSICHT FÜR ALLE IM THEME VERWENDETEN VIEWPORTS!!!!!!
/* ============================================================================================================================ */




@media (max-width: 575.97px)  { 
/* I. BODY ALL ------------------------------------------------------------------------------------------------------------max576*/ 
} 

/* === Mindestens 575.98px breit Small devices (landscape phones, 575.98px and up) */
@media (min-width: 575.98px)  {  
/* I. BODY ALL ------------------------------------------------------------------------------------------------------------min576*/ 
}

/* === Maximal 767.98px breit // Medium devices (tablets, 767.98px and up) */
@media (max-width: 767.97px) { 
/* 1 Kolumnen -------------------------------------------------------------------------------------------------------------max768*/
}

/* === Mindestens 767.98px breit // Medium devices (tablets, 767.98px and up) */
@media (min-width: 767.98px) { 	
/* I. BODY ALL ------------------------------------------------------------------------------------------------------------min768*/ 
}

/* === Maximal 991.97px breit // Medium devices (tablets, 991.97px and up); Umschaltpunkt der Collapesed-Navigation */ 
@media (max-width: 991.97px) {	
/* I. BODY ALL ------------------------------------------------------------------------------------------------------------max992*/ 
}

/* === Mindestens 991.98px breit // Medium devices (tablets, 991.98px and up) */ 
@media (min-width: 991.98px) {	
/* I. BODY ALL ------------------------------------------------------------------------------------------------------------min992*/ 
}


/* === Mindestens 1199.98px breit // Extra large devices (large desktops, 1199.98px and up) */
@media (min-width: 1199.98px) { 	
/* I. BODY ALL ------------------------------------------------------------------------------------------------------------min1200*/ 
}





