/* I. BODY ALL ------------------------------------------------------------------------------------------------------------all Ports*/ 
/* Elements und Container -------------------------------------------------------------------------------------------------all Ports*/ 
html { font-size:15px; font-weight:100 }

.clear::after { display: block; clear:both; content: ""; }
body.offcanvas-active { overflow:hidden; }
body { padding: 0 !important; padding-bottom:0;  }

section { width:100%; margin-right:auto; margin-left:auto; margin:auto; }
section.main-content { max-width: 1600px; }
article { font-size:0.98rem; line-height:1.39rem }

.story-container, .story-60, .story-80, .story-100, .footer-100 { width:auto; margin:0 auto; padding-left:0vw; padding-right:0vw; }
.footer-100 { max-width:980px }

p.absatz {line-height: calc(1.39rem - .9rem); clear: both; display: block; margin: 0; 	}
.navbar-head a, .navbar-main a, article a, article button  { transition: .3s; }
.offcanvas-header{ display:none; }
body {
	background:#f2ffdd } 
body { 
	font-family:'droidsans';	
	color:#4c4c4c; }
body a { color:#b6c442; }
body article a { font-weight:normal; }
body a, body a:hover { text-decoration:none; }
.main-content article a, .main-content article a:hover { text-decoration:none }

.wrap-end {width:100%; float:left; }     
/* .wrap980 {width:980px; margin:auto; text-align:right; margin-top:10px }  */
.wrap-instance { 
	max-width: 100%; display: flex !important;
	box-shadow: 0px 0px 4px 0px #5e5e5e; }	

.flex-middle{ align-items: center !important; }
.flex-bottom { align-items: flex-end !important; }
.mitte { margin: auto; }
.zentriert { text-align: center; }
.rechts { float: right; margin-right:0 !important; } 
.container {padding-right:0; padding-left:0; margin-right:auto; margin-left:auto; margin:auto; } 

/* Bildeigenschaften: */
/* Hintergrundbild-Eigenschaften */
.bg-no-repeat { background-repeat: no-repeat; background-position: 0 0 !important; } /* Vollformat (ohne Wiederholung) */
.bg-repeat { background-repeat: repeat; } /* gekachelt (gesamter Bildschirm) */
.bg-repeat-x { background-repeat: repeat-x; } /* gekachelt (auf x-Achse) */
.bg-repeat-y { background-repeat: repeat-y; background-position: 0px 0px !important; }  /* gekachelt (auf y-Achse) */
.bg-size-auto { background-size:auto; }   
.bg-size-cover { background-repeat: no-repeat; background-size:100vh auto, cover; }	
.bg-size-contain { background-size:contain; background-repeat: no-repeat; background-position: center top !important; }   
.bg-size-100x100 { background-size:100% 100%; }
.bg-size-100 { background-size:100%; background-repeat: no-repeat;}
.bg-attachement-scroll { background-attachment:scroll; }   
.bg-attachement-fixed { background-attachment:fixed; } 
.bg-attachement-local { background-attachment:local; } /* Wo zum Einsatz bringen? */


/* Input-Fields -----------------------------------------------------------------------------------------------------------all Ports*/
.form_textfeld, .form_textfeld_right, .form_textfeld_quiz { border-radius: 4px; padding: 5px 6px 5px 6px; margin:0 0 6px 0; width:100%; max-width:300px }
.sidebar_right .form_textfeld, .sidebar_right .form_textarea { width:100%; }			
.form_textarea { border-radius: 4px; padding: 6px; margin:0 0 0px 0; text-align: left; display:block; width:100%; }	 	
.wpcf7 .screen-reader-response  { display:none }
span.wpcf7-list-item { display:block }
span.wpcf7-list-item label { display: inline-block; margin-bottom: 0.1rem;}
span.wpcf7-list-item input[type="radio"], span.wpcf7-list-item input[type="checkbox"] {position: relative; margin: 0 .35rem 0 0;}
.form_textfeld, .form_textarea, .form_textfeld_right, .form_textfeld_quiz {  }
.wpcf7-not-valid-tip, .wpcf7-validation-errors, .wpcf7-acceptance-missing {padding:5px; margin-left:5px; background:red; color:#fff }
.wpcf7-validation-errors, .wpcf7-acceptance-missing {float:left; margin-top:5px }
.wpcf7-mail-sent-ok {float:left; padding:5px; margin-left:5px; color:#4c4949;  background-color:#ff8e26;  color:#fff }
.form_textfeld, .form_textarea, .form_textfeld_right, .form_textfeld_quiz { background:#ffffff; color:#545454; border: 1px solid #b6c442; box-shadow:px px px px   ; }
.wpcf7-mail-sent-ok {color:#ffffff;  background-color:#b6c442; }

/* Scroll-to-top-Button ---------------------------------------------------------------------------------------------------all Ports*/
.scroll-top { 
	transition: all 0.3s ease-in 0s; 
	border:0px; 
	border-radius: 0rem; 
	background: rgba(0, 0, 0, 0.2); 
	padding: 10px 16px 10px 10px; 
	border-top-left-radius: 5px; 
	border-bottom-left-radius: 5px; 
	position: fixed; 
	z-index:10;
	bottom: 15vh; 
	right: 0px; 
	display: none; 
	cursor:pointer; }	
.scroll-top:hover { background:rgba(0, 0, 0, 0.8);  }
.scroll-top i { display: inline-block; color: #FFFFFF; text-indent:0 }
.icon-scroll-up:before { content: '\e906'; padding:0 .4rem 0 0; font-size: 1.8rem; }

/* Site-Icons -------------------------------------------------------------------------------------------------------------all Ports*/
@font-face {
  font-family: 'theme-icons';
  src:  url('https://ergotherapie-warnow.de/wp-content/themes/mistral/fonts/theme-icons.woff') format('woff');    
  font-weight: normal; font-style: normal; font-display: block; }
  
[class^="icon-"], [class*=" icon-"] {  
  font-family: 'theme-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /*line-height: 1;*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}
.icon-location1:before {content: "\e90a";}
.icon-phone:before {content: "\e942";}
.icon-location:before {content: "\e947";}
.icon-check1:before {content: "\e909";}
.icon-chevron-right:before {content: "\e902";}
.icon-chevron-left:before {content: "\e903";}
.icon-chevron-down:before {content: "\e904";}
.icon-chevron-up:before {content: "\e906";}
.icon-cheveron-outline-up:before {content: "\e907";}
.icon-cheveron-outline-down:before {content: "\e908";}
.icon-plus:before {content: "\f067";}
.icon-minus:before {content: "\f068";}
.icon-check:before {content: "\f00c";}
.icon-close:before {content: "\f00d";}
.icon-remove:before {content: "\f00d";}
.icon-times:before {content: "\f00d";}
.icon-plus-circle1:before {content: "\f055";}
.icon-minus-circle1:before {content: "\f056";}
.icon-times-circle:before {content: "\f057";}
.icon-phone:before {content: "\f098";}
.icon-facebook:before { content: '\f082'; } 
.icon-twitter:before { content: '\f081'; } 
.icon-navicon:before {content: "\f0c9";}
.icon-pinterest:before {content: "\f0d3";}
.icon-youtube:before {content: "\f166";}
.icon-xing:before {content: "\f169";}
.icon-instagram1:before {content: "\f16d";}
.icon-envelope:before {content: "\f199";}
.icon-share-alt-square:before {content: "\f1e1";}
.icon-window-close:before {content: "\f2d3";}
.icon-minus:before {content: "\e905";}
.icon-plus:before {content: "\e901";}
.icon-tick:before {content: "\e900";}
.icon-menu:before { content: "\f0c9";}
.icon-call:before { content: '\e942'; margin-right: 0.1rem; } 

/* optional Colors --------------------------------------------------------------------------------------------------------all Ports*/
.misc-color-1 { color:#afafaf}

.misc-bgcolor-1 { background-color:#eeee22}
 	

hr { margin-top: 1.5rem; margin-bottom: 1.5rem; border: 0; border-top: 1px solid #c8d2b7; }


/* COMPLIANZ-WINDOW  --------------------------------------------------------------------------------------------------------all Ports*/
#cc-window { 
	font-family:droidsans !important;
	font-size:0.98rem !important;
	color:#604a41 !important;
	background:#ffffff !important;
	border-color:#ffffff !important;
	box-shadow: 0px 0px 4px 0px #5e5e5e; 
}
	
#cc-window .cc-message { text-align: left !important;	}

#cc-window a.cc-btn.cc-accept-all, #cc-window a.cc-btn.cc-dismiss, #cc-window a.cc-btn.cc-save { 
	text-decoration:none !important; 
	font-family:droidsans !important;
	font-size:0.98rem !important;
}

#cc-window a.cc-btn.cc-accept-all {
	background:#b6c442 !important;
	border-color: #b6c442 !important;
}
#cc-window a.cc-btn.cc-accept-all:hover {  }

	
#cc-window a.cc-btn.cc-dismiss, #cc-window a.cc-btn.cc-save { 	
	background:#ffffff !important;
	border-color: #b6c442 !important;
	color:#604a41 !important;
}
#cc-window a.cc-btn.cc-dismiss:hover { 
	background:red !important;
	border-color: red !important;
	color:#ffffff !important;
}

#cc-window a.cc-btn.cc-save:hover { 
	background:#b6c442 !important;
	color:#ffffff !important;
}


/* Blog-Styles ----------------------------------------------------------------------------------------------------------- all Ports*/

/* Pagination --- */
.pagi-flex-box-wrap { 
	background-color:#b6c442; 
	border-radius:2px 5px 5px 5px;
	-webkit-border-radius:2px 5px 5px 5px;
	-moz-border-radius:2px 5px 5px 5px;
	box-shadow: none;
	margin-bottom: 20px;}

.pagi-flex-box { 		
	padding:8px 0 ;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;	
	-ms-flex-align: center;
	-ms-flex-pack: justify;	
	align-items: flex-start;
	flex-direction: row;
	align-content: stretch;
	justify-content: center; }

.pagi-flex-box a, .pagi-flex-box a.page-numbers, .pagi-flex-box span.page-numbers { 	
	color: #ffffff; 
	border-radius:4px;
	padding:7px 6px;
	margin:0px 6px;
	font-size: 1.4em }

.pagi-flex-box span.page-numbers { 	
	background:#4c4c4c;	 	 
	cursor:default; } 	
	
.pagi-flex-box a.solo-article:hover, .pagi-flex-box a.page-numbers:hover { 
	background:#4c4c4c;	} 

.pagi-flex-box a.prev, .pagi-flex-box a.next  { 	 
	color: #ffffff; }

.pagi-flex-box a.prev:hover, .pagi-flex-box a.next:hover { 	
	background:none; 
	color:#4c4c4c; }

/* Tag-Cloud --- */
.sidebar_right .tagcloud a { text-decoration:none; font-weight:normal; color:#4c4c4c;  }
.sidebar_right .tagcloud a:hover { text-decoration:none; }


/* II. NAVIGATION -------------------------------------------------------------------------------------------------------------all Ports*/
/* Container Head (Top-Navigation) ----------------------------------------------------------------------------------------all Ports*/
.navbar-head { padding-right: 0px !important }
.navbar-head {
	z-index:2; 
	padding: 0.15rem 0rem;
	background-color:#b6c442; 
	-webkit-transition: background-color 0ms linear;
	-moz-transition: background-color 0ms linear;
	-o-transition: background-color 0ms linear;
	-ms-transition: background-color 0ms linear;
	transition: background-color 0ms ease-in-out;
	}		
.navbar-head.smaller {	
	background:#b6c442;	
	-webkit-transition: background-color 0ms linear;
	-moz-transition: background-color 0ms linear;
	-o-transition: background-color 0ms linear;
	-ms-transition: background-color 0ms linear;
	transition: background-color 0ms ease-in-out;
	}		
.navbar-head ul {	
	display: flex; 
	flex-flow:row wrap; 
	justify-content: space-around; 
	list-style: none; 
	justify-content: flex-end; 
	margin:0; 
	padding:0; }
.navbar-head ul li { margin:0 0 0 3px;  }
.navbar-head ul li a { 
	font-size:1rem; 
	color:#ffffff;
	outline:none;	
	border-radius: 2px; 
	padding:0.2rem 0.3rem; /*transition: all 0.3s ease-in 0s;*/ 
	line-height: 1rem; }
.navbar-head ul li a:hover, 
.navbar-head a.tt-head:hover { 
	color:#ffffff; 
	background:#4c4c4c } 
.navbar-head ul li.current-menu-item a { 
	color:#ffffff; 
	background:#4c4c4c }
.navbar-head ul li.current-menu-item a:hover { 
	color:#ffffff; } 
.tooltip > .arrow { display:none }
.tooltip-inner {
	color:#4c4c4c; 
	background:#ffffff;
	box-shadow:1px 1px 3px #000; }			
.navbar-head .topsocial-icon a, 
.navbar-head .topsocial-icon a:hover { background:none; }
.icon-facebook { color:#dd3333; }	
.icon-twitter { color:#1e73be; }	
.icon-facebook, .icon-twitter { font-size:x-large; }

/* Container Logo (Main-Navigation) ---------------------------------------------------------------------------------------all Ports*/
.navbar-main { background-color:#ffffff }
.navbar-main a.navbar-brand img { max-width: 200px;  } 
.navbar-main li.nav-item { margin:0; }	
.navbar-main a.nav-link { padding:0; }
.navbar-main .navbar-nav li.current_page_item > .nav-link { cursor:default }
.navbar-main a.nav-link, 
.navbar-main a.dropdown-item  { 
	font-family:droidsans; 
	font-size:1.15rem; 
	line-height:1.4rem; 
	border-radius:3px }
/* normaler Link inaktiv erste Ebene ohne Dropdown */
.navbar-main li.menu-item-object-page a.nav-link { 
	color:#b6c442; }
/* normaler Link aktiv erste Ebene ohne Dropdown */
.navbar-main li.menu-item-object-page.active a.nav-link { 
	color:#604a41; }
/* Link mit Dropdown inaktiv */
.navbar-main li.dropdown a.nav-link { 
	color:#b6c442; }
/* Link mit Dropdown aktiv */
.navbar-main li.dropdown.active a.nav-link { 
	color:#604a41; }
.navbar-main .navbar-nav li.active > .nav-link, 
.navbar-main .navbar-nav li.active > .nav-link { 
	background-color: #b6c442; 
	color:#604a41 }
.navbar-main .navbar-nav .nav-link:hover, 
.navbar-main .navbar-nav .show > .nav-link { 
	background-color: #b6c442; 
	color:#ffffff }
.navbar-main li.menu-item a:before { 
	background: #ffffff ;}
.navbar-main div.collapse ul.nav li.current-menu-item a:before, 
.navbar-main div.collapse ul.nav li.current-menu-parent a:before { 
	background: #604a41 }
/* Link im Dropdown inaktiv */
.navbar-main ul.dropdown-menu li.nav-item a.dropdown-item { }
/* Link im Dropdown aktiv */
.navbar-main ul.dropdown-menu li.current-menu-item.nav-item a.dropdown-item { }
.navbar-main .dropdown-menu li.active, .navbar-main .dropdown-menu .dropdown-item { transition: all 0.3s ease-in 0s; }
.navbar-main .dropdown-menu li.active a { cursor:default; }
.navbar-main .dropdown-toggle::after { font-family:'theme-icons'; vertical-align: middle; content:'\e904'; margin-left: 2px; }
.navbar-main .dropdown-menu {
	padding: 14px 2px 20px 2px; z-index:1000; 
	border:none; 
	border-radius: 2px 2px 8px 4px;
	background:#ff1493; 	
	box-shadow: 0px 1px 2px 0px #000000;	}
.navbar-main .dropdown-menu li.active a {
	color: #ff1493 }
.navbar-main .dropdown-menu li.active a:hover {
	color: #ff1493 }
.navbar-main .dropdown-menu li.active {
	background: #ffffff }
.navbar-main .dropdown-menu li.active :hover {
	background: #ffffff }
.navbar-main .dropdown-menu .dropdown-item {
	color:#ffffff; }
.navbar-main .dropdown-menu .dropdown-item:hover {
	color:#ff1493;	
	background:#ffffff }
.navbar-main .dropdown-menu li.active, 
.navbar-main .dropdown-menu li.active :hover, 
.navbar-main .dropdown-menu .dropdown-item, 
.navbar-main .dropdown-menu .dropdown-item:hover {
	border-radius:2px 4px 2px 4px;
	-webkit-border-radius:2px 4px 2px 4px ;
	-moz-border-radius:2px 4px 4px 2px; }	
.offcanvas-header { display:none; }
/* Toggler */
.navbar-main .navbar-toggler { 
	color:#b6c442; 
	border-color:#b6c442; }
	/* Icons */
.navbar-main .icon-navicon:before, .navbar-main .icon-times-circle:before { font-size: 1.7rem; color:#b6c442 }
.navbar-main button.btn { background: none; border:0; margin-right:2rem }





/* III. HEADER-IMAGE / SLIDER / GOOGLE-MAPS -------------------------------------------------------------------------------all Ports*/
.wrap-post-thumbnail, .mapcanvasimage {	
	background-color:#b6c442; 	
	box-shadow:0px 0px 4px 0px #5e5e5e;}  

.wrap-post-thumbnail, .mapcanvasimage { border:0px solid #000; margin: 0px; position: relative; }

.post-thumbnail { height:180px; position: relative; }
	
.post-thumbnail-title { 
	background:rgba(255,255,255,0.78); 
	color:#604a41; 
	font-family:'gentium';
	font-size:2em; }
 
.post-thumbnail-title { padding: 1rem 1rem 1rem 1rem;	position: absolute; bottom: 18px; border-radius: 10px 10px 10px 0px; line-height: 0.8em; margin-left:1rem; }


/* IV. SECTION ARTICLE ---------------------------------------------------------------------------------------------------all Ports*/
/* 1 Kolumnen -------------------------------------------------------------------------------------------------------------all Ports*/
.colwrap-all-border { 
	border:2px dashed #727272; 
	border-radius:2px 5px 5px 5px;	}	
.colwrap, .colwrap-all, .colwrap-all-border, .colwrap-all-bg, .col-bg  { width:100%; float:left; }
.colwrap, .colwrap-all, .colwrap-all-border, .colwrap-all-bg { min-height:0px; margin-bottom:20px;	}
.colwrap { min-height:0px; margin-bottom:0px;	}
.colwrap { margin-right:0%;	padding-bottom: 0px; } 	
.colwrap-all, .colwrap-all-border, .colwrap-all-bg { margin-right:1.4%; } 
.colwrap-all, .colwrap-all-border, .col-bg { padding: .6rem .6rem 1rem .6rem; }
.colwrap img { width:100% }
.colwrap-2-norm { width:100% !important; } 
.colwrap-3-norm { width:100% !important; } 
.colwrap-4-norm { width:100% !important; } 
.colwrap-5-norm { width:100% !important; } 
.colwrap-6-norm { width:100% !important; } 
.colwrap-5-6-norm { width:100% !important; } 
.colwrap-4-5-norm { width:100% !important; } 
.colwrap-3-4-norm { width:100% !important; } 
.colwrap-2-3-norm { width:100% !important; } 
.colwrap-3-5-norm { width:100% !important; } 
.colwrap-2-5-norm { width:100% !important; } 
.colwrap-1, .colwrap-1-bg { width:100% !important; } 
.colwrap-2, .colwrap-2-bg { width:100% !important; } 
.colwrap-3, .colwrap-3-bg { width:100% !important; } 
.colwrap-4, .colwrap-4-bg { width:100% !important; } 
.colwrap-5, .colwrap-5-bg { width:100% !important; } 
.colwrap-6, .colwrap-6-bg { width:100% !important; } 
.colwrap-5-6, .colwrap-5-6-bg { width:100% !important; } 
.colwrap-4-5, .colwrap-4-5-bg { width:100% !important; } 
.colwrap-3-4, .colwrap-3-4-bg { width:100% !important; } 
.colwrap-2-3, .colwrap-2-3-bg { width:100% !important; } 
.colwrap-3-5, .colwrap-3-5-bg { width:100% !important; } 
.colwrap-2-5, .colwrap-2-5-bg { width:100% !important; } 
.last-col {	float:right; margin-right: 0 !important; clear: right; }
.last-col::after { clear:both }	
.colwrap-all > img, .colwrap-all-border > img, .colwrap-all-bg > .col-bg img  { max-width:100%; max-width:100%; margin:4px 0 0px 0;  display:block} 
.col-bg a:hover, .jumbotron a:hover { text-decoration:underline  } 
.jumbotron { box-shadow:none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;}
.col-bg h1, .col-bg h2, .col-bg h3, .col-bg h4, .col-bg h5, .col-bg h6,  .jumbotron h1, .jumbotron h2, .jumbotron h3, .jumbotron h4, .jumbotron h5, .jumbotron h6, .personal h1, .personal h2, .personal h3, .personal h4, .personal h5, .personal h6 { color:#b6c442; } 
.col-bg a, .jumbotron a { color:#b6c442; }
.col-bg a:hover, .jumbotron a:hover { color:#b6c442; }  
.col-bg, .personal, .jumbotron { background:#ffffff; color:#4c4c4c;	}

.col-bg, .personal, .jumbotron {	
	border-radius:2px 5px 5px 5px;
	-webkit-border-radius:2px 5px 5px 5px;
	-moz-border-radius:2px 5px 5px 5px;	 }


	
/* 2 Jumbotron ------------------------------------------------------------------------------------------------------------all Ports*/

/* 3 Blockquote -----------------------------------------------------------------------------------------------------------all Ports*/
blockquote { 
	position: relative; 
	margin: 0px auto; 
	border-left: 3px solid #4c4c4c; 
	color:#4c4c4c;
	font-family: gentium;
	font-size:2.02rem; 
	line-height:2.5rem; 
	padding: 0 2%;  
	margin-left: 5vw; }
blockquote span { font-style:italic; display:block; text-align:right; font-size:calc(1.4rem - .1rem); margin-top:.7rem; margin-right:2rem }

/* 4 Tabs -----------------------------------------------------------------------------------------------------------------all Ports*/
.nav-tabs { display:block }
.nav-tabs .nav-item { margin-bottom: 2px; }
.nav-tabs > li  {	padding-right:0px; }	 
.nav-tabs > li > a { padding:0px 16px 0px 16px; } 
.nav-tabs > li > a.active:hover { cursor:default; }
.nav-tabs .nav-link { 
	background:#b6c442; }		
.nav-tabs .nav-link h3 { 
	font-family:'droidsans'; 	
	font-size: 1.2rem; 
	line-height: 2.22rem;
	
	color:#ffffff; 
	margin-bottom:0}
.nav-tabs .nav-link:hover h3 { color:#ffffff; }		
.nav-tabs .nav-link:hover {	background:#604a41;	}	
.nav-tabs .nav-link.active h3, 
.nav-tabs .nav-link.active:hover h3, 
.nav-tabs .nav-link.active:focus h3 { 	
	color:#b6c442; }		
.nav-tabs .nav-link.active, 
.nav-tabs .nav-link.active:hover, 
.nav-tabs .nav-link.active:focus { 
	background:#ffffff; }
.nav-tabs > li > a, 
.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:hover, 
.nav-tabs > li.active > a:focus {
  border-radius:0; }
.tab-content { margin-bottom:20px; }
.tab-content div.active  {	
	background:#ffffff; 	
	border-radius:0;
	color:#4c4c4c;
	-webkit-box-shadow:0; 
	box-shadow:0 } 
.tab-content h1, tab-content h2, tab-content h3, tab-content h4, tab-content h5, tab-content h6 { 
	color:#4c4c4c }
	
.tab-content .fade {
    transition: opacity 0s linear;
   -webkit-transition: all 400ms ease-in 0s;
      -moz-transition: all 400ms ease-in 0s;
       -ms-transition: all 400ms ease-in 0s;
        -o-transition: all 400ms ease-in 0s;
           transition: all 400ms ease-in 0s;
 }	
.tab-content img { max-width:100% }

/* 5 Toggle und Akkordeon -------------------------------------------------------------------------------------------------all Ports*/
.accordion { margin-bottom:20px }
.accordion > .card:hover {  }	
.accordion > .card { margin-bottom: 6px; }	
.accordion .card a[aria-expanded="true"] div.card-header h3:before,
.accordion .card a[aria-expanded="false"] div.card-header h3:before { font-family:'theme-icons'; margin-right: 0.25rem; font-weight:normal; }  
.accordion .card a[aria-expanded="true"] div.card-header h3:before { content: "\e906"; }
.accordion .card a[aria-expanded="false"] div.card-header h3:before { content: "\e904"; } 
.accordion .card-header h3 { margin-top:0 } 
.accordion a[aria-expanded="false"] div.card-header { background:#ffffff; }
.accordion a[aria-expanded="false"] div.card-header h3 { color:#ff8e26; margin-bottom:0 }
.accordion .card a:hover[aria-expanded="false"] .card-header h3 { transition: all 0.1s ease-in 0s; color: #ffffff; }
.accordion .card a:hover[aria-expanded="false"] .card-header { transition: all 0.3s ease-in 0s; background-color: #5b5b5b; }
.accordion a[aria-expanded="true"] div.card-header { background:#ff8e26; }
.accordion a[aria-expanded="true"] div.card-header h3 { color:#ffffff; }
.accordion .card-body { background:#ff8e26; }
.accordion .card-body { color:#2d2d2d; }
.accordion .card a:hover[aria-expanded="true"] .card-header { background-color: #ff8e26; }
.accordion .card { border-radius:0; box-shadow:none } 
.accordion .card-header h3 { font-family:droidsans;	font-size:1.2rem; line-height:1.5rem; }
.accordion a[aria-expanded="false"] div.card-header { background:#ffffff; }
.accordion a[aria-expanded="false"] div.card-header h3 { color:#b6c442; }
.accordion .card a:hover[aria-expanded="false"] .card-header h3 {  transition: all 0.1s ease-in 0s; color: #ffffff; }
.accordion .card a:hover[aria-expanded="false"] .card-header {  transition: all 0.3s ease-in 0s; background-color: #b6c442; }
.accordion a[aria-expanded="true"] div.card-header { background:#ffffff; }
.accordion a[aria-expanded="true"] div.card-header h3 { color:#b6c442; }
.accordion .card-body { background:#ffffff; }
.accordion .card-body, .accordion .card-body h1, .accordion .card-body h2, .accordion .card-body h3, .accordion .card-body h4, .accordion .card-body h5, .accordion .card-body h6  { color:#4c4c4c; }
.accordion .card a:hover[aria-expanded="true"] .card-header { background-color: #ffffff; }

/* 6 Galerie Personal	-----------------------------------------------------------------------------------------------------all Ports*/
.personal {	width:100%; margin:0 0 14px 0; padding:0;	float:left; -webkit-transition: background .2s;	-moz-transition: background .2s; -o-transition: background .2s; -ms-transition: background .2s;	transition: background .2s; }
.personal.links img, .personal.rechts img { margin:0 0 0 0; border-radius:0; }
.personal span.listpersonal { margin-top: 10px; display:block; margin:10px 0 0 10px; }
.personal span.listpersonal ul.liste { list-style-type: circle; padding-inline-start:20px; margin-top: 10px; float:left; } 
.personal span.listpersonal ul.liste li { margin-bottom: 8px; }

/* 7 Big-Slider	Bootstrap -------------------------------------------------------------------------------------------------all Ports*/
.big-slider .carousel-control-prev, .big-slider  .carousel-control-next { display:none }       
ol.carousel-indicators { margin-top: 0; margin-bottom: 0; display:none  }
.carousel-indicators { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-align:center; align-items:center; }
.carousel .carousel-inner .flex-caption {	height: 100%;	position: absolute;	margin: auto;	top: 0;	left: 0; right:0;	z-index: 9;	display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-align:center; align-items:center; }
.big-slider .carousel-inner, .big-slider .flex-caption { /*max-height: 441px;*/ }
.carousel, .carousel-inner, .mapcanvasimage  { background:rgba(255,255,255,0.78);  	  }
.big-slider {box-shadow:0px 0px 4px 0px #5e5e5e;}
.carousel-item { transition:-webkit-transform .6s ease-in-out; transition: transform .6s ease-in-out; transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out; }
.carousel .carousel-caption { background:rgba(255,255,255,0.78); bottom: 3vw; left: 6vw; padding: 0 1.5vw; border-radius: 2px;  }
.carousel .carousel-caption h4 { margin-bottom:0px }
.carousel .carousel-caption h4 a { font-size: 1.2rem; line-height: 1.6rem; margin:0 }
.carousel .carousel-caption h4 a { color:#604a41;transition: all 0.3s ease-in 0s;  }
.carousel .carousel-caption h4 a:hover { color:#b6c442; }
.carousel .carousel-indicators li { background-color: #b6c442; transition: opacity .6s ease; margin-right: 1.3vw;}
.carousel .carousel-indicators li.active { background-color: #969696; }	
.image-carousel.carousel { padding-bottom:0 }
.image-carousel .carousel-indicators { height:0px }
.image-carousel .carousel-indicators li { display:none }
.image-carousel .icon-prev:before { content: "\e903"; font-size:min(max(16px, 11vw), 50px) } 
.image-carousel .icon-next:before { content: "\e902"; font-size:min(max(16px, 11vw), 50px) } 

/* 8 Content-Slider -------------------------------------------------------------------------------------------------------all Ports*/
#textslider_content {  text-align: center; border:1px solid blue; padding-bottom:10px  }
.textslider_pics { height:auto; overflow: hidden; z-index:1; padding:0 }	
.textslider_pics img { width:100%; }	
#textslider_text { width:100%; font-style:normal; text-align: left; }
#textslider_container .textslidernav { margin-left:5px; position:relative; left:0px; top:240px; z-index:1; }
.textslidernav { /*display:inline-block;*/ display: flex; justify-content: center; /*margin: 10px auto 0px auto;*/ margin:0 auto 0 auto; padding: 0px; width: auto; } 
.textslidernav a { font-size:0em; margin: 2px 7px 0px 0px; /*width: 26px;*/ width:-webkit-fill-available; height: 10px; border-radius: 12px; float:left; }		
.textslidernav a.activeSlide { cursor:default; }	
.textslidernav a:focus { outline: none; }	
.textslidernav a:hover { outline: none; } 
.textslider_text h2 { text-align:center;  }
.textslidernav.off { display:none }

/* 9 Image Slider Bootstrap -----------------------------------------------------------------------------------------------all Ports*/

/* 10 Modal-Fotogalerie ---------------------------------------------------------------------------------------------------all Ports*/
/* == global == */
.modalgallery.modal { padding-left:0px }
.modalgallery .modal-dialog { margin: 0 auto; max-width:92vw; margin-top: 50px; }
.modalgallery .modal-header button.icon-times-circle:before { color:#b6c442; font-size:1.8rem; }
.modal-content { background:#ffffff }
.automodaloverlay .modal-dialog .modal-body img, .modalgallery .modal-dialog .modal-body img { width:100%; }
/* == Galery == */
.row-modalgalery { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.modalgallery.colwrap-4-bg { width:25% !important; padding:0 .8rem .8rem 0; }
.modalgallery a.thumbnail { float:left; border:0px solid blue }
.modalgallery a { box-shadow: px px px px ;}
.modalgallery a:hover {box-shadow:none } 
.modalgallery .img-thumbnail { 	
	padding: 0rem; 
	margin-top:0 !important; 
	background-color:#fff; 
	border:0px solid #fff; 
	border-radius: 3px; 
	max-width: 100%; 
	height:auto; }	
/* == Modal == */	
.modalgallery .modal-body { padding:0rem }
.modalgallery .modal-title { color: #b6c442}

.modalgallery .modal-footer button { 
	border:0; 
	border-radius:4px;	
	margin-left:5px;	
	font-size:1.8rem;
	padding: 5px 10px; 
	background:#b6c442;	
	color:#604a41;	}


/* 11 Modal Auto-Overlay --------------------------------------------------------------------------------------------------all Ports*/
.automodaloverlay.modal { padding-left:0px }
.automodaloverlay .modal-dialog { margin: 0 auto; max-width:92vw; margin-top: 50px; }
.automodaloverlay .modal-header button.icon-times-circle:before { color:#b6c442; font-size:1.8rem; }
.automodaloverlay .modal-content { background:#ffffff }
.automodaloverlay .modal-dialog .modal-body img { width:100%; }

/* 12 Google-Map ----------------------------------------------------------------------------------------------------------all Ports*/
.mapcanvasimage, .mapcanvasimage a { color:#000 }
.mapcanvasimage a:hover { color:#000 }
/* 13 Zeilenumbruch -------------------------------------------------------------------------------------------------------all Ports*/

/* 14 Absatz --------------------------------------------------------------------------------------------------------------all Ports*/

/* 15 Überschriften -------------------------------------------------------------------------------------------------------all Ports*/
h1, .h1 { font-family:'gentium'; color:#b6c442; font-size:1.8rem; line-height:2.1rem; text-indent:0px; font-weight:normal; margin-top:0rem; margin-bottom:0rem; }	
h2, .h2 { font-family:'gentium';	color:#b6c442; font-size:1.7rem; line-height:2rem; text-indent:0px; font-weight:normal; margin-top:0rem; margin-bottom:0rem; }	
h3, .h3 { font-family:'gentium'; color:#b6c442; font-size:1.6rem; line-height:1.9rem; text-indent:0px; font-weight:normal; margin-top:0rem; margin-bottom:0rem; }	
h4, .h4 { font-family:'gentium'; color:#b6c442; font-size:1.5rem; line-height:1.8rem; text-indent:0px; font-weight:normal; margin-top:0rem; margin-bottom:0rem; }	
h5, .h5 { font-family:'gentium'; color:#b6c442; font-size:1.4rem; line-height:1.7rem; text-indent:0px; font-weight:normal; margin-top:0rem; margin-bottom:0rem; }		
h6, .h6 { font-family:'gentium'; color:#b6c442; font-size:1.3rem; line-height:1.6rem; text-indent:0px; font-weight:normal; margin-top:0rem; margin-bottom:0rem; }	

/* 16 Liste ---------------------------------------------------------------------------------------------------------------all Ports*/
article ul { padding-inline-start: 24px; margin:.4rem 0 .3rem 0;}
article ul:after { clear:both;}
article ul.circle {list-style-type: circle;}
article ul.square {list-style-type: square;}
article ul.decimal {list-style-type: decimal;}
article ul.normal {list-style-type: inherit;}
article ul.check, article ul.pfeil { list-style: none; }
article ul.check li:before, 
article ul.pfeil li:before { font-family:'theme-icons'; display:inline-block; margin-left:-1.3rem; width: 1.3rem; vertical-align: bottom; }
article ul.check li:before { content:'\f00c'; font-size:.8rem; } 
article ul.pfeil li:before { content:'\e902'; }

/* 17 Button --------------------------------------------------------------------------------------------------------------all Ports*/
article a.button { margin-bottom: 15px; clear:both; display: table; outline: none !important; box-shadow: none !important; }
.button {  border-radius: 0.25rem; display:inline-block; text-align:center; vertical-align: middle; cursor: pointer; -webkit-user-select:none; -moz-user-select: none; -ms-user-select: none; user-select: none; background:none; border: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
.button.small  { padding: 0.375rem 0.75rem; }
.button.big {padding: 0.8rem 2.8rem;}
.button { color: #ffffff; background-color: #b6c442; }
.button:hover { color: #ffffff; background-color: #dd3333; }
.button:focus, .button.focus { color: #ffffff; background-color: #dd3333;	box-shadow: 0 ; }

/* 18 Divider -------------------------------------------------------------------------------------------------------------all Ports*/
p.divider { border-top: 1px solid #c8d2b7; margin-top: 2rem;  margin-bottom: 2rem; }

/* 19 Initiale ------------------------------------------------------------------------------------------------------------all Ports*/
.initiale { font-size: 5rem; line-height: 5rem; float: left; margin: 0 1.5rem 0 1rem; }

/* V. CONTAINER FOOTER + ENDPAGE ------------------------------------------------------------------------------------------all Ports*/
section.footer { margin-bottom:180px; }
.footer { padding:18px 0 10px 0; margin-bottom:30px } 
.footer .footer { padding: 18px 0 10px 0; }
.footer .colwrap-all { padding:0 }
.footer .menu li { list-style:none; float:left; background:none } 
.footer .menu li a { 
	width: auto; 
	height: auto; 
	margin: 0px 4px 4px 0px; 
	border-radius: 3px; 
	border: 0px solid rgba(255,255,255,1); 
	padding: 1px 4px 1px 4px; 
	float: left; 
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in 0s; 
	-moz-transition: all 0.3s ease-in 0s; 
	-o-transition: all 0.3s ease-in 0s;
	-ms-transition: all 0.3s ease-in 0s; 
	transition: all 0.3s ease-in 0s; }	
.footer ul, .footer ol { margin-top: 0; margin-bottom: 10px; margin-left: 0px; border: 0px solid #000; float: left; padding: 0;}
.footer .menu li a:hover, .footer .menu .current-menu-item a, .footer .menu .current-menu-item a:hover { text-decoration:none; box-shadow:none }
.footer .menu .current-menu-item a, .footer .menu .current-menu-item a:hover { cursor:default }  	  
.footer .form_textfeld, .footer .form_textarea  { width:180px; height:auto }
.footer .form_textfeld_quiz { width:130px }  
.footer .column-bg .divider { border-color: #f2e3d2; margin: 10px 0 12px 0; } 
.footer { background-color:#b6c442;}	
  
.footer .menu li a { background:#8dae3f; color:#ffffff; box-shadow: 0 4 5 -2 #353535 } 
.footer .menu li a:hover { background:#f39d43; color:#000000; }
.footer .menu .current-menu-item a { background:#ffffff; color:#8dae3f; } 
.footer .menu .current-menu-item a:hover { background:#ffffff; color:#8dae3f; }  	

section aside .footer-100 { 	
	background-color:#b6c442; }   
section aside .footer-100 .menu li a { 
	background:#8dae3f;  
	color:#ffffff;
	box-shadow:        } 
section aside .footer-100 .menu li a:hover { 
	background:#f39d43;  
	color:#000000; }
section aside .footer-100 .menu .current-menu-item a { 
	background:#ffffff;  	
	color:#8dae3f; } 
section aside .footer-100 .menu .current-menu-item a:hover { 
	background:#ffffff);      	
	color:#8dae3f; }
section aside .footer-100 .impress  { margin:0.8rem 30px 0 0; text-align:right; font-size:0.95rem; color:#4c4c4c;}
section aside .footer-100 .impress a { color:#4c4c4c; }







/* ===-------------------------------------------------------------------------------------------------------------------------- */
/* === 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*/ 
	.wrap-instance { margin:0 0vw 0 0vw; }
	.story-container, .story-60, .story-80, .footer-100 { padding-left:10px; padding-right:10px}
/* Input-Fields -----------------------------------------------------------------------------------------------------------max576*/
/* Scroll-to-top-Button ---------------------------------------------------------------------------------------------------max576*/
/* Site-Icons -------------------------------------------------------------------------------------------------------------max576*/
/* optional Colors --------------------------------------------------------------------------------------------------------max576*/
/* II. NAVIGATION ---------------------------------------------------------------------------------------------------------max576*/
/* Container Head (Top-Navigation) ----------------------------------------------------------------------------------------max576*/
.navbar-head { padding-right: 10px !important }

/* Container Logo (Main-Navigation) ---------------------------------------------------------------------------------------max576*/
	.navbar-main .container button.navbar-toggler { margin-right: 10vw; }

/* III. HEADER-IMAGE / SLIDER / GOOGLE-MAPS -------------------------------------------------------------------------------max576*/
	.post-thumbnail-title { 
		font-size:1.2em; 
		line-height:1.2em; 
		padding: 0.6rem 0.6rem 0.6rem 0.6rem;	
		bottom: 18px; 
		margin-left:0px; 
		border-radius: 3px 3px 3px 0px; }
	
/* IV. SECTION ARTICLE ---------------------------------------------------------------------------------------------------.max576*/
/* 1 Kolumnen -------------------------------------------------------------------------------------------------------------max576*/
/* 2 Jumbotron ------------------------------------------------------------------------------------------------------------max576*/
/* 3 Blockquote -----------------------------------------------------------------------------------------------------------max576*/	
    blockquote {font-size: 1.4rem; line-height: 1.9rem; }
/* 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*/
/* V. 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*/ 
	.story-container, .story-60, .story-80, .footer-100 { padding-left:4.5vw; padding-right:4.5vw; }
	
/* 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. HEADER-IMAGE / SLIDER / GOOGLE-MAPS -------------------------------------------------------------------------------min576*/

/* IV. SECTION ARTICLE ---------------------------------------------------------------------------------------------------min576*/
/* 1 Kolumnen -------------------------------------------------------------------------------------------------------------min576*/
/* 2 Jumbotron ------------------------------------------------------------------------------------------------------------min576*/
/* 3 Blockquote -----------------------------------------------------------------------------------------------------------min576*/
	blockquote {  font-size:1.4rem; line-height:1.9rem;	padding: 0 2.5%; margin-left: 7vw; }
	blockquote span { font-size:calc(1.4rem - .3rem); }
	
/* 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*/

/* V. CONTAINER FOOTER + ENDPAGE -----------------------------------------------------------------------------------------min576*/

}



/* === Maximal 767.97px breit // Medium devices (tablets, 767.98px and up) */
@media (max-width: 767.97px) { 
/* 1 Kolumnen -------------------------------------------------------------------------------------------------------------max768*/
	.post-thumbnail-title { 
		font-size:1.4em; 
		line-height:1.4em; 
		padding: 0.6rem 0.6rem 0.6rem 0.6rem;	
		bottom: 18px; 
		margin-left:0px; 
		border-radius: 3px 3px 3px 0px; }			
}



/* === Mindestens 767.98px breit // Medium devices (tablets, 767.98px and up) */
@media (min-width: 767.98px) { 	
/* I. BODY ALL ------------------------------------------------------------------------------------------------------------min768*/ 
/* Elements und Container -------------------------------------------------------------------------------------------------min768*/ 
	.story-container, .story-60, .story-80 { padding-left:2.8vw; padding-right:2.8vw; }
	.pagi-flex-box {box-shadow: 0px 4px 4px -4px #5e5e5e;}
/* 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. HEADER-IMAGE / SLIDER / GOOGLE-MAPS -------------------------------------------------------------------------------min768*/
/* IV. SECTION ARTICLE ----------------------------------------------------------------------------------------------------min768*/
/* 1 Kolumnen -------------------------------------------------------------------------------------------------------------min768*/
	/* .colwrap-all-bg --> mit Hintergrund,	.colwrap-all	--> ohne Hintergrund, .colwrap-all-border	--> mit Rahmen, .colwrap	--> für Fotos	*/
	.colwrap-all { padding: 0px; }
	.colwrap-all-border, .col-bg { padding: 14px 12px 30px 15px; }
	.col-bg, .personal, .jumbotron { box-shadow: 0px 4px 4px -4px #5e5e5e }
	.colwrap img { width:100% }
	.colwrap-2-norm { width:50% !important; } 
	.colwrap-3-norm { width:33.33% !important; } 
	.colwrap-4-norm { width:25% !important; } 
	.colwrap-5-norm { width:20% !important; } 
	.colwrap-6-norm { width:16.666% !important; } 
	.colwrap-5-6-norm { width:83.33% !important; } 
	.colwrap-4-5-norm { width:80% !important; } 
	.colwrap-3-4-norm { width:75% !important; } 
	.colwrap-2-3-norm { width:66.66% !important; } 
	.colwrap-3-5-norm { width:60% !important; } 
	.colwrap-2-5-norm { width:40% !important; } 
	.colwrap-1, .colwrap-1-bg { width:100% !important; } 
	.colwrap-2, .colwrap-2-bg { width:49.3% !important; } 
	.colwrap-3, .colwrap-3-bg { width:32.4% !important; } 
	.colwrap-4, .colwrap-4-bg { width:23.94% !important; } 
	.colwrap-5, .colwrap-5-bg { width:18.87% !important; } 
	.colwrap-6, .colwrap-6-bg { width:15.50% !important; } 
	.colwrap-5-6, .colwrap-5-6-bg { width:83% !important; } 
	.colwrap-4-5, .colwrap-4-5-bg { width:79.68% !important; } 
	.colwrap-3-4, .colwrap-3-4-bg { width:74.62% !important; } 
	.colwrap-2-3, .colwrap-2-3-bg { width:66.2% !important; } 
	.colwrap-3-5, .colwrap-3-5-bg { width:59.41% !important; } 
	.colwrap-2-5, .colwrap-2-5-bg { width:39.14% !important; } 
	
/* 2 Jumbotron ------------------------------------------------------------------------------------------------------------min768*/
/* 3 Blockquote -----------------------------------------------------------------------------------------------------------min768*/
	blockquote {  font-size:1.5rem; line-height:1.9rem;	margin-left: 7vw; }
	blockquote span { font-size:calc(1.5rem - .25rem); }	
/* 4 Tabs -----------------------------------------------------------------------------------------------------------------min768*/
/* 5 Toggle und Akkordeon -------------------------------------------------------------------------------------------------min768*/
	.accordion .card { 
		border-radius:5px; 
		box-shadow:0px 4px 4px -4px #5e5e5e } 
	
/* 6 Galerie Personal	-----------------------------------------------------------------------------------------------------min768*/
	.personal span.listpersonal { max-width: 47%; float:left;  }	
	.personal.links img 	{ float:left;	}
	.personal.rechts img  { float:right; }
	.personal.links img {	border-radius: 2px 0 0 5px; }	
	.personal.rechts img { border-radius: 0 5px 5px 0; } 
		
/* 7 Big-Slider	Bootstrap -------------------------------------------------------------------------------------------------min768*/
	ol.carousel-indicators { margin-top: 0; margin-bottom: 0; display:flex  }
	.carousel { padding-bottom:37px; margin: 0px 0 0vh 0; }
	.carousel-indicators { height: 37px; bottom:0; }
	.carousel .carousel-indicators li { margin-right: 1.3vw;}
	
/* 8 Content-Slider -------------------------------------------------------------------------------------------------------min768*/
/* 9 Image Slider Bootstrap -----------------------------------------------------------------------------------------------min768*/
/* 10 Modal-Fotogalerie ---------------------------------------------------------------------------------------------------min768*/
	.modalgallery .modal-dialog { max-width:90vw }
	
/* 11 Modal Auto-Overlay --------------------------------------------------------------------------------------------------min768*/
	.automodaloverlay .modal-dialog { max-width:90vw }
	
/* 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*/
	.initiale { font-size: 5rem; line-height: 5rem; margin: 0 3rem 0 2rem; }
	
/* V. 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*/ 
	.wrap-instance { /*box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; */ }
	.main-content article, .container article { border: 0px solid #000; padding: 0 6px 0 6px; }
	.container-right-sidebar { margin-bottom: 40px; }
/* 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 */
	.navbar-main a.navbar-brand { margin: 1rem 2.5rem; } 	
	.navbar-main a.navbar-brand img { max-width: 47vw;  } 
	.navbar-main .dropdown-menu { box-shadow:none }	
	.offcanvas-header { display:block; margin-top: 2rem }
	.navbar-main .navbar-collapse { position: fixed; top:0; bottom: 0; right: 100%; width: 100%; padding-right: 1rem; padding-left: 2rem; overflow-y: auto; visibility: hidden; z-index:1080; width:100vw; transition: visibility 1.3s ease, transform .99s ease; }
	.navbar-main .navbar-collapse ul.navbar-nav { padding-top:3vw }		
	.navbar-main .nav-link { float:left }
	.navbar-main .navbar-collapse { background-color: #ffffff; }
	.navbar-main .navbar-collapse.show { visibility: visible; transform: translateX(100%); }		
	.navbar-main a.nav-link  { padding: 0.25rem 1.5rem 0.25rem 0.5rem; margin-bottom: .5rem; margin-top: .5rem; }
	.navbar-main a.dropdown-item { padding: 0.25rem 1.5rem 0.25rem 1rem; margin-bottom: .5rem; margin-top: .5rem; }
	.navbar-main .navbar-nav .nav-link:hover, .navbar-main .navbar-nav .show > .nav-link { padding: 0.25rem 1.5rem 0.25rem 0.5rem; }
	.navbar-main .dropdown-menu li.active, 
	.navbar-main .dropdown-menu li.active :hover, 
	.navbar-main .dropdown-menu .dropdown-item, 
	.navbar-main .dropdown-menu .dropdown-item:hover, 
	.navbar-main a.nav-link, .navbar-main a.dropdown-item { border-radius: 2px;  }
	.navbar-main .dropdown-menu { margin:0; border-radius:2px }

/* III. HEADER-IMAGE / SLIDER / GOOGLE-MAPS -------------------------------------------------------------------------------max992*/
	
/* IV. SECTION ARTICLE ---------------------------------------------------------------------------------------------------max992*/
section { padding-top:15px }
/* 1 Kolumnen -------------------------------------------------------------------------------------------------------------max992*/
	.colwrap-all { padding: .6rem 0rem 1rem 0rem; }
/* 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*/
	.modalgallery.modal { padding-left:0px }
	
/* 11 Modal Auto-Overlay --------------------------------------------------------------------------------------------------max992*/
	.automodaloverlay.modal { padding-left:0px }
	
/* 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*/
/* V. CONTAINER FOOTER + ENDPAGE -----------------------------------------------------------------------------------------max992*/
}



/* === Mindestens 991.98px breit // Medium devices (tablets, 991.98px and up) */ 
@media (min-width: 991.98px) {	
/* I. BODY ALL ------------------------------------------------------------------------------------------------------------min992*/ 
	body { font-size:0.98rem; line-height:1.39rem; }
/* Elements und Container -------------------------------------------------------------------------------------------------min992*/ 
	.story-container { width:980px; }	
	.story-60 { width:60%;  }
	.story-80 { width:80%;  }
	.story-100 { width:100%;  }
	.footer-100 { width:auto;  }	
	.story-container, .story-60, .story-80, .story-100, .footer-100 { padding-left:0vw; padding-right:0vw; }
	.container-right-sidebar { width: 69%; position: relative; margin: 0 2% 0px 0; padding: 0; float: left; }
	.sidebar_right { width: 28%; position: relative; margin-right: 0; float: left; padding-left: 2%; min-height: 375px; background: url(/wp-content/themes/mistral/media/sidebar-left.png) no-repeat scroll 0px 32px transparent; }
	.sidebar_right a { font-weight:bold; outline:none }
	.sidebar_right .form_textfeld, .sidebar_right .form_textarea { width:100%; }

/* Input-Fields -----------------------------------------------------------------------------------------------------------min992*/
/* Scroll-to-top-Button ---------------------------------------------------------------------------------------------------min992*/
/* Site-Icons -------------------------------------------------------------------------------------------------------------min992*/
/* optional Colors --------------------------------------------------------------------------------------------------------min992*/

/* II. NAVIGATION ---------------------------------------------------------------------------------------------------------min992*/
/* Container Head (Top-Navigation) ----------------------------------------------------------------------------------------min992*/
	.navbar-head { box-shadow: 0px 0px 2px 0px #5e5e5e; } 
			 
/* Container Logo (Main-Navigation) ---------------------------------------------------------------------------------------min992*/
	/* !!! Main Navigation ab hier sichtbar */
	.navbar-main a.navbar-brand { margin: 3rem 6rem 3rem 2rem  }	
	.navbar-main ul.navbar-nav { margin-top:.5rem }
	.navbar-main li.nav-item { margin:0 .5rem 0rem 0; }	
	.navbar-expand-lg .navbar-nav .nav-link { padding: .2rem .4rem; }
	.navbar-collapse {flex-grow: 1; }	
	.navbar-main .dropdown-menu { margin-top:12px }

/* III. HEADER-IMAGE / SLIDER / GOOGLE-MAPS -------------------------------------------------------------------------------min992*/
	
/* IV. SECTION ARTICLE ---------------------------------------------------------------------------------------------------min992*/
section { padding-top:35px }
/* 1 Kolumnen -------------------------------------------------------------------------------------------------------------min992*/
/* 2 Jumbotron ------------------------------------------------------------------------------------------------------------min992*/
/* 3 Blockquote -----------------------------------------------------------------------------------------------------------min992*/
	/*
	blockquote {  font-size:1.7rem; line-height:2.1rem;	padding: 0 3%; margin-left: 7vw; }
	blockquote span { font-size:calc(1.7rem - .3rem);  }		 */
	blockquote { 
	position: relative; 
	margin: 0px auto; 
	border-left: 3px solid #4c4c4c; 
	color:#4c4c4c;
	font-family: gentium;
	font-size:2.02rem; 
	line-height:2.5rem; 
	padding: 0 2%;  
	margin-left: 5vw; }
	blockquote span { font-style:italic; display:block; text-align:right; font-size:calc(1.4rem - .1rem); margin-top:.7rem; margin-right:2rem }
	
	
/* 4 Tabs -----------------------------------------------------------------------------------------------------------------min992*/
	.nav-tabs { display:flex }
	.nav-tabs .nav-item { margin-bottom: 0px; }
	.nav-tabs > li  {	padding-right:3px; }
	.nav-tabs > li > a, 
	.nav-tabs > li.active > a, 
	.nav-tabs > li.active > a:hover, 
	.nav-tabs > li.active > a:focus {	border-radius:2px 7px 0 0; }	
	.tab-content div.active  {	
		background:#ffffff; 		
		border-radius:0 2px 2px 2px;
		color:#4c4c4c;		
		box-shadow: 0px 4px 4px -4px #5e5e5e } 

		
/* 5 Toggle und Akkordeon -------------------------------------------------------------------------------------------------min992*/
	
/* 6 Galerie Personal	-----------------------------------------------------------------------------------------------------min992*/
/* 7 Big-Slider	Bootstrap -------------------------------------------------------------------------------------------------min992*/
	.carousel .carousel-indicators li { margin-right: 15px;}
	.carousel .carousel-caption { 
		bottom: 2vh; left: 6vw; padding: 0 1.1vw;
		border-radius:4px 6px 4px 6px; }
	.big-slider .carousel-caption h4 a { font-size: 2.45rem; line-height: 4.53rem }
	
/* 8 Content-Slider -------------------------------------------------------------------------------------------------------min992*/
/* 9 Image Slider Bootstrap -----------------------------------------------------------------------------------------------min992*/
/* 10 Modal-Fotogalerie ---------------------------------------------------------------------------------------------------min992*/
	.modalgallery .modal-dialog { max-width:90vw }	
	.modalgallery.colwrap-5-bg { width: 16% !important; }
	
/* 11 Modal Auto-Overlay --------------------------------------------------------------------------------------------------min992*/
	.automodaloverlay .modal-dialog { max-width:90vw }	
	 
/* 12 Google-Map ----------------------------------------------------------------------------------------------------------min992*/

/* 13 Zeilenumbruch -------------------------------------------------------------------------------------------------------min992*/
/* 14 Absatz --------------------------------------------------------------------------------------------------------------min992*/
/* 15 Überschriften -------------------------------------------------------------------------------------------------------min992*/
	h1, .h1 { font-size:2.2rem; line-height:2.6rem; text-indent:0px;	font-weight:normal; margin-top:0rem; margin-bottom:0rem; }		
	h2, .h2 { font-size:2rem; line-height:2.6rem; text-indent:0px; font-weight:normal; margin-top:0rem; margin-bottom:0.2rem; }	
	h3, .h3 { font-size:1.8rem; line-height:2.4rem; text-indent:0px; font-weight:normal; margin-top:0rem; margin-bottom:0rem; }	
	h4, .h4 { font-size:1.6rem; line-height:2.4rem; text-indent:0px; font-weight:normal; margin-top:0rem; margin-bottom:0rem; }	
	h5, .h5 { font-size:1.4rem; line-height:2rem; text-indent:0px; font-weight:normal; margin-top:0rem; margin-bottom:0.5rem; }		
	h6, .h6 { font-size:1.19rem; line-height:2rem; text-indent:0px; font-weight:normal; margin-top:0rem; margin-bottom:0rem; }			
	
/* 16 Liste ---------------------------------------------------------------------------------------------------------------min992*/
/* 17 Button --------------------------------------------------------------------------------------------------------------min992*/
/* 18 Divider -------------------------------------------------------------------------------------------------------------min992*/
/* 19 Initiale ------------------------------------------------------------------------------------------------------------min992*/
	.initiale { font-size: 8rem; line-height: 7rem; margin: 0 3rem 0 3rem; }

/* V. CONTAINER FOOTER + ENDPAGE -----------------------------------------------------------------------------------------min992*/
	section.footer { 
	margin-top:50px;
	box-shadow: 0px 0px 4px 0px #5e5e5e;  }
	
}












/* === 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. HEADER-IMAGE / SLIDER / GOOGLE-MAPS -------------------------------------------------------------------------------min1200*/

/* IV. SECTION ARTICLE ---------------------------------------------------------------------------------------------------min1200*/
/* 1 Kolumnen -------------------------------------------------------------------------------------------------------------min1200*/
/* 2 Jumbotron ------------------------------------------------------------------------------------------------------------min1200*/
/* 3 Blockquote -----------------------------------------------------------------------------------------------------------min1200*/
	blockquote span {  margin-top:1rem; margin-right:3rem }
	
/* 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*/
	.modalgallery .modal-dialog { max-width:1000px }

/* 11 Modal Auto-Overlay --------------------------------------------------------------------------------------------------min1200*/
	.automodaloverlay .modal-dialog { max-width:1000px }
	
/* 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*/
/* V. CONTAINER FOOTER + ENDPAGE -----------------------------------------------------------------------------------------min1200*/
}



// Extra small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) {  }
// Medium devices (tablets, 768px and up)
@media (min-width: 768px) {  }
// Large devices (desktops, 992px and up)
@media (min-width: 992px) {  }
// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) {  }



// Extra small devices (portrait phones, less than 576px)
@media (max-width: 575.98px) {  }
// Small devices (landscape phones, less than 768px)
@media (max-width: 767.98px) {  }
// Medium devices (tablets, less than 992px)
@media (max-width: 991.98px) {  }
// Large devices (desktops, less than 1200px)
@media (max-width: 1199.98px) {  }



/* Ablage */
/* https://getbootstrap.com/docs/4.0/components/navs/#horizontal-alignment */